/* SOLA Product Catalog v2.8.0 — mockup-matched premium catalog */
.product-shell-v280{width:min(1460px,calc(100% - 48px));margin:0 auto}

.product-hero-v280{position:relative;min-height:345px;display:flex;align-items:center;overflow:hidden;color:#fff;background:
radial-gradient(circle at 72% 30%,rgba(255,196,35,.5),transparent 26%),
linear-gradient(110deg,#041429 0%,#0c2b48 52%,#d99200 145%);background-size:cover;background-position:center}
.product-hero-v280:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(3,15,31,.08));pointer-events:none}
.product-hero-v280:after{content:'';position:absolute;right:-80px;bottom:-150px;width:420px;height:420px;border-radius:50%;background:rgba(255,194,24,.12);filter:blur(1px)}
.product-hero-inner-v280{position:relative;z-index:2;padding:52px 0 74px}
.product-hero-copy-v280{max-width:850px}
.product-kicker-v280{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.18em;color:#ffd43f;margin-bottom:8px}
.product-hero-v280 h1{font-family:Montserrat,sans-serif;font-size:clamp(46px,5.1vw,76px);line-height:.98;letter-spacing:-.055em;margin:0 0 12px;font-weight:900;color:#fff}
.product-hero-v280 h1 strong{color:#ffbf00;font-weight:900}
.product-hero-v280 p{max-width:760px;margin:0;color:#f4f7fb;font-size:15px;line-height:1.65;font-weight:600}
.product-trust-v280{display:flex;gap:42px;align-items:center;flex-wrap:wrap;margin-top:25px}
.product-trust-v280>div{display:flex;align-items:center;gap:10px;min-width:175px}.product-trust-v280 svg{color:#ffc31c;flex:0 0 auto}.product-trust-v280 span{display:flex;flex-direction:column;line-height:1.25}.product-trust-v280 b{font-size:11px;color:#fff}.product-trust-v280 small{font-size:9.5px;color:#dbe5ef;margin-top:3px;font-weight:600}

.product-discovery-wrap-v280{position:relative;z-index:20;margin-top:-30px}
.product-discovery-v280{background:rgba(255,255,255,.98);border:1px solid #e9edf2;border-radius:18px;padding:16px 18px 15px;box-shadow:0 18px 45px rgba(10,27,52,.12);backdrop-filter:blur(10px)}
.product-search-v280{height:47px;border:1px solid #dce2e9;border-radius:999px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding-left:17px;background:#fff;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.product-search-v280>svg{color:#273854}.product-search-v280 input{height:100%;border:0;outline:0;background:transparent;padding:0 14px;font-size:12.5px;color:#12203e;min-width:0}.product-search-v280 input::placeholder{color:#8b96a8}
.product-search-v280 button{height:39px;margin-right:4px;min-width:138px;padding:0 24px;border:0;border-radius:999px;background:linear-gradient(135deg,#ff7a00,#ff4f00);color:#fff;font-size:11px;font-weight:900;cursor:pointer;box-shadow:0 8px 20px rgba(255,90,0,.22);transition:.2s ease}.product-search-v280 button:hover{transform:translateY(-1px);filter:saturate(1.08)}
.product-categories-v280{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;padding-top:13px}.product-categories-v280::-webkit-scrollbar{display:none}
.product-categories-v280 button{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border:1px solid #e0e5eb;background:#fff;color:#1e2b45;padding:9px 17px;border-radius:999px;font-size:10.5px;font-weight:800;cursor:pointer;transition:.2s ease;min-height:37px}.product-categories-v280 button svg{color:#738096}.product-categories-v280 button:hover{border-color:#ffc03b;background:#fffaf0}.product-categories-v280 button.active{border-color:#ff5e00;background:linear-gradient(135deg,#ff7b00,#ff4d00);color:#fff;box-shadow:0 8px 18px rgba(255,92,0,.18)}.product-categories-v280 button.active svg{color:#fff}

.product-catalog-v280{padding:14px 0 110px;background:linear-gradient(180deg,#fbfcfe 0%,#fff 34%,#fffdf8 100%);min-height:650px}
.product-results-v280{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 2px 9px}.product-results-v280>div{display:flex;align-items:center;gap:8px}.product-results-v280 span{font-size:10.5px;font-weight:900;color:#22314e}.product-results-v280 small{font-size:9.5px;color:#8b96a8}.product-results-v280 button{border:0;background:transparent;color:#ea6200;font-size:10px;font-weight:800;cursor:pointer}
.product-grid-v280{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.product-card-v280{background:#fff;border:1px solid #e7ebf0;border-radius:15px;overflow:hidden;display:flex;flex-direction:column;min-width:0;box-shadow:0 5px 15px rgba(12,31,57,.035);transition:transform .23s ease,box-shadow .23s ease,border-color .23s ease}
.product-card-v280:hover{transform:translateY(-4px);border-color:#f0c05f;box-shadow:0 17px 34px rgba(11,28,54,.09)}
.product-card-media-v280{height:170px;position:relative;background:
radial-gradient(circle at 78% 20%,rgba(255,219,125,.36),transparent 32%),
linear-gradient(145deg,#fdfcf8,#f6f7f8);display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #edf0f3;padding:8px 20px 0}
.product-card-media-v280:before{content:'';position:absolute;left:-35px;bottom:-55px;width:120px;height:120px;border-radius:50%;background:rgba(255,189,16,.08)}
.product-card-media-v280>img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1;transition:transform .25s ease;filter:drop-shadow(0 9px 12px rgba(20,25,38,.08))}.product-card-v280:hover .product-card-media-v280>img{transform:scale(1.035)}
.product-placeholder-v280{width:86px;height:86px;border-radius:20px;background:linear-gradient(135deg,#ffd444,#f2ae00);display:grid;place-items:center;color:#07163a;font-family:Montserrat,sans-serif;font-size:18px;font-weight:900;letter-spacing:.08em;box-shadow:0 13px 28px rgba(193,133,0,.15)}
.product-stock-v280{position:absolute;right:9px;top:9px;z-index:3;background:#f3fff6;color:#0f8b3e;border:1px solid #82dfa2;border-radius:999px;padding:4px 8px;font-size:8.5px;font-weight:900}
.product-share-v280{position:absolute;left:9px;top:9px;z-index:3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid #e3e7ec;background:rgba(255,255,255,.94);color:#647188;cursor:pointer;box-shadow:0 4px 12px rgba(7,22,58,.05);opacity:0;transform:translateY(-3px);transition:.2s ease}.product-card-v280:hover .product-share-v280{opacity:1;transform:none}.product-share-v280:hover{color:#f05e00;border-color:#ffba75}
.product-card-body-v280{padding:11px 12px 12px;display:flex;flex-direction:column;flex:1}
.product-meta-v280{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}.product-meta-v280 span{font-size:8.5px;color:#6e7a8f}.product-meta-v280 b{font-size:8.5px;color:#d97300;font-weight:900;text-transform:uppercase;letter-spacing:.03em;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-card-v280 h3{font-family:Montserrat,sans-serif;font-size:13.2px;line-height:1.23;letter-spacing:-.02em;color:#081733;margin:0 0 5px;font-weight:800}
.product-desc-v280{font-size:9.7px;line-height:1.45;color:#7a8598;margin:0 0 7px;min-height:28px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-price-v280{font-size:11.5px;font-weight:900;color:#e35c00;margin-bottom:8px}
.product-options-v280{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto}.product-options-v280 label{display:flex;flex-direction:column;gap:4px;min-width:0}.product-options-v280 label>span,.product-qty-row-v280>span{font-size:8.3px;color:#4f5c70;font-weight:800}
.product-options-v280 select,.product-static-v280{width:100%;height:32px;border:1px solid #dde2e8;border-radius:7px;background:#fff;color:#27334b;font-size:9.5px;font-weight:700;padding:0 8px;outline:0;min-width:0}.product-options-v280 select:focus{border-color:#ff9b2f;box-shadow:0 0 0 2px rgba(255,122,0,.08)}.product-static-v280{display:flex;align-items:center;background:#fafbfc}
.product-qty-row-v280{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:7px}.product-qty-row-v280>span{padding-bottom:7px}.product-stepper-v280{height:32px;display:grid;grid-template-columns:29px 38px 29px;border:1px solid #dde2e8;border-radius:7px;overflow:hidden;background:#fff}.product-stepper-v280 button{border:0;background:#fff;color:#23304a;display:grid;place-items:center;cursor:pointer}.product-stepper-v280 button:hover{background:#fff6e8}.product-stepper-v280 input{width:38px;border:0;border-left:1px solid #edf0f3;border-right:1px solid #edf0f3;text-align:center;outline:0;font-size:10px;font-weight:800;color:#18243c;-moz-appearance:textfield}.product-stepper-v280 input::-webkit-outer-spin-button,.product-stepper-v280 input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.product-add-v280{margin-top:8px;width:100%;height:35px;border:0;border-radius:7px;background:linear-gradient(135deg,#ffc72d,#f3ae00);color:#081733;font-size:10.5px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;box-shadow:0 7px 14px rgba(208,144,0,.12);transition:.2s ease}.product-add-v280:hover{transform:translateY(-1px);filter:saturate(1.06)}.product-add-v280.added{background:#19aa55;color:#fff}
.product-no-results-v280{text-align:center;padding:90px 20px;color:#78869c;border:1px dashed #dbe1ea;border-radius:20px;background:#fff}.product-no-results-v280 svg{color:#e4a612;margin-bottom:10px}.product-no-results-v280 h3{color:#142142;margin:4px 0 6px}.product-no-results-v280 p{margin:0;font-size:12px}

.product-floating-cart-v280{position:fixed;right:28px;bottom:24px;z-index:850;height:55px;padding:0 15px 0 18px;border-radius:999px;border:0;background:linear-gradient(135deg,#ff7300,#ff4d00);color:#fff;display:flex;align-items:center;gap:9px;font-weight:900;font-size:11.5px;cursor:pointer;box-shadow:0 18px 34px rgba(255,84,0,.27);transition:.2s ease}.product-floating-cart-v280:hover{transform:translateY(-2px)}.product-floating-cart-v280 b{min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#fff;color:#f15800;display:grid;place-items:center;font-size:10px}
.product-cart-overlay-v280{position:fixed;inset:0;z-index:1200;border:0;background:rgba(4,13,34,.55);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.25s ease;cursor:default}.product-cart-overlay-v280.open{opacity:1;visibility:visible}
.product-cart-v280{position:fixed;z-index:1201;right:0;top:0;height:100vh;width:min(395px,100%);background:#fff;box-shadow:-24px 0 50px rgba(7,22,58,.2);transform:translateX(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}.product-cart-v280.open{transform:translateX(0)}
.product-cart-head-v280{padding:15px 17px;border-bottom:1px solid #e7ebef;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff}.product-cart-head-v280>div{display:flex;align-items:center;gap:8px}.product-cart-head-v280 svg{color:#f05c00}.product-cart-head-v280 h2{font-family:Montserrat,sans-serif;font-size:14px;color:#07142d;margin:0}.product-cart-head-v280>button{width:31px;height:31px;border:0;border-radius:50%;display:grid;place-items:center;background:#fff;color:#34425a;cursor:pointer}
.product-cart-body-v280{flex:1;overflow:auto;padding:10px 15px}
.product-cart-item-v280{display:grid;grid-template-columns:54px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #edf0f3}.product-cart-item-v280>img,.product-cart-thumb-v280{width:54px;height:54px;object-fit:contain;border-radius:8px;background:#f7f8fa;padding:4px}.product-cart-thumb-v280{display:grid;place-items:center;color:#d47600;font-weight:900;background:#fff5d8}
.product-cart-item-main-v280{min-width:0}.product-cart-item-title-v280{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.product-cart-item-title-v280>b{font-size:10.5px;color:#10203c;line-height:1.3}.product-cart-item-title-v280>button{border:0;background:transparent;color:#8a93a2;padding:0;cursor:pointer}.product-cart-item-main-v280>span{display:block;font-size:8.8px;color:#7f899a;margin-top:2px}.product-cart-item-main-v280>strong{display:block;font-size:9.5px;color:#14213a;margin-top:3px}
.product-cart-item-bottom-v280{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:7px}.product-cart-stepper-v280{display:grid;grid-template-columns:25px 28px 25px;height:27px;border:1px solid #e0e4e9;border-radius:7px;overflow:hidden}.product-cart-stepper-v280 button{border:0;background:#fff;display:grid;place-items:center;color:#26334a;cursor:pointer}.product-cart-stepper-v280 b{display:grid;place-items:center;border-left:1px solid #eceff2;border-right:1px solid #eceff2;font-size:9px}.product-cart-item-bottom-v280 em{font-style:normal;font-size:10px;font-weight:900;color:#16223c}
.product-cart-empty-v280{height:100%;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8a96a9}.product-cart-empty-v280 svg{opacity:.3;margin-bottom:11px}.product-cart-empty-v280 b{color:#1d2b4a;margin-bottom:4px}.product-cart-empty-v280 span{font-size:11px}
.product-cart-foot-v280{padding:14px 17px 17px;border-top:1px solid #e6eaef;background:#fff;display:grid;gap:9px}.product-cart-total-v280{display:flex;align-items:center;justify-content:space-between}.product-cart-total-v280 span{font-size:10.5px;font-weight:800;color:#27344a}.product-cart-total-v280 b{font-size:13.5px;color:#07142d}.product-cart-note-v280{font-size:8.7px;color:#7e899a;margin:0 0 4px;line-height:1.4}
.product-whatsapp-v280,.product-pdf-v280{height:47px;border-radius:9px;font-size:10.5px;font-weight:900;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:0 15px;cursor:pointer}.product-whatsapp-v280{border:0;background:#08b94d;color:#fff}.product-pdf-v280{border:1.5px solid #ff6b1d;background:#fff;color:#f05800}.product-whatsapp-v280:disabled,.product-pdf-v280:disabled{opacity:.45;cursor:not-allowed}.product-whatsapp-v280 span,.product-pdf-v280 span{font-size:16px}.product-clear-v280{border:0;background:transparent;color:#27344a;font-size:9.5px;font-weight:800;padding:6px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}

/* Keep v2.7 admin product controls available with current admin */
.product-page-settings-v270{margin-bottom:18px}.product-admin-hero-v270{border:1px solid #e3e8f0;border-radius:18px;padding:15px;max-width:760px;background:linear-gradient(145deg,#fff,#fbfcfe)}
.product-admin-hero-v270>div:first-child{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.product-admin-hero-v270 small{color:#748198}.product-admin-hero-v270 img,.product-admin-empty-v270{width:100%;height:210px;border-radius:13px;object-fit:cover;background:#f3f6fa;display:grid;place-items:center;color:#8a96a8;text-align:center;padding:20px;margin-bottom:12px}.product-admin-progress-v270{position:relative;height:28px;border-radius:9px;background:#eef2f7;overflow:hidden;margin-bottom:10px}.product-admin-progress-v270 i{position:absolute;inset:0 auto 0 0;background:#f6c423}.product-admin-progress-v270 span{position:relative;z-index:2;height:100%;display:grid;place-items:center;font-size:11px;font-weight:800}.product-admin-upload-v270{display:inline-flex;background:#07163a;color:#fff;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:800;cursor:pointer}.product-admin-upload-v270 input{display:none}.admin-inline-form input[type=number]{max-width:150px}

@media(max-width:1250px){.product-grid-v280{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.product-shell-v280{width:min(1460px,calc(100% - 30px))}.product-grid-v280{grid-template-columns:repeat(2,minmax(0,1fr))}.product-hero-v280{min-height:330px}.product-hero-inner-v280{padding:48px 0 68px}.product-trust-v280{gap:20px}.product-discovery-wrap-v280{margin-top:-25px}.product-categories-v280 button{padding-left:14px;padding-right:14px}}
@media(max-width:680px){.product-shell-v280{width:calc(100% - 22px)}.product-hero-v280{min-height:350px;background-position:center}.product-hero-inner-v280{padding:42px 0 63px}.product-hero-v280 h1{font-size:42px}.product-hero-v280 p{font-size:13px;max-width:92%}.product-trust-v280{gap:11px;margin-top:20px}.product-trust-v280>div{min-width:0;flex:1 1 30%;gap:6px}.product-trust-v280 svg{width:21px;height:21px}.product-trust-v280 b{font-size:9px}.product-trust-v280 small{font-size:7.5px}.product-discovery-v280{padding:11px;border-radius:15px}.product-search-v280{grid-template-columns:auto 1fr;height:43px}.product-search-v280 button{display:none}.product-search-v280 input{font-size:11.5px}.product-categories-v280{padding-top:10px}.product-categories-v280 button{font-size:9px;padding:8px 12px;min-height:34px}.product-catalog-v280{padding-top:8px;padding-bottom:95px}.product-results-v280{min-height:32px}.product-grid-v280{grid-template-columns:1fr;gap:12px}.product-card-media-v280{height:215px}.product-card-v280 h3{font-size:15px}.product-desc-v280{font-size:10.5px;min-height:auto}.product-meta-v280 span,.product-meta-v280 b{font-size:9px}.product-price-v280{font-size:12.5px}.product-options-v280 select,.product-static-v280{height:36px;font-size:10.5px}.product-stepper-v280{height:35px;grid-template-columns:32px 42px 32px}.product-stepper-v280 input{width:42px}.product-add-v280{height:40px;font-size:11px}.product-floating-cart-v280{right:13px;bottom:13px;height:51px;padding:0 14px}.product-floating-cart-v280 span{display:none}.product-cart-v280{width:100%}.product-admin-hero-v270 img,.product-admin-empty-v270{height:160px}}

/* v2.8.7 — center Product Range hero content */
.product-hero-inner-v280{
  display:flex;
  justify-content:center;
  text-align:center;
}
.product-hero-copy-v280{
  width:min(980px,100%);
  max-width:980px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.product-hero-v280 p{
  margin-left:auto;
  margin-right:auto;
}
.product-trust-v280{
  width:100%;
  justify-content:center;
}
.product-trust-v280>div{
  justify-content:center;
  text-align:left;
}
@media(max-width:680px){
  .product-hero-copy-v280{width:100%}
  .product-hero-v280 p{max-width:96%}
  .product-trust-v280{justify-content:center}
  .product-trust-v280>div{justify-content:center;text-align:left}
}

/* v2.8.8 — radius-based delivery fee */
.product-delivery-box-v288{border:1px solid #e2e8f0;border-radius:14px;padding:12px 13px;background:#f8fafc;margin-bottom:12px}
.product-delivery-head-v288{display:flex;align-items:center;justify-content:space-between;gap:10px}
.product-delivery-head-v288>div{display:flex;align-items:center;gap:9px;color:#0f2748;min-width:0}
.product-delivery-head-v288 span{display:flex;flex-direction:column;line-height:1.15}
.product-delivery-head-v288 b{font-size:.88rem}
.product-delivery-head-v288 small{font-size:.72rem;color:#64748b;margin-top:3px;font-weight:700}
.product-delivery-head-v288 button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:999px;background:#ff6a00;color:#fff;font-weight:800;font-size:.76rem;padding:9px 12px;cursor:pointer;white-space:nowrap}
.product-delivery-head-v288 button:disabled{opacity:.65;cursor:wait}
.product-delivery-result-v288{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:8px 10px;border-radius:10px;font-size:.78rem;font-weight:800}
.product-delivery-result-v288.free{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}
.product-delivery-result-v288.paid{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}
.product-delivery-error-v288{margin:9px 0 0;color:#b91c1c;font-size:.76rem;font-weight:700}
.product-cart-grand-v288{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #cbd5e1;margin-top:7px;padding-top:9px;margin-bottom:8px;color:#071a36}
.product-cart-grand-v288 span{font-size:1rem;font-weight:900}
.product-cart-grand-v288 b{font-family:'Montserrat',sans-serif;font-size:1.22rem;color:#ff5b00}
@media(max-width:480px){.product-delivery-head-v288{align-items:flex-start;flex-direction:column}.product-delivery-head-v288 button{width:100%}}

/* v2.8.9 delivery note: showroom-based delivery is confirmed separately */
.product-delivery-note-v289{display:flex;gap:12px;align-items:flex-start;margin:12px 0 14px;padding:12px 14px;border:1px solid #fde68a;background:#fffbeb;border-radius:14px;color:#334155}
.product-delivery-note-v289>svg{color:#ea580c;flex:0 0 auto;margin-top:2px}
.product-delivery-note-v289 b{display:block;font-size:.92rem;color:#0f172a;margin-bottom:3px}
.product-delivery-note-v289 p{margin:0;font-size:.82rem;line-height:1.45;color:#475569}
.product-delivery-note-v289 small{display:block;margin-top:4px;font-size:.76rem;font-weight:700;color:#92400e}
