#shopify-block-AUjVqbjAwaDRvMWpyL__tolstoy_ads_image_video_tolstoy_builder_fqxAwB {
   margin-bottom: 20px;
}
#tolstoy-carousel-header {
   margin-top: 20px;
   margin-bottom: 20px;
}
#tolstoy-carousel-title {
   font-size: 18px;
   margin-left: -15px;
}
#tolstoy-carousel-handle {
   font-size: 18px;
}
@media (min-width:768px){
   #tolstoy-carousel-title {
      font-size: 42px;
      margin-left: -17px;
   }
   #tolstoy-carousel-handle {
      font-size: 44px;
   }
   
#tolstoy-carousel-header {
   margin-top: 60px;
   margin-bottom: 45px;
}
#shopify-block-AUjVqbjAwaDRvMWpyL__tolstoy_ads_image_video_tolstoy_builder_fqxAwB {
   margin-bottom: 50px;
}
}
.footer__top .container{display:flex;flex-wrap:wrap;justify-content:space-between}@media (min-width:768px){.footer__top .container{flex-wrap:nowrap}}.footer__bottom{height:60px;background-color:var(--color-white);border:1px solid var(--color-neutral-mid)}.footer__bottom .container{max-width:100%;padding:0}@media (min-width:768px){.footer__bottom .container{display:flex;align-items:center;padding:0}}@media (min-width:1024px){.footer__bottom .container{padding:0 0 0 40px}}.footer__logo{order:1;width:44px;height:20px;position:relative;left:-1px;top:3px}@media (min-width:768px){.footer__logo{width:97px;height:45px;margin-right:29px}}@media (min-width:1024px){.footer__logo{left:-1px;top:0}}.footer__logo svg{width:100%;height:100%;display:block}.footer__logo path{fill:var(--color-black)}.footer__soc{width:100%;order:2;display:flex;position:relative;left:0px;top:15px}@media (min-width:768px){.footer__soc{width:auto;order:3;flex-direction:column;margin-left:auto;left:0;top:9px}}.footer__soc .soc-link{margin-right:2px}@media (min-width:768px){.footer__soc .soc-link{margin:10px 0 0 0}}@media (min-width:768px){.footer__soc .soc-link:last-child{position:relative;top:-5px}}.footer__menu{width:100%;order:3;margin-top:16px}@media (min-width:768px){.footer__menu{height:auto;width:auto;order:2;margin:0}}.footer__text{height:60px;color:var(--color-black);font-family:"Moderat Condensed";font-style:normal;font-weight:400;font-size:15px;line-height:120%;letter-spacing:.02em;padding-right:10px}@media (min-width:368px){.footer__text{font-size:16px}}@media (min-width:1400px){.footer__text{line-height:170%}}.footer__text--desc{display:none}@media (min-width:1024px){.footer__text--desc{display:flex;align-items:center}}.footer__text--mob{display:flex;align-items:center;padding-left:20px}@media (min-width:1024px){.footer__text--mob{display:none}}.footer__form{margin:0;border-top:1px solid var(--color-neutral-mid)}@media (min-width:768px){.footer__form{margin:0 0 0 auto;border-top:none}}.footer__form .form__wrapper{width:100%}.footer__form .newsletter-form__message{margin-top:0;font-size:16px;line-height:1;color:var(--color-black);letter-spacing:.02em}.footer__form .newsletter-form__message .form__message{margin-top:4px}.footer__form .form__input{border:none}.footer__form .form__group{width:100%}@media (min-width:1024px){.footer__form .form__group{width:410px}}.footer__form .form__group--border{width:40.24%;border-right:1px solid var(--color-neutral-mid)}@media (min-width:768px){.footer__form .form__group--border{border-left:1px solid var(--color-neutral-mid)}}@media (min-width:1024px){.footer__form .form__group--border{width:200px}}.footer__form .form__btn{padding:19px 18px}@media (min-width:768px){.footer__form .form__btn{padding-right:0}}.footer .container{max-width:100%;padding:0 24px}@media (min-width:1024px){.footer .container{padding:0 40px}}@media (min-width:1024px){.footer-menu{position:relative;top:2px}}@media (max-width:749px){.footer-menu{flex-direction:column}}.footer-menu__item{line-height:1}@media (min-width:1024px){.footer-menu__item{white-space:nowrap}}@media (max-width:749px){.footer-menu__item{width:100%}}.footer-menu__link{font-family:"Moderat Mono";color:var(--color-black);font-size:14px;line-height:100%;text-transform:uppercase;margin-bottom:3px}.landing-footer{width:375px}@media (max-width:749px){.landing-footer{width:100%}}.soc-link path{fill:var(--color-black)}#shopify-section-subscription-footer{position:static;bottom:0;z-index:10;background-color:var(--color-white);margin-top:0}@media (min-width:1024px){#shopify-section-subscription-footer{position:static;margin-top:0}}#shopify-section-subscription-footer .footer__bottom{height:120px;}@media (min-width:768px){#shopify-section-subscription-footer .footer__bottom{height:60px;margin-left:0}}.klaviyo-form-UNRbCu [data-testid=form-component][style*="padding: 10px 120px"]{padding:10px 0!important}@media (min-width:768px){.klaviyo-form-UNRbCu [data-testid=form-component][style*="padding: 10px 120px"]{padding:10px 120px!important}}.footer__menu h3{font-family:"Moderat Mono";color:var(--color-black);font-size:14px;line-height:100%;text-transform:uppercase;margin-bottom:15px}@media (min-width:1024px){.footer__menu{margin-right:40px}}@media (max-width:767px){.sale-section{height:auto;min-height:auto;padding:50px}.sale-section--dark{height:auto}.footer__menu h3{margin-top:20px}}.footer__top{padding-top:0px;padding-bottom:0px}@media screen and (min-width:768px){.product-page .footer__top{padding-bottom:80px}}.footer__menu.footer__logo{height:auto}
/* ============================================================
   2026-07-30 footer redesign.
   Everything below is appended after the legacy block on purpose: several
   rules (.footer__top .container display, .footer__soc, .footer__bottom
   background) intentionally beat earlier declarations on source order at
   equal specificity. Do not hoist this block.
   ============================================================ */
