:root{--pink:#ef4f9a;--pink-dark:#cf2f79;--pink-soft:#fdf0f7;--cyan:#bdeeff;--lime:#c8ff5a;--cream:#fffaf4;--ink:#2a1020;--muted:#745665;--white:#fff;--border:#f2c8dc;--shadow:0 24px 60px rgba(101,24,65,.14);--radius:28px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:"Nunito Sans",sans-serif;line-height:1.6}img{display:block;width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}.section-shell{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.announcement{background:var(--ink);color:#fff;text-align:center;padding:8px 16px;font-size:13px;font-weight:800;letter-spacing:.02em}.site-header{height:78px;display:flex;align-items:center;gap:34px;padding:0 max(24px,calc((100vw - var(--max))/2));background:rgba(255,250,244,.94);backdrop-filter:blur(16px);position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(42,16,32,.08)}.brand{display:inline-flex;align-items:center;gap:10px;font:800 24px/1 "Rubik",sans-serif;letter-spacing:-.05em}.brand-mark{width:37px;height:37px;border:3px solid currentColor;border-radius:50%;display:grid;place-content:center;position:relative;transform:rotate(-12deg)}.brand-mark span{position:absolute;width:5px;height:5px;background:currentColor;border-radius:50%}.brand-mark span:nth-child(1){left:9px;top:8px}.brand-mark span:nth-child(2){right:8px;top:14px}.brand-mark span:nth-child(3){left:15px;bottom:6px}.main-nav{display:flex;gap:25px;margin-left:auto}.main-nav a{font-weight:800;font-size:14px}.main-nav a:hover{color:var(--pink)}.menu-toggle{display:none}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border:0;border-radius:999px;padding:0 25px;background:var(--pink);color:#fff;font-weight:900;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 10px 24px rgba(239,79,154,.22)}.button:hover{background:var(--pink-dark);transform:translateY(-2px)}.button:focus-visible,.text-link:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.button-small{min-height:42px;padding:0 20px}.button-dark{background:var(--ink);box-shadow:none}.button-dark:hover{background:#4b2038}.button-light{background:#fff;color:var(--ink);box-shadow:none}.button-light:hover{background:var(--lime)}.text-link{display:inline-flex;align-items:center;gap:10px;font-weight:900;border-bottom:2px solid currentColor;padding:8px 0}.text-link span{transition:transform .2s ease}.text-link:hover span{transform:translateX(4px)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:900;display:flex;align-items:center;gap:9px;margin:0 0 16px}.eyebrow span{width:25px;height:3px;border-radius:3px;background:var(--pink)}h1,h2,h3{font-family:"Rubik",sans-serif;letter-spacing:-.045em;line-height:1.04;margin:0}h1{font-size:clamp(48px,6.7vw,86px)}h2{font-size:clamp(38px,5vw,62px)}h3{font-size:27px}em{font-style:normal;color:var(--pink)}.hero{min-height:720px;display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center;padding-block:75px 90px}.hero-copy{position:relative;z-index:2}.hero-lede{font-size:19px;color:var(--muted);max-width:580px;margin:26px 0 30px}.hero-actions{display:flex;align-items:center;gap:28px}.hero-proof{display:flex;align-items:center;gap:16px;margin-top:42px}.hero-proof strong,.hero-proof small{display:block}.hero-proof small{color:var(--muted)}.avatar-stack{display:flex}.avatar-stack span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--cyan);border:3px solid var(--cream);margin-left:-9px;font-weight:900;font-size:12px}.avatar-stack span:first-child{margin-left:0;background:var(--pink);color:white}.avatar-stack span:last-child{background:var(--lime)}.hero-visual{height:600px;position:relative;background:var(--pink);border-radius:48% 48% 18% 18% / 42% 42% 16% 16%;overflow:hidden;box-shadow:var(--shadow)}.hero-visual:before,.hero-visual:after{content:"";position:absolute;border-radius:50%;background:var(--cyan)}.hero-visual:before{width:260px;height:260px;right:-90px;top:-90px}.hero-visual:after{width:140px;height:140px;left:-40px;bottom:35px;background:var(--lime)}.hero-card{position:absolute;overflow:hidden;border:8px solid #fff;box-shadow:0 25px 45px rgba(63,13,40,.22)}.hero-card img{height:100%;object-fit:cover;object-position:center top;transform:scale(1.55);transform-origin:center top}.hero-card-main{width:64%;height:67%;left:13%;top:12%;border-radius:50% 50% 22px 22px;transform:rotate(-6deg)}.hero-card-side{width:34%;height:34%;right:4%;bottom:5%;border-radius:50%;transform:rotate(9deg)}.hero-badge{position:absolute;left:7%;bottom:8%;width:125px;height:125px;border-radius:50%;background:var(--cyan);display:grid;place-content:center;text-align:center;line-height:1.1;transform:rotate(-8deg);border:2px solid var(--ink)}.hero-badge strong{font:800 27px "Rubik"}.hero-badge span{font-size:12px;font-weight:900;text-transform:uppercase}.sticker{position:absolute;z-index:3;padding:8px 13px;border:2px solid var(--ink);font-size:12px;font-weight:900;box-shadow:4px 4px 0 var(--ink)}.sticker-one{top:8%;right:3%;background:var(--lime);transform:rotate(7deg)}.sticker-two{left:4%;top:46%;background:#fff;transform:rotate(-7deg)}.ticker{overflow:hidden;background:var(--pink);color:#fff;border-block:2px solid var(--ink);padding:14px 0;white-space:nowrap;font:800 16px "Rubik"}.ticker div{width:max-content;animation:ticker 22s linear infinite}.ticker span{color:var(--lime);margin:0 28px}@keyframes ticker{to{transform:translateX(-50%)}}.monthly{display:grid;grid-template-columns:1fr 1fr;margin-block:110px;border-radius:var(--radius);overflow:hidden;background:var(--cyan);min-height:540px}.monthly-image{min-height:540px}.monthly-image img{height:100%;object-fit:cover;object-position:center top;transform:scale(1.45);transform-origin:center top}.monthly-copy{padding:70px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.monthly-copy h3{color:var(--pink-dark);margin:15px 0}.monthly-copy p{font-size:18px}.feature-pills{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 28px}.feature-pills span{background:rgba(255,255,255,.7);border-radius:999px;padding:7px 13px;font-size:13px;font-weight:800}.products-section{background:var(--pink);padding:105px 0}.section-heading{margin-bottom:48px}.split-heading{display:flex;justify-content:space-between;align-items:end;gap:50px}.split-heading>div:first-child{max-width:700px}.split-heading>p{max-width:390px;margin:0;color:var(--muted)}.products-section .section-heading,.products-section .split-heading>p{color:#fff}.products-section em{color:var(--lime)}.products-section .eyebrow span{background:var(--lime)}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filter-button{border:2px solid rgba(255,255,255,.55);background:transparent;color:#fff;border-radius:999px;min-height:44px;padding:0 18px;font-weight:900;cursor:pointer}.filter-button.active,.filter-button:hover{background:#fff;color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:#fff;border-radius:20px;overflow:hidden;border:2px solid var(--ink);box-shadow:6px 6px 0 rgba(42,16,32,.85);transition:transform .22s ease,box-shadow .22s ease}.product-card:hover{transform:translateY(-6px);box-shadow:10px 12px 0 rgba(42,16,32,.85)}.product-image{aspect-ratio:1;background:var(--cyan);position:relative;overflow:hidden;border-bottom:2px solid var(--ink)}.product-card:nth-child(even) .product-image{background:#ffc7df}.product-card:nth-child(3n) .product-image{background:var(--lime)}.product-image:before{content:"";position:absolute;inset:13%;border-radius:50%;background:rgba(255,255,255,.45)}.product-image img{height:100%;object-fit:cover;object-position:center top;position:relative;mix-blend-mode:multiply;transform:scale(1.6);transform-origin:center top}.product-tag{position:absolute;z-index:2;left:12px;top:12px;background:var(--lime);border:1.5px solid var(--ink);padding:4px 8px;font-size:10px;font-weight:900;text-transform:uppercase}.product-info{padding:18px}.product-info h3{font-size:20px;margin-bottom:8px}.product-info p{font-size:13px;color:var(--muted);line-height:1.45;min-height:57px}.product-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.product-footer strong{font:800 18px "Rubik"}.mini-link{border:0;background:var(--ink);color:#fff;border-radius:999px;min-height:38px;padding:0 14px;font-weight:900;cursor:pointer}.dot-section{display:grid;grid-template-columns:.85fr 1.15fr;margin-block:110px;background:var(--pink-soft);border-radius:var(--radius);overflow:hidden}.dot-copy{padding:75px}.dot-copy>p:not(.eyebrow){font-size:18px;color:var(--muted)}.check-list{list-style:none;padding:0;margin:30px 0}.check-list li{padding:9px 0 9px 30px;position:relative;font-weight:800}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--pink);font-weight:900}.price-line{display:flex;align-items:center;gap:25px}.price-line>strong{font:800 40px "Rubik"}.dot-image{position:relative;background:var(--cyan);min-height:600px}.dot-image img{height:100%;object-fit:cover;object-position:center top;transform:scale(1.4);transform-origin:center top}.new-label{position:absolute;right:24px;top:24px;z-index:2;background:var(--lime);border:2px solid var(--ink);padding:10px 18px;font-weight:900;transform:rotate(5deg)}.offer-strip{background:var(--ink);color:#fff;padding:45px 0}.offer-inner{display:flex;align-items:center;gap:40px}.offer-inner div{margin-right:auto}.offer-inner div span{color:var(--lime);text-transform:uppercase;font-weight:900;font-size:12px;letter-spacing:.12em}.offer-inner h2{font-size:32px;margin-top:5px}.offer-inner>strong{font:800 56px "Rubik";color:var(--pink)}.builder-section{background:var(--cyan);padding:110px 0}.builder-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}.builder-intro{position:sticky;top:120px}.builder-intro>p:not(.eyebrow){font-size:18px}.builder-note{margin-top:35px;background:var(--lime);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:22px}.builder-note strong{font:800 20px "Rubik"}.builder-note p{margin:6px 0 0}.box-builder{background:#fff;border-radius:var(--radius);padding:45px;box-shadow:var(--shadow)}.form-step{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:0 0 38px;margin-bottom:38px;border-bottom:1px solid var(--border)}.form-step>div{min-width:0}.step-number{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--pink);color:#fff;font:800 18px "Rubik"}.form-step h3{font-size:24px;margin:5px 0 22px}.size-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.size-options input{position:absolute;opacity:0}.size-options span{display:flex;flex-direction:column;align-items:center;border:2px solid var(--border);border-radius:15px;padding:15px;cursor:pointer}.size-options strong{font:800 26px "Rubik"}.size-options small{margin-top:5px;color:var(--pink-dark);font-weight:900}.size-options input:checked+span{border-color:var(--pink);background:var(--pink-soft);box-shadow:0 0 0 3px rgba(239,79,154,.12)}.selection-status{color:var(--muted);font-size:14px}.flavor-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.flavor-choice{border:2px solid var(--border);background:#fff;border-radius:12px;padding:10px;text-align:left;font-weight:800;cursor:pointer;display:flex;justify-content:space-between}.flavor-choice:hover:not(:disabled){border-color:var(--pink)}.flavor-choice.selected{border-color:var(--pink);background:var(--pink-soft)}.flavor-choice:disabled{opacity:.48;cursor:not-allowed}.flavor-choice span{background:var(--pink);color:#fff;min-width:24px;height:24px;border-radius:50%;display:grid;place-items:center}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:900}.field-full{grid-column:1/-1}input,select,textarea{width:100%;border:2px solid var(--border);border-radius:11px;padding:12px;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:var(--pink);outline:none}.order-summary{display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;border-radius:16px;padding:20px 24px}.order-summary span,.order-summary small{display:block}.order-summary small{color:#d8c5cf}.order-summary strong{font:800 32px "Rubik"}.submit-button{width:100%;margin-top:16px}.form-message{margin:12px 0 0;text-align:center;color:#a12525;font-weight:800}.centered{text-align:center;max-width:760px;margin-inline:auto}.centered .eyebrow{justify-content:center}.centered>p:last-child{color:var(--muted);font-size:18px}.comparison{padding-block:110px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:900px;margin:auto}.comparison-grid article{padding:40px;border:2px solid var(--border);border-radius:var(--radius);background:#fff}.comparison-grid .comparison-good{background:var(--pink);color:#fff;border-color:var(--ink);box-shadow:8px 8px 0 var(--ink)}.comparison-label{display:inline-block;background:var(--cyan);color:var(--ink);border-radius:999px;padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase}.comparison-grid h3{margin:18px 0}.comparison-grid ul{padding-left:22px}.comparison-grid li{margin:10px 0}.reviews-section{background:var(--pink-soft);padding:100px 0;overflow:hidden}.review-controls{display:flex;gap:8px}.review-controls button{width:48px;height:48px;border-radius:50%;border:2px solid var(--ink);background:#fff;font-size:20px;cursor:pointer}.review-controls button:hover{background:var(--lime)}.reviews-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,1fr);gap:18px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.review-card{scroll-snap-align:start;background:#fff;border:2px solid var(--ink);border-radius:20px;padding:28px;min-height:240px;display:flex;flex-direction:column}.stars{color:var(--pink);letter-spacing:3px}.review-card blockquote{margin:20px 0;font:600 18px/1.55 "Rubik"}.review-card footer{margin-top:auto;background:none;color:var(--ink);padding:0;font-weight:900}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-block:110px}.about-image{position:relative;background:var(--cyan);padding:25px 25px 0;border-radius:48% 48% 22px 22px;overflow:hidden}.about-image img{height:630px;object-fit:cover;object-position:center top;border-radius:45% 45% 0 0;transform:scale(1.45);transform-origin:center top}.about-image span{position:absolute;right:18px;bottom:18px;background:var(--lime);border:2px solid var(--ink);padding:10px 15px;font-weight:900;transform:rotate(-5deg)}.about-lede{font-size:21px;font-weight:800}.about-copy p{color:var(--muted)}.faq{padding-bottom:110px}.faq-list{max-width:850px;margin:auto}.faq details{border-bottom:2px solid var(--border)}.faq summary{list-style:none;cursor:pointer;padding:23px 0;font:700 19px "Rubik";display:flex;justify-content:space-between}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:25px;color:var(--pink)}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{color:var(--muted);padding:0 40px 20px 0}.final-cta{margin:0 20px 20px;background:var(--pink);color:#fff;border-radius:var(--radius);text-align:center;padding:90px 20px;position:relative;overflow:hidden}.final-cta:before,.final-cta:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:var(--cyan);opacity:.5}.final-cta:before{left:-50px;top:-80px}.final-cta:after{right:-40px;bottom:-100px;background:var(--lime)}.final-cta div{position:relative;z-index:1}.final-cta p{font-weight:900;text-transform:uppercase;letter-spacing:.1em}.final-cta .button{margin-top:30px}footer{background:var(--ink);color:#fff;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:60px}.brand-light{color:#fff}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-grid p{color:#cbb8c3;max-width:330px}.footer-grid strong{color:var(--pink);font:700 16px "Rubik";margin-bottom:8px}.footer-grid a:not(.brand):hover{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #62485a;margin-top:55px;padding-top:25px;color:#b9a1ae;font-size:13px}.order-modal{position:fixed;inset:0;background:rgba(42,16,32,.72);z-index:50;display:grid;place-items:center;padding:20px}.order-modal[hidden]{display:none}.modal-card{background:#fff;border-radius:var(--radius);padding:38px;width:min(100%,600px);position:relative;box-shadow:var(--shadow)}.modal-close{position:absolute;right:17px;top:15px;border:0;background:transparent;font-size:30px;cursor:pointer}.modal-card pre{white-space:pre-wrap;background:var(--pink-soft);padding:18px;border-radius:12px;max-height:280px;overflow:auto;font-family:inherit}.modal-card .button{margin:4px}.product-page{background:var(--pink-soft)}.product-page-main{min-height:calc(100vh - 78px);padding-block:70px}.breadcrumb{display:flex;gap:8px;font-size:14px;font-weight:800;margin-bottom:35px}.breadcrumb a{color:var(--pink-dark)}.product-detail{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:start}.product-detail-image{background:var(--cyan);border-radius:var(--radius);overflow:hidden;aspect-ratio:1;border:2px solid var(--ink);box-shadow:10px 10px 0 var(--ink)}.product-detail-image img{height:100%;object-fit:cover;object-position:center top;transform:scale(1.55);transform-origin:center top}.product-detail-copy{padding:35px 0}.product-detail-copy h1{font-size:clamp(44px,6vw,72px)}.product-description{font-size:19px;color:var(--muted)}.product-price{font:800 40px "Rubik";margin:25px 0}.ingredient-card{background:#fff;border:2px solid var(--border);padding:20px;border-radius:15px;margin:25px 0}.ingredient-card strong{font-family:"Rubik"}.ingredient-card p{margin:7px 0 0;color:var(--muted)}.product-actions{display:flex;gap:12px;flex-wrap:wrap}.related{padding-top:90px}.related h2{font-size:40px;margin-bottom:28px}
@media(max-width:980px){.main-nav{display:none;position:absolute;left:20px;right:20px;top:86px;background:#fff;border:2px solid var(--ink);border-radius:18px;padding:18px;flex-direction:column;box-shadow:var(--shadow)}.main-nav.open{display:flex}.menu-toggle{display:flex;width:44px;height:44px;margin-left:auto;border:0;background:transparent;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-toggle span{width:22px;height:2px;background:var(--ink)}.header-cta{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{text-align:center}.hero-copy .eyebrow,.hero-actions,.hero-proof{justify-content:center}.hero-lede{margin-inline:auto}.hero-visual{max-width:650px;width:100%;margin:auto}.product-grid{grid-template-columns:repeat(2,1fr)}.builder-layout{grid-template-columns:1fr}.builder-intro{position:static}.monthly-copy,.dot-copy{padding:50px}.about{gap:40px}.product-detail{grid-template-columns:1fr}.product-detail-image{max-width:680px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:700px){.section-shell{width:min(calc(100% - 28px),var(--max))}.announcement{font-size:11px}.site-header{height:68px;padding-inline:16px}.brand{font-size:21px}.brand-mark{width:33px;height:33px}.hero{padding-block:55px;gap:45px}.hero-actions{flex-direction:column;gap:12px}.hero-visual{height:480px;border-radius:42% 42% 22px 22px}.hero-card-main{width:78%;left:6%}.hero-card-side{width:41%;height:31%}.hero-badge{width:98px;height:98px}.sticker-two{top:50%}.monthly,.dot-section{grid-template-columns:1fr;margin-block:70px}.monthly-image{min-height:400px}.monthly-copy,.dot-copy{padding:38px 25px}.dot-image{min-height:430px;order:-1}.split-heading{display:block}.split-heading>p{margin-top:20px}.products-section{padding:75px 0}.product-grid{grid-template-columns:1fr}.product-info p{min-height:auto}.offer-inner{flex-wrap:wrap}.offer-inner div{width:100%}.offer-inner>strong{font-size:45px}.builder-section,.comparison,.about{padding-block:75px}.box-builder{padding:25px 17px}.form-step{grid-template-columns:1fr}.size-options{gap:6px}.size-options span{padding:10px 5px;font-size:12px}.flavor-options,.field-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.comparison-grid{grid-template-columns:1fr}.reviews-track{grid-auto-columns:88%}.about{grid-template-columns:1fr}.about-image img{height:500px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:5px}.product-detail-copy{padding-top:15px}.product-actions{flex-direction:column}.product-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Responsive stability and replaceable product imagery */
html,body{max-width:100%;overflow-x:hidden}
.hero>*,.monthly>*,.dot-section>*,.builder-layout>*,.about>*,.product-detail>*{min-width:0}
.hero-card,.monthly-image,.dot-image,.product-image,.product-detail-image,.about-image{overflow:hidden}
.hero-badge{z-index:4}
.hero-card img,.monthly-image img,.dot-image img,.product-image img,.product-detail-image img{transform:none;transform-origin:center}
.product-media{isolation:isolate;background-color:var(--cyan);background-image:radial-gradient(circle at 50% 45%,rgba(255,255,255,.9) 0 24%,rgba(255,255,255,.35) 25% 43%,transparent 44%),linear-gradient(135deg,rgba(255,255,255,.35),transparent)}
.monthly-image.product-media,.product-detail-image.product-media{position:relative}
.product-media.image-missing:after{content:attr(data-placeholder) "\A Нова снимка идва скоро";white-space:pre;position:absolute;inset:0;z-index:1;display:grid;place-content:center;text-align:center;padding:24px;color:var(--ink);font:800 clamp(16px,2vw,24px)/1.4 "Rubik",sans-serif}
.hero-card.product-media.image-missing:after{font-size:14px}
.product-image .product-tag,.dot-image .new-label{z-index:3}
.product-image img,.monthly-image img,.dot-image img,.product-detail-image img{position:relative;z-index:2;mix-blend-mode:normal}
.about-image img{transform:scale(1.45);transform-origin:center top;object-position:center 18%}

@media(max-width:980px){
  .main-nav{top:76px;max-height:calc(100vh - 96px);overflow-y:auto;z-index:40}
  .brand{font-size:21px;white-space:nowrap}
  .hero{padding-block:56px 72px;gap:44px}
  .hero-visual{height:min(560px,78vw)}
  .monthly,.dot-section{grid-template-columns:1fr}
  .monthly-image,.dot-image{min-height:0;aspect-ratio:16/10}
  .dot-image{order:-1}
  .monthly-copy,.dot-copy{padding:48px}
  .about{grid-template-columns:1fr;max-width:760px}
  .about-image{max-height:650px}
}

@media(max-width:700px){
  :root{--radius:20px}
  .section-shell{width:min(calc(100% - 24px),var(--max))}
  .announcement{padding:7px 12px;line-height:1.35}
  .site-header{height:64px;padding-inline:12px;gap:10px}
  .brand{font-size:17px;gap:7px;letter-spacing:-.04em}
  .brand-mark{width:30px;height:30px;border-width:2px;flex:0 0 auto}
  .brand-mark span{width:4px;height:4px}
  .menu-toggle{flex:0 0 44px;margin-left:auto}
  .main-nav{left:12px;right:12px;top:70px;padding:14px}
  .main-nav a{display:flex;align-items:center;min-height:48px;padding:0 8px;border-bottom:1px solid var(--border)}
  h1{font-size:clamp(40px,12vw,54px);overflow-wrap:anywhere}
  h2{font-size:clamp(32px,10vw,43px);overflow-wrap:anywhere}
  h3{font-size:24px}
  .hero{padding-block:42px 54px;gap:34px}
  .hero-copy{text-align:left}
  .hero-copy .eyebrow,.hero-actions,.hero-proof{justify-content:flex-start}
  .hero-lede{font-size:17px;margin:20px 0 24px}
  .hero-actions{align-items:stretch;width:100%}
  .hero-actions .button{width:100%}
  .hero-actions .text-link{align-self:center}
  .hero-proof{align-items:flex-start;margin-top:30px}
  .hero-visual{height:390px;border-radius:34% 34% 20px 20px}
  .hero-card{border-width:5px}
  .hero-card-main{width:76%;height:65%;left:6%;top:13%}
  .hero-card-side{width:38%;height:30%;right:3%;bottom:5%}
  .hero-badge{width:88px;height:88px;left:4%;bottom:5%}
  .hero-badge strong{font-size:21px}
  .sticker{font-size:10px;padding:6px 9px}
  .sticker-two{top:48%;left:2%}
  .ticker{font-size:13px;padding:10px 0}
  .monthly,.dot-section{margin-block:56px}
  .monthly-image,.dot-image{aspect-ratio:4/3;width:100%}
  .monthly-copy,.dot-copy{padding:30px 22px 34px}
  .monthly-copy p,.dot-copy>p:not(.eyebrow){font-size:16px}
  .feature-pills{gap:6px}
  .feature-pills span{font-size:11px}
  .price-line{flex-wrap:wrap}
  .price-line .button{width:100%}
  .products-section{padding:62px 0}
  .section-heading{margin-bottom:32px}
  .filter-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .filter-button{padding-inline:10px}
  .product-grid{grid-template-columns:1fr;gap:18px}
  .product-image{aspect-ratio:4/3}
  .product-card{box-shadow:4px 4px 0 rgba(42,16,32,.85)}
  .product-card:hover{transform:none;box-shadow:4px 4px 0 rgba(42,16,32,.85)}
  .offer-strip{padding:34px 0}
  .offer-inner{gap:18px}
  .offer-inner h2{font-size:27px}
  .offer-inner>strong{font-size:40px}
  .offer-inner .button{width:100%}
  .builder-section{padding:62px 0}
  .builder-intro{margin-bottom:28px}
  .box-builder{padding:22px 14px;border-radius:18px}
  .form-step{gap:12px;padding-bottom:28px;margin-bottom:28px}
  .form-step h3{margin-bottom:16px}
  .size-options{grid-template-columns:1fr;gap:8px}
  .size-options span{min-height:62px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;text-align:left}
  .size-options small{margin:0}
  .flavor-options{grid-template-columns:1fr}
  input,select,textarea{font-size:16px;min-height:48px}
  .order-summary{align-items:flex-end;padding:17px}
  .order-summary strong{font-size:28px}
  .comparison,.about{padding-block:62px}
  .comparison-grid article{padding:27px 22px}
  .reviews-section{padding:62px 0}
  .reviews-track{grid-auto-columns:92%}
  .review-card{padding:22px;min-height:220px}
  .about{gap:30px}
  .about-image{padding:14px 14px 0;border-radius:40% 40% 18px 18px}
  .about-image img{height:440px}
  .faq{padding-bottom:70px}
  .faq summary{font-size:17px;gap:12px}
  .final-cta{margin:0 10px 10px;padding:62px 16px}
  .footer-grid{gap:34px}
  .modal-card{padding:30px 18px 22px}
  .modal-card .button{width:100%;margin:5px 0}
  .product-page-main{padding-block:32px 60px}
  .breadcrumb{font-size:12px;flex-wrap:wrap;margin-bottom:24px}
  .product-detail{gap:28px}
  .product-detail-image{box-shadow:5px 5px 0 var(--ink);aspect-ratio:4/3}
  .product-detail-copy h1{font-size:clamp(38px,12vw,52px)}
  .product-description{font-size:17px}
  .related{padding-top:58px}
  .related h2{font-size:32px}
}

@media(max-width:390px){
  .brand{font-size:15px}
  .brand-mark{width:28px;height:28px}
  .hero-visual{height:350px}
  .hero-badge{display:none}
  .sticker-two{display:none}
  .reviews-track{grid-auto-columns:96%}
}

/* Seamless moving ticker, aligned product actions and six-cookie upsell */
.ticker>.ticker-track{display:flex;width:max-content;animation:ticker 22s linear infinite;will-change:transform}
.ticker-group{display:flex;align-items:center;flex:none;width:max-content}
.ticker .ticker-track .ticker-group{animation:none}
.product-card>a{display:flex;flex-direction:column;height:100%}
.product-info{display:flex;flex:1;flex-direction:column}
.product-footer{margin-top:auto}
.mini-link{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.1;min-width:116px;padding:0 16px}
.bundle-upsell[hidden]{display:none}
.bundle-upsell{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;margin-top:15px;padding:15px;border:2px solid var(--ink);border-radius:15px;background:var(--lime);box-shadow:4px 4px 0 var(--ink);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.bundle-upsell:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--ink)}
.bundle-upsell input{position:absolute;opacity:0;pointer-events:none}
.bundle-check{display:grid;place-items:center;width:32px;height:32px;border:2px solid var(--ink);border-radius:50%;background:#fff;color:transparent;font-weight:900}
.bundle-copy{display:flex;min-width:0;flex-direction:column;line-height:1.25}
.bundle-copy small{color:var(--pink-dark);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.bundle-copy strong{font:800 17px "Rubik",sans-serif}
.bundle-copy em{color:var(--ink);font-size:12px;font-weight:800}
.bundle-upsell>b{font:800 18px "Rubik",sans-serif;white-space:nowrap}
.bundle-upsell:has(input:checked){background:var(--pink);color:#fff}
.bundle-upsell:has(input:checked) .bundle-check{color:var(--pink);border-color:#fff}
.bundle-upsell:has(input:checked) .bundle-copy small,.bundle-upsell:has(input:checked) .bundle-copy em{color:#fff}
.bundle-upsell:has(input:focus-visible){outline:3px solid var(--pink);outline-offset:4px}
@media(max-width:700px){.mini-link{min-width:124px}.bundle-upsell{grid-template-columns:auto minmax(0,1fr);padding:14px 12px}.bundle-upsell>b{grid-column:2}}
@media(prefers-reduced-motion:reduce){.ticker>.ticker-track{animation:none!important}}

/* Preserve the complete square composition of the final studio images */
.hero-card img,.product-image img,.monthly-image img,.dot-image img,.product-detail-image img{width:100%;height:100%;object-fit:contain;object-position:center}
.product-image,.monthly-image,.dot-image,.product-detail-image{aspect-ratio:1;min-height:0}
.about-image{aspect-ratio:1;padding:0;border-radius:var(--radius)}
.about-image img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none;border-radius:0}
@media(max-width:700px){.product-image,.monthly-image,.dot-image,.product-detail-image{aspect-ratio:1}.about-image img{height:100%}}

/* Refined hero geometry, feature proportions and image-save deterrents */
.hero-card-main{height:auto;aspect-ratio:1;border-radius:50% 50% 20px 20px/28% 28% 20px 20px}
.hero-card-side{height:auto;aspect-ratio:1;border-radius:50%}
.sticker-one{top:8%;right:8%;max-width:132px;text-align:center}
.hero-badge span{font-size:9px;line-height:1.08;letter-spacing:.025em}
.monthly,.dot-section{max-width:1080px}
.dot-section{grid-template-columns:1fr 1fr}
.monthly-copy,.dot-copy{padding:52px}
img{-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none}
@media(max-width:980px){.monthly,.dot-section{max-width:760px}.monthly-copy,.dot-copy{padding:42px}}
@media(max-width:700px){.hero-card-main{width:76%;height:auto}.hero-card-side{width:38%;height:auto}.sticker-one{top:7%;right:7%;max-width:105px}.hero-badge span{font-size:8px}.monthly,.dot-section{max-width:none}.monthly-copy,.dot-copy{padding:30px 22px 34px}}

/* Compact feature rhythm and controlled Dot Cookie heading wraps */
.monthly,.dot-section{margin-block:64px;min-height:0}
.dot-copy{padding:44px}
.dot-copy h2{font-size:clamp(36px,4vw,52px)}
.dot-copy h2 span{display:block;white-space:nowrap}
.dot-copy .check-list{margin:22px 0}
.sticker-one{right:12%}
@media(min-width:981px){.monthly-image,.dot-image{height:100%;aspect-ratio:auto}.monthly-image img,.dot-image img{object-fit:cover}}
@media(max-width:980px){.monthly,.dot-section{margin-block:48px}}
@media(max-width:700px){.monthly,.dot-section{margin-block:36px}.dot-copy{padding:28px 20px 32px}.dot-copy h2{font-size:clamp(29px,9vw,36px);line-height:1.06}.dot-copy h2 span+span{margin-top:4px}.dot-copy>p:not(.eyebrow){margin-top:18px}.dot-copy .check-list{margin:18px 0}.sticker-one{right:12%}}

/* Remove desktop hero edge bleed and match the mobile feature-card pattern */
@media(min-width:981px){.hero-card.product-media{background:#f9dec9;background-image:none}.hero-card img{object-fit:cover;transform:scale(1.04)}}
@media(max-width:700px){.dot-section{background:var(--cyan)}.dot-copy{padding:30px 22px 34px}.dot-copy h2{font-size:clamp(32px,10vw,43px);line-height:1.04}.dot-copy h2 span+span{margin-top:5px}}

/* The side-by-side app preview reports a tablet-sized viewport */
@media(max-width:1250px){.dot-section{grid-template-columns:1fr;max-width:760px;background:var(--cyan)}.dot-image{order:-1;width:100%;height:auto;aspect-ratio:1}.dot-image img{object-fit:contain}.dot-copy{padding:42px}.dot-copy h2{font-size:clamp(36px,6vw,50px)}}
@media(max-width:700px){.dot-section{max-width:none}.dot-copy{padding:30px 22px 34px}.dot-copy h2{font-size:clamp(32px,10vw,43px)}}

/* Production mobile width and hero image coverage */
.size-options input,.bundle-upsell input{position:absolute;width:1px!important;height:1px!important;margin:0;padding:0;border:0;overflow:hidden;clip-path:inset(50%)}
.hero-card.product-media{background:#f9dec9;background-image:none}
.hero-card.product-media img{object-fit:cover;transform:scale(1.06);transform-origin:center}
@media(max-width:700px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .site-header,.hero,.hero-copy,.hero-actions,.hero-proof{max-width:100%}
  .hero-copy h1,.hero-lede{max-width:100%;overflow-wrap:break-word;word-break:normal}
  .hero-visual{width:100%;max-width:100%;isolation:isolate}
}