/* V39: simpler customer-first retail UI, bright cobalt, coral and teal, admin unaffected. */
.premium-site{--ink:#102c35;--orange:#ff6b35;--cream:#f7f9fc;--line:#e0e8ee;--muted:#5b6a73;--display:'Outfit',sans-serif;background:#f7f9fc;color:#102c35;font-family:'DM Sans',sans-serif}
.premium-site .top-strip{background:#102c35;color:#fff;padding:9px 20px;font-size:11px;letter-spacing:.4px}
.premium-site .top-strip span:nth-child(2){color:#fff}
.premium-site .header{background:#fff;border-bottom:1px solid #e1e9ed;box-shadow:0 2px 12px #102c350c}
.premium-site .header-inner{height:78px;gap:18px}
.premium-site .brand-icon{background:#102c35;color:#fff;border-radius:11px;font-family:'Outfit',sans-serif;font-size:30px;font-weight:800}
.premium-site .brand-copy{font-family:'Outfit',sans-serif;font-size:21px;letter-spacing:-.5px;font-weight:800}
.premium-site .brand-copy small{color:#69808b;letter-spacing:1px;font-size:9px;margin-top:3px}
.premium-site .header nav a{font-size:14px}
.premium-site .header nav a:hover{color:#f1602c}
.premium-site .basket-btn{border:0;background:#ff6b35;color:#fff;border-radius:11px;font-size:14px;font-weight:800;padding:12px 15px}
.premium-site .basket-btn b{color:#102c35;background:#fff}
.premium-site .icon-btn{color:#102c35}
.premium-site .hero.simple-hero{background:linear-gradient(112deg,#e8f3ff 0%,#f1f8ff 56%,#fff5ec 100%);border-bottom:1px solid #dbe8f1}
.premium-site .simple-hero-inner{display:grid;grid-template-columns:1fr 260px;align-items:center;gap:48px;min-height:0;padding-top:52px;padding-bottom:54px}
.premium-site .simple-hero .hero-copy{padding:0}
.premium-site .simple-hero .eyebrow{font-size:11px;letter-spacing:1.1px;color:#0d7180;font-weight:800}
.premium-site .simple-hero h1{font-family:'Outfit',sans-serif;font-weight:800;font-size:clamp(43px,5.4vw,70px);line-height:1.02;letter-spacing:-2.4px;margin:15px 0;color:#102c35}
.premium-site .simple-hero h1 em{color:#f15b2a;font-style:normal}
.premium-site .simple-hero .hero-copy>p{font-size:16px;color:#485d68;line-height:1.55;max-width:540px}
.premium-site .simple-hero .hero-buttons{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px}
.premium-site .btn{border-radius:11px;padding:14px 22px;font-family:'DM Sans',sans-serif;font-weight:800}
.premium-site .btn-primary{background:#ff6b35;color:#fff;border-color:#ff6b35}
.premium-site .btn-primary:hover{background:#ea5322;box-shadow:0 8px 20px #ff6b3530}
.premium-site .btn-outline{border:1.5px solid #abc3d4;color:#133f51;background:#fff}
.premium-site .hero-aside{background:#fff;border-radius:20px;padding:29px 22px;box-shadow:0 10px 30px #12415c13;border:1px solid #dce8f1;display:flex;flex-direction:column;gap:10px;font-size:13px;color:#526773}
.premium-site .hero-aside strong{font:800 20px/1.2 'Outfit',sans-serif;color:#102c35}
.premium-site .hero-aside-icon{display:grid;place-items:center;background:#e0f8f3;color:#008d78;font-size:30px;border-radius:14px;width:52px;height:52px}
.premium-site .simple-benefits{background:#fff;border-bottom:1px solid #e7edf1}
.premium-site .simple-benefit-grid{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:16px;padding-bottom:16px}
.premium-site .simple-benefit-grid>div{font-size:15px;font-weight:800;color:#00a38c;white-space:nowrap}
.premium-site .simple-benefit-grid span{color:#344b54;font-size:13px;margin-left:4px}
.premium-site .shop{padding-top:43px;padding-bottom:75px;scroll-margin-top:14px}
.premium-site .section-heading{margin-bottom:20px}
.premium-site .section-heading h2{font-family:'Outfit',sans-serif;font-weight:800;letter-spacing:-1.4px;font-size:37px;margin:6px 0 7px}
.premium-site .eyebrow{color:#0f8b81;letter-spacing:1.2px;font-weight:800}
.premium-site .section-heading p{margin:0;color:#5d6e77}
.premium-site .search-row{background:#fff;border:1px solid #e1e9ef;padding:12px;border-radius:17px;box-shadow:0 5px 16px #102c3508;gap:10px}
.premium-site .search-field,.premium-site .search-row select,.premium-site .more-filters select{border:1px solid #ccdce7;border-radius:10px;background:#fff;min-height:50px}
.premium-site .search-field:focus-within{outline:2px solid #288bc0;outline-offset:1px}
.premium-site .category-heading{display:flex;align-items:baseline;gap:12px;margin-top:25px}
.premium-site .category-heading strong{font:800 19px 'Outfit',sans-serif}
.premium-site .category-heading span{font-size:12px;color:#647781}
.premium-site .category-chips{padding:13px 0 18px;gap:9px}
.premium-site .category-chip{border:1px solid #cbdee6;border-radius:24px;padding:11px 18px;color:#123e50;background:#fff;font-size:13px;font-weight:800}
.premium-site .category-chip[aria-pressed=true]{background:#087e8b;border-color:#087e8b;color:#fff}
.premium-site .more-filters{margin-bottom:22px}
.premium-site .product-grid{gap:18px}
.premium-site .product-card{border:1px solid #e1e9ed;border-radius:17px;box-shadow:0 6px 20px #102c350b}
.premium-site .product-photo{aspect-ratio:1/1;background:#fff}
.premium-site .product-body{padding:17px}
.premium-site .product-title{font-family:'Outfit',sans-serif;font-weight:700;font-size:16px;line-height:1.32}
.premium-site .product-category{color:#087e8b;font-size:10px}
.premium-site .price{color:#102c35;font-size:24px;font-weight:800}
.premium-site .sale-tag{background:#ff6b35;color:#fff}
.premium-site .feature-tag{background:#087e8b}
.premium-site .add-btn{background:#ff6b35;color:#fff;border-color:#ff6b35}
.premium-site .add-btn:hover{background:#ef5627}
.premium-site .product-actions button{border-radius:9px;font-weight:800}
.premium-site .favourite-toggle[aria-pressed=true]{background:#ff6b35;border-color:#ff6b35}
.premium-site .about{background:#102c35;padding:66px 0}
.premium-site .about h2{font-family:'Outfit',sans-serif;font-weight:800;letter-spacing:-1.5px}
.premium-site .about h2 em{color:#ff9f73;font-style:normal}
.premium-site .contact-card{border-radius:18px;background:#dff7f4}
.premium-site .contact h2{font-family:'Outfit',sans-serif;font-weight:800}
.premium-site .contact-card .btn-light{background:#087e8b;color:#fff}
.premium-site footer{background:#102c35}
.premium-site .footer-brand span{color:#ff9b72}
.premium-site .drawer-head h2,.premium-site .dialog h2{font-family:'Outfit',sans-serif;font-weight:800}
.premium-site .dialog{border-radius:17px}
.premium-site .detail-copy h2{font-family:'Outfit',sans-serif;font-weight:800}
.premium-site .mobile-nav a span{color:#ff6b35}
@media(max-width:700px){
 .premium-site .wrap{padding-left:16px;padding-right:16px}
 .premium-site .top-strip{padding:8px 12px;font-size:11px}
 .premium-site .header-inner{height:66px;gap:8px}
 .premium-site .brand-icon{width:37px;height:37px;font-size:27px;border-radius:9px}
 .premium-site .brand-copy{font-size:14px;letter-spacing:-.55px}
 .premium-site .brand-copy small{display:none}
 .premium-site .header-actions{gap:4px}
 .premium-site .header-actions .icon-btn{width:32px;height:38px}
 .premium-site .basket-btn{padding:9px 10px;font-size:12px;border-radius:9px;gap:5px}
 .premium-site .mobile-nav-toggle{width:37px;height:38px;border-radius:9px;border:1px solid #d6e4e9;background:#f5f9fc}
 .premium-site .mobile-nav{top:66px;background:#fff}
 .premium-site .simple-hero-inner{display:block;padding-top:27px;padding-bottom:28px}
 .premium-site .simple-hero h1{font-size:clamp(36px,9.4vw,51px);line-height:1.04;letter-spacing:-1.6px;margin:10px 0}
 .premium-site .simple-hero .eyebrow{font-size:9px;letter-spacing:.8px}
 .premium-site .simple-hero .hero-copy>p{font-size:13px;line-height:1.5;margin:8px 0 0}
 .premium-site .simple-hero .hero-buttons{margin-top:16px;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:8px}
 .premium-site .simple-hero .hero-buttons .btn{width:auto;flex:1;padding:12px 8px;font-size:12px;line-height:1.2;white-space:nowrap;text-align:center}
 .premium-site .hero-aside{display:none}
 .premium-site .simple-benefit-grid{gap:6px;justify-content:space-between;padding-top:10px;padding-bottom:10px}
 .premium-site .simple-benefit-grid>div{font-size:11px;white-space:normal;line-height:1.3;flex:1;text-align:center}
 .premium-site .simple-benefit-grid span{display:block;font-size:10px;margin:2px 0 0}
 .premium-site .shop{padding-top:22px;padding-bottom:55px}
 .premium-site .section-heading{margin-bottom:13px}
 .premium-site .section-heading h2{font-size:26px;letter-spacing:-.7px;margin:3px 0}
 .premium-site .section-heading .eyebrow{font-size:9px}
 .premium-site .section-heading p{font-size:12px;line-height:1.4}
 .premium-site .search-row{padding:9px;border-radius:12px;gap:8px}
 .premium-site .search-field,.premium-site .search-row select{min-height:43px}
 .premium-site .category-heading{margin-top:18px;display:block}
 .premium-site .category-heading strong{font-size:17px}
 .premium-site .category-heading span{display:none}
 .premium-site .category-chips{padding:10px 0 14px}
 .premium-site .category-chip{padding:9px 13px;font-size:12px}
 .premium-site .product-grid{gap:10px}
 .premium-site .product-card{border-radius:12px}
 .premium-site .product-photo{aspect-ratio:1/1}
 .premium-site .product-body{padding:12px 10px}
 .premium-site .product-title{font-size:13px}
 .premium-site .price{font-size:19px}
 .premium-site .product-actions button{min-height:40px}
 .premium-site .about{padding:42px 0}
 .premium-site .about h2{font-size:33px}
 .premium-site .contact h2{font-size:30px}
}
@media(max-width:360px){.premium-site .brand-copy{font-size:12px}.premium-site .simple-hero .hero-buttons .btn{font-size:11px}}