/* Mobile summary is a full-width sheet, never a desktop grid. */
.mobile-summary-button{display:none}
.mobile-build-sheet{color:#f5f1eb;background:#1d201f;border:1px solid #5e4b3f;border-radius:20px 20px 0 0}
.mobile-build-sheet::backdrop{background:#0009;backdrop-filter:blur(3px)}
.build-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid #44443d;background:#1d201f;position:sticky;top:0;z-index:2}
body:has(.mobile-build-sheet[open]){overflow:hidden}
@media(max-width:800px){
 .public-site .build-summary{display:flex;flex-direction:column;grid-template-columns:none;gap:0;width:100%;min-width:0;max-height:none;position:static}
 .public-site .build-summary>*{grid-column:auto;grid-row:auto;min-width:0;width:100%}
 .public-site .summary-title{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px 8px}
 .public-site .summary-title>strong{white-space:nowrap;font-size:21px}
 .public-site .build-feedback{padding:8px 20px 14px}
 .public-site .build-slots{display:flex;flex-direction:column;gap:10px;max-height:none;padding:0 16px 16px;overflow:visible}
 .public-site .build-slot{display:grid;grid-template-columns:52px minmax(0,1fr) 22px;gap:12px;min-height:84px;width:100%;padding:14px;border:1px solid #48473f;border-radius:12px}
 .public-site .build-slot>span:nth-child(2){width:100%;min-width:0;text-align:left}
 .public-site .build-slot strong{font-size:13px;line-height:1.5;word-break:normal;overflow-wrap:break-word;white-space:normal;display:block}
 .public-site .build-slot small{font-size:11px;margin-bottom:4px}
 .public-site .slot-icon{width:52px;height:52px}
 .public-site .build-cost-breakdown{padding:18px 20px;border-top:1px solid #45443d}
 .public-site .summary-costs{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;font-size:12px}
 .public-site .summary-costs dd{text-align:right;margin:0}
 .public-site .build-summary>.delivery-field{padding:16px 20px;margin:0}
 .public-site .mobile-build-sheet{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:100%;max-height:88dvh;padding:0 0 env(safe-area-inset-bottom);overflow-y:auto;overscroll-behavior:contain}
 .public-site .mobile-build-sheet .build-summary{border:0;border-radius:0;background:transparent;box-shadow:none}
 .public-site .mobile-build-sheet .summary-title>strong{display:none}
 .public-site .mobile-build-sheet .summary-title{justify-content:flex-end;padding-top:8px;padding-bottom:0}
 .public-site .mobile-summary-button{display:block;min-height:36px;background:transparent;border:0;border-radius:6px;color:#f3c4a8;font-size:12px;font-weight:600;margin:2px auto 0;padding:6px 12px;text-decoration:underline;text-underline-offset:4px}
 .public-site .dock-inner{min-height:64px}
 .public-site .dock-price{min-width:0;text-align:center}
 .public-site .dock-price small{display:none}
 .public-site .studio-sticky{top:var(--builder-header-height,81px)}
 .public-site .catalogue-sticky-controls{top:var(--shop-header-height,81px)}
 .public-site .studio-heading,.public-site .studio-cards{scroll-margin-top:155px}
 .public-site .parts-pagination{flex-wrap:wrap;gap:12px;color:#c2bbb1;padding:18px 0 28px}
 .public-site .parts-pagination button{width:44px;height:44px;background:#292c29;color:#f4eee5;border:1px solid #65564a;border-radius:9px}
 .public-site .parts-pagination button:disabled{opacity:.4}
 .public-site .screen-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
 .public-site .screen-options button{min-width:0;min-height:76px;padding:14px 10px;font-size:14px;line-height:1.5}
 .public-site .screen-options button small{font-size:11px;line-height:1.5}
 .public-site .gaming-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .public-site .gaming-games button{min-height:52px;font-size:13px;line-height:1.5}
 .public-site .gaming-stage{min-width:0}
 .public-site .catalogue-sidebar .filter-panel{padding:0}
 .public-site .filter-panel summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:16px 18px;background:#292b27;border-radius:12px;font-weight:600;color:#f0d0b9}
 .public-site .filter-panel summary span{margin-left:auto}
 .public-site .brand-options label{min-height:44px}
 .public-site .applied-filters{display:flex;flex-wrap:wrap;gap:8px}
 .public-site .applied-filters a{min-height:40px;display:inline-flex;align-items:center;padding:8px 12px}
 .public-site .catalogue-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}
 .public-site .catalogue-toolbar>form{min-width:0;max-width:65%}
 .public-site .catalogue-toolbar select{max-width:100%;min-width:0}
 .public-site .shop-card-actions a{display:inline-flex;align-items:center;min-height:40px}
}
.mobile-filter-trigger{display:none}
@media(max-width:800px){
 .public-site .mobile-filter-trigger{display:inline-flex;align-items:center;flex:0 0 auto;min-height:40px;padding:8px 14px;border:1px solid #c37552;border-radius:22px;background:#3c2b21;color:#f4d2bb;font-size:12px;font-weight:700;cursor:pointer}
 .public-site .build-summary>.delivery-field{display:flex;align-items:center;justify-content:space-between;gap:16px}
 .public-site .build-summary>.delivery-field input{width:88px;flex:0 0 88px}
 .public-site .build-summary>.build-feedback{border-bottom:1px solid #45443d}
}