*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#17283a;font:16px/1.6 system-ui,Arial,sans-serif}a{color:#0a69af}.top{background:#0a2f6b;color:white;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px clamp(14px,4vw,48px);flex-wrap:wrap}.top a{color:white;text-decoration:none}.brand{font-weight:800;display:flex;gap:10px;align-items:center}.brand img{width:38px;height:38px;border-radius:7px}.top nav{display:flex;gap:16px}.container{max-width:1170px;margin:auto;padding:30px 20px 70px}h1,h2,h3{line-height:1.2}h1{color:#0a2f6b}p.muted,.muted{color:#5e7180}.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}.product,.panel{border:1px solid #dfe6ee;border-radius:14px;background:white;box-shadow:0 4px 14px #11315b0a;overflow:hidden}.product img{width:100%;height:195px;object-fit:contain;background:#f9fbff}.product .info{padding:18px}.product h3{margin:0 0 6px}.product p{min-height:50px}.tag{font-weight:700;color:#0a2f6b}.panel{padding:22px;margin:22px 0}.button,button{display:inline-block;cursor:pointer;border:0;border-radius:8px;background:#0b6dae;color:white;font:inherit;font-weight:700;padding:10px 15px;text-decoration:none}.button.secondary,button.secondary{background:#eaf0f6;color:#123c6d}button.danger{background:#b52237}button:disabled{opacity:.55;cursor:not-allowed}input,textarea,select{font:inherit;width:100%;border:1px solid #b9c8d6;border-radius:7px;padding:10px;background:white}label{font-weight:600;display:block;margin:12px 0 5px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.cart-row{display:grid;grid-template-columns:1fr 90px 90px;gap:12px;align-items:center;border-bottom:1px solid #e1e6ef;padding:12px 0}.message{background:#e8f6ea;padding:15px;border-radius:8px}.error{background:#fff0f0;color:#a11721;padding:15px;border-radius:8px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.edit-row{border-top:1px solid #dde7ee;padding-top:20px;margin-top:20px}small{color:#5e7180}footer{text-align:center;padding:24px}dialog{max-width:480px;border:none;border-radius:14px;padding:25px;box-shadow:0 15px 80px #17283a55}dialog::backdrop{background:#101e30aa}@media(max-width:520px){.cart-row{grid-template-columns:1fr 65px 65px}.top nav{gap:9px;font-size:13px}}
select{font:inherit;padding:11px 12px;border:1px solid #b7c9d9;border-radius:6px;background:white;color:#182a40;max-width:100%;width:100%}
/* Kazi Energy premium storefront additions — scoped to the Special Offers page. */
html{scroll-behavior:smooth}.storefront{max-width:1320px;padding:24px clamp(16px,3vw,42px) 90px}.storefront h1,.storefront h2,.storefront h3{letter-spacing:-.035em}.storefront button,.storefront a,.storefront input,.storefront select{transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}.storefront button:hover:not(:disabled){transform:translateY(-1px)}.storefront :focus-visible{outline:3px solid #e3b734;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.offer-hero{min-height:440px;border-radius:25px;background:radial-gradient(circle at 78% 31%,#1c74a3 0,transparent 37%),linear-gradient(120deg,#071e40 0%,#0a3564 55%,#0b5473 100%);position:relative;display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden;color:white;isolation:isolate;box-shadow:0 18px 45px rgba(9,43,85,.12)}.offer-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:27px 27px;opacity:.045;pointer-events:none}.hero-content{position:relative;z-index:2;padding:clamp(30px,5vw,66px)}.eyebrow{font-weight:800;letter-spacing:.19em;color:#addbea;font-size:11px;display:flex;align-items:center;gap:9px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#fbd54c;box-shadow:0 0 0 5px #fbd54c22}.offer-hero h1{color:#fff;font-size:clamp(34px,4.2vw,56px);line-height:1.13;margin:24px 0 18px;letter-spacing:-.052em}.offer-hero h1 em{font-style:normal;color:#ffd750}.offer-hero p{max-width:560px;color:#d4e4f5;font-size:15px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:30px 0}.hero-primary,.hero-secondary{font-size:14px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;gap:14px}.hero-primary{background:#ffdb59;color:#092747!important;padding:14px 22px;border-radius:11px}.hero-primary:hover{background:#ffe584;transform:translateY(-2px)}.hero-secondary{color:#eef8ff!important}.hero-trust{display:flex;gap:18px;flex-wrap:wrap;color:#c6d9ea;font-size:12px}.hero-trust span{white-space:nowrap}.hero-visual{position:relative;min-height:360px}.sun-glow{position:absolute;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,#f7cb5888,transparent 65%);right:0;top:0}.orbit{position:absolute;border:1px solid #cde7f344;border-radius:50%;transform:rotate(-28deg)}.orbit-one{width:420px;height:265px;right:-75px;top:70px}.orbit-two{width:500px;height:340px;right:-80px;top:30px}.hero-panel{width:270px;height:250px;position:absolute;right:15%;top:26%;transform:perspective(680px) rotateY(-17deg) rotateX(16deg) rotateZ(-11deg);background:linear-gradient(140deg,#3679b1,#081c41);border:7px solid #a7cfdf;border-radius:11px;box-shadow:22px 30px 15px #061a3570,0 0 50px #63c9ff22;overflow:hidden}.panel-cells{position:absolute;inset:5px;background:repeating-linear-gradient(90deg,transparent 0,transparent 52px,#c4e7fa60 53px,#c4e7fa60 55px),repeating-linear-gradient(0deg,#11396544 0,#11396544 43px,#c4e7fa66 44px,#c4e7fa66 46px)}.panel-shine{position:absolute;inset:0;background:linear-gradient(135deg,transparent 25%,#fff4 43%,transparent 52%)}.glass-tile{position:absolute;z-index:2;display:flex;gap:9px;align-items:center;padding:10px 13px;background:#ffffffee;color:#123450;border:1px solid #fff;border-radius:12px;box-shadow:0 14px 34px #061a3560;font-size:12px}.glass-tile span{font-size:20px;color:#eebd28}.tile-top{top:15%;left:5%}.tile-bottom{bottom:15%;right:5%}
.steps{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0 64px;background:white;border:1px solid #e4ebf2;border-radius:17px;box-shadow:0 6px 20px #153b5e08}.steps>div{display:flex;align-items:center;gap:17px;padding:20px 25px}.steps>div+div{border-left:1px solid #e8edf2}.step-num{font-size:27px;line-height:1;font-weight:800;color:#b8cddd}.steps strong,.steps small{display:block}.steps strong{font-size:14px;color:#15365b}.steps small{font-size:12px;color:#738395;margin-top:2px}
.shop-section{scroll-margin-top:95px}.section-kicker{font-size:11px;letter-spacing:.16em;font-weight:800;color:#167c9d}.shop-topline{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:26px}.shop-topline h2,.quote-intro h2{font-size:clamp(30px,3.1vw,42px);margin:9px 0 8px;color:#102b50}.shop-topline h2 span,.quote-intro h2 span{color:#1384a6}.shop-topline .muted{margin:0}.cart-shortcut{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #dce6ee;border-radius:50px;text-decoration:none;color:#13365a;padding:12px 17px;font-size:14px;font-weight:800;box-shadow:0 5px 15px #1848750c}.cart-shortcut:hover{border-color:#75b2d2}.cart-count{min-width:25px;height:25px;border-radius:50%;background:#ffdb59;display:grid;place-items:center;font-size:12px}.shop-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:white;border:1px solid #e0e8f0;border-radius:17px;padding:13px;margin-bottom:16px}.search-field{margin:0!important;display:flex;align-items:center;gap:10px;flex:1 1 275px;background:#f4f7fa;border-radius:10px;padding:0 13px}.search-field>span:first-child{font-size:25px;font-weight:400;color:#647e92}.search-field input{border:0;background:transparent;outline:none;min-width:0}.category-field{margin:0!important;flex:0 1 240px}.category-field select{background:#f4f7fa;border-color:transparent;border-radius:10px;min-height:46px}.result-count{font-size:12px;font-weight:800;color:#78909e;white-space:nowrap;padding:0 10px}.category-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 27px}.storefront .chip{background:#fff;color:#416074;border:1px solid #dce6ed;border-radius:30px;font-size:12px;padding:8px 16px;font-weight:750}.storefront .chip.is-active{background:#103e70;color:white;border-color:#103e70}
.storefront .products{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:20px}.storefront .product{border:1px solid #e2eaf0;border-radius:17px;box-shadow:0 8px 30px #092c500a;overflow:hidden;display:flex;flex-direction:column}.storefront .product:hover{box-shadow:0 18px 40px #1436571c;transform:translateY(-3px)}.product-media{height:235px;position:relative;display:grid;place-items:center;background:linear-gradient(140deg,#f4f9fd,#eaf2f9);overflow:hidden}.storefront .product img{width:100%;height:100%;object-fit:contain;padding:21px;background:transparent;transition:transform .28s}.storefront .product:hover img{transform:scale(1.045)}.product-badge{position:absolute;top:13px;left:13px;background:#fff;color:#0c5b78;border:1px solid #d9e9ec;padding:6px 10px;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:.07em}.product-placeholder{display:grid;place-items:center;color:#5a84a1;gap:8px;font-size:13px;letter-spacing:.17em}.placeholder-icon{font-size:52px;color:#e4b83d}.storefront .product .info{padding:23px;display:flex;flex-direction:column;flex:1}.product-category{font-size:10px;font-weight:800;color:#1689aa;text-transform:uppercase;letter-spacing:.1em}.storefront .product h3{font-size:19px;margin:7px 0 9px;color:#153250}.product-description{font-size:13px;line-height:1.75;color:#6d7e89;min-height:0!important;flex:1;margin:0 0 25px;white-space:pre-line;overflow-wrap:anywhere}.product-bottom{display:flex;align-items:end;justify-content:space-between;gap:8px;border-top:1px solid #edf1f4;padding-top:15px}.price-label{font-size:9px;letter-spacing:.13em;color:#8899a6;font-weight:800}.storefront .tag{margin:4px 0 0;font-size:14px;color:#10375c;min-height:0}.storefront .product-bottom button{border-radius:9px;background:#0b3d70;padding:10px 12px;font-size:12px;white-space:nowrap}.storefront .product-bottom button:hover{background:#0d648a}.no-results{grid-column:1/-1;text-align:center;background:#fff;border:1px dashed #c6d8e7;border-radius:17px;padding:50px 20px}.no-results>span{font-size:46px;color:#9cb5c9}.no-results h3{margin:5px 0}.no-results p{color:#647e90}
.quote-layout{margin-top:86px;padding-top:51px;border-top:1px solid #dce5ec;scroll-margin-top:95px;display:grid;grid-template-columns:minmax(210px,.65fr) minmax(0,1.35fr);gap:clamp(20px,5vw,70px)}.quote-intro{padding-top:18px}.quote-intro p{color:#667c8e;line-height:1.8}.quote-reassurance{background:#e9f4ee;border-radius:10px;color:#24654c;padding:12px 15px;font-size:12px;font-weight:750;margin-top:25px;display:inline-block}.quote-content .panel{margin:0 0 20px;border-radius:17px;border-color:#e0e9ef;box-shadow:0 7px 24px #10345608;padding:clamp(20px,3vw,30px)}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title h2{font-size:23px;color:#143459;margin:8px 0 12px}.cart-icon{font-size:30px}.storefront .cart-row{grid-template-columns:minmax(0,1fr) 85px 92px;gap:10px}.storefront .cart-row strong{font-size:14px}.storefront .cart-row input{padding:9px}.storefront .cart-row button{font-size:12px;padding:10px 8px}.empty-cart{padding:24px 15px;background:#f6f9fb;border:1px dashed #cfdae2;border-radius:11px;text-align:center;color:#738494;font-size:14px}.details-panel form{background:transparent;border:0;padding:0;display:block}.details-panel .grid2{gap:6px 15px}.details-panel label{font-size:12px;color:#405771;margin:18px 0 7px}.details-panel label span{color:#b23838}.details-panel input,.details-panel textarea{border-color:#d9e3eb;background:#fcfdfe;padding:12px 13px;border-radius:9px}.details-panel input:focus,.details-panel textarea:focus{outline:2px solid #94c9df;border-color:#63a5c4}.submit-area{margin-top:25px;padding-top:20px;border-top:1px solid #e8eef2;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.submit-area p{font-size:12px;color:#647b8c;margin:0}.submit-area p span{color:#20885b}.storefront #checkout{background:#ffdb59;color:#153b53;border-radius:10px;padding:13px 21px;font-size:14px}.storefront #checkout:hover{background:#f7cb35}.storefront #checkout span{padding-left:9px}.storefront #status{margin-top:14px}.storefront dialog{color:#183a55}
@media(max-width:950px){.offer-hero{grid-template-columns:1fr}.hero-visual{display:none}.offer-hero{min-height:0}.quote-layout{grid-template-columns:1fr}.quote-intro{padding:0}.steps{margin-bottom:45px}}@media(max-width:600px){.storefront{padding-top:14px}.offer-hero{border-radius:17px}.hero-content{padding:30px 22px}.offer-hero h1{font-size:33px}.hero-trust{gap:9px}.steps{grid-template-columns:1fr;gap:0}.steps>div{padding:13px 20px}.steps>div+div{border-left:0;border-top:1px solid #e8edf2}.shop-controls{align-items:stretch}.category-field{flex:1 1 100%}.result-count{padding:4px 6px}.storefront .products{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.storefront .cart-row{grid-template-columns:minmax(0,1fr) 65px 76px;gap:6px}.storefront .cart-row button{padding:8px 4px}.shop-topline{align-items:start}.quote-layout{margin-top:55px}.submit-area button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.storefront *{transition:none!important}}