/* ==========================================================================
   para-theme — compiled from the Paramour static export.
   Design tokens (fonts, sizes, colours) are rendered from theme settings
   in components/theme-css-var.html and consumed here as CSS variables.
   ========================================================================== */

/* Murecho is the face paramourbeverage.com's age gate renders in. Loaded the
   same way that site loads it (weight 400 only, bold synthesised), so the
   popup matches it exactly. @import must stay above every rule below. */
@import url('https://fonts.googleapis.com/css?family=Murecho');

/* ---------- index-embedded-01.css ---------- */
html {font-size: 54.6875%;

    --gutter: 10px;
    --container-margin: 16px;
    --grid-gap: 10px;--max-col-width: 127px
  }

  @media only screen and (min-width: 768px) {
    html {font-size: 55.55555555555555%;
      --gutter: 10px;
      --container-margin: 49px;
    }
  }/* ---------- */
  /* TYPOGRAPHY */
  body     { --font-size: 1.6rem }
  h1,.h1   { --font-size: 3.2rem }
  h2,.h2   { --font-size: 2.6rem }
  h3,.h3   { --font-size: 2.2rem }
  h4,.h4   { --font-size: 2.0rem }
  h5,.h5   { --font-size: 1.8rem }
  h6,.h6   { --font-size: 1.6rem }
  .caption { --font-size: 1.2rem }

  body, .font-body {
    font-size: var(--font-size);
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
    line-height: var(--font-body-line-height);
    letter-spacing: var(--font-body-letter-spacing);
  }

  h1,h2,h3,h4,h5,h6,
  .h1,.h2,.h3,.h4,.h5,.h6 {
    font-size: var(--font-size);
    font-family: var(--font-heading-family);
    font-style: var(--font-heading-style);
    font-weight: var(--font-heading-weight);
    line-height: var(--font-heading-line-height);
    letter-spacing: var(--font-heading-letter-spacing);
    text-transform: var(--font-heading-text-transform);
    word-break: break-word;
  }

  @media only screen and (min-width: 768px) {
    body     { --font-size: 1.8rem }
    h1,.h1   { --font-size: 4.0rem }
    h2,.h2   { --font-size: 3.2rem }
    h3,.h3   { --font-size: 2.6rem }
    h4,.h4   { --font-size: 2.2rem }
    h5,.h5   { --font-size: 2.0rem }
    h6,.h6   { --font-size: 1.8rem }
    .caption { --font-size: 1.4rem }
  }

  /* Size modifiers */
  .size--nano, .rte.size--nano *              { font-size: calc(var(--font-size)*0.65) }
  .size--tiny, .rte.size--tiny *              { font-size: calc(var(--font-size)*0.75) }
  .size--small, .rte.size--small *            { font-size: calc(var(--font-size)*0.85) }
  .size--default, .rte.size--default *        { font-size: var(--font-size) }
  .size--large, .rte.size--large *            { font-size: calc(var(--font-size)*1.25) }
  .size--huge, .rte.size--huge *              { font-size: calc(var(--font-size)*1.50) }
  .size--gigantic, .rte.size--gigantic *      { font-size: calc(var(--font-size)*2.00) }
  .size--outrageous, .rte.size--outrageous *  { font-size: calc(var(--font-size)*3.00) }

  .btn.size--nano       { font-size: calc(var(--font-button-size)*0.65) !important }
  .btn.size--tiny       { font-size: calc(var(--font-button-size)*0.75) !important }
  .btn.size--small      { font-size: calc(var(--font-button-size)*0.85) !important }
  .btn.size--default    { font-size: var(--font-button-size) !important }
  .btn.size--large      { font-size: calc(var(--font-button-size)*1.25) !important }
  .btn.size--huge       { font-size: calc(var(--font-button-size)*1.50) !important }
  .btn.size--gigantic   { font-size: calc(var(--font-button-size)*2.00) !important }
  .btn.size--outrageous { font-size: calc(var(--font-button-size)*3.00) !important }

  @media only screen and (min-width: 768px) {
    .sm-size--nano, .rte.sm-size--nano *              { font-size: calc(var(--font-size)*0.65) }
    .sm-size--tiny, .rte.sm-size--tiny *              { font-size: calc(var(--font-size)*0.75) }
    .sm-size--small, .rte.sm-size--small *            { font-size: calc(var(--font-size)*0.85) }
    .sm-size--default, .rte.sm-size--default *        { font-size: var(--font-size) }
    .sm-size--large, .rte.sm-size--large *            { font-size: calc(var(--font-size)*1.25) }
    .sm-size--huge, .rte.sm-size--huge *              { font-size: calc(var(--font-size)*1.50) }
    .sm-size--gigantic, .rte.sm-size--gigantic *      { font-size: calc(var(--font-size)*2.00) }
    .sm-size--outrageous, .rte.sm-size--outrageous *  { font-size: calc(var(--font-size)*3.00) }

    .btn.sm-size--nano       { font-size: calc(var(--font-button-size)*0.65) !important }
    .btn.sm-size--tiny       { font-size: calc(var(--font-button-size)*0.75) !important }
    .btn.sm-size--small      { font-size: calc(var(--font-button-size)*0.85) !important }
    .btn.sm-size--default    { font-size: var(--font-button-size) !important }
    .btn.sm-size--large      { font-size: calc(var(--font-button-size)*1.25) !important }
    .btn.sm-size--huge       { font-size: calc(var(--font-button-size)*1.50) !important }
    .btn.sm-size--gigantic   { font-size: calc(var(--font-button-size)*2.00) !important }
    .btn.sm-size--outrageous { font-size: calc(var(--font-button-size)*3.00) !important }
  }

  /* Style modifiers */
  .style--subdued   { opacity: 0.65 }
  em, .style--italic { font-family: serif }

  .subheading {
    font-family: var(--font-subheader-family);
    font-weight: var(--font-subheader-weight);
    font-style: var(--font-subheader-style);
    letter-spacing: var(--font-subheader-letter-spacing);
    text-transform: var(--font-subheader-text-transform);
  }/* Badge style classes */
  .badge.sale, .style--badge-sale {
    color: var(--badge-color-foreground--sale);
    background-color: var(--badge-color-background--sale);
  }
  .badge.preorder, .style--badge-preorder {
    color: var(--badge-color-foreground--preorder);
    background: var(--badge-color-background--preorder);
  }
  .badge.new, .style--badge-new {
    color: var(--badge-color-foreground--new);
    background: var(--badge-color-background--new);
  }
  .badge.soldout, .style--badge-soldout {
    color: var(--badge-color-foreground--soldout);
    background: var(--badge-color-background--soldout);
  }

