@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{--ink:#0b1b36;--blue:#0957d0;--deep:#061d42;--sky:#eaf2ff;--paper:#f6f8fb;--line:#dfe5ed;--muted:#66758a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{height:36px;background:var(--deep);color:#d9e6f8;display:flex;align-items:center;justify-content:space-between;padding:0 5%;font-size:14px}.site-header{height:86px;padding:0 5%;display:flex;align-items:center;border-bottom:1px solid #edf0f4;background:#fff;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.04em}.brand i{font-style:normal;width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:var(--blue);color:#fff;font-size:13px}.brand em{font-style:normal;color:var(--blue)}.brand small{display:block;color:#7c8796;font-size:8px;letter-spacing:.15em}.site-header nav{display:flex;gap:27px;margin:auto}.site-header nav a{font-size:15px}.site-header nav a:hover{color:var(--blue)}.head-actions{display:flex;gap:7px;align-items:center}.head-actions a{background:#f4f6f9;border-radius:30px;padding:10px 13px;font-size:14px}.head-actions .bag{position:relative}.head-actions b{display:inline-grid;place-items:center;background:var(--blue);color:#fff;border-radius:50%;width:18px;height:18px;font-size:9px}.mobile-toggle{display:none;border:0;background:none;font-size:20px}.flash{position:fixed;right:25px;top:25px;z-index:100;padding:14px 18px;border-radius:7px;color:#fff;box-shadow:0 15px 35px #0003}.flash.success{background:#14714a}.flash.error{background:#a83232}.hero-slider{min-height:650px;position:relative;background:linear-gradient(125deg,#f5f8fd,#fff 55%,#e8f1ff);overflow:hidden}.hero-slide{display:none;grid-template-columns:1fr 1fr;padding:70px 7%;min-height:650px;align-items:center;animation:reveal .6s ease}.hero-slide.active{display:grid}@keyframes reveal{from{opacity:0;transform:translateX(25px)}to{opacity:1;transform:none}}.hero-slide>div:first-child{max-width:630px}.hero-slide small,.intro small,.section-head small,.vision small,.testimonial-side>small,.faqs>div>small,.page-title>small,.detail-copy>small,.reviews-head>div>small,.generic-page>small,.auth-page small,.account header small,.dynamic-banner small,.dynamic-content>small{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--blue)}.hero-slide h1{font:600 67px/1.04 Manrope;margin:25px 0;letter-spacing:-.055em}.hero-slide h1 em{display:block;color:var(--blue);font-style:normal;font-weight:400}.hero-slide p{color:var(--muted);font-size:18px;line-height:1.7;max-width:540px}.primary{display:inline-flex;border:0;background:var(--blue);color:#fff;padding:15px 22px;border-radius:7px;font-weight:600;justify-content:center}.hero-art{width:min(500px,42vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff 0 5%,#d0e1fb 36%,#82aff2 70%,#3d76ca);display:grid;place-items:center;justify-self:center;box-shadow:0 35px 80px #4b70a633}.hero-art b{font-size:45px;color:#1854a6}.hero-art span{font-size:8px;letter-spacing:.16em;color:#37679f}.slide-prev,.slide-next{position:absolute;top:50%;width:44px;height:44px;border-radius:50%;border:1px solid #bbcee6;background:#fff;color:var(--blue)}.slide-prev{left:3%}.slide-next{right:3%}.slide-dots{position:absolute;bottom:28px;left:50%;display:flex;gap:7px}.slide-dots button{width:8px;height:8px;border:0;border-radius:5px;background:#b5c6dc;padding:0}.slide-dots button.active{width:25px;background:var(--blue)}.benefits{background: #efefef; padding:28px 6%;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.benefits>div{display:flex;align-items:center;justify-content:center;gap:13px;color:var(--blue);border-right:1px solid #617693}.benefits>div:last-child{border:0}.benefits span{display:grid;color:var(--ink);font-size:16px}.benefits small{color:#8490a1}.intro{padding:100px 7%;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end}.intro h2,.section-head h2,.vision h2,.testimonial-side h2,.faqs h2{font:600 44px/1.1 Manrope;margin:18px 0 0;letter-spacing:-.04em}.intro p{color:var(--muted);font-size:17px;line-height:1.8}.products-section{padding:45px 7% 110px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-head>a{font-size:13px;font-weight:600;border-bottom:1px solid #97a5b7}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 20px}.product-card{min-width:0}.product-img{height:310px;background:linear-gradient(145deg,#eff4fb,#dae7f8);position:relative;display:grid;place-items:center;overflow:hidden}.product-img>strong{font-size:35px;color:#1e5fab}.product-img>small{position:absolute;bottom:18px;font-size:8px;letter-spacing:.13em;color:#6d82a0}.product-img>img{width:70%;height:100%;object-fit:cover}.product-img>i{position:absolute;left:13px;top:13px;background:var(--deep);color:#fff;padding:7px;font-style:normal;font-size:8px}.heart{position:absolute;right:13px;top:13px;z-index:2}.heart button{width:36px;height:36px;border:0;border-radius:50%;background:#fff;color:var(--blue);font-size:19px}.quick{position:absolute;right:13px;bottom:13px}.quick button{border:0;background:var(--deep);color:#fff;padding:10px 13px;border-radius:5px;opacity:0;transform:translateY(8px);transition:.2s}.product-card:hover .quick button{opacity:1;transform:none}.product-info{padding:16px 2px}.product-info>small{color:#8792a2;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.product-info h3{margin:7px 0 13px;font-size:16px}.product-info>div{display:flex;align-items:center;gap:8px}.product-info>div>b{color:var(--blue)}.product-info del{font-size:12px;color:#8c97a7}.product-info>div>a{margin-left:auto;border:1px solid var(--line);border-radius:50%;width:31px;height:31px;display:grid;place-items:center}.vision{padding:95px 7%;display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center;background:var(--deep);color:#fff}.vision small,.testimonial-side>small{color:#91b8ed}.vision p{color:#b2c3da;line-height:1.8;max-width:500px}.image-placeholder{min-height:390px;border:1px dashed #6f91bc;display:grid;place-items:center;color:#abc2df;font-size:10px;letter-spacing:.14em;background:linear-gradient(145deg,#123b70,#2863ac)}.testimonials{padding:95px 7%;display:grid;grid-template-columns:.7fr 1.3fr;gap:9%;background:#0a2853;color:#fff}.testimonial-side p{color:#a9bdd7}.testimonial-side p b{font:600 43px Manrope;color:#fff}.testimonial-side button{width:45px;height:45px;border-radius:50%;border:1px solid #567394;background:transparent;color:#fff}.testimonial-stage{background:#fff;color:var(--ink);min-height:390px;padding:48px;box-shadow:0 30px 70px #0003}.testimonial-stage article{display:none;animation:reveal .5s ease}.testimonial-stage article.active{display:flex;flex-direction:column}.testimonial-stage article>i{font:90px/1 Georgia;color:#e8eef6}.testimonial-stage article>span{color:#e4ad32}.testimonial-stage blockquote{font:500 28px/1.55 Manrope;margin:15px 0 35px}.testimonial-stage small{color:#7e8998}.faqs{padding:95px 7%;display:grid;grid-template-columns:.75fr 1.25fr;gap:9%;background:var(--paper)}.faqs>div>p{color:var(--muted)}.faqs details{border-bottom:1px solid #ccd6e4;padding:19px 0}.faqs summary{font-weight:600;cursor:pointer;display:flex;justify-content:space-between;list-style:none}.faqs details p{color:var(--muted);line-height:1.7}.inner{padding:75px 7% 110px;min-height:70vh}.page-title{max-width:770px;margin-bottom:45px}.page-title h1,.detail-copy h1,.generic-page h1,.dynamic-banner h1{font:600 35px/1.05 Manrope;letter-spacing:-.04em;margin:18px 0}.page-title p,.generic-page>p{color:var(--muted);font-size:17px;line-height:1.8}.shop-tools{display:flex;justify-content:flex-end;gap:10px;border-block:1px solid var(--line);padding:18px 0}.shop-tools input,.shop-tools select{padding:11px 14px;border:1px solid var(--line)}.shop-tools button{background:var(--deep);color:#fff;border:0;padding:0 20px}.count{font-size:11px;color:#7f8998;margin:23px 0}.shop-grid{grid-template-columns:repeat(3,1fr)}.shop-grid .product-img{height:390px}.back{display:inline-block;margin-bottom:30px;color:#68778c}.product-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:center}.detail-image{height:640px;background:linear-gradient(145deg,#eef4fc,#d8e7f9);display:grid;place-items:center}.detail-image img{width:80%;height:100%;object-fit:cover}.detail-image b{font-size:80px;color:#2a65b5}.detail-image span{font-size:8px;letter-spacing:.13em}.detail-copy h1{margin-top:17px}.stars,.review-list article section>span{color:#dfaa35}.stars span{color:#758195;font-size:12px}


.price {
    color: var(--blue);
    font-size: 34px;
    font-weight: 700;
    margin: 13px 0;
}



.detail-copy>p{color:var(--muted);line-height:1.8}.stock{color:#2e8158;font-size:12px;margin:23px 0}.buy-form{display:flex;gap:8px}.buy-form input{width:70px;border:1px solid var(--line);padding:12px}.buy-form .primary{flex:1}.secondary{width:100%;margin-top:9px;padding:14px;border:1px solid var(--line);background:#fff;border-radius:6px}.product-detail{margin-top:85px;border-top:1px solid var(--line);padding-top:55px;display:grid;grid-template-columns:1fr 1fr;gap:10%}.product-detail h2,.reviews h2{font:600 40px Manrope;margin:0}.product-detail p{color:var(--muted);line-height:1.8}.reviews{margin-top:80px;border-top:1px solid var(--line);padding-top:65px}.reviews-head{display:flex;justify-content:space-between}.reviews-head>div:last-child{display:flex;gap:12px;align-items:center}.reviews-head>div:last-child>b{font:600 42px Manrope}.reviews-head span{color:#dea934;display:grid}.reviews-head span small{color:#7f8a9a;font-size:9px}.review-form{margin:30px 0;background:var(--paper);border:1px solid var(--line);padding:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:grid;gap:7px;font-size:12px;font-weight:600}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{padding:12px;border:1px solid var(--line);background:#fff}.form-grid textarea{min-height:90px}.review-form>p{color:var(--muted);font-size:11px}.login-review{padding:22px;background:var(--paper)}.login-review a{color:var(--blue);font-weight:700}.review-list article{display:grid;grid-template-columns:50px 1fr;gap:18px;border-top:1px solid var(--line);padding:27px 0}.review-list article>div{width:48px;height:48px;border-radius:50%;background:var(--deep);color:#fff;display:grid;place-items:center;font-size:11px}.review-list h3{margin:6px 0}.review-list p{color:var(--muted);line-height:1.7}.review-list small{color:#8490a0}.cart-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:25px;align-items:start}.cart-layout>section,.cart-layout>aside{border:1px solid var(--line);padding:25px}.cart-item{display:flex;align-items:center;gap:15px;padding:18px 0;border-top:1px solid var(--line)}.cart-item:first-child{border:0}.cart-item>div{width:80px;height:80px;background:var(--sky);display:grid;place-items:center;color:var(--blue);font-weight:700}.cart-item>span{display:grid;flex:1}.cart-item small,.cart-item em{color:#8490a0;font-size:10px;font-style:normal}.cart-item button{border:0;background:none;color:#ad3e3e}.cart-layout aside p,.summary p{display:flex;justify-content:space-between}.total{font-size:19px;border-top:1px solid var(--line);padding-top:18px}.empty{min-height:350px;display:grid;place-items:center;align-content:center;text-align:center;background:var(--paper)}.checkout{padding:70px 10%;background:var(--paper);display:grid;grid-template-columns:1.2fr .8fr;gap:25px}.checkout>form,.summary{background:#fff;padding:35px;border:1px solid var(--line)}.checkout h1{font:600 40px Manrope}.cod{display:grid;background:#eef7f3;color:#286e4c;padding:15px;margin:20px 0}.summary>small,.checkout>form>small{color:var(--blue);letter-spacing:.14em;font-weight:700}.success-page{min-height:65vh;display:grid;place-items:center;align-content:center;text-align:center;padding:60px}.success-page>i{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#e7f6ed;color:#268052;font-size:30px}.success-page h1{font:600 45px Manrope;margin:12px}.success-page p{max-width:560px;color:var(--muted)}.success-page>div{display:flex;gap:20px;align-items:center}.auth-page{min-height:720px;display:grid;grid-template-columns:1fr 1fr;background:var(--paper)}.auth-page>div{background:linear-gradient(145deg,#071d40,#0e4b91);color:#fff;padding:85px 10%;display:flex;flex-direction:column;justify-content:center}.auth-page>div small{color:#9fc1ef}.auth-page h1{font:600 52px/1.1 Manrope}.auth-page>div p{color:#c0cfe2;line-height:1.8}.auth-page>div>span{min-height:180px;border:1px dashed #799ac4;display:grid;place-items:center;font-size:9px;letter-spacing:.15em;margin-top:30px}.auth-page>form{width:min(450px,84%);margin:auto;display:grid;gap:14px;background:#fff;padding:40px;border:1px solid var(--line)}.auth-page h2{font:600 34px Manrope}.auth-page label{display:grid;gap:7px;font-size:12px;font-weight:600}.auth-page input{padding:13px;border:1px solid var(--line)}.auth-page form>a{text-align:center;color:var(--blue)}.account{padding:75px 7%;background:var(--paper)}.account>header{display:flex;justify-content:space-between;align-items:end}.account h1{font:600 43px Manrope;margin:8px 0}.account header p{color:var(--muted)}.account-layout{display:grid;grid-template-columns:285px 1fr;gap:25px;align-items:start}.account-layout>aside,.account-layout>section{background:#fff;border:1px solid var(--line);padding:27px}.account-layout>aside{display:flex;flex-direction:column;gap:8px}.account-layout aside>i{width:60px;height:60px;border-radius:50%;background:var(--sky);display:grid;place-items:center;color:var(--blue);font-style:normal}.account-layout aside span{color:var(--muted);font-size:12px}.account-layout aside .primary{margin-top:18px}.order-card{border:1px solid var(--line);margin-top:18px}.order-card>div:first-child{display:grid;grid-template-columns:repeat(3,1fr) auto;padding:16px;background:#f8fafc}.order-card span{display:grid}.order-card small{font-size:9px;color:#8490a0}.order-card>p{padding:0 18px;color:var(--muted);font-size:12px}.status{font-style:normal;padding:7px 10px;border-radius:25px;font-size:10px}.status.new{background:#eef1f5}.status.confirmed{background:#e7f0ff;color:#1c5eb7}.status.dispatched{background:#fff3d9;color:#946400}.status.delivered{background:#e5f7ed;color:#25774e}.status.cancelled{background:#fee9e9;color:#aa3737}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin:20px;position:relative}.steps:before{content:"";height:2px;position:absolute;left:6px;right:6px;top:5px;background:#d9e1eb}.steps b{width:13px;height:13px;border-radius:50%;background:var(--blue);z-index:1}.steps b:nth-child(n+2){justify-self:center;background:#c7d0dd}.steps b:last-child{justify-self:end}.steps b.done{background:var(--blue)}.labels{display:grid!important;grid-template-columns:repeat(4,1fr)!important;padding:0 17px 20px!important;font-size:9px;color:#8490a0}.labels span:nth-child(n+2){text-align:center}.labels span:last-child{text-align:right}.generic-page{min-height:65vh;padding:100px 15%;background:linear-gradient(125deg,#f5f8fd,#fff)}.generic-page>p{max-width:780px}.contact-card{display:grid;gap:10px;padding:25px;background:#fff;border-left:3px solid var(--blue);max-width:700px}.dynamic-banner{min-height:550px;padding:80px 7%;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;background:linear-gradient(130deg,#071c3e,#1051a0);color:#fff}.dynamic-banner small{color:#a9c7ef}.dynamic-banner p{color:#bfd1e8;font-size:18px;line-height:1.7}.dynamic-content{padding:90px 12%}.dynamic-content h2{font:600 43px Manrope}.dynamic-content>p{color:var(--muted);font-size:18px;line-height:1.8}.admin-html{margin-top:35px}.custom-strip{padding:25px 7%;display:flex;justify-content:space-between;align-items:center}.header-strip{background:var(--sky)}.footer-strip{background:var(--deep);color:#fff}.custom-code-section{min-height:1px}.footer-cta{padding:45px 7%;background:var(--blue);color:#fff;display:flex;justify-content:space-between;align-items:center}.footer-cta small{letter-spacing:.15em}.footer-cta h2{font:600 31px Manrope;margin:5px 0}.footer-cta>a{background:#fff;color:var(--deep);padding:15px 20px;border-radius:6px}.footer-grid{padding:75px 7%;display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:35px;background:#081931;color:#fff}.footer-grid>div{display:flex;flex-direction:column;gap:11px}.footer-grid p,.footer-grid a{color:#a2b2c8;font-size:16px;line-height:1.7}.footer-brand{color:#fff}.socials,.badges{display:flex!important;flex-direction:row!important}.socials span{width:32px;height:32px;border:1px solid #3b4d65;border-radius:50%;display:grid;place-items:center}.badges span{border:1px solid #3b4d65;padding:5px;font-size:16px}.copyright{background:#051329;color:#7e91aa;padding:20px 7%;display:flex;justify-content:space-between;font-size:16px}
@media(max-width:1000px){.site-header nav{display:none;position:absolute;top:86px;left:0;right:0;background:#fff;padding:25px;box-shadow:0 15px 30px #0002}.site-header nav.open{display:grid}.mobile-toggle{display:block;margin-left:auto}.head-actions{margin-left:10px}.product-grid{grid-template-columns:repeat(2,1fr)}.hero-slide,.vision,.testimonials,.faqs,.product-layout,.checkout,.auth-page,.dynamic-banner{grid-template-columns:1fr}.hero-art{width:380px}.hero-slide{padding-top:65px}.benefits{grid-template-columns:1fr 1fr;gap:20px}.intro,.product-detail{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.cart-layout,.account-layout{grid-template-columns:1fr}.quick button{opacity:1;transform:none}}
@media(max-width:620px){section.vision img {
    width: 100%;
}.hero-slide>div:first-child {
    max-width: 630px;
    margin-bottom: 36px;
}
.product-img>img {
    width: 70%;
    
}
.detail-copy h1 {
    margin-top: 17px;
    font-size: 30px;
}
.topbar span:last-child,.head-actions>a:last-child{display:none}.site-header{height:72px;padding:0 4%}.site-header nav{top:72px}.head-actions a{padding:8px}.hero-slider,.hero-slide{min-height:720px}.hero-slide{padding:50px 6% 80px}.hero-slide h1{font-size:45px}.hero-art{width:290px}.slide-prev{left:2%}.slide-next{right:2%}.benefits{grid-template-columns:1fr}.benefits>div{justify-content:flex-start;border-right:0;border-bottom:1px solid var(--line);padding:10px}.intro,.products-section,.vision,.testimonials,.faqs,.inner,.account{padding:65px 5%}.intro h2,.section-head h2,.vision h2,.testimonial-side h2,.faqs h2{font-size:35px}.product-grid,.shop-grid{grid-template-columns:1fr}.product-img,.shop-grid .product-img{height:370px}.section-head{align-items:flex-start;gap:15px}.testimonial-stage{padding:28px;min-height:380px; }.testimonial-stage blockquote{font-size:22px}.shop-tools{display:grid}.product-layout{gap:35px}.detail-image{height:420px}.reviews-head{display:grid;gap:20px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:1}.cart-item{flex-wrap:wrap}.checkout{padding:45px 4%}.checkout>form,.summary{padding:25px}.auth-page>div{padding:60px 6%}.auth-page h1{font-size:40px}.auth-page>form{width:92%;padding:28px}.account>header{align-items:flex-start}.order-card>div:first-child{grid-template-columns:1fr 1fr;gap:10px}.footer-cta{display:grid;gap:20px;padding:40px 6%}.footer-grid{grid-template-columns:1fr}.copyright{display:grid;gap:8px}.dynamic-banner{padding:60px 6%}.dynamic-banner h1{font-size:43px}.dynamic-content{padding:65px 6%}}


a.brand.footer-brand img {
    border-radius: 10px;
}
.hero-slide img {
    width: 100%;
}section.vision img {
    border-radius: 15px;
}

.testimonial-stage {
     border-radius: 15px;
}
.hero-slide img {
    border-radius: 15px;
}
button.test-prev {
    margin-right: 20px;
}
main.auth-page img {
    border-radius: 15px;
}
section#section-5 img {
    border-radius: 15px;
    width: 100%;
}
.socials span {
    margin-right: 15px;
}
.product-img {
    height: 310px;
    background: linear-gradient(145deg, #eff4fb, #dae7f8);
    position: relative;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 15px;
}
.detail-image {
 
    border-radius: 15px;
}