/* Brand loyalty script face. Same CDN file already used by
   assets/loyalty-program.css and snippets/rewards-snippet.liquid, so it is
   a warm cache hit for anyone who has seen the rewards or account page.
   font-display:swap so the footer heading never blocks paint. */
@font-face{font-family:"Birds of Paradise";src:url("/cdn/shop/files/Birds_of_Paradise_COMMERCIAL_VERSION.ttf?v=1739986097") format("truetype");font-weight:400;font-style:normal;font-display:swap}
/* The legacy rule made this a nowrap flex row for the old 4-column layout.
   The redesign stacks its own grids inside, so hand it back to block flow. */
.footer__top .container{display:block;flex-wrap:initial}
.footer__top{padding-top:0;padding-bottom:40px}
/* --- collapsible collection rows --- */
.footer__collapse-group{border-bottom:1px solid var(--color-neutral-mid)}
.footer-collapse{border-top:1px solid var(--color-neutral-mid)}
.footer-collapse__summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;cursor:pointer;list-style:none}
.footer-collapse__summary::-webkit-details-marker{display:none}
.footer-collapse__summary::marker{content:""}
.footer-collapse__summary::after{content:"+";font-family:"Moderat Mono",sans-serif;font-size:18px;line-height:1;color:var(--color-black);flex:none}
.footer-collapse[open]>.footer-collapse__summary::after{content:"\2212"}
.footer-collapse__title{font-family:"Moderat Mono",sans-serif;font-size:18px;line-height:1;text-transform:uppercase;color:var(--color-black)}
.footer-collapse__panel{padding:0 0 24px}
.footer-menu--inline{display:flex;flex-wrap:wrap;column-gap:28px;row-gap:14px}
.footer-menu--inline .footer-menu__item{width:auto;white-space:normal}
.footer-menu--inline .footer-menu__link{display:inline-block;margin-bottom:0}
/* --- loyalty + link columns --- */
.footer__body{display:grid;grid-template-columns:minmax(0,1fr);gap:44px;padding-top:44px}
/* Centred block. At the desktop sizes below the script heading alone runs
   ~600px wide, which is why this is a full-width band with the link columns
   stacked underneath rather than a column beside them. */