/* ---------- accessibility.css ---------- */
.hidden{display:none!important}.visually-hidden{position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal!important}.skip-to-content-link:focus{z-index:9999;position:inherit;overflow:auto;width:auto;height:auto;clip:auto;color:#000;background-color:#fff;font-weight:600;padding:20px}.no-js .js{display:none!important;visibility:hidden!important}.user-select-none{-webkit-user-select:none;-ms-user-select:none;user-select:none}.is-disabled,.is-processing{pointer-events:none;cursor:wait}@media only screen and (min-width:1024px){*:focus:not(:focus-visible){outline:none}*:not(.card-media):focus-visible,input:focus-visible+label:not(.field__label){outline:3pt solid #2158ee!important}*:focus-visible>figure:before{content:"";display:block;width:100%;height:100%;box-shadow:inset 0 0 0 2pt #2158ee;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}}

/* ---------- reset.css ---------- */
/* SHOPLINE ships its component CSS (modal, cart drawer, cart notification,
   popover, select) inside `@layer component`. Layered CSS loses to ANY
   unlayered rule, so this blanket `all: unset` from the export was wiping
   the modal's position/z-index/background and the cart drawer opened as an
   invisible inline block. Exclude those subtrees; the :where() keeps the
   selector at zero specificity so nothing else changes. */
*:where(:not(iframe,canvas,img,svg,video):not(svg *,symbol *):not(theme-modal):not(theme-modal *):not(theme-cart-drawer):not(theme-cart-drawer *):not(theme-cart-notification):not(theme-cart-notification *):not(theme-popover):not(theme-popover *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img,video,model-viewer{max-width:100%}table{border-collapse:collapse}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}::placeholder{all:unset}:where([hidden]){display:none!important}:where([contenteditable]){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space}:where([draggable=true]){-webkit-user-drag:element}dd,dt{display:inline}strong{font-weight:700}em{font-style:italic}hr{border-top:1px solid var(--color-borders);margin:12px 0}

/* ---------- critical.css ---------- */
html,body{min-height:100vh;width:100%}html{scroll-behavior:smooth}html.sticky-header-initialized{scroll-padding-top:var(--sticky-header-margin-top)}body{display:flex;flex-direction:column;scroll-padding-top:var(--sticky-header-margin-top)}html:not(.template-password) main#MainContent{flex-grow:1}.overflow-hidden{overflow:hidden}.container{display:grid;grid-template-columns:1fr min(var(--ideal-width),calc(100% - (var(--container-margin) * 2))) 1fr;grid-column-gap:var(--container-margin)}.container>*{grid-column:2}.container.full-width{grid-template-columns:1fr calc(100% - (var(--container-margin) * 2)) 1fr}.container.edge-to-edge>*{grid-column:1/-1}@media only screen and (max-width:767px){.container.sm-down-edge-to-edge>*{grid-column:1/-1}.sm-down-edge-to-edge .section-header{padding-left:var(--container-margin);padding-right:var(--container-margin)}}@media only screen and (max-width:1023px){.container.md-down-edge-to-edge>*{grid-column:1/-1}}@media only screen and (min-width:768px){.container.sm-edge-to-edge>*{grid-column:1/-1}}.flex{display:flex;flex-wrap:wrap}.vertical{flex-direction:column!important}.horizontal{flex-direction:row!important}.center-center{align-items:center;justify-content:center}.space-between{justify-content:space-between!important}.gap-gutter{gap:var(--gutter)}.gap-half-gutter{gap:calc(var(--gutter)/2)}.flex-grow-1{flex-grow:1}.flex-grow-2{flex-grow:2}.flex-grow-3{flex-grow:3}@media only screen and (min-width:768px){.sm-vertical{flex-direction:column!important}.sm-horizontal{flex-direction:row!important}}.text-align-left{text-align:left}.text-align-center,.text-center{text-align:center}.text-align-right{text-align:right}.horizontal-left,.text-align-left .flex,.text-align-left .btn-group{justify-content:flex-start}.horizontal-center,.text-align-center .flex,.text-align-center .btn-group{justify-content:center}.horizontal-right,.text-align-right .flex,.text-align-right .btn-group{justify-content:flex-end}.view-all-link{font-size:1rem;text-transform:uppercase;letter-spacing:.5rem}.vertical-top{align-items:flex-start}.vertical-center{align-items:center}.vertical-bottom{align-items:flex-end}@media only screen and (min-width:768px){.sm-text-align-left{text-align:left}.sm-text-align-center{text-align:center}.sm-text-align-right{text-align:right}.sm-horizontal-left,.sm-text-align-left .flex,.sm-text-align-left .btn-group{justify-content:flex-start}.sm-horizontal-center,.sm-text-align-center .flex,.sm-text-align-center .btn-group{justify-content:center}.sm-horizontal-right,.sm-text-align-right .flex,.sm-text-align-right .btn-group{justify-content:flex-end}.sm-vertical-top{align-items:flex-start}.sm-vertical-center{align-items:center}.sm-vertical-bottom{align-items:flex-end}}@media only screen and (min-width:1024px){.md-text-align-left{text-align:left}.md-text-align-center{text-align:center}.md-text-align-right{text-align:right}.md-horizontal-left,.md-text-align-left .flex,.md-text-align-left .btn-group{justify-content:flex-start}.md-horizontal-center,.md-text-align-center .flex,.md-text-align-center .btn-group{justify-content:center}.md-horizontal-right,.md-text-align-right .flex,.md-text-align-right .btn-group{justify-content:flex-end}.md-vertical-top{align-items:flex-start}.md-vertical-center{align-items:center}.md-vertical-bottom{align-items:flex-end}}.natural>*{height:auto;display:block}.portrait>*,.portrait_alt>*,.landscape>*,.landscape_alt>*,.square>*,.portrait>* video,.portrait_alt>* video,.landscape>* video,.landscape_alt>* video,.square>* video{display:block;max-width:100%;position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover;object-position:center center}.media.cover>*{object-fit:cover}.contain.portrait>*,.contain.portrait_alt>*,.contain.landscape>*,.landscape_alt>*,.contain.square>*{object-fit:contain}.natural model-viewer{min-height:50vh}.portrait,.aspect-ratio--portrait{aspect-ratio:2 / 3}.portrait_alt,.aspect-ratio--portrait_alt{aspect-ratio:3 / 4}.landscape,.aspect-ratio--landscape{aspect-ratio:4 / 3}.landscape_alt,.aspect-ratio--landscape_alt{aspect-ratio:16 / 9}.square,.aspect-ratio--square{aspect-ratio:1 / 1}@supports not (aspect-ratio: 16 / 9){.portrait{padding-top:150%;height:0}.portrait_alt{padding-top:calc(4 / 3 * 100%);height:0}.landscape{padding-top:75%;height:0}.landscape_alt{padding-top:56.25%;height:0}.square{padding-top:100%;height:0}}.media img,.media video{display:block;width:100%}.media,figure{display:block;position:relative;overflow:hidden;max-width:100%}.media--empty{background-color:var(--placeholder-bg);opacity:.35}.placeholder-svg{opacity:.65;width:100%;height:100%}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:var(--placeholder-bg)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}model-viewer,product-model{display:block;width:100%;height:100%}.m-auto{margin:auto}.m-page{margin-left:var(--container-margin);margin-right:var(--container-margin)}.ml-page{margin-left:var(--container-margin)}.mr-page{margin-right:var(--container-margin)}.m-gutter{margin:var(--gutter)}.m-0{margin:0}.m-4{margin:4px}.m-8{margin:8px}.m-12{margin:12px}.m-16{margin:16px}.m-24{margin:24px}.m-32{margin:32px}.m-40{margin:40px}.m-48{margin:48px}.m-56{margin:56px}.m-64{margin:64px}.m-72{margin:72px}.m-80{margin:80px}.m{margin:var(--m)}.mb-gutter{margin-bottom:var(--gutter)}.mb-0{margin-bottom:0}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.mb-40{margin-bottom:40px}.mb-48{margin-bottom:48px}.mb-56{margin-bottom:56px}.mb-64{margin-bottom:64px}.mb-72{margin-bottom:72px}.mb-80{margin-bottom:80px}.mb{margin-bottom:var(--mb)}.mt-gutter{margin-top:var(--gutter)}.mt-0{margin-top:0}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mt-40{margin-top:40px}.mt-48{margin-top:48px}.mt-56{margin-top:56px}.mt-64{margin-top:64px}.mt-72{margin-top:72px}.mt-80{margin-top:80px}.mt{margin-top:var(--mt)}.ml-gutter{margin-left:var(--gutter)}.ml-0{margin-left:0}.ml-4{margin-left:4px}.ml-8{margin-left:8px}.ml-12{margin-left:12px}.ml-16{margin-left:16px}.ml-24{margin-left:24px}.ml-32{margin-left:32px}.ml-40{margin-left:40px}.ml-48{margin-left:48px}.ml-56{margin-left:56px}.ml-64{margin-left:64px}.ml-72{margin-left:72px}.ml-80{margin-left:80px}.ml{margin-left:var(--ml)}.mr-gutter{margin-right:var(--gutter)}.mr-0{margin-right:0}.mr-4{margin-right:4px}.mr-8{margin-right:8px}.mr-12{margin-right:12px}.mr-16{margin-right:16px}.mr-24{margin-right:24px}.mr-32{margin-right:32px}.mr-40{margin-right:40px}.mr-48{margin-right:48px}.mr-56{margin-right:56px}.mr-64{margin-right:64px}.mr-72{margin-right:72px}.mr-80{margin-right:80px}.mr{margin-right:var(--mr)}.margin-align-left{margin-left:0;margin-right:auto}.margin-align-center{margin-left:auto;margin-right:auto}.margin-align-right{margin-left:auto;margin-right:0}@media only screen and (min-width:768px){.sm-m-page{margin-left:var(--container-margin);margin-right:var(--container-margin)}.sm-ml-page{margin-left:var(--container-margin)}.sm-mr-page{margin-right:var(--container-margin)}.sm-m-gutter{margin:var(--gutter)}.sm-m-0{margin:0}.sm-m-4{margin:4px}.sm-m-8{margin:8px}.sm-m-12{margin:12px}.sm-m-16{margin:16px}.sm-m-24{margin:24px}.sm-m-32{margin:32px}.sm-m-40{margin:40px}.sm-m-48{margin:48px}.sm-m-56{margin:56px}.sm-m-48{margin:64px}.sm-m-72{margin:72px}.sm-m-80{margin:80px}.sm-m{margin:var(--sm-m)}.sm-mb-gutter{margin-bottom:var(--gutter)}.sm-mb-0{margin-bottom:0}.sm-mb-4{margin-bottom:4px}.sm-mb-8{margin-bottom:8px}.sm-mb-12{margin-bottom:12px}.sm-mb-16{margin-bottom:16px}.sm-mb-24{margin-bottom:24px}.sm-mb-32{margin-bottom:32px}.sm-mb-40{margin-bottom:40px}.sm-mb-48{margin-bottom:48px}.sm-mb-56{margin-bottom:56px}.sm-mb-64{margin-bottom:64px}.sm-mb-72{margin-bottom:72px}.sm-mb-80{margin-bottom:80px}.sm-mb{margin-bottom:var(--sm-mb)}.sm-mt-gutter{margin-top:var(--gutter)}.sm-mt-0{margin-top:0}.sm-mt-4{margin-top:4px}.sm-mt-8{margin-top:8px}.sm-mt-12{margin-top:12px}.sm-mt-16{margin-top:16px}.sm-mt-24{margin-top:24px}.sm-mt-32{margin-top:32px}.sm-mt-40{margin-top:40px}.sm-mt-48{margin-top:48px}.sm-mt-56{margin-top:56px}.sm-mt-64{margin-top:64px}.sm-mt-72{margin-top:72px}.sm-mt-80{margin-top:80px}.sm-mt{margin-top:var(--sm-mt)}.sm-ml-gutter{margin-left:var(--gutter)}.sm-ml-0{margin-left:0}.sm-ml-4{margin-left:4px}.sm-ml-8{margin-left:8px}.sm-ml-12{margin-left:12px}.sm-ml-16{margin-left:16px}.sm-ml-24{margin-left:24px}.sm-ml-32{margin-left:32px}.sm-ml-40{margin-left:40px}.sm-ml-48{margin-left:48px}.sm-ml-56{margin-left:56px}.sm-ml-64{margin-left:64px}.sm-ml-72{margin-left:72px}.sm-ml-80{margin-left:80px}.sm-ml{margin-left:var(--sm-ml)}.sm-mr-gutter{margin-right:var(--gutter)}.sm-mr-0{margin-right:0}.sm-mr-4{margin-right:4px}.sm-mr-8{margin-right:8px}.sm-mr-12{margin-right:12px}.sm-mr-16{margin-right:16px}.sm-mr-24{margin-right:24px}.sm-mr-32{margin-right:32px}.sm-mr-40{margin-right:40px}.sm-mr-48{margin-right:48px}.sm-mr-56{margin-right:56px}.sm-mr-64{margin-right:64px}.sm-mr-72{margin-right:72px}.sm-mr-80{margin-right:80px}.sm-mr{margin-right:var(--sm-mr)}}.p-page{padding-left:var(--container-margin);padding-right:var(--container-margin)}.pl-page{padding-left:var(--container-margin)}.pr-page{padding-right:var(--container-margin)}.p-gutter{padding:var(--gutter)}.p-0{padding:0}.p-4{padding:4px}.p-8{padding:8px}.p-12{padding:12px}.p-16{padding:16px}.p-20{padding:20px}.p-24{padding:24px}.p-28{padding:28px}.p-32{padding:32px}.p-36{padding:36px}.p-40{padding:40px}.p-48{padding:48px}.p-56{padding:56px}.p-64{padding:64px}.p-72{padding:72px}.p-80{padding:80px}.p{padding:var(--p)!important}.pb-gutter{padding-bottom:var(--gutter)}.pb-0{padding-bottom:0}.pb-4{padding-bottom:4px}.pb-8{padding-bottom:8px}.pb-12{padding-bottom:12px}.pb-16{padding-bottom:16px}.pb-24{padding-bottom:24px}.pb-32{padding-bottom:32px}.pb-40{padding-bottom:40px}.pb-48{padding-bottom:48px}.pb-56{padding-bottom:56px}.pb-64{padding-bottom:64px}.pb-72{padding-bottom:72px}.pb-80{padding-bottom:80px}.pb{padding-bottom:var(--pb)!important}.pt-gutter{padding-top:var(--gutter)}.pt-0{padding-top:0}.pt-4{padding-top:4px}.pt-8{padding-top:8px}.pt-12{padding-top:12px}.pt-16{padding-top:16px}.pt-24{padding-top:24px}.pt-32{padding-top:32px}.pt-40{padding-top:40px}.pt-48{padding-top:48px}.pt-56{padding-top:56px}.pt-64{padding-top:64px}.pt-72{padding-top:72px}.pt-80{padding-top:80px}.pt{padding-top:var(--pt)!important}.pl-gutter{padding-left:var(--gutter)}.pl-0{padding-left:0}.pl-4{padding-left:4px}.pl-8{padding-left:8px}.pl-12{padding-left:12px}.pl-16{padding-left:16px}.pl-24{padding-left:24px}.pl-32{padding-left:32px}.pl-40{padding-left:40px}.pl-48{padding-left:48px}.pl-56{padding-left:56px}.pl-64{padding-left:64px}.pl-72{padding-left:72px}.pl-80{padding-left:80px}.pl{padding-left:var(--pl)!important}.pr-gutter{padding-right:var(--gutter)}.pr-0{padding-right:0}.pr-4{padding-right:4px}.pr-8{padding-right:8px}.pr-12{padding-right:12px}.pr-16{padding-right:16px}.pr-24{padding-right:24px}.pr-32{padding-right:32px}.pr-40{padding-right:40px}.pr-48{padding-right:48px}.pr-56{padding-right:56px}.pr-64{padding-right:64px}.pr-72{padding-right:72px}.pr-80{padding-right:80px}.pr{padding-right:var(--pr)!important}@media only screen and (min-width:768px){.sm-p-page{padding-left:var(--container-margin);padding-right:var(--container-margin)}.sm-pl-page{padding-left:var(--container-margin)}.sm-pr-page{padding-right:var(--container-margin)}.sm-p-gutter{padding:var(--gutter)}.sm-p-0{padding:0}.sm-p-4{padding:4px}.sm-p-8{padding:8px}.sm-p-12{padding:12px}.sm-p-16{padding:16px}.sm-p-24{padding:24px}.sm-p-32{padding:32px}.sm-p-40{padding:40px}.sm-p-48{padding:48px}.sm-p-56{padding:56px}.sm-p-64{padding:64px}.sm-p-72{padding:72px}.sm-p-80{padding:80px}.sm-p{padding:var(--sm-p)!important}.sm-pb-gutter{padding-bottom:var(--gutter)}.sm-pb-0{padding-bottom:0}.sm-pb-4{padding-bottom:4px}.sm-pb-8{padding-bottom:8px}.sm-pb-12{padding-bottom:12px}.sm-pb-16{padding-bottom:16px}.sm-pb-24{padding-bottom:24px}.sm-pb-32{padding-bottom:32px}.sm-pb-40{padding-bottom:40px}.sm-pb-48{padding-bottom:48px}.sm-pb-56{padding-bottom:56px}.sm-pb-64{padding-bottom:64px}.sm-pb-72{padding-bottom:72px}.sm-pb-80{padding-bottom:80px}.sm-pb{padding-bottom:var(--sm-pb)!important}.sm-pt-gutter{padding-top:var(--gutter)}.sm-pt-0{padding-top:0}.sm-pt-4{padding-top:4px}.sm-pt-8{padding-top:8px}.sm-pt-12{padding-top:12px}.sm-pt-16{padding-top:16px}.sm-pt-24{padding-top:24px}.sm-pt-32{padding-top:32px}.sm-pt-40{padding-top:40px}.sm-pt-48{padding-top:48px}.sm-pt-56{padding-top:56px}.sm-pt-64{padding-top:64px}.sm-pt-72{padding-top:72px}.sm-pt-80{padding-top:80px}.sm-pt{padding-top:var(--sm-pt)!important}.sm-pl-gutter{padding-left:var(--gutter)}.sm-pl-0{padding-left:0}.sm-pl-4{padding-left:4px}.sm-pl-8{padding-left:8px}.sm-pl-12{padding-left:12px}.sm-pl-16{padding-left:16px}.sm-pl-24{padding-left:24px}.sm-pl-32{padding-left:32px}.sm-pl-40{padding-left:40px}.sm-pl-48{padding-left:48px}.sm-pl-56{padding-left:56px}.sm-pl-64{padding-left:64px}.sm-pl-72{padding-left:72px}.sm-pl-80{padding-left:80px}.sm-pl{padding-left:var(--sm-pl)!important}.sm-pr-gutter{padding-right:var(--gutter)}.sm-pr-0{padding-right:0}.sm-pr-4{padding-right:4px}.sm-pr-8{padding-right:8px}.sm-pr-12{padding-right:12px}.sm-pr-16{padding-right:16px}.sm-pr-24{padding-right:24px}.sm-pr-32{padding-right:32px}.sm-pr-40{padding-right:40px}.sm-pr-48{padding-right:48px}.sm-pr-56{padding-right:56px}.sm-pr-64{padding-right:64px}.sm-pr-72{padding-right:72px}.sm-pr-80{padding-right:80px}.sm-pr{padding-right:var(--sm-pr)!important}}@media only screen and (max-width:767px){.sm-down-p-page{padding-left:var(--container-margin);padding-right:var(--container-margin)}}header.header{width:100%;--padding-vertical: 4px;--padding-horizontal: 8px;--gap: 0}header.header *:is(.header-main-menu-link,summary,.header-shortlink,.header-item__link){font-size:var(--font-site-header-size);font-family:var(--font-site-header-family);font-style:var(--font-site-header-style);font-weight:var(--font-site-header-weight);text-transform:var(--font-site-header-text-transform);letter-spacing:var(--font-site-header-letter-spacing)}header.header--shadow:not(.overlay),.sticky-header-show header.header--shadow{box-shadow:0 0 20px #0000001a}header.header.overlay{position:absolute}html.sticky-header-initialized .site-header{position:sticky;top:0;z-index:4}html.sticky-header-initialized header.header:not([data-sticky-behavior=none]){width:100%;transform:unset;transition:all .2s linear}html.sticky-header-initialized.sticky-header-hide header.header{transform:translateY(calc(-100% - 20px))}html.sticky-header-initialized.sticky-header-hide .site-header{pointer-events:none}html:not(.sticky-header-show) header.header.overlay{width:100%;z-index:4;background-color:transparent}header .header-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--gap);padding:var(--padding-vertical) var(--padding-horizontal)}html:not(.sticky-header-show) header.header.overlay.use-background{color:var(--color-background)}html:not(.sticky-header-show) header.header.overlay.use-foreground{color:var(--color-foreground)}.header-logo{display:block}.site-logo.--text{white-space:nowrap}.site-logo:not(.--text){display:grid;height:auto;place-content:center;width:var(--logo-width);min-width:var(--logo-width)}html.sticky-header-show .header-logo.--alt-on-overlay .site-logo.--alt,html:not(.sticky-header-show) .header-logo.--alt-on-overlay .site-logo.--default{display:none}html:not(.sticky-header-show) .header-logo.--alt-on-overlay .site-logo.--alt{display:grid}.header-item{display:flex;flex-direction:row;align-items:center;gap:var(--gap)}.header-item.--left{flex:1 1 0%}.header-item.--right{flex:1 1 0%;justify-content:flex-end}.logo-left__menu-left .header-shortlinks{order:2}.logo-left__menu-left .header-item.--right{flex-grow:0}.header-item__link{--padding: 24px;padding:calc(var(--padding) / 2);display:grid;place-content:center;cursor:pointer;position:relative}.header-item__link-icon{display:grid;place-content:center}[data-use-icons=true] .header-item__link .cart-blip{display:grid;position:absolute;top:6px;right:0;width:18px;height:18px;color:var(--cart-dot-foreground);background-color:var(--cart-dot-background);border-radius:50%;place-content:center;font-size:12px;pointer-events:none;letter-spacing:0}.country-flag{border-radius:50%;width:24px;min-width:24px;height:24px;min-height:24px;object-fit:cover;box-shadow:0 0 0 var(--icon-stroke-px)}@media only screen and (max-width:1023px){[data-use-icons=false] .header-item__link .cart-blip{display:grid;position:absolute;top:6px;right:0;width:18px;height:18px;color:var(--cart-dot-foreground);background-color:var(--cart-dot-background);border-radius:50%;place-content:center;font-size:12px;pointer-events:none}}@media only screen and (min-width:1024px){[data-use-icons=false] .header-item__link .cart-blip{display:flex}[data-use-icons=false] .header-item__link.has-blip-visible{display:flex;flex-direction:row;align-items:center;gap:.4rem}[data-use-icons=false] .header-item__link.has-blip-visible .cart-blip:before{content:"("}[data-use-icons=false] .header-item__link.has-blip-visible .cart-blip:after{content:")"}}header.header[data-use-icons=true] .header-item__link.has-blip-visible .header-item__link-icon{clip-path:url(#circle-substract)}.header-shortlinks{display:none}@media only screen and (min-width:1024px){.header-shortlinks{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap)}}.header-shortlink{--padding: 8px 12px;cursor:pointer;padding:var(--padding)}.header-main-menu-link{border-top:none;gap:0}@media only screen and (max-width:767px){.logo-left__menu-center .header-item.--right{flex-grow:0}[class*=logo-left] .header-item.--left{justify-content:flex-end}[class*=logo-left] .header-item.--left .header-logo{margin-right:auto}[class*=logo-left] .header-item.--left .search-button{order:2}}@media only screen and (min-width:768px){header.header{--padding-vertical: 8px;--padding-horizontal: 0px;--gap: 8px}header.header.edge-to-edge{--padding-horizontal: 16px}.site-logo:not(.--text){width:var(--sm-logo-width);min-width:var(--sm-logo-width)}}@media only screen and (min-width:1024px){.header-main-menu{display:flex;flex-direction:row;flex-wrap:wrap}.header-main-menu.position--center,.header-main-menu.position--below{justify-content:center}}.header-main-menu-link{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:4px 12px;border:0;font-weight:inherit;gap:2px}.header-main-menu-link.--with-submenu svg{margin-right:-6px}.header-dropdown.--single{position:relative}.header-dropdown .sub-menu,.header-dropdown .menu-divider{order:2}.header-dropdown .sub-menu-content{position:absolute;background-color:var(--color-background);display:grid}.header-dropdown .sub-menu-content.--single{position:absolute;padding:2rem 4rem 4rem;width:360px;left:calc(-4rem + 12px);top:calc(var(--header-height) / 2 + 50% - 1px);box-shadow:0 12px 10px 2px #00000040;z-index:2}.logo-center__menu-center .header-dropdown .sub-menu-content.--single{top:100%}.header-dropdown .sub-menu-content.--full{width:100%;top:100%;left:0;padding:2rem 0 4rem}.header-dropdown .sub-menu-content.--full:after{content:"";position:absolute;bottom:0;width:100%;height:4rem;box-shadow:0 0 80px #0006;z-index:-1}.sub-sub-menu{display:flex;flex-direction:column}.sub-menu-link,.sub-sub-menu-link{display:block}.header-dropdown .menu-content-divider{grid-column:1 / -1}.header-dropdown .menu-banner{order:1}.header-dropdown .menu-banner.--after{order:3}.sub-menu-content.--single .menu-banner.--after{margin-top:1.2rem}.sub-menu-content.--single .menu-banner.--before{margin-bottom:1.2rem}header.desktop-dropdown:hover,header.header.sub-menu-open{background-color:var(--color-background)!important;color:var(--color-foreground)!important}header.desktop-dropdown:hover .site-logo.--default,header.header.sub-menu-open .site-logo.--default{display:grid!important}header.desktop-dropdown:hover .site-logo.--alt,header.header.sub-menu-open .site-logo.--alt{display:none!important}@media(hover:hover)and (pointer:fine){header.desktop-dropdown .header-main-menu-link{position:relative}header.desktop-dropdown .header-main-menu-link:after{content:"";position:absolute;height:1px;bottom:0;width:0;background:var(--color-foreground);justify-self:center;transition:width .2s ease-in-out}header.desktop-dropdown .header-main-menu-link:hover:after{width:calc(100% - 24px)}}.drawer-menu__item,.drawer-submenu__item,.drawer-subsubmenu__item{display:block}.drawer-menu__item:not(.--drilldown),.drawer-submenu__item,.drawer-menu__item.--drilldown .drawer-menu__item-label{padding:calc(var(--drawer-padding) * .4) calc(var(--drawer-padding)*1.2);font-size:max(var(--font-navigation-size))}.drawer-subsubmenu__item,.sub-sub-menu-link{padding:calc(var(--drawer-padding) * .3) calc(var(--drawer-padding)*1.2);font-size:max(calc(var(--font-navigation-size)*.8))}.drawer-subsubmenu__item:before,.sub-sub-menu-link:before{content:"\2022";margin-right:8px}.drawer-subsubmenu__item+.drawer-submenu__item{margin-top:calc(var(--drawer-padding, 1rem) * .8)}.drawer-menu__item-label{transition:all .3s}.drawer-submenu__item.localization-link{display:flex;align-items:center;justify-content:flex-start;gap:12px}.drawer-menu .country-flag{box-shadow:0 0 0 var(--icon-stroke-px) var(--color-foreground)}.btn,.shopify-payment-button__button--unbranded,.shopify-payment-button__more-options,.rte button,.rte input:where([type=button],[type=reset],[type=submit]){overflow:hidden;border-radius:var(--button-border-radius);padding:var(--button-padding);cursor:pointer;text-align:center;border:solid 1px;position:relative;color:var(--color-button-foreground);background-color:var(--color-button-background);border-color:transparent;display:inline-flex;justify-content:center;align-items:center;line-height:inherit;font-family:var(--font-button-family);font-style:var(--font-button-style);font-weight:var(--font-button-weight);font-size:var(--font-button-size);letter-spacing:var(--font-button-letter-spacing);text-transform:var(--font-button-text-transform);transition:all .16s ease-in-out}.shopify-payment-button__button--unbranded,.shopify-payment-button__more-options{border-radius:var(--button-border-radius)!important;padding:.6rem 1.6rem!important;cursor:pointer!important;text-align:center!important;border:solid 1px!important;position:relative!important;color:var(--color-button-foreground)!important;background-color:var(--color-button-background)!important;border-color:transparent!important;display:inline-flex!important;line-height:inherit!important;font-family:var(--font-button-family)!important;font-weight:var(--font-button-weight)!important;font-size:var(--font-button-size)!important;letter-spacing:var(--font-button-letter-spacing)!important;text-transform:var(--font-button-text-transform)!important}.btn:disabled,.btn.disabled,.shopify-payment-button__button[disabled]{opacity:.65!important;cursor:not-allowed!important}.btn--round{padding:var(--button-round-padding)!important}.btn--full{width:100%}.btn--with-icon{display:inline-flex!important;align-items:center;gap:.6rem}:is(.btn--primary,.shopify-payment-button__button--unbranded):not([disabled]):not(.disabled):hover{box-shadow:0 0 0 3px var(--color-button-background),0 0 0 6px var(--color-button-foreground),0 2px 4px 6px #00000040;z-index:1}.btn--secondary{color:var(--color-outlines)!important;background-color:transparent!important;border-color:var(--color-outlines)!important}.btn--secondary:not([disabled]):not(.disabled):hover{box-shadow:0 0 0 3px var(--color-outlines)}.btn--link,.shopify-payment-button__more-options{color:var(--color-outlines)!important;background-color:transparent!important;border-color:transparent!important;padding-left:0!important;padding-right:0!important}.btn--accordion-title{text-align:left!important;display:flex!important;justify-content:space-between!important;text-decoration:none!important;align-items:center}.btn-group{display:flex;flex-wrap:wrap;gap:16px}.btn-group .btn{width:100%}.btn-group.width-auto .btn{width:revert}@media only screen and (max-width:767px){.sm-down-btn--full{width:100%}.btn-group.sm-down-width-auto .btn{width:revert}}@media only screen and (min-width:768px){.btn-group.sm-width-auto .btn{width:revert}.sm-btn--full{width:100%}}.with-button-count{gap:12px;overflow:visible;justify-content:space-between;padding-left:1.2em;padding-right:1.2em}.button-count{background:var(--color-button-foreground);border-radius:var(--button-border-radius);color:var(--color-button-background);padding:2px 8px;text-transform:none}.page-overlay{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:all .3s ease-in-out}.drawer .page-overlay{background-color:rgb(var(--color-overlay-rgb) / var(--drawers-overlay-alpha));-webkit-backdrop-filter:blur(var(--drawers-overlay-blur));backdrop-filter:blur(var(--drawers-overlay-blur))}.modal .page-overlay{background-color:rgb(var(--color-overlay-rgb) / var(--modals-overlay-alpha));-webkit-backdrop-filter:blur(var(--modals-overlay-blur));backdrop-filter:blur(var(--modals-overlay-blur))}.video-section{width:100%}.video--16-9{aspect-ratio:16 / 9;width:100%;height:auto}.font-body{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);letter-spacing:var(--font-body-letter-spacing)}.font-heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:var(--font-heading-letter-spacing)}.color-text{color:var(--color-foreground)!important}.hide{display:none!important;visibility:hidden!important}@media only screen and (min-width:768px){.small-up--hide,.sm-hide{display:none!important}}@media only screen and (max-width:767px){.small--hide,.sm-down-hide{display:none!important;visibility:hidden!important}}@media only screen and (max-width:1023px){.medium-down--hide,.md-down-hide{display:none!important;visibility:hidden!important}}@media only screen and (min-width:1024px){.medium-up--hide,.md-hide{display:none!important;visibility:hidden!important}}@media only screen and (min-width:768px)and (max-width:1023){.small-to-medium--hide,.sm-to-md-hide{display:none!important}}.checkbox,.radio-input [type=radio]{--chkbg: var(--color-background);--chkfg: var(--color-foreground);flex-shrink:0;height:18px;width:18px;cursor:pointer;-webkit-appearance:none;appearance:none;border-width:1px;border-radius:min(3px,var(--button-border-radius));border-style:solid}.checkbox:disabled{cursor:not-allowed;opacity:.2}.checkbox:checked,.checkbox[checked=true],.radio-input [type=radio]:checked{background-color:var(--chkfg);border-color:var(--chkfg);box-shadow:inset 0 0 0 3px var(--chkbg);background-repeat:no-repeat}.rte{max-width:65ch;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);text-transform:var(--font-body-text-transform);letter-spacing:var(--font-body-letter-spacing)}.rte--wide{max-width:100ch}.rte--no-max{max-width:none}.rte>*{margin-bottom:1.2rem}.rte p{margin-bottom:3.2rem}.rte>*:last-child,.rte .metafield-rich_text_field>*:last-child{margin-bottom:0}.rte hr{border-top:1px solid var(--color-borders);margin:calc(1.6rem * var(--font-body-line-height)) 0}.rte abbr[title],.rte acronym[title]{text-decoration:underline dotted}.rte del{text-decoration:line-through}.rte blockquote{position:relative;margin-inline-start:3.2rem;margin-inline-end:3.2rem;border-left:3px solid var(--color-borders);padding-left:1.6rem}.rte cite,.rte address{font-style:italic}.rte th{font-weight:700}.rte th,.rte td{border:1px solid var(--color-borders);padding:8px}.rte pre{font-family:monospace;white-space:pre}.rte code,.rte kbd{font-family:monospace;background-color:#f6f7f9;color:#080e1f;padding:2px 4px;border-radius:4px}.rte label{display:block}.rte input:where(:not([type=file],[type=checkbox],[type=radio],[type=button],[type=reset],[type=submit])),.rte textarea{padding:.125rem .25rem;border:1px solid #666;background:#f5f5f5;color:#111}.rte input[type=color]{width:50px;height:30px}.rte input:where([type=checkbox],[type=radio]),.rte fieldset,.rte legend,.rte select{all:revert}.text-center .rte,.text-align-center .rte{margin-inline:auto}.rte a:not(.btn),.link,.btn--link,.product-block__text a{text-decoration:underline;text-underline-offset:3px;cursor:pointer;color:var(--color-outlines)}.rte ol{list-style-type:decimal;margin-left:24px}.rte ul{list-style-type:disc;margin-left:24px}summary{cursor:pointer;list-style:none}summary::marker,summary::-webkit-details-marker{display:none}summary,.summary-title{border-top:1px solid var(--color-borders);font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:.8em 0}:is(summary,.summary-title) svg{flex-basis:18px}details svg{transition:transform .3s ease-in-out}details[open] svg[class*=feather-chevron]{transform:rotate(180deg)}details .content{padding-top:calc(var(--gutter) * .3);padding-bottom:var(--gutter)}quantity-input,.quantity{--height: 44px;--width: 180px;display:flex;align-items:center;justify-content:space-between;border:solid 1px var(--color-borders);position:relative;width:var(--width);border-radius:var(--button-border-radius)}quantity-input.small,.quantity.small{--height: 32px;--width: 96px}.quantity__button{display:grid;place-content:center;min-width:var(--height);min-height:var(--height);flex-shrink:0;cursor:pointer}.quantity__button svg{pointer-events:none;width:1.8rem;height:1.8rem}quantity-input.small svg,.quantity.small svg{width:1.6rem;height:1.6rem}.quantity__input{text-align:center;width:100%;padding:6px 0;-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.quantity__input::-webkit-outer-spin-button,.quantity__input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}@media only screen and (max-width:767px){quantity-input:not(.force-icons).small{width:60px}quantity-input:not(.force-icons).small .quantity__button{display:none}}.field{--duration-short: .3s;--padding: 1.5rem;--line-height: 1.6;--height: 5.8rem;--font-size: 1.6rem;position:relative;width:100%;display:flex;transition:box-shadow var(--duration-short) ease;color:var(--input-foreground)}.field--with-error{flex-wrap:wrap}.field__input,.customer select{font-size:var(--font-size);letter-spacing:var(--input-letter-spacing);flex-grow:1;text-align:left;padding:var(--padding);margin:var(--input-border-width);transition:box-shadow var(--duration-short) ease;border:solid var(--input-border-width) var(--input-border-color);background-color:var(--input-background);border-radius:var(--input-border-radius);box-shadow:var(--input-box-shadow);color:var(--input-foreground);line-height:var(--line-height);min-height:var(--height)}.field__label{font-size:var(--font-size);margin-bottom:0;pointer-events:none;position:absolute;transition:top var(--duration-short) ease,font-size var(--duration-short) ease;color:var(--input-foreground);line-height:var(--line-height);left:calc(var(--input-border-width) + var(--padding))}input+.field__label{top:50%;transform:translateY(-50%)}textarea+.field__label{top:var(--gutter)}.field__input:focus~.field__label,.field__input:not(:placeholder-shown)~.field__label,.field__input:-webkit-autofill~.field__label,.field.select .field__label{font-size:1rem;top:calc(var(--input-border-width) + .8rem);opacity:.85;transform:translateY(0)}.field.select select,.customer select,.field__input:focus,.field__input:not(:placeholder-shown),.field__input:-webkit-autofill{padding:2rem 1.5rem 1rem;margin:var(--input-border-width)}.field__input::-webkit-search-cancel-button{display:none}.field__input::placeholder{opacity:0}.field__button{align-items:center;background-color:transparent;border:0;color:currentColor;cursor:pointer;display:flex;height:4.4rem;justify-content:center;overflow:hidden;padding:0;position:absolute;right:0;top:0;width:4.4rem}.field__button>svg{height:2.5rem;width:2.5rem}.field__input:-webkit-autofill~.field__button,.field__input:-webkit-autofill~.field__label{color:#000}.text-area{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);min-height:10rem;resize:none}input[type=checkbox]:not(.swatch){display:inline-block;margin-right:.5rem}.product-form__input .swatch{--single-swatch-size: 28px;--single-swatch-padding: 2px;width:var(--single-swatch-size)!important;height:var(--single-swatch-size)!important;min-width:var(--single-swatch-size)!important;min-height:var(--single-swatch-size)!important;border-radius:50%!important;position:relative;padding:var(--single-swatch-padding)!important;background-color:var(--color-background)}.product-form__input .swatch .color{width:calc(100% - var(--single-swatch-padding) * 2);height:calc(100% - var(--single-swatch-padding) * 2);background-color:var(--color);object-fit:cover;border-radius:50%;position:absolute;inset:var(--single-swatch-padding)}.form,form{--spacing: 12px}:is(.form,form)>.field+.field{margin-top:var(--spacing)}:is(.form,form)>.field-group+.field-group{margin-top:var(--spacing)}:is(.form,form)>.field-group+.field{margin-top:var(--spacing)}:is(.form,form)>.field+.field-group{margin-top:var(--spacing)}:is(.form,form) .field-group{display:flex;gap:var(--spacing);flex-wrap:wrap;width:100%}@media only screen and (min-width:768px){:is(.form,form) .field-group>.field:not(.field--full-width){flex-basis:calc(50% - calc(var(--spacing) / 2))}}.form__label{display:block;margin-bottom:.6rem}.form__message{align-items:center;display:flex;font-size:1.4rem;line-height:1;margin-top:1rem}.text-align-center .form__message,.text-center .form__message{align-self:center;justify-content:center}.text-align-right .form__message,.text-right .form__message{align-self:flex-end;justify-content:flex-end}.customer .field .form__message{font-size:1.4rem;text-align:left}.form__message .icon,.customer .form__message svg{flex-shrink:0;height:1.3rem;margin-right:.5rem;width:1.3rem}.customer .form__message svg{height:1.5rem;width:1.5rem;margin-right:1rem}.customer .field .form__message svg{align-self:start}.form-status{font-size:1.6rem}.form-status-list{padding:0;gap:1rem}.form-status-list li{list-style-position:inside}.form-status-list .link:first-letter{text-transform:capitalize}.text-area,.select{display:flex;position:relative;width:100%}.customer select+svg,.field.select select+svg{height:.6rem;pointer-events:none;position:absolute;top:calc(50% - .2rem);right:calc(var(--input-border-width) + 1.5rem)}.price{font-family:var(--font-body-family)}.price.price--unavailable{visibility:hidden}.price--sold-out .price__availability,.price__regular{display:block}.price__sale,.price__availability,.price--on-sale .price__regular,.price--on-sale .price__availability{display:none}.price--on-sale .price__sale{display:block}.price--on-sale .price__sale .price-item--regular{text-decoration:line-through;margin-right:12px}svg.feather{stroke-width:var(--icon-stroke)}a>.media img{transition:all .3s ease-in-out}a:hover>.media img,a:focus-visible>.media img{transform:scale(1.1)}.swatch{--swatch-size: 20px;display:inline-block;width:var(--swatch-size);height:var(--swatch-size);border-radius:50%;position:relative;border:1px solid;box-sizing:content-box}.swatch .color{--swatch-color-offset: 4px;background-color:var(--color);width:calc(100% - var(--swatch-color-offset));height:calc(100% - var(--swatch-color-offset));object-fit:cover;border-radius:50%;position:absolute;top:calc(var(--swatch-color-offset)/2);left:calc(var(--swatch-color-offset)/2)}.badges{display:flex;flex-wrap:wrap;justify-content:inherit;gap:1rem}.badge{color:var(--color-background);background:var(--color-foreground);font-family:var(--font-badge-family);font-style:var(--font-badge-style);font-weight:var(--font-badge-weight);font-size:var(--font-badge-size);text-transform:var(--font-badge-text-transform);letter-spacing:var(--font-badge-letter-spacing);border-radius:var(--badge-border-radius);display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.2rem;line-height:1}.link-list-heading{padding:8px 0}ul.link-list li a{display:inline-block;padding:4px 0}.link-icon{display:inline-block}.link-icon svg{display:block;width:100%;height:100%}.icon--round{background:var(--color-foreground);color:var(--color-background);width:2.4rem;height:2.4rem;padding:.4rem;border-radius:100px}.select-icon{pointer-events:none}.col-span{grid-column:span var(--col-span)}@media only screen and (min-width:768px){.col-span{grid-column:span var(--sm-col-span)}}@media only screen and (min-width:1024px){.col-span{grid-column:span var(--md-col-span)}}.br{border-radius:var(--br)}.br-img{border-radius:var(--br-img);overflow:hidden}@media only screen and (max-width:767px){.sm-down-br-img{border-radius:var(--br-img)}}@media only screen and (min-width:768px){.sm-br{border-radius:var(--sm-br)}.sm-br-img{border-radius:var(--br-img);overflow:hidden}}@media only screen and (min-width:1024px){.md-br{border-radius:var(--md-br)}.md-br-img{border-radius:var(--br-img);overflow:hidden}}@media only screen and (max-width:767px){.sm-down-scroll{overflow-x:scroll;flex-wrap:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth}.sm-down-scroll>*{white-space:nowrap;flex:1 0 auto;scroll-snap-align:start}}.scrollbar--hide::-webkit-scrollbar{display:none;width:0;height:0}.grecaptcha-badge{z-index:50}.shopify-section{position:relative}footer.footer{z-index:0}.footer-social__link{display:grid;place-content:center;min-width:44px;min-height:44px}.footer-social__link svg.icon--fill{fill:var(--color-foreground);stroke-width:0}.footer-social__link svg:not(.icon--fill){stroke:var(--color-foreground)}details.footer-details .content{padding-top:0}.footer-image{max-width:100%;height:auto}.to-top-link{position:absolute;bottom:0;left:50%;padding:12px 12px 6px;transform:translate(-50%);border-radius:var(--button-border-radius) var(--button-border-radius) 0 0;transition:all .2s ease-in-out}.to-top-link:hover{padding-bottom:12px}@media only screen and (min-width:768px){.footer-block__title{pointer-events:none;border-top:0}.footer-block__title svg{display:none}}@media only screen and (max-width:767px){.footer-details{margin-bottom:calc(-1 * var(--gap))}}.breadcrumb{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;font-weight:500;color:var(--color-foreground);max-width:100%;overflow:hidden}.text-align-center .breadcrumb{justify-content:center}.breadcrumb-item{white-space:nowrap}.breadcrumb li:not(:first-child):before{content:var(--divider-symbol);margin:0 10px}@media only screen and (max-width:767px){.nav--breadcrumb{margin-left:calc(var(--container-margin) * -1);margin-right:calc(var(--container-margin) * -1)}.breadcrumb{overflow:scroll;padding:0 var(--container-margin)}}@media only screen and (min-width:768px){.breadcrumb-item.active{overflow:hidden;text-overflow:ellipsis}}.component--read-more{--shown-height: 75px;display:grid;position:relative;grid-template-rows:var(--shown-height) 0fr auto;transition:grid-template-rows .3s ease-in-out}.read-more-content{position:relative;overflow:hidden;grid-row:1 / 3}.read-more-content:after{content:"";position:absolute;opacity:1;bottom:0;left:0;right:0;top:0;background:linear-gradient(to bottom,transparent 25%,var(--color-background) 95%);pointer-events:none;transition:all .3s ease-in-out}.read-more-toggle svg line:first-child{transform-origin:50% 50%;transition:transform .3s ease-out}.component--read-more.expanded{grid-template-rows:var(--shown-height) 1fr auto}.component--read-more.expanded .read-more-content:after{top:100%;opacity:0}.component--read-more.expanded .read-more-toggle svg line:first-child{transform:rotate(90deg)}.standard-items-spacing{gap:15px;display:flex;flex-direction:column}

/* ---------- component-grid.css ---------- */
.grid{--gap: var(--gutter);display:grid;grid-template-columns:repeat(6,1fr);grid-column-gap:var(--gap);grid-row-gap:var(--gap);grid-auto-flow:dense;position:relative}@media only screen and (min-width:768px){.grid{grid-template-columns:repeat(12,1fr)}}.grid>*{width:100%}.grid.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}@media only screen and (min-width:768px){.grid.sm-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid.sm-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.sm-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.sm-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.sm-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid.sm-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid.sm-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid.sm-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid.sm-grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid.sm-grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid.sm-grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid.sm-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media only screen and (min-width:1024px){.grid.md-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid.md-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.md-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.md-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.md-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid.md-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid.md-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid.md-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid.md-grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid.md-grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid.md-grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid.md-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}.col-justify-items-start{justify-items:start}.col-justify-items-end{justify-items:end}.col-justify-items-center{justify-items:center}.col-justify-items-stretch{justify-items:stretch}.col-align-items-start{align-items:start}.col-align-items-end{align-items:end}.col-align-items-center{align-items:center}.col-align-items-stretch{align-items:stretch}.col-justify-content-start{justify-content:start}.col-justify-content-end{justify-content:end}.col-justify-content-center{justify-content:center}.col-justify-content-stretch{justify-content:stretch}.col-justify-content-space-around{justify-content:space-around}.col-justify-content-space-between{justify-content:space-between}.col-justify-content-space-evenly{justify-content:space-evenly}.col-align-content-start{align-content:start}.col-align-content-end{align-content:end}.col-align-content-center{align-content:center}.col-align-content-stretch{align-content:stretch}.col-align-content-space-around{align-content:space-around}.col-align-content-space-between{align-content:space-between}.col-align-content-space-evenly{align-content:space-evenly}.col-grid-auto-flow-row{grid-auto-flow:row}.col-grid-auto-flow-column{grid-auto-flow:column}.col-grid-auto-flow-dense{grid-auto-flow:dense}.col-2{grid-column-end:span 1}.col-4{grid-column-end:span 2}.col-6{grid-column-end:span 3}.col-8{grid-column-end:span 4}.col-10{grid-column-end:span 5}.col-12{grid-column-end:span 6}.col-justify-self-start{justify-self:start}.col-justify-self-end{justify-self:end}.col-justify-self-center{justify-self:center}.col-justify-self-stretch{justify-self:stretch}.col-align-self-start{align-self:start}.col-align-self-end{align-self:end}.col-align-self-center{align-self:center}.col-align-self-stretch{align-self:stretch}@media only screen and (min-width:768px){.sm-gap{--gap: var(--sm-gap) !important}.col-sm-justify-items-start{justify-items:start}.col-sm-justify-items-end{justify-items:end}.col-sm-justify-items-center{justify-items:center}.col-sm-justify-items-stretch{justify-items:stretch}.col-sm-align-items-start{align-items:start}.col-sm-align-items-end{align-items:end}.col-sm-align-items-center{align-items:center}.col-sm-align-items-stretch{align-items:stretch}.col-sm-justify-content-start{justify-content:start}.col-sm-justify-content-end{justify-content:end}.col-sm-justify-content-center{justify-content:center}.col-sm-justify-content-stretch{justify-content:stretch}.col-sm-justify-content-space-around{justify-content:space-around}.col-sm-justify-content-space-between{justify-content:space-between}.col-sm-justify-content-space-evenly{justify-content:space-evenly}.col-sm-align-content-start{align-content:start}.col-sm-align-content-end{align-content:end}.col-sm-align-content-center{align-content:center}.col-sm-align-content-stretch{align-content:stretch}.col-sm-align-content-space-around{align-content:space-around}.col-sm-align-content-space-between{align-content:space-between}.col-sm-align-content-space-evenly{align-content:space-evenly}.col-sm-grid-auto-flow-row{grid-auto-flow:row}.col-sm-grid-auto-flow-column{grid-auto-flow:column}.col-sm-grid-auto-flow-dense{grid-auto-flow:dense}.col-2{grid-column-end:span 2}.col-4{grid-column-end:span 4}.col-6{grid-column-end:span 6}.col-8{grid-column-end:span 8}.col-10{grid-column-end:span 10}.col-12{grid-column-end:span 12}.col-sm-1{grid-column-end:span 1}.col-sm-2{grid-column-end:span 2}.col-sm-3{grid-column-end:span 3}.col-sm-4{grid-column-end:span 4}.col-sm-5{grid-column-end:span 5}.col-sm-6{grid-column-end:span 6}.col-sm-7{grid-column-end:span 7}.col-sm-8{grid-column-end:span 8}.col-sm-9{grid-column-end:span 9}.col-sm-10{grid-column-end:span 10}.col-sm-11{grid-column-end:span 11}.col-sm-12{grid-column-end:span 12}.col-sm-offset-2{grid-column-start:2}.col-sm-offset-3{grid-column-start:3}.col-sm-offset-4{grid-column-start:4}.col-sm-offset-5{grid-column-start:5}.col-sm-offset-6{grid-column-start:6}.col-sm-offset-7{grid-column-start:7}.col-sm-offset-8{grid-column-start:8}.col-sm-offset-9{grid-column-start:9}.col-sm-offset-10{grid-column-start:10}.col-sm-offset-11{grid-column-start:11}.col-sm-offset-12{grid-column-start:12}.col-sm-justify-self-start{justify-self:start}.col-sm-justify-self-end{justify-self:end}.col-sm-justify-self-center{justify-self:center}.col-sm-justify-self-stretch{justify-self:stretch}.col-sm-align-self-start{align-self:start}.col-sm-align-self-end{align-self:end}.col-sm-align-self-center{align-self:center}.col-sm-align-self-stretch{align-self:stretch}}@media only screen and (min-width:1024px){.col-md-justify-items-start{justify-items:start}.col-md-justify-items-end{justify-items:end}.col-md-justify-items-center{justify-items:center}.col-md-justify-items-stretch{justify-items:stretch}.col-md-align-items-start{align-items:start}.col-md-align-items-end{align-items:end}.col-md-align-items-center{align-items:center}.col-md-align-items-stretch{align-items:stretch}.col-md-justify-content-start{justify-content:start}.col-md-justify-content-end{justify-content:end}.col-md-justify-content-center{justify-content:center}.col-md-justify-content-stretch{justify-content:stretch}.col-md-justify-content-space-around{justify-content:space-around}.col-md-justify-content-space-between{justify-content:space-between}.col-md-justify-content-space-evenly{justify-content:space-evenly}.col-md-align-content-start{align-content:start}.col-md-align-content-end{align-content:end}.col-md-align-content-center{align-content:center}.col-md-align-content-stretch{align-content:stretch}.col-md-align-content-space-around{align-content:space-around}.col-md-align-content-space-between{align-content:space-between}.col-md-align-content-space-evenly{align-content:space-evenly}.col-md-grid-auto-flow-row{grid-auto-flow:row}.col-md-grid-auto-flow-column{grid-auto-flow:column}.col-md-grid-auto-flow-dense{grid-auto-flow:dense}.col-md-1{grid-column-end:span 1}.col-md-2{grid-column-end:span 2}.col-md-3{grid-column-end:span 3}.col-md-4{grid-column-end:span 4}.col-md-5{grid-column-end:span 5}.col-md-6{grid-column-end:span 6}.col-md-7{grid-column-end:span 7}.col-md-8{grid-column-end:span 8}.col-md-9{grid-column-end:span 9}.col-md-10{grid-column-end:span 10}.col-md-11{grid-column-end:span 11}.col-md-12{grid-column-end:span 12}.col-md-offset-2{grid-column-start:2}.col-md-offset-3{grid-column-start:3}.col-md-offset-4{grid-column-start:4}.col-md-offset-5{grid-column-start:5}.col-md-offset-6{grid-column-start:6}.col-md-offset-7{grid-column-start:7}.col-md-offset-8{grid-column-start:8}.col-md-offset-9{grid-column-start:9}.col-md-offset-10{grid-column-start:10}.col-md-offset-11{grid-column-start:11}.col-md-offset-12{grid-column-start:12}.col-md-justify-self-start{justify-self:start}.col-md-justify-self-end{justify-self:end}.col-md-justify-self-center{justify-self:center}.col-md-justify-self-stretch{justify-self:stretch}.col-md-align-self-start{align-self:start}.col-md-align-self-end{align-self:end}.col-md-align-self-center{align-self:center}.col-md-align-self-stretch{align-self:stretch}}@media only screen and (min-width:1200px){.col-lg-justify-items-start{justify-items:start}.col-lg-justify-items-end{justify-items:end}.col-lg-justify-items-center{justify-items:center}.col-lg-justify-items-stretch{justify-items:stretch}.col-lg-align-items-start{align-items:start}.col-lg-align-items-end{align-items:end}.col-lg-align-items-center{align-items:center}.col-lg-align-items-stretch{align-items:stretch}.col-lg-justify-content-start{justify-content:start}.col-lg-justify-content-end{justify-content:end}.col-lg-justify-content-center{justify-content:center}.col-lg-justify-content-stretch{justify-content:stretch}.col-lg-justify-content-space-around{justify-content:space-around}.col-lg-justify-content-space-between{justify-content:space-between}.col-lg-justify-content-space-evenly{justify-content:space-evenly}.col-lg-align-content-start{align-content:start}.col-lg-align-content-end{align-content:end}.col-lg-align-content-center{align-content:center}.col-lg-align-content-stretch{align-content:stretch}.col-lg-align-content-space-around{align-content:space-around}.col-lg-align-content-space-between{align-content:space-between}.col-lg-align-content-space-evenly{align-content:space-evenly}.col-lg-grid-auto-flow-row{grid-auto-flow:row}.col-lg-grid-auto-flow-column{grid-auto-flow:column}.col-lg-grid-auto-flow-dense{grid-auto-flow:dense}.col-lg-1{grid-column-end:span 1}.col-lg-2{grid-column-end:span 2}.col-lg-3{grid-column-end:span 3}.col-lg-4{grid-column-end:span 4}.col-lg-5{grid-column-end:span 5}.col-lg-6{grid-column-end:span 6}.col-lg-7{grid-column-end:span 7}.col-lg-8{grid-column-end:span 8}.col-lg-9{grid-column-end:span 9}.col-lg-10{grid-column-end:span 10}.col-lg-11{grid-column-end:span 11}.col-lg-12{grid-column-end:span 12}.col-lg-offset-2{grid-column-start:2}.col-lg-offset-3{grid-column-start:3}.col-lg-offset-4{grid-column-start:4}.col-lg-offset-5{grid-column-start:5}.col-lg-offset-6{grid-column-start:6}.col-lg-offset-7{grid-column-start:7}.col-lg-offset-8{grid-column-start:8}.col-lg-offset-9{grid-column-start:9}.col-lg-offset-10{grid-column-start:10}.col-lg-offset-11{grid-column-start:11}.col-lg-offset-12{grid-column-start:12}.col-lg-justify-self-start{justify-self:start}.col-lg-justify-self-end{justify-self:end}.col-lg-justify-self-center{justify-self:center}.col-lg-justify-self-stretch{justify-self:stretch}.col-lg-align-self-start{align-self:start}.col-lg-align-self-end{align-self:end}.col-lg-align-self-center{align-self:center}.col-lg-align-self-stretch{align-self:stretch}}.col-order-1{order:1}.col-order-2{order:2}.col-order-3{order:3}.col-order-4{order:4}.col-order-5{order:5}.col-order-6{order:6}@media only screen and (min-width:768px){.col-sm-order-1{order:1}.col-sm-order-2{order:2}.col-sm-order-3{order:3}.col-sm-order-4{order:4}.col-sm-order-5{order:5}.col-sm-order-6{order:6}}.item-span-2{grid-column:span 2}.item-span-3{grid-column:span 3}.item-span-4{grid-column:span 4}.item-span-5{grid-column:span 5}.item-span-6{grid-column:span 6}@media only screen and (min-width:768px){.sm-item-span-2{grid-column:span 2}.sm-item-span-3{grid-column:span 3}.sm-item-span-4{grid-column:span 4}.sm-item-span-5{grid-column:span 5}.sm-item-span-6{grid-column:span 6}}@media only screen and (min-width:1024px){.md-item-span-2{grid-column:span 2}.md-item-span-3{grid-column:span 3}.md-item-span-4{grid-column:span 4}.md-item-span-5{grid-column:span 5}.md-item-span-6{grid-column:span 6}}@media only screen and (min-width:768px){.col-sm-max-1{max-width:var(--max-col-width)}.col-sm-max-2{max-width:calc(var(--max-col-width) * 2 + var(--gutter))}.col-sm-max-3{max-width:calc(var(--max-col-width) * 3 + var(--gutter) * 2)}.col-sm-max-4{max-width:calc(var(--max-col-width) * 4 + var(--gutter) * 3)}.col-sm-max-5{max-width:calc(var(--max-col-width) * 5 + var(--gutter) * 4)}.col-sm-max-6{max-width:calc(var(--max-col-width) * 6 + var(--gutter) * 5)}.col-sm-max-7{max-width:calc(var(--max-col-width) * 7 + var(--gutter) * 6)}.col-sm-max-8{max-width:calc(var(--max-col-width) * 8 + var(--gutter) * 7)}.col-sm-max-9{max-width:calc(var(--max-col-width) * 9 + var(--gutter) * 8)}.col-sm-max-10{max-width:calc(var(--max-col-width) * 10 + var(--gutter) * 9)}.col-sm-max-11{max-width:calc(var(--max-col-width) * 11 + var(--gutter) * 10)}}@media only screen and (min-width:1024px){.col-md-max-1{max-width:var(--max-col-width)}.col-md-max-2{max-width:calc(var(--max-col-width) * 2 + var(--gutter))}.col-md-max-3{max-width:calc(var(--max-col-width) * 3 + var(--gutter) * 2)}.col-md-max-4{max-width:calc(var(--max-col-width) * 4 + var(--gutter) * 3)}.col-md-max-5{max-width:calc(var(--max-col-width) * 5 + var(--gutter) * 4)}.col-md-max-6{max-width:calc(var(--max-col-width) * 6 + var(--gutter) * 5)}.col-md-max-7{max-width:calc(var(--max-col-width) * 7 + var(--gutter) * 6)}.col-md-max-8{max-width:calc(var(--max-col-width) * 8 + var(--gutter) * 7)}.col-md-max-9{max-width:calc(var(--max-col-width) * 9 + var(--gutter) * 8)}.col-md-max-10{max-width:calc(var(--max-col-width) * 10 + var(--gutter) * 9)}.col-md-max-11{max-width:calc(var(--max-col-width) * 11 + var(--gutter) * 10)}}.grid--gallery{grid-auto-flow:initial}.grid--gallery .media{height:100%}.grid--gallery .media>*{height:100%}

/* ---------- component-card.css ---------- */
.card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--card-border-radius);color:var(--color-card-foreground);background:var(--color-card-background)}.card-media{position:relative;overflow:hidden}.card-media figure{border-radius:calc(var(--card-border-radius) / 1.5);overflow:hidden}.card-body{padding:var(--card-body-padding)}.card-media-overlay{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;padding:var(--card-body-padding)}.card-hover-images{position:relative;overflow:hidden}.card-hover-images>*:last-child{opacity:0;position:absolute;left:0;top:0;width:100%;height:100%}@media(hover:hover){.card .media>*{transition:transform .4s ease-in-out}.card:hover .media>*{transform:scale(1.1)}.card.on-hover:hover .card-hover-images>*:first-child>*{opacity:0}.card.on-hover:hover .card-hover-images>*:last-child{opacity:1}}.card.bg-gradient{--color-card-background: var(--gradient-card-background) }.card.bg-transparent{--color-card-background: transparent}.card--traditional{background:transparent;color:inherit}.card--traditional .card-media{border-radius:var(--card-border-radius);background:var(--color-card-background)}.card--traditional .card-body{padding:var(--card-body-padding) 0}.card--banner .card-media{height:100%;width:100%;position:relative}.card--banner .media,.card--banner .media img{height:100%}.card--banner .video{height:100%;width:100%;object-fit:cover}.card--testimonial .quotation-mark{height:35%}.card--collection .badges{position:absolute;top:var(--card-body-padding)}.card--collection .vertical-top .badges{top:auto;bottom:var(--card-body-padding)}.card--product.content--none .card-body,.card--product.content--name-only .card-body>*:not(.card-title),.card--product.content--name-and-price .card-body>*:not(.card-title,.price){display:none}.card--default:not(.layout--thumbnail) .hotspot{position:absolute!important;top:20px;right:20px}.layout--thumbnail{--thumbnail-width: 90px;display:grid;grid-template-columns:var(--thumbnail-width) auto auto;align-items:center}.layout--thumbnail .card-body{text-align:left;padding:min(16px,var(--card-body-padding))}.layout--thumbnail .flex{justify-content:flex-start!important}.layout--thumbnail .card-media-overlay,.layout--thumbnail .card-vendor,.layout--thumbnail .swatches{display:none}.layout--thumbnail .hotspot{margin-left:auto;margin-right:16px;width:30px;height:30px}.card-body .badges{margin-bottom:8px;display:none}.layout--thumbnail .card-body .badges{display:flex}.card-body ul{list-style:inside disc}.card-body ul li::marker{margin-right:4px}@media only screen and (max-width:767px){.sm-down-layout--thumbnail{--thumbnail-width: 90px;display:grid;grid-template-columns:var(--thumbnail-width) auto auto;align-items:center}.sm-down-layout--thumbnail .card-body{text-align:left;padding:min(16px,var(--card-body-padding))}.sm-down-layout--thumbnail .flex{justify-content:flex-start!important}.sm-down-layout--thumbnail .card-media-overlay,.sm-down-layout--thumbnail .card-vendor,.sm-down-layout--thumbnail .swatches{display:none}.sm-down-layout--thumbnail .card-body .badges{display:flex}}@media only screen and (min-width:768px){.sm-layout--thumbnail{--thumbnail-width: 90px;display:grid;grid-template-columns:var(--thumbnail-width) auto auto;align-items:center}.sm-layout--thumbnail .card-body{text-align:left;padding:min(16px,var(--card-body-padding))}.sm-layout--thumbnail .flex{justify-content:flex-start!important}.sm-layout--thumbnail .card-media-overlay,.sm-layout--thumbnail .card-vendor,.sm-layout--thumbnail .swatches{display:none}.sm-layout--thumbnail .card-body .badges{display:flex}}.options-availability{gap:8px}.variant-option-title{position:relative;padding:2px 6px;background:var(--color-background);color:var(--color-foreground);text-align:center;min-width:30px;border-radius:var(--button-border-radius)}.variant-option-title.unavailable{opacity:.45}.variant-option-title.unavailable:after{display:block;content:"";position:absolute;left:50%;top:0;bottom:0;transform:rotate(-45deg);border-left:solid 1px var(--color-foreground)}.card quick-buy{position:absolute;opacity:0;pointer-events:none;transition:all .3s ease-in;--quick-buy-offset: var(--card-body-padding)}.card--traditional quick-buy{--quick-buy-offset: 0}quick-buy.full-width{left:var(--quick-buy-offset);right:var(--quick-buy-offset)}quick-buy.position--top{top:var(--quick-buy-offset)}quick-buy.position--middle{top:50%;transform:translateY(-50%)}quick-buy.position--bottom{bottom:var(--quick-buy-offset)}quick-buy.position--top-left{top:var(--quick-buy-offset);left:var(--quick-buy-offset)}quick-buy.position--top-center{top:var(--quick-buy-offset);left:50%;transform:translate(-50%)}quick-buy.position--top-right{top:var(--quick-buy-offset);right:var(--quick-buy-offset)}quick-buy.position--middle-left{top:50%;left:var(--quick-buy-offset);transform:translateY(-50%)}quick-buy.position--middle-center{top:50%;left:50%;transform:translate(-50%) translateY(-50%)}quick-buy.position--middle-right{top:50%;right:var(--quick-buy-offset);transform:translateY(-50%)}quick-buy.position--bottom-left{bottom:var(--quick-buy-offset);left:var(--quick-buy-offset)}quick-buy.position--bottom-center{bottom:var(--quick-buy-offset);left:50%;transform:translate(-50%)}quick-buy.position--bottom-right{bottom:var(--quick-buy-offset);right:var(--quick-buy-offset)}.card quick-buy .btn{display:block!important}@media(hover:hover){.card:hover quick-buy{opacity:1;pointer-events:auto}}.card quick-buy:focus-within{opacity:1;pointer-events:auto;bottom:var(--card-body-padding)}.quick-buy_icon{display:none;pointer-events:none}.layout--thumbnail quick-buy{position:relative;align-self:center;opacity:1;width:auto;margin-left:auto;margin-right:16px;pointer-events:auto;left:auto!important;bottom:auto!important;top:auto!important;right:auto!important;transform:none!important}.layout--thumbnail quick-buy .btn{padding:10px!important;width:44px;height:44px;display:flex!important;justify-content:center;align-items:center}.layout--thumbnail .quick-buy_text{display:none}.layout--thumbnail .quick-buy_icon{display:flex}@media only screen and (max-width:767px){.sm-down-layout--thumbnail quick-buy{position:relative;align-self:center;opacity:1;width:auto;margin-left:auto;margin-right:16px;left:auto!important;bottom:auto!important;top:auto!important;right:auto!important;transform:none!important}.sm-down-layout--thumbnail quick-buy .btn{padding:10px!important;width:44px;height:44px;display:flex!important;justify-content:center;align-items:center}.sm-down-layout--thumbnail .quick-buy_text{display:none}.sm-down-layout--thumbnail .quick-buy_icon{display:flex}}@media only screen and (min-width:768px){.sm-layout--thumbnail quick-buy{position:relative;align-self:center;opacity:1;width:auto;margin-left:auto;margin-right:16px;left:auto!important;bottom:auto!important;top:auto!important;right:auto!important;transform:none!important}.sm-layout--thumbnail quick-buy .btn{padding:10px!important;width:44px;height:44px;display:flex!important;justify-content:center;align-items:center}.sm-layout--thumbnail .quick-buy_text{display:none}.sm-layout--thumbnail .quick-buy_icon{display:flex}}

