/** Shopify CDN: Minification failed

Line 34:0 Unexpected "}"

**/
/* Lovelle Figma Lg1fJ0Ktq1xlK0dqbsKfsv "Home — desktop 1440" (4:2) / "Home — mobile 390" (6:2), matched value by value.
   Figma Nunito = kit-rounded, Figtree = kit-sans (Lovelle's typography library 97:58). Kit weights: 400/700 only.
   Selectors start with "html body" so they win over mk.css, which the end section loads a second time. */

/* ---------- hero (4:34): copy 600 x 762, photo 840 x 762, trust bar 81 ---------- */
@media (min-width:901px){
/* h1 is 68px at 1440 (Figma) but never wider than 13.6% of its box, so a line up to 7.35em fits without breaking.
   Figma lays this out with Nunito/Figtree; the real Kit fonts set ~3-8% wider. So the hero grows instead of clipping:
   top group from y145, proof line + buttons pinned 92px above the bottom (Figma y571 / y613 at 762), at least 40px apart */
html body .mk .hero{min-height:762px;height:auto}
html body .mk .hero img.bg{min-height:100%;height:0;object-position:50% 50%}
html body .mk .hero .copy{display:flex;align-items:stretch;padding:145px 0 92px max(20px,min(calc((100vw - 1280px)/2 + 20px),6.944vw));min-width:0}
html body .mk .hero .copy .wrap{display:flex;flex-direction:column;flex:1;min-width:0}
html body .mk .hero .box{display:flex;flex-direction:column;flex:1;gap:0;max-width:none;padding-right:0;container-type:inline-size}
html body .mk .hero .eyebrow{display:block;margin:0 0 0 4px;font:400 16px/18.6px var(--body);letter-spacing:3px;color:#6B5649}
html body .mk .hero h1{margin:29.4px 0 0!important;font:400 clamp(36px,min(4.72vw,13.6cqi),68px)/1.0162 var(--display);letter-spacing:-.0153em;color:#553822;white-space:normal;text-wrap:wrap}
html body .mk .hero h1 .ln{white-space:nowrap}
html body .mk .hero h1 em{font-weight:400}
html body .mk .hero p.lede{margin:40.8px 0 40px 1px;max-width:444px;font:400 18px/29.4px var(--body);color:#4A382C}
html body .mk .hero .proofline{margin:auto 0 0;gap:12px;font-size:14px;line-height:21.7px;color:#4A382C}
html body .mk .hero .proofline > span{gap:3px}
html body .mk .hero .proofline > span:first-child{min-width:200px}
html body .mk .hero .proofline b{display:inline-block;min-width:26px}
html body .mk .hero .stars{display:inline-block;min-width:84px;white-space:nowrap;letter-spacing:1.5px;color:#EE9F1A}
html body .mk .hero .ctas{margin:20px 0 0 1px;gap:12px}
html body .mk .hero .ctas .btn{align-items:center;box-sizing:border-box;min-width:150px;height:57px;padding:0 24px;font:700 16px/24.8px var(--body);background:#553822;color:#FBF7F0}
html body .mk .hero .ctas .btn.lv-outline{background:transparent;color:#553822;box-shadow:none;border:1px solid #5B3427}
}
}
html body .mk .hero .copy{background:#FDF9E6}
html body .mk .trust{background:#FF9425;border-bottom:0}
@media (min-width:901px){html body .mk .trust ul{padding:20px 0 21px}}
html body .mk .trust li:nth-child(-n+2) .ico{background:#FBF8F1}

/* ---------- gifts (4:148) 1440 x 1023: heading y69, sub y160, cards 644 x 700 at y250, bottom-anchored text (title, +17.8, desc, +23.8, price, +10.2, button), square buttons 202 / 278 x 44 ---------- */
@media (min-width:1025px){
html body section[class^="mkgs-"]{padding-top:69px!important;padding-bottom:73px!important}
html body section[class^="mkgs-"] .mkgs__heading{font-weight:400!important;color:#5B3427!important;letter-spacing:0!important;line-height:52px!important;margin:0 0 39px!important}
html body section[class^="mkgs-"] .mkgs__sub{font-weight:400!important;line-height:30.6px!important;margin:0 auto 59.4px!important}
html body section[class^="mkgs-"] .mkgs__title{font-family:var(--font-heading-family),"kit-rounded",sans-serif!important;font-weight:400!important;font-size:24px!important;line-height:31.2px!important;margin:0 0 17.8px!important}
html body section[class^="mkgs-"] .mkgs__desc{font-weight:400!important;line-height:30.6px!important;margin:0 auto 23.8px!important}
html body section[class^="mkgs-"] .mkgs__price{margin:0 0 10.2px!important;line-height:28.8px!important}
html body section[class^="mkgs-"] .mkgs__btn{height:44px!important;padding:0!important;border-radius:0!important;font-weight:400!important;font-size:17px!important;line-height:17px!important}
html body section[class^="mkgs-"] .mkgs__card:nth-child(1) .mkgs__btn{width:202px}
html body section[class^="mkgs-"] .mkgs__card:nth-child(2) .mkgs__btn{width:278px}
}

/* ---------- reviews block (mk_home_end, Figma 4:237) 1440 x 711: photo 605 x 608; eyebrow y46, 4.8 y69, stars line y182, cards 350 x 302 at y233 (stars +28, quote +60, text +129, name +257), links y632 ---------- */
@media (min-width:901px){
html body .mk .rvph{align-items:start}
html body .mk .rvph .revtop{align-self:start;padding-top:46px!important;gap:26.2px}
html body .mk .rvph .score .eyebrow{font-weight:700;margin-bottom:4.4px}
html body .mk .rvph .score .big{margin-bottom:25.6px}
html body .mk .rvph .rv{padding:28px 26px 24.4px;gap:0;height:302px;box-sizing:border-box}
html body .mk .rvph .rv h3{font-weight:400;line-height:26.2px;letter-spacing:-.32px;margin-top:7.2px}
html body .mk .rvph .rv p{margin-top:16.6px}
}

/* outline "Shop" button at every width (Figma 4:45: 1px #5B3427, text #553822) */
html body .mk .hero .ctas .btn.lv-outline{background:transparent;color:#553822;box-shadow:none;border:1px solid #5B3427}

/* ===== Lovelle Figma 2026-10-31 (versions to 2416270725484778088), values from the API per node ===== */
@media (min-width:1025px){
/* trio 4:85: copy 400 wide, desc #464646 18/30, title→desc 18, text block 223 to the button (price line removed by Lovelle) */
html body section[class^="mkpg-"] .mkpg__desc{color:#464646!important;line-height:30px!important;max-width:400px!important}
html body section[class^="mkpg-"] .mkpg__title{margin-bottom:18px!important}
html body section[class^="mkpg-"] .mkpg__text{min-height:255px!important}
html body section[class^="mkpg-"] .mkpg__card:nth-child(1) .mkpg__text,html body section[class^="mkpg-"] .mkpg__card:nth-child(2) .mkpg__text{margin-left:0!important}
/* gifts 4:148: heading y69, sub y137 (gap 16), cards y242, 652 + 644 x 708 with 26 between, buttons 43 / 40 above the card edge */
html body section[class^="mkgs-"] .mkgs__heading{margin:0 0 16px!important}
html body section[class^="mkgs-"] .mkgs__sub{margin:0 auto 74px!important}
html body section[class^="mkgs-"] .mkgs__track{grid-template-columns:652fr 644fr!important;gap:26px!important}
html body section[class^="mkgs-"] .mkgs__card{height:708px!important;min-height:708px!important}
html body section[class^="mkgs-"] .mkgs__card:nth-child(1){padding-bottom:43px!important}
html body section[class^="mkgs-"] .mkgs__card:nth-child(2){padding-bottom:40px!important}
html body section[class^="mkgs-"] .mkgs__desc{color:#1C1C13!important}
html body section[class^="mkgs-"] .mkgs__price{color:rgba(104,104,104,.75)!important}
}
/* UGC 4:166: sub line #5B3427 16/25.2 ls .6, 16 below the heading; the creator disclosure stays (FTC), smaller, on its own line */
html body section[class^="mkvg-"] .mkvg__note{color:#5B3427!important;opacity:1;font-size:16px;line-height:25.2px;letter-spacing:.6px}
html body section[class^="mkvg-"] .mkvg__disc{display:block;margin-top:2px;font-size:12px;line-height:18px;letter-spacing:0;color:#6b6458}
/* reviews 4:237: eyebrow 400 16/18.6 ls 1.92 uppercase; name (700) left, date right */
html body .mk .rvph .score .eyebrow{font-weight:400!important;text-transform:uppercase;letter-spacing:1.92px;font-size:16px;line-height:18.6px;color:#6B5649}
html body .mk .rvph .who.lv-who{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;line-height:20.1px;color:#6B5649}
html body .mk .rvph .who.lv-who b{font-weight:700}
html body .mk .rvph .who.lv-who span{font-weight:400}
/* footer 4:293 Group 14: one-line heading, then 16/30.6 white line 16 below */
html body .mk-footer .mk-footer__nltext{margin:16px 0 0;font-size:16px;line-height:30.6px;letter-spacing:0;color:#FFFFFF}
@media (min-width:990px){html body .mk-footer .mk-footer__newsletter:has(.mk-footer__nltext){gap:0!important;row-gap:0!important}
html body .mk-footer .mk-footer__title:has(+ .mk-footer__nltext){top:0!important;margin-bottom:0!important}
html body .mk-footer .mk-footer__nltext + *{margin-top:33.4px!important}}
/* hero 4:34 (10/31): panel #FDF9E6; eyebrow y154 x101, h1 y193, lede y372; proof line 47.8 after the lede (y508), buttons 20 after it (y550).
   The group flows from the top now (Lovelle moved the buttons up); the hero still grows if the real Kit fonts wrap. */
@media (min-width:901px){
html body .mk .hero .copy{background:#FDF9E6!important;padding-top:154px!important;padding-bottom:92px!important}
html body .mk .hero .eyebrow{margin-left:1px!important}
html body .mk .hero h1{margin-top:20.4px!important}
html body .mk .hero p.lede{margin-bottom:0!important}
html body .mk .hero .proofline{margin-top:47.8px!important}
}
/* UGC 4:166 heading y69 (400 40/52 #5B3427, ls 0), sub 16 below */
@media (min-width:901px){
html body section[class^="mkvg-"]{padding-top:69px!important}
html body section[class^="mkvg-"] .mkvg__heading{font-weight:400!important;color:#5B3427!important;letter-spacing:0!important;margin-bottom:16px!important}
html body section[class^="mkvg-"] .mkvg__note{margin-top:0!important}
}
/* reviews 10/31: 400-weight eyebrow, 4.8 at y80 (15.4 below), cards stay at y233 */
@media (min-width:901px){html body .mk .rvph .score .eyebrow{margin-bottom:15.4px!important}html body .mk .rvph .score .big{margin-bottom:14.6px!important}}
/* hero photo crop (Bruce 10/31: packs cut at wide screens). The Figma photo is 840x762 with the products at x 9-91%, y 39-89%.
   Wider than that ratio, cover-cropping from the centre cut the packs off; crop from near the bottom instead, and let the hero grow
   on very wide screens so the visible window never drops below 58% of the photo's height. */
html body .mk .hero img.bg{object-position:50% 85%!important}
@media (min-width:901px){html body .mk .hero{min-height:max(762px,30.7vw)!important}}
/* 901-1279: the photo column is narrower than the products (x 9-91% of the photo need >= 722px), so show the whole photo,
   bottom-anchored, and fill the space above with the photo's own top colour (#E4D3A7) instead of cutting the packs */
@media (min-width:901px) and (max-width:1279px){html body .mk .hero img.bg{object-fit:contain!important;object-position:50% 100%!important;background:linear-gradient(to bottom,#DBCA9E 0,#E3D5AA calc(100% - 52.9vw))}}
@media (min-width:901px) and (max-width:1279px){html body .mk .hero .box{padding-right:24px!important;box-sizing:border-box}}
/* proof line (Bruce 10/31: spacing looked off in his browser). The 10/30 rules pinned every item to Figma's x (min-widths 200/84/26),
   which only works with Figma's font widths; Kit Sans sets wider/narrower and the gaps went uneven. Reproduce Figma's VISIBLE gaps instead:
   stars -> 4.8 6.4px, 4.8 -> "· 48 reviews" 8.1px, "reviews" -> "Free US shipping" 20.6px (word spaces + margins). */
html body .mk .hero .proofline > span:first-child{min-width:0!important}
html body .mk .hero .proofline b{min-width:0!important;margin-right:4.6px}
html body .mk .hero .stars{min-width:0!important;margin-right:3px}
@media (min-width:901px){html body .mk .hero .proofline{gap:20.6px!important}}

/* text audit vs Figma 10/31 (ops/figma_match/textaudit.js): centre the trio heading + sample line on the page (Figma centres them on 722 /
   721.5; the wrap centre is 717), sample line 28px under the buttons, ingredient labels 6.6px lower, stockists heading 400 / ls 0, sub 400,
   tote-card text 4px left (Figma 381.5 vs card centre 385.5) */
@media (min-width:1025px){
html body section[class^="mkpg-"] .mkpg__heading{padding-left:10px!important;box-sizing:border-box}
html body section[class^="mkpg-"] .mkpg__sample{padding-left:9px!important;margin-top:28px!important;margin-bottom:4px!important}
html body section[class^="mkig-"] .mkig__title{margin-top:6.6px!important}
html body section[class^="mkgs-"] .mkgs__card:nth-child(1) .mkgs__text{transform:translateX(-4px)}
}
html body section[class^="mkst-"] .mkst__heading.mkst__heading{font-weight:400!important;letter-spacing:0!important;color:#5B3427!important}
@media (min-width:1025px){html body section[class^="mkst-"] .mkst__heading.mkst__heading{position:relative;top:-4.4px}}
html body section[class^="mkst-"] .mkst__sub.mkst__sub{font-weight:400!important}
/* footer 4:293: socials 24px under the email form (form y216 h56, icons y296). The 10/31 gap:0 on the newsletter column (to get the 16px
   heading-to-line spacing) also removed this 24px; Bruce spotted it. */
@media (min-width:990px){html body .mk-footer .mk-footer__newsletter:has(.mk-footer__nltext) .mk-footer__socials{margin-top:24px!important}}