.glider-slide {
    margin: 0px;
}/*===============
   GLOBAL SETTINGS 
   =============== */

:root {
  /* Base Colors */
  --white: #FEFEFE; /* Pure white, per sfondi e testo secondario */
  --alabaster: #E2E3D9; /* Grigio caldo chiaro, ottimo per sezioni o card */

  /* Brand & Accents */
  --brand-primary: #e22205; /* Verde muschio scuro, colore brand principale */
  --tea-green: #F7BE59; /* Verde chiaro pastello, per sfondi o hover soft */

  /* Text / Contrast */
  --eerie-black: #1A1F12; /* Quasi nero, usato per testo primario e forte contrasto */

  /* Tonalità calcolate con color-mix */
  --brand-primary-light: color-mix(in srgb, var(--brand-primary) 60%, white);
  --brand-primary-xlight: color-mix(in srgb, var(--brand-primary) 10%, white);
  --brand-primary-dark: color-mix(in srgb, var(--brand-primary) 80%, black);

  /* Grigi complementari */
  --brand-grey: #6b1002;
  --brand-grey-medium: color-mix(in srgb, var(--brand-grey) 15%, white);
  --brand-grey-light: color-mix(in srgb, var(--brand-grey) 5%, white);

  /* Typography */
  --font-family: 'Poppins', Verdana, sans-serif;
}


body {font-family: var(--font-family); color: var(--brand-grey);}
address {font-style: normal;}

/* Colors */

.brand-color {color: var(--brand-primary);}

.bg-primary {background-color: var(--brand-grey);}
.bg-brand-color {background-color: var(--brand-primary);}
.bg-brand-color-light {background-color: var(--brand-primary-light);}
.border-brand,
.border-primary, .border.border-primary {border-color: var(--brand-primary);}
.bg-container-light {background-color:var(--brand-grey-light);}
.bg-container-xlight {background-color:var(--brand-primary-xlight);}

.border-primary:hover, .border.border-primary:hover {border-color: var(--brand-primary-light);}

.border, .border-2 {border-color:var(--brand-grey-medium);}