/* ---------- component-gridy-slider.css ---------- */
gridy-slider{position:relative;display:block}.gridy-track>*{scroll-snap-align:start;overflow:hidden}.gridy-track.disable-scroll{overflow:hidden!important}.grid-cols-1{--slide-items-width: 100% }.grid-cols-2{--slide-items-width: calc((100% - var(--gap)*1)/2) }.grid-cols-3{--slide-items-width: calc((100% - var(--gap)*2)/3) }.grid-cols-4{--slide-items-width: calc((100% - var(--gap)*3)/4) }.grid-cols-5{--slide-items-width: calc((100% - var(--gap)*4)/5) }.grid-cols-6{--slide-items-width: calc((100% - var(--gap)*5)/6) }.gridy-arrows{display:none;position:absolute;width:100%;top:50%;pointer-events:none;left:0;z-index:1}.gridy-arrow{pointer-events:auto;position:absolute;top:-50%;transform:translateY(-50%)}[data-direction=prev]{left:0}[data-direction=next]{right:0}.gridy-arrows.on-edge{width:100%;left:0}.gridy-arrows.on-edge [data-direction=prev]{transform:translate(-50%,-50%)}.gridy-arrows.on-edge [data-direction=next]{transform:translate(50%,-50%)}.gridy-indicator.position-overlay-track{position:absolute;bottom:0;width:100%;z-index:1;pointer-events:none}.dot{display:block;background-color:#fff;height:8px;width:8px;border-radius:40px;opacity:.35}.dot.active{opacity:1}.indicator--lines .dot{width:32px;height:2px;border-radius:0}.arrows-style--minimal .gridy-arrow{color:var(--color-foreground);background-color:var(--color-background)}.arrows-style--minimal .gridy-arrow:hover{box-shadow:0 0 0 3px var(--color-background),0 2px 4px 3px #00000026!important}.arrows-style--no-bg .gridy-arrow{color:var(--color-foreground);background-color:transparent}.arrows-style--no-bg .gridy-arrow{transform:translate(0)!important}.arrows-style--no-bg .gridy-arrow:hover{box-shadow:0 0 0 3px var(--color-background),0 2px 4px 3px #00000026!important;background-color:var(--color-background)}@media only screen and (max-width:767px){.slide-peek.grid-cols-1{--slide-items-width: 85% }.slide-peek.grid-cols-2{--slide-items-width: calc((90% - var(--gap)*1)/2) }.slide-peek.grid-cols-3{--slide-items-width: calc((92% - var(--gap)*2)/3) }.slide-peek.grid-cols-4{--slide-items-width: calc((94% - var(--gap)*3)/4) }[data-mobile-enabled=true] .gridy-track{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;grid:auto / auto-flow var(--slide-items-width)}[data-mobile-enabled=true] .gridy-arrows{display:flex}[data-mobile-enabled=true] .track-inner-padding{padding-left:var(--container-margin);padding-right:var(--container-margin);scroll-padding-inline:var(--container-margin)}.sm-down-scroll-hidden{overflow:hidden!important}[data-direction=prev].btn--round{padding:.4em .4em .4em .2em!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}[data-direction=next].btn--round{padding:.4em .2em .4em .4em!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}}@media only screen and (min-width:768px)and (max-width:1023px){[data-tablet-enabled=true] .gridy-track{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;grid:auto / auto-flow var(--slide-items-width)}[data-tablet-enabled=true] .gridy-arrows{display:flex}}@media only screen and (min-width:768px){.sm-grid-cols-1{--slide-items-width: 100% }.sm-grid-cols-2{--slide-items-width: calc((100% - var(--gap)*1)/2) }.sm-grid-cols-3{--slide-items-width: calc((100% - var(--gap)*2)/3) }.sm-grid-cols-4{--slide-items-width: calc((100% - var(--gap)*3)/4) }.gridy-arrows{width:calc(100% - var(--container-margin));left:calc(var(--container-margin) / 2)}.gridy-arrows.sm-on-edge{width:100%;left:0}.gridy-arrows.sm-on-edge [data-direction=prev]{transform:translate(-50%,-50%)}.gridy-arrows.sm-on-edge [data-direction=next]{transform:translate(50%,-50%)}.sm-scroll-hidden{overflow:hidden!important}}@media only screen and (min-width:1024px){[data-desktop-enabled=true] .gridy-track{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;grid:auto / auto-flow var(--slide-items-width)}[data-desktop-enabled=true] .gridy-arrows{display:flex}.md-grid-cols-1{--slide-items-width: 100% }.md-grid-cols-2{--slide-items-width: calc((100% - var(--gap)*1)/2) }.md-grid-cols-3{--slide-items-width: calc((100% - var(--gap)*2)/3) }.md-grid-cols-4{--slide-items-width: calc((100% - var(--gap)*3)/4) }.md-grid-cols-5{--slide-items-width: calc((100% - var(--gap)*4)/5) }.md-grid-cols-6{--slide-items-width: calc((100% - var(--gap)*5)/6) }.md-scroll-hidden{overflow:hidden!important}}

/* ---------- animations.css ---------- */
html:not(.theme-editor) main .shopify-section:nth-child(n+2):not(.ignore-section-animation):not(.anim-custom-child){opacity:0;transform:translateY(80px);transition:opacity .6s ease-in-out,transform .6s ease-in-out}main .section-anim-in:not(.ignore-section-animation):not(.anim-custom-child){opacity:1!important;transform:translateY(0)!important}main .section-divider:nth-child(-n+2){opacity:1!important;transform:translateY(0)!important}html:not(.theme-editor) main .shopify-section.anim-custom-child:nth-child(n+2) .custom-child-for-animation{opacity:0;transform:translateY(80px);transition:opacity .6s ease-in-out,transform .6s ease-in-out}main .section-anim-in.anim-custom-child .custom-child-for-animation{opacity:1!important;transform:translateY(0)!important}@media(prefers-reduced-motion){main .shopify-section:nth-child(n+2){transition:opacity .8s ease-in-out,opacity .8s ease-in-out}}

/* ---------- component-cart.css ---------- */
cart-items{display:block}.cart-items__header{display:none}.cart-item{display:grid;grid-template-columns:80px auto 60px 120px;grid-template-rows:1fr auto;gap:0px 8px;padding:12px 0;align-items:center}.cart-item__error{grid-column:1 / all;background-color:var(--error);color:#fff;border-radius:4px;padding:8px 24px;display:flex;justify-content:center;align-items:center;gap:12px;font-size:1.6rem;margin-top:12px}.cart-item__title{display:block}#cart-note,#cart-footer{width:100%}#cart-footer{margin-left:auto}.cart__subtotals{margin:24px 0}.cart__subtotal{display:flex;justify-content:space-between;align-items:center}.cart__tax{margin-top:12px}.shipping-notification{display:flex;align-items:center;justify-content:center;gap:12px}.shipping-notification .checkmark{display:none}.shipping-notification.threshold-reached .checkmark{display:block;min-width:26px;min-height:26px;stroke-width:4px;background:transparent;border-radius:50%}.main-cart:not(.drawer) .shipping-notification.threshold-reached .checkmark{animation:fill .4s ease-in-out 1.4s forwards,scale .3s ease-in-out 1.9s both}.shipping-notification .checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48}.main-cart:not(.drawer) .shipping-notification .checkmark__check{animation:stroke .3s cubic-bezier(.65,0,.45,1) 1.8s forwards}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-miterlimit:10;fill:none}.main-cart:not(.drawer) .checkmark__circle{animation:stroke .6s cubic-bezier(.65,0,.45,1) 1s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{background:var(--success)}}.cart-item__total .cart-item__discounted-prices{justify-content:flex-end}.cart-item__discounted-prices{display:flex;flex-direction:row;gap:1rem}.cart-item__discounted-prices .cart-item__old-price{text-decoration:line-through}.cart-item__discount{display:flex;flex-direction:row;align-items:center;gap:.8rem;font-size:1.4rem;font-family:var(--font-body-family)}.cart-item__discount svg{width:16px;min-width:16px}.cart__discount{display:flex;align-items:center;justify-content:space-between}.cart__subtotal-final{font-weight:700;padding-top:12px;border-top:1px dashed var(--color-borders);margin-top:12px}.cart__discounts>*+*{--spacing: 4px;margin-top:var(--spacing)}.cart__discounts{margin-top:4px;margin-bottom:4px}.cart__discount .discount-title{max-width:80%;line-height:1.25}.cart__discount .discount-price{flex:1 0 auto;text-align:right}.cart__subtotal-final{font-weight:700}.cart-buttons{display:flex;flex-direction:column;width:100%;gap:12px}.cart-column{width:100%}.template-cart .empty-cart-notice{margin-top:40px}.template-cart cart-items{margin-top:40px;border-bottom:1px solid var(--border-color)}.template-cart .cart-items__header{grid-template-columns:2fr 1fr}.template-cart .cart-item{display:grid;gap:8px;grid-template-columns:72px 1fr auto;grid-template-areas:"a b c" "a b d" "e e e";align-items:start}.template-cart .cart-item{border-top:1px solid var(--border-color)}.template-cart .shipping-notification{border-bottom:1px solid var(--border-color);padding:1.2rem 0;background:var(--color-background-alt);border-radius:var(--button-border-radius)}.template-cart .view-cart{display:none!important}.template-cart .cart-item__image-container{grid-area:a}.template-cart .cart-item__details{grid-area:b}.template-cart .cart-item__total{grid-area:c}.template-cart .cart-item__actions{grid-area:d;justify-self:end}.template-cart .cart-item__error{grid-area:e}@media only screen and (min-width:768px){.template-cart .cart-items__header{grid-template-columns:auto 96px 160px}.template-cart .cart-item{align-items:center;grid-template-columns:120px auto 96px 160px;grid-template-areas:"a b c d" "e e e e"}.template-cart .cart-item__total{grid-area:d}.template-cart .cart-item__actions{grid-area:c}.template-cart .cart__subtotal{margin-top:0}.template-cart #cart-note,.template-cart #cart-footer{width:max(40%,260px)}}.drawer cart-items{margin-bottom:40px}.drawer .empty-cart-notice,.drawer .empty-cart-haiku{text-align:center}.drawer .shipping-notification{padding:12px var(--drawer-padding);font-size:1.6rem;background-color:var(--color-background-alt);color:var(--color-foreground)}.drawer .shipping-notification.threshold-reached{background-color:var(--success);color:var(--success-foreground)}.drawer .cart-item{grid-template-columns:72px 1fr auto;grid-template-areas:"a b c" "a b d" "e e e";align-items:start}.drawer .cart-item__image-container{grid-area:a}.drawer .cart-item__details{grid-area:b}.drawer .cart-item__total{grid-area:c}.drawer .cart-item__actions{grid-area:d;justify-self:end}.drawer .quantity__input{padding:2px 0}.drawer cart-remove-button{display:none}.drawer.is-open .shipping-notification.threshold-reached .checkmark{animation:fill .4s ease-in-out .9s forwards,scale .3s ease-in-out 1.4s both}.drawer.is-open .shipping-notification .checkmark__check{animation:stroke .3s cubic-bezier(.65,0,.45,1) 1.3s forwards}.drawer.is-open .checkmark__circle{animation:stroke .6s cubic-bezier(.65,0,.45,1) .5s forwards}drawer-cart [data-contents]{height:100%}

/* ---------- index-embedded-02.css ---------- */
#shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

/* ---------- agecheck.min.css ---------- */
.lifterAgeCheck-overlay{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;height:auto;overflow:hidden;display:block!important;z-index:2147483646;background:center center / cover no-repeat scroll}.lifterAgeCheck-iframe-wrapper{position:fixed;top:0;z-index:2147483647}.lifterAgeCheck-iframe{width:800px;height:780px;min-height:280px;padding:20px 20px}

/* ---------- index-embedded-03.css ---------- */
/* Custom transparent cursor across the entire site */
  * {
    cursor: var(--para-asset-1),
      auto !important;
  }
  a,
  button,
  [role="button"],
  input,
  select,
  textarea {
    cursor: var(--para-asset-1),
      pointer !important;
  }

  /* ── Paramour Header Overrides ── */

  #MainHeader,
  #MainHeader.header {
    background: #ffffff !important;
    background-color: #ffffff !important;
  }

  #MainHeader .header-content {
    min-height: 40px !important;
    max-height: 40px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  #MainHeader .header-item {
    display: flex !important;
    align-items: center !important;
  }

  #MainHeader .header-item__link,
  #MainHeader .header-item__link *,
  #MainHeader .header-main-menu-link,
  #MainHeader .header-main-menu-link *,
  #MainHeader .header-shortlink,
  #MainHeader .header-shortlink * {
    color: rgb(8, 0, 0) !important;
  }

  #MainHeader .search-button svg path,
  #MainHeader .search-button svg circle,
  #MainHeader .search-button svg line {
    stroke: #111 !important;
    stroke-width: 1 !important;
    fill: none !important;
  }

  #MainHeader a[href="#drawer-menu"] svg path,
  #MainHeader a[href="#drawer-menu"] svg line,
  #MainHeader a[href="#drawer-menu"] svg rect {
    stroke: #111 !important;
    stroke-width: 1 !important;
    fill: none !important;
  }

  #MainHeader a[href*="cart"] .header-item__link-icon svg,
  #MainHeader a[href*="drawer-cart"] .header-item__link-icon svg {
    display: none !important;
  }
  #MainHeader a[href*="cart"] .header-item__link-icon,
  #MainHeader a[href*="drawer-cart"] .header-item__link-icon {
    background-image: var(--para-asset-2) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    width: 45px !important;
    height: 30px !important;
    display: block !important;
  }

  #MainHeader a[href*="account"] .header-item__link-icon svg {
    display: none !important;
  }
  #MainHeader a[href*="account"] .header-item__link-icon {
    background-image: var(--para-asset-3) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    width: 45px !important;
    height: 30px !important;
    display: block !important;
  }

  #MainHeader a[href*="cart"],
  #MainHeader a[href*="account"] {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  #MainHeader .header-item.--right {
    gap: 4px !important;
  }

/* ---------- component-drawers.css ---------- */
.drawer{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;--drawer-size: min(92vw, 375px);visibility:hidden;opacity:1!important;z-index:70;font-size:var(--font-navigation-size);font-family:var(--font-navigation-family);font-style:var(--font-navigation-style);font-weight:var(--font-navigation-weight);text-transform:var(--font-navigation-text-transform);letter-spacing:var(--font-navigation-letter-spacing);display:block!important;pointer-events:auto!important}.drawer-panel,html.js .drawer-submenu__panel{--drawer-animation: all .3s ease-in-out;--drawer-padding: 24px;display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;left:0;width:var(--drawer-size);background-color:var(--color-background);color:var(--color-foreground);opacity:0;z-index:10;transform:translate(var(--drawer-position))}html.no-js .drawer-panel{--drawer-animation: transform .3s ease-in-out}html.js .drawer-submenu__panel{--drawer-animation: all .3s ease-in-out;background-color:var(--color-background)}.drawer-panel:not(.slide-from-right),html.js .drawer-submenu__panel{--drawer-original-position: -100%;--drawer-position: var(--drawer-original-position)}.drawer-panel.slide-from-right{--drawer-original-position: 100vw;--drawer-position: var(--drawer-original-position)}html.js .initialized .drawer-panel,html.no-js .drawer-panel,html.js .initialized .drawer-submenu__panel{transition:var(--drawer-animation)}html.no-js .drawer:target,html.js .drawer.is-open{opacity:1!important;visibility:visible}html.no-js .drawer:target>.page-overlay,html.js .drawer.is-open>.page-overlay{z-index:1;opacity:1}html.js .is-open>.page-overlay{cursor:var(--css-icon-close) 22 22,auto}html.no-js .drawer:target .drawer-panel:not(.slide-from-right),html.js .drawer.is-open .drawer-panel:not(.slide-from-right),html.js .drawer-submenu__panel{--drawer-position: 0;opacity:1}html.no-js .drawer:target .drawer-panel.slide-from-right,html.js .drawer.is-open .drawer-panel.slide-from-right{--drawer-position: calc(100vw - var(--drawer-size));opacity:1}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--drawer-padding) * .6) var(--drawer-padding);min-height:80px}.drawer-header .close,.drawer-header .close--submenu{display:grid;place-content:center;min-height:4.8rem;min-width:4.8rem;cursor:pointer}.drawer-menu__item.--drilldown{overflow:unset}.drawer-content{height:100%;overflow-y:auto;overflow-x:hidden;padding-bottom:25vh}.drawer-footer{padding:var(--drawer-padding);align-self:flex-end;width:100%}html.js .drawer-submenu__panel-container{width:100%;position:fixed;z-index:2;top:0;bottom:0;left:var(--drawer-size);display:flex;flex-direction:row;width:var(--drawer-size)}.drawer-menu__item-label span{position:relative}.drawer-menu__item-label span:before{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;transition:all .3s ease-out;background-color:var(--color-foreground)}.is-open>.drawer-menu__item-label span:before{width:100%}.drawer-panel.has-open-submenu{background-color:var(--color-background-alt)}.drawer-menu-nav>a.drawer-menu__item,.drawer-menu-nav :not(.is-open) .drawer-menu__item-label{transition:all .3s}.has-open-submenu .drawer-menu-nav>a.drawer-menu__item,.has-open-submenu .drawer-menu-nav :not(.is-open) .drawer-menu__item-label{opacity:.35}.drawer-menu-nav>a.drawer-menu__item:hover,.drawer-menu-nav :not(.is-open) .drawer-menu__item-label:hover{opacity:1}html.js .--emphasize{font-weight:700}html.no-js .drawer:target [data-accordion-item]>input:checked~[data-accordion-panel] .drawer-submenu__panel,html.js [data-accordion-item].is-open .drawer-submenu__panel{--drawer-position: 0 !important;z-index:9;opacity:1}html.no-js .drawer-submenu__panel-container,html.no-js .drawer-subsubmenu__panel{padding-left:1rem!important}.drawer-media__close{display:none}@media only screen and (max-width:1023px){.drawer-clip{display:none}.drawer-clip rect{transform:translateY(-100%)}.drawer-panel{overflow-x:hidden}html.js .drawer-submenu__panel{--drawer-position: var(--drawer-size) !important}}@media only screen and (min-width:1024px){.drawer{--drawer-size: min(40vw, 400px)}.drawer.drawer--wide{--drawer-size: min(45vw, 480px)}.drawer-clip{position:fixed;top:0;left:var(--drawer-size)}.drawer-media__close{position:absolute;top:0;right:0;z-index:1;padding:2.4rem 4.8rem;display:grid;opacity:0}.drawer-panel,html.js .drawer-submenu__panel{--drawer-padding: 30px}html.js .drawer-panel .drawer-submenu__panel{--drawer-size: min(40vw, 400px);--drawer-position: calc(var(--drawer-size) * 0)}html.js .drawer-submenu__panel-media{width:calc(100% - var(--drawer-size));left:var(--drawer-size);max-height:100dvh;opacity:0}html.js .drawer-submenu__panel-container{justify-content:flex-end;overflow:hidden}html.js .drawer-submenu__panel-container.--content,html.js .drawer-panel .--content .drawer-submenu__panel{width:calc(100vw - var(--drawer-size));max-width:2000px;--drawer-position: calc(-100vw + var(--drawer-size))}html.js .drawer-submenu__panel-media .media{height:100%;width:100%;opacity:0}html.js [data-accordion-item]:not(.is-open) .drawer-submenu__panel-media .media{transition:none}html.js [data-accordion-item].is-open .drawer-submenu__panel-media{opacity:1}html.js [data-accordion-item].is-open .drawer-submenu__panel-media .media{--transition: opacity .8s linear .416s;transition:var(--transition);opacity:1}html.js [data-accordion-item].is-open .drawer-media__close{--transition: opacity .416s ease-in-out .416s;transition:var(--transition);opacity:1}html.js .drawer-panel.has-open-submenu [data-accordion-item].is-open .drawer-submenu__panel-media .media{--transition: opacity .6s linear}html.js .drawer-panel.has-open-submenu [data-accordion-item].is-open .drawer-media__close{--transition: opacity .416s ease-in-out}html.no-js .drawer:target [data-accordion-item]>input:checked~[data-accordion-panel] .drawer-submenu__panel,html.js [data-accordion-item].is-open .drawer-submenu__panel{--drawer-position: var(--drawer-size) !important;transition:var(--drawer-animation)}html.js .drawer-submenu__panel-container.--has-media{width:calc(100vw - var(--drawer-size))}}.drawer-banner-panel,.drawer-cart__content,.--with-padding{padding:var(--drawer-padding)}.drawer-menu__divider{border-top:1px solid var(--color-borders);width:calc(100% - var(--drawer-padding)*3.2);margin:calc(var(--drawer-padding)*1.2);position:relative}.menu-banner{position:relative}.menu-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--gutter)}.drawer-menu .menu-banner.--after{order:2}.menu-divider hr{border-top:1px solid var(--color-borders);width:100%}.menu-divider hr+*{margin-top:var(--gutter)}drawer-menu .drawer-menu__contents{height:100%}drawer-menu .drawer-submenu__panel{left:0}.drawer img{display:none}.drawer.is-open img{display:block}

/* ---------- component-accordions.css ---------- */
:root{--accordion-animation-timing: .316s}[data-accordion-item]{width:100%;overflow:hidden}[data-accordion-item]>input{position:absolute;z-index:-1;opacity:0}[data-accordion-item]>label{display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:opacity .16s ease-in-out}[data-accordion-item]>label>svg{transition:all var(--accordion-animation-timing) ease-out}[data-accordion-panel]{max-height:0;transition:padding var(--accordion-animation-timing) ease;visibility:hidden}[data-accordion-item]>input:checked~[data-accordion-panel]{max-height:100dvh;visibility:visible}[data-accordion-item]>input:checked+label>svg{transform:rotate(-180deg)}@media only screen and (min-width:801px){[data-accordion-item]>input:checked+label>svg{transform:rotate(-180deg)}}@media only screen and (min-width:768px){[data-accordion-item].small-up--show-panel label>svg{display:none}[data-accordion-item].small-up--show-panel [data-accordion-panel]{max-height:100dvh;visibility:visible}}@media only screen and (min-width:1024px){[data-accordion-item].medium-up--show-panel label>svg{display:none}[data-accordion-item].medium-up--show-panel [data-accordion-panel]{max-height:100dvh;visibility:visible}}

/* ---------- component-search.css ---------- */
predictive-search{width:100%;display:block}predictive-search:not([open]) .predictive-search{display:none!important}predictive-search[open] .search-recommendations{display:none!important}predictive-search[open] .predictive-search,predictive-search[loading] .predictive-search{display:block!important}predictive-search .spinner{width:1.5rem;height:1.5rem;line-height:0}predictive-search[loading] .predictive-search__loading-state{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);display:flex;justify-content:center;padding:1rem}predictive-search:not([loading]) .predictive-search__heading .spinner,predictive-search:not([loading]) .predictive-search__loading-state,predictive-search:not([loading]) .predictive-search-status__loading,predictive-search[loading] .predictive-search__heading~.predictive-search__loading-state,predictive-search[loading] .predictive-search__results-list:first-child,predictive-search[loading] .predictive-search__search-for-button,predictive-search[loading] .predictive-search__results-groups-wrapper~.predictive-search__loading-state,predictive-search[loading] .predictive-search__results-groups-wrapper~.predictive-search__search-for-button{display:none}.predictive-search:focus-visible{outline:none!important}.predictive-search__heading{display:block;display:flex;flex-direction:column;justify-content:space-between;border-bottom:.1rem solid var(--color-borders);margin:2rem 0;padding:1.5rem 0 2rem;color:rgba(var(--color-foreground),.5)}.header-search__form{display:flex;flex-direction:column;align-items:stretch;height:100%}.header-search__close{min-width:var(--min-height);min-height:var(--min-height);display:grid;place-content:center;cursor:pointer}.search__button.field__button{top:50%;width:4.4rem;transform:translateY(-50%);min-width:48px;padding-right:var(--padding);padding-left:var(--padding)}.reset__button.field__button{right:calc(var(--input-border-width) + 4.4rem);top:50%;width:4.4rem;transform:translateY(-50%)}.predictive-search__result-group{display:flex;flex-direction:column;flex:1 1 auto}.predictive-search__search-for-button{margin-top:3rem}.predictive-search__item{display:flex;padding:1rem 0;text-align:left;text-decoration:none;width:100%}.predictive-search__image{grid-area:product-image;object-fit:contain;font-family:"object-fit: contain"}.predictive-search__item--link-with-thumbnail{display:grid;grid-template-columns:5rem 1fr;grid-column-gap:2rem;grid-template-areas:"product-image product-content";align-items:center}.predictive-search__item-content{grid-area:product-content;display:flex;flex-direction:column}.predictive-search__item-content--centered{justify-content:center}.predictive-search__item-heading{margin:0}.predictive-search__item-query-result *:not(mark){font-weight:bolder}.predictive-search__item-query-result mark{color:rgba(var(--color-foreground),.75)}.predictive-search__item-vendor+.predictive-search__item-heading,.predictive-search .price{margin-top:.5rem}.predictive-search__item--term{justify-content:space-between;align-items:center;padding:1.3rem 2rem;word-break:break-all}@media screen and (min-width:768px){.predictive-search__item--term{padding-top:1rem;padding-bottom:1rem}}.search__input.field__input{margin-top:1px;padding-right:8rem}.predictive-search__list-item[aria-selected=true]>*,.predictive-search__list-item:hover>*{text-decoration:underline}.drawer-search__content{padding:0 var(--drawer-padding) var(--drawer-padding) var(--drawer-padding)}

/* ---------- index-embedded-04.css ---------- */
.header-logo > * {
    margin-top: 0px;;
    margin-bottom: 0px;;
  }
  @media only screen and (min-width:768px) {
    .header-logo > * {
      margin-top: 0px;;
      margin-bottom: 0px;;
    }
  }
  #drawer-menu .page-overlay,
.page-overlay {
  background: rgba(0, 0, 0, 0.5) !important;
}

/* ---------- index-embedded-05.css ---------- */
.drawer-menu-nav,
  .drawer-menu-nav *,
  .drawer-submenu__panel,
  .drawer-submenu__panel * {
    font-family: 'Abel', sans-serif !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
  }

/* ---------- index-embedded-08.css ---------- */
@media only screen and (min-width: 1024px) {
          #panel-shop-drawer-menu__item-js-container {
            clip-path: url("#drawer-clip")
          }
        }

/* ---------- index-embedded-11.css ---------- */
@media only screen and (min-width: 1024px) {
          #panel-pour-us-drawer-menu__item-js-container {
            clip-path: url("#drawer-clip")
          }
        }

/* ---------- index-embedded-17.css ---------- */
@media only screen and (min-width: 1024px) {
          #panel-shop-drawer-menu__item-no-js-container {
            clip-path: url("#drawer-clip")
          }
        }

/* ---------- index-embedded-20.css ---------- */
@media only screen and (min-width: 1024px) {
          #panel-pour-us-drawer-menu__item-no-js-container {
            clip-path: url("#drawer-clip")
          }
        }

/* ---------- component-loading.css ---------- */
.btn.loading>span{opacity:0}.loading-overlay{position:absolute;z-index:1;width:1.8rem;width:100%;height:100%;display:grid;place-content:center}.loading-overlay__spinner{width:1.8rem;height:1.8rem;display:grid;place-content:center}.spinner{animation:rotator 1.4s linear infinite}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}.path{stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;stroke:currentColor;animation:dash 1.4s ease-in-out infinite}@keyframes dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}to{stroke-dashoffset:280;transform:rotate(450deg)}}

/* ---------- component-cart-recommendations.css ---------- */
cart-recommendations {
  display: block;
}
cart-recommendations .card-body {
  padding: 12px;
}
cart-recommendations .grid {
  --gap: var(--grid-gap);
}
.drawer .cart-recommendations__title {
  font-size: 1.4rem;
}
.drawer cart-recommendations .grid {
  grid-template-columns: repeat(3,minmax(0,1fr));
}
.drawer cart-recommendations .card-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.template-cart cart-recommendations {
  margin-top: 40px;
}
.template-cart cart-recommendations .grid {
  grid-template-columns: repeat(3,minmax(0,1fr));
}
.template-cart .cart-recommendations__title {
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .template-cart cart-recommendations .grid {
    grid-template-columns: repeat(6,minmax(0,1fr));
  }
}

/* ---------- index-embedded-23.css ---------- */
.para-header #MainHeader .header-content {padding-top: 0 !important; padding-bottom: 0 !important;} .para-header #MainHeader .header-item {padding-top: 0 !important; padding-bottom: 0 !important;} .para-header .sub-menu-link, .para-header .sub-menu-link span, .para-header .sub-menu-link.style--link, .para-header .sub-menu-link.style--link span {font-family: "Abel", sans-serif !important; font-size: 10px !important; text-transform: uppercase !important; letter-spacing: 0.12em !important; color: #111 !important;} .para-header a[href="#drawer-menu"] {display: flex !important;}

/* ---------- component-hero.css ---------- */
.hero{position:relative;overflow:hidden;width:100%;margin-left:auto;margin-right:auto}.hero .hero__media{position:absolute;top:0;left:0;height:100%;width:100%}.hero .video,.hero .video .media,.hero .video .media video{display:block;width:100%;height:100%;object-fit:cover}.hero .hero__text{position:relative;height:100%;z-index:1}.hero .hero__text:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;z-index:1;background-color:var(--color-overlay)}.hero .hero__media picture{display:block;height:100%}.hero .hero__media img,.hero .hero__media svg{position:relative;width:100%;height:100%;z-index:1;object-fit:cover}.hero .hero__text-container{display:flex;height:100%;padding:var(--container-margin);max-width:calc(var(--ideal-width) + var(--container-margin)*2);margin:0 auto;z-index:2;position:relative}.hero--slideshow .hero__text-container{padding:calc(var(--container-margin)*2)}@media only screen and (max-width:767px){.height-auto:not(.hero--contained) .hero .hero__media{position:relative}.height-auto:not(.hero--contained) .hero .hero__text{position:absolute;top:0;left:0;width:100%;height:100%}.hero--contained .hero__media{position:static}.hero--contained .hero__text{height:auto}.hero--contained .hero__text:before{content:none!important}}@media only screen and (min-width:768px){.sm-height-auto:not(.sm-hero--contained) .hero .hero__media{position:relative}.sm-height-auto:not(.sm-hero--contained) .hero .hero__text{position:absolute;top:0;left:0;width:100%;height:100%}.sm-hero--contained .hero__media{position:static}.sm-hero--contained .hero__text{height:auto}.sm-hero--contained .hero__text:before{content:none!important}.sm-hero--contained .sm-horizontal-justified{position:relative}.sm-horizontal-justified>*{flex:1 0 auto}.sm-hero--contained .sm-horizontal-justified .btn-group{position:absolute;right:calc(var(--grid-gap)*2);top:calc(var(--grid-gap)*2);flex-direction:column}}

/* ---------- index-embedded-24.css ---------- */
@media only screen and (max-width: 767px) {
    .para-image-text-overlay .hero__media img,
    .para-image-text-overlay .hero__media video {
      object-position: 50.0% 50.0%;
    }
    .para-image-text-overlay .hero {
      min-height: 570px;
    }
  }

  @media only screen and (min-width: 768px) {
    .para-image-text-overlay .hero__media img,
    .para-image-text-overlay .hero__media video {
      object-position: 50.0% 50.0%;
    }

    .para-image-text-overlay .hero {
      min-height: 600px;
    }
  }

/* ---------- section-sliding-text.css ---------- */
@keyframes sliding-text{0%{transform:translate(0);-webkit-transform:translateX(0)}to{transform:translate(-100%);-webkit-transform:translateX(-100%)}}.sliding-text{overflow:hidden;display:block}.sliding-item{gap:var(--sliding-item-gap);padding-right:var(--sliding-item-gap)}@media only screen and (min-width:768px){.sliding-item{gap:var(--sm-sliding-item-gap);padding-right:var(--sm-sliding-item-gap)}}.sliding-text .sliding-text__container{visibility:visible;white-space:nowrap;display:inline-block}.sliding-text .sliding-text__container a{text-decoration:underline}.sliding-text .sliding-text__container>*{animation:sliding-text 0s linear infinite;display:inline-flex}.sliding-text .sliding-text__container.pause-on-hover:hover>*{animation-play-state:paused}html:not(.theme-editor) div:not(.section-in-view) .sliding-text .sliding-text__container>*{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.sliding-text .sliding-text__container{display:block;padding-left:.5rem;padding-right:.5rem;text-align:center;white-space:normal}@media only screen and (min-width:1024px){.sliding-text .sliding-text__container{padding-left:1rem;padding-right:1rem}}.sliding-text .sliding-text__container>*{display:none}.sliding-text .sliding-text__container *:first-child{display:inline}}

/* ---------- index-embedded-25.css ---------- */
.para-sliding-text .sliding-award-img {
    height: 96px;       /* ≈ 1 inch */
    width: auto;
    display: block;
    opacity: 0.9;
  }

  @media (max-width: 768px) {
    .para-sliding-text .sliding-award-img {
      height: 64px;
    }
  }

