/** Shopify CDN: Minification failed

Line 27:12 Expected identifier but found whitespace
Line 27:13 Unexpected "("

**/
body {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  grid-template-columns: 100%;
  min-height: 100%;
  margin: 0;

  font-size: 1.6rem !important;
  line-height: 1.65 !important; 
  letter-spacing: 0.01rem !important; 
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: 400; /* evita pesi troppo sottili */
  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.multicolumn.background-primary .multicolumn-card
Specificity: (0,3,0)
 {
    background: #f3e1da !important;
}


/* Custom home-video GG-D */
.video-hero {
position: relative;
width: 100%;
height: 70dvh;
min-height: 500px;
overflow: hidden;
}

/* Fallback per browser senza dvh */
@supports not (height: 70dvh) {
.video-hero { height: 70vh; }
}

.video-wrapper {
position: absolute;
inset: 0;
}

.hero-video {
width: 100%;
height: 70vh;
display: block;
object-fit: cover;
object-position: center;
}

@media (max-width: 700px) {
  .video-hero {
    height: auto;
    min-height: 0;
    max-height: none;
  }
  .video-wrapper {
    position: static; /* non assoluto */
    inset: unset;
  }
  .hero-video {
    width: 100%;
    height: auto;            /* calcolata dall'aspect-ratio */

    object-fit: cover;       /* oppure: contain */
    object-position: center;
  }
}

@media (max-width: 998px) {
.multicolumn-card__image-wrapper--third-width
 {
    width: 15% !important;
}
}

.rich-text__buttons .button.button--primary {
  border-radius: 12px !important;    
  overflow: hidden;                   
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.button, .button-label, .shopify-challenge__button, .customer button {
    font-size: 1.5rem;
    letter-spacing: .1rem;
    line-height: calc(1 + .2 / var(--font-body-scale));
    border-radius: 12px;
    overflow: hidden;
    -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.multicolumn.background-primary .multicolumn-card {
    background: none !important;
}

.price {
    font-size: 16px !important;
    letter-spacing: unset !important;
    line-height: calc(1 + .5 / var(--font-body-scale));
    color: rgb(var(--color-foreground));
}

.card-information>.price {
        color: rgb(49 45 44) !important;
}

.multicolumn-card .media {
    border-radius: 10px;
}

/* ── 1. Testo bianco nel multicolumn ── */
.multicolumn .multicolumn-card__info .rte h5 {
  color: #ffffff !important;
}

/* ── 2. Frecce slider 30% più piccole ── */
.multicolumn-card__image-wrapper--third-width {
    width: 27% !important;
}

/* Rimuove underline al hover sui product card */
.product-card-wrapper.underline-links-hover:hover .full-unstyled-link,
.product-card-wrapper.underline-links-hover .full-unstyled-link:hover {
  text-decoration: none;
  color: rgb(117 52 28);
}


.collection-hero__text-wrapper {
    flex-basis: 100%;
    padding: 20px 0px 40px 0px;
}

.product-form__submit {
  margin-bottom: 1rem;
  background: linear-gradient(to right, #b4734d, #854e3a);
  color: rgb(255 255 255);
  border:none;
}

.product-form__submit::before,
.product-form__submit::after {
  box-shadow: none !important;
  border: none !important;
}

/* Anche al hover, dove Dawn riapplica l'ombra */
.product-form__submit:hover::before,
.product-form__submit:hover::after {
  box-shadow: none !important;
  border: none !important;
}

.product-form__submit {
  margin-bottom: 1rem;

  /* Gradiente doppio: originale + invertito concatenati */
  background: linear-gradient(to right, #b4734d, #854e3a, #b4734d);
  background-size: 200% 100%;
  background-position: left center;

  color: rgb(255 255 255);
  border: none;

  transition:
    background-position 0.5s ease,
    transform           0.1s ease,
    filter              0.15s ease;
}

/* Hover: il gradiente scorre verso destra, i colori si invertono */
.product-form__submit:hover {
  background-position: right center;
}

/* Active: effetto "pressione" tattile */
.product-form__submit:active {
  background-position: right center;
  transform: scale(0.97);
  filter: brightness(0.82);
}

.height-100 {
    border-radius: 12px !important;
}

/* Border radius 12px sulle collection card */
.collection-card-wrapper .card__inner {
  border-radius: 12px !important;
  overflow: hidden;
}


/* ── Headings ── */
.footer .footer-block__heading {
  color: #ffffff !important;
}

/* ── Link di navigazione e testo RTE ── */
.footer .footer-block__details-content,
.footer .footer-block__details-content *,
.footer .footer-block__details-content .link,
.footer .footer-block__details-content .list-menu__item {
  color: #ffffff !important;
}

/* ── Testo newsletter e label input email ── */
.footer .footer-block__newsletter .footer-block__heading,
.footer .field__label,
.footer .field__input {
  color: #ffffff !important;
}

/* ── Input email: placeholder ── */
.footer .field__input::placeholder {
  color: rgba(255, 255, 255, 0.65) !important;
}

/* ── Icone social (usano currentColor) ── */
.footer .list-social__link {
  color: #ffffff !important;
}

/* ── Copyright e link in basso ── */
.footer .copyright__content,
.footer .copyright__content a {
  color: #ffffff !important;
}

.card--card,
.card--standard .card__inner {
  position: relative;
  box-sizing: border-box;
  border-radius: var(--border-radius);
  border: 0.2px solid rgb(221 204 196) !important;
}

.rte img {
    height: 67px;
    max-width: 100%;
    padding: 3px;
    margin: 0px !important;
}

.icon-with-text--horizontal .svg-wrapper+.h4, .icon-with-text--horizontal img+.h4, .icon-with-text--horizontal.icon-with-text--text-only .h4 {
    padding-top: 0;
    font-size: 14px;
    font-family: sans-serif;
}

    .collection-hero__title+.collection-hero__description {
        font-size: 16px !important;
    }


.cart-notification__links .button,
.cart-notification__links .button::before,
.cart-notification__links .button::after {
  border-radius: 12px ;
}

.cart-notification__links .button {
  border: 0 !;
  overflow: visible !important;
}

.button:not([disabled]):hover:after, .shopify-challenge__button:hover:after, .customer button:hover:after, .shopify-payment-button__button--unbranded:hover:after {
    --border-offset: 0.5px;
}


/* Product page */
shopify-accelerated-checkout{
  --shopify-accelerated-checkout-button-border-radius: 12px;
}

shopify-accelerated-checkout-cart{
  --shopify-accelerated-checkout-button-border-radius: 12px;
}

.icon-with-text__item img{
  filter: grayscale(100%);
}
cart-items .title-wrapper-with-link {
    margin-top: 20px !important;
}

/* Nome prodotto nel carrello */
.cart-item__details .cart-item__name:link,
.cart-item__details .cart-item__name:visited {
  color: #000;
}

.cart-item__details .cart-item__name:hover,
.cart-item__details .cart-item__name:active {
  color: #000;
}

/* opzionale: togli sottolineatura e mettila solo in hover */
.cart-item__details .cart-item__name {
  text-decoration: none;
  font-size: 16px;
  font-family: sans-serif;
}
.cart-item__details .cart-item__name:hover {
  text-decoration: underline;
}

.cart-item__details .product-option {
    font-size: 1.5rem;
    word-break: break-word;
    line-height: calc(1 + .5 / var(--font-body-scale));
}

.cc-window-wrapper.cc-popup-wrapper {
    top: 88% !important; 
}

.cc-window-wrapper.cc-overlay-wrapper .cc-window, .cc-window-wrapper.cc-popup-wrapper .cc-window {
    width: 85% !important;
    
}

.cc-color-override-1293961092 .cc-highlight .cc-btn.cc-settings {
    border-color: #854E3A;
}

.cc-color-override-1293961092 .cc-highlight .cc-btn {
    color: #854E3A;
}

.cc-color-override-1293961092 .cc-btn.cc-btn-decision {
    background-color: #1a100c !important;
}

  

@media (min-width: 750px) {
  .product__media-list.contains-media.grid.grid--peek.list-unstyled {
    border: solid 1px #eddcd3;
    border-radius: 18px;
    overflow: hidden;
}
}

    .product__column-sticky {
        top: 12rem !important;
    }

@media (min-width: 990px) {
    .product__column-sticky {
        top: 19rem !important;
    }
}

.product__info-container>*+* {
    margin: 2rem 0 !important;
}


.widget {
    color: #854E3A !important;
}
.shadow-dialog {
    --tw-shadow: var(--shadow-dialog, 0 0 14px #bbbbbb80);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
@media (max-width: 768px) {
  .widget {
    display: none !important;
  }
}