/* KAZADESK studio: light, responsive enhancements on the existing store. */
:root{--studio-blue:#2164e8;--studio-ease:cubic-bezier(.22,.75,.25,1)}
::selection{background:#cbdfff;color:#153975}
:focus-visible{outline:3px solid #4286f5;outline-offset:4px}
.reading-progress{position:fixed;inset:0 auto auto 0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;z-index:100;background:linear-gradient(90deg,#1948aa,#2680ff,#81c5ff);pointer-events:none}
.hero-card{border:1px solid #d6e5fb;background:radial-gradient(ellipse at 10% 0,#dcecff 0,transparent 60%),linear-gradient(120deg,#f6faff,#edf4ff);box-shadow:0 20px 65px #174ba40a}
.hero h1 span{background:linear-gradient(110deg,#183f92,#2c77ef 65%,#3260c4);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-copy>.eyebrow{letter-spacing:.12em;color:#285bad}
.hero-copy>.btn{position:relative;overflow:hidden;background:linear-gradient(120deg,#163f96,#286ced);box-shadow:0 9px 23px #235fd92c;border:1px solid #3d7bef}
.hero-copy>.btn:after{content:'';position:absolute;inset:0;transform:translateX(-130%) skewX(-22deg);background:linear-gradient(90deg,transparent,#fff3,transparent);pointer-events:none}
.hero-copy>.btn:hover:after{animation:studioSweep .8s var(--studio-ease)}
.btn>span,.shipping-promo-link>span{transition:transform .3s var(--studio-ease)}
.btn:hover>span,.shipping-promo-link:hover>span{transform:translate(3px,-2px)}
.hero-price-line{display:flex;gap:10px;align-items:baseline;margin:20px 0 0;color:#5c7397;font-size:11px}
.hero-price-line strong{font:800 26px/1.2 Manrope,sans-serif;color:#16499f;letter-spacing:-1px}
.hero-price-line small{font-size:10px;letter-spacing:0}
.hero-price-line a{border-bottom:1px solid #a3c4f2;padding-bottom:2px}
.product-card{border-radius:21px;border-color:#e0e9f6;box-shadow:0 4px 16px #1a4d9c05;transition:transform .38s var(--studio-ease),box-shadow .38s,border-color .38s}
.product-card .product-visual{background:#fff}
.product-card .product-info{background:linear-gradient(180deg,#fff,#fbfdff)}
.product-card .product-name{color:#163561}
.product-card .price-now{color:#164ba6}
.product-card .add-btn{transition:background .22s,transform .22s,box-shadow .22s;min-height:35px}
.product-card .add-btn:active{transform:scale(.96)}
.product-card .add-btn.is-added{background:#165fa1;box-shadow:0 0 0 4px #b8d7ff70}
.product-card:focus-within{border-color:#9ebff4;box-shadow:0 13px 35px #255dad12}
.product-card .heart{transition:transform .2s,background .2s;color:#376393}
.product-card .heart:hover{transform:scale(1.1);background:#edf4ff}
.product-card .sale-label{box-shadow:0 3px 10px #1d5fc51a;border:1px solid #aecdfc;background:#e9f3ff;color:#1751af}
.product-card.featured-product{border-color:#9ebdf1}
.product-card.featured-product .product-name{color:#184fa9}
.benefit-icon{transition:transform .35s var(--studio-ease),background .35s}
.benefit:hover .benefit-icon{transform:rotate(-8deg);background:#dceaff}
.studio-section{margin-bottom:66px}
.studio-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:0 0 22px}
.studio-heading h2{font:800 clamp(27px,3.4vw,40px)/1.12 Manrope,sans-serif;letter-spacing:-1.6px;margin:8px 0 0;color:#173765}
.studio-heading>p{font-size:13px;line-height:1.7;color:#718098;max-width:300px;margin:0}
.studio-stage{display:grid;grid-template-columns:1.12fr 1fr;border:1px solid #dbe6f6;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 18px 50px #193e7808}
.studio-scene{position:relative;min-height:380px;background:radial-gradient(ellipse at center,#fff 40%,#f0f5fc);display:grid;place-items:center;padding:28px;overflow:hidden}
.studio-scene img{width:100%;height:330px;object-fit:contain;mix-blend-mode:multiply;transition:opacity .22s,transform .65s var(--studio-ease);position:relative;z-index:1}
.studio-scene:before{content:'';position:absolute;width:300px;height:300px;border:1px solid #dce8f8;border-radius:50%;box-shadow:0 0 0 35px #e6effb30,0 0 0 70px #edf3fc30;pointer-events:none}
.studio-scene.is-switching img{opacity:.25;transform:translateY(9px) scale(.98)}
.studio-index{position:absolute;left:25px;top:24px;font:700 10px Manrope,sans-serif;letter-spacing:.16em;color:#6c86ad;z-index:2}
.studio-copy{padding:42px clamp(24px,4vw,52px);align-self:center}
.studio-options{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.studio-option{display:flex;align-items:center;gap:8px;border:1px solid #dae5f5;border-radius:999px;padding:10px 13px;background:#fff;font:600 11px Manrope,sans-serif;color:#647a98;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.studio-option i{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px #0001}
.studio-option[aria-pressed=true]{color:#194f9f;border-color:#a3c5f9;background:#ecf4ff;box-shadow:0 3px 9px #2659ad0a}
.studio-option:hover{transform:translateY(-2px)}
.studio-copy h3{font:800 clamp(25px,3vw,34px)/1.2 Manrope,sans-serif;letter-spacing:-1px;margin:0 0 14px;color:#173765}
.studio-copy>p{font-size:13px;line-height:1.85;color:#6c7f99;margin:0 0 20px;max-width:360px}
.studio-price{display:flex;gap:14px;align-items:center;margin:0 0 23px}
.studio-price strong{font:800 24px Manrope,sans-serif;letter-spacing:-.8px;color:#1d57af}
.studio-price span{color:#5277a9;font-size:10px;background:#edf5ff;border:1px solid #d5e5fc;padding:6px 8px;border-radius:6px}
.studio-copy>.btn{font-size:12px;background:#1f5ac5;box-shadow:0 7px 18px #1f5ac51c}
.studio-copy>small{display:block;font-size:10px;line-height:1.6;color:#8392a6;margin-top:16px}
.seo-product,.info-block,.contact-method{transition:border-color .3s,box-shadow .3s}
.seo-product:hover,.contact-method:hover{border-color:#a8c7f5;box-shadow:0 12px 28px #255baa0a}
.studio-enter{animation:studioEnter .6s var(--studio-ease) both}
@keyframes studioEnter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes studioSweep{to{transform:translateX(130%) skewX(-22deg)}}
@media(hover:hover) and (pointer:fine){.product-card:hover{transform:translateY(-7px);border-color:#abc7f2;box-shadow:0 20px 42px #164d9c16}.studio-stage:hover .studio-scene:not(.is-switching) img{transform:scale(1.025)}}
@media(max-width:800px){.studio-heading>p{display:none}.studio-stage{grid-template-columns:1fr 1fr}.studio-scene{padding:18px;min-height:320px}.studio-scene img{height:280px}.studio-copy{padding:28px 23px}.studio-options{gap:5px}.studio-option{padding:9px 10px}}
@media(max-width:600px){.hero-price-line{margin-top:17px;font-size:10px;gap:8px;flex-wrap:wrap}.hero-price-line strong{font-size:23px}.studio-section{margin-bottom:44px}.studio-heading h2{font-size:29px}.studio-stage{grid-template-columns:1fr;border-radius:21px}.studio-scene{min-height:270px;padding:25px 20px 8px}.studio-scene img{height:245px}.studio-scene:before{width:200px;height:200px}.studio-copy{padding:25px 23px 30px}.studio-options{margin-bottom:20px}.studio-copy h3{font-size:27px}.studio-copy>p{max-width:none}.studio-index{left:20px;top:17px}.studio-price{margin-bottom:20px}.studio-option{padding:10px 13px}.product-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.studio-enter{animation:none}.hero-copy>.btn:after{display:none}.studio-scene img,.studio-option,.btn>span,.shipping-promo-link>span,.benefit-icon,.product-card,.product-card .heart{transition:none!important}.reading-progress{display:none}.studio-scene.is-switching img{opacity:1;transform:none}.studio-option:hover,.benefit:hover .benefit-icon,.product-card:hover{transform:none}}
.visual-motion-paused .studio-enter,.visual-motion-paused .hero-copy>.btn:after{animation:none!important}
.visual-motion-paused .studio-scene img{transition:none!important;transform:none!important}

/* Focused refresh of the style selector. */
.studio-refresh .studio-heading{margin-bottom:23px;align-items:center}
.studio-refresh .studio-heading h2{font-size:clamp(30px,3.4vw,43px);letter-spacing:-1.8px;line-height:1.12}
.studio-refresh .studio-heading>p{max-width:310px;font-size:13px}
.studio-refresh .studio-stage{grid-template-columns:1.12fr 1fr;border-radius:24px;border-color:#dae6f7;box-shadow:0 16px 44px #173d7b08;background:#fff}
.studio-refresh .studio-scene{padding:65px 30px 40px;min-height:480px;background:linear-gradient(150deg,#f5f8fd,#eff4fb);border-right:1px solid #e0e9f6;align-self:stretch}
.studio-refresh .studio-scene:before{display:none}
.studio-refresh .studio-index{left:25px;top:25px;font-size:9px;letter-spacing:.12em;color:#7c91b0}
.studio-photo-tag{position:absolute;top:24px;right:24px;color:#7390b7;font:700 7px Manrope,sans-serif;letter-spacing:.1em;padding:6px 8px;border:1px solid #d9e5f5;background:#ffffff8c;border-radius:5px}
.studio-photo-link{width:100%;display:grid;place-items:center;border-radius:12px}
.studio-refresh .studio-scene img{width:100%;height:340px;object-fit:contain;mix-blend-mode:multiply}
.studio-photo-hint{position:absolute;right:24px;bottom:23px;display:flex;align-items:center;gap:9px;font-size:9px;color:#6f8bb1;pointer-events:none}
.studio-photo-hint b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#fff;border:1px solid #dce7f5;font-size:13px;color:#396db7}
.studio-refresh .studio-copy{padding:35px 38px;align-self:center}
.studio-product-label{display:block;color:#6784ae;font-size:8px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;margin:0 0 14px}
.studio-refresh .studio-copy h3{font-size:clamp(25px,2.8vw,33px);line-height:1.17;letter-spacing:-1.15px;margin-bottom:14px;min-height:0}
.studio-refresh .studio-copy>p{font-size:12px;line-height:1.85;max-width:360px;margin:0 0 22px;color:#73859d;min-height:66px}
.studio-choice-label{font-size:10px;font-weight:700;color:#4d6a92;display:block;margin-bottom:10px}
.studio-refresh .studio-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 24px}
.studio-refresh .studio-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:8px 8px 10px;border-radius:11px;border:1px solid #dce6f4;background:#fff;min-width:0;box-shadow:none;color:#6c819f;font-size:10px}
.studio-refresh .studio-option img{width:100%;height:51px;object-fit:contain;mix-blend-mode:multiply}
.studio-refresh .studio-option b{position:absolute;top:5px;right:5px;width:14px;height:14px;display:grid;place-items:center;background:#2665cf;color:#fff;font-size:8px;border-radius:50%;opacity:0;transition:opacity .2s}
.studio-refresh .studio-option[aria-pressed=true]{border-color:#6095ec;background:#eff5ff;color:#2058a9;box-shadow:0 0 0 2px #e9f1ff}
.studio-refresh .studio-option[aria-pressed=true] b{opacity:1}
.studio-refresh .studio-option:hover{border-color:#8cb3ef;transform:translateY(-2px)}
.studio-purchase{border-top:1px solid #e3ebf7;padding-top:19px}
.studio-refresh .studio-price{justify-content:space-between;align-items:center;gap:10px;margin:0 0 19px}
.studio-price>div>small{display:block;font-size:9px;color:#8a9bb2;margin-bottom:5px}
.studio-refresh .studio-price strong{display:block;font-size:28px;letter-spacing:-1px;color:#174b9e}
.studio-price strong em{font-style:normal;font-size:13px;letter-spacing:0}
.studio-refresh .studio-price>span{background:none;border:0;padding:0;font-size:9px;line-height:1.7;color:#5378aa;text-align:right}
.studio-price>span>b{color:#2b6ac6}.studio-price>span>small{font-size:8px;color:#8a9bb2}
.studio-refresh .studio-purchase>.btn{display:flex;align-items:center;justify-content:space-between;width:100%;background:#235fc6;border-radius:10px;font-size:12px;padding:15px 17px;box-shadow:0 6px 15px #235fc61c}
.studio-purchase>.btn>span{display:grid;place-items:center;width:22px;height:22px;background:#ffffff17;border-radius:5px}
.studio-refresh .studio-copy>small{font-size:8px;line-height:1.75;max-width:330px;color:#91a0b5;margin-top:13px}
@media(hover:hover) and (pointer:fine){.studio-refresh .studio-stage:hover .studio-scene:not(.is-switching) img{transform:none}.studio-refresh .studio-photo-link:hover img{transform:scale(1.035)!important}}
@media(max-width:900px){.studio-refresh .studio-copy{padding:29px 25px}.studio-refresh .studio-scene{min-height:450px;padding:65px 18px 40px}.studio-refresh .studio-scene img{height:300px}.studio-photo-tag{display:none}.studio-refresh .studio-option img{height:45px}}
@media(max-width:600px){.studio-refresh .studio-heading{margin-bottom:19px}.studio-refresh .studio-heading h2{font-size:32px;letter-spacing:-1.2px}.studio-refresh .studio-heading>p{display:none}.studio-refresh .studio-stage{grid-template-columns:1fr;border-radius:19px}.studio-refresh .studio-scene{min-height:290px;padding:48px 22px 26px;border-right:0;border-bottom:1px solid #e0e9f6}.studio-refresh .studio-scene img{height:240px}.studio-refresh .studio-index{left:20px;top:19px;font-size:8px}.studio-photo-tag{display:block;top:16px;right:17px;font-size:6px}.studio-photo-hint{right:19px;bottom:15px;font-size:8px}.studio-refresh .studio-copy{padding:27px 24px 25px}.studio-product-label{font-size:7px;margin-bottom:11px}.studio-refresh .studio-copy h3{font-size:28px;letter-spacing:-1px}.studio-refresh .studio-copy>p{font-size:12px;min-height:0;max-width:none;margin-bottom:21px}.studio-refresh .studio-options{gap:10px;margin-bottom:21px}.studio-refresh .studio-option img{height:58px}.studio-refresh .studio-option{padding:8px 10px 10px}.studio-refresh .studio-copy>small{max-width:none}.studio-refresh .studio-price strong{font-size:27px}}
@media(prefers-reduced-motion:reduce){.studio-refresh .studio-option b{transition:none}.studio-refresh .studio-option:hover,.studio-refresh .studio-photo-link:hover img{transform:none!important}}