/* ---------- index-embedded-26.css ---------- */
.pmr3-card {
    display: flex;
    flex-direction: column;
  }

  .pmr3-tile {
    width: 100%;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    position: relative;
    display: block;
    text-decoration: none;
    cursor: pointer;
    border-radius: 20px;
    flex-shrink: 0;
    min-height: 0;
  }
  .pmr3-tile img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
    transition: opacity 0.4s ease, transform 0.5s cubic-bezier(0.2,0.8,0.2,1);
  }
  .pmr3-tile .pmr3-img-primary { opacity: 1; z-index: 1; }
  .pmr3-tile .pmr3-img-hover { opacity: 0; z-index: 2; transform: scale(1.04); }
  .pmr3-card:hover .pmr3-img-primary { opacity: 0; }
  .pmr3-card:hover .pmr3-img-hover { opacity: 1; transform: scale(1); }

  .pmr3-name-row {
    padding: 14px 0 4px;
    flex-shrink: 0;
    text-align: center;
  }
  .pmr3-name {
    font-family: 'Abel', sans-serif;
    font-size: 18px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #ffffff;
    margin: 0;
    text-decoration: none;
    display: block;
    text-align: center;
  }
  .pmr3-name:hover { opacity: 0.7; }

  .pmr3-body {
    padding: 10px 0 16px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    flex-shrink: 0;
    justify-content: center;
    gap: 0;
  }

  .pmr3-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding-right: 12px;
    border-right: 1px solid rgba(255,255,255,0.4);
    min-width: 68px;
  }
  .pmr3-price {
    font-family: 'Abel', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
    line-height: 1;
  }
  .pmr3-award {
    background: #3149ef;
    border-radius: 4px;
    padding: 6px 8px;
    text-align: center;
    font-family: 'Abel', sans-serif;
    line-height: 1.2;
    width: 100%;
    box-sizing: border-box;
  }
  .pmr3-award-title { font-size: 1px; font-weight: 900; color: #111111; text-transform: uppercase; display: block; }
  .pmr3-award-sub { font-size: 11px; font-weight: 700; color: #111111; text-transform: uppercase; display: block; }
  .pmr3-award-org { font-size: 9px; color: #111111; display: block; }

  .pmr3-specs { padding: 0 10px; border-right: 1px solid rgba(255,255,255,0.4); flex: 1; }
  .pmr3-notes { padding-left: 10px; flex: 1; }
  .pmr3-specs ul, .pmr3-notes ul { list-style: disc; padding-left: 14px; margin: 0; }
  .pmr3-specs ul li, .pmr3-notes ul li {
    font-family: 'Abel', sans-serif;
    font-size: 13px;
    color: #ffffff;
    line-height: 1.7;
  }

  .pmr3-buybutton {
    padding: 4px 0 16px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
  }
  .pmr3-buybutton iframe { max-width: 100%; }

  .pmr3-desktop-layout { display: block; }
  .pmr3-mobile-pairs { display: none; }
  .pmr3-pair { display: flex; flex-direction: column; }

  @media (min-width: 701px) {
    .pmr3-mobile-pairs { display: none !important; }
    .pmr3-desktop-layout { display: block; }
  }
  @media (max-width: 700px) {
    .pmr3-mobile-pairs { display: flex !important; flex-direction: column; gap: 40px; padding: 40px 0 80px; }
    .pmr3-desktop-layout { display: none; }
  }

/* ---------- component-modals.css ---------- */
.modal{--modal-level: 9999;--modal-max-size: 500px;--modal-size: calc(100% - calc(var(--gutter) * 2));background:transparent;visibility:hidden;opacity:0;transition:opacity .3s ease;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:var(--modal-level)}.modal-dialog{position:relative;z-index:var(--modal-level);width:var(--modal-size);max-width:var(--modal-max-size);border-radius:var(--modal-border-radius);background-color:var(--color-background);color:var(--color-foreground);opacity:0;transition:all .3s ease;transition-delay:.2s;max-height:90vh;overflow-y:scroll}.modal-dialog::-webkit-scrollbar{display:none;width:0;height:0}.modal-dialog--large{height:min(80vh,760px)}.modal:target,.modal.is-open{visibility:visible;opacity:1}.modal .modal-header{padding:var(--gutter);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:0 var(--gutter) var(--gutter) var(--gutter)}.modal-body>*+*{--spacing: var(--gutter);margin-top:var(--spacing)}.modal:target .modal-dialog,.modal.is-open .modal-dialog{opacity:1;transform:translateY(0)}.modal-close{display:grid;place-content:center;min-width:4.8rem;min-height:4.8rem}.modal-close.pos--absolute{position:absolute;top:var(--gutter);right:var(--gutter);z-index:2!important}.modal:target>.page-overlay,.modal.is-open>.page-overlay{opacity:1}.modal--fullscreen .modal-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;border-radius:0;position:relative;z-index:0}.modal--fullscreen .modal-body{padding:0}.modal--fullscreen .page-overlay{display:none}.modal--slider .gridy-slider{z-index:var(--modal-level);width:100%}.modal--slider .gridy-track{--slide-items-width: 100%;--track-padding: var(--container-margin);align-items:center;padding-left:max(var(--track-padding),var(--container-margin));padding-right:max(var(--track-padding),var(--container-margin));scroll-padding-inline:calc(var(--track-padding))}.modal--slider .gridy-slider .modal-dialog{z-index:auto;width:auto;max-width:initial;scroll-snap-align:center}.modal-grid{height:inherit}.modal--slider .modal-close{border-radius:50%;z-index:1}.modal-grid-media-column{max-height:100%;overflow:hidden}@media only screen and (min-width:768px){.modal--slider .gridy-slider:hover .gridy-arrows{width:96%;left:2%}}@media only screen and (min-width:1024px){.modal--slider .gridy-track{--track-padding: calc((100% - (var(--max-col-width) * 10 + var(--gutter) * 9))/2);grid-gap:calc((100% - var(--gutter) * 9)/10)}.modal-grid{display:grid;grid-template-columns:repeat(5,1fr);height:inherit}.modal-grid-media-column{grid-column:span 3}.modal-grid-text-column{grid-column:span 5;max-width:none}.modal-grid--with-media .modal-grid-text-column{grid-column:span 2}.modal-grid-media-column .media,.modal-grid-media-column .video-container,.modal-grid-media-column img,.modal-grid-media-column video{height:100%!important;object-fit:cover!important;aspect-ratio:auto!important}.modal-grid-text-column{padding:64px;overflow-y:scroll}}.modal img{display:none}.modal.is-open img{display:block}

/* ---------- component-hotspots.css ---------- */
.hotspot{--hotspot-dimension: 40px;position:relative!important;display:flex!important;padding:0!important;align-items:center;justify-content:center;left:var(--hotspot-horizontal-position);top:var(--hotspot-vertical-position);width:var(--hotspot-dimension);height:var(--hotspot-dimension);border-radius:50%!important;overflow:visible!important;z-index:1}.hotspot:before{content:"";background:inherit;opacity:.35;position:absolute;width:140%;height:140%;border-radius:50%!important;z-index:-1}.hotspot-title{color:var(--color-foreground);position:absolute;white-space:nowrap;background-color:transparent;padding:12px}.hotspot-title.position--right{text-align:left;left:0;padding-left:calc(100% + 12px)}.hotspot-title.position--left{text-align:right;right:0;padding-right:calc(100% + 12px)}.hotspot-container{position:relative}.hotspot-container .hotspot{position:absolute!important;transform:translate(-50%,-50%)}a.hotspot:hover{transform:scale(1.4)}.hotspot-container a.hotspot:hover{transform:translate(-50%,-50%) scale(1.4);box-shadow:none!important}.hotspot.animated:before{animation:hotspot-blink 2s ease-in-out infinite both}.hotspot.animated:nth-child(2):before{animation-delay:.2s}.hotspot.animated:nth-child(3):before{animation-delay:.4s}.hotspot.animated:nth-child(4):before{animation-delay:.6s}.hotspot.animated:nth-child(5):before{animation-delay:.8s}.hotspot.animated:nth-child(6):before{animation-delay:1s}@keyframes hotspot-blink{0%{opacity:1;transform:scale(.6)}75%{transform:scale(1.4);opacity:0}to{transform:scale(1.4);opacity:0}}

/* ---------- index-embedded-27.css ---------- */
.para-image-with-hotspots .btn.btn--primary {background-color: rgba(255, 168, 0) !important; color: #ffffff !important; border: none !important; border-radius: 12px !important; font-size: 16px !important; text-transform: uppercase !important; letter-spacing: 0.08em !important;} .para-image-with-hotspots .btn.btn--primary:hover {background-color: rgba(50, 116, 132, 0.9) !important; color: #ffffff !important;}

/* ---------- index-embedded-28.css ---------- */
.para-image-with-hotspots .btn.btn--primary {background-color: rgba(255, 168, 0) !important; color: #ffffff !important; border: none !important; border-radius: 12px !important; font-size: 16px !important; text-transform: uppercase !important; letter-spacing: 0.08em !important;} .para-image-with-hotspots .btn.btn--primary:hover {background-color: rgba(50, 116, 132, 0.9) !important; color: #ffffff !important;}

/* ---------- index-embedded-29.css ---------- */
html.template-index #MainHeader svg path,
  html.template-index #MainHeader svg line,
  html.template-index #MainHeader svg polyline,
  html.template-index #MainHeader svg circle {
    stroke: #ffffff !important;
  }
  html.template-index #MainHeader a[href="#drawer-menu"] svg path,
  html.template-index #MainHeader a[href="#drawer-menu"] svg line,
  html.template-index #MainHeader a[href="#drawer-menu"] svg rect {
    stroke: #111111 !important;
  }
  .chrome-bg-video {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
    display: block;
  }
  .chrome-bg-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .drawer-panel,
  #drawer-menu .drawer-panel,
  .drawer-menu__contents,
  #drawer-menu .drawer-submenu__panel,
  #drawer-menu .drawer-submenu,
  #drawer-menu [class*="submenu"],
  #drawer-menu [class*="sub-menu"] {
    background: #ffffff !important;
    background-color: #ffffff !important;
  }
  .drawer-menu__item,
  .drawer-menu__item a,
  .drawer-menu__item label,
  .drawer-menu__item span,
  .drawer-menu__item-label,
  .drawer-menu__item-label span,
  .drawer-submenu__panel a,
  .drawer-submenu__panel span,
  .drawer-submenu__panel label {
    font-family: 'Abel', sans-serif !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
  }
  /* Removed: a malformed `@media (max-width: 700px) html { … }` (missing the
     opening brace) that every browser dropped anyway. Mobile backgrounds now
     come from the Page background theme settings. */
body.template-product #drawer-menu .drawer-menu,
body.template-product #drawer-menu .drawer-menu__contents,
body.template-product #drawer-menu .drawer-submenu__panel {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

body.template-product #drawer-menu .drawer-menu__item,
body.template-product #drawer-menu .drawer-menu__item a,
body.template-product #drawer-menu .drawer-menu__item label,
body.template-product #drawer-menu .drawer-menu__item span {
  color: #111111 !important;
}

/* ---------- index-embedded-30.css ---------- */
  .para-button-row .btn.btn--primary,
  .para-button-row .btn.btn--secondary {
    background-color: rgba(255,168,0,1) !important;
    border: none !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
  }
  .para-button-row .btn.btn--primary:hover,
  .para-button-row .btn.btn--secondary:hover {
    background-color: rgba(50,116,132,0.9) !important;
    color: #ffffff !important;
  }

/* ---------- index-embedded-31.css ---------- */
.para-button-row a.btn--primary {background-color: rgba(255, 168, 0, 1) !important; background: rgba(255, 168, 0, 1) !important; color: #ffffff !important; border-radius: 12px !important; border: none !important;} .para-button-row a.btn--primary:hover {background-color: rgba(50, 116, 132, 0.9) !important; color: #ffffff !important;}

/* ---------- component-newsletter.css ---------- */
.newsletter-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;position:relative}@media screen and (min-width:768px){.newsletter-section .newsletter-form{align-items:flex-start;margin:0 auto;max-width:36rem}}.newsletter-form__field-wrapper{width:100%}.newsletter-form__field-wrapper .field__input{padding-right:5rem;margin:0}.newsletter-form__field-wrapper .field{z-index:0}.newsletter-form__message{justify-content:center;margin-bottom:0;gap:.4rem}.newsletter-form svg{width:1.8rem}.newsletter-form__message--success{margin-top:2rem}@media screen and (min-width:768px){.newsletter-form__message{justify-content:flex-start}}.newsletter-form__button{color:var(--input-foreground);width:4.4rem;margin:0;right:var(--input-border-width);top:0;height:100%;z-index:2}.newsletter-form__button:not(:focus-visible):not(.focused){box-shadow:inherit;background-color:inherit}.newsletter-form__button .icon{width:1.5rem}

/* ---------- index-embedded-32.css ---------- */
.footer-girl {
    position: fixed;
    bottom: 0;
    right: 40px;
    width: 220px;
    z-index: 999;
    transform: translateY(100%);
    opacity: 0;
    pointer-events: none;
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.6s ease;
  }
  .footer-girl.is-visible {
    transform: translateY(0);
    opacity: 1;
  }
  .footer-girl img {
    width: 100%;
    display: block;
  }
  @media (max-width: 700px) {
    .footer-girl {
      width: 140px;
      right: 16px;
    }
  }

/* ---------- index-embedded-33.css ---------- */
/* 1. GLOBAL BACKGROUND IMAGE — now driven by the Page background theme
   settings (see the "Page background" block further down), so the merchant can
   change or switch off the artwork from the editor. The defaults are the same
   hammock / bubble images the export hardcoded here. */
  html {
    min-height: 100vh;
  }
  /* 2. Make the content layers transparent so the page background shows
     through. `body` is deliberately NOT in this list: it is what paints the
     background image chosen in the theme settings. The colour-scheme classes
     are scoped to `main` so the header, drawers and floating cart button keep
     the background their scheme gives them. */
  main,
  .gradient,
  .page-container,
  main .shopify-section,
  footer,
  main .color-scheme-1,
  main .color-scheme-2,
  .global-content-wrapper {
    background: transparent !important;
    background-color: transparent !important;
  }

  /* 3. HEADER — white on every page */
  header,
  #MainHeader,
  .header-wrapper,
  .header-main,
  .header--sticky,
  .site-header--sticky {
    background: #ffffff !important;
    background-color: #ffffff !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    min-height: unset !important;
  }

  #MainHeader .header-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  #MainHeader .header-item {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* 4. HEADER ICONS — black */
  #MainHeader svg {
    color: #111111 !important;
    fill: currentColor !important;
  }

/* ---------- index-embedded-34.css ---------- */
/* FORCE ALL NON-HOMEPAGE PAGES TO WHITE (EXCEPT PRODUCT) */
  html:not(.template-index):not(.template-product),
  html:not(.template-index):not(.template-product) body,
  html:not(.template-index):not(.template-product) main,
  html:not(.template-index):not(.template-product) footer {
    background-color: #ffffff !important;
    background: #ffffff !important;
  }

/* ---------- index-embedded-35.css ---------- */
/* NON-HOMEPAGE: black text.
   Product pages are excluded: they sit on a full-bleed photo and the live site
   keeps their copy white (see the body.template-product rule further down).
   In the export this stylesheet only loaded on the home page, so it never hit
   a product page; concatenated here it did. */
  html:not(.template-index):not(.template-product) body,
  html:not(.template-index):not(.template-product) body a,
  html:not(.template-index):not(.template-product) body a:visited {
    color: #000 !important;
  }

  /* HOMEPAGE ONLY: white text */
  html.template-index body,
  html.template-index body a,
  html.template-index body a:visited {
    color: #fff !important;
  }

  html.template-index h1,
  html.template-index h2,
  html.template-index h3,
  html.template-index h4,
  html.template-index h5,
  html.template-index h6,
  html.template-index p,
  html.template-index span,
  html.template-index li,
  html.template-index small,
  html.template-index strong,
  html.template-index em {
    color: #fff !important;
  }

/* ---------- index-embedded-36.css ---------- */
/* Swap logo on non-home pages */
  html:not(.template-index) header a[href="index.html"] img,
  html:not(.template-index) header a[href="index.html"] img {
    content: var(--para-asset-7) !important;
  }
  html.template-index header a[href="index.html"] img,
  html.template-index header a[href="index.html"] img {
    content: normal !important;
  }

/* ---------- index-embedded-37.css ---------- */
html:not(.template-index) header a[href="index.html"] img,
  html:not(.template-index) header a[href="index.html"] img {
    transform: scale(1.15);
    transform-origin: left center;
    max-width: 220px !important;
    width: auto;
    height: auto;
  }

/* ---------- index-embedded-38.css ---------- */
:root {
    --site-cursor: var(--para-asset-1);
  }
  html, body, body * {
    cursor: var(--site-cursor) 16 16, auto !important;
  }
  a, button, [role="button"], input[type="submit"],
  input[type="button"], input[type="reset"], input[type="image"],
  label[for], select, summary,
  .shopify-payment-button__button, .button, .btn {
    cursor: var(--site-cursor) 16 16, pointer !important;
  }
  input[type="text"], input[type="email"], input[type="search"],
  input[type="password"], input[type="tel"], input[type="url"], textarea {
    cursor: text !important;
  }
  button:disabled, input:disabled, select:disabled,
  textarea:disabled, [aria-disabled="true"] {
    cursor: not-allowed !important;
  }
  @media (hover: none), (pointer: coarse) {
    html, body, body *, a, button, [role="button"],
    input, select, textarea, summary {
      cursor: var(--para-asset-1) 16 16, auto;
    }
  }

/* ---------- index-embedded-39.css ---------- */
.header-dropdown__content,
  details[open] > .header-dropdown__content {
    background-color: rgba(0, 0, 0, 0.75) !important;
    color: #ffffff !important;
  }
  .header-dropdown__content a {
    color: #ffffff !important;
  }

/* ---------- index-embedded-40.css ---------- */
#drawer-menu,
  .drawer-menu,
  .drawer-menu__header,
  .drawer-header,
  .drawer-menu__contents .drawer-header {
    background: transparent !important;
    background-color: transparent !important;
  }

  #drawer-menu .drawer-menu__item,
  #drawer-menu .drawer-menu__item a,
  #drawer-menu .drawer-menu__item label,
  #drawer-menu .drawer-menu__item span,
  #drawer-menu .drawer-menu__item-label,
  #drawer-menu .drawer-menu__item-label span,
  #drawer-menu .drawer-menu__item.--drilldown > label,
  #drawer-menu .drawer-menu__item.--drilldown > label span,
  #drawer-menu label.drawer-menu__item-label {
    font-size: 14px !important;
    font-family: var(--font-site-header-family) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    font-weight: 400 !important;
    opacity: 1 !important;
  }

  html:not(.template-index):not(.template-product) #drawer-menu .drawer-menu__item,
  html:not(.template-index):not(.template-product) #drawer-menu .drawer-menu__item a,
  html:not(.template-index):not(.template-product) #drawer-menu .drawer-menu__item label,
  html:not(.template-index):not(.template-product) #drawer-menu .drawer-menu__item span,
  html:not(.template-index):not(.template-product) #drawer-menu .drawer-menu__item-label,
  html:not(.template-index):not(.template-product) #drawer-menu .drawer-menu__item-label span,
  html:not(.template-index):not(.template-product) #drawer-menu .drawer-menu__item.--drilldown > label,
  html:not(.template-index):not(.template-product) #drawer-menu .drawer-menu__item.--drilldown > label span,
  html:not(.template-index):not(.template-product) #drawer-menu label.drawer-menu__item-label {
    color: #111111 !important;
    font-size: 18px !important;
  }

  html.template-index #drawer-menu .drawer-menu__item,
  html.template-index #drawer-menu .drawer-menu__item a,
  html.template-index #drawer-menu .drawer-menu__item label,
  html.template-index #drawer-menu .drawer-menu__item span,
  html.template-index #drawer-menu .drawer-menu__item-label,
  html.template-index #drawer-menu .drawer-menu__item-label span,
  body.template-product #drawer-menu .drawer-menu__item,
  body.template-product #drawer-menu .drawer-menu__item a,
  body.template-product #drawer-menu .drawer-menu__item label,
  body.template-product #drawer-menu .drawer-menu__item span,
  body.template-product #drawer-menu .drawer-menu__item-label,
  body.template-product #drawer-menu .drawer-menu__item-label span {
    color: rgb(9, 9, 9) !important;
  }

  /* HEADER TEXT — black on every page, must be last to win */
html #MainHeader,
html #MainHeader *,
html.template-index #MainHeader,
html.template-index #MainHeader *,
body.template-product #MainHeader,
body.template-product #MainHeader * {
color: #111111 !important;
}
.drawer-menu__item,
.drawer-menu__item-label,
.drawer-menu__item-label span,
.drawer-submenu__item,
.drawer-subsubmenu__item {
  font-size: 14px !important;
  font-family: 'Abel', sans-serif !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}
.drawer-menu__item-label span[style],
.drawer-submenu__item span[style],
.drawer-menu__item span[style] {
  font-size: 14px !important;
  font-family: 'Abel', sans-serif !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}
body.template-product .drawer-menu,
  body.template-product .drawer-menu__contents,
  body.template-product #drawer-menu {
    background: #ffffff !important;
    background-color: #ffffff !important;
  }
  body.template-product #drawer-menu * {
    color: #111111 !important;
  }

/* ---------- index-embedded-41.css ---------- */
.drawer-menu-nav a,
  .drawer-menu-nav label,
  .drawer-menu-nav span,
  .drawer-submenu__panel a,
  .drawer-submenu__panel span,
  .drawer-submenu__panel label,
  .drawer-menu__item-label,
  .drawer-menu__item-label span,
  .drawer-submenu__item {
    font-family: 'Abel', sans-serif !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
  }

/* ---------- index-embedded-42.css ---------- */
.drawer-menu,
  .drawer-menu__contents,
  #drawer-menu {
    background: #ffffff !important;
    background-color: #ffffff !important;
  }
  #drawer-menu * {
    color: #111111 !important;
  }
  .drawer-submenu__panel,
  .drawer-submenu {
    background: #ffffff !important;
    background-color: #ffffff !important;
  }
  .card--media,
.card__media,
.card .media,
.card--product .media,
.card--product,
.card {
  border-radius: 20px !important;
  overflow: hidden !important;
}
img:not(.pmr3-tile img):not(.site-logo):not(.country-flag) {
  border-radius: 20px !important;
}

/* ---------- index-embedded-43.css ---------- */
/* ── Global BottleNexus button override ── */[data-component="button"] {background-color: rgba(255, 168, 0, 1) !important; color: #ffffff !important; border-radius: 12px !important; border: none !important; font-size: 14px !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; transition: background-color 0.2s !important;} [data-component="button"]:hover {background-color: rgba(50, 116, 132, 0.9) !important; color: #ffffff !important;}

/* ---------- 404-embedded-24.css ---------- */
.p404{
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: var(--para-asset-8) center center / cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .p404__home{
    padding: 14px 32px;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 600;
    background: rgba(255,255,255,0.92);
    color: #000;
    backdrop-filter: blur(6px);
    position: relative;
    z-index: 10000;
  }

  .p404__home:hover{
    transform: translateY(-2px);
  }

/* ---------- 404-embedded-25.css ---------- */
@media only screen and (max-width: 767px) {
    .para-hero .hero__media img,
    .para-hero .hero__media video {
      object-position: 50% 50%;
    }.para-hero .hero {
        min-height: 400px;
      }}

  @media only screen and (min-width: 768px) {
    .para-hero .hero__media img,
    .para-hero .hero__media video {
      object-position: 50% 50%;
    }.para-hero .hero {
        min-height: 600px;
      }}

  
    .para-hero .hero__text::before {
      opacity: 0.3;
    }

/* ---------- pages-contact-embedded-35.css ---------- */
.header-dropdown__content,
  details[open] > .header-dropdown__content {
    background-color: #ffffff !important;
  }

/* ---------- template-blog.css ---------- */
.blog-filters {
  display: flex;
  align-items: center;
  justify-content: start;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}

.blog-filters > *:not(:last-child) {
  margin-right: var(--gutter);
}

.blog-filters .filter-select {
  padding-right: 4rem;
}

.blog-filters .link-icon.dropmenu-arrow {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

/* ---------- template-article.css ---------- */
.article-template hr{border-top:1px solid var(--border-color)}.article-template__comments-fields .field{margin-top:calc(var(--gutter) / 2)}.article-template__content,.article-template__comment-section{margin-left:auto;margin-right:auto}.comment__header{display:flex;align-items:center;width:100%;margin-bottom:10px}.comment__header-media{border-radius:50%;width:3.2rem;height:3.2rem;display:grid;place-content:center;font-size:1.4rem;font-weight:700;margin-right:10px}.comment__body{font-size:1.6rem}.comment__footer{margin-top:10px;opacity:.6}.comment__header-author{font-size:2rem}.article-template__comments{padding:var(--gutter);border:solid 1px var(--color-borders)}.article-template .field{margin-top:calc(var(--gutter) * .6)}.article-template__comments>.article-template__comment+.article-template__comment{margin-top:calc(var(--gutter) * .6);padding-top:calc(var(--gutter) * .6);border-top:solid 1px var(--color-borders)}

/* ---------- blogs-news-the-true-cost-of-cheap-spirit-embedded-24.css ---------- */
@media only screen and (min-width: 768px) {
    .para-main .article-template {
      max-width: 650px;
    }
  }

/* ---------- component-article-navigation.css ---------- */
.article-link {
  flex-wrap: nowrap;
  gap: 24px;
}
.article-link-img {
  width: 80px;
  min-width: 80px;
}

@media only screen and (min-width:768px) {
  .previous-article {
    order: 1;
  }
  .back-to-blog {
    order: 2;
  }
  .next-article {
    order: 3;
    text-align: right;
  }
  .next-article .article-link-img {
    order: 2;
  }
}

/* ---------- section-featured-blog.css ---------- */
.featured-blog__view-all {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.featured-blog__view-all .view-all-link {
  padding: 1.2rem;
  text-align: right;
}

/* ---------- blogs-news-the-true-cost-of-cheap-spirit-embedded-25.css ---------- */
#section-template--20419516891330__featured_blog_pkETGw {
    --tile-gap: 16px;
    --tile-radius: 4px;
    --overlay-bg: rgba(0,0,0,0.45);
  }

  /* ── Grid — 4 columns ── */
  #section-template--20419516891330__featured_blog_pkETGw .blog-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--tile-gap);
  }
  @media (max-width: 900px) {
    #section-template--20419516891330__featured_blog_pkETGw .blog-grid { grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 540px) {
    #section-template--20419516891330__featured_blog_pkETGw .blog-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  }

  /* ── Tile wrapper ── */
  #section-template--20419516891330__featured_blog_pkETGw .blog-tile-wrap {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  /* ── Tile — true square ── */
  #section-template--20419516891330__featured_blog_pkETGw .blog-tile {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    border-radius: var(--tile-radius);
    cursor: pointer;
    background: #e8e8e8;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
  }
  #section-template--20419516891330__featured_blog_pkETGw .blog-tile:hover {
    transform: scale(1.02);
    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
  }
  #section-template--20419516891330__featured_blog_pkETGw .blog-tile-inner {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  #section-template--20419516891330__featured_blog_pkETGw .blog-tile-inner img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
    transition: transform 0.4s ease;
  }
  #section-template--20419516891330__featured_blog_pkETGw .blog-tile:hover .blog-tile-inner img {
    transform: scale(1.06);
  }

  /* ── Hover overlay ── */
  #section-template--20419516891330__featured_blog_pkETGw .blog-tile-overlay {
    position: absolute;
    inset: 0;
    background: var(--overlay-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.25s ease;
    z-index: 2;
    padding: 12px;
  }
  #section-template--20419516891330__featured_blog_pkETGw .blog-tile:hover .blog-tile-overlay {
    opacity: 1;
  }
  #section-template--20419516891330__featured_blog_pkETGw .blog-tile-btn {
    font-family: inherit;
    font-size: 0.65rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: var(--buttons-radius, 0px);
    cursor: pointer;
    background: #fff;
    color: #111;
    border: 1.5px solid #fff;
    transition: background 0.2s, color 0.2s;
    white-space: nowrap;
    text-decoration: none;
    display: inline-block;
  }
  #section-template--20419516891330__featured_blog_pkETGw .blog-tile-btn:hover {
    background: transparent;
    color: #fff;
  }

  /* ── Title below tile ── */
  #section-template--20419516891330__featured_blog_pkETGw .blog-tile-title {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #111;
    line-height: 1.3;
    text-align: center;
    margin-top: 8px;
    padding: 0 4px;
  }

  /* ── Inline reader ── */
  #section-template--20419516891330__featured_blog_pkETGw .blog-reader {
    display: none;
    background: #fff;
    border: 1px solid #eee;
    border-radius: var(--tile-radius);
    padding: 48px 56px;
    margin-top: 8px;
  }
  #section-template--20419516891330__featured_blog_pkETGw .blog-reader.open {
    display: block;
  }
  #section-template--20419516891330__featured_blog_pkETGw .blog-reader-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 28px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
  }
  #section-template--20419516891330__featured_blog_pkETGw .blog-reader-title {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.2;
    color: #111;
    margin: 0;
    flex: 1;
    padding-right: 32px;
  }
  #section-template--20419516891330__featured_blog_pkETGw .blog-reader-meta {
    text-align: right;
    flex-shrink: 0;
  }
  #section-template--20419516891330__featured_blog_pkETGw .blog-reader-label {
    font-size: 0.6rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    font-weight: 700;
    color: #999;
  }
  #section-template--20419516891330__featured_blog_pkETGw .blog-reader-date {
    font-size: 0.65rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 600;
    color: #111;
    margin-top: 3px;
  }
  #section-template--20419516891330__featured_blog_pkETGw .blog-reader-content {
    font-size: 1rem;
    line-height: 1.85;
    color: #222;
    max-width: 720px;
  }
  #section-template--20419516891330__featured_blog_pkETGw .blog-reader-content * {
    color: #222 !important;
  }
  #section-template--20419516891330__featured_blog_pkETGw .blog-reader-content p { margin: 0 0 18px; }
  #section-template--20419516891330__featured_blog_pkETGw .blog-reader-content h2,
  #section-template--20419516891330__featured_blog_pkETGw .blog-reader-content h3 {
    font-size: 0.85rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 700;
    margin: 28px 0 10px;
    color: #111;
  }
  #section-template--20419516891330__featured_blog_pkETGw .blog-reader-content ul,
  #section-template--20419516891330__featured_blog_pkETGw .blog-reader-content ol {
    padding-left: 22px;
    margin: 0 0 18px;
  }
  #section-template--20419516891330__featured_blog_pkETGw .blog-reader-content li {
    margin-bottom: 6px;
    line-height: 1.7;
  }
  #section-template--20419516891330__featured_blog_pkETGw .blog-reader-content strong {
    font-weight: 700;
    color: #111;
  }
  #section-template--20419516891330__featured_blog_pkETGw .blog-reader-actions {
    display: flex;
    gap: 10px;
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid #eee;
  }
  #section-template--20419516891330__featured_blog_pkETGw .blog-reader-btn {
    font-family: inherit;
    font-size: 0.7rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 12px 24px;
    border-radius: var(--buttons-radius, 0px);
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-align: center;
    text-decoration: none;
    display: inline-block;
  }
  #section-template--20419516891330__featured_blog_pkETGw .blog-reader-btn--close {
    background: transparent;
    color: #111;
    border: 1.5px solid #111;
  }
  #section-template--20419516891330__featured_blog_pkETGw .blog-reader-btn--close:hover {
    background: #111;
    color: #fff;
  }
  #section-template--20419516891330__featured_blog_pkETGw .blog-reader-btn--read {
    background: #111;
    color: #fff !important;
    border: 1.5px solid #111;
  }
  #section-template--20419516891330__featured_blog_pkETGw .blog-reader-btn--read:hover {
    background: transparent;
    color: #111 !important;
  }
  #section-template--20419516891330__featured_blog_pkETGw .blog-reader-btn--print {
    background: #111;
    color: #fff;
    border: 1.5px solid #111;
  }
  #section-template--20419516891330__featured_blog_pkETGw .blog-reader-btn--print:hover {
    background: transparent;
    color: #111;
  }

  /* ── Font size toggle ── */
  #section-template--20419516891330__featured_blog_pkETGw .font-size-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
  }
  #section-template--20419516891330__featured_blog_pkETGw .font-size-toggle-label {
    font-size: 0.6rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #999;
    margin-right: 4px;
  }
  #section-template--20419516891330__featured_blog_pkETGw .font-size-btn {
    background: transparent;
    border: 1.5px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    padding: 4px 10px;
    color: #111;
    transition: all 0.2s;
    line-height: 1;
  }
  #section-template--20419516891330__featured_blog_pkETGw .font-size-btn.active {
    background: #111;
    color: #fff;
    border-color: #111;
  }
  #section-template--20419516891330__featured_blog_pkETGw .font-size-btn:hover {
    border-color: #111;
  }
  #section-template--20419516891330__featured_blog_pkETGw .font-size-btn--sm { font-size: 0.65rem; }
  #section-template--20419516891330__featured_blog_pkETGw .font-size-btn--md { font-size: 0.8rem; }
  #section-template--20419516891330__featured_blog_pkETGw .font-size-btn--lg { font-size: 1rem; }

  #section-template--20419516891330__featured_blog_pkETGw .blog-reader-content.fs-small { font-size: 0.85rem !important; }
  #section-template--20419516891330__featured_blog_pkETGw .blog-reader-content.fs-medium { font-size: 1rem !important; }
  #section-template--20419516891330__featured_blog_pkETGw .blog-reader-content.fs-large { font-size: 1.25rem !important; line-height: 2 !important; }

  /* ── Mobile ── */
  @media (max-width: 640px) {
    #section-template--20419516891330__featured_blog_pkETGw .blog-reader {
      padding: 28px 20px;
    }
    #section-template--20419516891330__featured_blog_pkETGw .blog-reader-header {
      flex-direction: column;
      gap: 12px;
    }
    #section-template--20419516891330__featured_blog_pkETGw .blog-reader-meta { text-align: left; }
    #section-template--20419516891330__featured_blog_pkETGw .blog-reader-title {
      font-size: 1.2rem;
      padding-right: 0;
    }
    #section-template--20419516891330__featured_blog_pkETGw .blog-reader-content {
      font-size: 1.05rem;
      line-height: 1.9;
    }
    #section-template--20419516891330__featured_blog_pkETGw .blog-reader-actions {
      flex-direction: column;
    }
    #section-template--20419516891330__featured_blog_pkETGw .blog-reader-btn {
      text-align: center;
      width: 100%;
      padding: 14px 24px;
    }
  }

  /* ── Print ── */
  @media print {
    * { visibility: hidden !important; }
    .blog-print-area,
    .blog-print-area * {
      visibility: visible !important;
    }
    .blog-print-area {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      padding: 48px !important;
      background: #fff !important;
      color: #111 !important;
    }
    .blog-reader-actions { display: none !important; }
    .font-size-toggle { display: none !important; }
    .blog-reader-content * { color: #111 !important; }
  }

/* ---------- blogs-news-embedded-24.css ---------- */
@media only screen and (max-width: 767px) {
    .para-hero .hero__media img,
    .para-hero .hero__media video {
      object-position: 50.0% 50.0%;
    }.para-hero .hero {
        min-height: 400px;
      }}

  @media only screen and (min-width: 768px) {
    .para-hero .hero__media img,
    .para-hero .hero__media video {
      object-position: 50.0% 50.0%;
    }.para-hero .hero {
        min-height: 250px;
      }}

  
    .para-hero .hero__text::before {
      opacity: 0.3;
    }

/* ---------- blogs-news-embedded-25.css ---------- */
#section-template--20419516989634__featured_article_pbjdKi {
    --tile-radius: 4px;
    --overlay-bg: rgba(0,0,0,0.45);
    font-family: 'Abel', sans-serif;
  }

  /* ── Featured article tile — landscape ── */
  .featured-article-tile {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
    border-radius: var(--tile-radius);
    cursor: pointer;
    background: #e8e8e8;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
  }
  .featured-article-tile:hover {
    transform: scale(1.01);
    box-shadow: 0 8px 32px rgba(0,0,0,0.15);
  }
  .featured-article-tile-inner {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .featured-article-tile-inner img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
    transition: transform 0.4s ease;
  }
  .featured-article-tile:hover .featured-article-tile-inner img {
    transform: scale(1.04);
  }

  /* ── Hover overlay ── */
  .featured-article-overlay {
    position: absolute;
    inset: 0;
    background: var(--overlay-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    opacity: 0;
    transition: opacity 0.25s ease;
    z-index: 2;
    padding: 16px;
  }
  .featured-article-tile:hover .featured-article-overlay {
    opacity: 1;
  }
  .featured-article-btn {
    font-family: 'Abel', sans-serif;
    font-size: 14px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 10px 24px;
    border-radius: var(--buttons-radius, 0px);
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    white-space: nowrap;
  }
  .featured-article-btn--read {
    background: #fff;
    color: #111;
    border: 1.5px solid #fff;
  }
  .featured-article-btn--read:hover {
    background: transparent;
    color: #fff;
  }
  .featured-article-btn--print {
    background: transparent;
    color: #fff;
    border: 1.5px solid #fff;
  }
  .featured-article-btn--print:hover {
    background: #fff;
    color: #111;
  }

  /* ── Title below tile ── */
  .featured-article-title {
    font-family: 'Abel', sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #111;
    line-height: 1.4;
    text-align: left;
    margin-top: 12px;
  }
  .featured-article-date {
    font-family: 'Abel', sans-serif;
    font-size: 14px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #999;
    margin-top: 4px;
  }

  /* ── Inline reader ── */
  .featured-article-reader {
    display: none;
    background: #fff;
    border: 1px solid #eee;
    border-radius: var(--tile-radius);
    padding: 48px 56px;
    margin-top: 12px;
    position: relative;
  }
  .featured-article-reader.open {
    display: block;
  }
  .featured-article-reader-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 28px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
  }
  .featured-article-reader-title {
    font-family: 'Abel', sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    color: #111;
    margin: 0;
    flex: 1;
    padding-right: 32px;
  }
  .featured-article-reader-meta {
    text-align: right;
    flex-shrink: 0;
  }
  .featured-article-reader-label {
    font-family: 'Abel', sans-serif;
    font-size: 12px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    font-weight: 700;
    color: #999;
  }
  .featured-article-reader-date {
    font-family: 'Abel', sans-serif;
    font-size: 14px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 600;
    color: #111;
    margin-top: 3px;
  }

  /* ── Article body ── */
  .featured-article-reader-content {
    font-family: 'Abel', sans-serif;
    font-size: 16px;
    line-height: 1.85;
    color: #222;
    max-width: 720px;
  }
  .featured-article-reader-content p {
    font-family: 'Abel', sans-serif;
    margin: 0 0 18px;
    font-size: 16px;
  }
  .featured-article-reader-content h2,
  .featured-article-reader-content h3 {
    font-family: 'Abel', sans-serif;
    font-size: 16px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 700;
    margin: 28px 0 10px;
    color: #111;
  }
  .featured-article-reader-content ul,
  .featured-article-reader-content ol {
    font-family: 'Abel', sans-serif;
    padding-left: 22px;
    margin: 0 0 18px;
    font-size: 16px;
  }
  .featured-article-reader-content li {
    font-family: 'Abel', sans-serif;
    margin-bottom: 6px;
    line-height: 1.7;
    font-size: 16px;
  }
  .featured-article-reader-content strong {
    font-weight: 700;
    color: #111;
  }

  .featured-article-reader-actions {
    display: flex;
    gap: 10px;
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid #eee;
  }
  .featured-article-reader-btn {
    font-family: 'Abel', sans-serif;
    font-size: 14px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 12px 28px;
    border-radius: var(--buttons-radius, 0px);
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-align: center;
  }
  .featured-article-reader-btn--close {
    background: transparent;
    color: #111;
    border: 1.5px solid #111;
  }
  .featured-article-reader-btn--close:hover {
    background: #111;
    color: #fff;
  }
  .featured-article-reader-btn--print {
    background: #111;
    color: #fff;
    border: 1.5px solid #111;
  }
  .featured-article-reader-btn--print:hover {
    background: transparent;
    color: #111;
  }

  /* ── Mobile ── */
  @media (max-width: 640px) {
    .featured-article-tile {
      padding-bottom: 66.66%;
    }
    .featured-article-reader {
      padding: 28px 20px;
    }
    .featured-article-reader-header {
      flex-direction: column;
      gap: 12px;
    }
    .featured-article-reader-meta { text-align: left; }
    .featured-article-reader-title {
      font-size: 22px;
      padding-right: 0;
    }
    .featured-article-reader-content {
      font-size: 16px;
    }
  }

  /* ── Print ── */
  @media print {
    body * { visibility: hidden; }
    .featured-print-area, .featured-print-area * { visibility: visible; }
    .featured-print-area {
      position: fixed;
      inset: 0;
      padding: 48px;
      background: #fff;
    }
    .featured-article-reader-actions { display: none; }
  }