.footer__loyalty{max-width:1000px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center;text-align:center}
/* 48px is the intended mobile size and 12.3vw hits it exactly at 390px; the
   clamp only bites on smaller handsets, where a fixed 48px would break
   "Loyaltitty Program" onto two lines. */
.footer__loyalty-heading{margin:0;font-family:"Birds of Paradise","Moderat Condensed",cursive;font-weight:400;font-size:clamp(36px,12.3vw,48px);line-height:1.05;color:var(--color-black)}
.footer__loyalty-text{margin-top:16px;font-family:"Moderat Condensed",sans-serif;font-size:22px;line-height:1.5;letter-spacing:.02em;color:var(--color-black)}
.footer__loyalty-text p{margin:0}
.footer__loyalty-btn{margin-top:26px;width:fit-content;min-width:220px;height:auto;padding:15px 32px}
/* .btn__text is 14px in ui-components.min.css, so the button label has to be
   sized on the span — not the <a>. */
.footer__loyalty-btn .btn__text{font-size:22px}
/* One column on small phones. At 18px, "SHIPPING & DELIVERY" needs ~205px in
   Moderat Mono and a 2-up grid only leaves ~159px at 390px wide, so half the
   labels wrapped onto two lines. Full width clears them; the 2-up grid comes
   back at 600px where each column can hold a label. */
