/* Landing in the structure of the client's Christmas Bottle Figma (QMC9rkf4U2EZ3yCIu4IvoO, "Desktop - 1" 1:885 and
   "iPhone 13 mini - 2" 1:4). Sizes below are the Figma's: 954px content column, Fraunces 48/36/28, Figtree / Poppins 17. */
.lp-in{width:100%;max-width:1002px;margin:0 auto;padding:0 24px}
.lp h2{font:700 36px/42px var(--font-heading);text-align:center;letter-spacing:-.2px}
.lp-eye{text-align:center;margin-bottom:10px}
.lp-eye span{display:inline;background:var(--v3-hl);padding:1px 10px;font:400 17px/26px "Figtree",sans-serif;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* nav (Figma 1:1083) */
.lp-nav{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid #E6E6E6}
.lp-nav-in{max-width:1002px;margin:0 auto;padding:0 24px;height:63px;display:flex;align-items:center;gap:24px}
.lp-logo{display:flex;align-items:center;gap:9px;text-decoration:none;flex:none}
.lp-logo img{height:38px;width:auto}
.lp-logo span{border-left:1px solid #A22D2B;padding-left:8px;font:700 11px/12px "Figtree",sans-serif;color:#000}
.lp-links{display:flex;gap:30px;margin-left:auto;font:400 15px/16px "Inter",sans-serif;color:#202E3B}
.lp-links a{text-decoration:none;padding:23px 0 21px;border-bottom:3px solid transparent}
.lp-links a.on{font-weight:700;border-bottom-color:var(--v3-yellow)}
.lp-order{display:flex;align-items:center;gap:12px;margin-left:70px;font:700 17px/16px "Poppins",sans-serif;color:#202E3B;flex:none}
.lp-order img{width:32px;height:18px}
.lp-burger{display:none;margin-left:auto;width:34px;height:26px;padding:0;border:0;background:none;flex-direction:column;justify-content:space-between}
.lp-burger i{display:block;height:4px;border-radius:2px;background:#000}
.lp-menu{display:flex;flex-direction:column;border-top:1px solid #E6E6E6;background:#fff}
.lp-menu[hidden]{display:none}
.lp-menu a{padding:14px 24px;font:400 16px/20px "Inter",sans-serif;text-decoration:none;border-bottom:1px solid #F0F0F0}

/* hero */
.lp-hero{padding:43px 0 51px}
.lp-hero-in{display:grid;grid-template-columns:484px minmax(0,1fr);grid-template-areas:"img top" "img body";grid-template-rows:auto 1fr;column-gap:45px}
.lp-hero-top{grid-area:top;padding-top:3px}
.lp-hero-img{grid-area:img;position:relative;width:484px;height:484px;border-radius:12px;overflow:hidden;background:var(--v3-grey)}
.lp-hero-img>img:first-child{width:100%;height:100%;object-fit:cover;display:block}
.lp-hero-img .v3-badge,.lp-end-img .v3-badge{position:absolute;left:23px;top:27px}
.lp-hero h1{font:700 48px/55px var(--font-heading);margin-top:5px;max-width:460px;letter-spacing:-.3px}
.lp-hero-body{grid-area:body;padding-top:9px}
.lp-hero-sub{font:400 17px/23px "Inter",sans-serif;max-width:420px}
.lp-hero-sub b{font-weight:700}
.lp-checks{list-style:none;display:flex;flex-direction:column;gap:12px;margin-top:18px}
.lp-checks li{display:flex;align-items:center;gap:13px;font:700 17px/23px "Figtree",sans-serif}
.v3-ck{width:20px;height:20px;flex:none}
.lp-hero-cta{position:relative;margin-top:22px;width:316px;max-width:100%}
.lp-arrow{position:absolute;left:calc(100% - 14px);bottom:26px;width:109px;height:120px;pointer-events:none}

/* press */
.lp-press{background:#000;padding:13px 24px;display:flex;justify-content:center}
.lp-press img{width:100%;max-width:1123px;height:auto}

/* UGC carousel: moving, edge to edge */
.lp-ugc{background:var(--v3-grey);padding:33px 0 40px;overflow:hidden}
.lp-ugc h2{margin:0 24px}
.lp-marquee{margin-top:21px;overflow:hidden}
.lp-track{display:flex;gap:10px;width:max-content;animation:lp-slide 42s linear infinite}
.lp-track img{width:217px;height:257px;border-radius:8px;object-fit:cover;flex:none;display:block}
.lp-marquee:hover .lp-track{animation-play-state:paused}
@keyframes lp-slide{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 5px))}}
@media (prefers-reduced-motion:reduce){.lp-track{animation:none}}
.lp-quote{max-width:640px;margin:26px auto 0;padding:0 24px;text-align:center;font:400 17px/30px "Figtree",sans-serif}
.lp-quote .v3-stars{margin:0 auto 12px}
.lp-quote b{font-weight:700}

/* feature rows */
.lp-feat{padding:48px 0 30px}
.lp-feat h2{max-width:520px;margin:0 auto}
.lp-rows{display:flex;flex-direction:column;gap:62px;margin:54px auto 0;max-width:896px}
.lp-row{display:grid;grid-template-columns:413px 428px;justify-content:space-between;align-items:center}
.lp-row.rev .lp-row-t{order:2}
.lp-row h3{font:700 28px/36px var(--font-heading);color:#020202;max-width:400px}
.lp-row p{font:400 17px/26px "Poppins",sans-serif;margin-top:15px}
.lp-row p b{font-weight:700}
.lp-row-i{height:325px;border-radius:8px;overflow:hidden;background:var(--v3-grey)}
.lp-row-i img{width:100%;height:100%;object-fit:cover;display:block}
.lp-feat-cta{display:flex;margin:36px auto 0}

/* guarantee */
.lp-guar{padding:60px 0 0}
.lp-guar-card{display:grid;grid-template-columns:469px minmax(0,1fr);background:var(--v3-grey);border-radius:8px;overflow:hidden;min-height:484px}
.lp-guar-t{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 38px}
.lp-guar-t h2{font:700 24px/31px var(--font-heading);margin-top:14px}
.lp-guar-t .v3-cta{width:330px}
.lp-guar-t p:not(.v3-ship){font:400 17px/26px "Poppins",sans-serif;margin:22px 0 24px;max-width:386px}
.lp-guar-t p b{font-weight:700}
.lp-guar-i img{width:100%;height:100%;object-fit:cover;display:block}

/* product highlight */
.lp-high{padding:56px 0 34px}
.lp-high-h{margin-bottom:26px}
.lp-high-grid{display:grid;grid-template-columns:235px 392px 258px;grid-template-areas:"a img b" "c img d";justify-content:center;column-gap:8px;row-gap:40px;align-items:center}
.lp-high-img{grid-area:img;height:542px;border-radius:12px;overflow:hidden;background:linear-gradient(#E7DFD3,#F3EEE5 55%,#EFEBE0)}
.lp-high-img img{width:100%;height:100%;object-fit:contain;display:block}
.lp-high-it.it1{grid-area:a}.lp-high-it.it2{grid-area:b}.lp-high-it.it3{grid-area:c}.lp-high-it.it4{grid-area:d}
.lp-high-it.it2,.lp-high-it.it4{padding-left:10px}
.lp-high-it h3{font:700 22px/27px "Figtree",sans-serif;color:#040408;max-width:200px}
.lp-high-it p{font:400 17px/28px "Figtree",sans-serif;color:#040408;margin-top:8px}

/* 3 steps */
.lp-steps{background:var(--v3-grey);padding:38px 0 50px}
.lp-steps-grid{display:grid;grid-template-columns:repeat(3,277px);justify-content:center;gap:0 61px;margin-top:32px}
.lp-step{text-align:center}
.lp-step img{width:277px;height:328px;border-radius:8px;object-fit:cover;display:block}
.lp-step h3{font:700 22px/35px "Figtree",sans-serif;margin-top:13px;white-space:nowrap}
.lp-step p{font:400 17px/26px "Figtree",sans-serif;margin-top:3px}

/* reviews */
.lp-revs{padding:36px 0 36px}
.lp-revs h2{max-width:745px;margin:0 auto}
.lp-sum{display:grid;grid-template-columns:371px 1fr 327px;align-items:center;column-gap:20px;margin-top:33px}
.lp-bar{display:grid;grid-template-columns:150px 168px 1fr;align-items:center;height:40px;border-bottom:1px solid #E5E7EB}
.lp-bar b{font:700 16px/24px "Figtree",sans-serif;color:#111827}
.lp-bar>span:last-child{font:600 16px/24px "Inter",sans-serif;color:#111827;padding-left:20px}
.v3-bigstars{display:inline-flex;gap:2px}
.v3-bigstars i{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#00B67A}
.v3-bigstars i.h{background:linear-gradient(90deg,#00B67A 50%,#DCDCE6 50%)}
.v3-bigstars i.e{background:#DCDCE6}
.v3-bigstars svg{width:24px;height:23px}
.lp-score{text-align:center}
.lp-score-n{font:700 63px/70px "Figtree",sans-serif}
.lp-score-t{font:400 16px/19px "Figtree",sans-serif;margin-top:9px}
.lp-thumbs{display:grid;grid-template-columns:repeat(4,77px);gap:7px 6px}
.lp-thumbs img{width:77px;height:77px;border-radius:5px;object-fit:cover;display:block}
.lp-masonry{column-count:4;column-gap:17px;margin-top:36px}
.lp-rev{break-inside:avoid;border:1px solid #D9D9D9;border-radius:4px;overflow:hidden;margin-bottom:18px;background:#fff}
.lp-rev-img{width:100%;height:205px;object-fit:cover;display:block}
.lp-rev-c{padding:16px 12px 18px}
.lp-rev-who{display:flex;align-items:center;gap:8px;font:700 13px/20px "Figtree",sans-serif;color:#020211;padding-bottom:16px;border-bottom:1px solid #E6E6E6}
.lp-rev-av{width:45px;height:45px;border-radius:50%;background:#B8F0DC;color:#397260;font:700 14px/45px "Inter",sans-serif;text-align:center;flex:none}
.lp-rev-ver{display:flex;align-items:center;gap:6px;font:500 13px/20px "Poppins",sans-serif;color:#3AB890}
.lp-rev-ver svg{width:14px;height:14px}
.lp-rev-meta{display:flex;align-items:center;gap:12px;font:400 12px/14px "Figtree",sans-serif;color:#020211;padding:15px 0;border-bottom:1px solid #E6E6E6}
.lp-rev h3{font:700 16px/19px "Figtree",sans-serif;color:#020211;margin-top:17px}
.lp-rev-b{font:400 16px/26px "Figtree",sans-serif;color:#020211;margin-top:15px}

/* ending CTA */
.lp-end{background:var(--v3-grey);padding:63px 0 57px}
.lp-end-in{display:grid;grid-template-columns:484px minmax(0,1fr);column-gap:45px;align-items:start}
.lp-end-img{position:relative;width:484px;height:484px;border-radius:12px;overflow:hidden}
.lp-end-img>img:first-child{width:100%;height:100%;object-fit:cover;display:block}
.lp-end-t{padding-top:3px}
.lp-end h2{font:700 48px/55px var(--font-heading);text-align:left;margin-top:10px;letter-spacing:-.3px;white-space:nowrap}
.lp-end-p{font:400 17px/23px "Inter",sans-serif;margin-top:14px;max-width:423px}
.lp-end .lp-checks{margin-top:19px;margin-bottom:28px}

/* FAQ */
.lp-faq{padding:47px 0 60px}
.lp-faq-list{display:flex;flex-direction:column;gap:22px;max-width:922px;margin:35px auto 0}
.lp-faq .faq{border:1px solid #000;border-radius:8px;background:#fff}
.lp-faq .faq__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 28px 23px 36px;border:0;background:none;text-align:left;font:700 17px/35px "Figtree",sans-serif;color:#000}
.lp-pm{position:relative;flex:none;width:30px;height:30px;border:2px solid #000;border-radius:50%}
.lp-pm::before,.lp-pm::after{content:"";position:absolute;left:50%;top:50%;background:#000;transform:translate(-50%,-50%)}
.lp-pm::before{width:14px;height:2px}
.lp-pm::after{width:2px;height:14px}
.lp-faq .faq.open .lp-pm::after{display:none}
.lp-faq .faq__a{display:none;padding:0 90px 26px 36px;font:400 17px/26px "Figtree",sans-serif}
.lp-faq .faq.open .faq__a{display:block}
.lp-faq .faq.open .faq__q{padding-bottom:6px}
.lp-faq-cta{margin:26px auto 0}

/* footer */
.lp-foot{border-top:1px solid #E6E6E6;padding:10px 24px 14px;text-align:center;font:400 14px/28px "Poppins",sans-serif;color:#808080}
.lp-foot a{text-decoration:none}

/* mobile sticky CTA */
.lp-sticky{display:none}

/* ---------- tablet ---------- */
@media (max-width:1023px){
  .lp-links{gap:20px}.lp-order{margin-left:24px}
  .lp-hero-in{grid-template-columns:minmax(0,46%) minmax(0,1fr);column-gap:32px}
  .lp-hero-img,.lp-end-img{width:100%;height:auto;aspect-ratio:1/1}
  .lp-hero h1,.lp-end h2{font-size:36px;line-height:42px}
  .lp-arrow{display:none}
  .lp-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px}
  .lp-guar-card{grid-template-columns:1fr 1fr}
  .lp-high-grid{grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);column-gap:20px}
  .lp-high-img{height:415px}
  .lp-steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;padding:0 24px}
  .lp-step img{width:100%;height:auto;aspect-ratio:277/328}
  .lp-sum{grid-template-columns:1fr 1fr;row-gap:24px}
  .lp-thumbs{grid-column:1/-1;justify-content:center;grid-template-columns:repeat(8,77px)}
  .lp-masonry{column-count:3}
  .lp-end-in{grid-template-columns:minmax(0,46%) minmax(0,1fr);column-gap:32px}
}

/* ---------- mobile (Figma 375 frame) ---------- */
@media (max-width:700px){
  .lp-in{padding:0 16px}
  .lp h2{font-size:28px;line-height:35px}
  .lp-eye span{font-size:16px;line-height:23px}
  .lp-nav-in{padding:0 16px}
  .lp-links,.lp-order{display:none}
  .lp-burger{display:flex}
  .lp-hero{padding:22px 0 30px;background:linear-gradient(var(--v3-grey) 494px,#fff 494px)}
  .lp-hero-in{display:flex;flex-direction:column;align-items:center}
  .lp-hero-top{text-align:center;padding:0}
  .lp-hero .v3-rating{flex-direction:column;gap:7px}
  .lp-hero h1{font-size:36px;line-height:42px;margin-top:6px}
  .lp-hero-img{margin-top:16px;aspect-ratio:343/343}
  .lp-hero-img .v3-badge,.lp-end-img .v3-badge{left:15px;top:17px;width:78px;height:87px}
  .lp-hero-body{padding-top:16px;display:flex;flex-direction:column;align-items:center;width:100%}
  .lp-hero-sub{font:400 16px/26px "Inter",sans-serif;text-align:center;max-width:330px}
  .lp-checks li{font-size:16px}
  .lp-hero .lp-checks{margin-top:22px;align-self:center}
  .lp-hero .lp-checks .v3-ck{display:none}
  .lp-hero-cta{margin-top:22px}
  .lp-press{padding:10px 12px}
  .lp-ugc{padding:30px 0 34px}
  .lp-ugc h2{margin:0 16px}
  .lp-track img{width:217px;height:257px}
  .lp-quote{font-size:14px;line-height:24px;margin-top:20px}
  .lp-feat{padding:40px 0 34px}
  .lp-rows{gap:40px;margin-top:28px}
  .lp-row{display:flex;flex-direction:column;align-items:stretch}
  .lp-row .lp-row-i{order:1;height:auto;aspect-ratio:343/260}
  .lp-row .lp-row-t,.lp-row.rev .lp-row-t{order:2;margin-top:22px}
  .lp-row h3{font-size:24px;line-height:33px}
  .lp-row p{font-size:16px;margin-top:12px}
  .lp-feat-cta{display:flex}
  .lp-guar{padding:0}
  .lp-guar .lp-in{padding:0}
  .lp-guar-card{display:flex;flex-direction:column-reverse;border-radius:0;min-height:0}
  .lp-guar-i{aspect-ratio:1/1}
  .lp-guar-t{padding:34px 16px 34px}
  .lp-guar-t p:not(.v3-ship){font-size:16px;margin:10px 0 22px}
  .lp-high{padding:34px 0 30px}
  .lp-high-h{margin-bottom:0}
  .lp-high-grid{display:flex;flex-direction:column;align-items:stretch;gap:24px;margin-top:20px}
  .lp-high-img{order:-1;height:auto;aspect-ratio:343/400}
  .lp-high-it.it3{order:1}.lp-high-it.it2{order:2}.lp-high-it.it4{order:3}
  .lp-high-it.it2,.lp-high-it.it4{padding-left:0}
  .lp-high-it h3{font-size:20px;max-width:none}
  .lp-high-it p{font-size:16px;margin-top:4px}
  .lp-steps{padding:30px 0 36px}
  .lp-steps-grid{grid-template-columns:1fr;gap:28px;padding:0;margin-top:24px}
  .lp-step img{aspect-ratio:343/300}
  .lp-step h3{white-space:normal}
  .lp-sum{display:flex;flex-direction:column;align-items:stretch;gap:22px;margin-top:26px}
  .lp-bar{grid-template-columns:minmax(0,1fr) 168px 36px}
  .lp-bar b{font-size:15px}
  .lp-bar>span:last-child{padding-left:8px}
  .lp-thumbs{grid-template-columns:repeat(4,1fr);gap:7px 6px}
  .lp-thumbs img{width:100%;height:auto;aspect-ratio:1/1}
  .lp-masonry{column-count:1;margin-top:28px}
  .lp-rev-img{height:auto;aspect-ratio:336/290}
  .lp-rev-c{padding:16px 18px 20px}
  .lp-rev-who{font-size:16px}
  .lp-end{padding:44px 0 44px}
  .lp-end-in{display:flex;flex-direction:column;align-items:center}
  .lp-end-t{display:contents}
  .lp-end .v3-rating{order:-3;flex-direction:column;gap:7px;font-size:12px}
  .lp-end h2{order:-2;font-size:32px;line-height:38px;text-align:center;margin:6px 0 18px}
  .lp-end-img{order:-1}
  .lp-end-p{font-size:16px;line-height:26px;text-align:center;margin-top:20px}
  .lp-end .lp-checks{margin-top:18px}
  .lp-faq{padding:40px 0 110px}
  .lp-faq-list{gap:20px;margin-top:24px}
  .lp-faq .faq__q{padding:18px 14px;font-size:16px;line-height:23px}
  .lp-faq .faq__a{padding:0 14px 20px;font-size:16px}
  .lp-foot{padding-bottom:96px;line-height:24px}
  .lp-sticky{display:block;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;padding:10px 20px 12px;box-shadow:0 -2px 10px rgba(0,0,0,.12);transform:translateY(110%);transition:transform .25s}
  .lp-sticky.on{transform:none}
  .lp-sticky .v3-btn{animation:none;min-height:50px}
}