/* ---------- blogs-news-embedded-26.css ---------- */
.para-featured-article * {color: #111111 !important;} .para-featured-article .btn.btn--primary {background-color: rgba(50, 116, 132, 0.75) !important; color: #ffffff !important; border: none !important; border-radius: 12px !important; font-size: 16px !important; text-transform: uppercase !important; letter-spacing: 0.08em !important;} .para-featured-article .btn.btn--primary:hover {background-color: rgba(50, 116, 132, 0.9) !important; color: #ffffff !important;}

/* ---------- blogs-news-embedded-27.css ---------- */
#section-template--20419516989634__main {
    --tile-gap: 12px;
    --tile-radius: 4px;
    --overlay-bg: rgba(0,0,0,0.45);
  }

  /* ── Grid ── */
  .blog-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--tile-gap);
  }
  @media (max-width: 1024px) {
    .blog-grid { grid-template-columns: repeat(4, 1fr); }
  }
  @media (max-width: 640px) {
    .blog-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  }

  /* ── Tile — true square ── */
  .blog-tile-wrap {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .blog-tile {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    border-radius: var(--tile-radius);
    cursor: pointer;
    background: #e8e8e8;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
  }
  .blog-tile:hover {
    transform: scale(1.02);
    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
  }

  .blog-tile-inner {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  .blog-tile-inner img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
    transition: transform 0.4s ease;
  }
  .blog-tile:hover .blog-tile-inner img {
    transform: scale(1.06);
  }

  /* ── Hover overlay ── */
  .blog-tile-overlay {
    position: absolute;
    inset: 0;
    background: var(--overlay-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.25s ease;
    z-index: 2;
    padding: 12px;
  }
  .blog-tile:hover .blog-tile-overlay {
    opacity: 1;
  }
  .blog-tile-btn {
    font-family: inherit;
    font-size: 0.6rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 8px 16px;
    border-radius: var(--buttons-radius, 0px);
    cursor: pointer;
    background: #fff;
    color: #111;
    border: 1.5px solid #fff;
    transition: background 0.2s, color 0.2s;
    white-space: nowrap;
    text-decoration: none;
    display: inline-block;
  }
  .blog-tile-btn:hover {
    background: transparent;
    color: #fff;
  }

  /* ── Title below tile ── */
  .blog-tile-title {
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #111;
    line-height: 1.3;
    text-align: center;
    margin-top: 6px;
    padding: 0 4px;
  }

  /* ── Expanded inline reader ── */
  .blog-reader {
    display: none;
    grid-column: 1 / -1;
    background: #fff;
    border: 1px solid #eee;
    border-radius: var(--tile-radius);
    padding: 40px 48px;
    margin-top: 4px;
    position: relative;
  }
  @media (max-width: 640px) {
    .blog-reader {
      padding: 24px 16px;
      margin-left: -8px;
      margin-right: -8px;
    }
  }
  .blog-reader.open {
    display: block;
  }
  .blog-reader-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eee;
  }
  .blog-reader-meta {
    text-align: right;
  }
  .blog-reader-label {
    font-size: 0.6rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    font-weight: 700;
    color: #999;
  }
  .blog-reader-date {
    font-size: 0.65rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 600;
    color: #111;
    margin-top: 2px;
  }
  .blog-reader-title {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2;
    color: #111;
    margin: 0;
    flex: 1;
    padding-right: 24px;
  }
  .blog-reader-content {
    font-size: 0.9rem;
    line-height: 1.8;
    color: #333;
  }
  .blog-reader-content * {
    color: #333 !important;
  }
  .blog-reader-content p { margin: 0 0 14px; }
  .blog-reader-content h2,
  .blog-reader-content h3 {
    font-size: 0.85rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 700;
    margin: 24px 0 8px;
    color: #111;
  }
  .blog-reader-content ul,
  .blog-reader-content ol {
    padding-left: 20px;
    margin: 0 0 14px;
  }
  .blog-reader-actions {
    display: flex;
    gap: 10px;
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid #eee;
  }
  .blog-reader-btn {
    font-family: inherit;
    font-size: 0.7rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 10px 22px;
    border-radius: var(--buttons-radius, 0px);
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-align: center;
    text-decoration: none;
    display: inline-block;
  }
  .blog-reader-btn--close {
    background: transparent;
    color: #111;
    border: 1.5px solid #111;
  }
  .blog-reader-btn--close:hover {
    background: #111;
    color: #fff;
  }
  .blog-reader-btn--read {
    background: #111;
    color: #fff;
    border: 1.5px solid #111;
  }
  .blog-reader-btn--read:hover {
    background: transparent;
    color: #111;
  }
  .blog-reader-btn--print {
    background: #111;
    color: #fff;
    border: 1.5px solid #111;
  }
  .blog-reader-btn--print:hover {
    background: transparent;
    color: #111;
  }

  /* ── Print ── */
  @media print {
    body * { visibility: hidden; }
    .blog-print-area, .blog-print-area * { visibility: visible; }
    .blog-print-area {
      position: fixed;
      inset: 0;
      padding: 40px;
      background: #fff;
    }
    .blog-reader-actions { display: none; }
  }

/* ---------- component-product-grid.css ---------- */
@media only screen and (max-width:1023px){.grid--products-and-sidebar{grid-gap:0!important}.col-sidebar,.col-products{grid-column:span 12}.product-grid-actions--for-sidebar{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.product-grid-actions--for-sidebar.items-count-1{justify-content:center}.product-grid-actions--for-sidebar.items-count-2{justify-content:space-between}.product-grid-actions--for-sidebar.items-count-2 *:nth-child(2).filters-button{margin-left:auto;margin-right:-1.2rem}.product-grid-actions--for-sidebar.items-count-3{justify-content:space-between}.product-grid-actions--for-sidebar.items-count-3>*:first-child{width:100%}}@media only screen and (min-width:1023px){.grid--products-and-sidebar{grid-template-columns:min(25%,300px) 1fr!important}.col-sidebar{grid-column:span 1}.product-grid-sidebar{position:sticky;top:var(--container-margin)}}.collection-header-background{position:absolute;left:0;top:0;height:100%;width:100%;z-index:0;overflow:hidden}.collection-header-background .media,.collection-header-background img{height:100%}.product-grid-actions{display:grid;gap:12px 6px;align-items:center;grid-template-columns:40% 60%}.items-count-1>*,.items-count-3 .products-count{grid-column:span 2;text-align:center}.products-count.--to-right{text-align:right;order:2}.active-filters{margin-left:calc(var(--container-margin) * -1);margin-right:calc(var(--container-margin) * -1);padding:0 var(--container-margin);scroll-padding:var(--container-margin)}.active-filters a.btn{padding-left:16px!important;padding-right:16px!important}.filters-button{text-decoration:none;margin-left:-1.2rem;margin-right:auto;padding-left:1.2rem!important;padding-right:1.2rem!important}.sort-by{margin-left:auto;margin-right:-1.2rem;position:relative;max-width:100%}.sort-by select{text-decoration:none;-webkit-appearance:none;text-align:right!important;padding-left:1.2rem!important;padding-right:4.2rem!important;text-overflow:ellipsis;text-wrap:nowrap;max-width:100%}.sort-by select option{text-align:right!important}.sort-by .link-icon{pointer-events:none;position:absolute;top:50%;right:1.2rem;transform:translateY(-50%)}@media only screen and (min-width:768px){.filters-button{margin-left:-1.2rem;margin-right:auto}.sort-by{margin-left:auto;margin-right:-1.2rem}.product-grid-actions{margin:0}.product-grid-actions.items-count-2{grid-template-columns:1fr 1fr}.product-grid-actions.items-count-3{grid-template-columns:1fr 1fr 1fr}.products-count{order:2;grid-column:auto!important}.sort-by{order:3}}

/* ---------- component-price-range.css ---------- */
.price-range-slider .slider-container{--thumb-width: 18px;--slider-height: 6px;position:relative;width:calc(100% - var(--thumb-width));height:var(--slider-height);background:var(--color-borders);margin:20px calc(var(--thumb-width) / 2);border-radius:var(--slider-height)}.price-range-slider .thumb{position:absolute;top:calc(var(--slider-height) / 2 - var(--thumb-width) / 2);width:var(--thumb-width);height:var(--thumb-width);background:var(--color-foreground);box-shadow:inset 0 0 0 1px var(--color-foreground),inset 0 0 0 4px var(--color-background);border-radius:50%;cursor:pointer;touch-action:none}.price-range-slider .thumb:focus{outline:2px solid var(--color-foreground)}.price-range-slider .range{position:absolute;height:6px;background:var(--color-foreground);top:0}.price-range-slider .inputs{display:flex;justify-content:space-between;margin-top:24px;gap:clamp(10px,var(--gutter),24px)}.price-range-input-wrapper .currency{flex-basis:2rem;text-align:center;opacity:.6;position:absolute;left:12px;color:var(--input-foreground)}.price-range-input-wrapper{position:relative;display:flex;align-items:center;flex:1 0 auto}.price-range-input{color:var(--input-foreground);background-color:var(--input-background);box-shadow:var(--input-box-shadow);flex:1 0 auto;text-align:right;padding:8px 12px;border-radius:var(--input-border-radius);border:solid var(--input-border-width) var(--input-border-color)}.price-range-input::-webkit-outer-spin-button,.price-range-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.price-range-input[type=number]{-moz-appearance:textfield}.price-range__horizontal-divider{display:grid;place-content:center;opacity:.6}

/* ---------- component-facets.css ---------- */
.filter-option .checkbox{margin:0!important}.filter-option label{--swatch-size: 32px;display:flex;width:100%;align-items:center;gap:12px;cursor:pointer;padding:6px 12px;position:relative;transition:all .2s ease-in-out;border-radius:8px}.filter-option label:hover{background-color:var(--color-background-alt);transform:scale(1.025)}.filter-option input.for-swatch{width:var(--swatch-size);height:var(--swatch-size);border-radius:50%;box-shadow:0 0 0 1px;margin:0}.filter-option input.for-swatch+.swatch:before{content:"";position:absolute;border-radius:min(3px,var(--button-border-radius));width:16px;height:16px;left:-6px;top:-2px;background:var(--color-background);border:1px solid var(--color-foreground);box-shadow:inset 0 0 0 2.5px var(--color-background);z-index:1}.filter-option input:checked.for-swatch+.swatch:before{background:var(--color-foreground)}.filter-option label.filter-type-color .swatch{position:absolute;left:12px;border:0;--swatch-size: inherit}.filter-option label.filter-type-as-button{text-align:center;border-radius:min(4px,var(--button-border-radius));padding:12px;justify-content:center;transform-origin:center;height:100%}.filter-option input.as-button{border-radius:min(4px,var(--button-border-radius));position:absolute;left:0;top:0;width:100%;height:100%;margin:0;border:1px solid var(--color-borders)}.filter-option input.as-button:checked{border-color:var(--color-button-background)}.filter-option input.as-button:before{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:var(--color-background);border:1px solid var(--color-borders);box-shadow:inset 0 0 0 3px var(--color-background);z-index:1;border-radius:min(3px,var(--button-border-radius))}.filter-option input.as-button:checked:before{background:var(--color-button-background);border-color:var(--color-button-background)}.filter-option input.for-swatch:focus-visible{box-shadow:0 0 0 3px}.filter-option input:checked.for-swatch:focus-visible{box-shadow:0 0 0 3px var(--color-button-background);outline:0!important}

/* ---------- pages-contact-embedded-24.css ---------- */
.contact-form-section form { width: 100%; }

/* ---------- pages-contact-embedded-25.css ---------- */
html:not(.template-index):not(.template-product) .contact-form-section h1,
html:not(.template-index):not(.template-product) .contact-form-section h2,
html:not(.template-index):not(.template-product) .contact-form-section h3,
html:not(.template-index):not(.template-product) .contact-form-section p,
html:not(.template-index):not(.template-product) .contact-form-section span,
html:not(.template-index):not(.template-product) .contact-form-section div {
  color: #111111 !important;
}

html:not(.template-index):not(.template-product) .contact-form-section .field__input,
html:not(.template-index):not(.template-product) .contact-form-section .text-area {
  background-color: rgba(50, 116, 132, 0.75) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  font-size: 16px !important;
}

html:not(.template-index):not(.template-product) .contact-form-section .field__input::placeholder,
html:not(.template-index):not(.template-product) .contact-form-section .text-area::placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
}

html:not(.template-index):not(.template-product) .contact-form-section .field__label,
html:not(.template-index):not(.template-product) .contact-form-section .form__label {
  color: #ffffff !important;
}

html:not(.template-index):not(.template-product) .contact-form-section select.field__input {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23ffffff' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 36px;
  cursor: pointer;
  color: #ffffff !important;
}

html:not(.template-index):not(.template-product) .contact-form-section select.field__input option {
  background-color: rgba(50, 116, 132, 1);
  color: #ffffff;
}

html:not(.template-index):not(.template-product) .contact-form-section .btn.btn--primary {
  background-color: rgba(255, 213, 0, 0.9) !important;
  color: #111111 !important;
  border: none !important;
  border-radius: 12px !important;
  font-size: 16px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

html:not(.template-index):not(.template-product) .contact-form-section .btn.btn--primary:hover {
  background-color: rgba(255, 213, 0, 1) !important;
  color: #111111 !important;
}

/* ---------- pages-bars-restaurants-embedded-35.css ---------- */
/* Removed: a lime wash the export scoped to `html.template-page`. In the
   static export that class only existed on the bars-restaurants page; here it
   is on every content page, so it tinted them all. Inner pages are white. */
  html.template-page .header-dropdown__content,
  html.template-page details[open] > .header-dropdown__content {
    background-color: rgba(255, 141, 109, 0.40) !important;
    background: rgba(255, 141, 109, 0.40) !important;
  }

/* ---------- pages-data-sharing-opt-out-embedded-24.css ---------- */
@media only screen and (max-width: 767px) {
    .para-image-text-overlay .hero__media img,
    .para-image-text-overlay .hero__media video {
      object-position: 50.0% 50.0%;
    }
    .para-image-text-overlay .hero {
      min-height: 100vh;
    }
  }

  @media only screen and (min-width: 768px) {
    .para-image-text-overlay .hero__media img,
    .para-image-text-overlay .hero__media video {
      object-position: 50.0% 50.0%;
    }

    .para-image-text-overlay .hero {
      min-height: 200px;
    }
  }

/* ---------- pages-data-sharing-opt-out-embedded-25.css ---------- */
.paramour-hacks-wrap{
      max-width: 1160px;
      margin: 0 auto;
      padding: 32px 16px 44px;
    }
    .paramour-hacks-hero{ margin: 0 0 18px; display:flex; flex-direction:column; gap:8px; }
    .paramour-hacks-kicker{ font-size:12px; letter-spacing:.14em; text-transform:uppercase; opacity:.7; }
    .paramour-hacks-title{ margin:0; font-size:18px; line-height:1.05; }
    .paramour-hacks-subtitle{ margin:0; font-size:16px; line-height:1.5; opacity:.8; max-width:64ch; }

    .paramour-hacks-grid{ display:grid; grid-template-columns:repeat(12,1fr); gap:16px; align-items:start; }
    .paramour-hack-card{
      grid-column: span 12;
      background:#fff;
      border-radius:18px;
      overflow:hidden;
      box-shadow: 0 12px 28px rgba(0,0,0,.06);
      border: 3px solid transparent;
    }
    @media (min-width:760px){ .paramour-hack-card{ grid-column:span 6; } }
    @media (min-width:1024px){ .paramour-hack-card{ grid-column:span 4; } }

    .paramour-hack-card:nth-child(1) { border-color: #d1ff05; }
    .paramour-hack-card:nth-child(2) { border-color: #ff00aa; }
    .paramour-hack-card:nth-child(3) { border-color: #4466ee; }
    .paramour-hack-card:nth-child(4) { border-color: #ff8070; }
    .paramour-hack-card:nth-child(5) { border-color: #d1ff05; }
    .paramour-hack-card:nth-child(6) { border-color: #ff00aa; }

    /* Shorts ratio 9:16 */
    .paramour-hack-media{ position:relative; width:100%; padding-top:177.78%; background:#0b0b0b; }
    .paramour-hack-media iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

    .paramour-hack-body{ padding:14px 14px 16px; display:flex; flex-direction:column; gap:8px; }
    .paramour-hack-title{ margin:0; font-size:15px; line-height:1.25; }
    .paramour-hack-desc{ margin:0; font-size:13px; line-height:1.45; opacity:.78; }

    .paramour-hack-meta{ display:flex; flex-wrap:wrap; gap:8px; margin-top:2px; }
    .paramour-pill{
      font-size:11px; line-height:1;
      padding:8px 10px;
      border-radius:999px;
      border:1px solid rgba(0,0,0,.10);
      background: rgba(0,0,0,.02);
      opacity:.9;
    }

/* ---------- pages-shop-embedded-24.css ---------- */
.pmr3-cloud-img { display: none; }

  .pmr3-card {
    display: flex;
    flex-direction: column;
  }

  .pmr3-tile {
    width: 100%;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    position: relative;
    display: block;
    text-decoration: none;
    cursor: pointer;
    border-radius: 20px;
    flex-shrink: 0;
    min-height: 0;
  }
  .pmr3-tile img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
    transition: opacity 0.4s ease, transform 0.5s cubic-bezier(0.2,0.8,0.2,1);
  }
  .pmr3-tile .pmr3-img-primary { opacity: 1; z-index: 1; }
  .pmr3-tile .pmr3-img-hover { opacity: 0; z-index: 2; transform: scale(1.04); }
  .pmr3-card:hover .pmr3-img-primary { opacity: 0; }
  .pmr3-card:hover .pmr3-img-hover { opacity: 1; transform: scale(1); }

  .pmr3-name-row {
    padding: 14px 0 4px;
    flex-shrink: 0;
    text-align: center;
  }
  .pmr3-name {
    font-family: 'Abel', sans-serif;
    font-size: 18px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #111111;
    margin: 0;
    text-decoration: none;
    display: block;
    text-align: center;
  }
  .pmr3-name:hover { opacity: 0.7; }

  .pmr3-body {
    padding: 10px 0 16px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    flex-shrink: 0;
    justify-content: center;
    gap: 0;
  }

  .pmr3-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding-right: 12px;
    border-right: 1px solid rgba(0,0,0,0.2);
    min-width: 68px;
  }
  .pmr3-price {
    font-family: 'Abel', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #111111;
    margin: 0;
    line-height: 1;
  }
  .pmr3-award {
    background: #3149ef;
    border-radius: 4px;
    padding: 6px 8px;
    text-align: center;
    font-family: 'Abel', sans-serif;
    line-height: 1.2;
    width: 100%;
    box-sizing: border-box;
  }
  .pmr3-award-title { font-size: 13px; font-weight: 900; color: #ffffff; text-transform: uppercase; display: block; }
  .pmr3-award-sub { font-size: 11px; font-weight: 700; color: #ffffff; text-transform: uppercase; display: block; }
  .pmr3-award-org { font-size: 9px; color: #ffffff; display: block; }

  .pmr3-specs { padding: 0 10px; border-right: 1px solid rgba(0,0,0,0.2); flex: 1; }
  .pmr3-notes { padding-left: 10px; flex: 1; }
  .pmr3-specs ul, .pmr3-notes ul { list-style: disc; padding-left: 14px; margin: 0; }
  .pmr3-specs ul li, .pmr3-notes ul li {
    font-family: 'Abel', sans-serif;
    font-size: 12px;
    color: #111111;
    line-height: 1.7;
  }

  .pmr3-buybutton {
    padding: 4px 0 16px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
  }
  .pmr3-buybutton iframe { max-width: 100%; }

  .pmr3-desktop-layout { display: block; }
  .pmr3-mobile-pairs { display: none; }
  .pmr3-pair { display: flex; flex-direction: column; }

  @media (min-width: 701px) {
    .pmr3-mobile-pairs { display: none !important; }
    .pmr3-desktop-layout { display: block; }
  }
  @media (max-width: 700px) {
    .pmr3-mobile-pairs { display: flex !important; flex-direction: column; gap: 40px; padding: 40px 0 80px; }
    .pmr3-desktop-layout { display: none; }
  }

/* ---------- section-before-after.css ---------- */
.before-after-container{position:relative}.before-after-container .media{position:absolute;top:0;left:0;width:100%;height:100%;margin:0}.before-after-container .media img{width:100%;height:100%;object-fit:cover;display:block}.before-content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;clip-path:inset(0 calc(100% - var(--position)) 0 0)}.after-content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.label-text{position:absolute;color:var(--color-foreground);background-color:transparent;padding:4px 8px;border-radius:4px}.label-position-top .label-text{top:20px}.label-position-center .label-text{top:50%;transform:translateY(-50%)}.label-position-bottom .label-text{bottom:20px}.label-text--before{left:20px}.label-text--after{right:20px}.before-after-slider{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.before-after-slider input[type=range]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:grab;z-index:12}.before-after-slider input[type=range]:active{cursor:grabbing}.before-after-slider{touch-action:pan-x}.slider-line{position:absolute;top:0;left:var(--position);width:2px;height:100%;background-color:var(--color-background);transform:translate(-50%);z-index:11;pointer-events:none}.slider-button{position:absolute;top:50%;left:var(--position);width:40px;height:40px;background-color:var(--color-background);color:var(--color-foreground);border-radius:50%;transform:translate(-50%,-50%);z-index:11;pointer-events:none;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.slider-button svg{width:16px;height:16px}

/* ---------- pages-shop-embedded-25.css ---------- */
.para-before-after.section--before-after h1, .para-before-after.section--before-after h2, .para-before-after.section--before-after h3, .para-before-after.section--before-after h4, .para-before-after.section--before-after h5, .para-before-after.section--before-after h6 {color: #111111 !important;}

/* ---------- section-banner-grid.css ---------- */
.banner-grid-section__item{display:grid;grid-template-rows:1fr;position:relative;max-width:100%}.banner-grid-section__item__overlay{position:absolute;top:0;left:0;width:100%;height:100%}.banner-grid-section__item__overlay:before{content:"";height:100%;width:100%;position:absolute;left:0;top:0}.banner-grid-section__item__heading{position:relative}.banner-grid-section .media:not(.media--empty),.banner-grid-section figure:not(.media--empty){background-color:transparent}.banner-grid-section__item--text{padding-top:calc(2 * var(--gutter));padding-bottom:calc(2 * var(--gutter));place-content:center;grid-auto-rows:minmax(min-content,max-content);grid-template-rows:auto}.banner-grid-section superpowered-video iframe{width:300%!important;height:300%!important;left:-100%!important;top:-100%!important}.banner-grid-section .card--product{justify-content:center}.banner-grid-section__item__overlay:before{background-color:var(--color-overlay)}.banner-grid-section__item .horizontal-left{text-align:left}.banner-grid-section__item .horizontal-center{text-align:center}.banner-grid-section__item .horizontal-right{text-align:right}

/* ---------- component-video.css ---------- */
.video-container{position:relative}.video-container .button-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:pointer}.video-container video{width:100%}.video-container .button-container button{border-radius:50%;display:grid;place-content:center;height:6.2rem;width:6.2rem;position:absolute!important;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);z-index:1;background-color:var(--color-background)!important;padding:16px!important;border:unset;box-shadow:0 2px 4px #00000026;cursor:pointer}.video-container .button-container button svg{stroke:var(--color-foreground);pointer-events:none}superpowered-video{display:block;height:100%;position:relative;overflow:hidden}superpowered-video[data-context=default][data-aspect-ratio=natural] iframe{height:100%;width:100%}superpowered-video[data-context=default][data-aspect-ratio=natural]{aspect-ratio:16 / 9}@supports not (aspect-ratio: 16 / 9){superpowered-video[data-context=default][data-aspect-ratio=natural] iframe{position:absolute}superpowered-video[data-context=default][data-aspect-ratio=natural]{height:0;padding-bottom:56.25%}}superpowered-video[data-context=default]:not([data-aspect-ratio=natural]) iframe,superpowered-video[data-context=card] iframe{width:300%;height:200%;left:-100%;max-width:none;position:absolute;top:-50%;pointer-events:none}@media only screen and (min-width:768px){superpowered-video[data-context=default]:not([data-aspect-ratio=natural]) iframe,superpowered-video[data-context=card] iframe{width:160%;height:300%;left:-30%;top:-100%}}@media only screen and (min-width:1024px){superpowered-video[data-context=default]:not([data-aspect-ratio=natural]) iframe,superpowered-video[data-context=card] iframe{width:140%;height:300%;left:-20%;top:-100%}}.video-container superpowered-video>*{aspect-ratio:16 / 9;width:100%;height:auto}@supports not (aspect-ratio: 16 / 9){.video-container superpowered-video>*{position:relative;padding-bottom:56.25%}}@media(hover:hover){.video-container .button-container button{transition:transform .3s ease-in-out}.video-container .button-container button:hover{transform:translate(-50%,-50%) scale(1.1)}}@media only screen and (max-width:767px){superpowered-video[data-device=desktop]{display:none}.video-container[data-desktop-video-type=external] .button-container{display:none}}@media only screen and (min-width:768px){superpowered-video[data-device=mobile]{display:none}.video-container[data-mobile-video-type=external] .button-container{display:none}}

/* ---------- template-product.css ---------- */
.media-sliders{display:flex;flex-direction:column;gap:var(--gap);position:sticky;top:var(--sticky-header-margin-top)}.media-sliders .product-media{position:relative}.thumbnail-btn{display:flex;flex-direction:column;justify-content:center;position:relative;cursor:pointer}.thumbnail-btn.active:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 0 2px var(--color-button-background);border-radius:inherit}@media only screen and (min-width:1024px){.pdp-content .sticky{position:sticky;margin-top:0;top:var(--sticky-header-margin-top)}.pdp-content .sticky{padding:40px 0}.thumbnails-next-to{flex-direction:row}.thumbnails-next-to .product-media-slider{order:2;width:calc(100% * (6/7))}.thumbnails-next-to .product-thumbnails-slider{width:calc(100% * (1/7))}.thumbnails-next-to .product-thumbnails-slider .gridy-track{grid:auto-flow calc((100% - var(--sm-gap)*4)/5) / auto;overflow-y:scroll;overflow-x:hidden;position:absolute;width:100%;height:100%}.thumbnails-next-to .product-thumbnails-slider .media.cover{height:100%}}.product__tax{margin-top:4px}.media--external_video.natural iframe{height:100%;width:100%}.media--external_video.natural{aspect-ratio:16 / 9}@supports not (aspect-ratio: 16 / 9){.media--external_video.natural iframe{position:absolute}.media--external_video.natural{height:0;padding-bottom:56.25%}}.product-media .media:not(.natural) iframe{width:300%;left:-100%;max-width:none}[data-drawer] .accordion__content{padding:0 var(--drawer-padding) var(--drawer-padding)}.similar-collections ul{display:flex;flex-wrap:wrap;gap:8px}.similar-collections ul>li a{text-decoration:underline}.product-icons-grid{display:grid;grid-template-columns:repeat(var(--icons-grid-cols),minmax(0,1fr));grid-gap:var(--icons-grid-gap);align-items:center}.product-icons-grid img{width:100%;height:auto}@media only screen and (max-width:767px){.the-siblings .gridy-arrows{width:calc(100% + var(--container-margin)* 2);left:calc(0px - var(--container-margin))}}.sibling-product{position:relative;padding:8px;background:var(--color-card-background);border-radius:min(var(--card-border-radius),12px)}.sibling-product:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:min(var(--card-border-radius),12px);box-shadow:inset 0 0 0 0 var(--color-card-foreground);transition:box-shadow .3s ease-in-out}.sibling-product:hover:before{box-shadow:inset 0 0 0 2px var(--color-card-foreground)}.sibling-product.current-product{border:1px solid var(--color-foreground)}.media-sliders .badges{position:absolute;width:calc(100% - 40px);top:20px;left:20px;z-index:1}@media only screen and (min-width:1024px){.media-sliders.thumbnails-next-to .badges{left:calc(100% * (1/7) + var(--sm-gap) + 20px)}}.product-media-zoom-link{position:absolute;width:100%;height:100%;cursor:var(--css-icon-zoom-in) 22 22,auto;z-index:1}

/* ---------- component-product-form.css ---------- */
.product-form__input{flex:0 0 100%;padding:0;margin:0 0 1.2rem;min-width:fit-content;border:none}variant-radios,variant-selects{display:block}.product-form__input--dropdown{margin-bottom:1.6rem;display:flex;justify-content:space-between;width:100%;align-items:center;gap:8px}.product-block .form__label{display:flex;justify-content:space-between;gap:8px;align-items:center;width:100%;padding-left:0;margin-bottom:4px}.product-form__input input[type=radio]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.product-form__input input[type=radio]+label{border-radius:var(--button-border-radius);border:solid 1px var(--color-borders);background-color:var(--color-background);color:var(--color-foreground);display:inline-block;margin:5px 1px 2px 0;padding:8px 12px;font-size:1.4rem;line-height:1;text-align:center;cursor:pointer;position:relative;min-width:44px;transition:border .16s ease-in-out,color .16s ease-in-out,opacity .16s ease-in-out}.product-form__input input[type=radio]+label:hover{border-color:var(--color-foreground)}.product-form__input input[type=radio]:checked+label{border-color:var(--color-foreground);color:var(--color-foreground)}@media screen and (forced-colors:active){.product-form__input input[type=radio]:checked+label{text-decoration:underline}}[data-cross-unavailable=true] .product-form__input input[type=radio].disabled+label:after{display:block;content:"";position:absolute;left:50%;top:0;bottom:0;transform:rotate(-45deg);border-left:solid 1px var(--color-foreground)}.product-form__input input[type=radio]:checked+label::selection{background-color:var(--color-foreground)}[data-cross-unavailable=true] .product-form__input input[type=radio].disabled+label{background-color:var(--primary-variant-disabled)}[data-cross-unavailable=true] .product-form__input input[type=radio]:not(:checked).disabled+label:not(:hover){opacity:.65}.product-form__input label:focus-visible{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)}.no-js .product-form__input input[type=radio]:focus:not(:focus-visible)+label{box-shadow:none}.product-form__input .select{position:relative}.product-form__input .select select{padding-right:4.8rem;padding-top:2.8rem;white-space:nowrap;text-overflow:ellipsis}.product-form__input .select svg{top:50%;right:0;position:absolute;pointer-events:none;transform:translate(50%,-50%);width:1.8rem!important;height:1.8rem!important;right:2.8rem!important}.product-form__submit{padding-left:1.2rem!important;padding-right:1.2rem!important}.product-form__input .swatch.has-image{background-color:var(--color-background)!important}.product-form__input label.swatch.has-image img{padding:var(--single-swatch-selection-border)}.add-to-cart-container.with-quantity-input{--quantity-width: 120px;gap:12px;display:grid;grid-template-columns:var(--quantity-width) auto}.add-to-cart-container.with-quantity-input quantity-input{width:var(--quantity-width)}.product-form__buttons .product-form__submit{min-height:48px}.product-form__buttons .shopify-payment-button__button{border-radius:var(--button-border-radius)!important;min-height:48px;overflow:hidden}.shopify-payment-button__more-options{padding:0!important;border:0!important}.shopify-payment-button__button+.shopify-payment-button__button--hidden{display:none!important}.product-form__error-message-wrapper .icon-error{width:18px}.product-form__error-message-wrapper .product-form__error-message{font-size:1.4rem}.product-form__error-message-wrapper{gap:8px;flex-wrap:nowrap;align-items:center;justify-content:center;background:var(--error);color:var(--error-foreground);padding:8px 12px;border-radius:4px}.js .btn--add-multiplier{padding:0 1.2rem!important;height:100%}.js .with-add-multipliers{display:flex;flex-wrap:nowrap;gap:2px}.js .with-add-multipliers.single-line .btn{border-radius:0!important}.js .with-add-multipliers.single-line .btn:first-child{border-top-left-radius:var(--button-border-radius)!important;border-bottom-left-radius:var(--button-border-radius)!important}.js .with-add-multipliers.single-line *:last-child .btn{border-top-right-radius:var(--button-border-radius)!important;border-bottom-right-radius:var(--button-border-radius)!important}.js .with-add-multipliers.stacked{flex-wrap:wrap;gap:8px}.js .with-add-multipliers.stacked add-multiplier{flex-grow:1}.js .with-add-multipliers.stacked .btn--add-multiplier{padding:var(--button-padding)!important;padding-left:1.2rem!important;padding-right:1.2rem!important;width:100%}.recipient-form{--recipient-checkbox-margin-top: .64rem;display:block;position:relative;max-width:44rem;margin-bottom:2.5rem}.recipient-form-field-label{margin:.6rem 0}.recipient-form-field-label--space-between{display:flex;justify-content:space-between}.recipient-checkbox{flex-grow:1;font-size:1.6rem;display:flex;word-break:break-word;align-items:flex-start;max-width:inherit;position:relative;cursor:pointer}.no-js .recipient-checkbox{display:none}.recipient-form>input[type=checkbox]{position:absolute;width:1.6rem;height:1.6rem;margin:var(--recipient-checkbox-margin-top) 0;top:0;left:0;z-index:-1;appearance:none;-webkit-appearance:none}.recipient-fields__field{margin:0 0 2rem}.recipient-fields .field__label{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 3.5rem);overflow:hidden}.recipient-checkbox>svg{margin-top:var(--recipient-checkbox-margin-top);margin-right:1.2rem;flex-shrink:0}.recipient-form .icon-checkmark{visibility:hidden;position:absolute;left:.28rem;z-index:5;top:.4rem}.recipient-form>input[type=checkbox]:checked+label .icon-checkmark{visibility:visible}.js .recipient-fields{display:none}.recipient-fields hr{margin:1.6rem auto}.recipient-form>input[type=checkbox]:checked~.recipient-fields{display:block}.recipient-form>input[type=checkbox]:not(:checked,:disabled)~.recipient-fields,.recipient-email-label{display:none}.js .recipient-email-label.required,.no-js .recipient-email-label.optional{display:inline}.recipient-form ul{padding-left:4.4rem;text-align:left}.recipient-form ul a{display:inline}.recipient-form .error-message:first-letter{text-transform:capitalize}

/* ---------- products-spritz-kit-embedded-24.css ---------- */
#section-template--20419518070978__featured_blog_tmxcjM {
    --tile-gap: 16px;
    --tile-radius: 4px;
    --overlay-bg: rgba(0,0,0,0.45);
  }

  /* ── Grid — 4 columns ── */
  #section-template--20419518070978__featured_blog_tmxcjM .blog-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--tile-gap);
  }
  @media (max-width: 900px) {
    #section-template--20419518070978__featured_blog_tmxcjM .blog-grid { grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 540px) {
    #section-template--20419518070978__featured_blog_tmxcjM .blog-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  }

  /* ── Tile wrapper ── */
  #section-template--20419518070978__featured_blog_tmxcjM .blog-tile-wrap {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  /* ── Tile — true square ── */
  #section-template--20419518070978__featured_blog_tmxcjM .blog-tile {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    border-radius: var(--tile-radius);
    cursor: pointer;
    background: #e8e8e8;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-tile:hover {
    transform: scale(1.02);
    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
  }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-tile-inner {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-tile-inner img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
    transition: transform 0.4s ease;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-tile:hover .blog-tile-inner img {
    transform: scale(1.06);
  }

  /* ── Hover overlay ── */
  #section-template--20419518070978__featured_blog_tmxcjM .blog-tile-overlay {
    position: absolute;
    inset: 0;
    background: var(--overlay-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.25s ease;
    z-index: 2;
    padding: 12px;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-tile:hover .blog-tile-overlay {
    opacity: 1;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-tile-btn {
    font-family: inherit;
    font-size: 0.65rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: var(--buttons-radius, 0px);
    cursor: pointer;
    background: #fff;
    color: #111;
    border: 1.5px solid #fff;
    transition: background 0.2s, color 0.2s;
    white-space: nowrap;
    text-decoration: none;
    display: inline-block;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-tile-btn:hover {
    background: transparent;
    color: #fff;
  }

  /* ── Title below tile ── */
  #section-template--20419518070978__featured_blog_tmxcjM .blog-tile-title {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #111;
    line-height: 1.3;
    text-align: center;
    margin-top: 8px;
    padding: 0 4px;
  }

  /* ── Inline reader ── */
  #section-template--20419518070978__featured_blog_tmxcjM .blog-reader {
    display: none;
    background: #fff;
    border: 1px solid #eee;
    border-radius: var(--tile-radius);
    padding: 48px 56px;
    margin-top: 8px;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-reader.open {
    display: block;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 28px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-title {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.2;
    color: #111;
    margin: 0;
    flex: 1;
    padding-right: 32px;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-meta {
    text-align: right;
    flex-shrink: 0;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-label {
    font-size: 0.6rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    font-weight: 700;
    color: #999;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-date {
    font-size: 0.65rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 600;
    color: #111;
    margin-top: 3px;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-content {
    font-size: 1rem;
    line-height: 1.85;
    color: #222;
    max-width: 720px;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-content * {
    color: #222 !important;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-content p { margin: 0 0 18px; }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-content h2,
  #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-content h3 {
    font-size: 0.85rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 700;
    margin: 28px 0 10px;
    color: #111;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-content ul,
  #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-content ol {
    padding-left: 22px;
    margin: 0 0 18px;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-content li {
    margin-bottom: 6px;
    line-height: 1.7;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-content strong {
    font-weight: 700;
    color: #111;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-actions {
    display: flex;
    gap: 10px;
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid #eee;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-btn {
    font-family: inherit;
    font-size: 0.7rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 12px 24px;
    border-radius: var(--buttons-radius, 0px);
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-align: center;
    text-decoration: none;
    display: inline-block;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-btn--close {
    background: transparent;
    color: #111;
    border: 1.5px solid #111;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-btn--close:hover {
    background: #111;
    color: #fff;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-btn--read {
    background: #111;
    color: #fff !important;
    border: 1.5px solid #111;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-btn--read:hover {
    background: transparent;
    color: #111 !important;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-btn--print {
    background: #111;
    color: #fff;
    border: 1.5px solid #111;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-btn--print:hover {
    background: transparent;
    color: #111;
  }

  /* ── Font size toggle ── */
  #section-template--20419518070978__featured_blog_tmxcjM .font-size-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .font-size-toggle-label {
    font-size: 0.6rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #999;
    margin-right: 4px;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .font-size-btn {
    background: transparent;
    border: 1.5px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    padding: 4px 10px;
    color: #111;
    transition: all 0.2s;
    line-height: 1;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .font-size-btn.active {
    background: #111;
    color: #fff;
    border-color: #111;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .font-size-btn:hover {
    border-color: #111;
  }
  #section-template--20419518070978__featured_blog_tmxcjM .font-size-btn--sm { font-size: 0.65rem; }
  #section-template--20419518070978__featured_blog_tmxcjM .font-size-btn--md { font-size: 0.8rem; }
  #section-template--20419518070978__featured_blog_tmxcjM .font-size-btn--lg { font-size: 1rem; }

  #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-content.fs-small { font-size: 0.85rem !important; }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-content.fs-medium { font-size: 1rem !important; }
  #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-content.fs-large { font-size: 1.25rem !important; line-height: 2 !important; }

  /* ── Mobile ── */
  @media (max-width: 640px) {
    #section-template--20419518070978__featured_blog_tmxcjM .blog-reader {
      padding: 28px 20px;
    }
    #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-header {
      flex-direction: column;
      gap: 12px;
    }
    #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-meta { text-align: left; }
    #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-title {
      font-size: 1.2rem;
      padding-right: 0;
    }
    #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-content {
      font-size: 1.05rem;
      line-height: 1.9;
    }
    #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-actions {
      flex-direction: column;
    }
    #section-template--20419518070978__featured_blog_tmxcjM .blog-reader-btn {
      text-align: center;
      width: 100%;
      padding: 14px 24px;
    }
  }

  /* ── Print ── */
  @media print {
    * { visibility: hidden !important; }
    .blog-print-area,
    .blog-print-area * {
      visibility: visible !important;
    }
    .blog-print-area {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      padding: 48px !important;
      background: #fff !important;
      color: #111 !important;
    }
    .blog-reader-actions { display: none !important; }
    .font-size-toggle { display: none !important; }
    .blog-reader-content * { color: #111 !important; }
  }

/* ---------- products-spritz-kit-embedded-34.css ---------- */
@media (max-width: 700px) {
    body.template-product,
    body.template-product h1, body.template-product h2,
    body.template-product h3, body.template-product h4,
    body.template-product p, body.template-product span,
    body.template-product li, body.template-product a {
      color: #111111 !important;
    }
  }

  body.template-product main,
  body.template-product footer,
  body.template-product .gradient,
  body.template-product .page-container,
  body.template-product .shopify-section,
  body.template-product .global-content-wrapper,
  body.template-product .color-scheme-1,
  body.template-product .color-scheme-2 {
    background: transparent !important;
    background-color: transparent !important;
  }

  body.template-product,
  body.template-product a,
  body.template-product a:visited,
  body.template-product h1, body.template-product h2,
  body.template-product h3, body.template-product h4,
  body.template-product h5, body.template-product h6,
  body.template-product p, body.template-product span,
  body.template-product li, body.template-product small,
  body.template-product strong, body.template-product em {
    color: #fff !important;
  }
  /* Removed: a blanket lime !important override on every button, inlined
     per product page by the export and global once concatenated. Button
     colours come from the colour schemes and the per-section settings. */


/* ---------- component-zoom-gallery.css ---------- */
.gallery-zoom-link{cursor:var(--css-icon-zoom-in) 22 22,auto}.zoom-gallery .gridy-track.grid{--gap: 0}@media only screen and (max-width:767px){.type-slider{--text-space: 8rem}.type-slider .modal-body{max-width:100dvw;max-height:100dvh}.type-slider .zoom-item{display:grid;grid-template-rows:var(--text-space) auto var(--text-space);text-align:center}.type-slider .zoom-item .zoom-media{height:calc(100dvh - var(--text-space) * 2)}.type-slider .zoom-item .zoom-media .media{height:100%}.type-slider .zoom-item .zoom-media img{object-fit:contain;height:100%;width:auto;border-radius:var(--br-img);margin:0 auto}}@media only screen and (min-width:768px){.sm-type-slider{--text-space: 8rem}.sm-type-slider .modal-body{max-width:100dvw;max-height:100dvh}.sm-type-slider .zoom-item{display:grid;grid-template-rows:var(--text-space) auto var(--text-space);text-align:center}.sm-type-slider .zoom-item .zoom-media{height:calc(100dvh - var(--text-space) * 2)}.sm-type-slider .zoom-item .zoom-media .media{height:100%}.sm-type-slider .zoom-item .zoom-media img{object-fit:contain;height:100%;width:auto;border-radius:var(--br-img);margin:0 auto}}@media only screen and (max-width:767px){.type-column .gridy-track{max-height:100dvh;overflow-y:scroll}.type-column .modal-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;border-radius:0!important}.type-column .modal-body{padding:0}.type-column .modal-close{position:fixed;top:4rem;right:4rem;padding:1.2rem;z-index:100000!important}.type-column .modal-body{width:100vw;max-width:none;height:100dvh;display:grid}.type-column .zoom-item{position:relative;border-top:1px solid var(--color-borders)}.type-column .zoom-item:first-child{border:none}.type-column .item-number,.type-column .media-alt{position:absolute;z-index:1;padding:.8rem 1.2rem;border-radius:min(12px,var(--card-border-radius));background-color:var(--color-background);max-width:calc(100vw - 2.4rem)}.type-column .item-number{top:1.2rem;left:1.2rem}.type-column .media-alt{bottom:1.2rem;left:1.2rem}}@media only screen and (min-width:768px){.sm-type-column .gridy-track{max-height:100dvh;overflow-y:scroll}.sm-type-column .modal-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;border-radius:0!important}.sm-type-column .modal-body{padding:0}.sm-type-column .modal-close{position:fixed;top:4rem;right:4rem;padding:1.2rem;z-index:100000!important}.sm-type-column .modal-body{width:100vw;max-width:none;height:100dvh;display:grid}.sm-type-column .zoom-item{position:relative;border-top:1px solid var(--color-borders)}.sm-type-column .zoom-item:first-child{border:none}.sm-type-column .item-number,.sm-type-column .media-alt{position:absolute;z-index:1;padding:.8rem 1.2rem;border-radius:min(12px,var(--card-border-radius));background-color:var(--color-background);max-width:calc(100vw - 2.4rem)}.sm-type-column .item-number{top:1.2rem;left:1.2rem}.sm-type-column .media-alt{bottom:1.2rem;left:1.2rem}.sm-type-column .item-number,.sm-type-column .media-alt{max-width:calc(100vw - 8rem)}.sm-type-column .item-number{top:4rem;left:4rem}.sm-type-column .media-alt{bottom:4rem;left:4rem}}

/* ---------- component-product-buy-bar.css ---------- */
.product-buy-bar{position:fixed;left:0;bottom:-200px;width:100vw;z-index:3;opacity:0;transition:all .3s ease-in-out;padding:var(--container-margin) 0;color:var(--color-foreground);background-color:transparent}.product-buy-bar:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent,var(--color-overlay));opacity:var(--overlay-opacity)}.product-buy-bar.show{bottom:0;opacity:1}.the-buy-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;background-color:transparent;color:var(--color-foreground)}.the-buy-bar .image-and-titles{display:none}.the-buy-bar .product-form{flex-grow:1}@media only screen and (min-width:768px){.the-buy-bar{background:var(--color-background);padding:12px 24px;box-shadow:0 10px 20px #0003;border-radius:var(--border-radius)}.the-buy-bar .image-and-titles{display:flex;flex-wrap:nowrap;flex-grow:1}.the-buy-bar .image-and-titles .media{flex-shrink:0;width:80px}}

/* ---------- products-elderflower-embedded-33.css ---------- */
/* Removed: a per-product background that the export inlined per page.
   Concatenated into one global stylesheet these three rules applied to every
   page at once and fought each other, so each product showed a different
   backdrop. The page background now comes from the theme settings. */
  

  @media (max-width: 700px) {
    body.template-product,
    body.template-product h1, body.template-product h2,
    body.template-product h3, body.template-product h4,
    body.template-product p, body.template-product span,
    body.template-product li, body.template-product a {
      color: #111111 !important;
    }
  }

  body.template-product main,
  body.template-product footer,
  body.template-product .gradient,
  body.template-product .page-container,
  body.template-product .shopify-section,
  body.template-product .global-content-wrapper,
  body.template-product .color-scheme-1,
  body.template-product .color-scheme-2 {
    background: transparent !important;
    background-color: transparent !important;
  }

  body.template-product,
  body.template-product a,
  body.template-product a:visited,
  body.template-product h1, body.template-product h2,
  body.template-product h3, body.template-product h4,
  body.template-product h5, body.template-product h6,
  body.template-product p, body.template-product span,
  body.template-product li, body.template-product small,
  body.template-product strong, body.template-product em {
    color: #fff !important;
  }
  /* Removed: a blanket lime !important override on every button, inlined
     per product page by the export and global once concatenated. Button
     colours come from the colour schemes and the per-section settings. */


/* ---------- products-paramour-cara-cara-orange-aperi-embedded-24.css ---------- */
.para-main /* ── Global BottleNexus button override ── */[data-component="button"] {background-color: rgba(255, 168, 0, 1) !important; color: #ffffff !important; border-radius: 12px !important; border: none !important; font-size: 14px !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; transition: background-color 0.2s !important;} .para-main [data-component="button"]:hover {background-color: rgba(50, 116, 132, 0.9) !important; color: #ffffff !important;}

/* ---------- products-paramour-cara-cara-orange-aperi-embedded-34.css ---------- */
/* Removed: a per-product background that the export inlined per page.
   Concatenated into one global stylesheet these three rules applied to every
   page at once and fought each other, so each product showed a different
   backdrop. The page background now comes from the theme settings. */
  

  @media (max-width: 700px) {
    body.template-product,
    body.template-product h1, body.template-product h2,
    body.template-product h3, body.template-product h4,
    body.template-product p, body.template-product span,
    body.template-product li, body.template-product a {
      color: #111111 !important;
    }
  }

  body.template-product main,
  body.template-product footer,
  body.template-product .gradient,
  body.template-product .page-container,
  body.template-product .shopify-section,
  body.template-product .global-content-wrapper,
  body.template-product .color-scheme-1,
  body.template-product .color-scheme-2 {
    background: transparent !important;
    background-color: transparent !important;
  }

  body.template-product,
  body.template-product a,
  body.template-product a:visited,
  body.template-product h1, body.template-product h2,
  body.template-product h3, body.template-product h4,
  body.template-product h5, body.template-product h6,
  body.template-product p, body.template-product span,
  body.template-product li, body.template-product small,
  body.template-product strong, body.template-product em {
    color: #fff !important;
  }
  /* Removed: a blanket lime !important override on every button, inlined
     per product page by the export and global once concatenated. Button
     colours come from the colour schemes and the per-section settings. */


/* ---------- products-paramour-lavender-yuzu-liqueur-embedded-33.css ---------- */
/* Removed: a per-product background that the export inlined per page.
   Concatenated into one global stylesheet these three rules applied to every
   page at once and fought each other, so each product showed a different
   backdrop. The page background now comes from the theme settings. */
  

  @media (max-width: 700px) {
    body.template-product,
    body.template-product h1, body.template-product h2,
    body.template-product h3, body.template-product h4,
    body.template-product p, body.template-product span,
    body.template-product li, body.template-product a {
      color: #111111 !important;
    }
  }

  body.template-product main,
  body.template-product footer,
  body.template-product .gradient,
  body.template-product .page-container,
  body.template-product .shopify-section,
  body.template-product .global-content-wrapper,
  body.template-product .color-scheme-1,
  body.template-product .color-scheme-2 {
    background: transparent !important;
    background-color: transparent !important;
  }

  body.template-product,
  body.template-product a,
  body.template-product a:visited,
  body.template-product h1, body.template-product h2,
  body.template-product h3, body.template-product h4,
  body.template-product h5, body.template-product h6,
  body.template-product p, body.template-product span,
  body.template-product li, body.template-product small,
  body.template-product strong, body.template-product em {
    color: #fff !important;
  }
  /* Removed: a blanket lime !important override on every button, inlined
     per product page by the export and global once concatenated. Button
     colours come from the colour schemes and the per-section settings. */


/* ---------- component-rating.css ---------- */
.rating{display:inline-block}.rating-star{--letter-spacing: .1;--font-size: 2.2}.rating-star{--percent: calc((var(--rating) / var(--rating-max) + var(--rating-decimal) * var(--font-size) / (var(--rating-max) * (var(--letter-spacing) + var(--font-size)))) * 100%);letter-spacing:calc(var(--letter-spacing) * 1rem);font-size:calc(var(--font-size) * 1rem);line-height:1;display:inline-block;font-family:Times;margin:0}.rating-star:before{content:"\2605\2605\2605\2605\2605";background-image:linear-gradient(90deg,var(--review-stars) var(--percent),rgba(0,0,0,.15) var(--percent));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.rating-text{display:none}.rating-count{display:inline-block;margin:0}.card .rating-count{display:none}@media(forced-colors:active){.rating{display:none}.rating-text{display:block}}

/* ---------- products-paramour-trio-embedded-24.css ---------- */
#section-template--20419518169282__featured_blog_tmxcjM {
    --tile-gap: 16px;
    --tile-radius: 4px;
    --overlay-bg: rgba(0,0,0,0.45);
  }

  /* ── Grid — 4 columns ── */
  #section-template--20419518169282__featured_blog_tmxcjM .blog-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--tile-gap);
  }
  @media (max-width: 900px) {
    #section-template--20419518169282__featured_blog_tmxcjM .blog-grid { grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 540px) {
    #section-template--20419518169282__featured_blog_tmxcjM .blog-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  }

  /* ── Tile wrapper ── */
  #section-template--20419518169282__featured_blog_tmxcjM .blog-tile-wrap {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  /* ── Tile — true square ── */
  #section-template--20419518169282__featured_blog_tmxcjM .blog-tile {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
    border-radius: var(--tile-radius);
    cursor: pointer;
    background: #e8e8e8;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-tile:hover {
    transform: scale(1.02);
    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
  }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-tile-inner {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-tile-inner img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
    transition: transform 0.4s ease;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-tile:hover .blog-tile-inner img {
    transform: scale(1.06);
  }

  /* ── Hover overlay ── */
  #section-template--20419518169282__featured_blog_tmxcjM .blog-tile-overlay {
    position: absolute;
    inset: 0;
    background: var(--overlay-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.25s ease;
    z-index: 2;
    padding: 12px;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-tile:hover .blog-tile-overlay {
    opacity: 1;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-tile-btn {
    font-family: inherit;
    font-size: 0.65rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: var(--buttons-radius, 0px);
    cursor: pointer;
    background: #fff;
    color: #111;
    border: 1.5px solid #fff;
    transition: background 0.2s, color 0.2s;
    white-space: nowrap;
    text-decoration: none;
    display: inline-block;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-tile-btn:hover {
    background: transparent;
    color: #fff;
  }

  /* ── Title below tile ── */
  #section-template--20419518169282__featured_blog_tmxcjM .blog-tile-title {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #111;
    line-height: 1.3;
    text-align: center;
    margin-top: 8px;
    padding: 0 4px;
  }

  /* ── Inline reader ── */
  #section-template--20419518169282__featured_blog_tmxcjM .blog-reader {
    display: none;
    background: #fff;
    border: 1px solid #eee;
    border-radius: var(--tile-radius);
    padding: 48px 56px;
    margin-top: 8px;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-reader.open {
    display: block;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 28px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-title {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.2;
    color: #111;
    margin: 0;
    flex: 1;
    padding-right: 32px;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-meta {
    text-align: right;
    flex-shrink: 0;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-label {
    font-size: 0.6rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    font-weight: 700;
    color: #999;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-date {
    font-size: 0.65rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 600;
    color: #111;
    margin-top: 3px;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-content {
    font-size: 1rem;
    line-height: 1.85;
    color: #222;
    max-width: 720px;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-content * {
    color: #222 !important;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-content p { margin: 0 0 18px; }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-content h2,
  #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-content h3 {
    font-size: 0.85rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 700;
    margin: 28px 0 10px;
    color: #111;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-content ul,
  #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-content ol {
    padding-left: 22px;
    margin: 0 0 18px;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-content li {
    margin-bottom: 6px;
    line-height: 1.7;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-content strong {
    font-weight: 700;
    color: #111;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-actions {
    display: flex;
    gap: 10px;
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid #eee;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-btn {
    font-family: inherit;
    font-size: 0.7rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 12px 24px;
    border-radius: var(--buttons-radius, 0px);
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    text-align: center;
    text-decoration: none;
    display: inline-block;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-btn--close {
    background: transparent;
    color: #111;
    border: 1.5px solid #111;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-btn--close:hover {
    background: #111;
    color: #fff;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-btn--read {
    background: #111;
    color: #fff !important;
    border: 1.5px solid #111;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-btn--read:hover {
    background: transparent;
    color: #111 !important;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-btn--print {
    background: #111;
    color: #fff;
    border: 1.5px solid #111;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-btn--print:hover {
    background: transparent;
    color: #111;
  }

  /* ── Font size toggle ── */
  #section-template--20419518169282__featured_blog_tmxcjM .font-size-toggle {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 24px;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .font-size-toggle-label {
    font-size: 0.6rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #999;
    margin-right: 4px;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .font-size-btn {
    background: transparent;
    border: 1.5px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    padding: 4px 10px;
    color: #111;
    transition: all 0.2s;
    line-height: 1;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .font-size-btn.active {
    background: #111;
    color: #fff;
    border-color: #111;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .font-size-btn:hover {
    border-color: #111;
  }
  #section-template--20419518169282__featured_blog_tmxcjM .font-size-btn--sm { font-size: 0.65rem; }
  #section-template--20419518169282__featured_blog_tmxcjM .font-size-btn--md { font-size: 0.8rem; }
  #section-template--20419518169282__featured_blog_tmxcjM .font-size-btn--lg { font-size: 1rem; }

  #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-content.fs-small { font-size: 0.85rem !important; }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-content.fs-medium { font-size: 1rem !important; }
  #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-content.fs-large { font-size: 1.25rem !important; line-height: 2 !important; }

  /* ── Mobile ── */
  @media (max-width: 640px) {
    #section-template--20419518169282__featured_blog_tmxcjM .blog-reader {
      padding: 28px 20px;
    }
    #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-header {
      flex-direction: column;
      gap: 12px;
    }
    #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-meta { text-align: left; }
    #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-title {
      font-size: 1.2rem;
      padding-right: 0;
    }
    #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-content {
      font-size: 1.05rem;
      line-height: 1.9;
    }
    #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-actions {
      flex-direction: column;
    }
    #section-template--20419518169282__featured_blog_tmxcjM .blog-reader-btn {
      text-align: center;
      width: 100%;
      padding: 14px 24px;
    }
  }

  /* ── Print ── */
  @media print {
    * { visibility: hidden !important; }
    .blog-print-area,
    .blog-print-area * {
      visibility: visible !important;
    }
    .blog-print-area {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      padding: 48px !important;
      background: #fff !important;
      color: #111 !important;
    }
    .blog-reader-actions { display: none !important; }
    .font-size-toggle { display: none !important; }
    .blog-reader-content * { color: #111 !important; }
  }

/* ---------- inline-styles.css ---------- */
/* Extracted from inline style="" attributes.
   Triple class selectors preserve the original inline-style precedence. */
.st-1.st-1.st-1 { --logo-width: 70px; --sm-logo-width: 130px; }
.st-2.st-2.st-2 { opacity: 0; display: none; }
.st-3.st-3.st-3 { font-size: 14px; font-family: 'Abel', sans-serif; letter-spacing: 0.12em; text-transform: uppercase; }
.st-4.st-4.st-4 { font-size: 14px; font-family: 'Abel', sans-serif; font-weight: 400; letter-spacing: 0.12em; text-transform: uppercase; }
.st-5.st-5.st-5 { height: 100dvh; }
.st-6.st-6.st-6 { display: grid; place-content: center; }
.st-7.st-7.st-7 { width: 15px; height: 15px; }
.st-8.st-8.st-8 { --pt: 24px; --pb: 0px; --sm-pt: 56px; --sm-pb: 40px; }
.st-9.st-9.st-9 { object-position: 50.0% 50.0%; }
.st-10.st-10.st-10 { width:100%; }
.st-11.st-11.st-11 { --mt: 0px; --sm-mt: 0px; }
.st-12.st-12.st-12 { --pt: 0px; --pb: 0px; --sm-pt: 0px; --sm-pb: 0px; --mt: 64px; --mb: 0px; --sm-mt: 0px; --sm-mb: 0px; }
.st-13.st-13.st-13 { animation-duration: 20s; animation-direction: reverse; --sliding-item-gap: 0px; --sm-sliding-item-gap: 0px; }
.st-14.st-14.st-14 { --pt: 0px; --pb: 0px; --sm-pt: 0px; --sm-pb: 0px; }
.st-15.st-15.st-15 { display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:40px 0 80px; }
.st-16.st-16.st-16 { --pt: 0px; --pb: 24px; --sm-pt: 16px; --sm-pb: 40px; }
.st-17.st-17.st-17 { --mt: 0px; --mb: 0px; --sm-mt: 0px; --sm-mb: 0px; }
.st-18.st-18.st-18 { --mt: 24px; --sm-mt: 24px; }
.st-19.st-19.st-19 { --pt: 0px; --pb: 0px; --sm-pt: 32px; --sm-pb: 24px; }
.st-20.st-20.st-20 { --pt: 40px; --pb: 40px; --sm-pt: 40px; --sm-pb: 40px; }
.st-21.st-21.st-21 { --pt: 0px; --pb: 24px; --sm-pt: 40px; --sm-pb: 40px; }
.st-22.st-22.st-22 { gap: 8px; }
.st-23.st-23.st-23 { fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1; }
.st-24.st-24.st-24 { stroke:black;stroke-opacity:0.07; }
.st-25.st-25.st-25 { fill:white;fill-opacity:1; }
.st-26.st-26.st-26 { fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1; }
.st-27.st-27.st-27 { fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1; }
.st-28.st-28.st-28 { fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1; }
.st-29.st-29.st-29 { fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1; }
.st-30.st-30.st-30 { fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1; }
.st-31.st-31.st-31 { fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1; }
.st-32.st-32.st-32 { fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1; }
.st-33.st-33.st-33 { gap:16px; }
.st-34.st-34.st-34 { background-image:var(--para-asset-9); }
.st-35.st-35.st-35 { --sm-br: 0px; }
.st-36.st-36.st-36 { --sm-p: 17px; --sm-br: 0px; }
.st-37.st-37.st-37 { --gap: 3px; --sm-gap: 14px; }
.st-38.st-38.st-38 { --gap: 3px; --sm-gap: 14px; --sm-br: 24px; }
.st-39.st-39.st-39 { background-color: rgba(0,0,0,0); }
.st-40.st-40.st-40 { margin-top: 8px; }
.st-41.st-41.st-41 { margin-top: 32px; }
.st-42.st-42.st-42 { --overlay-opacity: 0.35; }
.st-43.st-43.st-43 { --border-radius: 16px;; gap: 2.4rem; }
.st-44.st-44.st-44 { gap: 1.2rem; }
.st-45.st-45.st-45 { --pt: 24px; --pb: 24px; --sm-pt: 40px; --sm-pb: 40px; }
.st-46.st-46.st-46 { --gap: 0px; --sm-gap: 8px; }
.st-47.st-47.st-47 { background-image:var(--para-asset-12); }
.st-48.st-48.st-48 { --sm-p: 36px; --sm-br: 0px; }
.st-49.st-49.st-49 { --gap: 3px; --sm-gap: 14px; --sm-br: 12px; }
.st-50.st-50.st-50 { --gap: 0px; --sm-gap: 12px; }
.st-51.st-51.st-51 { background-image:var(--para-asset-13); }
.st-52.st-52.st-52 { --sm-br: 24px; }
.st-53.st-53.st-53 { --sm-p: 36px; --sm-br: 24px; }
.st-54.st-54.st-54 { margin-right: auto; margin-left: auto; }
.st-55.st-55.st-55 { --gap: 10px; --sm-gap: 10px; }
.st-56.st-56.st-56 { flex-wrap:nowrap; }
.st-57.st-57.st-57 { --sm-p: 0px; --sm-br: 0px; }
.st-58.st-58.st-58 { --gap: 3px; --sm-gap: 14px; --sm-br: 0px; }
.st-59.st-59.st-59 { margin-top: 28px; }
.st-60.st-60.st-60 { object-position: 47.2462% 59.5109%; }
.st-61.st-61.st-61 { --pt: 8px; --pb: 24px; --sm-pt: 24px; --sm-pb: 40px; }
.st-62.st-62.st-62 { --gap: 0px; --sm-gap: 24px; }
.st-63.st-63.st-63 { --pt: 24px; --pb: 24px; --sm-pt: 80px; --sm-pb: 40px; }
.st-64.st-64.st-64 { --rating: 5; --rating-max: 5; --rating-decimal: 0; }
.st-65.st-65.st-65 { object-position: 51.4407% 55.0507%; }
.st-66.st-66.st-66 { --pt: 48px; --pb: 48px; --sm-pt: 80px; --sm-pb: 80px; }
.st-67.st-67.st-67 { width:100%; margin-bottom: 24px; }
.st-68.st-68.st-68 { margin-top: 12px; }
.st-69.st-69.st-69 { margin-top: 20px; padding-top: 20px; border-top: 0.5px solid #111111; opacity: 0.5; }
.st-70.st-70.st-70 { font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 10px; }
.st-71.st-71.st-71 { font-size: 13px; font-weight: 300; }
.st-72.st-72.st-72 { --mt: 0px; --sm-mt: -10px; }
.st-73.st-73.st-73 { --pt: 40px; --pb: 40px; --sm-pt: 32px; --sm-pb: 160px; }
.st-74.st-74.st-74 { background-image: var(--para-asset-14); background-size: cover; background-position: center bottom; background-repeat: no-repeat; min-height: 600px; border-radius: 12px; }
.st-75.st-75.st-75 { --position: 50%; }
.st-76.st-76.st-76 { color: #ffffff; }
.st-77.st-77.st-77 { --mt: 4px; --sm-mt: 4px; }
.st-78.st-78.st-78 { --pt: 40px; --pb: 40px; --sm-pt: 0px; --sm-pb: 0px; }
.st-79.st-79.st-79 { gap:12px; }
.st-80.st-80.st-80 { padding-top: 0; }
.st-81.st-81.st-81 { gap:8px; }
.st-82.st-82.st-82 { cursor: pointer; }
.st-83.st-83.st-83 { --pt: 0px; --pb: 40px; --sm-pt: 0px; --sm-pb: 0px; }
.st-84.st-84.st-84 { margin-top:8px; }
.st-85.st-85.st-85 { margin-top:16px; }
.st-86.st-86.st-86 { object-position: 50% 50%; }
.st-87.st-87.st-87 { margin-top:36px; }
.st-88.st-88.st-88 { margin-top:24px; }
.st-89.st-89.st-89 { --pt: 40px; --pb: 40px; --sm-pt: 80px; --sm-pb: 80px; }
.st-90.st-90.st-90 { gap: 24px; }

/* ==========================================================================
   para-theme overrides — appended last so theme settings win over the
   values that were hard-coded in the original export.
   ========================================================================== */

/* ---------- Type scale driven by theme settings ---------- */
body {
  --font-size: calc(var(--para-body-size) * var(--para-body-scale, 1));
}
h1,
.h1 {
  --font-size: calc(var(--para-h1) * var(--para-heading-scale, 1));
}
h2,
.h2 {
  --font-size: calc(var(--para-h2) * var(--para-heading-scale, 1));
}
h3,
.h3 {
  --font-size: calc(var(--para-h3) * var(--para-heading-scale, 1));
}
h4,
.h4 {
  --font-size: calc(var(--para-h4) * var(--para-heading-scale, 1));
}
h5,
.h5 {
  --font-size: calc(var(--para-h5) * var(--para-heading-scale, 1));
}
h6,
.h6 {
  --font-size: calc(var(--para-h6) * var(--para-heading-scale, 1));
}
.caption {
  --font-size: calc(var(--para-body-size) * 0.8 * var(--para-body-scale, 1));
}

/* ---------- Page background ---------- */
body[data-para-background="all"],
body[data-para-background="home"][data-page-type="index"] {
  min-height: 100vh;
  background-attachment: var(--para-bg-attachment, fixed);
  background-image: var(--para-bg-desktop);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: var(--para-bg-size, cover);
}
@media only screen and (max-width: 767px) {
  body[data-para-background="all"],
  body[data-para-background="home"][data-page-type="index"] {
    background-image: var(--para-bg-mobile);
  }
}
body[data-para-background="all"] main,
body[data-para-background="all"] footer,
body[data-para-background="all"] .shopline-section,
body[data-para-background="home"][data-page-type="index"] main,
body[data-para-background="home"][data-page-type="index"] footer,
body[data-para-background="home"][data-page-type="index"] .shopline-section {
  background-color: transparent;
}

/* Home reads light over the artwork; inner pages read dark on white. */
body[data-page-type="index"] {
  color: var(--para-home-text);
}
body:not([data-page-type="index"]) {
  color: var(--para-inner-text);
  background-color: var(--para-inner-background);
}

/* ---------- Custom cursor ---------- */
@media (hover: hover) and (pointer: fine) {
  body[data-para-cursor="on"],
  body[data-para-cursor="on"] * {
    cursor: var(--para-cursor) 16 16, auto;
  }
  body[data-para-cursor="on"] a,
  body[data-para-cursor="on"] button,
  body[data-para-cursor="on"] [role="button"],
  body[data-para-cursor="on"] label[for],
  body[data-para-cursor="on"] select,
  body[data-para-cursor="on"] summary,
  body[data-para-cursor="on"] .btn,
  body[data-para-cursor="on"] .button {
    cursor: var(--para-cursor) 16 16, pointer;
  }
  body[data-para-cursor="on"] input,
  body[data-para-cursor="on"] textarea {
    cursor: text;
  }
}

/* ---------- Header sizing from settings ---------- */
.para-header .header-content {
  padding-block: var(--para-header-padding, 6px);
}
.para-header .site-logo:not(.--text) {
  width: var(--para-logo-width);
  min-width: var(--para-logo-width);
}

/* ---------- Responsive visibility (per-section editor setting) ---------- */
@media only screen and (max-width: 767px) {
  .para-show-desktop {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .para-show-mobile {
    display: none !important;
  }
}

/* ---------- Scroll animations (per-section editor setting) ---------- */
.para-anim-fade-in,
.para-anim-fade-up,
.para-anim-fade-left,
.para-anim-fade-right,
.para-anim-zoom {
  opacity: 0;
  transition:
    opacity 700ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
}
.para-anim-fade-up {
  transform: translateY(28px);
}
.para-anim-fade-left {
  transform: translateX(-28px);
}
.para-anim-fade-right {
  transform: translateX(28px);
}
.para-anim-zoom {
  transform: scale(0.96);
}
.para-anim-fade-in.para-in-view,
.para-anim-fade-up.para-in-view,
.para-anim-fade-left.para-in-view,
.para-anim-fade-right.para-in-view,
.para-anim-zoom.para-in-view {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .para-anim-fade-in,
  .para-anim-fade-up,
  .para-anim-fade-left,
  .para-anim-fade-right,
  .para-anim-zoom {
    opacity: 1;
    transition: none;
    transform: none;
  }
}

/* ---------- Sticky cart ---------- */
.para-sticky-cart {
  position: fixed;
  z-index: 70;
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  color: var(--color-foreground);
  background: var(--color-background);
  border-radius: 50%;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.22);
  transition:
    transform 250ms ease,
    opacity 250ms ease;
}
.para-sticky-cart:hover {
  transform: scale(1.06);
}
.para-sticky-cart--bottom-right {
  inset-block-end: 24px;
  inset-inline-end: 24px;
}
.para-sticky-cart--bottom-left {
  inset-block-end: 24px;
  inset-inline-start: 24px;
}
.para-sticky-cart--middle-right {
  inset-block-start: 50%;
  inset-inline-end: 24px;
  transform: translateY(-50%);
}
.para-sticky-cart[data-hide-until-scroll="true"] {
  pointer-events: none;
  opacity: 0;
}
.para-sticky-cart[data-hide-until-scroll="true"].is-visible {
  pointer-events: auto;
  opacity: 1;
}
.para-sticky-cart svg {
  width: 24px;
  height: 24px;
}

/* ---------- Age verification popup (Blockify app) ------------------------
   Age verification is owned by the store's age-verification app, not by the
   theme — the theme's own gate was removed so only one popup can ever show.
   The app renders `.age-verification-root` into the page with its geometry
   and colours as inline styles, so these overrides carry `!important`.

   Numbers below reproduce paramourbeverage.com's gate 1:1. There the panel is
   an 800x780 iframe with 20px padding, i.e. a 760x740 tinted area over a
   full-bleed cover photo, and the iframe document styles it as:
     body            background rgba(217,52,207,0.4); font-family Murecho
     img#image       max-width 100%; max-height 250px
     h1#title-text   2.0em / #fff / line-height 1 / padding-top 2%
     p#message-text  1.1em / #fff / line-height 1 / padding 3% 2% 1% 2%
     button          #8293f1 / #fff / 1.3em / padding 1.5% 6% / margin-top 10px
   The percentages are resolved against that 760px panel width. -------------- */
.age-verification-root #av-overlay-wrap {
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
.age-verification-root #av-overlay-form {
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 760px !important;
  max-width: calc(100% - 40px) !important;
  height: 740px !important;
  max-height: calc(100% - 40px) !important;
  padding: 0 !important;
  overflow: auto !important;
  font-family: Murecho, sans-serif !important;
  text-align: center !important;
  background-color: rgba(217, 52, 207, 0.4) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: translate(-50%, -50%) !important;
}
/* The reference logo is an inline <img>, so it carries ~5px of baseline
   descender space under it; the app lays its logo out with flex and does
   not. Add it back so the whole stack sits at the same height. */
.age-verification-root #av-overlay-form .logo-image {
  width: 100% !important;
  padding-bottom: 5px !important;
}
.age-verification-root #av-overlay-form .logo-image img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 250px !important;
  border-radius: 0 !important;
}
.age-verification-root #av-overlay-form .headline_text,
.age-verification-root #av-overlay-form #title-text {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  font-family: Murecho, sans-serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #ffffff !important;
}
.age-verification-root #av-overlay-form .headline_text {
  padding-top: 15.1875px !important;
}
.age-verification-root #av-overlay-form .subhead_text {
  width: 100% !important;
  padding: 22.7969px 15.1875px 7.59375px !important;
  margin: 0 !important;
  font-family: Murecho, sans-serif !important;
  font-size: 17.6px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  color: #ffffff !important;
}
.age-verification-root #av-overlay-form .av_date_submit_form {
  display: flex !important;
  gap: 3.8px !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
}
.age-verification-root #av-overlay-form .av_date_submit,
.age-verification-root #av-overlay-form .av_date_cancel {
  float: none !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}
.age-verification-root #av-overlay-form #av_submit_form,
.age-verification-root #av-overlay-form #av_cancel_form {
  display: inline-block !important;
  width: auto !important;
  padding: 11.3906px 45.5938px !important;
  margin-top: 10px !important;
  font-family: Murecho, sans-serif !important;
  font-size: 20.8px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  color: #ffffff !important;
  cursor: pointer !important;
  background-color: #8293f1 !important;
  border: 0 !important;
  border-radius: 0 !important;
}
.age-verification-root #av-overlay-form #av_submit_form:hover,
.age-verification-root #av-overlay-form #av_cancel_form:hover {
  opacity: 0.8 !important;
}
/* The app wraps the label in <span style="font-weight:bold"><font size="3">,
   both of which would otherwise re-set weight and size. */
.age-verification-root #av-overlay-form #av_submit_form span,
.age-verification-root #av-overlay-form #av_submit_form font,
.age-verification-root #av-overlay-form #av_cancel_form span,
.age-verification-root #av-overlay-form #av_cancel_form font {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
}

/* Reference breakpoints: 42em / 30em / 24em of the 800px panel. */
@media only screen and (max-width: 672px) {
  .age-verification-root #av-overlay-form .logo-image img {
    max-height: 190px !important;
  }
}
@media only screen and (max-width: 480px) {
  .age-verification-root #av-overlay-form .headline_text,
  .age-verification-root #av-overlay-form #title-text {
    font-size: 24px !important;
  }
  .age-verification-root #av-overlay-form .subhead_text {
    font-size: 12.8px !important;
  }
  .age-verification-root #av-overlay-form #av_submit_form,
  .age-verification-root #av-overlay-form #av_cancel_form {
    padding: 9px 30px !important;
    font-size: 16px !important;
  }
  .age-verification-root #av-overlay-form .logo-image img {
    max-height: 160px !important;
  }
}
@media only screen and (max-width: 384px) {
  .age-verification-root #av-overlay-form .headline_text,
  .age-verification-root #av-overlay-form #title-text {
    font-size: 17.6px !important;
  }
  .age-verification-root #av-overlay-form .logo-image img {
    max-height: 120px !important;
  }
}

