:root{--ink:#594D52;--green:#594D52;--cream:#FAFAF7;--line:#D9AFA5;--muted:#594D52;--sage-ink:#594D52;--sage-wash:#E8DDD0;--lilac-wash:#FAF7F2;--pink:#EAD1C5;--gold:#C49A70;--olive:#A5B5A0;--palette-sage:#A5B5A0;--palette-clay:#B77E88;--palette-terracotta:#D9AFA5;--palette-peach:#EAD1C5;--palette-wheat:#E8DDD0;--palette-lilac:#B9A9C8;--palette-pink:#D9AFA5;--palette-mauve:#B77E88;--palette-brown:#594D52;--palette-blue:#C6CFD9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:15px 'Vesper Libre',serif}button,input,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}.strip{text-align:center;background:var(--green);color:var(--cream);font-size:11px;letter-spacing:1.3px;padding:10px}header{max-width:1280px;margin:auto;padding:24px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font:36px 'Vesper Libre',serif;letter-spacing:-2px}.logo span{color:#A5B5A0}nav{display:flex;gap:32px;font-size:13px}.cart{border:1px solid var(--line);background:transparent;border-radius:30px;padding:10px 18px}.hero{max-width:1280px;margin:auto;padding:65px 48px 75px;display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:700;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font:clamp(46px,5.2vw,73px)/1.08 'Vesper Libre',serif;letter-spacing:-2px;margin:22px 0}h1 em{color:#D9AFA5}p{line-height:1.8;color:var(--muted)}.intro{max-width:380px;font-size:15px}.primary{background:var(--green);border:0;color:var(--cream);padding:16px 24px;border-radius:5px;display:inline-flex;gap:24px;justify-content:center;align-items:center}.secondary{background:transparent;border:1px solid var(--line);padding:15px 20px;border-radius:5px;color:var(--ink)}.hero-actions{display:flex;align-items:center;gap:22px;margin:28px 0}.textlink{font-size:12px;border-bottom:1px solid #A5B5A0;padding:6px 0}.small{font-size:11px;color:var(--muted)}.scene{position:relative;min-height:490px;background:#A5B5A0;border-radius:150px 150px 8px 8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.scene:before{content:'';position:absolute;width:300px;height:300px;background:#A5B5A0;border-radius:50%;bottom:-120px;right:-90px}.book{position:relative;width:250px;height:350px;background:#A5B5A0;box-shadow:18px 24px 30px color-mix(in srgb, var(--ink) 20.78%, transparent), inset 7px 0 0 #FAFAF725,inset 10px 0 1px color-mix(in srgb, var(--ink) 20.78%, transparent);border-radius:3px 12px 12px 3px;transform:rotate(-9deg);padding:30px;color:#FAFAF7;display:flex;flex-direction:column;align-items:center;text-align:center}.book:after{content:'';height:320px;position:absolute;right:-7px;top:12px;width:7px;background:repeating-linear-gradient(#FAFAF7 0 2px,#A5B5A0 2px 3px);border-radius:0 4px 4px 0}.book .brand{font:24px 'Vesper Libre',serif;margin-bottom:40px}.book .title{font:34px/1.2 'Vesper Libre',serif;font-style:normal}.flower{font-size:75px;line-height:1.3;font-weight:400}.book small{font-size:8px;letter-spacing:2px;margin-top:auto}.note{position:absolute;bottom:35px;right:18px;background:#FAFAF7;padding:18px 22px;font:17px 'Vesper Libre',serif;transform:rotate(7deg);box-shadow:0 7px 20px color-mix(in srgb, var(--ink) 10.20%, transparent)}.scene .tag{position:absolute;left:22px;top:30px;background:#FAFAF7ED;border-radius:40px;padding:10px 14px;font-size:10px}.benefits{border-block:1px solid var(--line);display:flex;justify-content:center;gap:85px;padding:22px 20px;font-size:12px}.benefits span{color:#A5B5A0;margin-right:8px}.section{max-width:1184px;margin:auto;padding:80px 0}h2{font:40px/1.2 'Vesper Libre',serif;letter-spacing:-.8px;margin:14px 0 18px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-title p{max-width:340px;font-size:13px;margin:0}.product{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#FAFAF7}.product-art{background:#FAFAF7;min-height:500px;display:flex;align-items:center;justify-content:center;position:relative}.product-art .book{background:#C6CFD9;transform:rotate(7deg);width:220px;height:310px}.product-art .book .title{font-size:29px}.product-content{padding:42px}.pill{font-size:10px;padding:6px 10px;background:#D9AFA5;display:inline-block;border-radius:30px}.product-content h3{font:31px 'Vesper Libre',serif;margin:18px 0 10px}.features{padding:0;list-style:none;color:var(--muted);font-size:12px;line-height:2.1}.features li:before{content:'✓';margin-right:10px;color:var(--green)}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0 18px}.option{position:relative;text-align:left;background:var(--cream);border:1px solid var(--line);border-radius:6px;padding:16px 12px;color:var(--ink)}.option.active{border:2px solid var(--green);padding:15px 11px;background:#FAFAF7}.option b,.option small{display:block}.option small{font-size:10px;color:var(--muted);margin:7px 0}.option strong{font-size:21px}.option .discount{position:absolute;right:9px;top:-10px;background:var(--green);color:var(--cream);border-radius:4px;padding:3px 6px;font-size:8px}.buyrow{display:flex;gap:10px}.buyrow select{border:1px solid var(--line);border-radius:5px;background:transparent;padding:10px}.buyrow button{flex:1}.delivery{font-size:10px;color:var(--muted);text-align:center;margin-top:14px}.inside{background:#D9AFA5}.inside .section{padding:65px 0}.inside-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;align-items:center}.page{background:#FAFAF7;border-radius:4px;padding:30px;box-shadow:0 15px 35px color-mix(in srgb, var(--ink) 6.27%, transparent);transform:rotate(-2deg)}.page h3{font:25px 'Vesper Libre',serif}.page small{font-size:9px;letter-spacing:1px}.page .lines{height:65px;background:repeating-linear-gradient(transparent 0 21px,#A5B5A0 21px 22px)}.page-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px}.steps .number{font:36px 'Vesper Libre',serif;color:#A5B5A0}.steps h3{font:22px 'Vesper Libre',serif;margin:16px 0 10px}.steps p{font-size:13px}.faq{max-width:760px;padding-top:10px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:500;list-style:none}summary:after{content:'+';float:right}details[open] summary:after{content:'−'}details p{font-size:13px;margin:16px 25px 0 0}.cta{margin:30px auto 65px;max-width:1184px;padding:45px;background:#FAFAF7;border-radius:8px;text-align:center}.cta h2{font-size:36px}.cta p{font-size:13px}footer{border-top:1px solid var(--line);padding:32px 48px;display:flex;justify-content:space-between;align-items:center}.demo{background:#D9AFA5;text-align:center;padding:10px;font-size:10px;color:var(--muted)}dialog{border:0;border-radius:12px;padding:30px;width:min(590px,94vw);max-height:90vh;color:var(--ink);background:var(--cream)}dialog::backdrop{background:color-mix(in srgb, var(--ink) 60.00%, transparent)}.close{float:right;background:transparent;border:0;font-size:25px}dialog h2{font-size:30px}label{display:block;font-size:12px;margin:16px 0 7px}input,select{width:100%;border:1px solid #C49A70;padding:12px;border-radius:4px;background:var(--cream);color:var(--ink)}.buyrow select{width:72px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.summarybox{background:#D9AFA5;padding:17px;border-radius:5px;font-size:13px;line-height:1.9;margin:15px 0}.warning{background:#D9AFA5;padding:12px;font-size:12px;line-height:1.6;border-radius:5px}.full{width:100%;margin-top:17px}.orders{border-top:1px solid var(--line);padding:14px 0;font-size:12px;line-height:1.7}.empty{padding:30px 0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #D9AFA5;outline-offset:4px}@media(max-width:900px){header{padding:18px 22px}nav{gap:18px}.hero{padding:40px 24px;gap:30px}.scene{min-height:400px}.book{width:210px;height:300px}.benefits{gap:25px}.section{padding:55px 24px}.section-title{align-items:start}.product-content{padding:25px}.inside .section{padding:45px 24px}.cta{margin:20px 24px 45px}.inside-grid{gap:30px}}@media(max-width:640px){nav{display:none}.hero{grid-template-columns:1fr;gap:25px}.hero h1{font-size:50px}.scene{min-height:380px}.hero-actions{gap:15px}.benefits{gap:16px;flex-wrap:wrap;font-size:10px}.section-title{display:block}.section-title p{margin-top:15px}.product,.inside-grid{grid-template-columns:1fr}.product-art{min-height:380px}.steps{grid-template-columns:1fr;gap:15px}.steps>div{display:grid;grid-template-columns:45px 1fr;column-gap:10px}.steps p{grid-column:2}.steps h3{margin:9px 0}.inside-grid{gap:30px}h2{font-size:33px}footer{padding:25px;gap:15px;flex-wrap:wrap}.formgrid{grid-template-columns:1fr}.cta{padding:25px}.note{right:12px}.product-content{padding:24px 18px}}

.logo{display:inline-flex;align-items:center;gap:12px;letter-spacing:0;flex-shrink:0}.logo img{display:block;width:96px;height:96px;object-fit:contain;border-radius:8px}.logo .brand-name{font:24px 'Vesper Libre',serif;color:var(--ink)}header{padding-top:10px;padding-bottom:10px}.book .brand{font-size:20px}footer .logo img{width:72px;height:72px}footer .logo .brand-name{font-size:20px}@media(max-width:640px){.logo img{width:72px;height:72px}.logo .brand-name{font-size:20px}.logo{gap:6px}header{padding-left:14px;padding-right:14px}.cart{padding:10px 12px}}

#checkout{width:min(900px,96vw)}[hidden]{display:none!important}.pickup-map{height:680px;min-width:0;background:#FAFAF7;border:1px solid var(--line);border-radius:6px;overflow:visible}.pickup-map iframe,.pickup-map gls-dpm{display:block;width:100%;height:100%;border:0}.pickup-details{padding:14px 0}.pickup-selection{margin-top:18px;padding:14px;background:#D9AFA5;border-radius:6px;font-size:13px;line-height:1.6}.pickup-selection.has-selection{background:#D9AFA5;border:1px solid #A5B5A0}.picker-status{margin:14px 0;line-height:1.6}.picker-error{color:var(--ink);font-size:13px;line-height:1.6}.picker-retry{margin-top:12px}@media(max-width:640px){#checkout{padding:20px 14px}.pickup-map{height:760px}}

.checkline{display:flex;gap:10px;align-items:flex-start;line-height:1.6}.checkline input{width:18px;min-width:18px;height:18px;padding:0;margin-top:3px}.checkline a{text-decoration:underline}button:disabled{opacity:.55;cursor:wait}#manageSubscription{margin:12px}
.cart{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--ink)}.cart svg{flex-shrink:0}
/* A legutóbb megadott színpaletta. */
.scene:before{opacity:.22}.book{background:var(--palette-sage);color:var(--ink)}.product-art .book{background:var(--palette-terracotta);color:var(--ink)}.pill{background:var(--palette-peach);color:var(--ink)}.logo .brand-name{color:var(--ink)}.option .discount{background:var(--palette-clay);color:var(--ink)}.primary:hover{background:var(--muted)}.secondary:hover,.cart:hover{background:#D9AFA5}.option.active{border-color:var(--palette-sage)}h1 em{color:#C49A70}.cta .eyebrow,.cta p{color:var(--ink)}.primary:focus-visible,.secondary:focus-visible{outline-color:var(--palette-clay)}

.faq details{padding:0}.faq summary{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:64px;padding:20px 10px;gap:18px;cursor:pointer;touch-action:manipulation}.faq summary::-webkit-details-marker{display:none}.faq summary::after{float:none;flex:0 0 24px;text-align:center;pointer-events:none}.faq summary:hover{background:#D9AFA5}.faq details p{margin:0 25px 20px 10px}

.product-art{background:var(--palette-terracotta)}.product-art .book{background:var(--palette-wheat);color:var(--ink)}.product-art .tag{background:var(--cream);padding:6px 12px;border-radius:20px}.pill{background:var(--palette-wheat);color:var(--ink)}.option .discount{background:var(--palette-sage);color:var(--ink)}.cta{background:var(--palette-wheat);border-top:4px solid var(--palette-terracotta)}.note{border-bottom:3px solid var(--palette-clay)}.features li::before{color:var(--green)}.cart:hover,.secondary:hover,.faq summary:hover{background:var(--palette-wheat)}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--olive)}

