.page-community.bf3-subpage .community-panels>.merch-section.is-current-panel:not([hidden]){padding:18px;background:#07151ff5;border:1px solid #b5923d;border-radius:9px}
.page-community .merch-heading h2{font-size:24px;color:#fff}.page-community .merch-heading h2 i{color:#ffd34a}.page-community .merch-heading #merchreload{border-color:#caa143;color:#ffd760}
.page-community .merch-toolbar{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin:15px 0 8px}.page-community .merch-toolbar input{max-width:300px}.page-community .merch-toolbar select{width:auto;padding:10px;font:inherit}.page-community .merch-toolbar label{font-size:12px;color:#cbd6de;margin:0}.page-community .merch-toolbar .merch-all{margin-right:auto}
.page-community #merchproducts{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:12px 0 22px;align-items:stretch}
.page-community .merch-product{border:1px solid #9e8143;border-radius:6px;background:linear-gradient(#0e202b,#06151e);padding:0 0 10px;overflow:hidden;box-shadow:0 5px 20px #0004;min-width:0}.page-community .merch-product .merch-image{height:auto;aspect-ratio:1/1.1;border-radius:0;border-bottom:1px solid #4e4940;background:radial-gradient(ellipse at center,#3f4240,#09151e 80%)}.page-community .merch-product .merch-image img{height:100%;width:100%;object-fit:contain}.page-community .merch-product h3{font-size:14px;line-height:1.3;color:#fff;margin:10px 10px 5px}.page-community .merch-product .merch-description{font-size:11px;line-height:1.45;margin:0 10px 9px;max-height:80px;overflow:auto}.page-community .merch-product .merch-price{font-size:21px;color:#ffd23e;margin:0 10px 5px;padding-top:6px;margin-top:auto}.page-community .merch-product>small{padding:0 10px;margin:5px 0}.page-community .merch-product .merch-variants{display:flex;flex-wrap:wrap;gap:4px;color:#d8e3ea}.page-community .merch-variant{display:inline-block;border:1px solid #4c6473;border-radius:4px;padding:3px 5px;font-size:10px;line-height:1.3}.page-community .merch-product .merch-actions{padding:0 9px;margin-top:9px;display:grid;grid-template-columns:1fr;gap:5px}.page-community .merch-product .merch-actions button{width:100%;font-size:11px;padding:9px 4px;min-height:35px}.page-community .merch-product .merch-actions>button:first-child:not(.outline):not(.delete-button){background:#ffd447;border-color:#d9ac31;color:#16202a}
.page-community .merch-highlights{margin:20px 0}.page-community .merch-highlights>h3{color:#fff;font-size:17px}.page-community .merch-highlights-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.page-community .merch-highlight{min-height:145px;position:relative;border:1px solid #d0a444;border-radius:7px;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:15px;background:linear-gradient(90deg,#06131cf5,#08151b8a),url('assets/bf3-nachtkonvoi.png') center/cover;color:#fff;text-align:left;isolation:isolate}.page-community .merch-highlight img{position:absolute;right:0;top:0;width:58%;height:100%;object-fit:cover;z-index:-2}.page-community .merch-highlight:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07131c 0%,#07131cd9 40%,#07131c22);z-index:-1}.page-community .merch-highlight strong{font-size:18px;line-height:1.25;color:#ffe07c;text-transform:uppercase}.page-community .merch-highlight span{display:inline-block;background:#ffd54e;border:1px solid #d9b23e;color:#17212a;font-size:11px;border-radius:5px;padding:8px 10px;margin-top:15px}.page-community #merchempty{padding:15px;color:#c5d3df}
@media(max-width:1200px){.page-community #merchproducts{grid-template-columns:repeat(4,minmax(0,1fr))}.page-community .merch-highlights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.page-community #merchproducts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.page-community #merchproducts{grid-template-columns:repeat(2,minmax(0,1fr))}.page-community .merch-toolbar{flex-wrap:wrap}.page-community .merch-toolbar input{max-width:none;width:100%}.page-community .merch-toolbar label{display:none}.page-community .merch-toolbar select{flex:1}.page-community .merch-highlights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-community .merch-highlight{padding:12px;min-height:130px}.page-community .merch-highlight strong{font-size:14px}}
@media(max-width:380px){.page-community #merchproducts,.page-community .merch-highlights-grid{grid-template-columns:1fr}}