/* ---------- Floating footer image ---------- */
.para-footer-float {
  position: fixed;
  inset-block-end: 0;
  z-index: 60;
  width: var(--para-float-width-mobile, 140px);
  pointer-events: none;
  opacity: 0;
  transition:
    transform 600ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 600ms ease;
  transform: translateY(100%);
}
.para-footer-float[data-position="right"] {
  inset-inline-end: 16px;
}
.para-footer-float[data-position="left"] {
  inset-inline-start: 16px;
}
.para-footer-float.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.para-footer-float img {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .para-footer-float {
    width: var(--para-float-width, 220px);
  }
  .para-footer-float[data-position="right"] {
    inset-inline-end: 40px;
  }
  .para-footer-float[data-position="left"] {
    inset-inline-start: 40px;
  }
}

/* ---------- Scroll lock shared by the popups ---------- */
.para-scroll-locked,
.para-scroll-locked body {
  overflow: hidden;
}

/* ---------- Floating image widths ---------- */
.para-fw-60{--para-float-width-mobile:60px}
.para-fw-80{--para-float-width-mobile:80px}
.para-fw-100{--para-float-width-mobile:100px}
.para-fw-120{--para-float-width-mobile:120px}
.para-fw-140{--para-float-width-mobile:140px}
.para-fw-160{--para-float-width-mobile:160px}
.para-fw-180{--para-float-width-mobile:180px}
.para-fw-200{--para-float-width-mobile:200px}
.para-fw-220{--para-float-width-mobile:220px}
.para-fw-240{--para-float-width-mobile:240px}
.para-fw-260{--para-float-width-mobile:260px}
.para-fw-280{--para-float-width-mobile:280px}
.para-fw-300{--para-float-width-mobile:300px}
.para-fw-320{--para-float-width-mobile:320px}
.para-fw-340{--para-float-width-mobile:340px}
.para-fw-360{--para-float-width-mobile:360px}
.para-fw-380{--para-float-width-mobile:380px}
.para-fw-400{--para-float-width-mobile:400px}
.para-fw-420{--para-float-width-mobile:420px}
.para-fw-440{--para-float-width-mobile:440px}
.para-fw-460{--para-float-width-mobile:460px}
.para-fw-480{--para-float-width-mobile:480px}
@media only screen and (min-width:768px){
.para-sm-fw-60{--para-float-width:60px}
.para-sm-fw-80{--para-float-width:80px}
.para-sm-fw-100{--para-float-width:100px}
.para-sm-fw-120{--para-float-width:120px}
.para-sm-fw-140{--para-float-width:140px}
.para-sm-fw-160{--para-float-width:160px}
.para-sm-fw-180{--para-float-width:180px}
.para-sm-fw-200{--para-float-width:200px}
.para-sm-fw-220{--para-float-width:220px}
.para-sm-fw-240{--para-float-width:240px}
.para-sm-fw-260{--para-float-width:260px}
.para-sm-fw-280{--para-float-width:280px}
.para-sm-fw-300{--para-float-width:300px}
.para-sm-fw-320{--para-float-width:320px}
.para-sm-fw-340{--para-float-width:340px}
.para-sm-fw-360{--para-float-width:360px}
.para-sm-fw-380{--para-float-width:380px}
.para-sm-fw-400{--para-float-width:400px}
.para-sm-fw-420{--para-float-width:420px}
.para-sm-fw-440{--para-float-width:440px}
.para-sm-fw-460{--para-float-width:460px}
.para-sm-fw-480{--para-float-width:480px}
}