.strip{background:var(--palette-pink);color:var(--ink)}.primary{background:var(--palette-lilac);color:var(--ink)}.primary:hover{background:var(--palette-clay)}h1 em{color:#B77E88}.scene{background:var(--palette-pink)}.scene:before{background:var(--palette-lilac);opacity:.6}.book{background:var(--palette-sage);color:var(--ink)}.product-art{background:var(--pink)}.product-art .book{background:var(--palette-peach);color:var(--ink)}.inside{background:var(--palette-pink)}.pill{background:var(--palette-sage);color:var(--ink)}.option.active{border-color:#B77E88;background:var(--palette-pink)}.option .discount{background:var(--palette-lilac);color:var(--ink)}.cta{background:var(--pink);border-top-color:var(--palette-clay)}.note{background:var(--cream);border-bottom-color:var(--gold)}.page .lines{background:repeating-linear-gradient(transparent 0 21px,var(--olive) 21px 22px)}.cart:hover,.secondary:hover,.faq summary:hover{background:var(--palette-pink)}.summarybox{background:var(--palette-pink)}.pickup-selection{background:var(--palette-pink)}.pickup-selection.has-selection{background:var(--palette-sage);border-color:#B77E88}.warning{background:var(--palette-peach)}.picker-error{color:#B77E88}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#B77E88}

.strip{background:var(--ink);color:var(--cream)}.primary{background:var(--ink);color:var(--cream)}.primary:hover{background:var(--palette-brown)}.book,.product-art .book{background:var(--palette-mauve);color:var(--cream)}.scene{background:var(--pink)}.scene:before{background:var(--palette-sage);opacity:.55}.product-art{background:var(--palette-lilac)}.inside{background:var(--palette-lilac)}.pill{background:var(--pink);color:var(--ink)}.option.active{border-color:var(--palette-mauve);background:var(--pink)}.option .discount{background:var(--ink);color:var(--cream)}.pickup-selection.has-selection{background:var(--cream);border-color:var(--palette-sage)}.cta{background:var(--pink);border-top-color:var(--palette-sage)}.note{border-bottom-color:var(--gold)}.benefits span,.steps .number{color:var(--palette-mauve)}

.planner-cover{display:block;width:min(68%,310px);height:auto;object-fit:contain;border-radius:5px;box-shadow:0 18px 35px color-mix(in srgb, var(--ink) 14.90%, transparent)}.scene{min-height:540px;padding:56px 20px 66px}.scene .planner-cover{position:relative;z-index:1}.scene .tag,.scene .note{z-index:2}.scene .note{bottom:14px;font-size:15px}.product-art{padding:35px 20px;min-height:500px}.product-art .planner-cover{width:min(74%,310px)}@media(max-width:640px){.scene{min-height:480px;padding:58px 15px 68px}.planner-cover{width:min(76%,270px)}.product-art{min-height:440px;padding:30px 15px}.product-art .planner-cover{width:min(78%,270px)}}

.scene,.product-art{background:transparent;border-radius:0}.scene::before{display:none}.planner-cover{box-shadow:none}

.faq summary::after{font-size:32px;font-weight:600;line-height:1;flex:0 0 40px;width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;color:var(--ink);background:var(--cream);border:1px solid var(--line);border-radius:50%}

/* Visszatérő színszerepek: levendula = művelet, zsálya = választás, púder = kiemelés. */
.strip{background:var(--palette-lilac);color:var(--ink)}
.logo .brand-name,.hero .eyebrow,.hero h1 em,.textlink{color:var(--sage-ink)}
.textlink{border-bottom-color:var(--palette-sage)}
.primary{background:var(--palette-lilac);color:var(--ink)}
.primary:hover{background:var(--pink);color:var(--ink)}
.cart{background:var(--pink);border-color:var(--pink);color:var(--ink)}
.cart:hover,.secondary:hover{background:var(--lilac-wash)}
.benefits{background:var(--sage-wash);border-color:var(--palette-sage);color:var(--ink)}
.benefits span,.features li::before{color:var(--sage-ink)}
.pill{background:var(--pink);color:var(--ink)}
.option.active{background:var(--sage-wash);border-color:var(--sage-ink)}
.option .discount{background:var(--palette-lilac);color:var(--ink)}
.inside{background:var(--lilac-wash)}
.page{background:var(--cream);border-top:3px solid var(--palette-sage)}
.page .lines{background:repeating-linear-gradient(transparent 0 21px,var(--palette-lilac) 21px 22px)}
.cta{background:var(--pink);border-top-color:var(--palette-lilac)}
.faq summary:hover{background:var(--lilac-wash)}
.faq summary::after{background:var(--sage-wash);border-color:var(--palette-sage);color:var(--sage-ink)}
.summarybox,.pickup-selection{background:var(--lilac-wash)}
.pickup-selection.has-selection{background:var(--sage-wash);border-color:var(--sage-ink)}
.warning{background:var(--pink)}
footer{border-top-color:var(--palette-lilac)}
/* A borítók mögött továbbra sincs színes panel. */
.scene,.product-art{background:transparent}

/* Erőteljes címsorok és fejléc, az aktuális paletta sötét tónusával. */
header .logo .brand-name{color:var(--ink);font-size:27px;font-weight:700}
header nav{font-size:15px;font-weight:600;color:var(--ink);gap:25px}
h1{font-size:clamp(52px,5.8vw,80px);font-weight:700;line-height:1.12;letter-spacing:-1.5px;color:var(--ink)}
.hero h1 em,h1 em{color:var(--ink);font-weight:700}
h2{font-size:44px;font-weight:700;line-height:1.2;color:var(--ink)}
h3,.product-content h3{font-size:34px;font-weight:600;color:var(--ink)}
.page h3{font-size:29px;font-weight:600;color:var(--ink)}
.cta h2{font-size:40px;font-weight:700;color:var(--ink)}
dialog h2{font-size:34px;font-weight:700;color:var(--ink)}
.eyebrow,.hero .eyebrow,.cta .eyebrow{font-size:12px;font-weight:700;letter-spacing:1.5px;color:var(--ink)}
.faq summary{font-size:17px;font-weight:600;color:var(--ink)}
@media(max-width:900px){header nav{gap:16px;font-size:14px}header .logo .brand-name{font-size:24px}h2{font-size:39px}}
@media(max-width:640px){header .logo .brand-name{font-size:22px}.hero h1{font-size:clamp(40px,10.5vw,58px)}h2{font-size:36px}.cta h2{font-size:34px}h3,.product-content h3{font-size:30px}.page h3{font-size:27px}.eyebrow{font-size:11px}.faq summary{font-size:16px}dialog h2{font-size:30px}}

/* Olvashatóbb alapszöveg és apró feliratok. */
body{font-size:17px;line-height:1.65}button,input,select,textarea{font-size:16px}p{line-height:1.8}.intro{font-size:18px;max-width:440px}.small{font-size:14px;line-height:1.7}.strip{font-size:13px;letter-spacing:1px}.textlink{font-size:15px}.benefits{font-size:14px;gap:40px}.section-title p,.product-content p,.features,.steps p,.cta p,.faq details p{font-size:16px}.section-title p{max-width:400px}.pill{font-size:12px;padding:7px 12px}.option{padding:18px 14px}.option.active{padding:17px 13px}.option b{font-size:15px}.option small{font-size:13px;line-height:1.6}.option strong{font-size:24px}.option .discount{font-size:10px}.delivery{font-size:13px;line-height:1.6}.eyebrow,.hero .eyebrow,.cta .eyebrow{font-size:13px;line-height:1.6}.page small{font-size:12px}.demo{font-size:13px;line-height:1.7}.summarybox{font-size:15px;line-height:1.8}.warning,.picker-error{font-size:14px;line-height:1.7}label{font-size:15px}.orders{font-size:14px;line-height:1.8}.checkline{font-size:14px}.scene .tag,.product-art .tag{font-size:13px}.primary,.secondary{line-height:1.5}footer{gap:20px;flex-wrap:wrap}
@media(max-width:900px){.benefits{gap:20px;flex-wrap:wrap}.options{grid-template-columns:1fr}.option .discount{font-size:11px}}
@media(max-width:640px){body{font-size:16px}.hero .intro{font-size:17px}.hero-actions{flex-wrap:wrap}.small{font-size:14px}.strip{font-size:12px;padding-inline:12px}.benefits{font-size:13px;gap:14px 20px}.eyebrow,.hero .eyebrow,.cta .eyebrow{font-size:12px}.section-title p,.product-content p,.features,.cta p,.faq details p{font-size:16px}.demo{font-size:12px}.primary,.secondary{font-size:15px}.option small{font-size:13px}}

.planner-sample-link{display:block;width:100%;max-width:520px;justify-self:center}.planner-sample{display:block;width:100%;height:auto;object-fit:contain;border-radius:4px}

.faq summary::after{font-size:28px;font-weight:400;line-height:1;flex:0 0 32px;width:32px;min-height:32px;border:0;border-radius:0;background:transparent;color:var(--ink);box-shadow:none}

.cta{border-top:0}

.cart-page{max-width:980px;margin:0 auto;padding:42px 24px 80px}.cart-back{display:inline-block;color:var(--ink);font-size:15px;margin-bottom:22px;text-decoration:underline;text-underline-offset:4px}.cart-heading{margin-bottom:26px}.cart-heading h1{font-size:clamp(34px,5vw,52px);margin:10px 0}.cart-heading p{max-width:650px}.cart-panel{background:var(--cream);border:1px solid var(--line);border-radius:12px;padding:30px}.cart-summary-product{display:flex;gap:20px;align-items:center}.cart-summary-product img{width:76px;height:auto;flex-shrink:0;border-radius:3px}.cart-page .summarybox{margin-top:0}.cart-steps{font-size:14px;color:var(--muted);margin-bottom:20px}.cart-page #manageSubscription{margin:12px 0}.cart-empty{padding:30px 0}@media(max-width:640px){.cart-page{padding:28px 16px 55px}.cart-panel{padding:20px 14px}.cart-summary-product{gap:12px}.cart-summary-product img{width:62px}}

/* Önálló landing page és részletes termékoldal. */
.hero .scene>a{display:flex;justify-content:center;width:100%}.hero .scene>a .planner-cover{width:min(76%,310px)}
.landing-story{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.landing-story p{font-size:17px}.landing-discover{background:var(--sage-wash)}.landing-discover .section{padding-top:55px;padding-bottom:55px}.landing-discover p{max-width:760px}.landing-discover h2{max-width:900px}
.product-heading{padding-bottom:0}.product-heading h1{font-size:clamp(38px,5vw,62px);line-height:1.15;max-width:980px}.product-heading p{font-size:18px}.product-heading+.section{padding-top:35px}.product-content h2{font-size:34px}.product-information{padding-top:40px;padding-bottom:40px}.product-information>p{max-width:820px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.detail-grid article{border:1px solid var(--line);padding:28px;border-radius:8px;background:var(--cream)}.detail-grid article:nth-child(2n){background:var(--lilac-wash)}.detail-grid h3{font-size:25px;line-height:1.3;margin-bottom:18px}.detail-grid p,.detail-grid li{font-size:16px;line-height:1.8}.detail-grid ul{padding-left:22px}.coming-soon{text-align:center;padding-top:32px;padding-bottom:60px}.coming-soon p{font-size:21px;font-weight:600;color:var(--ink);margin:0}.product-information .small{font-size:14px}
@media(max-width:900px){.landing-story{gap:30px}}
@media(max-width:640px){.landing-story,.detail-grid{grid-template-columns:1fr;gap:24px}.detail-grid article{padding:22px}.product-heading h1{font-size:38px}.product-content h2{font-size:30px}.coming-soon p{font-size:18px}.landing-discover .section{padding-top:40px;padding-bottom:40px}}

.catalog-page{min-height:65vh}.catalog-heading{margin-bottom:32px}.catalog-heading h1{font-size:clamp(38px,5vw,58px);margin:12px 0}.catalog-heading p{font-size:17px}.product-list{list-style:none;padding:0;margin:0;max-width:980px}.product-list-item{display:flex;align-items:center;gap:30px;padding:26px;border:1px solid var(--line);border-radius:10px;background:var(--cream);transition:background .18s ease}.product-list-item:hover{background:var(--lilac-wash)}.product-list-item>img{display:block;width:130px;height:auto;flex-shrink:0;border-radius:3px}.product-list-copy h2{font-size:28px;margin:15px 0 12px}.product-list-copy p{font-size:16px;margin-bottom:14px;max-width:650px}.product-list-action{font-size:16px;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:4px}.catalog-coming-soon{font-size:17px;color:var(--muted);margin:28px 0 0}@media(max-width:640px){.product-list-item{padding:18px;gap:18px;align-items:flex-start}.product-list-item>img{width:85px}.product-list-copy h2{font-size:23px}.product-list-copy p{font-size:15px}.product-list-copy .pill{font-size:10px}.product-list-action{font-size:15px}}@media(max-width:380px){.product-list-item{gap:12px;padding:14px}.product-list-item>img{width:65px}.product-list-copy h2{font-size:21px}}

.catalog-coming-soon{font-size:clamp(22px,3vw,30px);font-weight:600;line-height:1.5;color:var(--ink);margin:36px 0 0;max-width:980px}

.social-links{display:flex;align-items:center;justify-content:center;gap:20px;padding:28px 24px 36px;max-width:1184px;margin:0 auto}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:10px;border:1px solid var(--line);border-radius:50%;background:var(--cream);color:var(--ink);text-decoration:none}.social-icon svg{display:block}.social-icon:disabled{opacity:1;cursor:default}.social-icon:not(:disabled):hover{background:var(--lilac-wash);border-color:var(--palette-mauve)}

/* A kép külső 15 pontján az alfa fokozatosan nullára csökken. */
.planner-cover,.planner-sample,.product-list-item>img,.cart-summary-product img{
 border:0;
 border-radius:0;
 box-shadow:none;
 -webkit-mask-image:linear-gradient(to right,transparent 0,#000 15pt,#000 calc(100% - 15pt),transparent 100%),linear-gradient(to bottom,transparent 0,#000 15pt,#000 calc(100% - 15pt),transparent 100%);
 -webkit-mask-size:100% 100%;
 -webkit-mask-repeat:no-repeat;
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(to right,transparent 0,#000 15pt,#000 calc(100% - 15pt),transparent 100%),linear-gradient(to bottom,transparent 0,#000 15pt,#000 calc(100% - 15pt),transparent 100%);
 mask-size:100% 100%;
 mask-repeat:no-repeat;
 mask-composite:intersect;
}

/* Egységes betűcsalád minden szöveges felületen. */
html,body,button,input,select,textarea{font-family:'Vesper Libre',serif}

/* Hangsúlyosabb borítókép a landing page nyitó részében. */
body[data-page="landing"] .hero{gap:48px}
body[data-page="landing"] .hero .scene{min-height:0;padding:8px 0}
body[data-page="landing"] .hero .scene>a .planner-cover{width:100%;max-width:440px;height:auto}
@media(max-width:900px){body[data-page="landing"] .hero{gap:30px}body[data-page="landing"] .hero .scene>a .planner-cover{max-width:400px}}
@media(max-width:640px){body[data-page="landing"] .hero .scene{padding:12px 0}body[data-page="landing"] .hero .scene>a .planner-cover{max-width:380px}}

/* A gombok hover állapotában a háttér és a szöveg színe felcserélődik. */
.primary{--button-bg:var(--palette-lilac);--button-fg:var(--ink);background:var(--button-bg);color:var(--button-fg)}
.secondary{--button-bg:var(--cream);--button-fg:var(--ink);background:var(--button-bg);color:var(--button-fg)}
.cart{--button-bg:var(--pink);--button-fg:var(--ink);background:var(--button-bg);color:var(--button-fg)}
.option{--button-bg:var(--cream);--button-fg:var(--ink);background:var(--button-bg);color:var(--button-fg)}
.option.active{--button-bg:var(--sage-wash);--button-fg:var(--ink);background:var(--button-bg);color:var(--button-fg)}
.social-icon{--button-bg:var(--cream);--button-fg:var(--ink);background:var(--button-bg);color:var(--button-fg)}
.primary,.secondary,.cart,.option,.social-icon{transition:background-color .18s ease,color .18s ease,border-color .18s ease}
@media(hover:hover){
 .primary:not(:disabled):hover,.secondary:not(:disabled):hover,.cart:not(:disabled):hover,.option:not(:disabled):hover,.social-icon:not(:disabled):hover{background:var(--button-fg);color:var(--button-bg);border-color:var(--button-fg)}
 .option:not(:disabled):hover small{color:inherit}
}
@media(prefers-reduced-motion:reduce){.primary,.secondary,.cart,.option,.social-icon{transition:none}}

/* Aktuális kék–levendula–rózsaszín paletta, visszatérő színszerepekkel. */
.strip{background:var(--sage-wash);color:var(--ink)}.benefits{background:var(--sage-wash);border-color:var(--palette-sage)}.inside{background:var(--lilac-wash)}.landing-discover{background:var(--sage-wash)}.cta{background:var(--pink)}.pill{background:var(--palette-peach);color:var(--ink)}.detail-grid article:nth-child(2n){background:var(--lilac-wash)}.option.active{border-color:var(--ink)}.picker-error{color:var(--ink)}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--ink)}

/* Aktuális paletta: egységes, sötét szöveg és váltakozva visszatérő finom felületek. */
.strip{background:var(--palette-blue);color:var(--ink)}.benefits{background:var(--sage-wash);border-color:var(--palette-sage)}.landing-discover{background:var(--palette-blue)}.inside{background:var(--lilac-wash)}.cta{background:var(--pink)}.pill{background:var(--palette-peach);color:var(--ink)}.detail-grid article:nth-child(2n){background:var(--lilac-wash)}.cart{--button-bg:var(--palette-pink)}.option.active{--button-bg:var(--sage-wash)}

/* A feliratos gombokon a világosabb palettaszínek biztosítják az olvashatóságot. */
.primary{--button-bg:var(--palette-blue)}.cart{--button-bg:var(--palette-peach)}.option .discount{background:var(--palette-blue);color:var(--ink)}

/* Nagyobb fejléc-logó. */
header .logo img{width:140px;height:140px}
@media(max-width:900px){header .logo img{width:120px;height:120px}}
@media(max-width:640px){header .logo img{width:105px;height:105px}}

/* Nagyobb logó, szorosabb távolság az alsó elválasztótól. */
header{padding-top:4px;padding-bottom:0}
header .logo{line-height:0}
header .logo img{width:160px;height:160px;margin-bottom:-14px}
@media(max-width:900px){header .logo img{width:140px;height:140px;margin-bottom:-12px}}
@media(max-width:640px){header .logo img{width:120px;height:120px;margin-bottom:-10px}}

header .logo img{margin-bottom:-28px}
@media(max-width:900px){header .logo img{margin-bottom:-24px}}
@media(max-width:640px){header .logo img{margin-bottom:-20px}}

/* A fejléc elemei az alsó szélhez igazodnak. */
header{align-items:flex-end}
header nav{padding-bottom:12px}
header .cart{margin-bottom:8px}

/* Szerkesztett, levegősebb landing-elrendezés. */
body[data-page="landing"] .landing-hero{max-width:1280px;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:56px;padding:58px 48px 46px;align-items:center}
.landing-hero .hero-copy{min-width:0}.landing-hero .hero-copy>.eyebrow{max-width:440px;margin-bottom:26px;letter-spacing:1px}
body[data-page="landing"] .hero h1.landing-headline{display:grid;gap:17px;font-size:clamp(30px,3.2vw,44px);line-height:1.35;letter-spacing:-1.1px;font-weight:500;margin:0 0 26px}
.landing-headline>span{display:block}.landing-headline strong{font-weight:700}.headline-highlight{background:linear-gradient(transparent 67%,var(--pink) 67%,var(--pink) 94%,transparent 94%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.landing-hero .intro{font-size:18px;line-height:1.85;max-width:485px;margin-bottom:0}.landing-hero .hero-actions{gap:18px;flex-wrap:wrap;margin:28px 0 20px}.landing-hero .hero-actions .primary{padding:17px 22px}.landing-hero .small{max-width:410px}
body[data-page="landing"] .hero .scene.hero-visual{min-height:0;padding:0;overflow:visible}body[data-page="landing"] .hero .scene.hero-visual>a .planner-cover{width:100%;max-width:450px}
body[data-page="landing"] .benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1184px;margin:0 auto;padding:23px 0;background:transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:24px}
body[data-page="landing"] .benefits>div{display:flex;align-items:center;justify-content:center;gap:12px;font-size:15px}body[data-page="landing"] .benefits>div>span{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;background:var(--palette-blue);color:var(--ink);margin:0;flex-shrink:0}
body[data-page="landing"] .landing-story{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:90px;align-items:start;padding:76px 0}.landing-story h2{font-size:clamp(30px,3.2vw,42px);line-height:1.35;margin-bottom:0}.landing-story>div:last-child{padding-top:8px}.landing-story>div:last-child p{font-size:17px;line-height:1.9}.landing-story .textlink{display:inline-block;margin-top:6px}
body[data-page="landing"] .landing-discover{background:var(--lilac-wash);max-width:1280px;margin:0 auto;border-radius:18px}
.landing-discover .section.discover-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:88px;padding:56px 70px;max-width:1184px}
.discover-preview{display:block;width:100%;max-width:315px;justify-self:center}.discover-preview .planner-sample{width:100%;height:auto}.discover-copy h2{font-size:clamp(30px,3.2vw,42px);line-height:1.3}.discover-copy p{font-size:17px;line-height:1.85;max-width:500px}.discover-copy .primary{margin-top:12px}
body[data-page="landing"] .landing-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;text-align:left;padding:38px 0;margin:32px auto 0;max-width:1184px;background:transparent;border:0;border-radius:0}.landing-cta h2{font-size:30px;margin:0 0 10px;line-height:1.35}.landing-cta p{font-size:16px;margin:0}.landing-cta>.primary{flex-shrink:0}
body[data-page="landing"] .social-links{padding-top:28px;padding-bottom:35px}
@media(max-width:1100px){body[data-page="landing"] .landing-hero{gap:30px;padding-left:32px;padding-right:32px}body[data-page="landing"] .benefits,body[data-page="landing"] .landing-story,body[data-page="landing"] .landing-cta{margin-left:32px;margin-right:32px}body[data-page="landing"] .landing-story{gap:40px}.landing-discover .section.discover-layout{gap:45px;padding:45px 40px}body[data-page="landing"] .landing-discover{margin-left:20px;margin-right:20px}}
@media(max-width:740px){body[data-page="landing"] .landing-hero{grid-template-columns:1fr;gap:32px;padding:36px 24px}.landing-hero .hero-copy>.eyebrow{margin-bottom:20px}body[data-page="landing"] .hero h1.landing-headline{font-size:clamp(29px,5.4vw,39px);gap:12px;letter-spacing:-.6px;max-width:630px}.landing-hero .intro{max-width:560px;font-size:17px}body[data-page="landing"] .hero .scene.hero-visual>a .planner-cover{max-width:410px}body[data-page="landing"] .benefits{grid-template-columns:1fr;margin-left:24px;margin-right:24px;padding:20px 0;gap:14px}body[data-page="landing"] .benefits>div{justify-content:flex-start}body[data-page="landing"] .landing-story{grid-template-columns:1fr;gap:24px;padding:45px 0;margin:0 24px}.landing-story>div:last-child{padding:0}.landing-discover .section.discover-layout{grid-template-columns:1fr;gap:30px;padding:36px 24px}.discover-preview{max-width:280px}.discover-copy h2{font-size:32px}body[data-page="landing"] .landing-cta{flex-direction:column;align-items:flex-start;padding:36px 0;margin:0 24px;gap:22px}.landing-cta h2{font-size:28px}.landing-hero .hero-actions{gap:18px}.landing-hero .hero-actions .primary{width:100%}}

.landing-hero .intro p{font-size:inherit;line-height:inherit;margin:0 0 16px}.landing-hero .intro p:last-child{margin-bottom:0}

/* Látványosabban elhelyezett borító a nyitó szakaszban. */
body[data-page="landing"] .hero .scene.hero-visual{align-self:center;position:relative;isolation:isolate;overflow:visible;padding:18px 0}
body[data-page="landing"] .hero .scene.hero-visual>a{position:relative;display:flex;justify-content:center;transform:rotate(4deg);transform-origin:center;transition:transform .25s ease}
body[data-page="landing"] .hero .scene.hero-visual>a .planner-cover{max-width:480px;width:108%;flex-shrink:0}
@media(hover:hover){body[data-page="landing"] .hero .scene.hero-visual>a:hover{transform:rotate(1deg) translateY(-5px)}}
@media(max-width:1100px){body[data-page="landing"] .hero .scene.hero-visual>a .planner-cover{width:100%;max-width:440px}}
@media(max-width:740px){body[data-page="landing"] .hero .scene.hero-visual{padding:20px 14px;margin:0 8px}body[data-page="landing"] .hero .scene.hero-visual>a{transform:rotate(3deg)}body[data-page="landing"] .hero .scene.hero-visual>a .planner-cover{width:100%;max-width:390px}}
@media(prefers-reduced-motion:reduce){body[data-page="landing"] .hero .scene.hero-visual>a{transition:none}}

/* Nagyobb nyitócím és visszafogottabb, dőlt bevezető. */
body[data-page="landing"] .hero h1.landing-headline{font-size:clamp(33px,3.5vw,48px)}
.landing-hero .intro{font-size:16px;font-style:normal;line-height:1.8}
@media(max-width:740px){body[data-page="landing"] .hero h1.landing-headline{font-size:clamp(31px,5.8vw,43px)}.landing-hero .intro{font-size:15px}}

body[data-page="landing"] .hero h1.landing-headline{line-height:1.2;gap:10px}
@media(max-width:740px){body[data-page="landing"] .hero h1.landing-headline{gap:8px}}

/* Kiegyensúlyozottabb cím és bevezető Vesper Libre betűkkel. */
body[data-page="landing"] .hero h1.landing-headline{font-size:clamp(31px,3.2vw,44px)}
.landing-hero .intro{font-size:19px}
@media(max-width:740px){body[data-page="landing"] .hero h1.landing-headline{font-size:clamp(29px,5.3vw,39px)}.landing-hero .intro{font-size:18px}}

/* Consistent benefit icons and compact inline reactions. */
body[data-page="landing"] .benefits .craft-email-icon,
body[data-page="landing"] .benefits .logo-sketch-icon{display:block;width:52px;height:44px;object-fit:contain;flex-shrink:0;background:transparent;border:0;border-radius:0;box-shadow:none}
body[data-page="landing"] .benefits>div>.email-benefit-label,
body[data-page="landing"] .benefits>div>.logo-benefit-label{display:block;width:auto;height:auto;flex:1;min-width:0;margin:0;border-radius:0;background:transparent;color:inherit;text-align:center;line-height:1.15}
body[data-page="landing"] .benefits .hand-raised-illustration,
body[data-page="landing"] .benefits .avoidance-illustration{display:inline-block;width:1em;height:1em;object-fit:contain;vertical-align:-.1em;margin:0 0 0 2px;position:static;background:transparent;border:0;box-shadow:none}
body[data-page="landing"] .benefits .logo-label-ending{white-space:nowrap}

/* Landing: recognition, product evidence, then the subscription choice. */
body[data-page="landing"] main{overflow:clip}
.landing-wrap{width:calc(100% - 96px);max-width:1184px;margin-inline:auto}
body[data-page="landing"] section[id]{scroll-margin-top:28px}
body[data-page="landing"] .landing-hero{padding-top:54px;padding-bottom:56px;gap:60px}
body[data-page="landing"] .landing-hero .intro{max-width:540px;font-size:24px;line-height:1.4;margin-top:25px}
.landing-hero .intro p{margin-bottom:16px;color:var(--ink)}
.hero-promise{max-width:520px;font-size:18px;line-height:1.65;margin-bottom:0}
body[data-page="landing"] .hero-actions{flex-wrap:wrap;gap:18px 24px;margin:26px 0 15px}
.hero-reassurance{font-size:15px;line-height:1.5;margin:0}
body[data-page="landing"] figure.hero-visual{margin:0;display:flex;flex-direction:column;gap:16px}
.hero-visual figcaption{font-size:15px;line-height:1.5;text-align:center;max-width:310px;font-style:normal}
.recognition{padding:20px 0 12px}
.recognition h2{font-size:25px;text-align:center;margin:0 0 22px;letter-spacing:0}
body[data-page="landing"] .recognition .benefits{margin:0;max-width:none;gap:28px;padding-block:22px}
body[data-page="landing"] .recognition .benefits>div{font-size:16px}
.recognition-note{text-align:center;font-size:16px;margin:20px auto 0;max-width:620px}
.landing-curiosity,.landing-pause{display:grid;grid-template-columns:.9fr 1.1fr;gap:88px;padding-block:76px;align-items:start}
body[data-page="landing"] .landing-curiosity h2,body[data-page="landing"] .landing-pause h2{font-size:clamp(30px,3.1vw,43px);line-height:1.2;margin-top:15px}
.landing-curiosity p,.landing-pause p{font-size:18px;line-height:1.7}
.landing-curiosity .eyebrow,.landing-pause .eyebrow{font-size:12px;line-height:1.6}
.curiosity-aside,.pause-line{font-style:normal;margin-bottom:0}
.landing-sample-section{background:var(--palette-blue);background:color-mix(in srgb,var(--palette-blue) 32%,var(--cream));padding:64px 0 70px}
.sample-heading{max-width:720px;margin:0 auto 42px;text-align:center}
.sample-heading h2{font-size:clamp(30px,3.1vw,43px);line-height:1.2}
.sample-heading>p:last-child{max-width:580px;margin:0 auto;font-size:18px;line-height:1.65}
.sample-tour{display:grid;grid-template-columns:1.05fr 1fr;gap:66px;align-items:start}
.sample-display{display:block;position:sticky;top:24px;text-align:center;min-width:0}
body[data-page="landing"] .sample-display .planner-sample{display:block;width:100%;max-width:480px;height:auto;margin:auto;transform:none}
.sample-caption{display:block;font-size:14px;line-height:1.5;margin-top:16px}
.sample-notes{padding-top:4px}
.sample-notes article{position:relative;padding:0 0 24px 45px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.sample-number{position:absolute;left:0;top:1px;font-size:17px;color:var(--ink);font-weight:700}
.sample-notes h3{font-size:23px;line-height:1.25;margin:0 0 10px;font-weight:700}
.sample-notes p{font-size:17px;line-height:1.65;margin:0}
.sample-notes>.textlink{display:inline-block;line-height:1.5}
.landing-pause{padding-block:76px}
.subscription-section{background:var(--lilac-wash);padding:68px 0}
.subscription-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.subscription-copy>h2{font-size:clamp(31px,3.1vw,43px);line-height:1.2}
.subscription-copy>p:not(.eyebrow){font-size:18px;line-height:1.7}
.renewal-note{margin-top:30px;border-left:3px solid var(--palette-sage);padding:4px 0 4px 22px}
.renewal-note h3{font-size:24px;line-height:1.3;margin:0 0 12px}
.renewal-note p{font-size:16px;line-height:1.65;margin-bottom:12px}
.renewal-note p.small{font-size:14px;margin-bottom:0}
.subscription-choice{background:var(--cream);border:1px solid var(--line);border-radius:20px;padding:34px 30px}
.subscription-kicker{font-size:12px;letter-spacing:1.3px;font-weight:700;margin:0 0 14px}
.subscription-choice h3{font-size:32px;line-height:1.15;margin:0 0 24px}
.subscription-choice ul{list-style:none;margin:0 0 28px;padding:0}
.subscription-choice li{padding:12px 0;border-bottom:1px solid var(--sage-wash);font-size:17px;line-height:1.45}
.subscription-choice li:first-child{padding-top:0}
.subscription-choice>.primary{display:flex;width:100%;gap:0;text-align:center;line-height:1.4}
.subscription-choice .subscription-terms{font-size:14px;line-height:1.6;margin:16px 0 22px}
.subscription-choice>.textlink{display:table;margin:auto;text-align:center;line-height:1.5}
body[data-page="landing"] .landing-story{padding-top:70px;padding-bottom:60px}
body[data-page="landing"] .landing-story p{font-size:18px;line-height:1.7}
body[data-page="landing"] .landing-story .eyebrow{font-size:12px}
.landing-questions{max-width:850px;padding:20px 0 64px}
.landing-questions h2{font-size:32px;margin-bottom:24px}
body[data-page="landing"] .landing-cta{border:0;padding-top:45px;padding-bottom:52px;gap:40px;align-items:center}
body[data-page="landing"] .landing-cta h2{font-size:30px;max-width:640px;line-height:1.25}
body[data-page="landing"] .landing-cta p{font-size:18px;margin-bottom:0}
body[data-page="landing"] .landing-cta .primary{flex-shrink:0;text-align:center}
@media(max-width:1100px){
 .landing-wrap{width:calc(100% - 64px)}
 .landing-curiosity,.landing-pause,.subscription-layout{gap:40px}
 .sample-tour{gap:36px;grid-template-columns:1fr 1fr}
 body[data-page="landing"] .recognition .benefits{margin-inline:0;gap:18px}
 .subscription-choice{padding:28px 24px}
}
@media(max-width:740px){
 .landing-wrap{width:calc(100% - 48px)}
 body[data-page="landing"] .landing-hero{gap:28px;padding:34px 24px 32px}
 body[data-page="landing"] .landing-hero .intro{font-size:22px;margin-top:22px}
 .hero-promise{font-size:17px}
 body[data-page="landing"] figure.hero-visual{margin:0;padding:16px 12px}
 body[data-page="landing"] .hero .scene.hero-visual>a .planner-cover{max-width:350px}
 .recognition{padding-top:12px}
 .recognition h2{font-size:23px}
 body[data-page="landing"] .recognition .benefits{gap:20px}
 body[data-page="landing"] .recognition .benefits>div{font-size:16px}
 .recognition-note{font-size:16px;line-height:1.6}
 .landing-curiosity,.landing-pause{grid-template-columns:1fr;gap:12px;padding-block:44px}
 .landing-curiosity p,.landing-pause p{font-size:17px}
 .landing-curiosity h2 br,.landing-pause h2 br{display:none}
 .landing-sample-section{padding:42px 0}
 .sample-heading{text-align:left;margin-bottom:30px}
 .sample-heading h2 br{display:none}
 .sample-heading>p:last-child{font-size:17px}
 .sample-tour{grid-template-columns:1fr;gap:32px}
 .sample-display{position:static}
 body[data-page="landing"] .sample-display .planner-sample{max-width:420px}
 .sample-notes article{padding-left:36px;padding-bottom:20px;margin-bottom:20px}
 .sample-notes h3{font-size:22px}
 .subscription-section{padding:42px 0}
 .subscription-layout{grid-template-columns:1fr;gap:30px}
 .subscription-copy>p:not(.eyebrow){font-size:17px}
 .subscription-copy>h2 br{display:none}
 .subscription-choice{padding:28px 24px}
 body[data-page="landing"] .landing-story{padding-top:44px;padding-bottom:40px}
 body[data-page="landing"] .landing-story p{font-size:17px}
 .landing-questions{padding:12px 0 36px}
 .landing-questions h2{font-size:28px}
 body[data-page="landing"] .landing-cta{padding:30px 0 40px;align-items:flex-start;gap:22px}
 body[data-page="landing"] .landing-cta h2{font-size:28px}
 body[data-page="landing"] .landing-cta .primary{width:100%}
}

/* Keep the header menu grouped with the basket on the right. */
header>nav{margin-left:auto;margin-right:24px;justify-content:flex-end}
@media(max-width:640px){header>nav{margin-left:auto;margin-right:12px;justify-content:flex-end}}

/* Kosárban a termék neve és képe a termékoldalra visz */
.cart-product-link{color:inherit;text-decoration:none}
.cart-product-link:is(:hover,:focus-visible){text-decoration:underline}

/* Előfizetés: melyik hónappal induljon (landing és termékoldal) */
.start-month{width:100%;min-width:0;margin:0 0 22px;padding:0;border:0}
.start-month[hidden]{display:none}
.start-month legend{font:700 18px/1.3 'Vesper Libre',serif;color:#594D52;margin:0 0 12px;padding:0}
.start-month__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.start-month label{display:flex;gap:12px;align-items:flex-start;margin:0;padding:16px;border:1px solid #E8DDD0;border-radius:16px;background:#FAF7F2;color:#594D52;font-size:16px;line-height:1.5;cursor:pointer}
.start-month label:has(input:checked){border-color:#B77E88;background:#EAD1C5}
.start-month input{flex:0 0 18px;width:18px;height:18px;margin:4px 0 0;padding:0;accent-color:#B77E88}
.start-month strong{display:block;margin-bottom:4px;font-weight:700}
@media(max-width:560px){.start-month__options{grid-template-columns:minmax(0,1fr)}}
.subscription-choice .start-month__options{grid-template-columns:minmax(0,1fr)}

/* Vásárlási módok: pasztell választókártyák, színcsere helyett finom emelkedéssel. */
body[data-page="product"] .options{gap:18px;margin-top:30px;align-items:stretch}
body[data-page="product"] .options .option{--plan-accent:var(--palette-peach);position:relative;isolation:isolate;overflow:visible;padding:25px 20px 20px;border:2px solid var(--line);border-radius:8px 22px 8px 22px;background:var(--cream);color:var(--ink);box-shadow:none;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background-color .22s ease}
body[data-page="product"] .options .option[data-plan="sub"]{--plan-accent:var(--palette-lilac);background:var(--lilac-wash)}
body[data-page="product"] .options .option::before{content:"";position:absolute;right:15px;top:23px;display:grid;place-items:center;width:20px;height:20px;border:1.5px solid var(--ink);border-radius:50%;background:var(--cream);font-size:13px;line-height:1;color:var(--ink)}
body[data-page="product"] .options .option b{padding-right:25px;font-size:18px;line-height:1.3}
body[data-page="product"] .options .option small{font-size:14px;line-height:1.5;color:var(--ink);margin:10px 0}
body[data-page="product"] .options .option strong{display:inline-block;font-size:27px;line-height:1.25;padding:0 5px;background:linear-gradient(transparent 65%,var(--plan-accent) 65%)}
body[data-page="product"] .options .option .discount{top:-12px;left:16px;right:auto;padding:5px 10px;background:var(--palette-lilac);color:var(--ink);border-radius:5px 10px 5px 10px;font-size:10px;line-height:1.3;letter-spacing:.4px}
body[data-page="product"] .options .option.active,body[data-page="product"] .options .option[aria-pressed="true"]{border-color:var(--ink);padding:25px 20px 20px;background:color-mix(in srgb,var(--palette-blue) 35%,var(--cream));box-shadow:0 5px 0 color-mix(in srgb,var(--palette-blue) 55%,transparent)}
body[data-page="product"] .options .option[aria-pressed="true"]::before{content:"✓";background:var(--ink);color:var(--cream)}
@media(hover:hover){body[data-page="product"] .options .option:not(:disabled):hover{transform:translateY(-4px);background:var(--cream);color:var(--ink);border-color:var(--palette-clay);box-shadow:0 10px 22px -14px color-mix(in srgb,var(--ink) 40%,transparent)}body[data-page="product"] .options .option[data-plan="sub"]:not(:disabled):hover{background:var(--lilac-wash)}body[data-page="product"] .options .option[aria-pressed="true"]:hover{border-color:var(--ink);background:color-mix(in srgb,var(--palette-blue) 35%,var(--cream))}}
body[data-page="product"] .options .option:focus-visible{outline:3px solid var(--palette-clay);outline-offset:4px}
body[data-page="product"] .options .option:active{transform:translateY(-1px)}
@media(prefers-reduced-motion:reduce){body[data-page="product"] .options .option{transition:none;transform:none}}

/* Szállítási mód: választólista, egy sor minden lehetőségnek */
.ship-choice{border:0;margin:0 0 18px;padding:0;min-width:0}
.ship-choice legend{font:700 18px/1.3 'Vesper Libre',serif;margin:0 0 10px;padding:0}
.ship-group{margin:0 0 12px}
.ship-group__title{margin:0 0 8px;font-size:14px;letter-spacing:.4px;color:#594D52}
.ship-option{display:flex;align-items:center;gap:12px;margin:0 0 8px;padding:12px 14px;border:1px solid #E8DDD0;border-radius:12px;background:#FAFAF7;color:#594D52;font-size:16px;line-height:1.4;cursor:pointer}
.ship-option:has(input:checked){border-color:#B77E88;background:#EAD1C5}
.ship-option input{flex:0 0 18px;width:18px;height:18px;margin:0;padding:0;accent-color:#B77E88}

/* Házhozszállítás: külön mező minden címrészletnek */
.address-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px 14px;margin:0 0 6px}
.address-grid .addr-field{min-width:0}
.address-grid .addr-extra{grid-column:1/-1}
.address-grid label{display:block;margin:0 0 6px;font-size:14px}
.address-grid input{width:100%;box-sizing:border-box}
.addr-optional{color:#594D52;opacity:.75;font-weight:400}
@media(max-width:480px){.address-grid{grid-template-columns:minmax(0,1fr)}}
.ship-option.is-disabled{opacity:.5;cursor:not-allowed}
.ship-option input:disabled{cursor:not-allowed}

/* A kosárban is a teljes, aktuális termékfotó látszik. */
body[data-page="cart"] .cart-summary-product img{width:112px;height:84px;object-fit:contain;aspect-ratio:4 / 3;border:0;border-radius:6px;mask-image:none;-webkit-mask-image:none}
@media(max-width:640px){body[data-page="cart"] .cart-summary-product img{width:88px;height:66px}}

/* Automatikusan járó könyvjelző, külön ajándéktétel az előfizetés mellett. */
body[data-page="cart"] .cart-gift-product{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:20px;margin:14px 0 22px;padding:20px 24px;background:color-mix(in srgb,var(--palette-lilac) 20%,var(--cream));border:1px solid var(--line);border-radius:8px 20px 8px 20px}
body[data-page="cart"] .cart-gift-product>img{display:block;width:30px;height:100px;object-fit:contain;justify-self:center;border-radius:2px}
body[data-page="cart"] .cart-gift-label{font-size:11px;line-height:1.5;letter-spacing:1px;font-weight:700}
body[data-page="cart"] .cart-gift-product h3{font-size:21px;line-height:1.3;margin:7px 0}
body[data-page="cart"] .cart-gift-product p{font-size:14px;line-height:1.5;margin:0}
body[data-page="cart"] .cart-gift-price{font-size:23px;white-space:nowrap}
@media(max-width:640px){body[data-page="cart"] .cart-gift-product{padding:18px 15px;gap:12px;grid-template-columns:35px minmax(0,1fr) auto}body[data-page="cart"] .cart-gift-product h3{font-size:18px}body[data-page="cart"] .cart-gift-price{font-size:20px}}

/* A logó a képernyő bal szélén marad minden eszközön: a fejléc nem korlátozza a szélességet */
header{max-width:none;padding-left:16px}
@media(max-width:900px){header{padding-left:14px}}

/* Az új logó saját képarányának megőrzése minden fejlécben. */
header .logo img{object-fit:contain}