/** Shopify CDN: Minification failed

Line 548:25 Unexpected "`"
Line 549:77 Unterminated string token
Line 584:0 Expected ")" to go with "("

**/
/* ---------------------------------------------------------------
   cs-global.css — porte 1:1 de lottehamburg.de (Impact 6.8.0)
   Bloco 1: tokens :root da fonte, VERBATIM (sem os @font-face do CDN deles)
   Bloco 2 e 3: o Custom CSS global da loja-fonte, VERBATIM e pela ordem dela
   --------------------------------------------------------------- */
/* Typography (heading) */
  /* Typography (body) */
  :root {
    /**
     * ---------------------------------------------------------------------
     * SPACING VARIABLES
     *
     * We are using a spacing inspired from frameworks like Tailwind CSS.
     * ---------------------------------------------------------------------
     */
    --spacing-0-5: 0.125rem; /* 2px */
    --spacing-1: 0.25rem; /* 4px */
    --spacing-1-5: 0.375rem; /* 6px */
    --spacing-2: 0.5rem; /* 8px */
    --spacing-2-5: 0.625rem; /* 10px */
    --spacing-3: 0.75rem; /* 12px */
    --spacing-3-5: 0.875rem; /* 14px */
    --spacing-4: 1rem; /* 16px */
    --spacing-4-5: 1.125rem; /* 18px */
    --spacing-5: 1.25rem; /* 20px */
    --spacing-5-5: 1.375rem; /* 22px */
    --spacing-6: 1.5rem; /* 24px */
    --spacing-6-5: 1.625rem; /* 26px */
    --spacing-7: 1.75rem; /* 28px */
    --spacing-7-5: 1.875rem; /* 30px */
    --spacing-8: 2rem; /* 32px */
    --spacing-8-5: 2.125rem; /* 34px */
    --spacing-9: 2.25rem; /* 36px */
    --spacing-9-5: 2.375rem; /* 38px */
    --spacing-10: 2.5rem; /* 40px */
    --spacing-11: 2.75rem; /* 44px */
    --spacing-12: 3rem; /* 48px */
    --spacing-14: 3.5rem; /* 56px */
    --spacing-16: 4rem; /* 64px */
    --spacing-18: 4.5rem; /* 72px */
    --spacing-20: 5rem; /* 80px */
    --spacing-24: 6rem; /* 96px */
    --spacing-28: 7rem; /* 112px */
    --spacing-32: 8rem; /* 128px */
    --spacing-36: 9rem; /* 144px */
    --spacing-40: 10rem; /* 160px */
    --spacing-44: 11rem; /* 176px */
    --spacing-48: 12rem; /* 192px */
    --spacing-52: 13rem; /* 208px */
    --spacing-56: 14rem; /* 224px */
    --spacing-60: 15rem; /* 240px */
    --spacing-64: 16rem; /* 256px */
    --spacing-72: 18rem; /* 288px */
    --spacing-80: 20rem; /* 320px */
    --spacing-96: 24rem; /* 384px */

    /* Container */
    --container-max-width: 1440px;
    --container-narrow-max-width: 1190px;
    --container-gutter: var(--spacing-5);
    --section-outer-spacing-block: var(--spacing-12);
    --section-inner-max-spacing-block: var(--spacing-10);
    --section-inner-spacing-inline: var(--container-gutter);
    --section-stack-spacing-block: var(--spacing-8);

    /* Grid gutter */
    --grid-gutter: var(--spacing-5);

    /* Product list settings */
    --product-list-row-gap: var(--spacing-8);
    --product-list-column-gap: var(--grid-gutter);

    /* Form settings */
    --input-gap: var(--spacing-2);
    --input-height: 2.625rem;
    --input-padding-inline: var(--spacing-4);

    /* Other sizes */
    --sticky-area-height: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px) + var(--sticky-header-enabled, 0) * var(--header-height, 0px));

    /* RTL support */
    --transform-logical-flip: 1;
    --transform-origin-start: left;
    --transform-origin-end: right;

    /**
     * ---------------------------------------------------------------------
     * TYPOGRAPHY
     * ---------------------------------------------------------------------
     */

    /* Font properties */
    --heading-font-family: Newsreader, serif;
    --heading-font-weight: 400;
    --heading-font-style: normal;
    --heading-text-transform: normal;
    --heading-letter-spacing: 0.0em;
    --text-font-family: Newsreader, serif;
    --text-font-weight: 400;
    --text-font-style: normal;
    --text-letter-spacing: 0.0em;

    /* Font sizes */
    --text-h0: 2.5rem;
    --text-h1: 1.75rem;
    --text-h2: 1.5rem;
    --text-h3: 1.375rem;
    --text-h4: 1.125rem;
    --text-h5: 1.125rem;
    --text-h6: 1rem;
    --text-xs: 0.6875rem;
    --text-sm: 0.75rem;
    --text-base: 0.875rem;
    --text-lg: 1.125rem;

    /**
     * ---------------------------------------------------------------------
     * COLORS
     * ---------------------------------------------------------------------
     */

    /* Color settings */--accent: 125 84 73;
    --text-primary: 74 74 74;
    --background-primary: 255 255 255;
    --dialog-background: 255 255 255;
    --border-color: var(--text-color, var(--text-primary)) / 0.12;

    /* Button colors */
    --button-background-primary: 125 84 73;
    --button-text-primary: 255 255 255;
    --button-background-secondary: 240 196 23;
    --button-text-secondary: 26 26 26;

    /* Status colors */
    --success-background: 224 224 224;
    --success-text: 0 0 0;
    --warning-background: 229 226 226;
    --warning-text: 42 17 11;
    --error-background: 254 231 231;
    --error-text: 248 58 58;

    /* Product colors */
    --on-sale-text: 248 58 58;
    --on-sale-badge-background: 248 58 58;
    --on-sale-badge-text: 255 255 255;
    --sold-out-badge-background: 0 0 0;
    --sold-out-badge-text: 255 255 255;
    --primary-badge-background: 128 60 238;
    --primary-badge-text: 255 255 255;
    --star-color: 255 183 74;
    --product-card-background: 255 255 255;
    --product-card-text: 26 26 26;

    /* Header colors */
    --header-background: 255 255 255;
    --header-text: 42 17 11;

    /* Footer colors */
    --footer-background: 233 228 224;
    --footer-text: 125 84 73;

    /* Rounded variables (used for border radius) */
    --rounded-xs: 0.25rem;
    --rounded-sm: 0.375rem;
    --rounded: 0.75rem;
    --rounded-lg: 1.5rem;
    --rounded-full: 9999px;

    --rounded-button: 0.375rem;
    --rounded-input: 0.5rem;

    /* Box shadow */
    --shadow-sm: 0 2px 8px rgb(var(--text-primary) / 0.1);
    --shadow: 0 5px 15px rgb(var(--text-primary) / 0.1);
    --shadow-md: 0 5px 30px rgb(var(--text-primary) / 0.1);
    --shadow-block: 0px 18px 50px rgb(var(--text-primary) / 0.1);

    /**
     * ---------------------------------------------------------------------
     * OTHER
     * ---------------------------------------------------------------------
     */

    --stagger-products-reveal-opacity: 0;
    --cursor-close-svg-url: url(//lottehamburg.de/cdn/shop/t/8/assets/cs-cursor-close.svg?v=147174565022153725511790726364);
    --cursor-zoom-in-svg-url: url(//lottehamburg.de/cdn/shop/t/8/assets/cs-cursor-zoom-in.svg?v=154953035094101115921790726367);
    --cursor-zoom-out-svg-url: url(//lottehamburg.de/cdn/shop/t/8/assets/cs-cursor-zoom-out.svg?v=16155520337305705181790726369);
    --checkmark-svg-url: url(//lottehamburg.de/cdn/shop/t/8/assets/cs-checkmark.svg?v=72008227306836328281790726564);
  }

  [dir="rtl"]:root {
    /* RTL support */
    --transform-logical-flip: -1;
    --transform-origin-start: right;
    --transform-origin-end: left;
  }

  @media screen and (min-width: 700px) {
    :root {
      /* Typography (font size) */
      --text-h0: 3.25rem;
      --text-h1: 2.25rem;
      --text-h2: 1.75rem;
      --text-h3: 1.625rem;
      --text-h4: 1.25rem;
      --text-h5: 1.25rem;
      --text-h6: 1.125rem;

      --text-xs: 0.75rem;
      --text-sm: 0.875rem;
      --text-base: 1.0rem;
      --text-lg: 1.25rem;

      /* Spacing */
      --container-gutter: 2rem;
      --section-outer-spacing-block: var(--spacing-16);
      --section-inner-max-spacing-block: var(--spacing-12);
      --section-inner-spacing-inline: var(--spacing-12);
      --section-stack-spacing-block: var(--spacing-12);

      /* Grid gutter */
      --grid-gutter: var(--spacing-6);

      /* Product list settings */
      --product-list-row-gap: var(--spacing-12);

      /* Form settings */
      --input-gap: 1rem;
      --input-height: 3.125rem;
      --input-padding-inline: var(--spacing-5);
    }
  }

  @media screen and (min-width: 1000px) {
    :root {
      /* Spacing settings */
      --container-gutter: var(--spacing-12);
      --section-outer-spacing-block: var(--spacing-18);
      --section-inner-max-spacing-block: var(--spacing-16);
      --section-inner-spacing-inline: var(--spacing-16);
      --section-stack-spacing-block: var(--spacing-12);
    }
  }

  @media screen and (min-width: 1150px) {
    :root {
      /* Spacing settings */
      --container-gutter: var(--spacing-12);
      --section-outer-spacing-block: var(--spacing-20);
      --section-inner-max-spacing-block: var(--spacing-16);
      --section-inner-spacing-inline: var(--spacing-16);
      --section-stack-spacing-block: var(--spacing-12);
    }
  }

  @media screen and (min-width: 1400px) {
    :root {
      /* Typography (font size) */
      --text-h0: 4rem;
      --text-h1: 3rem;
      --text-h2: 2.5rem;
      --text-h3: 1.75rem;
      --text-h4: 1.5rem;
      --text-h5: 1.25rem;
      --text-h6: 1.25rem;

      --section-outer-spacing-block: var(--spacing-24);
      --section-inner-max-spacing-block: var(--spacing-18);
      --section-inner-spacing-inline: var(--spacing-18);
    }
  }

  @media screen and (min-width: 1600px) {
    :root {
      --section-outer-spacing-block: var(--spacing-24);
      --section-inner-max-spacing-block: var(--spacing-20);
      --section-inner-spacing-inline: var(--spacing-20);
    }
  }

  /**
   * ---------------------------------------------------------------------
   * LIQUID DEPENDANT CSS
   *
   * Our main CSS is Liquid free, but some very specific features depend on
   * theme settings, so we have them here
   * ---------------------------------------------------------------------
   */@media screen and (pointer: fine) {
        .button:not([disabled]):hover, .btn:not([disabled]):hover, .shopify-payment-button__button--unbranded:not([disabled]):hover {
          --button-background-opacity: 0.85;
        }

        .button--subdued:not([disabled]):hover {
          --button-background: var(--text-color) / .05 !important;
        }
      }

/* ===== Custom CSS global da fonte (bloco 1) ===== */

  :root {
    --sticky-header-enabled:1;
  }
  .product-card__badge-list{
   left: 0px !important;
   top: 0px !important;
  }
  .badge{
   background-color: #da0b16 !important;
   color: #FFF !important;
   font-weight: 800 !important;
   font-size: 11px !important;
   border-radius: 0px !important;
   
   text-transform: uppercase !important;
  }
  .price-list .line-through{
   font-size: 12px !important;
   font-weight: 400 !important;
   color: #1a1a1ab3 !important;
  }    
  .price-list .text-on-sale{
   font-size: 14px !important;
   font-weight: 600 !important;
   color: #da0b16 !important;
  }   
  .price-list {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.product-info .price-list {
    flex-direction: row;
}
  .buy-buttons button {
    border: none !important;
    border-radius: 8px !important;
    letter-spacing: 1px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    padding: 13px 20px !important;
} 
.product-info__title.h4{
    font-size: 25px !important;
    font-weight: 600 !important;
    color: #3d2c2a !important;
    letter-spacing: 0px !important;
    margin-bottom: -10px !important;
}


  .shopify-section--header {
    --header-grid-template: "main-nav logo secondary-nav" / minmax(0, 1fr) auto minmax(0, 1fr);
    --header-padding-block: var(--spacing-3);
    --header-background-opacity: 1.0;
    --header-background-blur-radius: 20px;
    --header-transparent-text-color: 255 255 255;--header-logo-width: 170px;
      --header-logo-height: 32px;position: sticky;
    top: 0;
    z-index: 10;
  }.shopify-section--announcement-bar ~ .shopify-section--header {
      top: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px));
    }@media screen and (min-width: 700px) {
    .shopify-section--header {--header-logo-width: 270px;
        --header-logo-height: 51px;--header-padding-block: var(--spacing-6);
    }
  }

/* ===== Custom CSS global da fonte (bloco 2) ===== */

  .shopify-section {
    padding: 0px !important;
}
 

  
  .product-info .text-on-sale {
        font-size: 24px !important;
    color: #da0b16 !important;
    font-weight: 600 !important;
  }
  .product-info .line-through {
    color: #1a1a1ab3 !important;
    font-size: 18px !important;
  }
 .product-info on-sale-badge.badge.badge--on-sale {
    border-radius: 4px !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    padding: 6px 8px 4px !important;
    border: none !important;
    line-height: 1 !important;
        top: -3px !important;
    position: relative !important;
  }
   .product-info .variant-picker__option .h-stack span{
    display: none !important;
  }
  .product-info label.block-swatch {
    color: #4a4a4a !important;
    background-color: transparent !important;
    border: 1px solid #4a4a4a !important;
    border-radius: 0px !important;
    line-height: 1 !important;
    height: fit-content;
    padding: 7px 15px !important;
    display: flex;
}
  .cart-drawer__inner .progress-bar:before{
    background: green !important;
  }

  announcement-bar#announcement-bar p{
    font-size: 13px !important;
  }
  .announcement-bar__wrapper.justify-between {
    max-width: 100% !important;
}
  .header__main-nav summary {
    font-weight: 500 !important;
}
  .header__main-nav a {
    font-weight: 500 !important;
}
.variant-picker__option .text-subdued/*, .variant-picker__option .variant-picker__option-info span*/  {
    color: #0C2A3A;
    font-size: 14px !important;
    letter-spacing: 4.2px;
    text-transform: uppercase;
}
.product-info .accordion__content p {
  font-size: 14px !important;
  margin-top: 8px !important;
}
product-card on-sale-badge.badge.badge--on-sale {
    text-transform: uppercase !important;
    border-radius: 0px !important;
    font-size: 11px !important;
    padding: 2px 8px !important;
    letter-spacing: 0.04em !important;
    border: none !important;
}
@media screen and (min-width:768px) {
.product-info .accordion__content .prose h3 {
  font-size: 18px !important;
  margin-top: 8px !important;
}
}

.featured-collection-view-all {
  display: flex;
  justify-content: center;
  margin-top: 0px;
}


@media screen and (max-width: 749px) {
  .featured-collection-view-all {
    margin-top: 1.75rem;
  }

  .featured-collection-view-all__button {
    width: 100%;
    max-width: 320px;
  }
}
.product-card--blends .product-card__info {
    padding-top: 8px !important;
}
.product-card__title {
    line-height: 1.1;
    font-size: 14px!important;
    font-weight: 100!important;
}
.price-list .text-on-sale {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #7d5449 !important;
}
.price-list .line-through {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #7d5449 !important;
    opacity: 0.4 !important;
}
.product-card__info {
    padding: 0px !important;
    padding-top: 8px !important;
}
.product-info h1.product-info__title.h3 {
    font-size: 25px !important;
    margin-top: -10px !important;
    font-weight: 500;
}
.product-info .price-list .text-on-sale {
    font-size: 24px !important;
    font-weight: 400 !important;
    color: #7d5449 !important;
}
.product-info .price-list .line-through {
    font-size: 24px !important;
    font-weight: 400 !important;
    color: #7d5449 !important;
    opacity: 0.4 !important;
}
.product-info .price-list {
    flex-direction: row-reverse !important;
}
.product-info .buy-buttons button {
    text-transform: uppercase !important;
    letter-spacing: 0px !important;
    font-weight: 300 !important;
    padding: 13px 20px !important;
    border-radius: 0px !important;
}
.product-info__price .rating-with-text {
    justify-content: flex-start !important;
    display: flex !important;
    margin-top: -8px !important;
    margin-bottom: -10px !important;
}
@media screen and (max-width:767px) {
  .product-info__price .rating-with-text {
    margin-top: 0px !important;
  }
  .product-info h1.product-info__title.h3 {
    font-size: 22px !important;
}
.product-info .price-list .text-on-sale {
    font-size: 24px !important;
}
}


  .collection .product-card__title a{
    color: #4A4A4A !important;
    font-size: 16px !important;
  }



/* ===== product-info: o embrulho do 6.8.0 (vinha do hc-custom.css) ===== */
.product-info__block-item`, a variavel `--product-info-block-spacing` deixa
   de ser lida no elemento interior (que e' onde o 4.3.4 a poe) e passa a ser
   lida no embrulho — sem estas regras o espacamento colapsava para o valor
   generico de `--spacing-6`.
--------------------------------------------------------------------------- */

.product-info__block-item:where(
  [data-block-type='vendor'],
  [data-block-type='title'],
  [data-block-type='sku'],
  [data-block-type='price'],
  [data-block-type='rating'],
  [data-block-type='payment-terms']
) {
  --product-info-block-spacing: var(--spacing-4);
}
.product-info__block-item:where([data-block-type='badges']) {
  --product-info-block-spacing: var(--spacing-4);
}
.product-info__block-item:where([data-block-type='buy-buttons']) {
  --product-info-block-spacing: var(--spacing-8);
}
.product-info__block-item:where([data-block-type='collapsible-text'],
                                [data-block-type='description']) {
  --product-info-block-spacing: 0;
}
.product-info__block-item:empty {
  display: none;
}
.product-info__block-item:has(.accordion) + .product-info__block-item:has(.accordion) .accordion {
  border-block-start-width: 0;
}

/* no 4.3.4 o valor seleccionado sai num <variant-option-value>, nao num <span>,
   por isso a regra da fonte (.h-stack span) nao o apanhava. */
.product-info .variant-picker__option .h-stack variant-option-value { display: none !important; }