/* ---------- Marquee (values from section settings) ---------- */
.para-sliding-text .sliding-text__container > * {
  animation: sliding-text 20s linear infinite;
}
.para-sliding-text[data-direction="reverse"] .sliding-text__container > * {
  animation-direction: reverse;
}
.para-sliding-text .sliding-award-img {
  display: block;
  width: auto;
  height: var(--para-marquee-height-mobile, 64px);
}
@media only screen and (min-width: 768px) {
  .para-sliding-text .sliding-award-img {
    height: var(--para-marquee-height, 96px);
  }
}
.para-mgap-0{--sliding-item-gap:0px;--sm-sliding-item-gap:0px}
.para-mgap-8{--sliding-item-gap:8px;--sm-sliding-item-gap:8px}
.para-mgap-16{--sliding-item-gap:16px;--sm-sliding-item-gap:16px}
.para-mgap-24{--sliding-item-gap:24px;--sm-sliding-item-gap:24px}
.para-mgap-32{--sliding-item-gap:32px;--sm-sliding-item-gap:32px}
.para-mgap-40{--sliding-item-gap:40px;--sm-sliding-item-gap:40px}
.para-mgap-48{--sliding-item-gap:48px;--sm-sliding-item-gap:48px}
.para-mgap-56{--sliding-item-gap:56px;--sm-sliding-item-gap:56px}
.para-mgap-64{--sliding-item-gap:64px;--sm-sliding-item-gap:64px}
.para-mgap-72{--sliding-item-gap:72px;--sm-sliding-item-gap:72px}
.para-mgap-80{--sliding-item-gap:80px;--sm-sliding-item-gap:80px}
.para-mgap-88{--sliding-item-gap:88px;--sm-sliding-item-gap:88px}
.para-mgap-96{--sliding-item-gap:96px;--sm-sliding-item-gap:96px}
.para-mgap-104{--sliding-item-gap:104px;--sm-sliding-item-gap:104px}
.para-mgap-112{--sliding-item-gap:112px;--sm-sliding-item-gap:112px}
.para-mgap-120{--sliding-item-gap:120px;--sm-sliding-item-gap:120px}
.para-mgap-128{--sliding-item-gap:128px;--sm-sliding-item-gap:128px}
.para-mgap-136{--sliding-item-gap:136px;--sm-sliding-item-gap:136px}
.para-mgap-144{--sliding-item-gap:144px;--sm-sliding-item-gap:144px}
.para-mgap-152{--sliding-item-gap:152px;--sm-sliding-item-gap:152px}
.para-mgap-160{--sliding-item-gap:160px;--sm-sliding-item-gap:160px}
.para-ih-24{--para-marquee-height-mobile:24px}
.para-ih-32{--para-marquee-height-mobile:32px}
.para-ih-40{--para-marquee-height-mobile:40px}
.para-ih-48{--para-marquee-height-mobile:48px}
.para-ih-56{--para-marquee-height-mobile:56px}
.para-ih-64{--para-marquee-height-mobile:64px}
.para-ih-72{--para-marquee-height-mobile:72px}
.para-ih-80{--para-marquee-height-mobile:80px}
.para-ih-88{--para-marquee-height-mobile:88px}
.para-ih-96{--para-marquee-height-mobile:96px}
.para-ih-104{--para-marquee-height-mobile:104px}
.para-ih-112{--para-marquee-height-mobile:112px}
.para-ih-120{--para-marquee-height-mobile:120px}
.para-ih-128{--para-marquee-height-mobile:128px}
.para-ih-136{--para-marquee-height-mobile:136px}
.para-ih-144{--para-marquee-height-mobile:144px}
.para-ih-152{--para-marquee-height-mobile:152px}
.para-ih-160{--para-marquee-height-mobile:160px}
.para-ih-168{--para-marquee-height-mobile:168px}
.para-ih-176{--para-marquee-height-mobile:176px}
.para-ih-184{--para-marquee-height-mobile:184px}
.para-ih-192{--para-marquee-height-mobile:192px}
.para-ih-200{--para-marquee-height-mobile:200px}
@media only screen and (min-width:768px){
.para-sm-ih-24{--para-marquee-height:24px}
.para-sm-ih-32{--para-marquee-height:32px}
.para-sm-ih-40{--para-marquee-height:40px}
.para-sm-ih-48{--para-marquee-height:48px}
.para-sm-ih-56{--para-marquee-height:56px}
.para-sm-ih-64{--para-marquee-height:64px}
.para-sm-ih-72{--para-marquee-height:72px}
.para-sm-ih-80{--para-marquee-height:80px}
.para-sm-ih-88{--para-marquee-height:88px}
.para-sm-ih-96{--para-marquee-height:96px}
.para-sm-ih-104{--para-marquee-height:104px}
.para-sm-ih-112{--para-marquee-height:112px}
.para-sm-ih-120{--para-marquee-height:120px}
.para-sm-ih-128{--para-marquee-height:128px}
.para-sm-ih-136{--para-marquee-height:136px}
.para-sm-ih-144{--para-marquee-height:144px}
.para-sm-ih-152{--para-marquee-height:152px}
.para-sm-ih-160{--para-marquee-height:160px}
.para-sm-ih-168{--para-marquee-height:168px}
.para-sm-ih-176{--para-marquee-height:176px}
.para-sm-ih-184{--para-marquee-height:184px}
.para-sm-ih-192{--para-marquee-height:192px}
.para-sm-ih-200{--para-marquee-height:200px}
}

/* ---------- editor utilities (generated) ---------- */
.para-pt-0{padding-block-start:0px}
.para-pb-0{padding-block-end:0px}
.para-pt-8{padding-block-start:8px}
.para-pb-8{padding-block-end:8px}
.para-pt-16{padding-block-start:16px}
.para-pb-16{padding-block-end:16px}
.para-pt-24{padding-block-start:24px}
.para-pb-24{padding-block-end:24px}
.para-pt-32{padding-block-start:32px}
.para-pb-32{padding-block-end:32px}
.para-pt-40{padding-block-start:40px}
.para-pb-40{padding-block-end:40px}
.para-pt-48{padding-block-start:48px}
.para-pb-48{padding-block-end:48px}
.para-pt-56{padding-block-start:56px}
.para-pb-56{padding-block-end:56px}
.para-pt-64{padding-block-start:64px}
.para-pb-64{padding-block-end:64px}
.para-pt-72{padding-block-start:72px}
.para-pb-72{padding-block-end:72px}
.para-pt-80{padding-block-start:80px}
.para-pb-80{padding-block-end:80px}
.para-pt-88{padding-block-start:88px}
.para-pb-88{padding-block-end:88px}
.para-pt-96{padding-block-start:96px}
.para-pb-96{padding-block-end:96px}
.para-pt-104{padding-block-start:104px}
.para-pb-104{padding-block-end:104px}
.para-pt-112{padding-block-start:112px}
.para-pb-112{padding-block-end:112px}
.para-pt-120{padding-block-start:120px}
.para-pb-120{padding-block-end:120px}
.para-pt-128{padding-block-start:128px}
.para-pb-128{padding-block-end:128px}
.para-pt-136{padding-block-start:136px}
.para-pb-136{padding-block-end:136px}
.para-pt-144{padding-block-start:144px}
.para-pb-144{padding-block-end:144px}
.para-pt-152{padding-block-start:152px}
.para-pb-152{padding-block-end:152px}
.para-pt-160{padding-block-start:160px}
.para-pb-160{padding-block-end:160px}
.para-pt-168{padding-block-start:168px}
.para-pb-168{padding-block-end:168px}
.para-pt-176{padding-block-start:176px}
.para-pb-176{padding-block-end:176px}
.para-pt-184{padding-block-start:184px}
.para-pb-184{padding-block-end:184px}
.para-pt-192{padding-block-start:192px}
.para-pb-192{padding-block-end:192px}
.para-pt-200{padding-block-start:200px}
.para-pb-200{padding-block-end:200px}
@media only screen and (min-width:768px){
.para-sm-pt-0{padding-block-start:0px}
.para-sm-pb-0{padding-block-end:0px}
.para-sm-pt-8{padding-block-start:8px}
.para-sm-pb-8{padding-block-end:8px}
.para-sm-pt-16{padding-block-start:16px}
.para-sm-pb-16{padding-block-end:16px}
.para-sm-pt-24{padding-block-start:24px}
.para-sm-pb-24{padding-block-end:24px}
.para-sm-pt-32{padding-block-start:32px}
.para-sm-pb-32{padding-block-end:32px}
.para-sm-pt-40{padding-block-start:40px}
.para-sm-pb-40{padding-block-end:40px}
.para-sm-pt-48{padding-block-start:48px}
.para-sm-pb-48{padding-block-end:48px}
.para-sm-pt-56{padding-block-start:56px}
.para-sm-pb-56{padding-block-end:56px}
.para-sm-pt-64{padding-block-start:64px}
.para-sm-pb-64{padding-block-end:64px}
.para-sm-pt-72{padding-block-start:72px}
.para-sm-pb-72{padding-block-end:72px}
.para-sm-pt-80{padding-block-start:80px}
.para-sm-pb-80{padding-block-end:80px}
.para-sm-pt-88{padding-block-start:88px}
.para-sm-pb-88{padding-block-end:88px}
.para-sm-pt-96{padding-block-start:96px}
.para-sm-pb-96{padding-block-end:96px}
.para-sm-pt-104{padding-block-start:104px}
.para-sm-pb-104{padding-block-end:104px}
.para-sm-pt-112{padding-block-start:112px}
.para-sm-pb-112{padding-block-end:112px}
.para-sm-pt-120{padding-block-start:120px}
.para-sm-pb-120{padding-block-end:120px}
.para-sm-pt-128{padding-block-start:128px}
.para-sm-pb-128{padding-block-end:128px}
.para-sm-pt-136{padding-block-start:136px}
.para-sm-pb-136{padding-block-end:136px}
.para-sm-pt-144{padding-block-start:144px}
.para-sm-pb-144{padding-block-end:144px}
.para-sm-pt-152{padding-block-start:152px}
.para-sm-pb-152{padding-block-end:152px}
.para-sm-pt-160{padding-block-start:160px}
.para-sm-pb-160{padding-block-end:160px}
.para-sm-pt-168{padding-block-start:168px}
.para-sm-pb-168{padding-block-end:168px}
.para-sm-pt-176{padding-block-start:176px}
.para-sm-pb-176{padding-block-end:176px}
.para-sm-pt-184{padding-block-start:184px}
.para-sm-pb-184{padding-block-end:184px}
.para-sm-pt-192{padding-block-start:192px}
.para-sm-pb-192{padding-block-end:192px}
.para-sm-pt-200{padding-block-start:200px}
.para-sm-pb-200{padding-block-end:200px}
}
.para-gap-0{gap:0px}
.para-gap-4{gap:4px}
.para-gap-8{gap:8px}
.para-gap-12{gap:12px}
.para-gap-16{gap:16px}
.para-gap-20{gap:20px}
.para-gap-24{gap:24px}
.para-gap-28{gap:28px}
.para-gap-32{gap:32px}
.para-gap-36{gap:36px}
.para-gap-40{gap:40px}
.para-gap-44{gap:44px}
.para-gap-48{gap:48px}
.para-gap-52{gap:52px}
.para-gap-56{gap:56px}
.para-gap-60{gap:60px}
.para-gap-64{gap:64px}
.para-gap-68{gap:68px}
.para-gap-72{gap:72px}
.para-gap-76{gap:76px}
.para-gap-80{gap:80px}
@media only screen and (min-width:768px){
.para-sm-gap-0{gap:0px}
.para-sm-gap-4{gap:4px}
.para-sm-gap-8{gap:8px}
.para-sm-gap-12{gap:12px}
.para-sm-gap-16{gap:16px}
.para-sm-gap-20{gap:20px}
.para-sm-gap-24{gap:24px}
.para-sm-gap-28{gap:28px}
.para-sm-gap-32{gap:32px}
.para-sm-gap-36{gap:36px}
.para-sm-gap-40{gap:40px}
.para-sm-gap-44{gap:44px}
.para-sm-gap-48{gap:48px}
.para-sm-gap-52{gap:52px}
.para-sm-gap-56{gap:56px}
.para-sm-gap-60{gap:60px}
.para-sm-gap-64{gap:64px}
.para-sm-gap-68{gap:68px}
.para-sm-gap-72{gap:72px}
.para-sm-gap-76{gap:76px}
.para-sm-gap-80{gap:80px}
}
.para-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.para-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.para-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.para-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.para-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.para-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.para-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}
.para-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}
@media only screen and (min-width:768px){
.para-sm-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.para-sm-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.para-sm-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.para-sm-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.para-sm-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.para-sm-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.para-sm-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}
.para-sm-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}
}
.para-h-200{min-height:200px}
.para-h-220{min-height:220px}
.para-h-240{min-height:240px}
.para-h-260{min-height:260px}
.para-h-280{min-height:280px}
.para-h-300{min-height:300px}
.para-h-320{min-height:320px}
.para-h-340{min-height:340px}
.para-h-360{min-height:360px}
.para-h-380{min-height:380px}
.para-h-400{min-height:400px}
.para-h-420{min-height:420px}
.para-h-440{min-height:440px}
.para-h-460{min-height:460px}
.para-h-480{min-height:480px}
.para-h-500{min-height:500px}
.para-h-520{min-height:520px}
.para-h-540{min-height:540px}
.para-h-560{min-height:560px}
.para-h-580{min-height:580px}
.para-h-600{min-height:600px}
.para-h-620{min-height:620px}
.para-h-640{min-height:640px}
.para-h-660{min-height:660px}
.para-h-680{min-height:680px}
.para-h-700{min-height:700px}
.para-h-720{min-height:720px}
.para-h-740{min-height:740px}
.para-h-760{min-height:760px}
.para-h-780{min-height:780px}
.para-h-800{min-height:800px}
.para-h-820{min-height:820px}
.para-h-840{min-height:840px}
.para-h-860{min-height:860px}
.para-h-880{min-height:880px}
.para-h-900{min-height:900px}
.para-h-920{min-height:920px}
.para-h-940{min-height:940px}
.para-h-960{min-height:960px}
.para-h-980{min-height:980px}
.para-h-1000{min-height:1000px}
.para-h-1020{min-height:1020px}
.para-h-1040{min-height:1040px}
.para-h-1060{min-height:1060px}
.para-h-1080{min-height:1080px}
.para-h-1100{min-height:1100px}
.para-h-1120{min-height:1120px}
.para-h-1140{min-height:1140px}
.para-h-1160{min-height:1160px}
.para-h-1180{min-height:1180px}
.para-h-1200{min-height:1200px}
@media only screen and (min-width:768px){
.para-sm-h-200{min-height:200px}
.para-sm-h-220{min-height:220px}
.para-sm-h-240{min-height:240px}
.para-sm-h-260{min-height:260px}
.para-sm-h-280{min-height:280px}
.para-sm-h-300{min-height:300px}
.para-sm-h-320{min-height:320px}
.para-sm-h-340{min-height:340px}
.para-sm-h-360{min-height:360px}
.para-sm-h-380{min-height:380px}
.para-sm-h-400{min-height:400px}
.para-sm-h-420{min-height:420px}
.para-sm-h-440{min-height:440px}
.para-sm-h-460{min-height:460px}
.para-sm-h-480{min-height:480px}
.para-sm-h-500{min-height:500px}
.para-sm-h-520{min-height:520px}
.para-sm-h-540{min-height:540px}
.para-sm-h-560{min-height:560px}
.para-sm-h-580{min-height:580px}
.para-sm-h-600{min-height:600px}
.para-sm-h-620{min-height:620px}
.para-sm-h-640{min-height:640px}
.para-sm-h-660{min-height:660px}
.para-sm-h-680{min-height:680px}
.para-sm-h-700{min-height:700px}
.para-sm-h-720{min-height:720px}
.para-sm-h-740{min-height:740px}
.para-sm-h-760{min-height:760px}
.para-sm-h-780{min-height:780px}
.para-sm-h-800{min-height:800px}
.para-sm-h-820{min-height:820px}
.para-sm-h-840{min-height:840px}
.para-sm-h-860{min-height:860px}
.para-sm-h-880{min-height:880px}
.para-sm-h-900{min-height:900px}
.para-sm-h-920{min-height:920px}
.para-sm-h-940{min-height:940px}
.para-sm-h-960{min-height:960px}
.para-sm-h-980{min-height:980px}
.para-sm-h-1000{min-height:1000px}
.para-sm-h-1020{min-height:1020px}
.para-sm-h-1040{min-height:1040px}
.para-sm-h-1060{min-height:1060px}
.para-sm-h-1080{min-height:1080px}
.para-sm-h-1100{min-height:1100px}
.para-sm-h-1120{min-height:1120px}
.para-sm-h-1140{min-height:1140px}
.para-sm-h-1160{min-height:1160px}
.para-sm-h-1180{min-height:1180px}
.para-sm-h-1200{min-height:1200px}
}
.para-w-200{max-width:200px}
.para-w-240{max-width:240px}
.para-w-280{max-width:280px}
.para-w-320{max-width:320px}
.para-w-360{max-width:360px}
.para-w-400{max-width:400px}
.para-w-440{max-width:440px}
.para-w-480{max-width:480px}
.para-w-520{max-width:520px}
.para-w-560{max-width:560px}
.para-w-600{max-width:600px}
.para-w-640{max-width:640px}
.para-w-680{max-width:680px}
.para-w-720{max-width:720px}
.para-w-760{max-width:760px}
.para-w-800{max-width:800px}
.para-w-840{max-width:840px}
.para-w-880{max-width:880px}
.para-w-920{max-width:920px}
.para-w-960{max-width:960px}
.para-w-1000{max-width:1000px}
.para-w-1040{max-width:1040px}
.para-w-1080{max-width:1080px}
.para-w-1120{max-width:1120px}
.para-w-1160{max-width:1160px}
.para-w-1200{max-width:1200px}
.para-w-1240{max-width:1240px}
.para-w-1280{max-width:1280px}
.para-w-1320{max-width:1320px}
.para-w-1360{max-width:1360px}
.para-w-1400{max-width:1400px}
.para-w-1440{max-width:1440px}
.para-w-1480{max-width:1480px}
.para-w-1520{max-width:1520px}
.para-w-1560{max-width:1560px}
.para-w-1600{max-width:1600px}
.para-opacity-0{opacity:0.0}
.para-opacity-5{opacity:0.05}
.para-opacity-10{opacity:0.1}
.para-opacity-15{opacity:0.15}
.para-opacity-20{opacity:0.2}
.para-opacity-25{opacity:0.25}
.para-opacity-30{opacity:0.3}
.para-opacity-35{opacity:0.35}
.para-opacity-40{opacity:0.4}
.para-opacity-45{opacity:0.45}
.para-opacity-50{opacity:0.5}
.para-opacity-55{opacity:0.55}
.para-opacity-60{opacity:0.6}
.para-opacity-65{opacity:0.65}
.para-opacity-70{opacity:0.7}
.para-opacity-75{opacity:0.75}
.para-opacity-80{opacity:0.8}
.para-opacity-85{opacity:0.85}
.para-opacity-90{opacity:0.9}
.para-opacity-95{opacity:0.95}
.para-opacity-100{opacity:1.0}
.para-fs-10{font-size:calc(10px * var(--para-body-scale,1))}
.para-fs-12{font-size:calc(12px * var(--para-body-scale,1))}
.para-fs-14{font-size:calc(14px * var(--para-body-scale,1))}
.para-fs-16{font-size:calc(16px * var(--para-body-scale,1))}
.para-fs-18{font-size:calc(18px * var(--para-body-scale,1))}
.para-fs-20{font-size:calc(20px * var(--para-body-scale,1))}
.para-fs-22{font-size:calc(22px * var(--para-body-scale,1))}
.para-fs-24{font-size:calc(24px * var(--para-body-scale,1))}
.para-fs-26{font-size:calc(26px * var(--para-body-scale,1))}
.para-fs-28{font-size:calc(28px * var(--para-body-scale,1))}
.para-fs-30{font-size:calc(30px * var(--para-body-scale,1))}
.para-fs-32{font-size:calc(32px * var(--para-body-scale,1))}
.para-fs-34{font-size:calc(34px * var(--para-body-scale,1))}
.para-fs-36{font-size:calc(36px * var(--para-body-scale,1))}
.para-fs-38{font-size:calc(38px * var(--para-body-scale,1))}
.para-fs-40{font-size:calc(40px * var(--para-body-scale,1))}
.para-fs-42{font-size:calc(42px * var(--para-body-scale,1))}
.para-fs-44{font-size:calc(44px * var(--para-body-scale,1))}
.para-fs-46{font-size:calc(46px * var(--para-body-scale,1))}
.para-fs-48{font-size:calc(48px * var(--para-body-scale,1))}
.para-fs-50{font-size:calc(50px * var(--para-body-scale,1))}
.para-fs-52{font-size:calc(52px * var(--para-body-scale,1))}
.para-fs-54{font-size:calc(54px * var(--para-body-scale,1))}
.para-fs-56{font-size:calc(56px * var(--para-body-scale,1))}
.para-fs-58{font-size:calc(58px * var(--para-body-scale,1))}
.para-fs-60{font-size:calc(60px * var(--para-body-scale,1))}
.para-fs-62{font-size:calc(62px * var(--para-body-scale,1))}
.para-fs-64{font-size:calc(64px * var(--para-body-scale,1))}
.para-fs-66{font-size:calc(66px * var(--para-body-scale,1))}
.para-fs-68{font-size:calc(68px * var(--para-body-scale,1))}
.para-fs-70{font-size:calc(70px * var(--para-body-scale,1))}
.para-fs-72{font-size:calc(72px * var(--para-body-scale,1))}
.para-fs-74{font-size:calc(74px * var(--para-body-scale,1))}
.para-fs-76{font-size:calc(76px * var(--para-body-scale,1))}
.para-fs-78{font-size:calc(78px * var(--para-body-scale,1))}
.para-fs-80{font-size:calc(80px * var(--para-body-scale,1))}
.para-fs-82{font-size:calc(82px * var(--para-body-scale,1))}
.para-fs-84{font-size:calc(84px * var(--para-body-scale,1))}
.para-fs-86{font-size:calc(86px * var(--para-body-scale,1))}
.para-fs-88{font-size:calc(88px * var(--para-body-scale,1))}
.para-fs-90{font-size:calc(90px * var(--para-body-scale,1))}
.para-fs-92{font-size:calc(92px * var(--para-body-scale,1))}
.para-fs-94{font-size:calc(94px * var(--para-body-scale,1))}
.para-fs-96{font-size:calc(96px * var(--para-body-scale,1))}
.para-speed-5 .sliding-item,.para-speed-5 .para-marquee__track{animation-duration:5s}
.para-speed-10 .sliding-item,.para-speed-10 .para-marquee__track{animation-duration:10s}
.para-speed-15 .sliding-item,.para-speed-15 .para-marquee__track{animation-duration:15s}
.para-speed-20 .sliding-item,.para-speed-20 .para-marquee__track{animation-duration:20s}
.para-speed-25 .sliding-item,.para-speed-25 .para-marquee__track{animation-duration:25s}
.para-speed-30 .sliding-item,.para-speed-30 .para-marquee__track{animation-duration:30s}
.para-speed-35 .sliding-item,.para-speed-35 .para-marquee__track{animation-duration:35s}
.para-speed-40 .sliding-item,.para-speed-40 .para-marquee__track{animation-duration:40s}
.para-speed-45 .sliding-item,.para-speed-45 .para-marquee__track{animation-duration:45s}
.para-speed-50 .sliding-item,.para-speed-50 .para-marquee__track{animation-duration:50s}
.para-speed-55 .sliding-item,.para-speed-55 .para-marquee__track{animation-duration:55s}
.para-speed-60 .sliding-item,.para-speed-60 .para-marquee__track{animation-duration:60s}
.para-speed-65 .sliding-item,.para-speed-65 .para-marquee__track{animation-duration:65s}
.para-speed-70 .sliding-item,.para-speed-70 .para-marquee__track{animation-duration:70s}
.para-speed-75 .sliding-item,.para-speed-75 .para-marquee__track{animation-duration:75s}
.para-speed-80 .sliding-item,.para-speed-80 .para-marquee__track{animation-duration:80s}
.para-speed-85 .sliding-item,.para-speed-85 .para-marquee__track{animation-duration:85s}
.para-speed-90 .sliding-item,.para-speed-90 .para-marquee__track{animation-duration:90s}
.para-speed-95 .sliding-item,.para-speed-95 .para-marquee__track{animation-duration:95s}
.para-speed-100 .sliding-item,.para-speed-100 .para-marquee__track{animation-duration:100s}
.para-speed-105 .sliding-item,.para-speed-105 .para-marquee__track{animation-duration:105s}
.para-speed-110 .sliding-item,.para-speed-110 .para-marquee__track{animation-duration:110s}
.para-speed-115 .sliding-item,.para-speed-115 .para-marquee__track{animation-duration:115s}
.para-speed-120 .sliding-item,.para-speed-120 .para-marquee__track{animation-duration:120s}
.para-text-left{text-align:left}
.para-text-center{text-align:center}
.para-text-right{text-align:right}
@media only screen and (min-width:768px){
.para-sm-text-left{text-align:left}
.para-sm-text-center{text-align:center}
.para-sm-text-right{text-align:right}
}
/* ==========================================================================
   para-theme — SHOPLINE fixes layered over the compiled export CSS.
   Everything below is authored for this theme; the blocks above are the
   verbatim export stylesheets and should not be edited by hand.
   ========================================================================== */

/* ---------- Marquee ----------------------------------------------------
   section-sliding-text.css pauses the strip whenever ANY ancestor div is
   missing `.section-in-view`, a class the export's own script put on a
   wrapper this theme does not have. base/theme.js now adds it, but keep a
   belt-and-braces override so the strip can never sit frozen, and restore
   pause-on-hover as an opt-in instead. */
/* The export's pause rule is
   `html:not(.theme-editor) div:not(.section-in-view) .sliding-text .sliding-text__container > *`
   at !important and 0-4-2, so the override has to out-specify it. Repeating
   the class is how the export itself raises specificity elsewhere. */
.para-sliding-text.para-sliding-text.para-sliding-text
  .sliding-text__container.sliding-text__container
  > * {
  animation-play-state: running !important;
}
.para-sliding-text.para-sliding-text.para-sliding-text
  .sliding-text__container.sliding-text__container.pause-on-hover:hover
  > * {
  animation-play-state: paused !important;
}
/* With a short block list the track can be narrower than the viewport, which
   shows a gap once it has translated by its own width. */
.para-sliding-text .sliding-item {
  min-width: 100vw;
  justify-content: space-around;
}

/* ---------- Buttons ----------------------------------------------------
   critical.css stretches every `.btn` inside a `.btn-group` to 100%. The live
   site's "READ OUR BLOG" / "FIND US" / "SHOP NOW" buttons are not in a
   btn-group, so they hug their text. Restore that, and take the alignment
   from the flex container rather than text-align. */
