:root{--ink:#17372e;--ink2:#285047;--soft:#637a6d;--accent:#b5d96e;--acid:#dff0ba;--line:#dce4dc;--paper:#f9faf6;--white:#fff;--cream:#f0f4ec;--deep:#123c32;--serif:Georgia,serif;--w:1190px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 'Inter',system-ui,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Inter,system-ui,sans-serif;line-height:1.17;letter-spacing:-.045em}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #8fb64d;outline-offset:3px}.wrap{max-width:var(--w);margin:auto;padding:0 26px}.skip{position:absolute;z-index:10;top:-100px;left:10px;background:white;padding:10px}.skip:focus{top:10px}.site-header{height:92px;position:relative;z-index:10;border-bottom:1px solid #e5ebe4;background:rgba(249,250,246,.97)}.header-inner{height:100%;display:flex;align-items:center;gap:24px}.brand{display:flex;gap:11px;align-items:center;flex-shrink:0}.brand-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:14px;background:#213e33;color:#e6f3c2;font-size:28px}.brand-type{font:800 20px/.95 Inter,sans-serif;letter-spacing:-.09em}.brand-sub{font:700 9px/1.6 Inter,sans-serif;letter-spacing:.22em;display:block;color:#6b8170;padding-top:6px}.main-nav{display:flex;gap:21px;align-items:center;margin-left:auto}.main-nav a{font-size:12px;font-weight:700;white-space:nowrap}.main-nav a:hover,.footer a:hover{color:#729b38}.header-actions{display:flex;gap:15px;align-items:center}.languages{display:flex;gap:5px}.languages a{font-size:11px;line-height:1;padding:8px 6px;color:#698071;font-weight:700;border-radius:4px}.languages a.active{background:#e4edda;color:var(--ink)}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:#1e5140;color:white;min-height:54px;padding:13px 24px;border-radius:9px;font:700 13px/1.3 Inter,sans-serif;border:1px solid #1e5140;transition:transform .2s,background .2s;white-space:nowrap}.button:hover{background:#2d6e50;transform:translateY(-2px)}.button-sm{font-size:11px;padding:11px 14px;min-height:39px}.button-ghost{background:transparent;color:var(--ink);border-color:#c9d5c6}.button-ghost:hover{background:#eaf1e6}.button-dark{background:var(--ink);border-color:var(--ink)}.button-light{background:#e4f0be;border-color:#e4f0be;color:#153b2c}.button-light:hover{background:white}.button-light-outline{background:transparent;color:white;border-color:#73998a}.button-light-outline:hover{background:#194e3d}.button-ghost-dark{background:transparent;border-color:#bed0bd;color:var(--ink)}.menu-toggle,.mobile-menu{display:none}.hero{background:linear-gradient(150deg,#f5f8f1 0%,#edf4e8 100%);padding-top:72px}.hero-grid{display:grid;grid-template-columns:1fr 0.91fr;gap:70px;align-items:center;padding-bottom:66px}.eyebrow,.kicker{font:800 11px/1.5 Inter,sans-serif;letter-spacing:.19em;color:#47745e;display:inline-flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:#9ec65a}.hero h1,.inner-hero h1{font-size:clamp(40px,4.5vw,66px);line-height:1.08;letter-spacing:-.065em;max-width:710px;margin:22px 0 22px;font-weight:800}.lead{font-size:17px;color:#456253;max-width:590px;line-height:1.85}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:29px 0}.tiny{font-size:11px;line-height:1.6}.muted{color:#7e9181}.hero-note{max-width:410px}.visual-panel{position:relative;isolation:isolate;overflow:hidden;min-height:495px;background:#234d3c;border-radius:20px;color:#fff;padding:28px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 25px 55px rgba(20,56,42,.14)}.sun-shape{position:absolute;z-index:-1;width:500px;height:500px;right:-145px;top:-90px;background:radial-gradient(circle at 45% 40%,#cfea7e,#8aac63 65%,#64976b 100%);border-radius:50%;opacity:.94}.sun-shape:after{content:'';position:absolute;width:290px;height:290px;border:1px solid #fff7;border-radius:50%;left:100px;top:108px}.visual-top,.board-head,.board-end{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.12em;font-weight:700}.visual-star{font-size:24px}.visual-main{margin-top:auto;position:relative}.visual-index{font-size:12px;letter-spacing:.08em}.visual-heading{font:800 clamp(62px,6.6vw,100px)/.93 Inter,sans-serif;letter-spacing:-.1em;margin:14px 0;text-shadow:0 3px 15px #1b412020}.visual-arrow{font-size:45px;vertical-align:top;margin-left:22px}.visual-main p{max-width:260px;color:#f3ffdc;font-size:14px}.visual-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.visual-pills span{border:1px solid #ffffff66;border-radius:100px;padding:7px 13px;font-size:10px;letter-spacing:.07em;font-weight:700}.ribbon{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dce6db;padding-top:0!important;padding-bottom:0!important}.ribbon span{background:#e8f0e2;padding:19px 12px;font:600 12px/1.5 Inter,sans-serif;letter-spacing:.01em;color:#86a37e}.ribbon b{color:var(--ink);margin-left:15px}.section{padding:110px 0}.section-alt{background:#eef3eb}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:42px;margin-bottom:36px}.section-heading>div{max-width:610px}.section-heading h2,.geo-grid h2,.about-grid h2,.faq-grid h2,.contact-grid h2{font-size:clamp(31px,3.25vw,46px);margin:15px 0 0;font-weight:800}.section-heading p{max-width:450px;color:#617769;font-size:14px;line-height:1.95;margin:0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{background:#fff;border:1px solid #e5ebe4;border-radius:16px;overflow:hidden;transition:transform .25s,box-shadow .25s}.product-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #1c463014}.product-visual{height:195px;position:relative;overflow:hidden;padding:23px;display:flex;align-items:end;background:linear-gradient(120deg,#dceec3,#b9d6a7)}.product-visual.variant-1{background:linear-gradient(125deg,#e9e5c8,#c5d9b3)}.product-visual.variant-2{background:linear-gradient(125deg,#d9dce5,#becfe5)}.product-visual.variant-3{background:linear-gradient(125deg,#e4e8cc,#c1d7b4)}.product-visual.variant-4{background:linear-gradient(125deg,#f3e8d9,#e7c8a9)}.product-visual.variant-5{background:linear-gradient(125deg,#e4deed,#ccbfe0)}.product-num{position:absolute;top:18px;left:22px;font:800 11px Inter,sans-serif;letter-spacing:.1em;color:#456047}.product-visual-name{font:800 30px/1.2 Inter,sans-serif;letter-spacing:-.07em;color:#294e3f;position:relative;z-index:2;max-width:190px}.product-circle{position:absolute;width:230px;height:230px;border-radius:50%;border:1px solid #ffffffab;right:-12px;top:-35px;box-shadow:inset 0 0 0 24px #ffffff22,inset 0 0 0 62px #ffffff1e}.product-body{padding:24px;min-height:255px;display:flex;flex-direction:column}.product-overline{font:800 9px Inter,sans-serif;letter-spacing:.16em;color:#8ba28e}.product-body h3{font-size:23px;margin:10px 0 2px}.subtitle{color:#42704d;font:700 12px/1.5 Inter,sans-serif}.product-body>p:not(.subtitle){font-size:13px;line-height:1.75;color:#6b7f71;margin-bottom:19px}.text-link{display:inline-flex;gap:5px;align-items:center;color:#255c45;font:800 12px/1.4 Inter,sans-serif;margin-top:auto;text-decoration:underline;text-decoration-color:#a5c69d;text-underline-offset:5px}.text-link:hover{color:#538936}.section-note{font-size:12px;color:#829080;margin-top:26px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.step{padding:31px;background:white;border:1px solid #e0e9dd;border-radius:16px;display:flex;flex-direction:column;min-height:296px}.step-id{font:700 12px Inter,sans-serif;color:#7cab67;margin-bottom:40px}.step h3{font-size:24px;margin-bottom:17px}.step p{font-size:13px;color:#667b6e;line-height:1.9}.step a{margin-top:auto}.geo-section{background:#f8faf5}.geo-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.section-copy{font-size:15px;color:#617767;line-height:1.95;margin:26px 0}.geo-note{max-width:430px;margin-top:18px}.city-board{background:#1f5142;border-radius:17px;min-height:370px;padding:32px;color:#e9f5de;display:flex;flex-direction:column;justify-content:space-between;box-shadow:20px 22px 0 #d9e6d5}.city-tags{display:flex;flex-wrap:wrap;gap:9px;margin:42px 0}.city-tags span{padding:9px 12px;border-radius:40px;background:#ffffff10;border:1px solid #ffffff52;font:600 11px/1.2 Inter,sans-serif}.board-end{color:#c1d9c6}.about-grid{display:grid;grid-template-columns:.63fr 1fr;gap:100px;align-items:center}.about-mark{min-height:370px;background:linear-gradient(150deg,#cde4b6,#93bc80);border-radius:15px;display:flex;align-items:center;justify-content:center;position:relative}.about-mark>span{font:800 145px Inter,sans-serif;letter-spacing:-.15em;color:#28543c;transform:translateX(-12px)}.about-mark small{position:absolute;bottom:25px;right:29px;font:800 11px/1.6 Inter,sans-serif;letter-spacing:.12em;text-align:right}.faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:85px}.faq-list details{border-bottom:1px solid #d7e1d7;padding:21px 0}.faq-list summary{cursor:pointer;list-style:none;font:700 15px/1.7 Inter,sans-serif;position:relative;padding-right:24px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:0;top:0;font:400 23px Inter,sans-serif}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:14px;color:#65796b;max-width:540px;padding-top:12px;margin:0}.contact-section{padding:88px 0;background:#194c3d;color:white}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:end}.kicker-light{color:#b8d69f}.contact-grid h2{font-size:clamp(34px,4vw,54px)}.contact-grid p{max-width:600px;color:#c8dfd1;font-size:15px;margin-top:25px}.contact-actions{display:flex;gap:10px;margin-top:31px;flex-wrap:wrap}.contact-links{display:grid;gap:0;border-top:1px solid #ffffff45}.contact-links a{display:block;border-bottom:1px solid #ffffff45;padding:17px 3px;color:#e2f5eb;font:600 13px Inter,sans-serif}.contact-links a:hover{color:#d1f4a4}.footer{background:#122d26;color:#e3efe6;padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:1.3fr .9fr .9fr .9fr;gap:28px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.footer .brand-icon{background:#d6edb1;color:#213f2d}.footer .brand-sub{color:#8fae97}.footer-small{color:#a5c5b2;font-size:12px;max-width:240px;margin-top:12px}.footer-head{font:800 11px Inter,sans-serif;letter-spacing:.1em;margin-bottom:13px;color:#b5d2bd;text-transform:uppercase}.footer-grid a:not(.brand){font-size:12px;line-height:1.6;color:#cdded2}.fineprint{border-top:1px solid #ffffff2b;margin-top:55px;padding-top:20px;display:flex;justify-content:space-between;gap:25px;color:#98b4a2;font-size:10px}.fineprint p:first-child{max-width:800px}.inner-hero{background:#ecf3e7;padding:80px 0 70px}.inner-hero h1{max-width:900px}.inner-hero .lead{max-width:740px}.inner-hero.slim{padding:70px 0 45px}.regions-intro{display:flex;gap:30px;justify-content:space-between;align-items:center;margin-bottom:30px}.regions-intro>p{color:#617769;max-width:630px;font-size:14px;line-height:1.85}.search-label{display:flex;align-items:center;border:1px solid #ccdbcd;border-radius:10px;padding:3px 15px;background:white;color:#758c7c;font-size:25px;min-width:300px}.search-label input{border:0;outline:0;padding:12px;width:100%;font-size:13px;background:transparent}.regions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.region-card{background:white;border-radius:14px;border:1px solid #e2e9e1;padding:26px;min-height:170px}.region-no{color:#81a079;font:800 11px Inter,sans-serif;letter-spacing:.1em}.region-card h2{font-size:21px;margin:15px 0 11px}.region-card p{font-size:12px;color:#6b806e;line-height:1.8;margin:0}.empty-state{padding:25px;text-align:center;background:#f1f6eb}.regions-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.prose{max-width:790px}.prose h2{font-size:26px;margin-top:35px}.prose p{color:#667a6d;line-height:1.9}.mobile-menu[hidden],.empty-state[hidden]{display:none!important}@media(max-width:1120px){.main-nav{gap:12px}.main-nav a{font-size:11px}.header-actions>.button{display:none}.hero-grid{gap:36px}.visual-heading{font-size:70px}}@media(max-width:860px){.site-header{height:76px}.main-nav,.header-actions{display:none}.menu-toggle{display:flex;margin-left:auto;flex-direction:column;gap:5px;border:0;background:transparent;padding:10px}.menu-toggle span{width:24px;height:2px;background:#214633}.mobile-menu:not([hidden]){display:flex;position:absolute;top:75px;left:0;right:0;background:#f9faf6;border-bottom:1px solid #d5e0d4;flex-direction:column;gap:10px;padding:20px 26px;box-shadow:0 12px 25px #173d2714}.mobile-menu>a{font-size:14px;font-weight:700;padding:7px 0}.mobile-menu .languages{margin-top:8px}.hero{padding-top:55px}.hero-grid{grid-template-columns:1fr}.visual-panel{max-width:580px;min-height:380px}.hero h1{font-size:clamp(39px,7vw,56px)}.section{padding:74px 0}.section-heading{display:block}.section-heading p{margin-top:15px}.product-grid,.regions-grid{grid-template-columns:repeat(2,1fr)}.geo-grid,.about-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.city-board{box-shadow:none;min-height:300px}.about-mark{max-width:380px;min-height:270px}.about-mark>span{font-size:100px}.contact-links{max-width:600px}.footer-grid{grid-template-columns:repeat(2,1fr)}.regions-intro{display:block}.search-label{max-width:430px;margin-top:20px}.fineprint{display:block}}@media(max-width:550px){.wrap{padding-left:19px;padding-right:19px}.hero{padding-top:40px}.hero-grid{padding-bottom:30px}.hero h1{font-size:39px}.lead{font-size:15px}.visual-panel{min-height:340px;padding:20px}.visual-heading{font-size:60px}.sun-shape{right:-190px}.ribbon{grid-template-columns:1fr}.ribbon span{padding:11px}.section-heading h2,.geo-grid h2,.about-grid h2,.faq-grid h2,.contact-grid h2{font-size:32px}.product-grid,.steps,.regions-grid{grid-template-columns:1fr}.steps{gap:12px}.step{min-height:auto}.step-id{margin-bottom:18px}.section{padding:60px 0}.product-body{min-height:215px}.footer-grid{grid-template-columns:1fr 1fr;gap:26px 20px}.footer-grid>div:first-child{grid-column:1/-1}.contact-section{padding:62px 0}.contact-grid h2{font-size:34px}.actions .button{white-space:normal}.regions-intro{margin-bottom:18px}.inner-hero h1{font-size:37px}.ribbon b{margin-left:8px}.city-board{padding:22px}.city-tags{margin:20px 0}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.product-card{transition:none}} /* v2: original photo and editorial location/topic pages */ .about-mark{background:#e8eee7;overflow:hidden}.about-mark .portrait-original{height:100%;width:100%;max-height:330px;max-width:330px;object-fit:cover;border-radius:50%;border:7px solid #f9fcf8;box-shadow:0 0 0 3px #71968c,0 15px 35px #28554225}.about-mark small{z-index:2;background:#ffffffcf;padding:6px 10px;border-radius:8px;color:#254b3e} .related-tags{padding:38px 0 52px;background:#eaf0e8}.tag-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:17px}.topic-chip,.city-chip{display:inline-flex;align-items:center;padding:10px 15px;border-radius:100px;border:1px solid #9cb8a0;background:#fff;color:#1e5943;font-weight:700;font-size:12px;line-height:1.4;text-decoration:none}.topic-chip:hover,.region-city-link:hover{background:#def1d7}.city-board .city-chip{background:#ffffff20;border:1px solid #ffffff90;color:white;font-size:11px;padding:9px 12px}.city-board .city-chip:hover{background:#ffffff38}.region-city-link{color:#1c6849;text-decoration:underline;text-underline-offset:3px}.guide-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(230px,.75fr);gap:75px;align-items:start}.guide-article{max-width:780px}.guide-piece{border-bottom:1px solid #dce7da;padding:0 0 30px;margin:0 0 35px}.guide-piece h2{font-size:clamp(23px,2.6vw,34px);line-height:1.25;margin:0 0 16px}.guide-piece h3{font-size:19px}.guide-piece p{line-height:1.95;color:#526d5b;font-size:15px}.guide-aside{position:sticky;top:115px;text-align:center;background:#eef3ea;border-radius:19px;padding:28px 19px;display:flex;align-items:center;flex-direction:column;gap:14px}.guide-aside img{width:170px;height:170px;object-fit:cover;border-radius:50%;box-shadow:0 0 0 5px white,0 0 0 7px #77a48f}.guide-aside p{font-size:13px;line-height:1.5;color:#345d47;font-weight:700;margin:10px 0 0}.guide-aside .button{white-space:normal} @media(max-width:860px){.guide-layout{grid-template-columns:1fr;gap:20px}.guide-aside{position:static;margin-top:10px}.about-mark .portrait-original{max-width:300px;max-height:300px}} /* WITHLOVE V3 - visual system */ :root{--deep:#1d4d40;--light:#f6f9f5;--gold:#d6b985} .site-header{backdrop-filter:blur(14px);background:#f9fbf8f3}.main-nav{gap:17px}.main-nav a{font-size:12px;white-space:nowrap} .geo-hero-v3{position:relative;min-height:440px;display:flex;align-items:center;overflow:hidden;background:#194937;color:white} .geo-hero-image{position:absolute;inset:0;background:linear-gradient(90deg,#0d352cf2 0%,#0d352cdb 34%,#0d352c5c 69%,#0d352c20 100%),url('/assets/ukrainian-cities-panorama.webp') center center/cover no-repeat} .geo-hero-content{position:relative;z-index:1;padding:75px 0}.geo-hero-v3 h1{max-width:670px;font-size:clamp(42px,5.5vw,68px);color:#fff;line-height:1.08;margin:17px 0}.geo-hero-v3 p{font-size:16px;max-width:670px;line-height:1.85;color:#dcebe0}.geo-counter{display:flex;gap:14px;margin-top:24px}.geo-counter span{display:flex;align-items:center;gap:8px;border:1px solid #ffffff55;background:#ffffff1c;border-radius:100px;padding:10px 17px;font-size:12px}.geo-counter b{font-size:20px;color:#dbefb2} .geo-search-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}.geo-search-head h2{font-size:clamp(32px,4vw,48px);margin:5px 0}.geo-input{display:flex;align-items:center;gap:10px;background:white;border:1px solid #c6d8cd;padding:12px 18px;border-radius:12px;min-width:min(380px,100%);box-shadow:0 12px 30px #17433210}.geo-input span{font-size:26px}.geo-input input{border:0;outline:0;background:none;width:100%;font-size:14px} .geo-city-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.geo-city-card{display:flex;flex-direction:column;align-items:start;gap:11px;border:1px solid #dde8dd;border-radius:17px;padding:22px;min-height:190px;background:linear-gradient(145deg,#fff 0%,#f1f8ed 100%);box-shadow:0 6px 20px #234a3110;position:relative;transition:transform .2s,box-shadow .2s}.geo-city-card:hover{transform:translateY(-3px);box-shadow:0 14px 40px #2446311a}.geo-city-number{color:#94aa9c;font-size:12px;font-weight:800;letter-spacing:.1em}.geo-city-city{font-size:24px;font-weight:700;letter-spacing:-.02em;color:#204a38;line-height:1.2}.geo-city-region{font-size:12px;color:#738775;line-height:1.4}.geo-city-link{margin-top:auto;color:#1c6d4e;font-weight:800;text-decoration:none;font-size:12px}.geo-city-link:hover{text-decoration:underline} .geo-region-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.geo-region-card{background:#fff;border-radius:14px;border:1px solid #dfebe0;padding:19px 18px;display:flex;align-items:center;gap:16px}.geo-region-symbol{width:46px;height:46px;display:grid;place-items:center;background:#eff6e7;color:#1c6248;border-radius:11px;font-size:23px}.geo-region-card h3{margin:0 0 3px;font-size:17px;color:#214f3c}.geo-region-card p{margin:0;color:#819385;font-size:12px}.geo-region-arrow{margin-left:auto;text-decoration:none;display:grid;place-items:center;border-radius:50%;height:34px;width:34px;background:#edf6e7;color:#215b46} .improved-hero{background:radial-gradient(circle at 90% 50%,#deeeda 0,#edf3e9 38%,#f7faf6 77%)}.improved-hero h1{font-size:clamp(35px,4.6vw,60px)}.mini-tag{margin-top:23px;display:inline-flex;padding:9px 14px;border-radius:50px;background:#fff;border:1px solid #cadaac;color:#426450;font-size:12px;font-weight:700} .product-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-directory-card{background:white;border:1px solid #dfebdf;border-radius:18px;overflow:hidden;box-shadow:0 7px 25px #213f2b0f;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.product-directory-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #17392522}.directory-art{min-height:155px;padding:22px;position:relative;overflow:hidden;display:flex;align-items:end;background:linear-gradient(135deg,#c8daba,#edf1e1);color:#24503e}.directory-art:after{content:'';position:absolute;right:-45px;top:-100px;width:250px;height:250px;border:35px solid #ffffff52;border-radius:50%}.directory-art-name{font-size:24px;font-weight:800;line-height:1.17;max-width:250px;z-index:1}.directory-art-number{position:absolute;top:16px;left:20px;opacity:.6}.directory-text{padding:23px;display:flex;flex:1;flex-direction:column}.directory-text h3{font-size:20px;line-height:1.25;margin:0 0 9px}.directory-text p{font-size:13px;line-height:1.75;color:#61796a;margin:0 0 23px}.directory-actions{margin-top:auto}.directory-actions a{font-size:13px;color:#215e45;text-decoration:none;font-weight:800}.directory-actions a:hover{text-decoration:underline}.art-sets{background:linear-gradient(135deg,#e4d4af,#f2ead7)}.art-daily{background:linear-gradient(135deg,#c6e3b3,#eaf4df)}.art-fitness{background:linear-gradient(135deg,#bed3e0,#e9f5f8)}.art-special{background:linear-gradient(135deg,#e5d1d8,#f8e9ed)}.art-beauty{background:linear-gradient(135deg,#dec9cd,#fbe7db)} .product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.product-detail-art{min-height:430px;border-radius:24px;padding:36px;position:relative;overflow:hidden;background:#eaf1e7;display:flex;flex-direction:column;justify-content:space-between}.product-detail-title{z-index:2;max-width:430px;font-size:clamp(29px,3vw,46px);line-height:1.15;color:#1c4d40;font-weight:800}.product-detail-round{position:absolute;right:-80px;bottom:-120px;height:410px;width:410px;border-radius:50%;border:55px solid #ffffff8a}.product-detail-stamp{letter-spacing:.18em;color:#44705c;font-size:12px;font-weight:800}.product-detail-copy h2{font-size:clamp(25px,3vw,40px)}.product-detail-copy p{color:#657969;line-height:1.85}.product-id{margin:25px 0 20px;font-size:12px;color:#708b79}.how-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.how-cards>div{background:#fff;border:1px solid #e0e8da;padding:23px;border-radius:18px}.how-cards b{color:#4a8864}.how-cards h3{font-size:18px}.how-cards p{font-size:13px;line-height:1.75;color:#708174}.category-links{display:flex;flex-wrap:wrap;gap:12px}.category-pill{border-radius:40px;text-decoration:none;color:#185a3d;border:1px solid #99be9d;padding:12px 18px;background:#f7fcf3;font-weight:750;font-size:13px}.category-pill:hover{background:#e1f0dc}.tag-strip{background:#eaf1e8;padding:39px 0 46px}.tag-strip h2{font-size:22px}.geo-home-visual{position:relative;min-height:380px;border-radius:22px;overflow:hidden}.geo-home-visual img{height:410px;width:100%;object-fit:cover}.geo-home-visual .button{position:absolute;bottom:22px;left:20px}.extra-ctas{display:flex;flex-wrap:wrap;gap:12px;padding-top:28px}.guide-tile{min-height:220px} @media(max-width:1100px){.geo-city-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.geo-region-grid,.product-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.geo-search-head{align-items:stretch;flex-direction:column}.product-detail-grid{grid-template-columns:1fr;gap:25px}.product-detail-art{min-height:320px}.how-cards{grid-template-columns:1fr}.geo-home-visual img{height:350px}}@media(max-width:590px){.geo-hero-content{padding:60px 0}.geo-hero-v3 h1{font-size:38px}.geo-hero-v3 p{font-size:14px}.geo-counter{gap:8px}.geo-city-grid,.geo-region-grid,.product-directory-grid{grid-template-columns:1fr}.geo-city-card{min-height:145px;padding:20px}.geo-search-head h2{font-size:31px}.geo-region-card h3{font-size:17px}.category-links{gap:8px}.category-pill{font-size:12px;padding:10px 12px}.geo-home-visual{min-height:280px}.geo-home-visual img{height:280px}.product-detail-art{min-height:275px}.product-detail-title{font-size:30px}} /* WITHLOVE V4: sales-first homepage */ .sales-v4{color:#183b2c;background:#fbfcf8}.sales-v4 h1,.sales-v4 h2,.sales-v4 h3{letter-spacing:-.05em}.sales-v4 a{transition:background .18s,transform .18s} .cv-hero{background:radial-gradient(circle at 76% 34%,#f4efdb 0%,#eff3e7 33%,#fbfcf8 71%);padding:68px 0 72px}.cv-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:72px;align-items:center}.cv-overline,.cv-kicker{font-size:11px;font-weight:850;letter-spacing:.16em;color:#4e8060;line-height:1.5}.cv-overline{display:flex;align-items:center;gap:10px}.cv-star{height:29px;width:29px;border-radius:50%;display:inline-grid;place-items:center;background:#28543f;color:#fff;font-size:22px}.cv-h-intro{font-size:19px;font-weight:800;margin:30px 0 8px;color:#5a745e}.cv-hero h1{font-size:clamp(42px,4.6vw,70px);line-height:1.085;margin:0 0 22px;font-weight:850;max-width:720px}.cv-lead-p{font-size:17px;line-height:1.85;color:#5c725f;max-width:625px}.cv-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}.cv-btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:53px;padding:13px 20px;border-radius:11px;border:1px solid #255c43;font-weight:800;font-size:13px;line-height:1.4}.cv-btn:hover{transform:translateY(-2px)}.cv-btn-green{background:#20563e;color:#fff}.cv-btn-green:hover{background:#174531}.cv-btn-white{background:#fff;color:#20563e;border-color:#ccdbcb}.cv-btn-white:hover{background:#ecf6e5}.cv-btn-outline{color:#20563e;background:transparent}.cv-btn-outline:hover{background:#e4f0dd}.cv-btn-light{background:#d5edab;color:#153c26;border-color:#d5edab}.cv-legal{font-size:12px;line-height:1.7;color:#75917e;max-width:570px;margin:19px 0 0}.cv-hero-aside{position:relative}.cv-feature{box-shadow:0 26px 55px #173e2b24;border-radius:25px;overflow:hidden;background:#224c38;color:#fff;min-height:490px;display:flex;flex-direction:column}.cv-feature-head{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff2d;padding:23px 26px;font-size:11px;font-weight:800;letter-spacing:.15em;color:#dce9cd}.cv-feature-inner{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;padding:35px 30px;isolation:isolate;overflow:hidden}.cv-feature-ring{position:absolute;z-index:-1;width:460px;height:460px;border:95px solid #a3c57a5e;border-radius:50%;right:-184px;top:-130px;box-shadow:inset 0 0 0 2px #ffffff25,0 0 0 32px #ffffff0c}.cv-feature-label{font-size:11px;font-weight:800;letter-spacing:.13em;color:#bcd2b5;margin-bottom:25px}.cv-feature h2{font-size:clamp(37px,3.1vw,51px);line-height:1.08;margin:0;color:#fff}.cv-feature h2 em{font-style:normal;color:#c7e5a3}.cv-feature-inner>p:last-child{color:#d1e4d3;max-width:310px;font-size:13px;margin:24px 0 0;line-height:1.7}.cv-feature-prices{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#41664d}.cv-feature-prices>div{padding:19px 20px;background:#183f2e}.cv-feature-prices small,.cv-price-row small{display:block;font-size:11px;font-weight:650;opacity:.77}.cv-feature-prices strong{display:block;font-size:27px;line-height:1.4;letter-spacing:-.045em}.cv-feature-prices strong span{font-size:12px}.cv-feature-link{padding:18px 25px;background:#d3edaa;color:#224b36;font-weight:850;display:flex;align-items:center;justify-content:space-between;font-size:14px}.cv-feature-link:hover{background:#eef8d6}.cv-stampline{background:#183e2e;color:#c4d8bf;overflow:hidden}.cv-stampline .wrap{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-top:19px;padding-bottom:19px;flex-wrap:wrap}.cv-stampline span{font-size:10px;letter-spacing:.15em;font-weight:750}.cv-section{padding:88px 0}.cv-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}.cv-heading h2,.cv-geo h2,.cv-help h2,.cv-partner h2,.cv-about h2,.cv-faq h2{font-size:clamp(31px,3.3vw,48px);line-height:1.12;margin:10px 0 0}.cv-heading p{max-width:445px;margin:0;color:#718273;font-size:14px;line-height:1.85}.cv-sets{background:#fff}.cv-two-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cv-set-choice{border:1px solid #dce6d9;background:#f1f7ea;border-radius:23px;padding:33px;display:flex;flex-direction:column;min-height:375px}.cv-choice-two{background:#f8f1e4;border-color:#eadfcb}.cv-choice-number{display:flex;justify-content:space-between;font-weight:850;color:#5e8b64;font-size:12px;letter-spacing:.1em}.cv-choice-number span{color:#789078}.cv-set-choice h3{font-size:clamp(23px,2.25vw,34px);line-height:1.12;margin:27px 0 12px}.cv-set-choice p{font-size:14px;line-height:1.8;color:#688071;max-width:430px;min-height:72px}.cv-choice-prices{display:flex;gap:22px;flex-wrap:wrap;margin:8px 0 22px}.cv-choice-prices span{font-size:12px;color:#5e7861}.cv-choice-prices b{display:block;font-size:24px;color:#244d36;letter-spacing:-.05em}.cv-choice-actions{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:15px}.cv-choice-official,.cv-text-link{font-size:13px;font-weight:750;color:#246346;text-decoration:underline;text-underline-offset:5px}.cv-note{font-size:12px;color:#728a78;margin:20px 0 0;line-height:1.6}.cv-choice-path{background:#eff5eb}.cv-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cv-path-grid article{padding:28px;background:#fff;border:1px solid #dde8dc;border-radius:18px;min-height:258px;display:flex;flex-direction:column}.cv-path-id{color:#95b68d;font-weight:800;font-size:14px;letter-spacing:.1em}.cv-path-grid h3{margin:22px 0 12px;font-size:23px}.cv-path-grid p{color:#6b7e71;font-size:13px;line-height:1.8}.cv-path-grid a{margin-top:auto;text-decoration:underline;text-underline-offset:5px;color:#226442;font-size:13px;font-weight:850}.cv-products{background:#fff}.cv-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.cv-card{background:#fff;border:1px solid #e1e8dc;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 28px #193d2b0b}.cv-art{height:185px;position:relative;overflow:hidden;background:linear-gradient(140deg,#d4e2c4,#eaf0dd);padding:19px;display:flex;flex-direction:column;justify-content:center;isolation:isolate}.cv-art-1{background:linear-gradient(135deg,#dfd4b9,#f4ead9)}.cv-art-2{background:linear-gradient(135deg,#d4dbe9,#eef0f8)}.cv-art-3{background:linear-gradient(135deg,#d2e5ca,#f2f4db)}.cv-art-4{background:linear-gradient(135deg,#efd7bd,#f5eddf)}.cv-art-top{position:absolute;top:18px;font-size:10px;letter-spacing:.16em;color:#648269;font-weight:850}.cv-art-name{font-size:31px;font-weight:850;letter-spacing:-.07em;line-height:1.1;max-width:260px;color:#2b513d;position:relative;z-index:1}.cv-art-detail{max-width:220px;margin-top:7px;font-size:12px;color:#557564;font-weight:700;position:relative;z-index:1}.cv-art-orb{height:230px;width:230px;border-radius:50%;border:42px solid #ffffff7c;position:absolute;right:-56px;top:-68px;box-shadow:0 0 0 15px #ffffff26}.cv-art-bottom{position:absolute;bottom:12px;right:19px;font-size:10px;color:#5b8367;font-weight:800}.cv-card-main{padding:22px;display:flex;flex-direction:column;flex:1}.cv-card-kind{color:#73977c;font-weight:850;font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin:0}.cv-card h3{font-size:24px;margin:8px 0 0}.cv-variant{font-size:12px;color:#527b5c;margin:5px 0}.cv-card-copy{font-size:13px;line-height:1.7;color:#718272;margin:14px 0 17px;min-height:65px}.cv-price-row{border-top:1px solid #e5eae2;padding-top:14px;display:flex;gap:16px;justify-content:space-between}.cv-price-row strong{display:block;font-size:20px;white-space:nowrap;letter-spacing:-.03em}.cv-club strong{color:#3f874e}.cv-card-actions{margin-top:auto;padding-top:15px;display:flex;flex-direction:column;gap:13px}.cv-buy{display:flex;justify-content:center;text-align:center;background:#21563e;border-radius:9px;color:white;font-size:12px;font-weight:800;padding:13px 8px}.cv-buy:hover{background:#173d2d}.cv-details{font-size:12px;font-weight:800;color:#245b40;text-align:center;text-decoration:underline;text-underline-offset:4px}.cv-section-bottom{margin-top:29px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cv-section-bottom p{font-size:12px;line-height:1.7;color:#758578;max-width:660px}.cv-help{padding:72px 0;background:#e2eecd}.cv-help-grid{display:grid;grid-template-columns:1.1fr .8fr;gap:50px;align-items:center}.cv-help h2{max-width:550px}.cv-help p,.cv-geo p,.cv-about p,.cv-partner p{color:#5f7868;line-height:1.85;font-size:15px;margin:24px 0}.cv-help-person{display:flex;align-items:center;gap:23px;background:#ffffff9e;border:1px solid white;border-radius:20px;padding:20px}.cv-help-person img{height:154px;width:154px;object-fit:cover;border-radius:50%;border:5px solid #fff}.cv-help-person>span{font-size:17px;font-weight:850;letter-spacing:-.04em}.cv-help-person small{display:block;font-size:11px;letter-spacing:0;font-weight:600;color:#6b7f6a}.cv-geo-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.cv-geo-photo{border-radius:22px;overflow:hidden}.cv-geo-photo img{display:block;width:100%;height:400px;object-fit:cover}.cv-city-pills{display:flex;flex-wrap:wrap;gap:9px;margin:21px 0 26px}.cv-city-pills a{border:1px solid #c9dec9;border-radius:30px;padding:10px 13px;display:inline-flex;gap:9px;font-size:12px;color:#235b43;font-weight:800;background:#fff}.cv-city-pills a:hover{background:#eff6e9}.cv-city-pills span{font-weight:400}.cv-partner{background:#1a4733;color:#fff}.cv-partner-grid{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:60px}.cv-partner h2{color:#fff}.cv-partner p{color:#c2d8c9;max-width:640px}.cv-partner .cv-kicker{color:#c2dca4}.cv-partner .cv-btn-white{color:#21533e}.cv-partner-mark{padding:40px;border-radius:22px;border:1px solid #5a7f67;min-height:270px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 70% 30%,#467b52 0%,#1d4b39 75%)}.cv-partner-mark strong{color:#e3f2ca;font-size:clamp(34px,3.4vw,51px);letter-spacing:-.09em;line-height:1}.cv-partner-mark span{color:#b8d8bb;font-size:10px;letter-spacing:.2em}.cv-about{background:#f7f9f3}.cv-about-grid{display:flex;align-items:center;gap:42px;max-width:920px}.cv-about-grid img{width:180px;height:180px;object-fit:cover;border-radius:50%;border:7px solid #fff;box-shadow:0 6px 33px #1b48301c}.cv-about-grid>div{flex:1}.cv-faq{background:#fff}.cv-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.cv-faq details{border-bottom:1px solid #dce6dc;padding:22px 0}.cv-faq summary{font-size:16px;line-height:1.5;cursor:pointer;font-weight:750}.cv-faq details p{font-size:14px;color:#687b6b;line-height:1.8;margin:13px 0 3px} @media(max-width:1100px){.cv-hero-grid{gap:35px}.cv-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cv-heading{align-items:start}.cv-stampline .wrap{justify-content:center}.cv-feature{min-height:475px}} @media(max-width:840px){.cv-hero-grid,.cv-help-grid,.cv-geo-grid,.cv-partner-grid{grid-template-columns:1fr}.cv-feature{max-width:620px;min-height:430px}.cv-hero{padding:48px 0}.cv-heading{display:block}.cv-heading p{margin-top:15px}.cv-two-grid,.cv-path-grid{grid-template-columns:1fr}.cv-set-choice{min-height:auto}.cv-faq-grid{grid-template-columns:1fr;gap:12px}.cv-geo-photo img{height:320px}.cv-section{padding:63px 0}.cv-partner-mark{min-height:200px}} @media(max-width:560px){.cv-hero h1{font-size:clamp(36px,10.4vw,51px)}.cv-h-intro{font-size:17px}.cv-lead-p{font-size:15px}.cv-hero-aside{min-width:0}.cv-feature-inner{padding:22px}.cv-feature h2{font-size:38px}.cv-feature-prices strong{font-size:22px}.cv-cards{grid-template-columns:1fr}.cv-hero-grid{gap:26px}.cv-actions .cv-btn{width:100%}.cv-feature{min-height:430px}.cv-section-bottom{flex-direction:column;align-items:stretch}.cv-help-person{flex-direction:column;text-align:center}.cv-about-grid{flex-direction:column;text-align:left;align-items:start;gap:20px}.cv-geo-photo img{height:245px}.cv-set-choice{padding:24px}.cv-choice-actions{align-items:stretch}.cv-choice-actions .cv-btn{width:100%}} .cv-product-quick{max-width:560px;background:white;border:1px solid #d7e5d6;border-radius:18px;padding:23px;margin:26px 0;display:flex;align-items:center;flex-wrap:wrap;gap:19px;box-shadow:0 12px 26px #1b412812}.cv-product-quick div{min-width:100px}.cv-product-quick small{display:block;color:#6e8c76;font-size:11px}.cv-product-quick strong{display:block;font-size:23px;white-space:nowrap;letter-spacing:-.05em}.cv-product-quick p{color:#738577;font-size:11px;line-height:1.5;width:100%;margin:0}.cv-product-quick .cv-btn{min-height:43px;font-size:11px}@media(max-width:500px){.cv-product-quick{padding:18px}.cv-product-quick .cv-btn{width:100%}} .cv-author-proof{margin:21px 0 8px;display:flex;align-items:center;gap:11px}.cv-author-proof img{height:44px;width:44px;object-fit:cover;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 13px #1b43231b}.cv-author-proof b{display:block;font-size:13px;line-height:1.4}.cv-author-proof small{display:block;color:#66806a;font-size:11px}.cv-legal{margin-top:9px}.cv-hero h1{max-width:610px}@media(max-width:560px){.cv-hero h1{font-size:37px}.cv-hero{padding-top:37px}} /* Analytics consent banner */ .analytics-consent[hidden]{display:none!important} .analytics-consent{position:fixed;z-index:10000;bottom:16px;left:50%;transform:translateX(-50%);width:min(940px,calc(100% - 28px));display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 24px;background:#fff;color:#1c2c29;border:1px solid #d4dfd9;border-radius:18px;box-shadow:0 16px 60px rgba(14,34,29,.22);font:inherit} .analytics-consent-copy{min-width:0;flex:1} .analytics-consent-copy strong{display:block;font-size:16px;margin:0 0 5px} .analytics-consent-copy p{font-size:13px;line-height:1.55;margin:0;color:#53635e} .analytics-consent-copy a{color:#215941;text-decoration:underline} .analytics-consent-actions{display:flex;gap:8px;flex-shrink:0} .analytics-consent-actions button{font:inherit;font-size:13px;font-weight:700;padding:10px 14px;border-radius:9px;cursor:pointer} .analytics-allow{color:#fff;background:#1e5f45;border:1px solid #1e5f45} .analytics-deny{color:#1e4939;background:#f3f7f4;border:1px solid #bdd3c7} .analytics-settings button{font:inherit;font-size:12px;cursor:pointer;border:0;padding:2px 0;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:2px} @media(max-width:650px){.analytics-consent{bottom:10px;padding:16px;flex-direction:column;align-items:stretch;gap:12px}.analytics-consent-actions{display:grid;grid-template-columns:1fr 1fr}.analytics-consent-actions button{padding:11px 6px}} /* V5.1: genuinely clickable regional cards, keyboard focus and homepage hometown links */ a.geo-city-card,a.geo-region-card{color:inherit;text-decoration:none;cursor:pointer}a.geo-city-card:focus-visible,a.geo-region-card:focus-visible{outline:3px solid #427c5b;outline-offset:4px}a.geo-city-card:hover .geo-city-link,a.geo-city-card:focus-visible .geo-city-link{color:#114731;text-decoration:underline}a.geo-region-card:hover,a.geo-region-card:focus-visible{border-color:#7cad86;box-shadow:0 12px 28px #214a3120;transform:translateY(-2px)}a.geo-region-card{transition:border-color .2s,box-shadow .2s,transform .2s}.geo-native-card{border-color:#b4d7a8;background:linear-gradient(145deg,#f2f9e9,#fff)}.geo-native-chip{display:inline-flex;align-items:center;border-radius:50px;border:1px solid #bbd4bd;padding:10px 14px;background:#fff;color:#1a593b;font-weight:800;font-size:12px;margin:5px}.geo-native-chip:hover{background:#ebf6e9}.region-card[hidden]{display:none!important} /* Original local editorial pages */ .local-hero{background:linear-gradient(120deg,#f7faf1,#e6f0db);padding:65px 0}.local-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);gap:48px;align-items:center}.local-hero h1{font-size:clamp(35px,4vw,58px);line-height:1.1;max-width:740px;margin:18px 0 20px}.local-hero .lead{font-size:15px}.local-note{font-size:12px;color:#63806a}.local-scene{min-height:365px;border-radius:25px;background:radial-gradient(circle at 90% 12%,#5e9673,#20533c 62%,#143e2f);padding:35px;color:#fff;display:flex;flex-direction:column;box-shadow:0 22px 40px #1b553528;overflow:hidden}.local-pin{font-size:46px;color:#d0e8b4}.local-scene-sub{font-size:11px;letter-spacing:.16em;color:#bbd4bb;margin-top:auto}.local-scene-name{font-size:clamp(42px,4.1vw,64px);font-weight:850;letter-spacing:-.07em;line-height:1.12;overflow-wrap:anywhere}.local-scene-cta{font-size:12px;line-height:1.6;color:#c3dfc0;margin-top:14px}.local-body{background:#fff}.local-intro{max-width:760px;margin-bottom:30px}.local-intro p{color:#6b806e}.local-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.local-info-card{border:1px solid #dde8dc;background:#f9fbf6;border-radius:17px;padding:26px}.local-info-card h2{font-size:clamp(20px,2vw,27px);margin:0 0 14px;line-height:1.2}.local-info-card p{font-size:14px;line-height:1.85;color:#5d7467;margin:0}.local-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#e9f3df;border-radius:17px;padding:27px;margin-top:24px}.local-cta h2{font-size:28px;margin:7px 0}.local-cta p{font-size:14px;color:#5f7766;margin:0}.local-cta .button{flex-shrink:0}.tag-strip .topic-chip{display:inline-flex;background:#fff;border:1px solid #b8d1bd;border-radius:30px;padding:9px 14px;font-size:12px;margin:5px;color:#23553c;font-weight:700}.tag-strip .topic-chip:hover{background:#d9efcf}.tag-strip .tag-list{display:flex;flex-wrap:wrap;gap:3px}.local-body .section{padding:0} @media(max-width:900px){.local-hero-grid{grid-template-columns:1fr;gap:24px}.local-scene{min-height:240px}.local-info-grid{grid-template-columns:1fr}}@media(max-width:550px){.local-hero{padding:42px 0}.local-hero h1{font-size:36px}.local-hero .actions .button{white-space:normal;width:100%}.local-info-card{padding:20px}.local-cta{flex-direction:column;align-items:start}.local-cta .button{width:100%}} /* V5.2: secondary links under Zhytomyr Oblast, not among major-city cards */ .geo-zhytomyr-extra{margin-top:28px;padding:24px 28px;border:1px solid #dce8d9;border-radius:16px;background:#f7faf3} .geo-zhytomyr-extra h3{font-size:19px;margin:0 0 5px;letter-spacing:-.025em} .geo-zhytomyr-extra p{color:#617769;font-size:13px;margin:0 0 13px;line-height:1.7} .geo-zhytomyr-extra .tag-list{display:flex;gap:10px;flex-wrap:wrap} /* V5.3 GEO - customer-first geographic pages */ .geo-v53-top{background:linear-gradient(115deg,#f5f8f0,#e2eedc);padding:64px 0 68px} .geo-v53-topgrid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(310px,.7fr);gap:54px;align-items:center} .geo-v53-top h1{font-size:clamp(35px,4vw,57px);line-height:1.13;max-width:740px;margin:15px 0 21px} .geo-v53-top .lead{max-width:645px;margin-bottom:25px;font-size:16px} .geo-v53-eyebrow{font-weight:800;letter-spacing:.11em;color:#4d8265;font-size:11px;text-transform:uppercase} .geo-v53-buttons{display:flex;flex-wrap:wrap;gap:11px} .geo-v53-side{background:#204a39;border-radius:20px;padding:29px;display:flex;flex-direction:column;gap:17px;min-height:285px;color:#fff;box-shadow:0 19px 38px #123e3020} .geo-v53-side span{font-weight:750;letter-spacing:.15em;font-size:10px;color:#b3d4af} .geo-v53-side strong{font-size:clamp(27px,3vw,40px);line-height:1.15;letter-spacing:-.045em} .geo-v53-side p{color:#d1e2d2;font-size:13px;margin:0} .geo-v53-side a{background:#d5edae;color:#1f4834;padding:12px 16px;border-radius:10px;margin-top:auto;font-size:13px;font-weight:800;text-align:center} .geo-v53-section{padding:62px 0}.geo-v53-sectionhead{display:flex;gap:22px;justify-content:space-between;align-items:end;margin-bottom:22px}.geo-v53-sectionhead h2{font-size:clamp(26px,3vw,36px);margin:0}.geo-v53-sectionhead p{max-width:520px;font-size:14px;color:#617868;margin:0} .geo-v53-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px} .geo-v53-card{background:#fff;border:1px solid #dce7d9;border-radius:16px;padding:23px;min-height:205px;display:flex;flex-direction:column;gap:11px;transition:box-shadow .2s,transform .2s} .geo-v53-card:hover,.geo-v53-option:hover{box-shadow:0 15px 25px #18432e14;transform:translateY(-2px)} .geo-v53-card strong{font-size:18px;line-height:1.27}.geo-v53-card span{font-size:13px;color:#647d6b;line-height:1.55} .geo-v53-card .geo-v53-more{margin-top:auto;color:#246043;font-size:12px;font-weight:800} .geo-v53-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px} .geo-v53-option{background:#fff;border:1px solid #dce7d9;padding:25px;border-radius:16px;position:relative;min-height:165px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .2s,transform .2s} .geo-v53-option strong{font-size:19px}.geo-v53-option span{font-size:13px;color:#65786b;padding-right:8px}.geo-v53-option b{position:absolute;right:20px;top:19px;color:#4d8063;font-size:18px} .geo-v53-delivery{background:#e5efdf;border-radius:15px;margin-top:20px;padding:24px 28px}.geo-v53-delivery h3{font-size:19px;margin:0 0 8px}.geo-v53-delivery p{font-size:14px;color:#5b7364;max-width:820px;margin:0 0 7px}.geo-v53-delivery a{font-size:13px;color:#1d6040;font-weight:800;text-decoration:underline;text-underline-offset:4px} .geo-v53-contact{display:flex;align-items:center;justify-content:space-between;gap:28px}.geo-v53-contact h2{font-size:30px}.geo-v53-contact p{max-width:760px;color:#5d7665;font-size:14px}.geo-v53-person{display:flex;align-items:center;gap:15px;border:1px solid #dae8d6;border-radius:15px;padding:16px 20px;background:#f3f8ef;margin-bottom:23px}.geo-v53-person img{height:76px;width:76px;border-radius:50%;object-fit:cover;flex-shrink:0}.geo-v53-person p{margin:0;color:#486e52;font-size:14px} @media(max-width:1150px){.geo-v53-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.geo-v53-topgrid{grid-template-columns:1fr;gap:25px}.geo-v53-side{min-height:220px}.geo-v53-options{grid-template-columns:1fr}.geo-v53-sectionhead{display:block}.geo-v53-sectionhead p{margin-top:12px}.geo-v53-contact{display:block}.geo-v53-contact .button{margin-top:12px}} @media(max-width:600px){.geo-v53-top{padding:43px 0}.geo-v53-top h1{font-size:clamp(31px,9vw,43px)}.geo-v53-buttons .button{width:100%;white-space:normal}.geo-v53-cards{grid-template-columns:1fr}.geo-v53-card{min-height:142px}.geo-v53-section{padding:45px 0}.geo-v53-person{align-items:start;padding:12px}.geo-v53-person img{height:58px;width:58px}.geo-v53-option{min-height:130px}.geo-v53-sectionhead h2{font-size:26px}} /* V5.5: clear regional navigation, no duplicate city cards. */ .geo-zhytomyr-index {border:1px solid #9fc6a3;background:linear-gradient(135deg,#f7fcf2,#edf7e6);} .geo-zhytomyr-index p{line-height:1.55;font-size:12px;color:#4b7159;max-width:280px;} .geo-local-card{background:linear-gradient(145deg,#f4f9ed,#fcfdf9);border:1px solid #c9dfc9;} .geo-local-search{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:10px 0 0;padding:0 0 6px;} .geo-local-search[hidden]{display:none!important;} .geo-local-search a{background:#e6f2df;border:1px solid #b7d5b8;border-radius:28px;padding:8px 12px;font-size:12px;font-weight:750;color:#174c34;white-space:nowrap;} .geo-local-search a:hover{background:#d5ebca;text-decoration:underline;} /* Human contact options - Telegram and WhatsApp as an accessible, responsive pair */ .contact-duo{display:flex;flex-wrap:wrap;gap:10px;align-items:center;min-width:0} .contact-duo>a{max-width:100%;min-width:0;white-space:normal;text-align:center} .guide-aside .contact-duo{margin-top:12px} .guide-aside .contact-duo>a{flex:1 1 115px} .geo-v53-contact .contact-duo{flex-shrink:0} .lp-convert-actions .contact-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))} .lp-convert-actions .contact-duo>a{width:100%} @media(max-width:580px){ .contact-duo{width:100%} .contact-duo>a{flex:1 1 120px} .lp-convert-actions .contact-duo{grid-template-columns:repeat(2,minmax(0,1fr))} .lp-convert-actions .contact-duo>a{padding-left:10px;padding-right:10px} .geo-v53-contact .contact-duo{display:flex;margin-top:12px} } @media(max-width:355px){.lp-convert-actions .contact-duo{grid-template-columns:1fr}} /* WITHLOVE V8.0.71: restrained colour-coded card accents */ :root { --wl-accent-1:#2e8068; --wl-accent-2:#d49b42; --wl-accent-3:#6677b7; --wl-accent-4:#b97694; --wl-accent-5:#76995b; } .wl9-category, .v5-category, .wl9-steps > li, .geo68-links > a { position:relative; overflow:hidden; } .wl9-category::before, .v5-category::before, .wl9-steps > li::before, .geo68-links > a::before {content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--wl-card-accent,#2e8068);z-index:2;pointer-events:none;} .wl9-category:nth-child(5n+1),.v5-category:nth-child(5n+1),.geo68-links>a:nth-child(5n+1) {--wl-card-accent:var(--wl-accent-1);} .wl9-category:nth-child(5n+2),.v5-category:nth-child(5n+2),.geo68-links>a:nth-child(5n+2) {--wl-card-accent:var(--wl-accent-2);} .wl9-category:nth-child(5n+3),.v5-category:nth-child(5n+3),.geo68-links>a:nth-child(5n+3) {--wl-card-accent:var(--wl-accent-3);} .wl9-category:nth-child(5n+4),.v5-category:nth-child(5n+4),.geo68-links>a:nth-child(5n+4) {--wl-card-accent:var(--wl-accent-4);} .wl9-category:nth-child(5n+5),.v5-category:nth-child(5n+5),.geo68-links>a:nth-child(5n+5) {--wl-card-accent:var(--wl-accent-5);} .wl9-steps > li:nth-child(3n+1) { --wl-card-accent:var(--wl-accent-1); } .wl9-steps > li:nth-child(3n+2) { --wl-card-accent:var(--wl-accent-2); } .wl9-steps > li:nth-child(3n+3) { --wl-card-accent:var(--wl-accent-3); } .wl9-category, .v5-category, .wl9-steps>li {transition:box-shadow .2s ease,transform .2s ease;} @media (hover:hover) { .wl9-category:hover,.v5-category:hover {transform:translateY(-3px);box-shadow:0 12px 28px rgba(27,57,44,.12);} } @media (prefers-reduced-motion:reduce) {.wl9-category,.v5-category,.wl9-steps>li {transition:none;} } /* WITHLOVE83 HOTFIX: product help cards shipped in core site stylesheet. Keeps working if the optional product-help-v883.css was not deployed. */ main .wl83-help{box-sizing:border-box;width:100%;max-width:1200px;margin:20px auto 30px;padding:0 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} main .wl83-help,main .wl83-help *{box-sizing:border-box} main .wl83-help .wl83-card{min-width:0;border-radius:20px;background:#eef4eb;color:#18392f;padding:22px 24px} main .wl83-help .wl83-card h2{font-size:clamp(1.24rem,1.8vw,1.62rem);line-height:1.16;letter-spacing:-.03em;margin:0 0 12px;color:#16372d} main .wl83-help .wl83-card p{font-size:clamp(.95rem,1.1vw,1.02rem);line-height:1.65;margin:0 0 10px;max-width:72ch;color:#18392f} main .wl83-help .wl83-card p:last-child{margin-bottom:0} main .wl83-help .wl83-order strong{white-space:nowrap} main .wl83-help .wl83-card .wl83-muted{color:#406255;font-size:.87rem;margin-top:5px} main .wl83-help .wl83-actions{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:14px} main .wl83-help .wl83-primary{display:inline-flex;align-items:center;justify-content:center;background:#20533e;color:#fff!important;padding:11px 15px;border-radius:12px;text-decoration:none!important;font-weight:700;line-height:1.25;text-align:center} main .wl83-help .wl83-link{font-weight:650;text-decoration:underline;text-underline-offset:3px;color:#174735!important;font-size:.93rem} main .wl83-help .wl83-primary:focus-visible,main .wl83-help .wl83-link:focus-visible{outline:3px solid #b09b44;outline-offset:3px} @media(max-width:730px){main .wl83-help{grid-template-columns:1fr;padding:0 16px;gap:12px;margin:16px auto 24px}main .wl83-help .wl83-card{padding:18px;border-radius:17px}main .wl83-help .wl83-actions{gap:12px}main .wl83-help .wl83-primary{width:100%;text-align:center}} /* WITHLOVE V160 combined stylesheet boundary */ /* WITHLOVE V5 · conversion-first pages · deliberately scoped */ .v5-main{background:#fbfcf9}.v5-main *{box-sizing:border-box}.v5-main img{max-width:100%} .v5-container{max-width:1230px;margin:0 auto;padding-left:28px;padding-right:28px} .v5-eyebrow{color:#527c57;letter-spacing:.15em;font-size:11px;line-height:1.6;font-weight:850;margin:0 0 18px} .v5-main h1,.v5-main h2,.v5-main h3{font-family:Inter,system-ui,sans-serif;letter-spacing:-.045em} .v5-main h1{font-size:clamp(40px,4.25vw,69px);line-height:1.09;font-weight:850;margin:0 0 25px} .v5-main h2{font-size:clamp(30px,3.2vw,47px);line-height:1.13;font-weight:830;margin:0 0 20px} .v5-main h3{font-size:21px;line-height:1.18;font-weight:820} .v5-lead{font-size:18px;line-height:1.7;color:#4e6456;max-width:690px} .v5-main p{line-height:1.75} .v5-btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:10px;min-height:50px;padding:13px 19px;font-weight:780;font-size:13px;line-height:1.35;border-radius:10px;border:1px solid transparent;max-width:100%;white-space:normal;transition:transform .15s,background .15s} .v5-btn:hover{transform:translateY(-1px)}.v5-btn-solid{background:#19543d;color:#fff;border-color:#19543d}.v5-btn-solid:hover{background:#113c2b;color:#fff}.v5-btn-ghost{background:#ffffffee;color:#1c543e;border-color:#a5bfa8}.v5-btn-outline{background:#fff;color:#205843;border-color:#b3ceba}.v5-btn-light{background:#d7ecb3;color:#17432d;border-color:#d7ecb3}.v5-btn-outline-light{background:transparent;color:#fff;border-color:#90b79c} .v5-hero{position:relative;min-height:580px;background:#f6f5ee;isolation:isolate;display:flex;align-items:center;overflow:hidden}.v5-hero-image{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#faf7ee 0%,#faf7eefc 29%,#faf7eef5 40%,#faf7ee38 70%,#faf7ee00 100%),url('/assets/editorial-citrus-drink.webp') center right /cover no-repeat}.v5-hero-in{width:100%;padding-top:72px;padding-bottom:72px}.v5-hero-copy{max-width:650px}.v5-hero-actions,.v5-inline-buttons{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.v5-hero-actions{margin-top:30px}.v5-muted-note,.v5-disclaimer{font-size:12px;color:#5a7664;margin-top:22px;max-width:650px} .v5-section{padding:86px 0}.v5-white{background:#fff}.v5-tint{background:#eff5eb}.v5-section-head{display:flex;gap:40px;justify-content:space-between;align-items:end;margin-bottom:32px}.v5-section-head>div{max-width:650px}.v5-section-head>p{max-width:460px;color:#607666;font-size:14px;margin-bottom:0} .v5-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.v5-category{display:flex;flex-direction:column;border-radius:21px;border:1px solid #e0e8db;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}.v5-category:hover{transform:translateY(-3px);box-shadow:0 15px 40px #243f2519;color:inherit}.v5-category-number{position:absolute;margin:18px 20px;z-index:2;font-size:10px;font-weight:800;letter-spacing:.13em;color:#496f59}.v5-category-art{height:170px;position:relative;overflow:hidden;background:linear-gradient(133deg,#dce9c4,#eef2dd)}.v5-category-art .v5-art-ring{position:absolute;width:270px;height:270px;border:50px solid #ffffff75;border-radius:50%;right:-70px;top:-80px}.v5-art-mark{font-size:105px;position:absolute;bottom:-44px;left:32px;color:#517d5861;line-height:1}.v5-cat-beauty .v5-category-art{background:linear-gradient(125deg,#f3dacf,#eacfd6)}.v5-cat-fitness .v5-category-art{background:linear-gradient(130deg,#c9daeb,#c5e5e2)}.v5-cat-oral .v5-category-art{background:linear-gradient(130deg,#d1edf0,#ebf6f6)}.v5-cat-special .v5-category-art{background:linear-gradient(130deg,#ece6d0,#e8d9bb)}.v5-cat-weight .v5-category-art{background:linear-gradient(125deg,#e6ddf0,#c9c3e2)}.v5-cat-sets .v5-category-art{background:linear-gradient(125deg,#cfe4b0,#ebf4d8)}.v5-category-copy{padding:26px 25px 27px;flex:1;display:flex;flex-direction:column}.v5-category-copy h3{font-size:23px;margin:0 0 11px;color:#204532}.v5-category-copy p{font-size:13px;color:#607565;margin-bottom:20px}.v5-category-copy span{display:block;margin-top:auto;color:#255f43;font-size:12px;font-weight:820} .v5-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.v5-set{padding:34px;border-radius:21px;background:#fff;border:1px solid #d9e8d5;box-shadow:0 10px 35px #2440240a}.v5-set:nth-child(2){background:#fffaf1;border-color:#eee5d1}.v5-set-number{font-size:11px;font-weight:850;letter-spacing:.14em;color:#6b9276;margin-bottom:32px}.v5-set h3{font-size:clamp(26px,2.7vw,39px);line-height:1.13;margin:0 0 17px}.v5-set>p{font-size:15px;color:#65776c;min-height:56px}.v5-set-prices{display:flex;gap:25px;flex-wrap:wrap;border-top:1px solid #e1e9dc;padding-top:20px;margin-top:22px;margin-bottom:23px}.v5-set-prices span{font-size:11px;color:#587966}.v5-set-prices strong{display:block;color:#193e2d;font-size:25px;letter-spacing:-.045em}.v5-set-actions{display:flex;flex-wrap:wrap;gap:10px} .v5-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.v5-product-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e0e9df;border-radius:18px;overflow:hidden;box-shadow:0 8px 28px #21432b0a}.v5-product-art{display:flex;flex-direction:column;justify-content:space-between;min-height:195px;position:relative;overflow:hidden;background:linear-gradient(135deg,#cfe3bd,#e9efd9);padding:22px}.v5-art-label{font-size:10px;color:#56765f;font-weight:850;letter-spacing:.12em;position:relative;z-index:2}.v5-product-art strong{font-size:28px;letter-spacing:-.06em;line-height:1.05;max-width:75%;position:relative;z-index:2}.v5-product-art i{position:absolute;right:-70px;top:-50px;width:225px;height:225px;border:45px solid #ffffff8c;border-radius:50%}.v5-pa-beauty{background:linear-gradient(130deg,#ecd0dc,#f5ebe5)}.v5-pa-fitness{background:linear-gradient(130deg,#cce4e6,#dce5ee)}.v5-pa-special{background:linear-gradient(130deg,#e4dfc9,#f0e1ca)}.v5-pa-oral{background:linear-gradient(130deg,#d4eff0,#dce5ed)}.v5-pa-sets{background:linear-gradient(130deg,#c6dfa8,#edf5dc)}.v5-product-copy{display:flex;flex-direction:column;flex:1;padding:22px}.v5-micro{font-size:10px;font-weight:820;letter-spacing:.12em;text-transform:uppercase;color:#59816b;margin-bottom:8px}.v5-product-copy h3{margin:0 0 8px}.v5-product-copy h3 a:hover{color:#46865c}.v5-product-copy>p:not(.v5-micro){font-size:13px;color:#61776a;margin-bottom:20px}.v5-product-foot{margin-top:auto;padding-top:15px;border-top:1px solid #e9efe7;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.v5-product-foot strong{font-size:17px;letter-spacing:-.04em}.v5-product-foot a{font-size:12px;font-weight:800;color:#245e40;text-decoration:underline;text-underline-offset:4px}.v5-align-center{text-align:center;margin-top:30px} .v5-ask{background:#e0eecb}.v5-help-layout{display:grid;grid-template-columns:1.25fr .65fr;gap:45px;align-items:center}.v5-help-layout>div{max-width:680px}.v5-help-layout p:not(.v5-eyebrow){color:#456950;max-width:600px}.v5-help-layout img{width:260px;height:260px;border-radius:50%;object-fit:cover;object-position:center 24%;box-shadow:0 18px 35px #1a4a2d26;border:9px solid #fff;justify-self:center}.v5-geo-block{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.v5-geo-block p{max-width:440px;color:#657767}.v5-geo-img{border-radius:22px;overflow:hidden}.v5-geo-img img{display:block;height:335px;object-fit:cover;width:100%} .v5-business{background:#173f30;color:#fff}.v5-business .v5-eyebrow{color:#c4dfa5}.v5-business p{color:#c7dcca}.v5-business-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:58px;align-items:center}.v5-business-side{border:1px solid #668f75;border-radius:18px;padding:32px;background:#234e3b}.v5-business-side strong{font-size:28px;letter-spacing:-.06em}.v5-business-side p{font-size:14px}.v5-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.v5-faq-grid details{border:1px solid #e0e7dc;border-radius:13px;padding:20px;background:#f7faf4}.v5-faq-grid summary{font-weight:790;cursor:pointer}.v5-faq-grid p{font-size:13px;color:#687d6f;margin:15px 0 0} .v5-page-hero{background:linear-gradient(130deg,#f3f6ee,#e7f2de);padding:80px 0}.v5-page-hero p:not(.v5-eyebrow){max-width:720px;color:#526e5c;font-size:17px}.v5-catalog-cats{padding-bottom:20px}.v5-mini-cats{display:flex;flex-wrap:wrap;gap:9px;padding-top:25px;padding-bottom:25px}.v5-mini-cats a{border:1px solid #d1e4d4;background:white;border-radius:50px;padding:9px 14px;font-size:12px;font-weight:780;color:#26543b}.v5-empty{margin-bottom:20px} .v5-product-hero{background:#eef4e8;padding:70px 0}.v5-product-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}.v5-product-story{min-width:0}.v5-product-story h1{overflow-wrap:break-word;font-size:clamp(38px,4vw,62px)}.v5-product-story .v5-eyebrow{margin-top:25px}.v5-back{display:inline-block;color:#2b6947;font-size:13px;font-weight:700}.v5-product-promise{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.v5-product-promise span{background:#fff;border-radius:30px;border:1px solid #d4e5ce;padding:8px 12px;font-size:12px;color:#367047}.v5-product-photo-note{display:flex;align-items:center;gap:16px;margin-top:31px;border-top:1px solid #d7e7d0;padding-top:22px}.v5-product-photo-note>span{flex-shrink:0;display:grid;place-items:center;width:59px;height:59px;border-radius:50%;background:#d3e5c2;color:#2c7549;font-size:36px}.v5-product-photo-note b{font-size:13px}.v5-product-photo-note p{font-size:12px;color:#6b826d;margin:3px 0 0} .v5-price-box{background:white;border:1px solid #d5e3d3;padding:30px;border-radius:21px;box-shadow:0 22px 52px #183f2a17;min-width:0}.v5-price-top h2{font-size:26px;margin:2px 0 19px}.v5-price-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v5-price-item{min-width:0;background:#f4f8ef;border-radius:12px;padding:15px}.v5-price-item small{display:block;font-size:11px;color:#658069}.v5-price-item strong{display:block;letter-spacing:-.05em;font-size:clamp(20px,2vw,27px);line-height:1.35;color:#183b2a;white-space:normal}.v5-price-item strong span{font-size:13px;letter-spacing:0}.v5-price-club{background:#e0f1d5}.v5-price-items>.v5-price-item:only-child{grid-column:1/-1}.v5-partner-price{grid-column:1/-1;background:#f5f2e9;border:1px solid #e9e2d4;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px;font-size:12px;color:#5d6859}.v5-partner-price b{font-size:14px;color:#273f2f}.v5-partner-price a{font-size:12px;color:#245f40;text-decoration:underline;text-underline-offset:4px;font-weight:800}.v5-price-box>.v5-btn{width:100%;margin-top:11px}.v5-price-notice{font-size:11px;color:#7e907e;margin:17px 0 0} .v5-product-content{display:grid;grid-template-columns:1fr .75fr;gap:50px;align-items:center}.v5-product-content>div>p:not(.v5-eyebrow){color:#586e60;font-size:16px}.v5-checklist{padding:20px;border-left:3px solid #95c87e;background:#f1f6ec;margin-top:28px}.v5-checklist p{font-size:13px;color:#68806e}.v5-editorial-visual{border-radius:22px;min-height:410px;background:linear-gradient(145deg,#d7e7c8,#f7eee2);padding:42px;position:relative;overflow:hidden;display:flex;align-items:center}.v5-editorial-visual:after{content:'';position:absolute;border:60px solid #ffffff8e;border-radius:50%;height:390px;width:390px;right:-140px;top:-120px}.v5-editorial-visual>div{position:relative;z-index:1;display:flex;flex-direction:column;gap:22px}.v5-editorial-visual small{color:#64806c;font-size:11px;font-weight:800;letter-spacing:.15em}.v5-editorial-visual strong{font-size:clamp(32px,3.5vw,51px);line-height:1.05;max-width:320px;letter-spacing:-.05em}.v5-editorial-visual span{font-size:11px;color:#5d755f;max-width:255px}.v5-split-cta{display:flex;gap:50px;align-items:center;justify-content:space-between}.v5-split-cta p{max-width:600px}.v5-split-cta .v5-inline-buttons{flex-shrink:0} .footer-grid .v5-network{border-left:1px solid #ffffff25;padding-left:20px}.footer-grid .v5-network a{display:block;font-size:11px;margin:5px 0;max-width:300px}.footer .footer-grid{grid-template-columns:1.1fr .9fr .9fr .9fr 1.3fr} @media(max-width:1120px){.v5-hero-image{background-position:center right}.v5-products-grid,.v5-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer .footer-grid{grid-template-columns:repeat(3,1fr)}.footer-grid .v5-network{border:0;padding:0}} @media(max-width:850px){.v5-hero{min-height:535px}.v5-hero-image{opacity:.35}.v5-hero-copy{max-width:650px}.v5-feature-grid,.v5-product-hero-grid,.v5-product-content,.v5-business-layout,.v5-help-layout,.v5-geo-block{grid-template-columns:1fr;gap:30px}.v5-price-box{max-width:570px}.v5-section{padding:64px 0}.v5-faq-grid{grid-template-columns:1fr}.v5-section-head{display:block}.v5-section-head>p{margin-top:15px}.v5-help-layout img{width:180px;height:180px;justify-self:start}} @media(max-width:570px){.v5-container{padding-left:19px;padding-right:19px}.v5-hero{min-height:auto}.v5-hero-image{opacity:.23;background-position:right}.v5-hero-in{padding-top:56px;padding-bottom:56px}.v5-hero-copy h1{font-size:clamp(36px,10vw,47px)}.v5-main h2{font-size:32px}.v5-lead{font-size:15px}.v5-hero-actions .v5-btn{width:100%}.v5-section{padding:52px 0}.v5-category-grid,.v5-products-grid{grid-template-columns:1fr}.v5-category-art{height:150px}.v5-set{padding:23px}.v5-set-prices{gap:20px}.v5-price-box{padding:20px}.v5-product-hero{padding:42px 0}.v5-product-story h1{font-size:clamp(34px,10vw,45px)}.v5-price-items{grid-template-columns:1fr 1fr}.v5-price-item{padding:12px}.v5-price-item strong{font-size:20px}.v5-price-items>.v5-price-item:only-child{grid-column:1/-1}.v5-geo-img img{height:245px}.v5-editorial-visual{min-height:285px;padding:25px}.v5-split-cta{display:block}.v5-split-cta .v5-inline-buttons{margin-top:20px}.footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid .v5-network{grid-column:1/-1}.v5-page-hero{padding:50px 0}} /* V5.6 - functional, accessible starter-set comparison */ .v5-guide-hero{padding:76px 0 65px;background:linear-gradient(130deg,#eaf1e4,#fbfcf9);} .v5-guide-hero h1{max-width:950px;font-size:clamp(36px,4.3vw,61px);line-height:1.1;margin:15px 0 20px;} .v5-guide-hero .v5-lead{max-width:820px;} .v5-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px;} .v5-compare-grid article{border-radius:22px;padding:32px;background:#f7faf4;border:1px solid #dce6d8;display:flex;flex-direction:column;min-width:0;} .v5-compare-grid article:nth-child(2){background:#f7f5ec;} .v5-compare-grid h3{font-size:clamp(24px,2.6vw,37px);margin:14px 0 12px;line-height:1.18;} .v5-compare-grid p:not(.v5-eyebrow),.v5-guide-details p,.v5-guide-bottom p{color:#586f61;line-height:1.8;} .v5-guide-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:21px;} .v5-guide-buttons a{white-space:normal;text-align:center;} .v5-guide-details{display:grid;grid-template-columns:1fr 1fr;gap:50px;} .v5-guide-details h2{margin-top:0;} .v5-guide-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;} @media(max-width:780px){.v5-compare-grid,.v5-guide-details{grid-template-columns:1fr;gap:18px}.v5-guide-bottom{display:block}.v5-guide-bottom a{margin-top:20px}.v5-compare-grid article{padding:23px}.v5-guide-hero{padding:48px 0}.v5-guide-buttons .v5-btn{flex:1;}} .v5-compare-inline{display:inline-flex;align-items:center;align-self:end;white-space:normal;font-weight:800;color:#235a41;text-decoration:underline;text-underline-offset:5px;font-size:14px;margin-top:16px;}.v5-compare-inline:hover{color:#3d8054;} /* V8.0.3: prevent starter-set cards from forcing the mobile home page wider than its viewport. */ @media (max-width:760px){ .v5-feature-grid{grid-template-columns:minmax(0,1fr)} .v5-feature-grid>.v5-set{min-width:0;max-width:100%;box-sizing:border-box} .v5-set-prices strong{overflow-wrap:anywhere} } /* WITHLOVE V160 combined stylesheet boundary */ /* WITHLOVE v5.7 · visual & contact improvements */ .v5-category-art .v5-art-ring,.v5-category-art .v5-art-mark{display:none!important} .v5-category-art{height:200px;background-color:#edf1e8!important;background-size:cover!important;background-position:center!important;transition:transform .35s ease} .v5-category:hover .v5-category-art{filter:saturate(1.06)} .v5-cat-sets .v5-category-art,.v5-cat-daily .v5-category-art,.v5-cat-special .v5-category-art{background-image:url('/assets/category-daily.webp')!important} .v5-cat-beauty .v5-category-art{background-image:url('/assets/category-beauty.webp')!important} .v5-cat-fitness .v5-category-art,.v5-cat-weight .v5-category-art{background-image:url('/assets/category-fitness.webp')!important} .v5-cat-oral .v5-category-art{background-image:url('/assets/category-oral.webp')!important} .v5-category-number{background:rgba(255,255,255,.88);border-radius:25px;padding:6px 10px;color:#214a34} .v5-page-hero.v57-visual-hero{min-height:335px;display:flex;align-items:center;background-image:linear-gradient(90deg,#f7f8f2 0%,#f7f8f2 37%,#f7f8f2cb 55%,#f7f8f219 100%),var(--visual-src);background-position:center,center right;background-size:cover,cover} .v5-page-hero.v57-visual-hero .v5-container{width:100%;padding-top:53px;padding-bottom:53px} .v5-page-hero.v57-visual-hero .v5-container>h1,.v5-page-hero.v57-visual-hero .v5-container>p{max-width:640px} .v57-contact-hero{padding:78px 0;background:linear-gradient(125deg,#f4f8f0,#e4eee0)} .v57-contact-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(265px,.75fr);gap:60px;align-items:center} .v57-contact-copy h1{max-width:630px}.v57-contact-copy .v5-lead{max-width:650px} .v57-contact-actions{display:grid;gap:12px;max-width:590px;margin-top:30px} .v57-contact-channel{background:white;border:1px solid #d8e6d8;border-radius:13px;min-height:66px;padding:16px 20px;display:flex;gap:18px;align-items:center;color:#1d4c36;font-weight:780;box-shadow:0 8px 22px #1d3f2808;transition:transform .2s,border-color .2s} .v57-contact-channel:hover{transform:translateY(-2px);border-color:#9cbc9e}.v57-contact-channel>span:first-child{font-size:21px;width:24px}.v57-contact-channel b{margin-left:auto} .v57-contact-person{border:1px solid #dbe7d8;border-radius:28px;background:#fff;text-align:center;padding:35px 22px;box-shadow:0 16px 40px #214b2813} .v57-contact-person img{width:min(230px,80%);height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;border:7px solid #f1f6ea;display:block;margin:0 auto 22px} .v57-contact-person strong{display:block;font-size:23px;line-height:1.25;color:#193d2c}.v57-contact-person span{display:block;font-size:13px;color:#647d68;margin-top:8px} .v57-contact-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.v57-contact-cards>a{display:flex;flex-direction:column;background:#f5f9f1;border:1px solid #dce9d7;padding:30px;border-radius:20px;min-height:250px;transition:transform .2s,border-color .2s}.v57-contact-cards>a:hover{transform:translateY(-3px);border-color:#a4bea1} .v57-contact-cards h3{color:#183e2a;margin:24px 0 12px}.v57-contact-cards p{font-size:13px;color:#657767}.v57-contact-num{font-size:12px;letter-spacing:.1em;font-weight:850;color:#83a27d}.v57-cta-arrow{margin-top:auto;font-size:13px;font-weight:820;color:#1d593c;padding-top:15px} .v57-search-tools{margin:12px 0 26px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.v57-search-tools label{flex:1;min-width:min(330px,100%);max-width:600px;display:flex;flex-direction:column;gap:7px;font-size:12px;color:#496852;font-weight:730}.v57-search-tools input{border:1px solid #bfcfc0;padding:14px 17px;background:white;border-radius:12px;outline-offset:4px;font-size:15px}.v57-search-tools output{font-size:13px;color:#6d816b} .v5-product-card[hidden],.v57-empty[hidden]{display:none!important} .v57-empty{border:1px solid #dae6d6;border-radius:14px;padding:20px;color:#4b6451;background:#fff;margin-top:10px} .v57-choice{background:#eff4e8;padding:55px 0}.v57-choice h2{font-size:clamp(27px,3vw,40px)}.v57-choice p{color:#617769;font-size:15px}.v57-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}.v57-choice-grid a{background:#fff;border:1px solid #d7e5d5;padding:20px;border-radius:14px;color:#1f513b;font-weight:780;font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:8px}.v57-choice-grid a:hover{border-color:#719975;background:#fbfef8} @media(max-width:850px){.v57-contact-layout{grid-template-columns:1fr;gap:25px}.v57-contact-person{max-width:380px}.v57-contact-cards{grid-template-columns:1fr}.v57-contact-cards>a{min-height:170px}.v57-choice-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:590px){.v57-contact-hero{padding:49px 0}.v5-page-hero.v57-visual-hero{min-height:320px;background-image:linear-gradient(90deg,#f7f8f2f2 0%,#f7f8f2d7 65%,#f7f8f282 100%),var(--visual-src)}.v57-contact-person{margin:auto;width:100%;max-width:320px}.v57-choice-grid{grid-template-columns:1fr}.v5-category-art{height:185px}} /* V5.9: real, locally stored supplied product photography */ .v5-hero-image{background-image:linear-gradient(90deg,#faf8f2 0%,#faf8f2fc 25%,#faf8f2ef 41%,#faf8f278 60%,#faf8f200 100%),url('/assets/products/optimal-basics-citrus.webp')!important;background-position:center,center right!important} .v5-category-art.v59-cat-photo{background:#f7f8f3;height:188px;display:block} .v59-cat-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center} .v5-product-art.v59-with-img{padding:0;min-height:212px;height:212px;background:#f7f8f3} .v59-with-img img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .25s ease} .v59-with-img:hover img{transform:scale(1.035)} .v59-product-portrait{margin:24px 0 0;max-width:420px;min-height:245px;background:#f8f9f5;border-radius:18px;overflow:hidden;border:1px solid #e3eadb} .v59-product-portrait img{display:block;width:100%;height:auto;max-height:345px;object-fit:contain} .v5-editorial-visual.v59-detail-photo{background:#f5f8f2;min-height:300px;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden} .v59-detail-photo img{display:block;object-fit:contain;width:100%;height:100%;max-height:440px} .v59-set-picture{display:block;width:100%;height:205px;object-fit:cover;object-position:center;border-radius:12px;margin:0 0 24px} @media(max-width:760px){.v5-hero-image{background-image:linear-gradient(180deg,#faf8f2c9,#faf8f2f3 48%,#faf8f2 100%),url('/assets/products/optimal-basics-citrus.webp')!important;background-position:center top;background-size:cover!important}.v59-set-picture{height:180px}.v59-product-portrait{max-width:100%;margin-top:18px}.v5-product-art.v59-with-img{height:200px}} /* WITHLOVE V160 combined stylesheet boundary */ /* V6 product landing pages: all 24 product URLs in three languages */ .lp-page{background:#f6f8f2;color:#17392c} .lp-page *{box-sizing:border-box} .lp-top{background:linear-gradient(135deg,#f9faf6 0%,#eef5e9 68%,#e2eddf 100%);padding:25px 0 68px} .lp-back{display:inline-block;font-size:12px;font-weight:700;color:#356847;margin:12px 0 40px;text-decoration:none} .lp-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:50px} .lp-eyebrow{font-size:11px;font-weight:850;letter-spacing:.15em;color:#5a8d62} .lp-story h1{font-size:clamp(38px,4.1vw,65px);line-height:1.1;letter-spacing:-.052em;max-width:730px;margin:16px 0 24px} .lp-subtitle{font-size:clamp(17px,1.5vw,20px);font-weight:500;line-height:1.7;max-width:640px;color:#405e4c} .lp-keypoints{padding:0;margin:24px 0;list-style:none;display:grid;gap:12px;max-width:630px} .lp-keypoints li{font-size:14px;line-height:1.72;color:#516a59;display:flex;align-items:flex-start;gap:13px} .lp-keypoints li::before{content:'✓';flex:0 0 23px;width:23px;height:23px;background:#d3e7bf;border-radius:50%;display:grid;place-items:center;color:#205c41;font-weight:900;font-size:13px} .lp-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin:27px 0 18px} .lp-btn{display:inline-flex;justify-content:center;align-items:center;min-height:53px;padding:13px 22px;border-radius:10px;font-size:13px;font-weight:850;text-decoration:none;line-height:1.45;text-align:center;transition:transform .2s ease} .lp-btn:hover{transform:translateY(-2px)}.lp-primary{background:#22563c;color:white}.lp-secondary{color:#22563c;border:1px solid #acc6ac;background:#fff} .lp-sku{font-size:11px;color:#809585;line-height:1.7;margin:0} .lp-hero-photo{min-height:420px;border:1px solid #e5e9db;border-radius:26px;background:#f7f9f4;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 22px 50px rgba(37,70,42,.09)} .lp-hero-photo img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain} .lp-no-product-shot{min-height:440px;padding:40px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#245a3d;background:radial-gradient(circle at 55% 30%,#d8e8d0,#edf3e5 68%,#f8f9f4)} .lp-no-product-shot span{font-size:21px;letter-spacing:.18em;text-transform:uppercase}.lp-no-product-shot strong{max-width:400px;line-height:1.14;margin-top:20px;font-size:clamp(28px,3vw,48px)} .lp-checkout{margin:42px 0 0;padding:26px 30px;border-radius:18px;border:1px solid #dce8d8;background:white;display:flex;align-items:center;justify-content:space-between;gap:25px;box-shadow:0 12px 28px #173d2710} .lp-checkout-head{display:grid;gap:6px;min-width:160px;font-size:16px;font-weight:850} .lp-checkout-head span:last-child{font-size:11px;font-weight:500;color:#819481} .lp-prices{display:flex;flex-wrap:wrap;gap:25px;align-items:center} .lp-price small{font-size:11px;color:#69826d;display:block}.lp-price strong{font-size:25px;font-weight:900;white-space:nowrap;letter-spacing:-.04em} .lp-price-store{max-width:230px;color:#54735c;font-size:13px} .lp-checkout-bottom{border-left:1px solid #e3ebdf;padding-left:27px;max-width:360px}.lp-checkout-bottom p{font-size:12px;color:#647c67;line-height:1.6;margin:0 0 6px}.lp-checkout-bottom b{color:#264d38} .lp-checkout-bottom a{font-size:12px;color:#2e694c;text-decoration:underline;text-underline-offset:3px;font-weight:850} .lp-section{padding:85px 0}.lp-white{background:#fff}.lp-sage{background:#edf4e7} .lp-section-head{max-width:700px;margin-bottom:32px}.lp-section-head h2,.lp-faq-title h2,.lp-convert h2{font-size:clamp(29px,3.3vw,45px);line-height:1.15;margin:11px 0 15px}.lp-section-head p{font-size:15px;color:#5b735e} .lp-feature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px} .lp-feature-row article{border:1px solid #e1e8dc;border-radius:18px;padding:28px;min-height:250px;background:#f8faf5} .lp-feature-row article>span{font-size:12px;font-weight:800;color:#80a080}.lp-feature-row h3{font-size:21px;line-height:1.25;margin:24px 0 12px} .lp-feature-row p{font-size:14px;line-height:1.8;color:#567061;margin:0} .lp-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .lp-related-card{display:flex;flex-direction:column;gap:12px;border-radius:18px;background:white;border:1px solid #d9e5d5;overflow:hidden;transition:transform .2s}.lp-related-card:hover{transform:translateY(-3px)} .lp-related-img{height:190px;background:#fafbf6;display:grid;place-items:center;overflow:hidden}.lp-related-img img{width:100%;height:100%;object-fit:contain}.lp-fallback-title{font-size:20px;font-weight:850;line-height:1.2;text-align:center;color:#3b6a4f;max-width:210px} .lp-related-card>span{font-size:15px;font-weight:850;padding:6px 20px 0;line-height:1.45;flex:1}.lp-related-card>b{font-size:22px;color:#4d7755;padding:0 20px 16px;text-align:right} .lp-faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.lp-faq-title p{font-size:14px;color:#617a68;line-height:1.8} .lp-faq-items details{border-bottom:1px solid #d7e5d8;padding:22px 0}.lp-faq-items summary{font-size:16px;font-weight:800;cursor:pointer;list-style:none;line-height:1.5}.lp-faq-items summary::after{content:'+';float:right;margin-left:15px;color:#548760;font-size:24px}.lp-faq-items details[open] summary::after{content:'−'} .lp-faq-items details p{font-size:14px;line-height:1.8;color:#5e7460;margin:16px 25px 0 0} .lp-convert{padding:78px 0;background:#194b36;color:white}.lp-convert-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center}.lp-convert .lp-eyebrow{color:#c5dba7}.lp-convert p{font-size:15px;line-height:1.8;color:#caddcb;max-width:630px}.lp-convert-actions{display:grid;gap:12px}.lp-light{background:#d7ebb7;color:#143b2d}.lp-outline-light{border:1px solid #b6d3bb;color:#fff} @media(max-width:1050px){.lp-grid{gap:25px}.lp-checkout{display:grid;grid-template-columns:1fr 1.2fr}.lp-checkout-bottom{grid-column:1/-1;border:0;border-top:1px solid #e3ebdf;padding:18px 0 0;max-width:none}.lp-hero-photo{min-height:350px}} @media(max-width:760px){.lp-top{padding:14px 0 45px}.lp-back{margin:12px 0 25px}.lp-grid{grid-template-columns:1fr;gap:25px}.lp-story h1{font-size:clamp(36px,9vw,51px)}.lp-hero-photo{min-height:220px}.lp-hero-photo img{max-height:410px}.lp-keypoints li{font-size:13px}.lp-checkout{margin-top:28px;display:block;padding:24px}.lp-prices{margin:12px 0 18px;gap:22px}.lp-checkout-bottom{border:0;border-top:1px solid #e3ebdf;padding:18px 0 0}.lp-section{padding:60px 0}.lp-feature-row,.lp-related,.lp-faq-layout,.lp-convert-grid{grid-template-columns:1fr}.lp-feature-row article{min-height:0}.lp-faq-layout{gap:15px}.lp-related-img{height:220px}.lp-convert{padding:58px 0}.lp-hero-actions{flex-direction:column;align-items:stretch}.lp-hero-actions .lp-btn{width:100%}} .lp-mobile-product-img{display:none}.lp-feature-row{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-one-keypoint{margin:20px 0} @media(max-width:760px){.lp-hero-photo{display:none}.lp-mobile-product-img{display:block;margin:22px 0 5px;border-radius:18px;overflow:hidden;background:#f7f9f4;border:1px solid #e3eadb}.lp-mobile-product-img img{width:100%;height:auto;display:block;max-height:370px;object-fit:contain}.lp-feature-row{grid-template-columns:1fr}.lp-story h1{margin-bottom:15px}.lp-subtitle{font-size:16px}.lp-keypoints{margin:16px 0}.lp-checkout{padding:21px}} /* V6.3: editorially relevant companion products and consistent product artwork */ .lp-related{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch} .lp-related-card{gap:0;min-height:345px;background:#fff;display:flex;flex-direction:column} .lp-related-img{height:226px;min-height:226px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 48% 40%,#fff 0%,#f6f8f3 70%,#edf2e8 100%);padding:16px;overflow:hidden} .lp-related-img img{display:block!important;width:100%!important;height:100%!important;max-height:194px!important;max-width:295px!important;object-fit:contain!important;object-position:center center!important;border-radius:8px} .lp-related-card>span{padding:15px 20px 4px;font-weight:850;flex:none} .lp-related-reason{font-size:12px;color:#627b68;line-height:1.5;margin:0 20px 12px;min-height:35px} .lp-related-card>b{margin-top:auto;padding:0 20px 14px} .lp-product-promise{background:#f3f8ef;border-left:3px solid #77a57a;padding:17px 20px;border-radius:0 12px 12px 0;margin:19px 0 4px;line-height:1.7;font-size:15px;color:#2c4e3a} .lp-feature-row article{min-height:255px} @media(max-width:760px){.lp-related{grid-template-columns:1fr}.lp-related-card{min-height:0}.lp-related-img{height:215px;min-height:215px}} /* V6.3 keep recommendations visually consistent: no incomplete product placeholders. */ .lp-related-count-1{grid-template-columns:minmax(0,400px)} .lp-related-count-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:980px} @media(max-width:760px){.lp-related-count-1,.lp-related-count-2{grid-template-columns:1fr;max-width:none}} /* V6.4 photography and navigation */ .v64-drink-feature{padding:44px 0;background:#f2f7ef} .v64-drink-grid{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(280px,.76fr);gap:38px;align-items:center} .v64-drink-photo{border-radius:22px;overflow:hidden;box-shadow:0 16px 42px #13372a12} .v64-drink-photo img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover} .v64-drink-copy h2{font-size:clamp(28px,3vw,43px);line-height:1.12;color:#143c30;letter-spacing:-.03em;margin:0 0 16px} .v64-drink-copy p{color:#456657;font-size:17px;line-height:1.75;margin:0 0 23px} .v64-gallery-section{padding:30px 0 56px;background:#fff} .v64-gallery-section h2{color:#173d31;font-size:clamp(25px,2.6vw,36px);line-height:1.2;margin:0 0 20px} .v64-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px} .v64-gallery figure{margin:0;background:#f6f8f4;border-radius:18px;overflow:hidden} .v64-gallery img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover} .v64-sitemap-page{padding:52px 0 70px} .v64-sitemap-page h1{font-size:clamp(28px,4vw,48px);line-height:1.14;color:#183e32} .v64-sitemap-page>p{color:#557467;max-width:820px;font-size:17px;line-height:1.65} .v64-sitemap-page section{margin:30px 0;border-top:1px solid #dfe9de;padding-top:22px} .v64-sitemap-page section h2{font-size:23px;color:#183e32} .v64-sitemap-page ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 22px} .v64-sitemap-page li a{display:block;color:#175541;text-decoration:none;padding:9px 12px;border-radius:7px;background:#f5f8f3} .v64-sitemap-page li a:hover,.v64-sitemap-page li a:focus-visible{background:#e4f0e3;text-decoration:underline} @media(max-width:760px){.v64-drink-grid{grid-template-columns:1fr;gap:22px}.v64-drink-feature{padding:22px 0 32px}.v64-sitemap-page ul{grid-template-columns:1fr}.v64-gallery{grid-template-columns:1fr}} .v64-category-photos{padding:30px 0 35px;background:#f5f9f3} .v64-category-photos h2{font-size:clamp(24px,3vw,34px);margin:0 0 8px;color:#173d31} .v64-category-photos p{font-size:15px;color:#53705f;line-height:1.6;margin:0 0 18px} .v64-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:14px} .v64-category-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:16px} .v64-sitemap-page{overflow-wrap:anywhere} /* WITHLOVE V160 combined stylesheet boundary */ /* WITHLOVE V6.6 editorial correction, applies to every HTML page. */ :root{--product-bg:#f0f5e9;--product-accent:#245f44;--product-pale:#dcebcf} body[data-category] .v5-page-hero{background-color:var(--product-bg)!important} body[data-category] .v5-page-hero .v5-eyebrow{color:var(--product-accent)} body[data-category] .v5-section.v5-tint{background:linear-gradient(180deg,var(--product-bg),#fafbf8)} body[data-category] .v5-product-card{border-color:color-mix(in srgb,var(--product-accent) 22%,#dfe6dd)} body[data-category] .v5-product-card:hover{box-shadow:0 15px 30px color-mix(in srgb,var(--product-accent) 17%,transparent)} .v64-category-photos{padding:26px 0 37px;background:#fff} .v66-category-feature{display:flex;justify-content:center} .v66-feature-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(220px,.65fr);align-items:center;gap:24px;max-width:970px;width:100%;margin:0 auto;border:1px solid #e0e9de;border-radius:20px;overflow:hidden;background:linear-gradient(120deg,#fff,var(--product-bg,#eef5e9));transition:transform .2s,box-shadow .2s} .v66-feature-card:hover{transform:translateY(-2px);box-shadow:0 15px 32px #284b3020} .v66-feature-card img{width:100%;height:245px;max-height:245px;object-fit:cover;display:block;aspect-ratio:16/9} .v66-feature-copy{padding:20px 24px;display:flex;flex-direction:column;gap:20px;color:var(--product-accent,#25523d)} .v66-feature-copy strong{font-size:clamp(20px,2vw,29px);line-height:1.2;letter-spacing:-.04em} .v66-feature-copy>span{font-weight:800;font-size:13px;text-decoration:underline;text-underline-offset:5px} body[data-product] .lp-top{background:linear-gradient(135deg,#fff 0%,var(--product-bg) 62%,var(--product-pale) 100%)} body[data-product] .lp-eyebrow,body[data-product] .lp-back{color:var(--product-accent)} body[data-product] .lp-product-promise{background:var(--product-bg);border-left-color:var(--product-accent);color:#243f35} body[data-product] .lp-primary{background:var(--product-accent)} body[data-product] .lp-hero-photo{border-color:var(--product-pale)} body[data-product] .lp-feature-row article{background:linear-gradient(150deg,#fff,var(--product-bg));border-color:var(--product-pale)} body[data-product] .lp-sage{background:var(--product-bg)} body[data-product] .lp-related-img{background:linear-gradient(145deg,#fff,var(--product-bg))} .v66-product-gallery{padding:28px 0 38px} .v66-product-gallery .v64-gallery{max-width:980px;margin:auto;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:15px} .v66-product-gallery .v64-gallery figure{background:#fff;border:1px solid #e1e8de;border-radius:17px;overflow:hidden} .v66-product-gallery .v64-gallery img{width:100%;height:210px;aspect-ratio:auto;object-fit:contain;background:#f9faf8;border-radius:0} .v66-product-gallery figcaption{font-size:12px;line-height:1.5;padding:10px 15px;color:#617365} /* City choices: gently differentiated, not a sea of identical squares. */ .geo-city-grid .geo-city-card{border-radius:19px;overflow:hidden;isolation:isolate;border-width:1px;transition:transform .22s,box-shadow .22s,border-color .22s} .geo-city-grid .geo-city-card:nth-child(4n+1){background:linear-gradient(150deg,#f5f9eb,#e6f0d4);border-color:#c3d9ac} .geo-city-grid .geo-city-card:nth-child(4n+2){background:linear-gradient(150deg,#fdf5ea,#f1ddc9);border-color:#e4cdb6} .geo-city-grid .geo-city-card:nth-child(4n+3){background:linear-gradient(150deg,#eff8f6,#d7eae7);border-color:#b8d9d2} .geo-city-grid .geo-city-card:nth-child(4n+4){background:linear-gradient(150deg,#f4f2f9,#e3dfed);border-color:#d5cce5} .geo-city-grid .geo-city-card:hover,.geo-city-grid .geo-city-card:focus-visible{transform:translateY(-4px);box-shadow:0 17px 34px #28452b22} .geo-city-grid .geo-city-card .geo-city-number{font-size:14px;color:#4c6b60} .geo-city-grid .geo-city-card .geo-city-link{border-bottom:1px solid currentColor;padding-bottom:2px} .geo-region-grid .geo-region-card{border-radius:17px;transition:background .2s,transform .2s} .geo-region-grid .geo-region-card:hover{transform:translateY(-3px);background:#f4f8ec} @media(max-width:760px){.v66-feature-card{grid-template-columns:1fr;gap:0}.v66-feature-card img{height:192px;max-height:192px}.v66-feature-copy{padding:20px}.v66-product-gallery .v64-gallery{grid-template-columns:1fr}.v66-product-gallery .v64-gallery img{height:205px}} /* V6.7: Visual hierarchy and reduced duplication (extends existing stylesheet). */ .v67-feature-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);gap:clamp(22px,3vw,48px);align-items:stretch} .v67-feature-layout>.lp-feature-row{min-width:0;display:grid;grid-template-columns:1fr;gap:14px} .v67-feature-layout .lp-feature-row article{min-height:auto;max-width:none} .v67-feature-visual{min-width:0;border-radius:20px;overflow:hidden;background:#f5f7f2;border:1px solid #e0e8dc} .v67-feature-visual img{width:100%;height:100%;min-height:285px;max-height:430px;object-fit:contain;display:block} /* More legible colors and clearer hierarchy on cards for places. */ .geo-city-grid .geo-city-card{position:relative;min-height:195px;padding:25px 24px 24px;box-shadow:0 8px 24px rgba(28,52,42,.045);border:1px solid var(--card-outline,#c6dcc5);background:var(--card-fill,#edf4e6)!important} .geo-city-grid .geo-city-card:nth-child(4n+1){--card-fill:#e4f0d5;--card-outline:#b9d29e;--card-dot:#668c49} .geo-city-grid .geo-city-card:nth-child(4n+2){--card-fill:#fae7d7;--card-outline:#e6c6ac;--card-dot:#bb7850} .geo-city-grid .geo-city-card:nth-child(4n+3){--card-fill:#dcefeb;--card-outline:#b3d8d2;--card-dot:#388775} .geo-city-grid .geo-city-card:nth-child(4n+4){--card-fill:#e8e4f3;--card-outline:#c9bfe0;--card-dot:#8070af} .geo-city-grid .geo-city-card::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--card-dot,#638b49)} .geo-city-grid .geo-city-card .geo-city-number{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:30px;border-radius:100px;background:#fff9;padding:0 8px;color:#38594b;font-weight:800} .geo-city-grid .geo-city-card .geo-city-city{font-weight:850;letter-spacing:-.025em} .geo-city-grid .geo-city-card:hover,.geo-city-grid .geo-city-card:focus-visible{transform:translateY(-4px);box-shadow:0 18px 36px rgba(24,48,35,.13);border-color:var(--card-dot,#638b49)} .geo-region-grid .geo-region-card{position:relative;border-left:5px solid #7a9d76;background:#f0f5e8;box-shadow:0 6px 20px #203c2410} .geo-region-grid .geo-region-card:nth-child(4n+2){border-color:#b98256;background:#faf0e3} .geo-region-grid .geo-region-card:nth-child(4n+3){border-color:#588e84;background:#eaf5f2} .geo-region-grid .geo-region-card:nth-child(4n+4){border-color:#8980b9;background:#f0edf8} @media(max-width:800px){.v67-feature-layout{grid-template-columns:1fr}.v67-feature-visual img{height:245px;min-height:0;max-height:245px}.geo-city-grid .geo-city-card{min-height:170px}} /* WITHLOVE V160 combined stylesheet boundary */ /* WITHLOVE.COM.UA V7.1: editorial grid, coherent images and accessible cards */ :root{--v71-shadow:0 15px 38px #193d2a16} .v5-section{padding-block:clamp(55px,6vw,82px)}.v5-section-head{gap:20px;margin-bottom:30px}.v5-section-head h2{letter-spacing:-.035em} /* Seven categories balanced 4 + 3, no orphan */ .v5-category-grid[data-count="7"]{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px} .v5-category-grid[data-count="7"]>.v5-category{grid-column:span 3;min-width:0} .v5-category-grid[data-count="7"]>.v5-category:nth-child(n+5){grid-column:span 4} .v5-category{background:#fff;min-width:0;box-shadow:var(--v71-shadow);transition:transform .2s,box-shadow .2s} .v5-category:hover{box-shadow:0 18px 40px #173e2b2b;transform:translateY(-3px)} .v5-category-art{display:block;height:190px;max-height:190px;overflow:hidden} .v5-category-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block} .v5-category-copy{flex:1;display:flex;flex-direction:column;gap:6px;min-height:160px;padding:21px} .v5-category-copy h3{font-size:clamp(19px,1.7vw,24px)}.v5-category-copy p{font-size:13px;line-height:1.65} .v5-category-copy>span{margin-top:auto} /* 5 cards = 3 + centered 2; 4 cards = 2 + 2 */ .v5-products-grid[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1040px;margin-inline:auto} .v5-products-grid[data-count="5"]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px} .v5-products-grid[data-count="5"]>.v5-product-card{grid-column:span 2} .v5-products-grid[data-count="5"]>.v5-product-card:nth-child(4){grid-column:2/span 2} .v5-products-grid[data-count="5"]>.v5-product-card:nth-child(5){grid-column:4/span 2} .v5-product-card{display:flex;flex-direction:column;min-width:0;height:100%;box-shadow:var(--v71-shadow)} .v5-product-art{overflow:hidden;min-height:210px;max-height:255px} .v5-product-art img{display:block;width:100%;height:235px;max-height:235px;object-fit:contain;object-position:center} .v5-product-copy{flex:1;display:flex;flex-direction:column}.v5-product-copy>p{max-width:52ch} .v5-product-foot{margin-top:auto;flex-wrap:wrap;align-items:center} .v5-set{display:flex;flex-direction:column;height:100%;box-shadow:var(--v71-shadow)} .v5-set img{width:100%;height:270px;object-fit:contain;max-height:270px}.v5-set h3{font-size:24px;line-height:1.24} /* Single useful category hero photo, no self-linking duplicate banner */ body[data-category] .v5-page-hero{padding-block:clamp(46px,6vw,78px);min-height:0;isolation:isolate} body[data-category] .v57-visual-hero:before,body[data-category] .v57-visual-hero:after{opacity:0!important} .v71-category-hero-grid{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(260px,.86fr);gap:clamp(20px,4vw,56px);align-items:center} .v71-category-hero-grid>h1,.v71-category-hero-grid>p,.v71-category-hero-grid>.v5-eyebrow,.v71-category-hero-grid>.v5-hero-actions{grid-column:1;min-width:0;margin-top:0} .v71-category-hero-grid>p{font-size:17px;max-width:55ch;line-height:1.75} .v71-category-art{grid-area:1/2/5/3;width:100%;margin:0;background:#fff9;padding:10px;overflow:hidden;border-radius:23px;border:1px solid #fffb;box-shadow:var(--v71-shadow)} .v71-category-art img{width:100%;height:clamp(230px,25vw,345px);object-fit:contain;display:block;border-radius:15px} /* Two strong pieces of product information, no tripled copies */ body[data-v71="product"] .lp-top{padding-top:clamp(26px,4vw,55px)} body[data-v71="product"] .lp-grid{gap:clamp(22px,4vw,55px);align-items:center} body[data-v71="product"] .lp-subtitle{max-width:650px;font-size:clamp(17px,1.6vw,21px);line-height:1.65} body[data-v71="product"] .lp-hero-photo{border-radius:23px;background:#fffaf5;overflow:hidden} body[data-v71="product"] .lp-hero-photo img{width:100%;height:100%;min-height:270px;max-height:460px;object-fit:contain} body[data-v71="product"] .lp-section{padding-block:clamp(55px,6vw,80px)} body[data-v71="product"] .v67-feature-layout .lp-feature-row{display:grid;grid-template-columns:1fr;gap:15px} body[data-v71="product"] .v71-benefit-card{background:linear-gradient(140deg,#fff,var(--product-bg,#f0f6ed));border:1px solid var(--product-pale,#dfe7d8);border-radius:18px;padding:25px 28px;max-width:none} body[data-v71="product"] .v71-benefit-card h3{font-size:21px;margin:0 0 10px;letter-spacing:-.035em} body[data-v71="product"] .v71-benefit-card p{line-height:1.75;font-size:14px;color:#4f6556;margin:0} body[data-v71="product"] .v67-feature-visual{max-height:440px;overflow:hidden} body[data-v71="product"] .v67-feature-visual img{height:100%;max-height:440px;object-fit:contain} body[data-v71="product"] .lp-related-card:hover{transform:translateY(-3px);box-shadow:var(--v71-shadow)} .v71-checkout{border-radius:19px}.v71-password-tip{border-radius:17px;padding:25px!important;background:#f0f7eb;border:1px solid #d6e4cc} .v71-password-tip h2{font-size:22px!important;margin:0 0 8px!important} .v71-final-cta{padding:54px 0;background:#e3f0d8}.v71-final-cta h2{font-size:clamp(28px,3vw,43px);margin-bottom:9px} .v71-final-cta p{line-height:1.7;max-width:680px} .v71-contact-buttons{display:flex;gap:10px;flex-wrap:wrap}.v71-contact-buttons a{display:inline-flex;min-height:48px;min-width:155px;align-items:center;justify-content:center;border-radius:10px;background:#22583e;color:white;font-weight:750} .v71-contact-buttons a:nth-child(2){background:#fff;color:#22583e;border:1px solid #22583e} .geo-city-grid .geo-city-card{border-radius:20px;min-height:190px} .geo-city-grid .geo-city-card:hover{outline:2px solid var(--card-dot,#668c49);outline-offset:2px} .geo-city-grid .geo-city-card .geo-city-city{font-size:clamp(20px,2vw,26px)} @media(max-width:1050px){.v5-category-grid[data-count="7"]{grid-template-columns:repeat(2,minmax(0,1fr))}.v5-category-grid[data-count="7"]>.v5-category,.v5-category-grid[data-count="7"]>.v5-category:nth-child(n+5){grid-column:auto}.v5-category-grid[data-count="7"]>.v5-category:last-child{grid-column:1/-1;max-width:560px;width:100%;justify-self:center}} @media(max-width:760px){.v71-category-hero-grid{display:flex;flex-direction:column;align-items:stretch}.v71-category-art{order:2}.v71-category-art img{height:240px}.v5-category-grid[data-count="7"]{gap:12px}.v5-category-art{height:168px}.v5-category-copy{padding:16px;min-height:0}.v5-products-grid[data-count="4"],.v5-products-grid[data-count="5"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.v5-products-grid[data-count="5"]>.v5-product-card,.v5-products-grid[data-count="5"]>.v5-product-card:nth-child(4),.v5-products-grid[data-count="5"]>.v5-product-card:nth-child(5){grid-column:auto}.v5-products-grid[data-count="5"]>.v5-product-card:last-child{grid-column:1/-1;max-width:490px;width:100%;justify-self:center}body[data-v71="product"] .v67-feature-layout{grid-template-columns:1fr;gap:20px}body[data-v71="product"] .v67-feature-visual{max-height:265px}} @media(max-width:540px){.v5-category-grid[data-count="7"]{grid-template-columns:1fr}.v5-category-grid[data-count="7"]>.v5-category:last-child{grid-column:auto}.v5-category{display:grid;grid-template-columns:minmax(115px,38%) minmax(0,1fr);min-height:176px}.v5-category-number{display:none}.v5-category-art{height:100%;min-height:176px}.v5-category-copy{padding:14px;justify-content:center}.v5-category-copy h3{font-size:19px}.v5-category-copy p{font-size:12px}.v5-products-grid[data-count="4"],.v5-products-grid[data-count="5"]{grid-template-columns:1fr}.v5-products-grid[data-count="5"]>.v5-product-card:last-child{grid-column:auto}.v71-contact-buttons a{width:100%}body[data-v71="product"] .lp-hero-photo img{max-height:320px;min-height:210px}} @media(prefers-reduced-motion:reduce){.v5-category,.v5-product-card,.lp-related-card,.geo-city-card{transition:none!important}} /* The old category template used a huge faded product backdrop; the new composed product photo replaces it. */ body[data-category] .v5-page-hero.v57-visual-hero{background-image:none!important;background-color:var(--product-bg,#f5f8f0)!important} body[data-category] .v57-visual-hero .v5-container:before,body[data-category] .v57-visual-hero .v5-container:after{display:none!important} /* V7.7.7: FAQ / product question cards layout fix */ body[data-v71="product"] .lp-section > .wrap > .lp-feature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch} body[data-v71="product"] .lp-section > .wrap > .lp-feature-row .v71-benefit-card{height:100%} @media(max-width:1050px){body[data-v71="product"] .lp-section > .wrap > .lp-feature-row{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){body[data-v71="product"] .lp-section > .wrap > .lp-feature-row{grid-template-columns:1fr}} /* V7.7.8: consistent, compact product-section layouts (UA/RU/EN) */ @media (min-width: 761px) { body[data-v71="product"] .v67-feature-layout:not(:has(> .v67-feature-visual)) {display:block;width:100%;} body[data-v71="product"] .v67-feature-layout:not(:has(> .v67-feature-visual)) > .lp-feature-row {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%;} } body[data-v71="product"] .v67-feature-layout:not(:has(> .v67-feature-visual)) > .lp-feature-row > .v71-benefit-card {min-height:0;} body[data-v71="product"] .lp-related .lp-related-text-card {min-height:0!important;height:auto;padding:22px 24px;gap:9px;justify-content:flex-start;} body[data-v71="product"] .lp-related .lp-related-text-card > span {font-size:17px;padding:0;flex:0 0 auto;line-height:1.4;} body[data-v71="product"] .lp-related .lp-related-text-card > p {margin:0;min-height:0;line-height:1.5;font-size:13px;} body[data-v71="product"] .lp-related .lp-related-text-card > b {padding:0;margin-top:5px;align-self:flex-end;font-size:20px;} @media(max-width:760px) { body[data-v71="product"] .v67-feature-layout:not(:has(> .v67-feature-visual)) > .lp-feature-row {display:grid;grid-template-columns:1fr;gap:14px;} body[data-v71="product"] .lp-related .lp-related-text-card {padding:20px;} } /* V7.9.5.2: compact category hero spacing across UA/RU/EN */ body[data-category] .v5-page-hero{padding-block:clamp(22px,3vw,36px)!important} body[data-category] .v5-page-hero.v57-visual-hero{min-height:0!important;align-items:flex-start!important} body[data-category] .v5-page-hero.v57-visual-hero .v5-container{padding-top:clamp(8px,1.5vw,16px)!important;padding-bottom:clamp(8px,1.5vw,16px)!important} body[data-category] .v71-category-hero-grid{align-items:start!important;gap:clamp(16px,2.7vw,34px)!important} body[data-category] .v5-page-hero .v5-eyebrow{margin:0 0 10px!important} body[data-category] .v71-category-hero-grid>h1{margin:0 0 14px!important;align-self:start} body[data-category] .v71-category-hero-grid>p{margin:0 0 12px!important;font-size:16px;line-height:1.68;max-width:58ch} body[data-category] .v5-hero-actions{margin-top:8px!important} body[data-category] .v71-category-art{padding:8px} body[data-category] .v5-page-hero + .v5-section{padding-top:clamp(28px,3vw,42px)} body[data-category] .v5-section-head{margin-bottom:22px} @media(max-width:760px){ body[data-category] .v5-page-hero{padding-block:18px!important} body[data-category] .v5-page-hero.v57-visual-hero .v5-container{padding-top:4px!important;padding-bottom:8px!important} body[data-category] .v71-category-hero-grid{gap:14px!important} body[data-category] .v71-category-art{margin-top:4px;padding:6px} body[data-category] .v71-category-art img{height:210px} body[data-category] .v71-category-hero-grid>h1{margin-bottom:10px!important} body[data-category] .v71-category-hero-grid>p{margin-bottom:10px!important;font-size:15px;line-height:1.62} body[data-category] .v5-hero-actions{margin-top:6px!important} body[data-category] .v5-page-hero + .v5-section{padding-top:24px} } /* WITHLOVE V160 combined stylesheet boundary */ /* WITHLOVE contact panel V7.3. Scoped styles, no third-party widgets. */ .wlc-trigger,.wlc-panel,.wlc-panel *,.wlc-panel *::before,.wlc-panel *::after{box-sizing:border-box} .wlc-open .wlc-trigger{opacity:0;visibility:hidden;pointer-events:none} .wlc-trigger,.wlc-close,.wlc-action,.wlc-shortcuts a{font:inherit} .wlc-trigger{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));z-index:1200;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 19px;border:1px solid rgba(255,255,255,.27);border-radius:999px;background:#174e3d;color:#fff;box-shadow:0 10px 26px rgba(8,40,30,.24);font-size:14px;font-weight:750;line-height:1.2;cursor:pointer;transition:transform .17s ease,box-shadow .17s ease,background .17s ease} .wlc-trigger svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none} .wlc-trigger:hover{background:#116049;box-shadow:0 13px 32px rgba(8,40,30,.27);transform:translateY(-2px)} .wlc-trigger:focus-visible,.wlc-close:focus-visible,.wlc-action:focus-visible,.wlc-shortcuts a:focus-visible{outline:3px solid #e9ac4b;outline-offset:3px} .wlc-backdrop{position:fixed;inset:0;background:rgba(9,26,21,.34);z-index:1198;opacity:1} .wlc-backdrop[hidden],.wlc-panel[hidden]{display:none!important} .wlc-panel{position:fixed;z-index:1199;right:max(20px,env(safe-area-inset-right));bottom:calc(91px + env(safe-area-inset-bottom));width:min(410px,calc(100vw - 40px));max-height:min(720px,calc(100dvh - 112px));overflow-y:auto;overscroll-behavior:contain;background:#fff;color:#17372e;border:1px solid #deeadf;border-radius:22px;box-shadow:0 22px 70px rgba(7,31,24,.25);padding:23px;scrollbar-width:thin} .wlc-panel:before{content:'';display:block;position:absolute;left:0;top:0;right:0;height:7px;background:linear-gradient(90deg,#77af78,#d5e6a9,#edd1a1);border-radius:22px 22px 0 0} .wlc-close{display:flex;align-items:center;justify-content:center;position:absolute;top:17px;right:17px;width:36px;height:36px;border:1px solid #e5ebe6;border-radius:50%;background:#f7faf6;color:#21493c;cursor:pointer} .wlc-close:hover{background:#eaf2e7} .wlc-close svg{height:19px;width:19px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round} .wlc-head{display:flex;align-items:center;gap:14px;padding:5px 32px 14px 0} .wlc-photo{width:69px;height:69px;flex:none;border-radius:50%;object-fit:cover;object-position:center 27%;border:3px solid white;box-shadow:0 0 0 1px #d6e1d7,0 3px 9px rgba(0,0,0,.09)} .wlc-name{font-size:17px;line-height:1.25;font-weight:800;letter-spacing:-.02em;color:#183c32} .wlc-subrole{font-size:12px;color:#647d6c;line-height:1.45;margin-top:4px} .wlc-title{font-size:25px;letter-spacing:-.035em;line-height:1.15;font-weight:800;margin:5px 0 10px;color:#16372e} .wlc-desc{font-size:14px;line-height:1.55;color:#4d6659;margin:0 0 18px} .wlc-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px} .wlc-action{display:flex;align-items:center;justify-content:center;gap:9px;min-height:49px;padding:9px 8px;border-radius:12px;text-decoration:none!important;color:#fff!important;font-weight:750;font-size:14px;transition:filter .16s ease,transform .16s ease} .wlc-action svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .wlc-action:hover{filter:brightness(.93);transform:translateY(-1px)} .wlc-telegram{background:#257da9}.wlc-whatsapp{background:#238a55} .wlc-section-label{text-transform:uppercase;letter-spacing:.09em;font-size:10.5px;font-weight:800;color:#658071;margin:0 0 9px} .wlc-shortcuts{display:grid;gap:8px} .wlc-shortcuts a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border:1px solid #dfebdf;background:#f8fbf6;border-radius:11px;color:#204337!important;text-decoration:none!important;font-size:13.5px;font-weight:680;line-height:1.35} .wlc-shortcuts a:hover{background:#eef6e9;border-color:#b9d5b4} .wlc-shortcuts svg{width:16px;height:16px;flex:none;stroke:currentColor;stroke-width:1.8;fill:none} .wlc-foot{font-size:11px;color:#7e8b7c;margin:13px 0 0} @media (max-width:600px){.wlc-trigger{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));min-height:52px;padding:0 16px}.wlc-panel{right:0;bottom:0;width:100%;max-height:calc(100dvh - 35px);border-radius:22px 22px 0 0;padding:23px 22px calc(24px + env(safe-area-inset-bottom));border:0}.wlc-panel:before{border-radius:22px 22px 0 0}.wlc-actions{gap:9px}.wlc-title{font-size:23px}} @media (max-height:560px){.wlc-panel{max-height:calc(100dvh - 16px);bottom:8px}} @media (prefers-reduced-motion:reduce){.wlc-trigger,.wlc-action{transition:none}} /* V7.4: distinct crimson launcher, social links and two direct CTAs. */ .wlc-trigger{background:#c90943;border:2px solid #fff;color:#fff;box-shadow:0 8px 0 rgba(15,55,43,.09),0 12px 34px rgba(145,6,50,.28);min-height:60px;padding:0 21px;font-weight:800;letter-spacing:.01em} .wlc-trigger:hover{background:#a90737;box-shadow:0 9px 0 rgba(15,55,43,.07),0 16px 40px rgba(145,6,50,.34)} .wlc-trigger:active{transform:translateY(1px)} .wlc-trigger:focus-visible{outline:3px solid #1b654c;outline-offset:3px} .wlc-panel{box-shadow:0 26px 84px rgba(7,31,24,.3)} .wlc-panel:before{background:linear-gradient(90deg,#d10a48,#f09e66,#bdd5b7)} .wlc-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:6px 0 18px} .wlc-action{border:1px solid #d9e5df;min-height:50px;justify-content:flex-start;padding:10px 12px;background:#f9fbfa;color:#163c30!important;box-shadow:0 1px 2px rgba(14,46,32,.04);font-weight:730} .wlc-action:hover{background:#edf7f3;filter:none;border-color:#adcdbf} .wlc-action svg{height:20px;width:20px} .wlc-telegram svg{color:#2186b7}.wlc-whatsapp svg{color:#1b995d}.wlc-facebook svg{color:#2666ad}.wlc-instagram svg{color:#bd487b} .wlc-section-label{margin:0 0 10px} .wlc-buy-actions{display:grid;grid-template-columns:1fr;gap:9px;margin:0 0 8px} .wlc-buy-link{width:100%;min-height:59px;display:flex;align-items:center;justify-content:space-between;gap:13px;padding:12px 14px;border-radius:13px;text-decoration:none!important;box-shadow:0 4px 14px rgba(17,43,33,.08);transition:transform .17s ease,box-shadow .17s ease,background .17s ease} .wlc-buy-link:hover{transform:translateY(-1px);box-shadow:0 7px 17px rgba(17,43,33,.13)} .wlc-buy-link:focus-visible{outline:3px solid #e9ac4b;outline-offset:2px} .wlc-buy-main{background:#c90943;color:#fff!important} .wlc-buy-main:hover{background:#ac0738;color:#fff!important} .wlc-buy-partner{background:#174e3d;color:#fff!important} .wlc-buy-partner:hover{background:#103e2f;color:#fff!important} .wlc-buy-copy{min-width:0;display:flex;flex-direction:column;gap:3px;line-height:1.24} .wlc-buy-copy strong{font-size:14px;font-weight:800;color:inherit} .wlc-buy-copy small{font-size:11.5px;color:inherit;opacity:.85;font-weight:480;line-height:1.3} .wlc-buy-link svg{width:19px;height:19px;stroke:currentColor;stroke-width:2;fill:none;flex:none} .wlc-panel .wlc-foot{font-size:11px;line-height:1.45;margin-top:10px} @media(max-width:600px){.wlc-trigger{min-height:54px;padding:0 17px;right:15px;bottom:calc(16px + env(safe-area-inset-bottom))}.wlc-panel{padding:20px 18px calc(20px + env(safe-area-inset-bottom))}.wlc-head{padding-bottom:11px}.wlc-photo{width:60px;height:60px}.wlc-title{margin-top:1px}.wlc-desc{margin-bottom:13px}.wlc-actions{gap:8px;margin-bottom:15px}.wlc-action{min-height:46px;padding:9px 11px}.wlc-buy-link{min-height:56px}} @media(prefers-reduced-motion:reduce){.wlc-trigger,.wlc-buy-link{transition:none}} /* V7.5: WITHLOVE brand palette aligned with coral heart, green leaves, blue accent and warm sun. */ .wlc-trigger{ background:linear-gradient(135deg,#ff857d 0%,#ff5f86 52%,#ea487e 100%); border:2px solid rgba(255,255,255,.96); color:#fff; box-shadow:0 8px 0 rgba(25,78,59,.08),0 16px 36px rgba(234,72,126,.28); } .wlc-trigger:hover{ background:linear-gradient(135deg,#ff746d 0%,#ff4d7b 54%,#dd3c71 100%); box-shadow:0 10px 0 rgba(25,78,59,.06),0 18px 40px rgba(234,72,126,.32); } .wlc-trigger:focus-visible, .wlc-buy-link:focus-visible, .wlc-close:focus-visible, .wlc-action:focus-visible, .wlc-shortcuts a:focus-visible{ outline:3px solid #7ccf85; outline-offset:3px; } .wlc-backdrop{background:rgba(18,43,35,.34)} .wlc-panel{ background:linear-gradient(180deg,#ffffff 0%,#fcfefd 100%); color:#1f4338; border:1px solid #d9ebe0; box-shadow:0 26px 84px rgba(16,44,35,.22); } .wlc-panel:before{ height:8px; background:linear-gradient(90deg,#ff7d84 0%,#ffb46c 28%,#a8da6d 67%,#4eb9dd 100%); } .wlc-close{ border:1px solid #e8efe8; background:#fff7f7; color:#315648; } .wlc-close:hover{background:#ffeceb} .wlc-name{color:#1d4338} .wlc-subrole{color:#6e8279} .wlc-title{color:#1a4035} .wlc-desc{color:#547063} .wlc-section-label{color:#6c7f77} .wlc-head{padding-bottom:15px} .wlc-photo{box-shadow:0 0 0 1px #dbe8df,0 6px 16px rgba(34,78,60,.08)} .wlc-actions{gap:10px} .wlc-action{ border:1px solid #e0ebe5; background:linear-gradient(180deg,#ffffff 0%,#f7fbf8 100%); color:#20473a!important; box-shadow:0 1px 2px rgba(14,46,32,.04); } .wlc-action:hover{ background:linear-gradient(180deg,#fff7f6 0%,#f2fbf5 100%); border-color:#c8dfd1; } .wlc-telegram{background:linear-gradient(180deg,#eef9fd 0%,#e3f5fb 100%)} .wlc-whatsapp{background:linear-gradient(180deg,#effcf4 0%,#e8f8ef 100%)} .wlc-facebook{background:linear-gradient(180deg,#f3f7fe 0%,#eaf2ff 100%)} .wlc-instagram{background:linear-gradient(180deg,#fff3f8 0%,#fdebf3 100%)} .wlc-telegram svg{color:#36a8d6} .wlc-whatsapp svg{color:#2ea96d} .wlc-facebook svg{color:#4876c9} .wlc-instagram svg{color:#d66191} .wlc-shortcuts a{ border:1px solid #e1ece4; background:#fbfdfa; color:#24473d!important; } .wlc-shortcuts a:hover{ background:linear-gradient(180deg,#fff7f5 0%,#f0faf3 100%); border-color:#c7ddcd; } .wlc-buy-main{ background:linear-gradient(135deg,#ff867f 0%,#ff6888 55%,#ee4d80 100%); color:#fff!important; } .wlc-buy-main:hover{ background:linear-gradient(135deg,#ff7770 0%,#ff577c 55%,#de4272 100%); } .wlc-buy-partner{ background:linear-gradient(135deg,#2f9f6b 0%,#2aa88e 56%,#2790a8 100%); color:#fff!important; } .wlc-buy-partner:hover{ background:linear-gradient(135deg,#27885a 0%,#239178 56%,#217d92 100%); } .wlc-buy-copy small{opacity:.92} .wlc-panel .wlc-foot{color:#71827b} @media(max-width:600px){ .wlc-panel{background:linear-gradient(180deg,#ffffff 0%,#fbfdfa 100%)} } /* WITHLOVE V160 combined stylesheet boundary */ /* V7.5: edited product images and balanced responsive cards */ .v71-category-art img{width:100%;height:100%;max-height:440px;object-fit:contain;background:#f6f7f4} .v5-category-art img{width:100%;height:100%;object-fit:contain;background:#f6f7f4} .v5-product-art img,.v5-product-card .v59-with-img img{width:100%;height:100%;object-fit:contain;background:#fbfaf7} .v5-products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,26px)} .v5-products-grid:has(> :nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px;margin-left:auto;margin-right:auto} .v5-products-grid:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))} .v5-products-grid:has(> :nth-child(5):last-child){grid-template-columns:repeat(6,minmax(0,1fr))} .v5-products-grid:has(> :nth-child(5):last-child) > *{grid-column:span 2} .v5-products-grid:has(> :nth-child(5):last-child) > :nth-child(n+4){grid-column:span 3} .v5-product-card{min-width:0;overflow:hidden} @media(max-width:780px){.v5-products-grid,.v5-products-grid:has(> :nth-child(5):last-child),.v5-products-grid:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.v5-products-grid:has(> :nth-child(5):last-child) > *,.v5-products-grid:has(> :nth-child(5):last-child) > :nth-child(n+4){grid-column:auto}} @media(max-width:550px){.v5-products-grid,.v5-products-grid:has(> :nth-child(2):last-child),.v5-products-grid:has(> :nth-child(5):last-child),.v5-products-grid:has(> :nth-child(4):last-child){grid-template-columns:1fr;max-width:none}.v5-products-grid:has(> :nth-child(5):last-child) > *,.v5-products-grid:has(> :nth-child(5):last-child) > :nth-child(n+4){grid-column:auto}} /* Site catalogue: 16 confirmed product cards displayed in four even desktop rows. */ @media(min-width:1050px){.v5-products-grid:has(> :nth-child(16):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}} /* Five active categories: visually balanced 3 + 2 layout, without orphaned card. */ @media(min-width:960px){.v5-category-grid[data-count="5"]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(14px,2vw,25px)}.v5-category-grid[data-count="5"] > *{grid-column:span 2}.v5-category-grid[data-count="5"] > :nth-child(n+4){grid-column:span 3}} @media (max-width:959px) and (min-width:590px){.v5-category-grid[data-count="5"]{grid-template-columns:repeat(2,minmax(0,1fr))}.v5-category-grid[data-count="5"] > :last-child{grid-column:span 2}} @media(max-width:589px){.v5-category-grid[data-count="5"]{grid-template-columns:1fr}.v5-category-grid[data-count="5"] > *{grid-column:auto}} /* WITHLOVE V160 combined stylesheet boundary */ /* V7.6 five official categories and simple product lists */ .v76-category-explain{margin-top:clamp(26px,3vw,46px);max-width:860px;border-top:1px solid #d9e3d7;padding-top:22px} .v76-category-explain h2{font-size:clamp(22px,2.6vw,32px);margin:0 0 12px} .v76-category-explain p{font-size:clamp(15px,1.4vw,17px);line-height:1.75;color:#42584a} .v76-empty-state{border:1px solid #e0e8dd;background:white;padding:clamp(18px,3vw,32px);border-radius:18px;max-width:760px} .v76-empty-state p{margin:0 0 16px;line-height:1.7} .v5-category.v5-cat-weight .v5-category-art{background:linear-gradient(125deg,#ede5ef,#eadced)} .v5-category.v5-cat-daily .v5-category-art{background:linear-gradient(125deg,#edf0d8,#dce9cf)} .v5-products-grid[data-count="1"]{display:grid;grid-template-columns:minmax(0,1fr)} .v5-products-grid[data-count="1"]>.v5-product-card{display:grid;grid-template-columns:minmax(180px,32%) 1fr;max-width:900px;align-items:stretch;width:100%} .v5-products-grid[data-count="1"]>.v5-product-card>.v5-product-art{height:100%;min-height:230px} @media(max-width:589px){.v5-products-grid[data-count="1"]>.v5-product-card{display:flex;flex-direction:column}} @media (min-width:1120px) { .v5-products-grid[data-count="8"]{grid-template-columns:repeat(4,minmax(0,1fr));} } /* Weight category cards V7.6.9 */ .wl-weight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:26px}.wl-weight-card{background:#fff;border:1px solid #e0e8dd;border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:12px}.wl-weight-image{height:235px;border-radius:14px;background:#f8f5f0;display:flex;align-items:center;justify-content:center;overflow:hidden}.wl-weight-image img{width:100%;height:100%;object-fit:contain;padding:14px}.wl-weight-card h3{font-size:19px;margin:0;line-height:1.3}.wl-weight-card p{margin:0 0 8px;color:#526052}.wl-weight-card .v5-btn{margin-top:auto;text-align:center}@media(max-width:850px){.wl-weight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.wl-weight-grid{grid-template-columns:1fr}} /* Catalog reconciliation V7.7.1 */ .wl-product-no-photo,.wl-weight-flavour{display:flex;align-items:center;justify-content:center;min-height:150px;padding:22px;color:#32543e;font-weight:700;text-align:center;font-size:18px;line-height:1.35;background:linear-gradient(145deg,#f5f8f0,#eaf1e7);border-radius:14px}.v5-product-art:has(.wl-product-no-photo){display:flex;align-items:center;justify-content:center}.wl-weight-image .wl-weight-flavour{width:100%;height:100%;font-size:23px}.v5-product-art img{object-fit:contain!important}.wl-weight-card img{object-fit:contain!important} /* Weight category: heading and introduction stay together above product grid */ .wl-weight-section-head{display:block!important;} .wl-weight-section-head>div,.wl-weight-section-head>p{width:100%;max-width:920px;} .wl-weight-section-head h2{font-size:clamp(28px,3vw,42px);line-height:1.15;overflow-wrap:normal;} .wl-weight-section-head>p{margin-top:14px;} /* WITHLOVE V160 combined stylesheet boundary */ /* WITHLOVE V7.6 image presentation normalization; does not edit product photos. */ /* Product tiles use one consistent visual space, with no clipping of packaging. */ .v5-product-art img, .v5-product-art.v59-with-img img { display:block; width:100%; height:235px; max-height:235px; object-fit:contain; object-position:center; } /* The hero photographs remain entirely visible regardless of aspect ratio. */ body[data-v71="product"] .lp-hero-photo img { display:block; width:100%; height:clamp(280px,34vw,440px); min-height:0; max-height:440px; object-fit:contain; object-position:center; } body[data-v71="product"] .lp-mobile-product-img img { display:block; width:100%; height:290px; max-height:290px; object-fit:contain; object-position:center; } /* Related items, including packaging with different source aspect ratios. */ .lp-related-img img {width:100%;height:190px;max-height:190px;object-fit:contain;object-position:center} @media (max-width:760px){ body[data-v71="product"] .lp-mobile-product-img img {height:245px;max-height:245px} .v5-product-art img,.v5-product-art.v59-with-img img {height:215px;max-height:215px} } .wl-buying-guide-link{display:inline-block;margin-top:14px;font-size:14px;font-weight:650;text-decoration:underline;text-underline-offset:3px} /* WITHLOVE V160 combined stylesheet boundary */ /* V7.6.3: confirmed product questions */ .v763-faq{margin-top:2rem;padding:1.5rem;border:1px solid #d8e3db;border-radius:18px;background:#fff}.v763-faq h2{font-size:clamp(1.35rem,2vw,1.8rem);margin:0 0 1rem}.v763-faq article+article{border-top:1px solid #e5eae6;margin-top:1rem;padding-top:1rem}.v763-faq h3{font-size:1.05rem;margin:0 0 .4rem}.v763-faq p{margin:0;line-height:1.65} /* WITHLOVE V160 combined stylesheet boundary */ /* V7.7.9 - product layout rebuilt, intentionally loaded last */ body[data-v71="product"] .v67-feature-layout:has(> .lp-feature-row):not(:has(> .v67-feature-visual)) {display:block;width:100%;max-width:none} body[data-v71="product"] .v67-feature-layout:not(:has(> .v67-feature-visual)) > .lp-feature-row {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;width:100%} body[data-v71="product"] .v67-feature-layout .lp-feature-row > article {min-height:0!important;max-width:none!important;margin:0;align-self:stretch} body[data-v71="product"] section.lp-section > .wrap > .lp-feature-row {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px;align-items:stretch} body[data-v71="product"] section.lp-section > .wrap > .lp-feature-row > article {min-height:0!important;height:auto!important;margin:0;padding:22px 24px;box-sizing:border-box} body[data-v71="product"] section.lp-section > .wrap > .lp-feature-row > article h3 {margin:0 0 10px;line-height:1.3} body[data-v71="product"] .lp-related {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px;align-items:stretch} body[data-v71="product"] .lp-related:has(> :only-child) {grid-template-columns:minmax(0,420px)!important} body[data-v71="product"] .lp-related > .lp-related-card {height:auto!important;min-height:0!important;max-height:none!important;display:flex!important;flex-direction:column;gap:0!important;padding:0!important;align-self:stretch;overflow:hidden;border-radius:17px} body[data-v71="product"] .lp-related-card .lp-related-img {height:172px!important;min-height:0!important;width:100%;padding:12px;background:#f8faf6;box-sizing:border-box} body[data-v71="product"] .lp-related-card .lp-related-img img {width:100%;height:100%;object-fit:contain} body[data-v71="product"] .lp-related-card > span {padding:15px 18px 5px!important;flex:none!important;line-height:1.4} body[data-v71="product"] .lp-related-card > p {margin:0!important;padding:0 18px 17px!important;font-size:13px;line-height:1.5} body[data-v71="product"] .lp-related-card > b {display:none} body[data-v71="product"] .v763-faq {max-width:100%;box-sizing:border-box;margin:24px auto 0;padding:clamp(18px,2vw,28px)} body[data-v71="product"] .v763-faq article {max-width:none} @media(max-width:1050px){body[data-v71="product"] section.lp-section > .wrap > .lp-feature-row {grid-template-columns:repeat(2,minmax(0,1fr))!important}body[data-v71="product"] .lp-related {grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:760px){body[data-v71="product"] .v67-feature-layout:not(:has(> .v67-feature-visual)) > .lp-feature-row,body[data-v71="product"] section.lp-section > .wrap > .lp-feature-row,body[data-v71="product"] .lp-related {grid-template-columns:1fr!important}body[data-v71="product"] .lp-related-card .lp-related-img {height:200px!important}} /* V8.0.3: FAQ lives inside the page container; keep the block aligned */ body[data-v71="product"] .lp-section > .wrap > .v763-faq{width:100%;max-width:100%;margin:26px 0 0;border:1px solid #dce7dd;border-radius:18px;padding:clamp(18px,2vw,27px);box-sizing:border-box} body[data-v71="product"] .lp-section > .wrap > .v763-faq h2{font-size:clamp(23px,2.25vw,30px);line-height:1.2;margin:0 0 14px} @media(max-width:760px){body[data-v71="product"] .lp-section > .wrap > .v763-faq{padding:18px;margin-top:20px}} /* V8.0.24: compact and continuous product detail flow, UA/RU/EN. One source of truth for product spacing. Replaces the V8.0.23 spacing rules. */ body[data-v71="product"] .lp-top{ padding-top:clamp(16px,2vw,26px)!important; padding-bottom:clamp(20px,2.2vw,30px)!important; } body[data-v71="product"] .lp-grid{gap:clamp(16px,2.6vw,30px)!important;align-items:start!important} body[data-v71="product"] section.lp-section{ padding-block:clamp(16px,1.7vw,24px)!important; } /* Related white sections should read as one continuous article, not disconnected panels. */ body[data-v71="product"] section.lp-section.lp-white + section.lp-section.lp-white{ padding-top:8px!important; } body[data-v71="product"] section.lp-section.lp-white:has(+ section.lp-section.lp-white){ padding-bottom:8px!important; } body[data-v71="product"] .lp-section-head{margin-bottom:12px!important;max-width:850px} body[data-v71="product"] .lp-section-head h2{ margin:0!important; font-size:clamp(28px,2.75vw,39px)!important; line-height:1.13!important; letter-spacing:-.035em; } body[data-v71="product"] .lp-section-head .lp-eyebrow{display:block;margin:0 0 7px!important} body[data-v71="product"] section.lp-section > .wrap > .lp-feature-row{ gap:14px!important; } /* Two informational cards should not leave an empty third column. */ body[data-v71="product"] section.lp-section > .wrap > .lp-feature-row:has(> article:nth-child(2):last-child){ grid-template-columns:repeat(2,minmax(0,1fr))!important; } body[data-v71="product"] section.lp-section > .wrap > .lp-feature-row:has(> article:only-child){ grid-template-columns:1fr!important; } body[data-v71="product"] section.lp-section > .wrap > .lp-feature-row > article{ padding:18px 20px!important; border-radius:16px!important; min-height:0!important; } body[data-v71="product"] section.lp-section > .wrap > .lp-feature-row > article h3{ margin:0 0 8px!important; font-size:clamp(19px,1.7vw,22px)!important; line-height:1.3!important; } body[data-v71="product"] .v71-benefit-card p{line-height:1.6!important} body[data-v71="product"] .v71-checkout{border-radius:16px!important} body[data-v71="product"] .v71-password-tip{padding:18px 20px!important;border-radius:16px!important} body[data-v71="product"] .lp-related{gap:14px!important} body[data-v71="product"] .lp-related-card .lp-related-img{height:160px!important;padding:10px!important} body[data-v71="product"] .lp-related-card > span{padding:12px 16px 4px!important} body[data-v71="product"] .lp-related-card > p{padding:0 16px 14px!important} body[data-v71="product"] .lp-section > .wrap > .v763-faq{margin-top:16px!important;padding:16px 18px!important} body[data-v71="product"] .lp-section > .wrap > .v763-faq h2{margin-bottom:12px!important} body[data-v71="product"] .lp-convert{padding-block:clamp(28px,3vw,42px)!important} body[data-v71="product"] .lp-convert-grid{gap:clamp(18px,3vw,34px)!important} @media(max-width:760px){ body[data-v71="product"] .lp-top{padding:14px 0 18px!important} body[data-v71="product"] .lp-grid{gap:16px!important} body[data-v71="product"] section.lp-section{padding-block:16px!important} body[data-v71="product"] section.lp-section.lp-white + section.lp-section.lp-white{padding-top:8px!important} body[data-v71="product"] section.lp-section.lp-white:has(+ section.lp-section.lp-white){padding-bottom:8px!important} body[data-v71="product"] .lp-section-head{margin-bottom:10px!important} body[data-v71="product"] .lp-section-head h2{font-size:clamp(26px,7vw,33px)!important;line-height:1.18!important} body[data-v71="product"] section.lp-section > .wrap > .lp-feature-row, body[data-v71="product"] section.lp-section > .wrap > .lp-feature-row:has(> article:nth-child(2):last-child){ grid-template-columns:1fr!important;gap:10px!important; } body[data-v71="product"] section.lp-section > .wrap > .lp-feature-row > article{padding:16px!important} body[data-v71="product"] .lp-related-card .lp-related-img{height:166px!important} body[data-v71="product"] .lp-section > .wrap > .v763-faq{margin-top:12px!important;padding:15px!important} body[data-v71="product"] .lp-convert{padding-block:24px!important} } /* Cosmetics use a separate editorial template: match its spacing to product pages. */ body[data-v71="product"] .wl78-product{padding-block:clamp(24px,3vw,42px)!important} body[data-v71="product"] .wl78-hero > *{min-width:0!important} body[data-v71="product"] .wl78-photo{min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important} body[data-v71="product"] .wl78-photo img{min-width:0!important;max-width:100%!important;width:100%!important;height:auto!important} body[data-v71="product"] .wl78-copy{margin:24px auto 16px!important;line-height:1.72!important} body[data-v71="product"] .wl78-features{margin:24px 0!important;gap:14px!important} body[data-v71="product"] .wl78-feature{padding:18px 20px!important} body[data-v71="product"] .wl78-bottom{padding:20px 22px!important} body[data-v71="product"] .wl78-related{margin-top:14px!important} body[data-v71="product"] .wl78-note{margin:14px 0!important} body[data-v71="product"] .wl-beauty-editorial{ margin:clamp(18px,2.5vw,30px) auto!important; padding:clamp(18px,2.2vw,28px)!important; } body[data-v71="product"] .wl-beauty-editorial .wl-beauty-story-heading{margin-bottom:15px!important} body[data-v71="product"] .wl-beauty-story{padding:clamp(16px,1.7vw,21px)!important} @media(max-width:760px){ body[data-v71="product"] .wl78-product{padding:18px 16px 30px!important} body[data-v71="product"] .wl78-hero{gap:15px!important} body[data-v71="product"] .wl78-copy{margin:18px auto 12px!important} body[data-v71="product"] .wl78-features{margin:18px 0!important;gap:10px!important} body[data-v71="product"] .wl78-feature{padding:16px!important} body[data-v71="product"] .wl78-photo{min-height:215px!important} body[data-v71="product"] .wl-beauty-editorial{margin:18px auto!important;padding:16px!important} } /* V8.0.26: shorter, readable editorial content replacing repetitive benefit/FAQ cards */ body[data-v71="product"] .v67-feature-layout:has(> .wl826-product-story):not(:has(> .v67-feature-visual)){ display:block!important; width:100%; max-width:none; } body[data-v71="product"] .wl826-product-story { max-width:80ch; min-width:0; } body[data-v71="product"] .wl826-product-story p{ margin:0 0 13px; font-size:clamp(15px,1.25vw,17px); line-height:1.7; color:#415b4d; } body[data-v71="product"] .wl826-product-story p:last-child{margin-bottom:0} body[data-v71="product"] .wl826-product-note{ font-size:15px; line-height:1.65; margin:15px 0 0; padding:12px 16px; border-left:3px solid #9bbb8b; background:#f4f8f1; color:#3c5849; max-width:75ch; } @media(max-width:760px){ body[data-v71="product"] .wl826-product-story p{font-size:15px;line-height:1.64;margin-bottom:10px} body[data-v71="product"] .wl826-product-note{padding:10px 13px;margin-top:12px} } /* WITHLOVE V160 combined stylesheet boundary */ /* V7.8 new beauty landing pages */ .wl78-product{max-width:1120px;margin:0 auto;padding:55px 24px 82px}.wl78-hero{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(22px,4vw,54px);align-items:center}.wl78-tag{font-weight:750;letter-spacing:.09em;text-transform:uppercase;font-size:12px;color:#457552}.wl78-hero h1{font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-.045em;margin:16px 0 23px}.wl78-lead{font-size:18px;line-height:1.7;color:#40594e}.wl78-photo{background:#f2f5ed;border-radius:24px;padding:20px;display:flex;align-items:center;justify-content:center;min-height:360px}.wl78-photo img{width:100%;max-height:450px;object-fit:contain}.wl78-link{display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;border-radius:11px;background:#19543a;color:#fff!important;font-weight:800;text-decoration:none!important;margin-top:18px}.wl78-copy{max-width:790px;margin:50px auto 20px;font-size:17px;line-height:1.85;color:#40594e}.wl78-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:35px 0 42px}.wl78-feature{background:#f8faf5;border:1px solid #dbe7d8;border-radius:18px;padding:24px}.wl78-feature h2{font-size:20px;margin:0 0 11px;line-height:1.3}.wl78-feature p{font-size:15px;line-height:1.65;margin:0;color:#496554}.wl78-bottom{padding:26px 30px;background:#edf3e9;border-radius:18px}.wl78-bottom h2{margin:0;font-size:26px}.wl78-related{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.wl78-related a{padding:10px 15px;border:1px solid #bed1bd;border-radius:12px;background:white}.wl78-note{font-size:13px;color:#58715e;line-height:1.6;margin:20px 0}@media(max-width:830px){.wl78-hero{grid-template-columns:1fr}.wl78-features{grid-template-columns:1fr}.wl78-photo{min-height:240px}.wl78-product{padding:30px 17px 55px}} /* V8.0.8: mobile grid min-content and product-image overflow correction */ @media(max-width:830px){.wl78-hero{grid-template-columns:minmax(0,1fr)}.wl78-photo{min-width:0;max-width:100%;width:100%;box-sizing:border-box}.wl78-photo img{min-width:0;max-width:100%;width:100%;height:auto}} /* WITHLOVE V160 combined stylesheet boundary */ /* WITHLOVE.COM.UA V8.0.2: individual FitLine Beauty editorial sections */ .wl-beauty-editorial{width:min(1120px,calc(100% - 48px));margin:clamp(28px,4.5vw,58px) auto; padding:clamp(26px,3.5vw,44px);background:#f7faf5;border:1px solid #e0e9da;border-radius:24px;color:#1d3c30;box-shadow:0 10px 30px #163e2309} .wl-beauty-editorial .wl-beauty-story-heading{font-size:clamp(24px,2.9vw,35px);line-height:1.19;letter-spacing:-.038em;margin:0 0 22px;font-weight:800} .wl-beauty-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch} .wl-beauty-story{background:white;border:1px solid #e0e8dd;border-radius:17px;padding:clamp(19px,2vw,25px);min-width:0} .wl-beauty-story h3{font-size:clamp(18px,1.55vw,21px);line-height:1.3;letter-spacing:-.028em;margin:0 0 12px;font-weight:800} .wl-beauty-story p{font-size:15px;line-height:1.75;color:#405e4c;margin:0;max-width:60ch;overflow-wrap:break-word} @media(max-width:900px){.wl-beauty-stories{grid-template-columns:repeat(2,minmax(0,1fr))}.wl-beauty-story:last-child{grid-column:1/-1}} @media(max-width:640px){.wl-beauty-editorial{width:calc(100% - 30px);padding:20px 16px;border-radius:17px;margin:27px auto}.wl-beauty-stories{grid-template-columns:1fr;gap:11px}.wl-beauty-story:last-child{grid-column:auto}.wl-beauty-story{padding:18px}.wl-beauty-story p{font-size:14px;line-height:1.68}}