.footer__columns{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
@media (min-width:600px){.footer__columns{grid-template-columns:repeat(2,minmax(0,1fr))} .footer-collapse__title {font-size: 30px;} }
.footer__columns .footer__menu{margin-top:0;margin-right:0;order:0}
/* Scoped to .footer__columns so the accordion's inline collection links keep
   the 14px .footer-menu__link size — these two rules are the link columns
   only. The h3 needs the extra class to outrank `.footer__menu h3` above. */
.footer__columns .footer__menu h3{font-size:18px;margin-bottom:14px;font-weight:700;letter-spacing:.06em}
.footer__columns .footer-menu__link{display:block;margin-bottom:0;padding:5px 0;font-size:18px}
@media (min-width:768px){.footer__columns{gap:40px}}
@media (min-width:1024px){
.footer__top{padding-bottom:56px}
/* Three columns on one row: Loyaltitty | CUSTOMER CARE | INFO.
   `display:contents` dissolves the .footer__columns wrapper so its two menus
   become grid items of .footer__body itself — otherwise the two lists would
   be nested inside a single column and read as a 2-column layout. The wrapper
   still exists below 1024 to hold the 2-up mobile grid. */
/* All three tracks are fit-content, none of them 1fr. A 1fr loyalty column
   swallowed every pixel of leftover and grew to ~50% of the row; 1fr lists
   ran ~20% wider than their longest label and that dead space read as a hole
   between CUSTOMER CARE and INFO. Sizing all three to their own content makes
   the widths comparable, and space-around spreads what's left as equal gaps
   rather than hiding it inside one column — with a half-share at each outer
   edge, so the row sits inset rather than flush to the container. fit-content
   also lets a track
   shrink under pressure instead of overflowing (plain max-content cannot),
   and self-corrects for the real Moderat Mono, which is wider than any
   fallback available to measure against here. */
.footer__body{grid-template-columns:fit-content(520px) fit-content(400px) fit-content(400px);justify-content:space-around;column-gap:32px;row-gap:44px;align-items:start}
.footer__columns{display:contents}
/* Safety net: footer.min.css pins `.footer-menu__item` to nowrap at >=1024,
   which at 14px was harmless but at 28px turns any too-long label into
   overflow that escapes the column. Letting these wrap means the worst case
   is "SHIPPING & DELIVERY" on two lines instead of bleeding into INFO. */
.footer__columns .footer-menu__item{white-space:normal}
/* Heading and links used to share one clamp — same size, same face, weight 600
   the only thing separating a column title from the seven links under it, which
   read as one undifferentiated block at 28px. The heading keeps the design's
   28px (plus bold and the letter-spacing set above); the links step down to 22px
   and gain a little more air under the heading. The size gap is what carries the
   hierarchy — nothing here changes colour, so contrast is untouched.

   Both stay clamped rather than fixed: at 1024 the two lists only get ~230px
   each, and "SHIPPING & DELIVERY" alone is ~320px at 28px, so fixed sizes would
   overflow the columns. The vw coefficients are set so 1440 lands exactly on the
   intended 28 and 22. */
.footer__columns .footer__menu h3{font-size:clamp(18px,1.944vw,28px);margin-bottom:26px}
.footer__columns .footer-menu__link{font-size:clamp(16px,1.528vw,22px)}
/* No longer a centred band — it is a column, so drop the page-level centring
   and let the grid place it. Text stays centre-aligned within the column.
   The 520px cap is what makes the fit-content track resolve: the body copy's
   max-content width is the whole sentence on one line, so without a cap this
   column would still try to take half the row. It has to match the track's
   fit-content limit above — the two are one setting in two places. */
.footer__loyalty{max-width:520px;margin-left:0;margin-right:0}
/* Sized to the ~520px column rather than the full width. The script sets
   ~6.9x its font-size in width; 75px filled the column to the pixel, so this
   backs off to 72px for ~8% slack. It wraps rather than overflows if the real
   Birds of Paradise runs wider than the fallback measured here. */
.footer__loyalty-heading{font-size:clamp(40px,4.8vw,72px)}
/* Capped at the largest size that still breaks the sentence to three lines
   in the 520px column. Raise this and it runs to four. */
.footer__loyalty-text{font-size:clamp(16px,2vw,26px);margin-top:20px}
.footer__loyalty-btn{margin-top:30px;min-width:260px;padding:16px 32px}
.footer__loyalty-btn .btn__text{font-size:30px}
}
/* --- brand row (sections/footer-brand.liquid) --- */
.footer-brand{background-color:var(--color-white);padding:36px 0 32px}
.footer-brand .container{max-width:100%;padding:0 24px}
@media (min-width:1024px){.footer-brand .container{padding:0 40px}}
/* Near-bleed wordmark, centred with the leftover 5% split as auto margins.
   The <a> is a sibling of .container, not a child, so its width is measured
   against the section rather than the padded container. Deliberately a %
   and not vw — vw includes the scrollbar gutter and would push the page
   into horizontal scroll. */
.footer-brand__logo{display:block;width:95%;margin-left:auto;margin-right:auto}
.footer-brand__logo svg{width:100%;height:auto;display:block}
.footer-brand__logo svg path{fill:var(--color-black)}
/* Desktop height ceiling of 435.52px, expressed as a width cap so the SVG
   scales instead of letterboxing inside a short box: the artwork is 359x83,
   so 435.52 * (359 / 83) = 1883.8px wide. Only bites above ~1983px viewport
   (1883.8 / 0.95); below that the 95% width is the smaller constraint. */
@media (min-width:1024px){.footer-brand__logo{max-width:1883.8px}}
/* Tagline left, socials right on desktop. */
/* The wordmark SVG has no bottom bearing — its letterforms run to the very
   edge of the viewBox — so the gap under it has to come from padding here. */
/* Both class names are on the same element, and `.footer-brand .container`
   above sets the `padding` shorthand — which zeroes padding-top and outranks
   a bare `.footer-brand__inner`. Hence the doubled-up selector for the gap
   under the wordmark. */
.footer-brand .container.footer-brand__inner{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-top:38px}
.footer-brand__tagline{margin:0;font-family:"Moderat Mono",sans-serif;font-weight:500;font-size:39px;line-height:1;letter-spacing:.02em;text-transform:uppercase;color:var(--color-black)}
.footer-brand__soc{display:flex;align-items:center;gap:16px;flex:none}
.footer-brand__soc .soc-link{display:flex;margin:0}
/* The icon SVGs carry hardcoded width/height attributes (21x20), so the size
   has to be set on the svg itself — sizing the <a> alone does nothing.
   height:auto keeps the 21:20 ratio rather than squaring them off. */
.footer-brand__soc .soc-link svg{width:56.55px;height:auto;display:block}
/* Mobile: tagline and socials each get their own centred line, both stepped
   down from the desktop 39px / 56.55px. */
@media (max-width:767px){
.footer-brand .container.footer-brand__inner{flex-direction:column;align-items:center;gap:14px;text-align:center;padding-top:18px}
.footer-brand__tagline{font-size:18px;letter-spacing:.06em}
.footer-brand__soc{justify-content:center;gap:12px}
.footer-brand__soc .soc-link svg{width:24.84px}
}
.footer-brand__soc .soc-link{display:flex;margin:0}