/* Modern storefront refresh — functionality remains in the existing scripts. */
:root{--modern-sky:#edf8fe;--modern-panel:#f8fcff;--modern-blue:#0879c8;--modern-navy:#07365c}
body{background:linear-gradient(180deg,#f9fdff 0,#fff 36%,#f5fbff 100%)}
.topbar{height:90px;max-width:1480px;margin:auto;padding:0 clamp(22px,4vw,68px);border:0;border-bottom:1px solid #dcebf4;background:#ffffffed;box-shadow:0 7px 24px #06365c0b}
.brand{gap:12px;font-size:11px;letter-spacing:1.4px}.brand-logo{width:76px!important;height:51px!important;object-fit:contain!important}.topbar nav{gap:27px}.topbar nav a{position:relative;padding:7px 0;color:#133d5c;font-size:13px}.topbar nav a:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;transform:scaleX(0);transform-origin:left;background:#0879c8;transition:.2s}.topbar nav a:hover:after{transform:scaleX(1)}
.header-actions{gap:8px}.header-pin-check{border:1px solid #cce2ef;border-radius:9px;background:#fff;overflow:hidden}.header-pin-check input{width:125px;background:transparent}.account-button{padding:10px 12px!important}.cart-button{padding:11px 14px!important;border-radius:9px!important}
.hero{position:relative;max-width:1380px;min-height:520px;margin:25px auto 0;padding:72px clamp(30px,6vw,92px);grid-template-columns:1fr .93fr;gap:52px;border:1px solid #d6eaf5;border-radius:24px;background:radial-gradient(circle at 76% 14%,#d6f4ff 0,transparent 24%),linear-gradient(125deg,#fff 0%,#f5fbff 58%,#e3f5fe 100%);box-shadow:0 22px 52px #06609117}.hero:before{content:"";position:absolute;right:-95px;bottom:-150px;width:360px;height:360px;border:46px solid #c7edfc8a;border-radius:50%;pointer-events:none}.hero>div:first-child{position:relative;z-index:1}.hero-logo{display:block;width:144px;height:74px;object-fit:contain;object-position:left center;margin:0 0 23px}.hero h1{max-width:650px;font-size:clamp(46px,5.2vw,70px);letter-spacing:-3.6px}.hero-heading-line{display:block}.hero-heading-line:nth-child(2){color:#0879c8}.hero-copy{max-width:505px;margin:22px 0;color:#52738b;font-size:15px;line-height:1.7}.hero .primary{padding:15px 28px;border-radius:9px;box-shadow:0 10px 19px #0879c83a}.note{margin-top:15px;color:#6a899c;font-weight:700}
.hero-visual{z-index:1;height:350px;border:0;border-radius:19px;background:radial-gradient(circle at 56% 23%,#c4efff,transparent 30%),linear-gradient(135deg,#0b82c6,#06355e);box-shadow:0 25px 42px #075c9540}.hero-visual:after{content:"";position:absolute;right:18px;bottom:18px;width:118px;height:44px;border-radius:10px;background:#ffffff1c;border:1px solid #a9e9ff55}.screen{border-color:#073554;background:#075080}.tower{right:11%;border-color:#0a3654}.float-card{border:1px solid #ddf3fc}.benefits{max-width:1290px;margin:18px auto 0;justify-content:space-between;gap:10px;padding:17px 30px;border:1px solid #dfedf4;border-radius:13px;background:#fff;box-shadow:0 8px 21px #07365c0a}.benefits span{display:flex;align-items:center;gap:8px}.benefits span:before{content:"✓";display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e6f7ef;color:#087b59;font-size:11px}
.shop-section{max-width:1380px;margin:auto;padding:86px clamp(25px,5vw,74px) 68px}.section-head{margin-bottom:27px}.section-head h2{font-size:clamp(35px,4vw,52px);letter-spacing:-2.6px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product{border-color:#dcebf3;border-radius:14px;box-shadow:0 9px 22px #07365c0b}.product:hover{transform:translateY(-6px);border-color:#abd5eb;box-shadow:0 19px 34px #07466d20}.product-visual{height:210px;padding:20px;background:linear-gradient(135deg,#f4fbff,#e7f6fe)!important}.product-info{padding:17px 18px}.product h3{font-size:18px}.price-row{margin-top:13px}.add{padding:10px 14px;border-radius:8px;background:#0879c8}.featured-rail-section{max-width:1380px;border:1px solid #dcebf3;border-radius:20px;box-shadow:0 9px 25px #07365c0a}.offers-section{max-width:1380px;margin:auto;padding:15px clamp(25px,5vw,74px) 76px}.offer-grid{gap:15px}.offer-card{min-height:170px;border-radius:16px;box-shadow:0 14px 29px #07365c1b}.service-banner{max-width:1380px;margin:0 auto;border-radius:21px;box-shadow:0 20px 40px #06375c2b}.contact{max-width:1380px;margin:76px auto 0;border:1px solid #dcebf3;border-radius:18px 18px 0 0;background:#fff}
@media(max-width:1420px){.hero,.benefits,.shop-section,.featured-rail-section,.offers-section,.service-banner,.contact{margin-left:22px;margin-right:22px}.shop-section,.offers-section{max-width:none}.hero{max-width:none}.benefits{max-width:none}.featured-rail-section{max-width:none}.service-banner,.contact{max-width:none}}
@media(max-width:930px){.topbar nav{gap:15px}.header-pin-check{display:none}.hero{grid-template-columns:1fr;padding:54px 40px;gap:32px}.hero-visual{max-width:590px;width:100%}.benefits{display:grid;grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.topbar{height:76px}.brand-logo{width:62px!important;height:43px!important}.brand span{display:none}.hero{margin-top:12px;padding:43px 25px;border-radius:18px}.hero-logo{width:118px;height:60px;margin-bottom:19px}.hero h1{font-size:44px;letter-spacing:-2.5px}.hero-visual{height:290px}.benefits{grid-template-columns:1fr;padding:18px 22px}.shop-section{padding:54px 24px 42px}.product-grid{grid-template-columns:1fr}.offers-section{padding:14px 24px 54px}.service-banner{margin-left:22px;margin-right:22px}.contact{margin-left:22px;margin-right:22px}.featured-rail-section{margin-left:22px;margin-right:22px}}
.hero.hero-image-banner{display:block;min-height:0;padding:0;overflow:hidden;background:#edf8fd}.hero.hero-image-banner:before{display:none}.hero-image-banner>a{display:block;line-height:0}.hero-image-banner img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain}@media(max-width:600px){.hero.hero-image-banner{padding:0}.hero-image-banner img{min-height:230px;object-fit:cover;object-position:center}}