::-moz-selection {color: #856404;background: #fff3cd;}
::selection {color: #856404;background: #fff3cd;}

/* ===============
   BUTTONS
   =============== */

.pagebuilder-column-group a, .text-secondary,
.pagebuilder-column-group a span, .text-secondary span {color: var(--brand-primary)!important;}
.prose a {color: var(--brand-primary)!important;}

/* primary */
a.pagebuilder-button-primary, 
.btn-primary,
.actions-toolbar .primary button {background-color: var(--brand-primary); border:none;border-radius: 40px;transition: 0.2s;}

a.pagebuilder-button-primary, 
a.pagebuilder-button-primary span, 
.btn-primary span, 
.pagebuilder-column-group .btn-primary span,
.actions-toolbar .primary button span {color: #FFFFFF!important}

.button-big a.pagebuilder-button-primary {font-size:18px; padding: 17px 25px; }

.btn-primary:hover,
a.pagebuilder-button-primary:hover,
button.pagebuilder-button-primary:hover,
div.pagebuilder-button-primary:hover,
.actions-toolbar .primary button:hover {background: var(--brand-primary-light);}

.hero-container .btn-primary{color: #FFFFFF!important;}

/* Secondary */
.btn-secondary, .pagebuilder-column-group a.btn-secondary
{border-color: var(--brand-primary);color: var(--brand-primary)!important;background:#FFF!important;border-radius: 40px;transition: 0.2s;}
.btn-secondary:hover, a.btn-secondary:hover, .pagebuilder-column-group a.btn-secondary:hover
{border-color: #FFF;background:var(--brand-primary)!important;color: #FFF!important;}

/* Success Message */

.success.message {position: relative;}


/* nice link */
a.nice-link {position: relative;color: var(--brand-primary);text-decoration: none;}
a.nice-link:hover {color: var(--brand-primary);}
a.nice-link::before {content: "";position: absolute;display: block;width: 100%;height: 2px;bottom: 0;left: 0;background-color: var(--brand-primary);transform: scaleX(0);transition: transform 0.3s ease;}
a.nice-link:hover::before {transform: scaleX(1);}

/* multiline */

a.multipath-link{background: linear-gradient(0deg,  var(--brand-primary-light),  var(--brand-primary-light)) no-repeat right bottom / 0 var(--bg-h);transition: background-size 350ms;--bg-h: 100%;color: var(--brand-grey)!important;}
a.multipath-link:where(:hover, :focus-visible) {background-size: 100% var(--bg-h);background-position-x: left;}
a.multiline-link {text-decoration: none;background-image: linear-gradient(var(--brand-primary), var(--brand-primary));background-position: 0% 100%;background-repeat: no-repeat;background-size: 0% 2px;transition: background-size .3s;}
a.multiline-link:hover, a.multiline-link:focus {background-size: 100% 2px;}


/* ===============
   INTERFACE
   =============== */

/* form */

[multiple]:focus, 
[type=date]:focus, 
[type=email]:focus, 
[type=month]:focus, 
[type=number]:focus, 
[type=password]:focus, 
[type=search]:focus, 
[type=tel]:focus, 
[type=text]:focus, 
[type=time]:focus, 
[type=url]:focus, 
select:focus, 
.form-input:focus, .form-multiselect:focus, .form-select:focus, .form-textarea:focus {border-color: var(--brand-grey-medium);}
form .date-options .form-select {border-color: var(--brand-grey);}

#limiter {font-size: .8rem;width: 4rem;height: 1.8rem;}
.field .messages {background: #ffdede;border-radius: 5px;padding: 7px 10px;color: red;border: 1px solid #fdd1d1;display: inline-block;margin-top: 10px;}

/* breadcrumbs */
.breadcrumbs a {color: var(--brand-primary);}

.prose ul, .prose ol {font-size: 1rem!important; line-height: 1.75!important;}

/* toggle */

.toggle-container summary {background-color: var(--brand-primary-xlight);font-size: 1.25rem;font-weight: 600;padding: 1rem;outline: 0;border-radius: .25rem;text-align: left;cursor: pointer;position: relative;transition: 0.2s;}
.toggle-container details {margin-bottom: 1rem;}
.toggle-container details div {border-left: 1px solid var(--brand-primary-light);border-right: 1px solid var(--brand-primary-light);border-bottom: 1px solid var(--brand-primary-light);}
.toggle-container details>summary:after {display: none;position: absolute;content: "+";right: 20px}
.toggle-container details[open]>summary, .toggle-container summary:hover{background:var(--brand-primary-light);color: #FFFFFF}
.toggle-container details[open]>summary:hover{color: var(--brand-grey);color: #FFFFFF}
.toggle-container details[open]>summary:after {display: none;position: absolute;content: "-";right: 20px}
.toggle-container details>summary::-webkit-details-marker {display: none}
.toggle-container .inner-content {padding: 0 25px}

.hero-container  {border-radius: 20px; overflow: hidden;}
.hero-container .img-content {position: relative;top: -2px;width: 100%;height: 21vw;overflow: hidden;}
.hero-container .img-content img {transition: transform 0.25s;width: 100%;}
.hero-container .img-content:hover img {transform: scale(1.1);}

/* Fix to hide WelPixel button*/
.product-info .mt-auto.pt-3.flex.flex-wrap.justify-center.items-center {display: none;}

/* tool tip */

a.tooltip{
  position: relative;
  display: inline;
}
a.tooltip:after{font-size: 12px;font-weight: normal;display: block;visibility: hidden;position: absolute;bottom: 0;left: 20%;opacity: 0;content: attr(tool-tips); /* might also use attr(title) */height: auto;min-width: 220px;padding: 15px 8px;z-index: 999;color: #fff;text-decoration: none;text-align: center;background: rgba(0,0,0,0.85);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
a.tooltip:before {position: absolute;visibility: hidden;width: 0;height: 0;left: 50%;bottom: 0px;opacity: 0;content: "";border-style: solid;border-width: 6px 6px 0 6px;border-color: rgba(0,0,0,0.85) transparent transparent transparent;}

a.tooltip:hover:after{ visibility: visible; opacity: 1; bottom: 20px; }
a.tooltip:hover:before{ visibility: visible; opacity: 1; bottom: 14px; }

/* tips on bottom */
a.tooltip.bottom:before {border-width: 0 5px 8.7px 5px;border-color: transparent transparent rgba(0,0,0,0.85) transparent;top: 0px}
a.tooltip.bottom:hover:before { top: 20px; }
a.tooltip.bottom:after { bottom: auto; top: 0; }
a.tooltip.bottom:hover:after { top: 28px; }


/* tips on the right */
a.tooltip.right:before {border-width: 5px 10px 5px 0;border-color: transparent rgba(0,0,0,0.85) transparent transparent;left: 95%;bottom: 40%;}
a.tooltip.right:hover:before { left: 108%; }
a.tooltip.right:after { left: 100%; bottom: -20%; }
a.tooltip.right:hover:after { left: 111%; }


/* tips on the left */
a.tooltip.left:before {border-width: 5px 0 5px 10px;border-color: transparent transparent transparent rgba(0,0,0,0.85);left: auto;right: 90%;bottom: 20%;}
a.tooltip.left:hover:before { right: 100%;}
a.tooltip.left:after { left: auto; right: 100%; bottom: -70%; }
a.tooltip.left:hover:after { right: 110%; }


/* tooltip colors (add your own!) */
a.tooltip.red:after { background:var(--brand-primary-light); }
a.tooltip.red:before { border-color: var(--brand-primary-light) transparent transparent transparent; }
a.tooltip.bottom.red:before{ border-color: transparent transparent var(--brand-primary-light) transparent; }
a.tooltip.right.red:before { border-color: transparent var(--brand-primary-light) transparent transparent; }
a.tooltip.left.red:before { border-color: transparent transparent transparent var(--brand-primary-light); }



a.tooltip.animationTips:after, a.tooltip.animationTips:before {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* bullet point list */

ul.nice-bullet {display: block;margin-left: 22px;}
ul.nice-bullet li {display: block;position: relative;}
ul.nice-bullet li + li {margin-top: .5em;}
ul.nice-bullet li:before {content: "";position: absolute;top: 1.2em;left: -22px;margin-top: -.9em;background: var(--brand-primary-light);height: 12px;width: 12px;border-radius: 50%;}
ol.nice-list li {list-style-type: none;counter-increment: item;}
ol.nice-list li + li {margin-top: .5em;}
ol.nice-list li:before {content: counter(item);margin-right: 5px;font-size: 80%;background-color: var(--brand-primary-light);color: #FFF;font-weight: bold;padding: 3px 8px;border-radius: 3px;}

.copyright {padding: 0 0 20px;background: var(--brand-grey); color: #FFFFFF; width: 100%;text-align: center;}

/* reviews */

#review_field {height: 160px;}

/* ===============
   SECTIONS
   =============== */

   /* Home page */

   body.cms-index-index .page-main, body main {margin-top: 0;}
   body.cms-gt-giftiamo-home-page .swiper-wrapper {margin: 0 auto; max-width:1920px;}
   
   .cms-index-index .page-main .main .block-static-block {margin-bottom: 0;}

   /* Gift Panel */

   .show-giftfriend-field-container .bg-primary {background-color: var(--brand-primary);}

/* ===HEADER=== */

 #header {}

.logo img {width: 220px;}

.nav-desktop  {background-color: var(--brand-primary)}
.nav-desktop a.level-0 {opacity: 1; transition: 0.2s;}
.nav-desktop a.level-0:hover {opacity: .8; }

.top-header {background-color: var(--brand-grey);}
#search_mobile, #search {border-radius: 300px; border-color: var(--brand-primary);font-size:16px;}
#search_mobile {width: 300px;}

.top-header .form-select {background: transparent;padding: 0;}

.magnify-icon {border-radius: 20px; position: relative; left: -30px;transition: 0.2s;}
.magnify-icon:hover {background-color: var(--brand-primary-light);} 

#customer-menu, #menu-cart-icon {opacity: 1; transition: 0.2s;}
#customer-menu:hover, #menu-cart-icon:hover {opacity: .5}

.icon-profile {width: 30px}
.icon-hopping-cart {width: 30px}

.inner-menu {border-bottom-width: 4px;}
.inner-menu a {opacity: 1;transition: 0.2s;}
.inner-menu a:hover {opacity: .6}

.nav-desktop .absolute a:hover {background: var(--brand-grey-light);}
.nav-desktop .absolute a.block.underline {background: var(--brand-grey-medium);text-decoration: none;}
.nav-desktop .absolute a.block.underline span.text-sm.text-gray-700{color:var(--brand-grey);}

.nav-mobile.fixed {background: var(--brand-primary);}
.current-page {background-color: var(--brand-primary-dark);}
.current-page > span > a {font-weight: normal;}
.current-page a {text-decoration: none;}

.nav-mobile  > nav > div.current-page > div > a.underline {background:  var(--brand-grey-medium);}


/* ===MAIN=== */

.catalog-category-view #category-view-container {padding-top: 0;padding-bottom: 0;margin-bottom: 0;margin-top: 0;}

.catalog-product-view #maincontent>.title { padding-left: 1.5rem;  padding-right: 1.5rem;  max-width: 1540px;}

.svg-container {width: 40px;height: 40px;overflow: hidden;opacity: 1;transition: opacity .2s; }
.svg-container:hover {opacity: .8;}
.social-share {width: 80px;height: 80px;overflow: hidden; }

div table.styled-table tbody tr:last-of-type {border-bottom-color:var(--brand-primary-light);}

.order-container-account .nav.item.current {cursor: default;}
.order-links li.current {color:var(--brand-primary) }
.order-total {font-size: 1.2em;}

/* ORDER STATUS */

.order-status:hover{opacity: .8;}

.order-status.complete,
.order-status.complete_postponed,
.complete_mybank {background-color: #36b77f}

.order-status.processing,
.order-status.received,
.order-status.payment_accepted,
.order-status.payment_review,
.order-status.holded,
.order-status.pending,
.order-status.pending_paypal,
.order-status.not_verified,
.order-status.pending_payment,
.order-status.payment_pa,
.order-status.paypal_reversed  {background-color: #f5870a}

.order-status.canceled,
.fraud,
.rejected,
.canceled,
.closed,
.paypal_canceled_reversal {background-color: #e22205}

/*  */

.gift-suggesiton {}
.gift-suggesiton li + li {margin-top: 30px;}

.gift-suggesiton li {margin: 0;list-style: none; padding-left: 55px;list-style: none;background-repeat: no-repeat;background-position: left center;    background-size: 35px;margin-top: 20px;}

.gift-suggesiton li.cart {background-image: url("/media/wysiwyg/Icon_metro-cart_2x.png");}
.gift-suggesiton li.envelope {background-image: url("/media/wysiwyg/Icon_ionic-md-mail-open_2x.png");}
.gift-suggesiton li.credit-card {background-image: url("/media/wysiwyg/Icon_material-payment_2x.png");}



/* ===SLIDER=== */
.products-grid .product-item-photo {padding-top:0%}
.product-item-photo {padding-top:65%}

.product-item-photo div.logo-hover {opacity: 1;transition: opacity .2s;z-index: 1;background-color: #FFFFFF;background-repeat: no-repeat;background-size:cover;background-size: 55%;background-position: center; }
.product-item-photo:hover div.logo-hover {opacity: 0;}

/* Slider Home page */
.pagebuilder-slider .carousel-nav {background: transparent; bottom: 20px;background: transparent;margin-bottom: 0;}
.glider-dot {background-color: #FFFFFF;opacity: 1}
.glider-dot.active {background-color: var(--brand-primary);opacity: 1}




/* ===CARD CONTAINER=== */

.card-container { overflow: hidden; padding: 0 8px;text-align: center;margin:0 10px; background: #FFF; border:1px solid var(--brand-grey-medium); border-radius: 20px;}
.nations-container > div {border-radius:1.5em;}
.nations-container a > img {opacity: 1; transition: 0.2s;}
.nations-container a:hover > img {opacity: .8}

.nations-container .bg-brand-color {transition: 0.2s;}
.nations-container .bg-brand-color:hover {background-color: var(--brand-primary-light);} 

.spec-sep {color: var(--brand-grey-medium); padding: 0 5px;}

/* ===QUANTITY-CONTAINER=== */

.quantity-container {}
.quantity-container .minus, .quantity-container .plus {transition: 0.2s;}
.quantity-container .minus:hover, .quantity-container .plus:hover {background-color: var(--brand-primary-light)}
.quantity-container .minus {border-radius: 20px 0px 0px 20px;}
.quantity-container .plus {border-radius: 0px 20px 20px 0px;}

.catalog-product-view .swatch-attribute .swatch-attribute-options .swatch-option {transition: 0.2s;}
.catalog-product-view .swatch-attribute .swatch-attribute-options .swatch-option:hover {background-color: var(--brand-primary-light);color: white;} 
.catalog-product-view .swatch-attribute .swatch-attribute-options .swatch-option.active-option {color: white; background-color: var(--brand-primary);}

/* CART */

.cart-empty, .cart-form {    margin-left: auto;
    margin-right: auto;
    max-width: 1536px;
    padding: 1rem 1.5rem;
}

/* PRODUCT PAGE */

.catalog-product-view .swatch-attribute .swatch-attribute-options .swatch-option {border-radius: 15px;font-weight: bold;}
.max-w-brandLogo {width: 150px;}
.addictioonal-description a {text-decoration:underline;color:var(--brand-primary) }

/* ===ACCOUNT=== */

.account-nav ul li {margin-bottom: 0; margin-top: 0;    padding-top: .5rem;padding-bottom: .5rem; padding-left: .5rem;transition: 0.2s;}
.account-nav ul li a {display: block;width: 100%;}
.account-nav-content .nav.items {margin-top: 20px;}
.account-nav-content .nav.items .item.current, .account-nav-content .nav.items .item:hover {background:  var(--brand-grey-light);}
.account-nav-content .nav.items .item.current strong {border-bottom:0;font-weight: bold;}


/* ===TOGGLE=== */

.toggle[type=checkbox] {
  background-color: var(--brand-grey-light);
  border: none;
}

.toggle[type=checkbox]:checked {
  background-size: 100% 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-color: var(--brand-grey-light);
  background-image: none;
}

.toggle[type=checkbox]:focus {box-shadow: none;}

.toggle[type=checkbox]:before {
  content: '';
  position: absolute;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  top: 6px;
  left:  7px;
  right: 0;
  transform: scale(1.1);
  /* box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.2); */
  background-color: white;
  transition: .2s ease-in-out;
}

.toggle[type=checkbox]:checked:before {
  left: 60%;
  background-color: var(--brand-primary);
}

/* ===MODALE=== */

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 30; /* Sit on top */
  padding-top: 50px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  border: 1px solid #888;
  width: 90%;
  max-width: 720px;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  z-index: 1;
  right: 20px;
  top: 10px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

#acceptModal {text-decoration: none!important;color: #FFF!important}

/* ===BLOG=== */

div.amblog-element-block {border:0;}

.amblog-element-block a.amblog-headline:hover, 
.amblog-element-block .amblog-categories a.amblog-link:hover, 
.amblog-post-container .amblog-widget-container a.amblog-headline:hover, 
.amblog-grid-list > .amblog-item .amblog-widget-container a.amblog-headline:hover, 
.amblog-grid-list .slick-slide .amblog-item .amblog-widget-container a.amblog-headline:hover, 
.amblog-post-container .amblog-widget-container .amblog-categories a.amblog-link:hover, 
.amblog-grid-list > .amblog-item .amblog-widget-container .amblog-categories a.amblog-link:hover,
.amblog-grid-list .slick-slide .amblog-item .amblog-widget-container .amblog-categories a.amblog-link:hover,
.amblog-index-index a.amblog-ref, .amblog-index-post a.amblog-ref, .amblog-index-author a.amblog-ref{color: var(--brand-primary-light);}

.amblog-index-index a.amblog-ref, .amblog-index-post a.amblog-ref, .amblog-index-author a.amblog-ref {color: var(--brand-primary);font-size: 1rem;padding-left: 5px;}
.amblog-index-index a.amblog-ref:hover, .amblog-index-post a.amblog-ref:hover, .amblog-index-author a.amblog-ref:hover  {color: var(--brand-primary-light);}

.card-interactive {border-radius: 20px;overflow: hidden;}
.amblog-recent-post div.amblog-recent-post-image-wrapper {margin-right: 0;border-radius: 20px;overflow: hidden;}
.amblog-recent-post div.amblog-recent-post-image-wrapper .thumbnail img {width: 100%;}
div.amblog-pager-container a.amblog-link {background-color: var(--brand-primary);}
div.amblog-pager-container a.amblog-link:hover {background-color: var(--brand-primary-light);}

.amblog-recent-post div.amblog-recent-post-image-wrapper .thumbnail img {opacity: 1;transition: 0.2s;}
.amblog-recent-post div.amblog-recent-post-image-wrapper .thumbnail:hover  img { opacity: .8}
.amblog-grid-list.container .amblog-wrapper a img {opacity: 1;transition: 0.2s;}
.amblog-grid-list.container .amblog-wrapper a:hover img { opacity: .8}

/* ===FOOTER=== */
.page-footer {background-color: var(--brand-grey-light);}
.container-top-footer-links {gap:0;}
.icon-share {/* border-radius: 55px;background: #555555;padding: 4px;width: 28px; */}

/* ===iframe=== */

.iframe-container {border-radius: 20px;overflow: hidden;}

body.catalog-category-view .page-main {margin-bottom: 0;margin-top: 0;}

/* ===Print=== */

body.page-print .title.container {display: none;}

/* ===CheckOut=== */

.checkout-onepage-success a.flex.logo.py-6 {display: none;}


/* ===FAQ=== */

.faq-container {
  border: 1px solid #eee;
  padding: 10px;
  border-radius: 10px;
  background: #eee;
  margin-top: 15px;
}

/* ===============
   RESPONISVE
   =============== */

.hide-on-mobile {display: inline-block;}

@media (max-width: 1024px) {
  .cms-index-index .page-header>#header>div {height: 4rem;}
	.logo img {width: 120px;padding-bottom: 12px;}
  .hide-on-mobile {display: none;}

  .hero-container .img-content {height: 25vw;}
   #html-body  [data-content-type=slide] .pagebuilder-slide-wrapper {min-height: 68vw;}

   .catalog-product-view .swatch-attribute .swatch-attribute-options .swatch-option { margin-left: 6px}

}

@media (min-width: 768px) {
  .amblog-post-container .amblog-title, 
  ul.amblog-grid-list > .amblog-item .amblog-title, 
  ul.amblog-grid-list .slick-slide .amblog-item .amblog-title {height: 85px;}

}

/* CSS is poetry *//* 
 * Snowdog Menu Styles - GIFTIAMO THEME
 * This file contains SPECIFIC styles for the Giftiamo child theme
 * Base styles are inherited from Amilon/base theme
 */

/* === STILI SPECIFICI PER GIFTIAMO === */

/* Stili per il menu desktop */
.snowdog-topmenu-desktop > ul > li > .group > a {
   color: #ffffff !important;
   font-weight: 500;
}

.snowdog-topmenu-desktop > ul > li > .group > a:hover,
.snowdog-topmenu-desktop > ul > li > .group > a:focus,
.snowdog-topmenu-desktop > ul > li > .group > a:active {
   color: #000000 !important;
}

/* Quando il submenu è aperto, cambia anche il colore del link principale */
.snowdog-topmenu-desktop > ul > li.bg-white > .group > a {
   color: #000000 !important;
}

/* Stili per i link del submenu */
.snowdog-topmenu-desktop ul li div a {
   transition: color 0.2s ease-in-out;
}

.snowdog-topmenu-desktop ul li div a:hover {
   color: #e22205 !important;
}

/* === LAYOUT MULTI-COLONNE SPECIFICO PER GIFTIAMO === */

/* Stili per layout multi-colonne */
.multi-columns {
    column-count: 2 !important;
    column-gap: 20px !important;
    column-rule: 1px solid #ddd !important;
    -webkit-column-count: 2 !important;
    -webkit-column-gap: 20px !important;
    -webkit-column-rule: 1px solid #ddd !important;
    -moz-column-count: 2 !important;
    -moz-column-gap: 20px !important;
    -moz-column-rule: 1px solid #ddd !important;
}

.multi-columns li {
    break-inside: avoid !important;
    -webkit-column-break-inside: avoid !important;
    page-break-inside: avoid !important;
    display: block !important;
    margin-bottom: 5px !important;
}

/* Layout responsivo per Giftiamo */
@media (min-width: 768px) {
    .multi-columns {
        column-count: 3 !important;
        -webkit-column-count: 3 !important;
        -moz-column-count: 3 !important;
    }
}

@media (min-width: 1024px) {
    .multi-columns {
        column-count: 4 !important;
        -webkit-column-count: 4 !important;
        -moz-column-count: 4 !important;
    }
}

/* Approccio alternativo con CSS Grid per test */
.multi-columns-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
    border: 2px solid blue !important; /* Debug */
    padding: 10px !important;
    width: 100% !important;
}

.multi-columns-grid li {
    display: block !important;
    margin-bottom: 5px !important;
}

@media (min-width: 768px) {
    .multi-columns-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (min-width: 1024px) {
    .multi-columns-grid {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}
.top-header-wrapper, .top-header{
    background-color: var(--brand-grey);
}

.page-footer {
    background-color: #e22205;
}

/* Stile per i link nel top header */
.top-header a {
    font-size: 0.75rem;
    letter-spacing: 0.5px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0.25rem 0.75rem;
    transition: opacity 0.2s ease-in-out;
    color: #fff;
}

.top-header a:hover {
    opacity: 0.8;
}

/* Allineamento corretto per gli elementi nel top-header */
.top-header {
    align-items: center;
}

/* Gestione del wrapper automatico di Magento CMS */
.top-header [data-content-type="html"] {
    width: 100% !important;
}

.top-header [data-content-type="html"] > div {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}

.top-header [data-content-type="html"] .flex {
    display: flex !important;
}

.top-header [data-content-type="html"] .gap-4 > a {
    margin-right: 1.5rem;
}

.top-header [data-content-type="html"] .gap-4 > a:last-child {
    margin-right: 0;
}

.top-header a {
    white-space: nowrap;
}

.top-header .flex > a {
    margin-right: 1.5rem;
}

/* Nasconde il top header su dispositivi mobili */
@media (max-width: 768px) {
    .top-header {
        display: none;
    }
}