.para-btn-group {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.para-btn-group.para-text-left {
  justify-content: flex-start;
}
.para-btn-group.para-text-center {
  justify-content: center;
}
.para-btn-group.para-text-right {
  justify-content: flex-end;
}
/* Default to hugging the text — that is what the live site does — and let
   "Full width" opt back in. Keyed off the group so it beats
   `.btn-group .btn { width: 100% }` from critical.css. */
.para-btn-group .btn {
  width: auto;
  flex: 0 0 auto;
}
.para-btn-group.para-btn-full .btn {
  width: 100%;
  flex: 1 1 100%;
}

/* ---------- Product trio buy button ------------------------------------
   Matches the Bottle Nexus button the live site renders: amber fill, white
   uppercase label, 12px radius, 160px wide, teal on hover. The values come
   from the block's own settings so they stay editable. */
.pmr3-buybutton {
  padding: 4px 0 16px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
}
.pmr3-buybutton form,
.pmr3-buybutton theme-product-form {
  display: block;
  width: var(--pmr3-buy-width, 160px);
  max-width: 100%;
}
.pmr3-buy-btn {
  width: 100%;
  min-height: 44px;
  padding: 0.6em 1.4em;
  border: none !important;
  border-radius: var(--pmr3-buy-radius, 12px) !important;
  background-color: var(--pmr3-buy-bg, #ffa800) !important;
  color: var(--pmr3-buy-fg, #ffffff) !important;
  font-family: var(--font-button-family);
  font-size: var(--pmr3-buy-size, 14px);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.pmr3-buy-btn:not([disabled]):not(.disabled):hover {
  background-color: var(--pmr3-buy-bg-hover, #327484) !important;
  color: var(--pmr3-buy-fg-hover, #ffffff) !important;
  box-shadow: none;
}
.pmr3-buybutton .form__error-message {
  margin-block-end: 8px;
}

/* ---------- Footer -----------------------------------------------------
   reset.css strips the list styling, so without an explicit flex container
   each social icon lands on its own line. */
.footer-social ul {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-social li {
  display: block;
  flex: 0 0 auto;
}
.footer-social a {
  display: grid;
  place-content: center;
  min-width: 40px;
  min-height: 40px;
  color: var(--color-foreground);
}
.footer-social a svg {
  width: 26px;
  height: 26px;
  display: block;
}
.footer-payment ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.text-align-center .footer-social ul,
.text-align-center .footer-payment ul {
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .md-text-align-left .footer-social ul,
  .md-text-align-left .footer-payment ul {
    justify-content: flex-start;
  }
}

/* ---------- Sticky cart ------------------------------------------------
   The live site shows a fixed tab on the right edge, vertically centred:
   amber panel, item count stacked above the bag icon, rounded on the inner
   side only. Clicking it opens the cart drawer, so the whole tab is the
   cart-bubble's hit area — that element carries the open-cart handler. */
.para-sticky-cart {
  width: auto;
  height: auto;
  min-width: 52px;
  padding: 10px 12px;
  gap: 2px;
  cursor: pointer;
  text-decoration: none;
  color: var(--para-sticky-fg, #ffffff);
  background: var(--para-sticky-bg, #ffa800);
  border-radius: var(--para-sticky-radius, 10px) 0 0 var(--para-sticky-radius, 10px);
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.22);
}
.para-sticky-cart--middle-right {
  inset-block-start: 50%;
  inset-inline-end: 0;
  transform: translateY(-50%);
}
.para-sticky-cart--middle-right:hover {
  transform: translateY(-50%) scale(1.04);
}
.para-sticky-cart--bottom-right,
.para-sticky-cart--bottom-left {
  border-radius: var(--para-sticky-radius, 10px);
}
.para-sticky-cart theme-cart-bubble {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  gap: 2px;
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
}
.para-sticky-cart svg {
  width: 24px;
  height: 24px;
  color: var(--para-sticky-fg, #ffffff);
}
.para-sticky-cart svg path,
.para-sticky-cart svg polyline,
.para-sticky-cart svg circle,
.para-sticky-cart svg line {
  stroke: var(--para-sticky-fg, #ffffff) !important;
  fill: none !important;
}
/* Count sits above the icon rather than as a corner blip. */
.para-sticky-cart .cart-bubble__count {
  position: static !important;
  min-width: 0;
  padding: 0;
  background: none !important;
  color: var(--para-sticky-fg, #ffffff) !important;
  font-family: var(--font-button-family);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
.para-sticky-cart .cart-bubble__count:empty {
  display: none;
}
.para-sticky-cart__label {
  white-space: nowrap;
  line-height: 1;
  font-family: var(--font-button-family);
  font-size: var(--font-button-size, 14px);
  letter-spacing: var(--font-button-letter-spacing);
  text-transform: var(--font-button-text-transform);
}
.para-sticky-cart--labelled {
  flex-direction: row;
  gap: 8px;
  padding: 12px 18px;
}
@media only screen and (max-width: 767px) {
  .para-sticky-cart {
    min-width: 46px;
    padding: 8px 10px;
  }
  .para-sticky-cart svg {
    width: 20px;
    height: 20px;
  }
}

/* ---------- Newsletter -------------------------------------------------
   Split card: image on the left, gradient form panel on the right, matching
   the live sign-up box. Everything below is driven by section settings. */
.para-newsletter .newsletter-card {
  max-width: var(--pmr-nl-card-width, 1000px);
  margin: 0 auto;
  border-radius: var(--pmr-nl-card-radius, 0px);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
}
.para-newsletter--split .newsletter-card {
  grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 767px) {
  .para-newsletter--split .newsletter-card {
    grid-template-columns: 1fr;
  }
}
.newsletter-card__media {
  position: relative;
  min-height: 100%;
}
.newsletter-card__media,
.newsletter-card__media img {
  border-radius: 0 !important;
}
.newsletter-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.newsletter-card__panel--image {
  background-image: var(--pmr-nl-panel-image);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.newsletter-card__panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  padding: 48px 32px;
  color: var(--pmr-nl-text, #ffffff);
  background: linear-gradient(180deg, var(--pmr-nl-panel-from, #cfe3ee), var(--pmr-nl-panel-to, #afcedd));
}
@media only screen and (max-width: 767px) {
  .newsletter-card__panel {
    padding: 32px 20px;
  }
}
.newsletter-card__panel.para-text-center {
  align-items: center;
  text-align: center;
}
.newsletter-card__panel.para-text-left {
  align-items: flex-start;
  text-align: left;
}
.newsletter-card__panel.para-text-right {
  align-items: flex-end;
  text-align: right;
}
.para-newsletter .newsletter__subheading {
  margin: 0;
  font-family: var(--font-subheader-family);
  letter-spacing: var(--font-subheader-letter-spacing);
  text-transform: var(--font-subheader-text-transform);
  color: inherit;
  opacity: 0.9;
}
.para-newsletter .newsletter__heading {
  margin: 0;
  font-size: clamp(26px, 3.4vw, 38px);
  line-height: 1.15;
  text-transform: uppercase;
  color: inherit;
}
.para-newsletter .newsletter__text {
  margin: 0;
  max-width: 42ch;
  color: inherit;
}
.para-newsletter .newsletter__text p {
  margin: 0;
  color: inherit;
}
.para-newsletter .newsletter__form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  max-width: 100%;
  margin-top: 6px;
}
.para-newsletter .newsletter__field {
  width: 100%;
}
.para-newsletter .newsletter__field .field__inner {
  display: block;
  width: 100%;
}
.para-newsletter .newsletter__field .field__input {
  width: 100%;
  height: 60px;
  min-height: 60px;
  padding: 0 20px;
  font-size: 17px;
  border: 1px solid var(--pmr-nl-field-border, #ffffff);
  border-radius: 6px;
  background-color: var(--pmr-nl-field-bg, #ffffff);
  color: var(--pmr-nl-field-fg, #111111);
  font-family: var(--font-body-family);
  font-size: 16px;
}
.para-newsletter .newsletter__field .field__label {
  display: none;
}
.para-newsletter .newsletter__button {
  width: 100%;
  height: 60px;
  min-height: 60px;
  padding: 0 24px;
  border: none !important;
  border-radius: var(--pmr-nl-radius, 999px) !important;
  background-color: var(--pmr-nl-bg, #000000) !important;
  color: var(--pmr-nl-fg, #ffffff) !important;
  font-family: var(--font-button-family);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition: background-color 0.2s ease-in-out;
}
.para-newsletter .newsletter__button:hover {
  background-color: var(--pmr-nl-bg-hover, #327484) !important;
  box-shadow: none;
}
.para-newsletter .newsletter__dismiss {
  margin-top: 2px;
  background: none;
  border: none;
  cursor: pointer;
  font-family: var(--font-button-family);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #111111;
}
.para-newsletter .newsletter__dismiss:hover {
  text-decoration: underline;
}
.para-newsletter .newsletter__note,
.para-newsletter .newsletter__disclaimer {
  margin: 0;
  color: inherit;
}

/* ---------- Product detail layout -------------------------------------
   The live page puts the quantity stepper and the buy button on one row and
   drops the "Quantity" label, and gives the thumbnails real breathing room. */
[data-para-inline-buy] .pdp-content .product-block__quantity,
[data-para-inline-buy] .pdp-content .product-block__buy-buttons {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
[data-para-inline-buy] .pdp-content .product-block__quantity {
  margin-right: 12px;
}
[data-para-inline-buy] .pdp-content .product-block__quantity .field__label {
  display: none;
}
[data-para-inline-buy] .pdp-content .product-block__buy-buttons {
  min-width: 220px;
}
[data-para-inline-buy] .pdp-content .product-block__quantity .quantity-input {
  border-radius: 8px;
  background: #ffffff;
}
.para-main .product-thumbnails-slider .gridy-track {
  gap: var(--pdp-thumb-gap, 12px);
}
.para-main .media-sliders {
  --gap: var(--pdp-thumb-gap, 12px);
  --sm-gap: var(--pdp-thumb-gap, 12px);
}
.para-main .thumbnail-btn figure {
  border-radius: 10px;
  overflow: hidden;
}

/* ---------- Drawer menu ------------------------------------------------
   component-drawers.css already styles the panel and overlay correctly; the
   only thing that was missing is the `html.js` class, which layout/theme.html
   now sets before the first paint. The one leftover is that `.drawer` carries
   `pointer-events: auto !important` from the export while it covers the whole
   viewport, so make sure a closed drawer cannot swallow clicks. */
.drawer:not(.is-open) {
  pointer-events: none !important;
}
.drawer.is-open {
  pointer-events: auto !important;
}

/* ==========================================================================
   para-theme — round 2. Recipe grid, video grid, store locator, and the
   header / spacing corrections. Ported from the live site's section CSS.
   ========================================================================== */

/* ---------- Header: account icon --------------------------------------
   The export targets the account link with a[href*="account"]. SHOPLINE's
   account route does not necessarily contain that word, so the custom badge
   silently fell back to the plain outline icon. Match the theme's own hook as
   well, keeping the export selector for parity. */
#MainHeader a[data-para-account] .header-item__link-icon svg {
  display: none !important;
}
#MainHeader a[data-para-account] .header-item__link-icon {
  background-image: var(--para-asset-3) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  width: 45px !important;
  height: 30px !important;
  display: block !important;
}
#MainHeader a[data-para-account] {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* ---------- Header: dropdown panel -------------------------------------
   .sub-menu-content takes background-color from --color-background. Give it an
   explicit surface so it can never render transparent, and match the live
   site's link type. */
.header-dropdown .sub-menu-content {
  background-color: var(--color-background, #ffffff);
}
.header-dropdown .sub-menu-content.--single {
  background-color: #ffffff;
  border-radius: 4px;
}
#MainHeader .sub-menu-link,
#MainHeader .sub-menu-link span,
#MainHeader .sub-menu-link.style--link,
#MainHeader .sub-menu-link.style--link span {
  font-family: "Abel", sans-serif !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  color: #111 !important;
}

/* ---------- Drawer surface --------------------------------------------
   Belt and braces alongside the white drawer scheme: the panel, the nav and
   the sub-panels are one continuous white surface on the live site. */
#drawer-menu .drawer-panel,
#drawer-menu .drawer-menu__contents,
#drawer-menu .drawer-menu-nav,
#drawer-menu .drawer-content,
#drawer-menu .drawer-submenu__panel,
#drawer-menu .drawer-submenu__panel-container {
  background-color: #ffffff !important;
}
#drawer-menu .drawer-menu__contents {
  height: 100%;
}

/* ---------- Space above the section buttons ---------------------------
   The live markup wraps these buttons in a div carrying --mt: 24px. */
.para-btn-group {
  margin-block-start: var(--para-btn-space, 24px);
}

/* ==========================================================================
   Recipe grid (collections)
   ========================================================================== */
.para-recipe-grid .recipe-head {
  text-align: center;
  margin-bottom: 24px;
}
.para-recipe-grid .recipe-head__kicker {
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.7;
}
.para-recipe-grid .recipe-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-bottom: 40px;
}
.recipe-filter-btn {
  font-family: "Abel", sans-serif;
  font-size: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 10px 22px;
  border-radius: 12px;
  border: 2px solid #111;
  background: transparent;
  color: #111;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
  white-space: nowrap;
}
.recipe-filter-btn.active {
  background: rgba(255, 168, 0, 1);
  color: #fff;
  border-color: rgba(255, 168, 0, 1);
}
.recipe-filter-btn:hover:not(.active) {
  background: rgba(255, 168, 0, 0.15);
  border-color: rgba(255, 168, 0, 1);
  color: #111;
}

.para-recipe-grid .recipe-grid {
  display: grid;
  grid-template-columns: repeat(var(--recipe-cols, 6), 1fr);
  gap: var(--tile-gap, 12px);
}
@media (max-width: 1024px) {
  .para-recipe-grid .recipe-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 640px) {
  .para-recipe-grid .recipe-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
}

.recipe-tile-wrap {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden;
  border-radius: var(--tile-radius, 4px);
  cursor: pointer;
  background: #e8e8e8;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.recipe-tile-wrap:hover {
  transform: scale(1.02);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.recipe-tile-inner {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.recipe-tile-inner img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
  transition: transform 0.4s ease;
}
.recipe-tile-wrap:hover .recipe-tile-inner img {
  transform: scale(1.06);
}
.tile-flavor-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  font-family: "Abel", sans-serif;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  font-weight: 600;
  pointer-events: none;
  z-index: 3;
  white-space: nowrap;
}
.tile-title {
  font-family: "Abel", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #111;
  line-height: 1.3;
  text-align: center;
  margin-top: 6px;
}
.tile-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12px;
  opacity: 0;
  transition: opacity 0.25s ease;
  gap: 8px;
  z-index: 2;
}
.recipe-tile-wrap:hover .tile-overlay,
.recipe-tile-wrap:focus-within .tile-overlay {
  opacity: 1;
}
.tile-actions {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  max-width: 140px;
}
.tile-btn {
  font-family: "Abel", sans-serif;
  font-size: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 8px 12px;
  border-radius: 12px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
  text-align: center;
  width: 100%;
  display: block;
}
.tile-btn--expand {
  background: rgba(255, 168, 0, 1);
  color: #fff;
  border: 2px solid rgba(255, 168, 0, 1);
}
.tile-btn--expand:hover {
  background: rgba(50, 116, 132, 0.9);
  color: #fff;
  border-color: rgba(50, 116, 132, 0.9);
}
.tile-btn--print {
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
}
.tile-btn--print:hover {
  background: #fff;
  color: #111;
}

/* ---------- Recipe popup ---------------------------------------------- */
.recipe-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
  z-index: 9998;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}
.recipe-modal-backdrop.open {
  opacity: 1;
  pointer-events: all;
}
.recipe-modal {
  background: #fff;
  color: #111;
  border-radius: 6px;
  max-width: 860px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
  transform: translateY(20px);
  transition: transform 0.3s ease;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.3);
}
.recipe-modal-backdrop.open .recipe-modal {
  transform: translateY(0);
}
@media (max-width: 640px) {
  .recipe-modal {
    grid-template-columns: 1fr;
  }
}
.recipe-modal .modal-image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1 / 1;
}
.recipe-modal .modal-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}
.recipe-modal .modal-image-title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 32px 20px 16px;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.2;
}
.recipe-modal .modal-body {
  padding: 36px 32px;
  overflow-y: auto;
}
@media (max-width: 640px) {
  .recipe-modal .modal-body {
    padding: 24px 20px;
  }
}
.recipe-modal .modal-header {
  text-align: right;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #eee;
}
.recipe-modal .modal-header-label {
  font-family: "Abel", sans-serif;
  font-size: 12px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 700;
  color: #999;
}
.recipe-modal .modal-header-flavor {
  font-family: "Abel", sans-serif;
  font-size: 14px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 700;
  color: #111;
  margin-top: 2px;
}
.recipe-modal .modal-title {
  font-family: "Abel", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.15;
  margin-bottom: 16px;
  color: #111;
}
.recipe-modal .modal-content,
.recipe-modal .modal-content p,
.recipe-modal .modal-content li {
  font-family: "Abel", sans-serif;
  font-size: 16px;
  line-height: 1.8;
  color: #333;
}
.recipe-modal .modal-content h2,
.recipe-modal .modal-content h3 {
  font-size: 0.8rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 700;
  margin: 20px 0 8px;
  color: #111;
}
.recipe-modal .modal-content ul,
.recipe-modal .modal-content ol {
  padding-left: 18px;
  margin: 0 0 12px;
  list-style: disc;
}
.recipe-modal .modal-content li {
  margin-bottom: 4px;
}
.recipe-modal .modal-content p {
  margin: 0 0 12px;
}
.recipe-modal .modal-close {
  position: absolute;
  top: 14px;
  right: 16px;
  background: none;
  border: none;
  font-size: 1.4rem;
  cursor: pointer;
  color: #555;
  line-height: 1;
  padding: 4px 8px;
  border-radius: 3px;
  transition: background 0.2s;
  z-index: 2;
}
.recipe-modal .modal-close:hover {
  background: #f0f0f0;
}
.recipe-modal .modal-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}
.modal-btn {
  font-family: "Abel", sans-serif;
  font-size: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 12px 24px;
  border-radius: 12px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
  text-decoration: none;
  display: inline-block;
  text-align: center;
}
.modal-btn--primary {
  background: rgba(255, 168, 0, 1);
  color: #fff;
  border: none;
}
.modal-btn--primary:hover {
  background: rgba(50, 116, 132, 0.9);
  color: #fff;
}
.modal-btn--outline {
  background: transparent;
  color: #111;
  border: 2px solid #111;
}
.modal-btn--outline:hover {
  background: rgba(50, 116, 132, 0.9);
  color: #fff;
  border-color: rgba(50, 116, 132, 0.9);
}

@media print {
  body * {
    visibility: hidden;
  }
  .print-area,
  .print-area * {
    visibility: visible;
  }
  .print-area {
    position: fixed;
    inset: 0;
    padding: 40px;
    background: #fff;
  }
  .recipe-modal .modal-close,
  .recipe-modal .modal-actions {
    display: none;
  }
}

/* ==========================================================================
   Video grid (cocktail hacks)
   ========================================================================== */
.para-video-grid--container .paramour-hacks-wrap {
  max-width: var(--ideal-width, 1640px);
}
.para-video-grid .paramour-hacks-wrap {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 16px;
}
.para-video-grid .paramour-hacks-hero {
  margin: 0 0 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.para-video-grid .paramour-hacks-kicker {
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0.7;
}
.para-video-grid .paramour-hacks-title {
  margin: 0;
  font-size: 18px;
  line-height: 1.05;
}
.para-video-grid .paramour-hacks-subtitle {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  opacity: 0.8;
  max-width: 64ch;
}
.para-video-grid .paramour-hacks-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--hack-gap, 16px);
  align-items: start;
}
.paramour-hack-card {
  grid-column: span 12;
  background: #fff;
  border-radius: var(--hack-radius, 18px);
  overflow: hidden;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);
  border: 3px solid var(--hack-border, transparent);
}
@media (min-width: 760px) {
  .paramour-hack-card {
    grid-column: span 6;
  }
}
@media (min-width: 1024px) {
  .paramour-hack-card {
    grid-column: span var(--hack-span, 4);
  }
}
.paramour-hack-media {
  position: relative;
  width: 100%;
  padding-top: var(--hack-ratio, 177.78%);
  background: #0b0b0b;
}
.paramour-hack-media {
  overflow: hidden;
}
/* Fill the card like object-fit: cover — a 9:16 short in a 2:3 box would
   otherwise letterbox with black bars above and below. */
.paramour-hack-media iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  aspect-ratio: var(--hack-video-ar, 9 / 16);
  border: 0;
  pointer-events: none;
}
.paramour-hack-body {
  padding: 14px 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #111;
}
.paramour-hack-title {
  margin: 0;
  font-size: 15px;
  line-height: 1.25;
  color: #111;
}
.paramour-hack-desc {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  opacity: 0.78;
  color: #111;
}
.paramour-hack-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 2px;
}
.paramour-pill {
  font-size: 11px;
  line-height: 1;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.02);
  opacity: 0.9;
  color: #111;
}

/* ==========================================================================
   Store locator (find us)
   ========================================================================== */
.para-store-locator__head {
  margin-bottom: 24px;
}
.para-store-locator__map {
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  min-height: var(--locator-min-height, 600px);
  border-radius: var(--locator-radius, 12px);
  overflow: hidden;
}
.para-store-locator__empty {
  padding: 40px;
  text-align: center;
}
/* Stockist renders the map and the result list itself; keep it readable on
   top of the photo and give it the two-column shape the live site has. */
.para-store-locator__map .stockist-search-widget {
  background: rgba(255, 255, 255, 0.94);
  border-radius: var(--locator-radius, 12px);
}

/* ---------- Storefront password entry -----------------------------------
   templates/password.json is rendered with the default layout, not
   layout/password.html, so the form that lives in main-password-header never
   reached the page and the store could not be entered at all. The form is now
   part of the main-password section itself. */
.para-password-entry {
  width: 100%;
  max-width: 420px;
  margin: 24px auto 0;
  text-align: center;
}
.para-password-entry__heading {
  margin: 0 0 8px;
}
.para-password-entry__message,
.para-password-entry__tip {
  margin: 0 0 16px;
  opacity: 0.8;
}
.para-password-entry__field {
  margin-bottom: 12px;
}
.para-password-entry__field .field__input {
  width: 100%;
  min-height: 48px;
  padding: 0 16px;
  border: 1px solid var(--color-borders, #ddd);
  border-radius: var(--input-border-radius, 6px);
  background: var(--input-background, #fff);
  color: var(--input-foreground, #111);
  font-family: var(--font-body-family);
  font-size: 16px;
}
.para-password-entry__field .field__label {
  display: none;
}
.para-password-entry__error {
  margin: 0 0 12px;
  color: var(--error, #dd4242);
}
.para-password-entry__button {
  width: 100%;
  min-height: 48px;
  border: none !important;
  border-radius: 12px !important;
  background-color: rgb(255 168 0) !important;
  color: #fff !important;
  font-family: var(--font-button-family);
  font-size: var(--font-button-size, 14px);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.para-password-entry__button:hover {
  background-color: rgb(50 116 132 / 0.9) !important;
  box-shadow: none;
}

/* ---------- Collection grid --------------------------------------------
   Reuses the recipe grid's tab and tile styling so the two sections read as
   one system, which is how the live site presents them. */
.para-collection-grid .recipe-head {
  text-align: center;
  margin-bottom: 24px;
}
.para-collection-tile {
  display: block;
  text-decoration: none;
  color: inherit;
}
.para-collection-tile .recipe-tile-inner {
  display: grid;
  place-items: center;
}
.para-collection-tile__placeholder {
  padding: 12px;
  text-align: center;
  font-family: "Abel", sans-serif;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #555;
}
.para-collection-grid .tile-actions {
  max-width: 160px;
}
/* The hover action is a label inside the link, not its own button. */
.para-collection-grid .tile-btn--expand {
  pointer-events: none;
}

/* ---------- Inner pages are white -------------------------------------
   The export forces this via `html:not(.template-index):not(.template-product)`,
   which depends on the class the layout happens to put on <html>. Key it off
   data-page-type as well so recipes, collections, blog, search, cart and the
   content pages are white regardless. The home page keeps its artwork, and
   product pages are handled by the main-product section, which paints its own
   per-product backdrop. */
body:not([data-page-type="index"]):not([data-page-type="product"]) {
  background-image: none !important;
  background-color: var(--para-inner-background, #ffffff) !important;
}
body:not([data-page-type="index"]):not([data-page-type="product"]) main,
body:not([data-page-type="index"]):not([data-page-type="product"]) footer {
  background-color: transparent !important;
}

/* ---------- Product detail CTA ----------------------------------------
   Every call to action on the live site is the amber pill, including the
   product page's buy button. Values come from the block's settings. */
.pdp-buy-btn {
  min-height: 48px;
  border: none !important;
  border-radius: var(--pdp-buy-radius, 12px) !important;
  background-color: var(--pdp-buy-bg, #ffa800) !important;
  color: var(--pdp-buy-fg, #ffffff) !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: background-color 0.2s ease-in-out;
}
.pdp-buy-btn:not([disabled]):not(.disabled):hover {
  background-color: var(--pdp-buy-bg-hover, #327484) !important;
  color: var(--pdp-buy-fg, #ffffff) !important;
  box-shadow: none;
}

/* ---------- Product detail: live sizing --------------------------------
   Copy is white over the photo, the quantity box and the buy button share a
   height, and the button is a soft rectangle rather than a pill. */
body[data-page-type="product"] .pdp-content,
body[data-page-type="product"] .pdp-content h1,
body[data-page-type="product"] .pdp-content h2,
body[data-page-type="product"] .pdp-content p,
body[data-page-type="product"] .pdp-content span,
body[data-page-type="product"] .pdp-content .product-price {
  color: #ffffff !important;
}
[data-para-inline-buy] .pdp-content .product-block__quantity .quantity-input {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 72px;
  height: 44px;
  padding: 0 6px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  background: #ffffff;
}
[data-para-inline-buy] .pdp-content .quantity-input input {
  width: 28px;
  text-align: center;
  border: none;
  background: transparent;
  color: #111111;
  font-family: var(--font-body-family);
  font-size: 15px;
  -moz-appearance: textfield;
  appearance: textfield;
}
[data-para-inline-buy] .pdp-content .quantity-input input::-webkit-outer-spin-button,
[data-para-inline-buy] .pdp-content .quantity-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
[data-para-inline-buy] .pdp-content .quantity-input button {
  display: grid;
  place-items: center;
  width: 18px;
  height: 100%;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #111111 !important;
}
[data-para-inline-buy] .pdp-content .quantity-input button svg {
  width: 12px;
  height: 12px;
}
[data-para-inline-buy] .pdp-content .product-block__buy-buttons .pdp-buy-btn {
  width: var(--pdp-buy-width, 220px);
  min-width: var(--pdp-buy-width, 220px);
  height: 44px;
  min-height: 44px;
  border-radius: var(--pdp-buy-radius, 12px) !important;
  color: var(--pdp-buy-fg, #ffffff) !important;
  font-weight: 700;
}
[data-para-inline-buy] .pdp-content .product-block__buy-buttons .pdp-buy-btn span {
  color: var(--pdp-buy-fg, #ffffff) !important;
}
@media only screen and (max-width: 599px) {
  [data-para-inline-buy] .pdp-content .product-block__buy-buttons .pdp-buy-btn {
    width: 100%;
    min-width: 0;
  }
}

/* Space above the quantity + buy row, matching the live spacing. */
[data-para-inline-buy] .pdp-content .product-block__quantity {
  margin-top: var(--pdp-buy-row-space, 24px) !important;
}
[data-para-inline-buy] .pdp-content .product-block__buy-buttons {
  margin-top: var(--pdp-buy-row-space, 24px) !important;
}

/* ---------- Newsletter field: visible placeholder, no injected affordances --
   reset.css sets `::placeholder { opacity: 0 }` for the export's floating
   labels; this section uses a real placeholder instead. */
.para-newsletter .newsletter__field .field__input::placeholder {
  opacity: 1 !important;
  color: rgba(17, 17, 17, 0.55);
}
.para-newsletter .newsletter__field .field__input::-webkit-input-placeholder {
  opacity: 1 !important;
  color: rgba(17, 17, 17, 0.55);
}
.para-newsletter .newsletter__field .field__input {
  background-image: none !important;
  padding-inline-end: 20px;
}
/* Any suffix control the platform injects into the field. */
.para-newsletter .newsletter__field .field__suffix,
.para-newsletter .newsletter__field .field__button,
.para-newsletter .newsletter__field button:not([type="submit"]) {
  display: none !important;
}
.para-newsletter .newsletter__form {
  max-width: none;
}
.newsletter-card__panel {
  padding-inline: 20px;
}
.para-newsletter .newsletter__text {
  max-width: none;
}

/* ---------- Cart drawer / modal surface --------------------------------
   SHOPLINE's component CSS expects `--color-background` as a bare RGB triplet
   (`rgba(var(--color-background))`), but this theme defines it as a full
   colour for the export's CSS. That mismatch left the drawer transparent, so
   paint the surfaces explicitly from the cart colour scheme. */
theme-modal > details > summary + :not(details, summary),
theme-cart-drawer .cart-drawer__body,
theme-cart-drawer .cart-drawer__inner,
theme-cart-notification .cart-notification__body {
  background-color: var(--para-cart-background, #ffffff) !important;
  color: var(--para-cart-foreground, #111111);
}
theme-modal > details[open]::before {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
theme-cart-drawer .cart-drawer__body {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* ---------- Video grid: match the site container ----------------------- */
.para-video-grid--container .paramour-hacks-wrap {
  max-width: var(--container-inner-width, min(100vw - 32px, 1640px));
  padding-inline: 0;
}

/* ---------- Per-section background (editor controlled) -----------------
   Every Paramour section exposes a background colour and image. Transparent
   by default so nothing changes until a merchant sets one. */
[data-para-section-bg] {
  background-color: var(--para-sec-bg, transparent);
  background-image: var(--para-sec-bg-image, none);
  background-size: var(--para-sec-bg-size, cover);
  background-position: var(--para-sec-bg-pos, center center);
  background-repeat: var(--para-sec-bg-repeat, no-repeat);
}
/* The export blanks section backgrounds inside main so the page artwork shows
   through; a section that opts into its own background must win. */
main [data-para-section-bg][style*="--para-sec-bg-image"] {
  background-image: var(--para-sec-bg-image) !important;
}

/* ---------- Cart drawer: match the live sidebar ------------------------
   White panel on the right, "Cart" heading with a close control, and the
   muted teal checkout button the live cart uses. Colours come from the
   Cart section of theme settings. */
theme-cart-drawer .cart-drawer__body {
  width: min(92vw, var(--para-cart-width, 400px));
  max-width: 100vw;
  padding: 0;
}
theme-cart-drawer .cart-drawer__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
theme-cart-drawer .cart-drawer__header h2,
theme-cart-drawer .cart-drawer__header .title4 {
  margin: 0;
  font-family: var(--font-heading-family);
  font-size: 18px;
  font-weight: 700;
  color: var(--para-cart-foreground, #111111);
}
theme-cart-drawer .cart-drawer__close {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--para-cart-foreground, #111111);
}
theme-cart-drawer .cart-drawer__close svg {
  width: 18px;
  height: 18px;
}
theme-cart-drawer .cart-drawer__inner {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 16px 20px;
}
theme-cart-drawer .cart-drawer__footer,
theme-cart-drawer footer.drawer-footer {
  padding: 16px 20px 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
/* Checkout button — live uses #327484 at 75%, deepening on hover. */
theme-cart-drawer .cart-buttons .btn,
theme-cart-drawer button[name="checkout"],
theme-cart-drawer .cart-drawer__checkout .btn {
  width: 100%;
  min-height: 48px;
  border: none !important;
  border-radius: var(--para-cart-radius, 12px) !important;
  background-color: var(--para-cart-checkout, rgba(50, 116, 132, 0.75)) !important;
  color: var(--para-cart-checkout-text, #ffffff) !important;
  font-family: var(--font-button-family);
  font-size: 15px;
  letter-spacing: 0.06em;
  text-transform: none;
}
theme-cart-drawer .cart-buttons .btn:hover,
theme-cart-drawer button[name="checkout"]:hover {
  background-color: var(--para-cart-checkout-hover, rgba(50, 116, 132, 0.95)) !important;
  box-shadow: none;
}
theme-cart-drawer .cart-drawer__item,
theme-cart-drawer .cart-item {
  display: grid;
  grid-template-columns: 64px 1fr auto;
  gap: 12px;
  align-items: start;
  padding-block: 12px;
}
theme-cart-drawer .cart-item__media,
theme-cart-drawer .cart-drawer__item-media {
  position: relative;
  width: 64px;
}
theme-cart-drawer .cart-item__media img {
  width: 100%;
  height: auto;
  border-radius: 6px;
}
theme-cart-drawer .quantity-input {
  display: inline-flex;
  align-items: center;
  height: 34px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  background: #ffffff;
}
theme-cart-drawer .quantity-input input {
  width: 34px;
  text-align: center;
  border: none;
  background: transparent;
  color: var(--para-cart-foreground, #111111);
}
theme-cart-drawer .cart__subtotal,
theme-cart-drawer .cart__tax {
  color: var(--para-cart-foreground, #111111);
}

/* ---------- Newsletter: form fills the panel --------------------------- */
.newsletter-card__panel form,
.newsletter-card__panel .newsletter__form,
.newsletter-card__panel .newsletter__field,
.newsletter-card__panel .newsletter__field .field,
.newsletter-card__panel .newsletter__field .field__inner {
  width: 100% !important;
  max-width: 100% !important;
}

/* ---------- Back to top: arrow points up ------------------------------- */
.para-back-to-top {
  color: var(--para-top-fg, #111111) !important;
  background-color: var(--para-top-bg, transparent) !important;
  border: none !important;
}
.para-back-to-top .icon,
.para-back-to-top svg {
  transform: rotate(180deg);
  width: 16px;
  height: 14px;
  color: var(--para-top-fg, #111111);
}
.para-back-to-top svg path {
  fill: var(--para-top-fg, #111111) !important;
}

/* ---------- Recipe popup stacking --------------------------------------
   animations.css keeps a `transform` on every revealed section
   (`translateY(0)`), and a transformed ancestor becomes the containing block
   for `position: fixed` children — so the popup was trapped inside its own
   section and later sections painted over it. `none` is visually identical
   and removes the containing block. */
main .section-anim-in:not(.ignore-section-animation):not(.anim-custom-child),
main .shopify-section.section-anim-in {
  transform: none !important;
}
.para-recipe-grid,
.para-collection-grid {
  transform: none !important;
}
.recipe-modal-backdrop {
  z-index: 100000 !important;
}
body:has(.recipe-modal-backdrop.open) {
  overflow: hidden;
}

/* ---------- Responsive pass -------------------------------------------- */
@media only screen and (max-width: 1023px) {
  .para-recipe-grid .recipe-grid,
  .para-collection-grid .recipe-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .para-recipe-grid .recipe-filters,
  .para-collection-grid .recipe-filters {
    gap: 8px;
    margin-bottom: 24px;
  }
  .recipe-filter-btn {
    font-size: 13px;
    padding: 8px 14px;
  }
  .tile-btn {
    font-size: 12px;
    padding: 7px 8px;
  }
  .tile-actions {
    max-width: 100%;
  }
  .recipe-modal {
    max-height: 88vh;
  }
  .para-recipe-grid .recipe-grid,
  .para-collection-grid .recipe-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .pmr3-body {
    flex-wrap: wrap;
    gap: 8px;
  }
  .pmr3-specs,
  .pmr3-notes {
    flex: 1 1 45%;
  }
  .para-store-locator__map {
    min-height: 420px;
  }
  .newsletter-card__panel {
    padding: 28px 18px;
  }
  .para-video-grid .paramour-hacks-wrap {
    padding-inline: 16px;
  }
  [data-para-inline-buy] .pdp-content .product-block__quantity,
  [data-para-inline-buy] .pdp-content .product-block__buy-buttons {
    display: block;
    width: 100%;
  }
  [data-para-inline-buy] .pdp-content .product-block__quantity {
    margin-right: 0;
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 479px) {
  .para-recipe-grid .recipe-grid,
  .para-collection-grid .recipe-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
  .recipe-modal .modal-body {
    padding: 20px 16px;
  }
  .para-sticky-cart {
    min-width: 42px;
    padding: 7px 8px;
  }
}

/* ---------- Password page copy: keep it readable -----------------------
   The section inherits a colour scheme whose foreground is white, which made
   the store name and "Login with password" invisible on the light panel.
   Pin them to the password form's own colour, dark by default. */
.para-password-entry {
  padding: 28px 24px;
  border-radius: 12px;
  background-color: var(--para-pw-bg, #ffffff);
  color: var(--para-pw-fg, #111111) !important;
}
.para-password-entry,
.para-password-entry h2,
.para-password-entry p,
.para-password-entry label,
.para-password-entry span,
.para-password-entry__heading,
.para-password-entry__message,
.para-password-entry__tip {
  color: var(--para-pw-fg, #111111) !important;
}
.para-password-entry__heading {
  font-family: var(--font-heading-family);
  font-size: 22px;
}
/* The platform's own password modal carries the same copy. */
.password-modal__detail,
.password-modal__detail-heading,
.password-modal__detail-desc,
.password-modal__detail-tip {
  color: var(--para-pw-fg, #111111) !important;
}
.password-modal__content,
.password-modal .modal__content {
  background-color: var(--para-pw-bg, #ffffff) !important;
}