/** Shopify CDN: Minification failed

Line 792:0 All "@import" rules must come first
Line 793:2 All "@import" rules must come first
Line 1609:0 All "@import" rules must come first
Line 1610:2 All "@import" rules must come first
Line 2313:0 All "@import" rules must come first
Line 2314:2 All "@import" rules must come first
Line 5733:0 All "@import" rules must come first
Line 6110:0 All "@import" rules must come first
Line 6111:2 All "@import" rules must come first
Line 6736:0 All "@import" rules must come first

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:collection-accessori-template (INDEX:1, SCOPED:FALSE) */
@import url('https://fonts.googleapis.com/css2?family=Racing+Sans+One&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');
  
  /* Filter Dropdowns */
  .filter-group {
    position: relative;
    user-select: none;
  }
  
  .filter-dropdown {
    display: none;
    position: absolute;
    top: 120%;
    left: 0;
    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 4px;
    width: 200px;
    z-index: 1000;
    flex-direction: column;
    box-shadow: 0 10px 20px rgba(0,0,0,0.5);
    padding: 5px 0;
  }
  
  .filter-dropdown.active {
    display: flex;
  }
  
  .filter-dropdown div {
    padding: 10px 15px;
    color: #ccc;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    cursor: pointer;
    text-align: left;
    transition: background 0.2s;
  }
  
  .filter-dropdown div:hover {
    background: #D90000;
    color: white;
  }

  .collection-tute-section {
    background-color: #0c0c0c;
    color: #ffffff;
    padding: 120px 20px 80px;
    min-height: 100vh;
  }

  .collection-tute-section .container {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    position: relative;
  }

  .page-header-wrapper {
    position: relative;
    padding: 20px 0 40px 0;
    margin-bottom: 20px;
    overflow: hidden;
  }
  
  .page-header-watermark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) skewX(-10deg);
    font-family: 'Racing Sans One', cursive;
    font-size: 13vw;
    color: rgba(255, 255, 255, 0.04);
    white-space: nowrap;
    pointer-events: none;
    z-index: 0;
    line-height: 1;
    width: 100%;
    user-select: none;
  }
  
  @media (max-width: 768px) {
    .page-header-watermark {
      font-size: 18vw;
    }
  }

  .page-header-content {
    position: relative;
    z-index: 1;
  }

  .page-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 56px;
    color: #FFFFFF;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    font-style: italic;
  }

  .page-description {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #cccccc;
    margin: 0 auto 50px;
    max-width: 600px;
    line-height: 1.6;
  }

  .collection-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #333;
    font-family: 'Poppins', sans-serif;
    color: #cccccc;
  }

  .filters-container {
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .filter-label {
    margin-right: 10px;
  }

  .filter-group {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    position: relative;
  }
  
  .filter-group:hover {
    color: white;
  }

  .filter-icon {
    font-size: 12px;
    position: relative;
    top: -2px;
  }

  .products-count {
    font-size: 14px;
    color: #999;
  }

  .custom-racing-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 30px;
    margin-top: 40px;
  }

  .custom-racing-card {
    cursor: pointer;
    text-decoration: none;
    display: block;
    width: 100%;
  }

  .custom-racing-image-box {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    background-color: #111;
    margin-bottom: 20px;
    overflow: hidden; 
    border-radius: 4px;
  }

  /* Placeholder Fix */
  .custom-racing-image-box svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #222;
    fill: #444; 
    transform: scale(1); 
    transform-origin: center;
  }
  
  .custom-racing-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
  }

  .custom-racing-card:hover .custom-racing-image {
     transform: scale(1.05);
  }

  .custom-racing-info {
    padding: 0;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  .custom-racing-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 22px; 
    color: #ffffff;
    margin: 0 0 5px 0;
    font-weight: normal;
    font-style: italic;
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: 0.5px;
  }
  
  .custom-racing-rating {
    margin-bottom: 5px;
  }
  
  .custom-stars {
    color: #fff;
    font-size: 16px;
    letter-spacing: 3px;
  }

  .custom-racing-price {
    font-family: 'Poppins', sans-serif;
    font-size: 18px; 
    color: #cccccc;
    font-weight: 300;
    margin-top: 5px;
  }

  @media (max-width: 1024px) {
    .custom-racing-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  @media (max-width: 768px) {
    .custom-racing-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 15px; 
    }
    .custom-racing-title {
      font-size: 14px;
    }
    .custom-racing-price {
      font-size: 14px;
    }
  }
  
  @media (max-width: 480px) {
    .custom-racing-grid {
      grid-template-columns: 1fr;
    }
  }

  /* Thumbnails Navigation */
  .drawer-thumbnails-container {
      display: flex;
      align-items: center;
      gap: 10px;
      width: 100%;
      justify-content: center;
      position: relative;
  }
  .thumb-nav {
      background: transparent;
      border: 1px solid #333;
      color: white;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      transition: all 0.2s;
  }
  .thumb-nav:hover {
      background: #333;
      border-color: #fff;
  }
  .drawer-thumbnails-grid {
      overflow-x: auto;
      scroll-behavior: smooth;
      scrollbar-width: none;
      -ms-overflow-style: none;
      justify-content: flex-start;
      margin: 0;
      width: 100%;
  }
  .drawer-thumbnails-grid::-webkit-scrollbar {
      display: none;
  }

  /* Drawer Styles */
  .drawer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 2000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    backdrop-filter: blur(5px);
  }
  
  .drawer-overlay.active {
    opacity: 1;
    visibility: visible;
  }
  
  .product-drawer {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #0c0c0c;
    z-index: 2001;
    transform: translateX(100%);
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    display: flex;
    flex-direction: column;
  }
  
  .product-drawer.active {
    transform: translateX(0);
  }

  .drawer-close-btn {
    position: absolute;
    top: 30px;
    right: 40px;
    background: transparent;
    border: none;
    color: white;
    font-size: 30px;
    cursor: pointer;
    z-index: 205;
  }

  .drawer-content {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: row;
    height: 100%;
  }

  /* Gallery Section (Left) */
  .drawer-gallery-wrapper {
      flex: 1; /* 50% width approx */
      padding: 40px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      background: #000;
  }

  .drawer-main-image-container {
      width: 100%;
      height: 60vh;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px;
  }
  
  .drawer-main-image {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
  }

  .drawer-thumbnails-grid {
      display: flex;
      justify-content: flex-start;
      gap: 10px;
      overflow-x: auto;
      padding: 10px 0;
      scroll-behavior: smooth;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: thin;
  }

  .drawer-thumbnail-box {
      width: 60px;
      height: 60px;
      border: 1px solid #333;
      cursor: pointer;
      opacity: 0.6;
      transition: opacity 0.2s;
  }
  .drawer-thumbnail-box.active {
      opacity: 1;
      border-color: #fff;
  }
  .drawer-thumbnail-box img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }

  /* Details Section (Right) */
  .drawer-details {
      flex: 1; /* 50% width */
      width: 50%;
      height: 100vh; /* Full height for scrolling */
      padding: 60px 50px;
      background: #0c0c0c;
      overflow-y: auto; /* Scroll only here */
      display: flex;
      flex-direction: column;
      justify-content: flex-start; /* Start from top */
      border-left: 1px solid #222;
  }

  .drawer-details::-webkit-scrollbar {
      width: 6px;
  }
  .drawer-details::-webkit-scrollbar-track {
      background: #0c0c0c; 
  }
  .drawer-details::-webkit-scrollbar-thumb {
      background: #333; 
      border-radius: 3px;
  }

  /* Qty Selector */
  .qty-selector {
    margin-bottom: 0;
  }
  .qty-selector label {
      display: block;
      color: #888;
      margin-bottom: 8px;
      font-size: 14px;
      font-family: 'Poppins', sans-serif;
  }
  .qty-controls {
      display: flex;
      align-items: center;
      border: 1px solid #333;
      background: #000;
      width: fit-content;
      padding: 5px;
      border-radius: 4px;
  }
  .qty-controls button {
      background: transparent;
      border: none;
      color: white;
      width: 40px;
      height: 40px;
      cursor: pointer;
      font-size: 24px;
      line-height: 1;
  }
  .qty-controls input {
      background: transparent;
      border: none;
      color: white;
      width: 50px;
      text-align: center;
      font-size: 18px;
      font-weight: bold;
      -moz-appearance: textfield;
  }
  .qty-controls input::-webkit-outer-spin-button,
  .qty-controls input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
  }
  
  @media (max-width: 900px) {
     .drawer-content {
         flex-direction: column;
         height: 100%;
     } 
     .drawer-gallery-wrapper {
         padding: 20px;
         height: auto;
         flex: none;
         background: transparent;
     }
     .drawer-main-image-container {
         height: 350px; 
     }
     .drawer-details {
         padding: 30px;
         height: auto;
         min-height: auto;
         width: 100%;
         overflow-y: visible;
         border-left: none;
         border-top: 1px solid #333;
     }
     .product-drawer {
         overflow-y: auto;
     }
  }

  /* Typography & Misc Drawer */
  .drawer-product-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 42px;
    margin: 0 0 10px 0;
    color: white;
    text-transform: uppercase;
    font-style: italic;
    line-height: 1;
  }
  
  .drawer-product-price {
    font-family: 'Poppins', sans-serif;
    font-size: 28px;
    color: #D90000;
    margin-bottom: 20px;
    font-weight: 700;
  }

  /* Variants Styling */
  .drawer-variants {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
  }

  .drawer-variant-pill {
    padding: 10px 20px;
    border: 1px solid #444;
    border-radius: 50px; /* Pill shape */
    background: transparent;
    color: #ccc;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .drawer-variant-pill:hover {
    border-color: #888;
    color: #fff;
  }

  .drawer-variant-pill.active {
    background: #ffffff; /* White background for active */
    color: #000000; /* Black text */
    border-color: #ffffff;
    font-weight: 600;
    box-shadow: 0 0 10px rgba(255,255,255,0.2);
  }
  
  .drawer-actions {
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .btn-full-details {
    display: block;
    width: 100%;
    background: white;
    color: black;
    text-align: center;
    padding: 18px;
    font-family: 'Racing Sans One', cursive;
    font-style: italic;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 20px;
    border-radius: 4px;
    transition: all 0.3s;
    border: none;
    cursor: pointer;
  }
  
  .btn-full-details:hover {
    background: #e6e6e6;
    color: black;
    transform: scale(1.02);
  }
  
  .drawer-description-container {
      margin-top: 30px;
      border-top: 1px solid #222;
      padding-top: 25px;
  }

  .drawer-description-container h3 {
    font-family: 'Racing Sans One', cursive;
    font-style: italic;
    color: #444; /* Dark grey like screenshot */
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 20px;
    font-size: 26px;
    text-transform: capitalize;
  }

  .drawer-product-description {
    font-family: 'Poppins', sans-serif;
    color: #ccc;
    font-size: 14px;
    line-height: 1.7; 
  }

  /* Specific styling for HTML elements inside description */
  .drawer-product-description p {
      margin-bottom: 15px;
  }
  
  .drawer-product-description strong, 
  .drawer-product-description b {
      color: #fff; /* White for emphasis */
      font-weight: 600;
  }

  .drawer-product-description ul, 
  .drawer-product-description ol {
      padding-left: 20px;
      margin-bottom: 15px;
      list-style-position: outside;
  }
  
  .drawer-product-description ul {
      list-style-type: disc;
  }

  .drawer-product-description li {
      margin-bottom: 8px;
      padding-left: 5px;
  }
  
  .drawer-product-description h4, 
  .drawer-product-description h5 {
      color: #fff;
      font-family: 'Poppins', sans-serif;
      margin-top: 20px;
      margin-bottom: 10px;
      font-size: 16px;
  }
  
  .drawer-product-description img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 4px;
    margin: 15px 0;
    display: block;
  }

  @media (max-width: 768px) {
    .product-drawer {
        width: 100%;
    }
    .drawer-gallery {
        height: 350px;
    }
  }

  .product-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 22px; /* Molto più grande e visibile */
    color: #ffffff;
    margin: 0 0 5px 0;
    font-weight: normal;
    font-style: italic;
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: 0.5px;
  }
  
  .product-rating {
    margin-bottom: 5px;
    /* Colore stelle giallo/oro o bianco a scelta, qui teniamo bianco per stile dark */
  }
  
  .stars {
    color: #fff;
    font-size: 16px;
    letter-spacing: 3px;
  }

  .product-price {
    font-family: 'Poppins', sans-serif;
    font-size: 18px; /* Prezzo ben leggibile */
    color: #cccccc;
    font-weight: 300;
    margin-top: 5px;
  }

  .price-label {
    color: #ffffff;
    margin-right: 4px;
  }

  .price-compare {
    text-decoration: line-through;
    color: #888;
    margin-right: 10px;
    font-size: 14px;
  }

  .price-original {
    font-weight: 300;
  }

  .placeholder-svg {
    background-color: #222;
  }
  
  .no-products {
    grid-column: 1 / -1;
    text-align: center;
    color: #888;
    font-family: 'Poppins', sans-serif;
    padding: 40px;
  }

  @media (max-width: 1024px) {
    .products-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  @media (max-width: 768px) {
    .page-title {
      font-size: 36px;
    }
    
    .collection-tute-section {
      padding-top: 100px;
    }
    
    .products-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 15px; /* Smaller gap on mobile like screenshot seems to imply */
    }
    
    .product-title {
      font-size: 14px;
    }
    
    .product-price {
      font-size: 14px;
    }
  }
  
  @media (max-width: 480px) {
    .products-grid {
      grid-template-columns: 1fr;
    }
  }
/* END_SECTION:collection-accessori-template */

/* START_SECTION:collection-buoni-template (INDEX:2, SCOPED:FALSE) */
@import url('https://fonts.googleapis.com/css2?family=Racing+Sans+One&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');
  
  /* Thumbnails Navigation */
  .drawer-thumbnails-container {
      display: flex;
      align-items: center;
      gap: 10px;
      width: 100%;
      justify-content: center;
      position: relative;
  }
  .thumb-nav {
      background: transparent;
      border: 1px solid #333;
      color: white;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      transition: all 0.2s;
  }
  .thumb-nav:hover {
      background: #333;
      border-color: #fff;
  }
  .drawer-thumbnails-grid {
      overflow-x: auto;
      scroll-behavior: smooth;
      scrollbar-width: none;
      -ms-overflow-style: none;
      justify-content: flex-start;
      margin: 0;
      width: 100%;
  }
  .drawer-thumbnails-grid::-webkit-scrollbar {
      display: none;
  }

  /* Filter Dropdowns */
  .filter-group {
    position: relative;
    user-select: none;
  }
  
  .filter-dropdown {
    display: none;
    position: absolute;
    top: 120%;
    left: 0;
    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 4px;
    width: 200px;
    z-index: 1000;
    flex-direction: column;
    box-shadow: 0 10px 20px rgba(0,0,0,0.5);
    padding: 5px 0;
  }
  
  .filter-dropdown.active {
    display: flex;
  }
  
  .filter-dropdown div {
    padding: 10px 15px;
    color: #ccc;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    cursor: pointer;
    text-align: left;
    transition: background 0.2s;
  }
  
  .filter-dropdown div:hover {
    background: #D90000;
    color: white;
  }

  .collection-tute-section {
    background-color: #0c0c0c;
    color: #ffffff;
    padding: 120px 20px 80px;
    min-height: 100vh;
  }

  .collection-tute-section .container {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    position: relative;
  }

  .page-header-wrapper {
    position: relative;
    padding: 20px 0 40px 0;
    margin-bottom: 20px;
    overflow: hidden;
  }
  
  .page-header-watermark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) skewX(-10deg);
    font-family: 'Racing Sans One', cursive;
    font-size: 14vw;
    color: rgba(255, 255, 255, 0.04);
    white-space: nowrap;
    pointer-events: none;
    z-index: 0;
    line-height: 1;
    width: 100%;
    user-select: none;
  }
  
  @media (max-width: 768px) {
    .page-header-watermark {
      font-size: 20vw;
    }
  }

  .page-header-content {
    position: relative;
    z-index: 1;
  }

  .page-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 56px;
    color: #FFFFFF;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    font-style: italic;
  }

  .page-description {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #cccccc;
    margin: 0 auto 50px;
    max-width: 600px;
    line-height: 1.6;
  }

  .collection-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #333;
    font-family: 'Poppins', sans-serif;
    color: #cccccc;
  }

  .filters-container {
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .filter-label {
    margin-right: 10px;
  }

  .filter-group {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    position: relative;
  }
  
  .filter-group:hover {
    color: white;
  }

  .filter-icon {
    font-size: 12px;
    position: relative;
    top: -2px;
  }

  .products-count {
    font-size: 14px;
    color: #999;
  }

  .custom-racing-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 30px;
    margin-top: 40px;
  }

  .custom-racing-card {
    cursor: pointer;
    text-decoration: none;
    display: block;
    width: 100%;
  }

  .custom-racing-image-box {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    background-color: #111;
    margin-bottom: 20px;
    overflow: hidden; 
    border-radius: 4px;
  }

  /* Placeholder Fix */
  .custom-racing-image-box svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #222;
    fill: #444; 
    transform: scale(1); 
    transform-origin: center;
  }
  
  .custom-racing-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
  }

  .custom-racing-card:hover .custom-racing-image {
     transform: scale(1.05);
  }

  .custom-racing-info {
    padding: 0;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  .custom-racing-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 22px; 
    color: #ffffff;
    margin: 0 0 5px 0;
    font-weight: normal;
    font-style: italic;
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: 0.5px;
  }
  
  .custom-racing-rating {
    margin-bottom: 5px;
  }
  
  .custom-stars {
    color: #fff;
    font-size: 16px;
    letter-spacing: 3px;
  }

  .custom-racing-price {
    font-family: 'Poppins', sans-serif;
    font-size: 18px; 
    color: #cccccc;
    font-weight: 300;
    margin-top: 5px;
  }

  @media (max-width: 1024px) {
    .custom-racing-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  @media (max-width: 768px) {
    .custom-racing-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 15px; 
    }
    .custom-racing-title {
      font-size: 14px;
    }
    .custom-racing-price {
      font-size: 14px;
    }
  }
  
  @media (max-width: 480px) {
    .custom-racing-grid {
      grid-template-columns: 1fr;
    }
  }

  /* Drawer Styles */
  /* Drawer Overlay */
  .product-drawer-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
  }
  .product-drawer-overlay.active {
    opacity: 1;
    visibility: visible;
  }

  /* Drawer Container */
  .product-drawer {
    position: fixed;
    top: 0; right: 0;
    width: 100%;
    max-width: 100vw;
    height: 100%;
    background: #fff;
    z-index: 9999;
    transform: translateX(100%);
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    display: flex;
    flex-direction: column;
    overflow-y: auto; 
    box-shadow: -5px 0 15px rgba(0,0,0,0.1);
  }
  .product-drawer.active {
    transform: translateX(0);
  }

  /* Close Button */
  .drawer-close {
    position: absolute;
    top: 20px; 
    right: 20px;
    background: transparent;
    border: none;
    font-size: 2rem;
    cursor: pointer;
    z-index: 10;
    line-height: 1;
    color: #333;
  }

  /* Loading State */
  .drawer-loading {
    flex: 1;
    display: none; /* hidden by default */
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: #666;
  }

  /* Drawer Content Split layout */
  .drawer-content {
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden; 
  }

  /* LEFT: Gallery Wrapper */
  .drawer-gallery-wrapper {
    width: 60%;
    height: 100vh; 
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #fdfdfd; 
    position: relative;
  }

  /* Main Image */
  .drawer-main-image {
    width: 100%;
    height: auto;
    max-height: 70vh;
    object-fit: contain;
    margin-bottom: 20px; 
    border-radius: 8px;
  }

  /* Thumbnails Container New Structure */
  .drawer-thumbnails-container {
      display: flex;
      align-items: center;
      width: 100%;
      gap: 10px;
  }

  /* Thumbnails Grid */
  .drawer-thumbnails {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    width: 100%;
    overflow-x: auto;
    padding-bottom: 5px; 
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Hide scrollbar in favor of arrows */
  }
  .drawer-thumbnails::-webkit-scrollbar {
    display: none;
  }
  
  /* Buttons */
  .thumb-nav {
      background: transparent;
      border: 1px solid #ddd;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      flex-shrink: 0;
      color: #333;
      transition: all 0.2s;
  }
  .thumb-nav:hover {
      background: #eee;
      border-color: #999;
  }

  .drawer-thumbnail-box {
    width: 60px;
    height: 60px;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.2s, border-color 0.2s;
    background: #fff;
    flex-shrink: 0;
  }
  .drawer-thumbnail-box:hover,
  .drawer-thumbnail-box.active {
    opacity: 1;
    border-color: #333;
  }
  .drawer-thumbnail-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  /* Details Section (Right) */
  .drawer-details {
      flex: 1; /* 50% width */
      width: 50%;
      height: 100vh; /* Full height for scrolling */
      padding: 60px 40px;
      background: #0c0c0c;
      overflow-y: auto; /* Scroll only here */
      display: flex;
      flex-direction: column;
      justify-content: flex-start; /* Start from top */
      border-left: 1px solid #222;
  }

  .drawer-details::-webkit-scrollbar {
      width: 6px;
  }
  .drawer-details::-webkit-scrollbar-track {
      background: #0c0c0c; 
  }
  .drawer-details::-webkit-scrollbar-thumb {
      background: #333; 
      border-radius: 3px;
  }

  /* Qty Selector */
  .qty-selector {
    margin-bottom: 0;
  }
  .qty-selector label {
      display: block;
      color: #888;
      margin-bottom: 8px;
      font-size: 14px;
      font-family: 'Poppins', sans-serif;
  }
  .qty-controls {
      display: flex;
      align-items: center;
      border: 1px solid #333;
      background: #000;
      width: fit-content;
      padding: 5px;
      border-radius: 4px;
  }
  .qty-controls button {
      background: transparent;
      border: none;
      color: white;
      width: 40px;
      height: 40px;
      cursor: pointer;
      font-size: 24px;
      line-height: 1;
  }
  .qty-controls input {
      background: transparent;
      border: none;
      color: white;
      width: 50px;
      text-align: center;
      font-size: 18px;
      font-weight: bold;
      -moz-appearance: textfield;
  }
  .qty-controls input::-webkit-outer-spin-button,
  .qty-controls input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
  }
  
  @media (max-width: 900px) {
     .drawer-content {
         flex-direction: column;
         height: 100%;
     } 
     .drawer-gallery-wrapper {
         padding: 20px;
         height: auto;
         flex: none;
         width: 100%;
         background: transparent;
     }
     .drawer-main-image-container {
         height: 350px; 
     }
     .drawer-details {
         padding: 30px;
         height: auto;
         min-height: auto;
         width: 100%;
         overflow-y: visible;
         border-left: none;
         border-top: 1px solid #333;
     }
     .product-drawer {
         overflow-y: auto;
     }
  }

  /* Typography & Misc Drawer */
  .drawer-title, .drawer-product-title { /* Mapping old class to new style */
    font-family: 'Racing Sans One', cursive;
    font-size: 42px;
    margin: 0 0 10px 0;
    color: white;
    text-transform: uppercase;
    font-style: italic;
    line-height: 1;
  }
  
  .drawer-price, .drawer-product-price {
    font-family: 'Poppins', sans-serif;
    font-size: 28px;
    color: #D90000;
    margin-bottom: 30px;
    font-weight: 700;
  }
  
  .drawer-description {
     /* Hide old class usage styles */
     display: none; 
  }
  
  .drawer-variants {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
  }

  .drawer-variant-pill {
    padding: 10px 20px;
    border: 1px solid #444;
    border-radius: 50px; /* Pill shape */
    background: transparent;
    color: #ccc;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
  }

  .drawer-variant-pill:hover {
    border-color: #888;
    color: #fff;
  }

  .drawer-variant-pill.active {
    background: #ffffff; /* White background for active */
    color: #000000; /* Black text */
    border-color: #ffffff;
    font-weight: 600;
    box-shadow: 0 0 10px rgba(255,255,255,0.2);
  }
  
  .drawer-actions {
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .drawer-add-to-cart, .btn-full-details {
    display: block;
    width: 100%;
    background: white;
    color: black;
    text-align: center;
    padding: 18px;
    font-family: 'Racing Sans One', cursive;
    font-style: italic;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 20px;
    border-radius: 4px;
    transition: all 0.3s;
    border: none;
    cursor: pointer;
    font-weight: 400;
  }
  
  .drawer-add-to-cart:hover, .btn-full-details:hover {
    background: #e6e6e6;
    color: black;
    transform: scale(1.02);
  }
  
  .drawer-description-container {
      margin-top: 30px;
      border-top: 1px solid #222;
      padding-top: 25px;
  }

  .drawer-description-container h3 {
    font-family: 'Racing Sans One', cursive;
    font-style: italic;
    color: #444; /* Dark grey like screenshot */
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 20px;
    font-size: 26px;
    text-transform: capitalize;
  }

  .drawer-product-description { /* This is likely used in JS injection */
    display: block;
    font-family: 'Poppins', sans-serif;
    color: #ccc;
    font-size: 14px;
    line-height: 1.7; 
  }

  /* Specific styling for HTML elements inside description */
  .drawer-product-description p {
      margin-bottom: 15px;
  }
  
  .drawer-product-description strong, 
  .drawer-product-description b {
      color: #fff; /* White for emphasis */
      font-weight: 600;
  }

  .drawer-product-description ul, 
  .drawer-product-description ol {
      padding-left: 20px;
      margin-bottom: 15px;
      list-style-position: outside;
  }
  
  .drawer-product-description ul {
      list-style-type: disc;
  }

  .drawer-product-description li {
      margin-bottom: 8px;
      padding-left: 5px;
  }
  
  .drawer-product-description h4, 
  .drawer-product-description h5 {
      color: #fff;
      font-family: 'Poppins', sans-serif;
      margin-top: 20px;
      margin-bottom: 10px;
      font-size: 16px;
  }
  
  .drawer-product-description img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 4px;
    margin: 15px 0;
    display: block;
  }


  .product-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 22px; /* Molto più grande e visibile */
    color: #ffffff;
    margin: 0 0 5px 0;
    font-weight: normal;
    font-style: italic;
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: 0.5px;
  }
  
  .product-rating {
    margin-bottom: 5px;
    /* Colore stelle giallo/oro o bianco a scelta, qui teniamo bianco per stile dark */
  }
  
  .stars {
    color: #fff;
    font-size: 16px;
    letter-spacing: 3px;
  }

  .product-price {
    font-family: 'Poppins', sans-serif;
    font-size: 18px; /* Prezzo ben leggibile */
    color: #cccccc;
    font-weight: 300;
    margin-top: 5px;
  }

  .price-label {
    color: #ffffff;
    margin-right: 4px;
  }

  .price-compare {
    text-decoration: line-through;
    color: #888;
    margin-right: 10px;
    font-size: 14px;
  }

  .price-original {
    font-weight: 300;
  }

  .placeholder-svg {
    background-color: #222;
  }
  
  .no-products {
    grid-column: 1 / -1;
    text-align: center;
    color: #888;
    font-family: 'Poppins', sans-serif;
    padding: 40px;
  }

  @media (max-width: 1024px) {
    .products-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  @media (max-width: 768px) {
    .page-title {
      font-size: 36px;
    }
    
    .collection-tute-section {
      padding-top: 100px;
    }
    
    .products-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 15px; /* Smaller gap on mobile like screenshot seems to imply */
    }
    
    .product-title {
      font-size: 14px;
    }
    
    .product-price {
      font-size: 14px;
    }
  }
  
  @media (max-width: 480px) {
    .products-grid {
      grid-template-columns: 1fr;
    }
  }
/* END_SECTION:collection-buoni-template */

/* START_SECTION:collection-evidenza-template (INDEX:3, SCOPED:FALSE) */
@import url('https://fonts.googleapis.com/css2?family=Racing+Sans+One&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');
  
  /* Filter Dropdowns */
  .filter-group {
    position: relative;
    user-select: none;
  }
  
  .filter-dropdown {
    display: none;
    position: absolute;
    top: 120%;
    left: 0;
    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 4px;
    width: 200px;
    z-index: 1000;
    flex-direction: column;
    box-shadow: 0 10px 20px rgba(0,0,0,0.5);
    padding: 5px 0;
  }
  
  .filter-dropdown.active {
    display: flex;
  }
  
  .filter-dropdown div {
    padding: 10px 15px;
    color: #ccc;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    cursor: pointer;
    text-align: left;
    transition: background 0.2s;
  }
  
  .filter-dropdown div:hover {
    background: #D90000;
    color: white;
  }

  .collection-tute-section {
    background-color: #0c0c0c;
    color: #ffffff;
    padding: 120px 20px 80px;
    min-height: 100vh;
  }

  .collection-tute-section .container {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
  }

  .page-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 56px;
    color: #FFFFFF;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    font-style: italic;
  }

  .page-description {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #cccccc;
    margin: 0 auto 50px;
    max-width: 600px;
    line-height: 1.6;
  }

  .collection-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #333;
    font-family: 'Poppins', sans-serif;
    color: #cccccc;
  }

  .filters-container {
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .filter-label {
    margin-right: 10px;
  }

  .filter-group {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    position: relative;
  }
  
  .filter-group:hover {
    color: white;
  }

  .filter-icon {
    font-size: 12px;
    position: relative;
    top: -2px;
  }

  .products-count {
    font-size: 14px;
    color: #999;
  }

  .custom-racing-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 30px;
    margin-top: 40px;
  }

  .custom-racing-card {
    cursor: pointer;
    text-decoration: none;
    display: block;
    width: 100%;
  }

  .custom-racing-image-box {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    background-color: #111;
    margin-bottom: 20px;
    overflow: hidden; 
    border-radius: 4px;
  }

  /* Placeholder Fix */
  .custom-racing-image-box svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #222;
    fill: #444; 
    transform: scale(1); 
    transform-origin: center;
  }
  
  .custom-racing-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
  }

  .custom-racing-card:hover .custom-racing-image {
     transform: scale(1.05);
  }

  .custom-racing-info {
    padding: 0;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  .custom-racing-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 22px; 
    color: #ffffff;
    margin: 0 0 5px 0;
    font-weight: normal;
    font-style: italic;
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: 0.5px;
  }
  
  .custom-racing-rating {
    margin-bottom: 5px;
  }
  
  .custom-stars {
    color: #fff;
    font-size: 16px;
    letter-spacing: 3px;
  }

  .custom-racing-price {
    font-family: 'Poppins', sans-serif;
    font-size: 18px; 
    color: #cccccc;
    font-weight: 300;
    margin-top: 5px;
  }

  @media (max-width: 1024px) {
    .custom-racing-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  @media (max-width: 768px) {
    .custom-racing-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 15px; 
    }
    .custom-racing-title {
      font-size: 14px;
    }
    .custom-racing-price {
      font-size: 14px;
    }
  }
  
  @media (max-width: 480px) {
    .custom-racing-grid {
      grid-template-columns: 1fr;
    }
  }

  /* Thumbnails Navigation */
  .drawer-thumbnails-container {
      display: flex;
      align-items: center;
      gap: 10px;
      width: 100%;
      justify-content: center;
      position: relative;
  }
  .thumb-nav {
      background: transparent;
      border: 1px solid #333;
      color: white;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      transition: all 0.2s;
  }
  .thumb-nav:hover {
      background: #333;
      border-color: #fff;
  }
  .drawer-thumbnails-grid {
      overflow-x: auto;
      scroll-behavior: smooth;
      scrollbar-width: none;
      -ms-overflow-style: none;
      justify-content: flex-start;
      margin: 0;
      width: 100%;
  }
  .drawer-thumbnails-grid::-webkit-scrollbar {
      display: none;
  }

  /* Drawer Styles */
  .drawer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 2000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    backdrop-filter: blur(5px);
  }
  
  .drawer-overlay.active {
    opacity: 1;
    visibility: visible;
  }
  
  .product-drawer {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #0c0c0c;
    z-index: 2001;
    transform: translateX(100%);
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    display: flex;
    flex-direction: column;
  }
  
  .product-drawer.active {
    transform: translateX(0);
  }

  .drawer-close-btn {
    position: absolute;
    top: 30px;
    right: 40px;
    background: transparent;
    border: none;
    color: white;
    font-size: 30px;
    cursor: pointer;
    z-index: 205;
  }

  .drawer-content {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: row;
    height: 100%;
  }

  /* Gallery Section (Left) */
  .drawer-gallery-wrapper {
      flex: 1; /* 50% width approx */
      padding: 40px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      background: #000;
  }

  .drawer-main-image-container {
      width: 100%;
      height: 60vh;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px;
  }
  
  .drawer-main-image {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
  }

  .drawer-thumbnails-grid {
      display: flex;
      justify-content: flex-start;
      gap: 10px;
      overflow-x: auto;
      padding: 10px 0;
      scroll-behavior: smooth;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: thin;
  }

  .drawer-thumbnail-box {
      width: 60px;
      height: 60px;
      border: 1px solid #333;
      cursor: pointer;
      opacity: 0.6;
      transition: opacity 0.2s;
  }
  .drawer-thumbnail-box.active {
      opacity: 1;
      border-color: #fff;
  }
  .drawer-thumbnail-box img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }

  /* Details Section (Right) */
  .drawer-details {
      flex: 1; /* 50% width */
      width: 50%;
      height: 100vh; /* Full height for scrolling */
      padding: 60px 50px;
      background: #0c0c0c;
      overflow-y: auto; /* Scroll only here */
      display: flex;
      flex-direction: column;
      justify-content: flex-start; /* Start from top */
      border-left: 1px solid #222;
  }

  .drawer-details::-webkit-scrollbar {
      width: 6px;
  }
  .drawer-details::-webkit-scrollbar-track {
      background: #0c0c0c; 
  }
  .drawer-details::-webkit-scrollbar-thumb {
      background: #333; 
      border-radius: 3px;
  }

  /* Qty Selector */
  .qty-selector {
    margin-bottom: 0;
  }
  .qty-selector label {
      display: block;
      color: #888;
      margin-bottom: 8px;
      font-size: 14px;
      font-family: 'Poppins', sans-serif;
  }
  .qty-controls {
      display: flex;
      align-items: center;
      border: 1px solid #333;
      background: #000;
      width: fit-content;
      padding: 5px;
      border-radius: 4px;
  }
  .qty-controls button {
      background: transparent;
      border: none;
      color: white;
      width: 40px;
      height: 40px;
      cursor: pointer;
      font-size: 24px;
      line-height: 1;
  }
  .qty-controls input {
      background: transparent;
      border: none;
      color: white;
      width: 50px;
      text-align: center;
      font-size: 18px;
      font-weight: bold;
      -moz-appearance: textfield;
  }
  .qty-controls input::-webkit-outer-spin-button,
  .qty-controls input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
  }
  
  @media (max-width: 900px) {
     .drawer-content {
         flex-direction: column;
         height: 100%;
     } 
     .drawer-gallery-wrapper {
         padding: 20px;
         height: auto;
         flex: none;
         background: transparent;
     }
     .drawer-main-image-container {
         height: 350px; 
     }
     .drawer-details {
         padding: 30px;
         height: auto;
         min-height: auto;
         width: 100%;
         overflow-y: visible;
         border-left: none;
         border-top: 1px solid #333;
     }
     .product-drawer {
         overflow-y: auto;
     }
  }

  /* Typography & Misc Drawer */
  .drawer-product-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 42px;
    margin: 0 0 10px 0;
    color: white;
    text-transform: uppercase;
    font-style: italic;
    line-height: 1;
  }
  
  .drawer-product-price {
    font-family: 'Poppins', sans-serif;
    font-size: 28px;
    color: #D90000;
    margin-bottom: 30px;
    font-weight: 700;
  }
  
  .drawer-actions {
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  .btn-full-details {
    display: block;
    width: 100%;
    background: white;
    color: black;
    text-align: center;
    padding: 18px;
    font-family: 'Racing Sans One', cursive;
    font-style: italic;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 20px;
    border-radius: 4px;
    transition: all 0.3s;
    border: none;
    cursor: pointer;
  }
  
  .btn-full-details:hover {
    background: #e6e6e6;
    color: black;
    transform: scale(1.02);
  }
  
  .drawer-description-container {
      margin-top: 30px;
      border-top: 1px solid #222;
      padding-top: 25px;
  }

  .drawer-description-container h3 {
    font-family: 'Racing Sans One', cursive;
    font-style: italic;
    color: #444; /* Dark grey like screenshot */
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 20px;
    font-size: 26px;
    text-transform: capitalize;
  }

  .drawer-product-description {
    font-family: 'Poppins', sans-serif;
    color: #ccc;
    font-size: 14px;
    line-height: 1.7; 
  }

  /* Specific styling for HTML elements inside description */
  .drawer-product-description p {
      margin-bottom: 15px;
  }
  
  .drawer-product-description strong, 
  .drawer-product-description b {
      color: #fff; /* White for emphasis */
      font-weight: 600;
  }

  .drawer-product-description ul, 
  .drawer-product-description ol {
      padding-left: 20px;
      margin-bottom: 15px;
      list-style-position: outside;
  }
  
  .drawer-product-description ul {
      list-style-type: disc;
  }

  .drawer-product-description li {
      margin-bottom: 8px;
      padding-left: 5px;
  }
  
  .drawer-product-description h4, 
  .drawer-product-description h5 {
      color: #fff;
      font-family: 'Poppins', sans-serif;
      margin-top: 20px;
      margin-bottom: 10px;
      font-size: 16px;
  }
  
  .drawer-product-description img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 4px;
    margin: 15px 0;
    display: block;
  }

  @media (max-width: 768px) {
    .product-drawer {
        width: 100%;
    }
    .drawer-gallery {
        height: 350px;
    }
  }

  .product-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 22px; /* Molto più grande e visibile */
    color: #ffffff;
    margin: 0 0 5px 0;
    font-weight: normal;
    font-style: italic;
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: 0.5px;
  }
  
  .product-rating {
    margin-bottom: 5px;
    /* Colore stelle giallo/oro o bianco a scelta, qui teniamo bianco per stile dark */
  }
  
  .stars {
    color: #fff;
    font-size: 16px;
    letter-spacing: 3px;
  }

  .product-price {
    font-family: 'Poppins', sans-serif;
    font-size: 18px; /* Prezzo ben leggibile */
    color: #cccccc;
    font-weight: 300;
    margin-top: 5px;
  }

  .price-label {
    color: #ffffff;
    margin-right: 4px;
  }

  .price-compare {
    text-decoration: line-through;
    color: #888;
    margin-right: 10px;
    font-size: 14px;
  }

  .price-original {
    font-weight: 300;
  }

  .placeholder-svg {
    background-color: #222;
  }
  
  .no-products {
    grid-column: 1 / -1;
    text-align: center;
    color: #888;
    font-family: 'Poppins', sans-serif;
    padding: 40px;
  }

  @media (max-width: 1024px) {
    .products-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  @media (max-width: 768px) {
    .page-title {
      font-size: 36px;
    }
    
    .collection-tute-section {
      padding-top: 100px;
    }
    
    .products-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 15px; /* Smaller gap on mobile like screenshot seems to imply */
    }
    
    .product-title {
      font-size: 14px;
    }
    
    .product-price {
      font-size: 14px;
    }
  }
  
  @media (max-width: 480px) {
    .products-grid {
      grid-template-columns: 1fr;
    }
  }
/* END_SECTION:collection-evidenza-template */

/* START_SECTION:collection-tute-template (INDEX:4, SCOPED:FALSE) */
@import url('https://fonts.googleapis.com/css2?family=Racing+Sans+One&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');
  
  /* Filter Dropdowns */
  .filter-group {
    position: relative;
    user-select: none;
  }
  
  .filter-dropdown {
    display: none;
    position: absolute;
    top: 120%;
    left: 0;
    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 4px;
    width: 200px;
    z-index: 1000;
    flex-direction: column;
    box-shadow: 0 10px 20px rgba(0,0,0,0.5);
    padding: 5px 0;
  }
  
  .filter-dropdown.active {
    display: flex;
  }
  
  .filter-dropdown div {
    padding: 10px 15px;
    color: #ccc;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    cursor: pointer;
    text-align: left;
    transition: background 0.2s;
  }
  
  .filter-dropdown div:hover {
    background: #D90000;
    color: white;
  }

  .collection-tute-section {
    background-color: #0c0c0c;
    color: #ffffff;
    padding: 120px 20px 80px;
    min-height: 100vh;
  }

  .collection-tute-section .container {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    position: relative; /* Per il watermark assoluto nel contesto se serve, ma useremo wrapper */
  }
  
  .page-header-wrapper {
    position: relative;
    padding: 20px 0 40px 0;
    margin-bottom: 20px;
    overflow: hidden;
  }
  
  .page-header-watermark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) skewX(-10deg);
    font-family: 'Racing Sans One', cursive;
    font-size: 14vw; /* Grandezza relativa alla viewport */
    color: rgba(255, 255, 255, 0.04);
    white-space: nowrap;
    pointer-events: none;
    z-index: 0;
    line-height: 1;
    width: 100%;
    user-select: none;
  }
  
  /* Mobile adjustment for watermark */
  @media (max-width: 768px) {
    .page-header-watermark {
      font-size: 20vw;
    }
  }

  .page-header-content {
    position: relative;
    z-index: 1;
  }

  .page-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 56px;
    color: #FFFFFF;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    font-style: italic;
  }

  .page-description {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #cccccc;
    margin: 0 auto 50px;
    max-width: 600px;
    line-height: 1.6;
  }

  .collection-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #333;
    font-family: 'Poppins', sans-serif;
    color: #cccccc;
  }

  .filters-container {
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .filter-label {
    margin-right: 10px;
  }

  .filter-group {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    position: relative;
  }
  
  .filter-group:hover {
    color: white;
  }

  .filter-icon {
    font-size: 12px;
    position: relative;
    top: -2px;
  }

  .products-count {
    font-size: 14px;
    color: #999;
  }

  .custom-racing-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 30px;
    margin-top: 40px;
  }

  .custom-racing-card {
    cursor: pointer;
    text-decoration: none;
    display: block;
    width: 100%;
  }

  .custom-racing-image-box {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    background-color: #111;
    margin-bottom: 20px;
    overflow: hidden; 
    border-radius: 4px;
  }

  /* Placeholder Fix */
  .custom-racing-image-box svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #222;
    fill: #444; 
    transform: scale(1); 
    transform-origin: center;
  }
  
  .custom-racing-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
  }

  .custom-racing-card:hover .custom-racing-image {
     transform: scale(1.05);
  }

  .custom-racing-info {
    padding: 0;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  .custom-racing-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 22px; 
    color: #ffffff;
    margin: 0 0 5px 0;
    font-weight: normal;
    font-style: italic;
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: 0.5px;
  }
  
  .custom-racing-rating {
    margin-bottom: 5px;
  }
  
  .custom-stars {
    color: #fff;
    font-size: 16px;
    letter-spacing: 3px;
  }

  .custom-racing-price {
    font-family: 'Poppins', sans-serif;
    font-size: 18px; 
    color: #cccccc;
    font-weight: 300;
    margin-top: 5px;
  }

  @media (max-width: 1024px) {
    .custom-racing-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  @media (max-width: 768px) {
    .custom-racing-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 15px; 
    }
    .custom-racing-title {
      font-size: 14px;
    }
    .custom-racing-price {
      font-size: 14px;
    }
  }
  
  @media (max-width: 480px) {
    .custom-racing-grid {
      grid-template-columns: 1fr;
    }
  }

  /* Thumbnails Navigation */
  .drawer-thumbnails-container {
      display: flex;
      align-items: center;
      gap: 10px;
      width: 100%;
      justify-content: center;
      position: relative;
  }
  .thumb-nav {
      background: transparent;
      border: 1px solid #333;
      color: white;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      transition: all 0.2s;
  }
  .thumb-nav:hover {
      background: #333;
      border-color: #fff;
  }
  .drawer-thumbnails-grid {
      overflow-x: auto;
      scroll-behavior: smooth;
      scrollbar-width: none;
      -ms-overflow-style: none;
      justify-content: flex-start;
      margin: 0;
      width: 100%;
  }
  .drawer-thumbnails-grid::-webkit-scrollbar {
      display: none;
  }

  /* Drawer Styles */
  .drawer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 2000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
  }
  
  .drawer-overlay.active {
    opacity: 1;
    visibility: visible;
  }
  
  .product-drawer {
    position: fixed;
    top: 0; /* Full screen to mimic a real page */
    right: 0;
    width: 100%;
    height: 100%;
    background: #0c0c0c;
    z-index: 4000; /* Above everything including navbar */
    transform: translateX(100%);
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    display: flex;
    flex-direction: column;
  }
  
  .product-drawer.active {
    transform: translateX(0);
  }

  .drawer-close-btn {
    position: absolute;
    top: 30px;
    right: 40px;
    background: transparent;
    border: none;
    color: white;
    font-size: 40px;
    line-height: 1;
    cursor: pointer;
    z-index: 205;
    opacity: 0.8;
    transition: opacity 0.2s;
  }
  
  .drawer-close-btn:hover {
    opacity: 1;
    transform: scale(1.1);
  }

  .drawer-content {
    flex: 1;
    overflow-y: hidden; /* Main vertical scroll handled by children on Desktop */
    display: flex;
    flex-direction: row;
    height: 100%;
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
    padding-top: 0; /* Removing top padding to use full height */
  }

  /* Gallery Section (Left) */
  .drawer-gallery-wrapper {
      flex: 1.2; 
      padding: 80px 40px 40px; /* Top padding for close button clearance if needed */
      display: flex;
      flex-direction: column;
      justify-content: center;
      background: transparent;
      height: 100%; 
      overflow-y: auto; /* Allow gallery to scroll if needed */
  }

  .drawer-main-image-container {
      width: 100%;
      height: 60vh;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px;
      position: relative;
      /* Background removed for cleaner look or kept based on preference */
      background: radial-gradient(circle at center, rgba(26,26,26,0.5) 0%, rgba(12,12,12,0) 70%);
      border-radius: 8px;
  }
  
  .drawer-main-image {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
      filter: drop-shadow(0 15px 30px rgba(0,0,0,0.6));
      transform: scale(1);
      transition: transform 0.3s;
  }
  .drawer-main-image:hover {
      transform: scale(1.02);
  }

  .drawer-thumbnails-grid {
      display: flex;
      justify-content: center;
      gap: 15px;
      overflow-x: auto;
      padding: 10px 0;
      scroll-behavior: smooth;
      scrollbar-width: thin;
      width: 100%;
  }

  .drawer-thumbnail-box {
      width: 80px;
      height: 80px;
      border: 1px solid #333;
      cursor: pointer;
      opacity: 0.5;
      transition: all 0.2s;
      border-radius: 8px;
      overflow: hidden;
      flex-shrink: 0;
  }
  .drawer-thumbnail-box:hover {
      opacity: 0.8;
  }
  .drawer-thumbnail-box.active {
      opacity: 1;
      border-color: #D90000; 
      box-shadow: 0 0 15px rgba(217, 0, 0, 0.4);
      transform: translateY(-2px);
  }
  .drawer-thumbnail-box img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }

  /* Details Section (Right) */
  .drawer-details {
      flex: 0.8; 
      padding: 80px 60px 40px 40px; 
      background: transparent;
      overflow-y: auto; 
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      height: 100%;
  }

  /* Scrollbars */
  .drawer-details::-webkit-scrollbar, 
  .drawer-gallery-wrapper::-webkit-scrollbar {
      width: 6px;
  }
  .drawer-details::-webkit-scrollbar-track, 
  .drawer-gallery-wrapper::-webkit-scrollbar-track {
      background: rgba(255,255,255,0.02); 
  }
  .drawer-details::-webkit-scrollbar-thumb, 
  .drawer-gallery-wrapper::-webkit-scrollbar-thumb {
      background: #333; 
      border-radius: 3px;
  }
  .drawer-details::-webkit-scrollbar-thumb:hover, 
  .drawer-gallery-wrapper::-webkit-scrollbar-thumb:hover {
      background: #555;
  }

  /* Qty Selector */
  .qty-selector {
    margin-bottom: 0;
  }
  .qty-selector label {
      display: block;
      color: #888;
      margin-bottom: 8px;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-family: 'Poppins', sans-serif;
  }
  .qty-controls {
      display: flex;
      align-items: center;
      border: 1px solid #444;
      background: transparent;
      width: fit-content;
      padding: 0;
      border-radius: 4px;
      overflow: hidden;
  }
  .qty-controls button {
      background: #1a1a1a;
      border: none;
      color: white;
      width: 40px;
      height: 45px;
      cursor: pointer;
      font-size: 20px;
      line-height: 1;
      transition: background 0.2s;
  }
  .qty-controls button:hover {
      background: #2a2a2a;
  }
  .qty-controls input {
      background: transparent;
      border: none;
      border-left: 1px solid #333;
      border-right: 1px solid #333;
      color: white;
      width: 50px;
      height: 45px;
      text-align: center;
      font-size: 16px;
      font-family: 'Poppins', sans-serif;
  }
  .qty-controls input::-webkit-outer-spin-button,
  .qty-controls input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
  }
  

  @media (max-width: 900px) {
     .drawer-close-btn {
        top: 20px;
        right: 20px;
        font-size: 32px;
        background: rgba(0,0,0,0.5); /* Semi-transparent background for visibility */
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
     }

     .drawer-content {
         flex-direction: column;
         height: 100%;
         overflow-y: auto; /* Allow full page scroll on mobile */
         padding-top: 0;
     } 
     
     .drawer-gallery-wrapper {
         padding: 80px 20px 20px; /* Space for close button */
         height: auto;
         flex: none;
         background: transparent;
         overflow-y: visible;
     }
     
     .drawer-main-image-container {
         height: 40vh; /* Better usage of screen space */ 
         min-height: 300px;
         background: radial-gradient(circle at center, #1a1a1a 0%, #0c0c0c 70%);
         margin-bottom: 20px;
     }
     
     .drawer-details {
         padding: 20px 20px 80px; /* Bottom padding for mobile browsers */
         height: auto;
         min-height: auto;
         width: 100%;
         overflow-y: visible;
         flex: none;
         border-left: none;
         border-top: none; 
     }
     
     .product-drawer {
         overflow-y: auto; /* Should be handled by drawer-content, but safe to have */
     }
     
     .drawer-product-title {
       font-size: 36px;
       margin-bottom: 10px;
     }
     
     .drawer-product-price {
       font-size: 24px;
       margin-bottom: 20px;
     }
     
     .btn-full-details {
       position: sticky;
       bottom: 20px;
       z-index: 10;
       width: 100%;
       box-shadow: 0 5px 20px rgba(0,0,0,0.5);
     }
     
     .drawer-variants {
         gap: 8px;
         margin-bottom: 25px;
     }
     
     .drawer-variant-pill {
         padding: 10px 18px;
         font-size: 13px;
     }
  }

  /* Info Section Typography */
  .drawer-product-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 56px; /* Massive styling like a real product page */
    margin: 0 0 15px 0;
    color: white;
    text-transform: uppercase;
    font-style: italic;
    line-height: 0.9;
    letter-spacing: -1px;
    text-shadow: 0 0 20px rgba(0,0,0,0.5);
  }
  
  .drawer-product-price {
    font-family: 'Poppins', sans-serif;
    font-size: 32px;
    color: #D90000;
    margin-bottom: 40px;
    font-weight: 600;
    letter-spacing: -0.5px;
  }
  
  .drawer-variants {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 40px;
  }

  .drawer-variant-pill {
    padding: 12px 25px;
    border: 1px solid #333;
    border-radius: 4px; /* More squarish for racing look? Or stick to pill */
    border-radius: 50px;
    background: #111;
    color: #ccc;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    text-transform: uppercase;
  }

  .drawer-variant-pill:hover {
    border-color: #666;
    color: #fff;
    background: #1a1a1a;
  }

  .drawer-variant-pill.active {
    background: #fff; 
    color: #000; 
    border-color: #fff;
    font-weight: 700;
    box-shadow: 0 0 15px rgba(255,255,255,0.15);
    transform: scale(1.05);
  }
  
  .drawer-actions {
    margin-bottom: 50px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding-bottom: 30px;
    border-bottom: 1px solid #222;
  }
  
  .btn-full-details {
    display: block;
    width: 100%;
    background: #ffffff;
    color: #000000;
    text-align: center;
    padding: 22px;
    font-family: 'Racing Sans One', cursive;
    font-style: italic;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 24px;
    border-radius: 50px; /* Rounded CTA */
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    border: none;
    cursor: pointer;
    box-shadow: 0 10px 30px rgba(255, 255, 255, 0.1);
    position: relative;
    overflow: hidden;
  }
  
  .btn-full-details:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 40px rgba(255, 255, 255, 0.2);
    background: #fff;
  }

  .btn-full-details:active {
    transform: translateY(1px);
  }
  
  .drawer-description-container {
      margin-top: 30px;
      border-top: 1px solid #222;
      padding-top: 25px;
  }

  .drawer-description-container h3 {
    font-family: 'Racing Sans One', cursive;
    font-style: italic;
    color: #444; /* Dark grey like screenshot */
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 20px;
    font-size: 26px;
    text-transform: capitalize;
  }

  .drawer-product-description {
    font-family: 'Poppins', sans-serif;
    color: #ccc;
    font-size: 14px;
    line-height: 1.7; 
  }

  /* Specific styling for HTML elements inside description */
  .drawer-product-description p {
      margin-bottom: 15px;
  }
  
  .drawer-product-description strong, 
  .drawer-product-description b {
      color: #fff; /* White for emphasis */
      font-weight: 600;
  }

  .drawer-product-description ul, 
  .drawer-product-description ol {
      padding-left: 20px;
      margin-bottom: 15px;
      list-style-position: outside;
  }
  
  .drawer-product-description ul {
      list-style-type: disc;
  }

  .drawer-product-description li {
      margin-bottom: 8px;
      padding-left: 5px;
  }
  
  .drawer-product-description h4, 
  .drawer-product-description h5 {
      color: #fff;
      font-family: 'Poppins', sans-serif;
      margin-top: 20px;
      margin-bottom: 10px;
      font-size: 16px;
  }
  
  .drawer-product-description img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 4px;
    margin: 15px 0;
    display: block;
  }


  .product-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 22px; /* Molto più grande e visibile */
    color: #ffffff;
    margin: 0 0 5px 0;
    font-weight: normal;
    font-style: italic;
    text-transform: uppercase;
    line-height: 1.1;
    letter-spacing: 0.5px;
  }
  
  .product-rating {
    margin-bottom: 5px;
    /* Colore stelle giallo/oro o bianco a scelta, qui teniamo bianco per stile dark */
  }
  
  .stars {
    color: #fff;
    font-size: 16px;
    letter-spacing: 3px;
  }

  .product-price {
    font-family: 'Poppins', sans-serif;
    font-size: 18px; /* Prezzo ben leggibile */
    color: #cccccc;
    font-weight: 300;
    margin-top: 5px;
  }

  .price-label {
    color: #ffffff;
    margin-right: 4px;
  }

  .price-compare {
    text-decoration: line-through;
    color: #888;
    margin-right: 10px;
    font-size: 14px;
  }

  .price-original {
    font-weight: 300;
  }

  .placeholder-svg {
    background-color: #222;
  }
  
  .no-products {
    grid-column: 1 / -1;
    text-align: center;
    color: #888;
    font-family: 'Poppins', sans-serif;
    padding: 40px;
  }

  @media (max-width: 1024px) {
    .custom-racing-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  @media (max-width: 768px) {
    .page-title {
      font-size: 36px;
    }
    
    .collection-tute-section {
      padding-top: 100px;
    }
    
    .custom-racing-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 15px; /* Smaller gap on mobile like screenshot seems to imply */
    }
    
    .product-title {
      font-size: 14px;
    }
    
    .product-price {
      font-size: 14px;
    }
  }
  
  @media (max-width: 480px) {
    .custom-racing-grid, .products-grid {
      grid-template-columns: 1fr;
    }

    .drawer-product-title {
      font-size: 28px !important;
      line-height: 1.0;
    }
  }

  .drawer-watermark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) skewX(-10deg);
    font-family: 'Racing Sans One', cursive;
    font-size: 20vw;
    color: rgba(255, 255, 255, 0.02);
    pointer-events: none;
    white-space: nowrap;
    z-index: 0;
    user-select: none;
  }
  
  /* Ensure content is above watermark */
  .drawer-content {
      position: relative;
      z-index: 2;
  }
/* END_SECTION:collection-tute-template */

/* START_SECTION:curve-image (INDEX:7, SCOPED:FALSE) */
.curve-image-section {
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;
    background: #000000;
  }
  
  .curve-image {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    .curve-image-section {
      height: auto;
    }
  }
/* END_SECTION:curve-image */

/* START_SECTION:curve-transition (INDEX:8, SCOPED:FALSE) */
.transition-section {
    position: relative;
    height: 120px;
    background: #000000;
    overflow: hidden;
    margin: 0;
    padding: 0;
  }
  
  .curve-divider {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    z-index: 1;
  }
  
  /* Responsive Design */
  @media (max-width: 768px) {
    .transition-section {
      height: 80px;
    }
    
    .curve-divider {
      height: 80px;
    }
  }
  
  @media (max-width: 480px) {
    .transition-section {
      height: 60px;
    }
    
    .curve-divider {
      height: 60px;
    }
  }
/* END_SECTION:curve-transition */

/* START_SECTION:eighth-section (INDEX:12, SCOPED:FALSE) */
.eighth-section {
    min-height: 50vh;
    background: #ffffff;
    color: #1D1D1D;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 10px 0 190px 0;
    margin: 0;
    box-sizing: border-box;
  }
  
  .eighth-section-content {
    max-width: 2000px;
    padding: 0 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 120px;
    position: relative;
  }

  .eighth-section-banner {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 340px;
    background-color: #D9D9D9;
    border-radius: 3px;
  }

  .eighth-section-text {
    flex: 1;
    text-align: left;
    max-width: 600px;
    padding-left: 25px;
  }

  .eighth-section-image {
    flex-shrink: 0;
  }

  .eighth-section-image img {
    width: 500px;
    height: 515px;
    object-fit: contain;
  }

  .eighth-subtitle {
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    color: #888888;
    text-transform: uppercase;
    margin: 0 0 5px 0;
    letter-spacing: 2px;
  }

  .eighth-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 60px;
    font-weight: bold;
    color: #000000;
    margin: 0 0 8px 0;
    line-height: 1.2;
    font-style: italic;
  }

  .eighth-highlight {
    color: #D90000;
  }

  .eighth-dot {
    color: #000000;
  }

  .eighth-description {
    font-family: 'Racing Sans One', cursive;
    font-size: 16px;
    color: #666666;
    font-weight: bold;
    line-height: 1.6;
    margin: 0;
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    .eighth-section {
      padding: 150px 0 60px 0;
      min-height: 40vh;
    }
    
    .eighth-section-content {
      padding: 0 1rem;
      flex-direction: column;
      gap: 60px;
      max-width: 800px;
    }

    .eighth-section-banner {
      display: none;
    }

    .eighth-section-text {
      max-width: 100%;
      text-align: center;
      padding-left: 0;
    }

    .eighth-subtitle {
      font-size: 18px !important;
      margin: 0 0 30px 0;
    }

    .eighth-title {
      font-size: 42px !important;
      margin: 0 0 40px 0;
      line-height: 1.1;
    }

    .eighth-description {
      font-size: 16px !important;
      line-height: 1.7;
      max-width: 600px;
      margin: 0 auto;
    }

    .eighth-section-image {
      width: 100%;
      display: flex;
      justify-content: center;
    }

    .eighth-section-image img {
      width: 400px !important;
      height: 410px !important;
      max-width: 100%;
    }
  }

  @media (max-width: 480px) {
    .eighth-section {
      padding: 80px 0 40px 0;
    }

    .eighth-section-content {
      padding: 0 1rem;
      gap: 40px;
    }

    .eighth-subtitle {
      font-size: 15px !important;
      margin: 0 0 25px 0;
    }

    .eighth-title {
      font-size: 32px !important;
      margin: 0 0 30px 0;
    }

    .eighth-description {
      font-size: 15px !important;
      line-height: 1.6;
    }

    .eighth-section-image img {
      width: 320px !important;
      height: 330px !important;
    }
  }
/* END_SECTION:eighth-section */

/* START_SECTION:eleventh-section (INDEX:13, SCOPED:FALSE) */
.eleventh-section {
    min-height: 60vh;
    background: #f2f2f2;
    color: #1D1D1D;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 200px 0 80px 0;
    margin: 0;
    box-sizing: border-box;
  }
  
  .eleventh-section-content {
    max-width: 1000px;
    text-align: center;
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .eleventh-subtitle {
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    color: #888888;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    letter-spacing: 2px;
  }

  .eleventh-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 60px;
    font-weight: bold;
    color: #1D1D1D;
    margin: 0 0 10px 0;
    line-height: 1.2;
    font-style: italic;
  }

  .eleventh-highlight {
    color: #1D1D1D;
  }

  .eleventh-description {
    font-family: 'Racing Sans One', cursive;
    font-size: 16px;
    color: #666666;
    font-weight: bold;
    line-height: 1.6;
    margin: 0 0 60px 0;
    max-width: 800px;
  }

  .faq-container {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    background: #e8e8e8;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  }

  .faq-item {
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 0;
  }

  .faq-item:last-child {
    border-bottom: none;
  }

  .faq-question {
    display: flex;
    align-items: center;
    padding: 25px 0;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .faq-question:hover {
    color: #D90000;
  }

  .faq-question:hover .faq-icon {
    color: #D90000;
  }

  .faq-icon {
    font-size: 20px;
    color: #999999;
    margin-right: 20px;
    font-weight: normal;
    min-width: 20px;
    transition: all 0.3s ease;
  }

  .faq-text {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #555555;
    font-weight: 400;
    text-align: left;
    flex: 1;
  }

  .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding: 0 44px;
  }

  .faq-answer.active {
    max-height: 200px;
    padding: 0 44px 20px 44px;
  }

  .faq-answer p {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #777777;
    line-height: 1.6;
    margin: 0;
  }

  .faq-item.active .faq-icon {
    transform: rotate(45deg);
    color: #D90000;
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    .eleventh-section {
      padding: 150px 0 60px 0;
      min-height: 50vh;
    }
    
    .eleventh-section-content {
      padding: 0 1rem;
      max-width: 800px;
    }

    .eleventh-subtitle {
      font-size: 18px !important;
      margin: 0 0 30px 0;
    }

    .eleventh-title {
      font-size: 42px !important;
      margin: 0 0 40px 0;
      line-height: 1.1;
    }
    
    .eleventh-description {
      font-size: 16px !important;
      line-height: 1.7;
      max-width: 600px;
      margin: 0 auto 50px auto;
    }
    
    .faq-container {
      padding: 25px;
    }
    
    .faq-question {
      padding: 20px 0;
    }
    
    .faq-text {
      font-size: 16px;
    }
    
    .faq-icon {
      font-size: 20px;
      margin-right: 15px;
    }

    .faq-answer p {
      font-size: 15px;
    }
  }

  @media (max-width: 480px) {
    .eleventh-section {
      padding: 80px 0 40px 0;
    }

    .eleventh-section-content {
      padding: 0 1rem;
    }

    .eleventh-subtitle {
      font-size: 15px !important;
      margin: 0 0 25px 0;
    }

    .eleventh-title {
      font-size: 32px !important;
      margin: 0 0 30px 0;
    }

    .eleventh-description {
      font-size: 15px !important;
      line-height: 1.6;
      margin: 0 auto 40px auto;
    }

    .faq-container {
      padding: 20px;
    }
    
    .faq-text {
      font-size: 15px;
    }

    .faq-answer p {
      font-size: 14px;
    }
  }
/* END_SECTION:eleventh-section */

/* START_SECTION:fifth-section (INDEX:15, SCOPED:FALSE) */
.fifth-section {
    min-height: 50vh;
    background: #ffffff;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 200px 0 80px 0;
    margin: 0;
    box-sizing: border-box;
  }
  
  .fifth-section-content {
    max-width: 800px;
    text-align: center;
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .images-container {
    display: flex;
    align-items: flex-start;
    gap: 23px;
  }

  .center-images-column {
    display: flex;
    flex-direction: column;
    gap: 17px;
  }

  .left-images-column {
    display: flex;
    flex-direction: column;
    gap: 17px;
    margin-top: 80px;
  }

  .right-images-column {
    display: flex;
    flex-direction: column;
    gap: 17px;
    margin-top: 80px;
  }
  
  .fifth-section-image {
    width: 334px;
    height: 539px;
    border-radius: 8px;
    overflow: hidden;
    display: block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
  }

  .fifth-section-bottom-image {
    width: 334px;
    height: 375px;
    border-radius: 8px;
    overflow: hidden;
    display: block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
  }

  .fifth-section-center-third-image {
    width: 334px;
    height: 268px;
    border-radius: 8px;
    overflow: hidden;
    display: block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
  }

  .fifth-section-left-image {
    width: 334px;
    height: 281px;
    border-radius: 8px;
    overflow: hidden;
    display: block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
  }

  .fifth-section-left-bottom-image {
    width: 334px;
    height: 473px;
    border-radius: 8px;
    overflow: hidden;
    display: block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
  }

  .fifth-section-left-third-image {
    width: 334px;
    height: 306px;
    border-radius: 8px;
    overflow: hidden;
    display: block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
  }

  .fifth-section-right-image {
    width: 334px;
    height: 374px;
    border-radius: 8px;
    overflow: hidden;
    display: block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
  }

  .fifth-section-right-bottom-image {
    width: 334px;
    height: 395px;
    border-radius: 8px;
    overflow: hidden;
    display: block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
  }

  .fifth-section-right-third-image {
    width: 334px;
    height: 304px;
    border-radius: 8px;
    overflow: hidden;
    display: block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    .fifth-section {
      display: none; /* Nascosta su mobile perché integrata nella sezione 4 */
    }
    
    .center-images-column {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .left-images-column {
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: 40px;
    }

    .right-images-column {
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: 40px;
    }
    
    /* Ridimensiono tutte le immagini mantenendo le proporzioni */
    .fifth-section-image {
      width: 167px;
      height: 270px;
    }

    .fifth-section-bottom-image {
      width: 167px;
      height: 188px;
    }

    .fifth-section-center-third-image {
      width: 167px;
      height: 134px;
    }

    .fifth-section-left-image {
      width: 167px;
      height: 141px;
    }

    .fifth-section-left-bottom-image {
      width: 167px;
      height: 237px;
    }

    .fifth-section-left-third-image {
      width: 167px;
      height: 153px;
    }

    .fifth-section-right-image {
      width: 167px;
      height: 187px;
    }

    .fifth-section-right-bottom-image {
      width: 167px;
      height: 198px;
    }

    .fifth-section-right-third-image {
      width: 167px;
      height: 152px;
    }
  }

  @media (max-width: 480px) {
    .fifth-section {
      display: none; /* Nascosta su mobile perché integrata nella sezione 4 */
    }

    .fifth-section-left-image {
      width: 120px;
      height: 101px;
    }

    .fifth-section-left-bottom-image {
      width: 120px;
      height: 170px;
    }

    .fifth-section-left-third-image {
      width: 120px;
      height: 110px;
    }

    .fifth-section-right-image {
      width: 120px;
      height: 134px;
    }

    .fifth-section-right-bottom-image {
      width: 120px;
      height: 142px;
    }

    .fifth-section-right-third-image {
      width: 120px;
      height: 109px;
    }
  }
/* END_SECTION:fifth-section */

/* START_SECTION:five-to-six-transition (INDEX:17, SCOPED:FALSE) */
.five-to-six-transition {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;
  }
  
  .transition-image {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
  }
/* END_SECTION:five-to-six-transition */

/* START_SECTION:fourteenth-section (INDEX:19, SCOPED:FALSE) */
.fourteenth-section {
    background-color: #FFFFFF;
    padding: 40px 0 240px 0;
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .fourteenth-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  
  .fourteenth-section .content {
    text-align: center;
  }
  
  .fourteenth-section .section-pretitle {
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    color: #888888;
    margin: 0 0 20px 0;
    line-height: 1.2;
  }
  
  .fourteenth-section .section-title {
    font-family: 'Racing Sans One', sans-serif;
    font-size: 60px;
    color: #1D1D1D;
    margin: 0 0 50px 0;
    line-height: 1.2;
  }
  
  .fourteenth-section .title-red {
    color: #D90000;
  }
  
  .fourteenth-section .title-dot {
    color: #1D1D1D;
  }
  
  .contacts-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    max-width: 1000px;
    margin: 0 auto;
  }
  
  .contact-item {
    text-align: center;
  }
  
  .contact-title {
    font-family: 'Racing Sans One', sans-serif;
    font-size: 32px;
    color: #1D1D1D;
    margin: 0 0 15px 0;
    line-height: 1.2;
  }
  
  .contact-info {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #666666;
    margin: 0 0 20px 0;
    line-height: 1.4;
  }
  
  .contact-button {
    background-color: #333333;
    color: #FFFFFF;
    border: none;
    padding: 12px 20px;
    border-radius: 5px;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
  }
  
  .contact-button:hover {
    background-color: #555555;
  }
  
  @media (max-width: 768px) {
    .fourteenth-section {
      padding: 150px 0 210px 0;
      min-height: auto;
    }
    
    .fourteenth-section .container {
      padding: 0 15px;
      max-width: 800px;
    }
    
    .fourteenth-section .section-pretitle {
      font-size: 18px !important;
      margin: 0 0 30px 0;
    }
    
    .fourteenth-section .section-title {
      font-size: 42px !important;
      margin: 0 0 50px 0;
      line-height: 1.1;
    }
    
    .contacts-container {
      grid-template-columns: repeat(2, 1fr);
      gap: 30px;
      max-width: 600px;
    }
    
    .contact-title {
      font-size: 24px;
      margin: 0 0 20px 0;
    }
    
    .contact-info {
      font-size: 15px;
      margin: 0 0 25px 0;
    }
    
    .contact-button {
      padding: 14px 24px;
      font-size: 13px;
    }
  }
  
  @media (max-width: 480px) {
    .fourteenth-section {
      padding: 80px 0 180px 0;
    }
    
    .fourteenth-section .container {
      padding: 0 15px;
    }
    
    .fourteenth-section .section-pretitle {
      font-size: 15px !important;
      margin: 0 0 25px 0;
    }
    
    .fourteenth-section .section-title {
      font-size: 32px !important;
      margin: 0 0 40px 0;
    }
    
    .contacts-container {
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
      max-width: 100%;
    }
    
    .contact-title {
      font-size: 20px;
      margin: 0 0 12px 0;
    }
    
    .contact-info {
      font-size: 13px;
      margin: 0 0 15px 0;
      line-height: 1.3;
    }
    
    .contact-button {
      padding: 10px 16px;
      font-size: 11px;
    }
  }
/* END_SECTION:fourteenth-section */

/* START_SECTION:fourth-section (INDEX:20, SCOPED:FALSE) */
.pole-position-section {
    min-height: 50vh;
    background: #ffffff;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 250px 0 200px 0;
    margin: 0;
    box-sizing: border-box;
  }
  
  .pole-position-content {
    max-width: 800px;
    text-align: center;
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .pole-position-subtitle {
    font-family: 'Racing Sans One', cursive;
    font-size: 22px;
    color: #888888;
    text-transform: uppercase;
    margin: 0 0 5px 0;
    letter-spacing: 2px;
    width: 174px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
  }
  
  .pole-position-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 60px;
    font-weight: bold;
    color: #1D1D1D;
    margin: 0 0 25px 0;
    line-height: 1.2;
    font-style: italic;
    width: 423px;
    height: 108px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  
  .pole-position-line {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .pole-position-highlight {
    color: #D90000;
  }
  
  .pole-position-dot {
    color: #1D1D1D;
    margin-left: 2px;
  }
  
  .pole-position-description {
    font-family: 'Racing Sans One', cursive;
    font-size: 16px;
    color: #8C8C8C;
    line-height: 1.6;
    margin: 0 0 60px 0;
    text-align: center;
    width: 974px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .tute-showcase {
    max-width: 1200px;
    margin: 0 auto;
  }

  .tuta-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 80px;
    position: relative;
  }

  .features-left {
    position: absolute;
    left: -300px;
    top: 70px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    z-index: 10;
  }

  .feature-item {
    text-align: right;
    max-width: 250px;
  }

  .feature-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 23px;
    color: #D90000;
    margin: 0 0 5px 0;
    font-weight: bold;
    text-transform: uppercase;
    width: 200px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
    text-align: right;
  }

  .feature-description {
    font-family: 'Racing Sans One', cursive;
    font-size: 14px;
    color: #8C8C8C;
    line-height: 1.4;
    margin: 5px 0 0 0;
    width: 200px;
    height: auto;
    min-height: 58px;
    text-align: right;
    margin-left: auto;
  }

    .spalle-feature {
      transform: translateX(35px);
    }

    .cosce-feature {
      transform: translateX(70px) translateY(25px);
    }

    .ginocchia-feature {
      transform: translateX(70px) translateY(40px);
    }

  .features-right {
    position: absolute;
    right: -300px;
    top: 70px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    z-index: 10;
  }

  .features-right .feature-item {
    text-align: left;
    max-width: 250px;
  }

  .features-right .feature-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 23px;
    color: #D90000;
    margin: 0 0 5px 0;
    font-weight: bold;
    text-transform: uppercase;
    width: 200px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
  }

  .features-right .feature-description {
    font-family: 'Racing Sans One', cursive;
    font-size: 14px;
    color: #8C8C8C;
    line-height: 1.4;
    margin: 5px 0 0 0;
    width: 200px;
    height: auto;
    min-height: 58px;
    text-align: left;
  }

  /* Features left styling to match features right */
  .features-left .feature-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 23px;
    color: #D90000;
    margin: 0 0 5px 0;
    font-weight: bold;
    text-transform: uppercase;
    width: 200px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
  }

  .features-left .feature-description {
    font-family: 'Racing Sans One', cursive;
    font-size: 14px;
    color: #8C8C8C;
    line-height: 1.4;
    margin: 5px 0 0 0;
    width: 200px;
    height: auto;
    min-height: 58px;
    text-align: right;
  }

    .schiena-feature {
      transform: translateX(-35px) translateY(15px);
    }

    .glutei-feature {
      transform: translateX(-70px) translateY(150px);
    }

    .polpacci-feature {
      transform: translateX(-70px) translateY(220px);
    }

  .tuta-images {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
  }

  .tuta-grid {
    display: flex;
    gap: 0px;
    justify-content: center;
    align-items: center;
    width: 950px;
    height: 750px;
    position: relative;
    margin: 0 auto;
    transform-origin: center;
    margin-left: calc(50% - 475px);
  }

  .tuta-piece {
    width: 650px;
    height: 750px;
    object-fit: contain;
    border-radius: 8px;
    position: absolute;
  }

  .tuta-piece:nth-child(1) {
    left: 0;
    z-index: 1;
  }

  .tuta-piece:nth-child(2) {
    left: 300px;
    z-index: 2;
  }
  
  /* Grid quinta sezione embedded (nascosta su desktop) */
  .embedded-fifth-section {
    display: none;
    padding: 0;
    margin: 0;
  }
  
  /* Nascondo features dopo le foto su desktop */
  .bottom-features-section {
    display: none;
  }
  
  /* Nascondi le ginocchia mobile su desktop */
  .ginocchia-feature-mobile {
    display: none;
  }
  
  .embedded-images-container {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    max-width: 100%;
    justify-content: center;
  }

  .embedded-center-images-column,
  .embedded-left-images-column,
  .embedded-right-images-column {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .embedded-left-images-column,
  .embedded-right-images-column {
    margin-top: 40px;
  }

  .embedded-fifth-section img {
    width: 100%;
    max-width: 280px;
    height: auto;
    border-radius: 8px;
    object-fit: cover;
  }

  /* Responsive Design */
  @media (max-width: 1400px) {
    .pole-position-section {
      padding: 100px 0;
      overflow-x: hidden;
    }

    /* Riduciamo distanze features per avvicinare le scritte */
    .features-left {
        left: -100px; 
        top: 50px;
        gap: 30px;
        text-align: right;
    }

    .features-right {
        right: -100px; 
        top: 50px;
        gap: 30px;
        text-align: left;
    }

    /* Centriamo meglio la griglia delle tute */
    .tuta-grid {
        margin-left: auto;
        margin-right: auto;
        transform: none;
        left: 0;
        position: relative;
    }

    .tuta-showcase {
      transform: scale(0.65); 
      transform-origin: top center;
      margin-top: -50px; 
      margin-bottom: -200px;
      width: 100%;
      display: flex;
      justify-content: center;
    }
    
    .tuta-container {
        width: auto;
        padding: 0; 
        display: flex;
        justify-content: center;
        position: relative;
        left: -90px;
    }

    .pole-position-title {
      width: auto !important;
      height: auto !important;
      max-width: 90%;
      font-size: 40px !important;
      margin-bottom: 30px !important;
    }

    .pole-position-description {
      width: auto !important;
      height: auto !important;
      max-width: 80%;
      margin: 0 auto 40px auto;
    }

    .pole-position-subtitle {
        width: auto !important;
    }
  }

  @media (max-width: 900px) {
     /* Passa al layout mobile prima del 768px se necessario, oppure scala ancora di più */
     .tuta-showcase {
        transform: scale(0.5);
        margin-top: -150px;
        margin-bottom: -250px;
     }
  }

  @media (max-width: 768px) {
    .tuta-showcase {
        transform: none; /* Reset transform per mobile che ha layout diverso */
        margin-top: 0;
        margin-bottom: 0;
    }
    
    .pole-position-section {
      padding: 60px 20px;
      min-height: auto;
      overflow-x: hidden;
      background: #ffffff;
    }
    
    .pole-position-content {
      padding: 0 10px;
      max-width: 100%;
      text-align: center;
    }
    
    .pole-position-title {
      font-size: 32px;
      margin-bottom: 40px;
      margin-top: 30px;
      width: auto;
      height: auto;
      color: #1D1D1D;
      font-weight: bold;
    }
    
    .pole-position-description {
      font-size: 16px;
      margin-bottom: 80px;
      line-height: 1.7;
      color: #333;
      font-weight: 500;
      max-width: 90%;
      margin-left: auto;
      margin-right: auto;
    }
    
    .pole-position-subtitle {
      font-size: 16px;
      width: auto;
      height: auto;
      color: #888888;
      margin-bottom: 15px;
    }
    
    /* Riorganizza il contenuto delle features per mobile */
    .tute-showcase {
      display: flex;
      flex-direction: column;
      margin-top: 30px;
    }
    
    .tuta-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: static;
      max-width: 100%;
      padding: 0;
      gap: 25px;
      order: 1; /* Features delle spalle/gomiti/cosce prima */
    }
    
    /* Riordino le features: prima spalle, gomiti, cosce */
    .features-left {
      order: 1;
    }
    
    /* Poi la grid embedded */
    .embedded-fifth-section {
      order: 2;
    }
    
    /* Nascondo features originali su mobile */
    .features-right {
      display: none !important;
    }

    /* Nascondo ginocchia dalla features-left su mobile */
    .features-left .ginocchia-feature {
      display: none;
    }

    /* Mostro la versione mobile delle ginocchia */
    .ginocchia-feature-mobile {
      display: block !important;
    }

    /* Features dopo le foto (solo mobile) - stile IDENTICO a spalle/gomiti/cosce */
    .bottom-features-section {
      display: block !important;
      order: 3;
      padding: 40px 20px;
      text-align: center;
    }

    .bottom-features-section .feature-item {
      text-align: center !important;
      max-width: 100%;
      margin-bottom: 0;
      transform: none !important;
      padding: 0;
      background: transparent;
      border: none;
      box-shadow: none;
      margin-bottom: 25px;
    }

    .bottom-features-section .feature-title {
      font-family: 'Racing Sans One', cursive;
      width: 100% !important;
      height: auto !important;
      justify-content: center !important;
      text-align: center !important;
      margin: 0 0 10px 0 !important;
      font-size: 20px !important;
      margin-left: 0 !important;
      color: #D90000 !important;
      font-weight: bold;
      text-transform: uppercase;
      display: flex;
      align-items: center;
    }

    .bottom-features-section .feature-description {
      font-family: 'Racing Sans One', cursive;
      width: 100% !important;
      height: auto !important;
      text-align: center !important;
      margin: 0 !important;
      font-size: 16px !important;
      line-height: 1.6 !important;
      margin-left: 0 !important;
      color: #666 !important;
      max-width: 80%;
      margin-left: auto !important;
      margin-right: auto !important;
    }    /* Mostro ginocchia in features-right su mobile */
    .ginocchia-feature-mobile {
      display: block !important;
    }
    
    .features-left,
    .features-right {
      position: static;
      left: auto;
      right: auto;
      top: auto;
      width: 100%;
      max-width: 100%;
      display: flex;
      flex-direction: column;
      gap: 25px;
      margin-bottom: 0;
    }
    
    .features-left .feature-item,
    .features-right .feature-item {
      text-align: center !important;
      max-width: 100%;
      margin-bottom: 0;
      transform: none !important;
      padding: 0;
      background: transparent;
      border: none;
      box-shadow: none;
    }
    
    .features-left .feature-title {
      width: 100% !important;
      height: auto !important;
      justify-content: center !important;
      text-align: center !important;
      margin: 0 0 15px 0 !important;
      font-size: 24px !important;
      margin-left: 0 !important;
      color: #D90000 !important;
      font-weight: bold;
      font-family: 'Racing Sans One', cursive;
    }
    
    .features-right .feature-title {
      width: 100% !important;
      height: auto !important;
      justify-content: center !important;
      text-align: center !important;
      margin: 0 0 15px 0 !important;
      font-size: 24px !important;
      margin-left: 0 !important;
      color: #D90000 !important;
      font-weight: bold;
      font-family: 'Racing Sans One', cursive;
    }
    
    .features-left .feature-description,
    .features-right .feature-description {
      width: 100% !important;
      height: auto !important;
      text-align: center !important;
      margin: 0 0 20px 0 !important;
      font-size: 18px !important;
      line-height: 1.6 !important;
      margin-left: 0 !important;
      color: #666 !important;
      max-width: 80%;
      margin-left: auto !important;
      margin-right: auto !important;
    }
    
    /* Nascondi le immagini della tuta su mobile */
    .tuta-images {
      display: none;
    }
    
    /* Mostra la grid embedded su mobile - copia esatta della sezione 5 */
    .embedded-fifth-section {
      display: block;
      padding: 40px 20px;
      background: transparent;
      width: 100%;
      order: 2; /* Le foto dopo le features spalle/gomiti/cosce */
    }
    
    .embedded-images-grid {
      display: flex;
      gap: 10px;
      justify-content: center;
      align-items: flex-start;
      max-width: 400px;
      margin: 0 auto;
    }

    .embedded-center-images-column {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .embedded-left-images-column {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: 40px;
    }

    .embedded-right-images-column {
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-top: 40px;
    }

    .embedded-fifth-section img {
      border-radius: 8px;
      object-fit: cover;
    }
    
    /* Dimensioni specifiche identiche alla sezione 5 originale */
    .embedded-fifth-section-image {
      width: 167px;
      height: 270px;
    }

    .embedded-fifth-section-second-image {
      width: 167px !important;
      height: 250px !important;
    }

    .embedded-fifth-section-center-third-image {
      width: 167px;
      height: 154px !important;
    }

    .embedded-fifth-section-left-image {
      width: 167px;
      height: 141px;
    }

    .embedded-fifth-section-left-bottom-image {
      width: 167px;
      height: 237px;
    }

    .embedded-fifth-section-left-third-image {
      width: 167px;
      height: 153px;
    }

    .embedded-fifth-section-right-image {
      width: 167px;
      height: 187px;
    }

    .embedded-fifth-section-right-bottom-image {
      width: 167px;
      height: 224px !important;
    }

    .embedded-fifth-section-right-third-image {
      width: 167px;
      height: 152px;
    }

    /* Features sotto le foto su mobile */
    .bottom-features-mobile {
      display: none;
    }
  }

  @media (max-width: 480px) {
    .pole-position-section {
      padding: 40px 15px;
    }
    
    .pole-position-content {
      padding: 0 5px;
    }
    
    .pole-position-title {
      font-size: 28px;
      margin-bottom: 30px;
      margin-top: 25px;
    }
    
    .pole-position-subtitle {
      font-size: 14px;
      margin-bottom: 12px;
    }
    
    .pole-position-description {
      font-size: 15px;
      line-height: 1.6;
      margin-bottom: 60px;
      max-width: 95%;
      font-weight: 500;
    }
    
    .tute-showcase {
      margin-top: 25px;
    }
    
    .tuta-container {
      gap: 20px;
    }
    
    .features-left,
    .features-right {
      gap: 20px;
    }
    
    .features-left .feature-title,
    .features-right .feature-title {
      font-size: 20px !important;
      margin-bottom: 12px !important;
    }
    
    .features-left .feature-description,
    .features-right .feature-description {
      font-size: 16px !important;
      line-height: 1.6 !important;
      max-width: 90% !important;
    }
    
    /* Riorganizzazione features anche su 480px - sotto le foto */
    .features-left .ginocchia-feature {
      display: none;
    }
    
    .ginocchia-feature-mobile {
      display: block !important;
    }

    /* Nascondo features originali anche su 480px */
    .features-right {
      display: none !important;
    }

    /* Features dopo le foto anche su 480px - stile IDENTICO a spalle/gomiti/cosce */
    .bottom-features-section {
      display: block !important;
      padding: 30px 15px;
    }

    .bottom-features-section .feature-item {
      margin-bottom: 20px;
    }

    .bottom-features-section .feature-title {
      font-size: 18px !important;
      margin-bottom: 8px !important;
    }

    .bottom-features-section .feature-description {
      font-size: 15px !important;
      line-height: 1.5 !important;
      max-width: 90% !important;
    }
    
    /* Mostra la grid embedded anche su mobile piccolo */
    .embedded-fifth-section {
      display: block;
      padding: 40px 0 30px 0;
    }
    
    .embedded-images-grid {
      gap: 8px;
    }

    .embedded-center-images-column,
    .embedded-left-images-column,
    .embedded-right-images-column {
      gap: 8px;
    }

    .embedded-left-images-column,
    .embedded-right-images-column {
      margin-top: 30px;
    }

    .embedded-fifth-section img {
      border-radius: 6px;
    }
    
    /* Dimensioni ridotte per mobile 480px - identiche alla sezione 5 */
    .embedded-fifth-section-image {
      width: 120px;
      height: 194px;
    }

    .embedded-fifth-section-second-image {
      width: 120px !important;
      height: 179px !important;
    }

    .embedded-fifth-section-center-third-image {
      width: 120px;
      height: 111px !important;
    }

    .embedded-fifth-section-left-image {
      width: 120px;
      height: 101px;
    }

    .embedded-fifth-section-left-bottom-image {
      width: 120px;
      height: 170px;
    }

    .embedded-fifth-section-left-third-image {
      width: 120px;
      height: 110px;
    }

    .embedded-fifth-section-right-image {
      width: 120px;
      height: 134px;
    }

    .embedded-fifth-section-right-bottom-image {
      width: 120px;
      height: 161px !important;
    }

    .embedded-fifth-section-right-third-image {
      width: 120px;
      height: 109px;
    }
  }
/* END_SECTION:fourth-section */

/* START_SECTION:header (INDEX:22, SCOPED:FALSE) */
/* Smooth scrolling */
  html {
    scroll-behavior: smooth;
    scroll-padding-top: 70px; /* Offset per header fisso */
  }

  header {
    background-color: #050505;
    color: white;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2rem;
    position: fixed;
    top: 0;
    z-index: 3000;
    width: 100%;
    font-family: 'Racing Sans One', cursive;
  }

  .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;
  }
  
  header * {
    font-family: 'Racing Sans One', cursive !important;
  }
  
  header .header__left {
    flex: 1;
    display: flex;
    align-items: center;
  }
  
  header .header__logo {
    display: inline-block;
  }
  
  header .logo {
    height: 50px;
    width: auto;
    object-fit: contain;
  }
  
  header .header__menu {
    display: flex;
    gap: 2rem;
    align-items: center;
    justify-content: center;
    flex: 2;
  }
  
  header .header__menu a {
    color: white;
    text-decoration: none;
    font-size: 1rem;
    text-transform: uppercase;
    padding: 0.5rem 1rem;
    transition: color 0.3s ease;
    font-family: 'Racing Sans One', cursive !important;
    font-weight: normal;
  }
  
  header .header__menu a:hover {
    color: #e74c3c;
  }
  
  header .header__menu a.active {
    color: #b50000;
  }
  
  header .header__icons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
  }
  
  header .cta-button {
    background-color: #D90000;
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 4px;
    font-size: 0.9rem;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s ease;
    font-family: 'Racing Sans One', cursive !important;
    font-weight: normal;
  }
  
  header .cta-button:hover {
    background-color: #B50000;
    transform: translateY(-1px);
  }

  header .header__icon--cart {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-decoration: none;
    margin-right: 25px;
    position: relative;
    width: 50px;
    height: 50px;
  }
  
  header .header__icon--cart .icon {
    width: 32px;
    height: 32px;
    fill: none;
    transition: transform 0.3s ease;
  }
  
  header .header__icon--cart:hover .icon {
    transform: scale(1.1);
  }
  
  .cart-count-bubble {
    position: absolute;
    top: 4px;
    right: 2px;
    background-color: #D90000;
    color: white;
    font-size: 11px;
    font-weight: bold;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
  }

  /* Hamburger Menu - Hidden on Desktop */
  .hamburger-menu {
    display: none;
    position: relative;
  }

  .hamburger-button {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
  }

  .hamburger-line {
    width: 25px;
    height: 3px;
    background-color: white;
    transition: all 0.3s ease;
    border-radius: 2px;
  }

  .hamburger-button.active .hamburger-line:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
  }

  .hamburger-button.active .hamburger-line:nth-child(2) {
    opacity: 0;
  }

  .hamburger-button.active .hamburger-line:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
  }

  .mobile-menu {
    position: fixed;
    top: 60px;
    right: -100%;
    width: 280px;
    height: calc(100vh - 60px);
    background-color: #050505;
    display: flex;
    flex-direction: column;
    padding: 2rem 1.5rem;
    transition: right 0.3s ease;
    z-index: 999;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.3);
  }

  .mobile-menu.active {
    right: 0;
  }

  .mobile-menu a {
    color: white;
    text-decoration: none;
    font-size: 1.1rem;
    text-transform: uppercase;
    padding: 1rem 0;
    border-bottom: 1px solid #333;
    transition: color 0.3s ease;
    font-family: 'Racing Sans One', cursive !important;
  }

  .mobile-menu a:hover {
    color: #e74c3c;
  }
  
  .mobile-menu a.active {
    color: #b50000;
  }

  .mobile-menu a:last-child {
    border-bottom: none;
  }

  .mobile-menu .mobile-cta {
    background-color: #D90000;
    color: white;
    padding: 1rem;
    border-radius: 4px;
    text-align: center;
    margin-top: 1.5rem;
    border-bottom: none !important;
  }

  .mobile-menu .mobile-cta:hover {
    background-color: #B50000;
  }

  /* Mobile Menu Overlay */
  .mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 998;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
  }

  .mobile-menu-overlay.active {
    opacity: 1;
    visibility: visible;
  }

  /* Responsive Design */
  @media (max-width: 1200px) {
    header {
      padding: 0 1rem;
    }
    
    header .header__menu {
      gap: 1.5rem;
    }
    
    header .header__menu a {
      font-size: 0.9rem;
    }
  }

  /* Common Mobile (Phones) - Always Hamburger */
  @media (max-width: 768px) {
    html {
      scroll-padding-top: 60px; /* Offset per header mobile */
    }
    
    header {
      padding: 0 1rem;
      height: 60px;
    }
    
    header .logo {
      height: 40px;
    }
    
    header .header__menu {
      display: none;
    }
    
    header .cta-button {
      display: none;
    }
    
    .hamburger-menu {
      display: block !important;
    }

    .mobile-menu {
      top: 60px;
    }
  }

  /* Tablet Optimization (769px - 1024px) */
  /* Force Hamburger menu on Tablet for ALL pages */
  @media (min-width: 769px) and (max-width: 1024px) {
    header {
      padding: 0 1.5rem !important;
    }
    
    /* Hide desktop elements */
    .header__menu,
    header .header__menu,
    .cta-button,
    header .cta-button,
    .header-home .header__menu,
    .header-other .header__menu {
      display: none !important;
    }
    
    /* Show hamburger explicitly */
    .hamburger-menu {
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
      z-index: 1002;
    }

    /* Verify header icons container visibility */
    .header__icons {
      display: flex !important;
      visibility: visible !important;
      justify-content: flex-end;
      width: auto;
    }

    /* Force button color */
    .hamburger-button {
      display: flex !important;
    }
    .hamburger-line {
      background-color: white !important;
    }
    
    .mobile-menu {
      top: 70px;
      right: -100%;
      transition: right 0.3s ease;
    }

    .mobile-menu.active {
      right: 0;
    }
  }


  @media (max-width: 480px) {
    header {
      padding: 0 0.5rem;
    }
    
    .mobile-menu {
      width: 100%;
      right: -100%;
      padding: 1.5rem 1rem;
    }
    
    .mobile-menu a {
      font-size: 1rem;
      padding: 0.8rem 0;
    }
  }
/* END_SECTION:header */

/* START_SECTION:main-article (INDEX:24, SCOPED:FALSE) */
.article-template {
    background-color: #0c0c0c;
    color: #ffffff;
    padding: 120px 20px 80px;
    min-height: 100vh;
  }

  .article-template .container {
    max-width: 900px;
    margin: 0 auto;
    position: relative;
  }

  /* Header */
  .article-header-wrapper {
    position: relative;
    padding: 20px 0 40px 0;
    margin-bottom: 20px;
    text-align: center;
    overflow: hidden;
  }
  
  .article-header-watermark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) skewX(-10deg);
    font-family: 'Racing Sans One', cursive;
    font-size: 14vw;
    color: rgba(255, 255, 255, 0.04);
    white-space: nowrap;
    pointer-events: none;
    z-index: 0;
    line-height: 1;
    user-select: none;
  }
  
  @media (max-width: 768px) {
    .article-header-watermark {
      font-size: 20vw;
    }
  }

  .article-header-content {
    position: relative;
    z-index: 1;
  }

  .article-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 48px;
    color: #FFFFFF;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    font-style: italic;
    line-height: 1.1;
  }
  
  .article-meta {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: flex;
    justify-content: center;
    gap: 20px;
  }

  /* Imagine */
  .article-image-container {
    width: 100%;
    margin-bottom: 50px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #333;
  }

  .article-image {
    width: 100%;
    height: auto;
    display: block;
  }

  /* RTE Content */
  .article-content {
    font-family: 'Poppins', sans-serif;
    color: #cccccc;
    font-size: 18px;
    line-height: 1.8;
  }

  .article-content h2, 
  .article-content h3 {
    font-family: 'Racing Sans One', cursive;
    color: white;
    margin-top: 40px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-style: italic;
  }

  .article-content h2 { font-size: 32px; border-bottom: 1px solid #333; padding-bottom: 15px; }
  .article-content h3 { font-size: 24px; color: #D90000; }

  .article-content p {
    margin-bottom: 25px;
  }

  .article-content a {
    color: #D90000;
    text-decoration: underline;
  }

  .article-content ul, 
  .article-content ol {
    margin-bottom: 25px;
    padding-left: 20px;
  }
  
  .article-content li {
    margin-bottom: 10px;
  }

  .article-content img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    margin: 20px 0;
  }
  
  .article-content blockquote {
    border-left: 4px solid #D90000;
    padding-left: 20px;
    margin: 30px 0;
    font-style: italic;
    color: white;
    background: #111;
    padding: 20px;
    border-radius: 0 4px 4px 0;
  }

  /* Footer */
  .article-footer {
    margin-top: 60px;
    padding-top: 40px;
    border-top: 1px solid #333;
    text-align: center;
  }

  .back-to-blog {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: 'Racing Sans One', cursive;
    color: white;
    text-decoration: none;
    font-size: 18px;
    text-transform: uppercase;
    transition: color 0.3s ease;
  }

  .back-to-blog:hover {
    color: #D90000;
  }
  
  @media (max-width: 768px) {
    .article-title {
      font-size: 32px;
    }
    .article-content {
      font-size: 16px;
    }
  }
/* END_SECTION:main-article */

/* START_SECTION:main-blog (INDEX:25, SCOPED:FALSE) */
.collection-tute-section {
    background-color: #0c0c0c;
    color: #ffffff;
    padding: 120px 20px 80px;
    min-height: 100vh;
  }
  
  .collection-tute-section .container {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    position: relative;
  }

  /* Header styles */
  .page-header-wrapper {
    position: relative;
    padding: 20px 0 40px 0;
    margin-bottom: 20px;
    overflow: hidden;
  }
  
  .page-header-watermark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) skewX(-10deg);
    font-family: 'Racing Sans One', cursive;
    font-size: 14vw;
    color: rgba(255, 255, 255, 0.04);
    white-space: nowrap;
    pointer-events: none;
    z-index: 0;
    line-height: 1;
    width: 100%;
    user-select: none;
  }
  
  @media (max-width: 768px) {
    .page-header-watermark {
      font-size: 20vw;
    }
  }

  .page-header-content {
    position: relative;
    z-index: 1;
  }

  .page-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 56px;
    color: #FFFFFF;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    font-style: italic;
  }
  
  .page-description {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #cccccc;
    margin: 0 auto 50px;
    max-width: 600px;
    line-height: 1.6;
  }

  /* Grid Styles from your theme */
  .custom-racing-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 30px;
    padding-bottom: 50px;
  }
  
  .custom-racing-card {
    background: #111;
    border: 1px solid #333;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s ease, border-color 0.3s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none; /* Rimuove sottolineatura link */
    color: inherit; /* Mantiene colori interni */
  }
  
  .custom-racing-card:hover {
    transform: translateY(-5px);
    border-color: #D90000;
  }
  
  .custom-racing-image-box {
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #000;
  }
  
  .custom-racing-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
  }
  
  .custom-racing-card:hover .custom-racing-image {
    transform: scale(1.05);
  }
  
  .custom-racing-info {
    padding: 20px;
    text-align: left;
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  
  .custom-racing-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 22px;
    color: white;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    font-style: italic;
    line-height: 1.1;
  }
  
  .drawer-product-description {
    font-family: 'Poppins', sans-serif;
    color: #ccc;
    font-size: 14px;
    line-height: 1.5;
  }

  /* Pagination */
  .pagination {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 40px;
  }
  
  .pagination span, .pagination a {
    color: white;
    padding: 8px 12px;
    border: 1px solid #333;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
  }
  
  .pagination .current {
    background: #D90000;
    border-color: #D90000;
  }
  
  @media (max-width: 480px) {
    .page-title {
       font-size: 36px;
    }
    .custom-racing-grid {
       grid-template-columns: 1fr;
    }
  }
/* END_SECTION:main-blog */

/* START_SECTION:main-content (INDEX:27, SCOPED:FALSE) */
@import url('https://fonts.googleapis.com/css2?family=Racing+Sans+One&display=swap');
  
  .hero-section {
    height: 100vh;
    background-color: #050505;
    background-image: 
      linear-gradient(to bottom, #010101 0%, transparent 20%), 
      linear-gradient(to top, #050505 0%, #010101 10%, transparent 30%), 
      var(--bg-image);
    background-size: 100% 100%, 100% 100%, contain;
    background-position: top, bottom, right bottom;
    background-repeat: no-repeat;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 70px;
    padding-left: 0;
    padding-right: 800px;
    box-sizing: border-box;
  }
  
  .hero-content {
    max-width: 600px;
  }
  
  .hero-rating {
    margin-bottom: 30px;
  }
  
  .stars {
    font-family: 'Racing Sans One', cursive;
    font-size: 24px;
    margin-bottom: 8px;
  }
  
  .rating-text {
    font-family: 'Racing Sans One', cursive;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
  }
  
  .hero-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 56px;
    font-weight: bold;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    font-style: italic;
    line-height: 1.1;
    color: #F6F6F6;
    white-space: nowrap;
    text-align: left;
  }
  
  .hero-subtitle {
    font-family: 'Racing Sans One', cursive;
    font-size: 56px;
    color: #D90000;
    margin: 0 0 30px 0;
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
    line-height: 1.1;
  }
  
  .hero-description {
    font-family: 'Racing Sans One', cursive;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 40px;
    color: #ffffff;
  }
  
  .hero-buttons {
    display: flex;
    gap: 20px;
  }
  
  .btn-primary {
    background: #D90000;
    color: white;
    border: none;
    padding: 15px 30px;
    font-family: 'Racing Sans One', cursive;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 4px;
    transition: background 0.3s ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  
  .btn-primary:hover {
    background: #B50000;
  }
  
  .btn-secondary {
    background: white;
    color: #666666;
    border: 2px solid white;
    padding: 13px 28px;
    font-family: 'Racing Sans One', cursive;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  
  .btn-secondary:hover {
    background: transparent;
    color: white;
    border: 2px solid white;
  }

  /* Responsive Design */
  @media (max-width: 1400px) {
    .hero-section {
      padding-right: 600px;
    }
    
    .hero-title, .hero-subtitle {
      font-size: 50px;
    }
    
    .hero-content {
      max-width: 550px;
    }
  }

  @media (max-width: 1200px) {
    .hero-section {
      padding-right: 400px;
    }
    
    .hero-title, .hero-subtitle {
      font-size: 44px;
    }
    
    .hero-content {
      max-width: 500px;
    }
  }

  @media (max-width: 1024px) {
    .hero-section {
      padding-right: 0;
      padding-top: 50px; /* Reduced specific padding for tablet */
      justify-content: center;
      background-position: center bottom;
      background-size: cover; /* Change to cover to fill space */
      text-align: center;
      min-height: 80vh; /* Allow it to be smaller than full screen if needed */
      overflow-x: hidden;
    }
    
    .hero-content {
      max-width: 700px;
      margin: 0 auto;
      padding: 20px;
    }
    
    .hero-title, .hero-subtitle {
      font-size: 42px;
      text-align: center;
      width: 100%;
    }
    
    .hero-description {
      font-size: 15px;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
    }

    .hero-buttons {
       justify-content: center;
    }
    
    .btn-primary, .btn-secondary {
      padding: 14px 28px;
      font-size: 13px;
    }
  }

  @media (max-width: 768px) {
    .hero-section {
      padding: 80px 20px;
      min-height: 100vh;
      justify-content: center;
      align-items: center;
      text-align: center;
      overflow-x: hidden;
      background-size: 100% 100%, 100% 100%, auto 85%;
      background-position: top, bottom, 50% bottom;
    }
    
    .hero-content {
      max-width: 100%;
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      position: relative;
      padding: 20px;
      z-index: 1;
    }

    .hero-content::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 140%;
      height: 140%;
      z-index: -1;
      background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 50%, transparent 70%);
      filter: blur(20px);
    }
    
    .hero-rating {
      width: 100%;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    
    .hero-title {
      font-size: 36px;
      white-space: normal;
      line-height: 1.2;
      margin-bottom: 10px;
      text-align: center;
      width: 100%;
    }
    
    .hero-subtitle {
      font-size: 36px;
      white-space: normal;
      line-height: 1.2;
      margin-bottom: 20px;
      text-align: center;
      width: 100%;
    }
    
    .hero-description {
      font-size: 16px;
      margin-bottom: 40px;
      line-height: 1.6;
      text-align: center;
      width: 100%;
      max-width: 90%;
      margin-left: auto;
      margin-right: auto;
    }
    
    .hero-buttons {
      flex-direction: column;
      gap: 20px;
      align-items: center;
      justify-content: center;
    }
    
    .btn-primary, .btn-secondary {
      width: 100%;
      max-width: 300px;
      text-align: center;
      padding: 16px 32px;
      font-size: 14px;
    }
    
    .stars {
      font-size: 20px;
    }
    
    .rating-text {
      font-size: 12px;
    }
  }

  @media (max-width: 480px) {
    .hero-section {
      padding: 60px 15px;
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
    }
    
    .hero-content {
      width: 100%;
      max-width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
    
    .hero-rating {
      margin-bottom: 20px;
      width: 100%;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    
    .hero-title {
      font-size: 28px;
      margin-bottom: 10px;
      text-align: center;
      width: 100%;
    }
    
    .hero-subtitle {
      font-size: 28px;
      margin-bottom: 15px;
      text-align: center;
      width: 100%;
    }
    
    .hero-description {
      font-size: 13px;
      line-height: 1.5;
      margin-bottom: 35px;
      text-align: center;
      width: 100%;
      max-width: 95%;
      margin-left: auto;
      margin-right: auto;
    }
    
    .hero-buttons {
      flex-direction: column;
      gap: 20px;
      align-items: center;
      justify-content: center;
      width: 100%;
    }
    
    .btn-primary, .btn-secondary {
      padding: 12px 20px;
      font-size: 12px;
      max-width: 100%;
      width: 100%;
      max-width: 280px;
      text-align: center;
    }
    
    .stars {
      font-size: 18px;
      text-align: center;
    }
    
    .rating-text {
      font-size: 11px;
      text-align: center;
    }
  }
/* END_SECTION:main-content */

/* START_SECTION:main-product (INDEX:28, SCOPED:FALSE) */
@import url('https://fonts.googleapis.com/css2?family=Racing+Sans+One&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');

  .product-page-section {
    background-color: #0c0c0c;
    color: white;
    min-height: 100vh;
    padding: 40px 20px 60px; /* Reduced top padding to avoid huge gap below header */
    font-family: 'Poppins', sans-serif;
    position: relative;
    overflow: hidden;
  }
  
  .product-page-container {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    gap: 60px;
    position: relative;
    z-index: 2;
  }

  /* Watermark */
  .product-watermark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) skewX(-10deg);
    font-family: 'Racing Sans One', cursive;
    font-size: 20vw;
    color: rgba(255, 255, 255, 0.02);
    pointer-events: none;
    white-space: nowrap;
    z-index: 0;
    user-select: none;
  }

  /* Gallery */
  .product-gallery-wrapper {
    flex: 1.2;
    display: flex;
    flex-direction: column;
    padding: 80px 40px 40px; /* Align with drawer padding */
    justify-content: center;
  }

  .main-image-container {
    width: 100%;
    height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at center, rgba(26,26,26,0.5) 0%, rgba(12,12,12,0) 70%);
    border-radius: 8px;
    margin-bottom: 20px;
  }

  .main-image {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
    filter: drop-shadow(0 15px 30px rgba(0,0,0,0.6));
    transition: transform 0.3s;
  }
  .main-image:hover {
    transform: scale(1.02);
  }

  .thumbnails-container {
      display: flex;
      align-items: center;
      gap: 10px;
      width: 100%;
      justify-content: center;
      margin-top: 10px;
  }
  
  .thumb-nav {
      background: transparent;
      border: 1px solid #333;
      color: white;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      transition: all 0.2s;
  }
  .thumb-nav:hover {
      background: #333;
      border-color: #fff;
  }

  .thumbnails-grid {
    display: flex;
    justify-content: center; /* Center to match drawer feel if few items, or flex-start if many? Drawer uses justify-content: center */
    gap: 15px;
    overflow-x: auto;
    padding: 10px 0;
    max-width: 555px; /* Keep this limit as per specific request for the link view */
    scrollbar-width: thin;
    scroll-behavior: smooth;
  }
  
  .thumbnails-grid::-webkit-scrollbar {
    height: 4px;
  }
  .thumbnails-grid::-webkit-scrollbar-track {
    background: transparent;
  }
  .thumbnails-grid::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 2px;
  }

  .thumbnail-box {
    width: 80px;
    height: 80px;
    border: 1px solid #333;
    border-radius: 8px;
    cursor: pointer;
    overflow: hidden;
    opacity: 0.5;
    transition: all 0.2s;
    flex-shrink: 0;
  }
  
  .thumbnail-box.active {
    opacity: 1;
    border-color: #D90000;
    box-shadow: 0 0 10px rgba(217, 0, 0, 0.4);
  }

  .thumbnail-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* Details */
  .product-details-wrapper {
    flex: 0.8;
    padding: 0px 40px 40px 40px; /* Align deeply with drawer spacing */
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Top align */
  }

  .product-page-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 56px; /* Matched to Drawer */
    text-transform: uppercase;
    font-style: italic;
    line-height: 0.9;
    margin-bottom: 20px;
    text-shadow: 0 0 20px rgba(0,0,0,0.5);
    color: white;
  }

  .product-page-price {
    font-size: 32px;
    color: #D90000;
    font-weight: 600;
    margin-bottom: 40px;
    font-family: 'Poppins', sans-serif;
  }

  .compare-price {
    color: #888;
    text-decoration: line-through;
    font-size: 20px;
    margin-left: 10px;
  }

  .product-variants {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 40px;
  }

  .variant-pill {
    padding: 12px 25px;
    border: 1px solid #333;
    border-radius: 50px;
    background: #111;
    color: #ccc;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.2s;
  }
  
  .variant-pill:hover {
    border-color: #666;
    color: #fff;
    background: #1a1a1a;
  }

  .variant-pill.active {
    background: #fff; 
    color: #000; 
    border-color: #fff;
    font-weight: 700;
    box-shadow: 0 0 15px rgba(255,255,255,0.15);
    transform: scale(1.05);
  }

  .product-actions {
    margin-bottom: 50px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    border-bottom: 1px solid #222;
    padding-bottom: 30px;
  }

  .qty-selector label {
    display: block;
    color: #888;
    margin-bottom: 8px;
    font-size: 12px;
    text-transform: uppercase;
  }

  .qty-controls {
    display: flex;
    align-items: center;
    border: 1px solid #444;
    border-radius: 4px;
    width: fit-content;
    overflow: hidden;
  }

  .qty-controls button {
    background: #1a1a1a;
    border: none;
    color: white;
    width: 40px;
    height: 45px;
    cursor: pointer;
    font-size: 20px;
  }

  .qty-controls input {
    background: transparent;
    border: none;
    color: white;
    width: 50px;
    text-align: center;
    font-size: 16px;
    font-family: inherit;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    height: 45px;
  }

  .add-to-cart-btn {
    width: 100%;
    background: #ffffff;
    color: #000000;
    padding: 22px;
    font-family: 'Racing Sans One', cursive;
    font-style: italic;
    text-transform: uppercase;
    font-size: 24px;
    border-radius: 50px;
    border: none;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
  }
  
  .add-to-cart-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 40px rgba(255, 255, 255, 0.2);
  }

  .product-description {
    color: #ccc;
    font-size: 14px;
    line-height: 1.8;
  }

  .product-description h3, .product-description h4 {
    color: white;
    font-family: 'Racing Sans One', cursive;
    font-style: italic;
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 24px;
  }

  @media (max-width: 900px) {
    .product-page-container {
      flex-direction: column;
      gap: 30px;
    }
    
    .main-image-container {
      height: 40vh;
    }
    
    .add-to-cart-btn {
      position: sticky;
      bottom: 20px;
      z-index: 10;
      box-shadow: 0 5px 20px rgba(0,0,0,0.5);
    }
  }
/* END_SECTION:main-product */

/* START_SECTION:ninth-section (INDEX:29, SCOPED:FALSE) */
.ninth-section {
    min-height: 50vh;
    background: #ffffff;
    color: #1D1D1D;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 150px 0;
    margin: 0;
    box-sizing: border-box;
  }
  
  .ninth-section-content {
    max-width: 1000px;
    text-align: center;
    padding: 0 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .ninth-subtitle {
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    color: #888888;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    letter-spacing: 2px;
  }

  .ninth-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 60px;
    font-weight: bold;
    color: #1D1D1D;
    margin: 0 0 15px 0;
    line-height: 1.2;
    font-style: italic;
  }

  .ninth-highlight {
    color: #D90000;
  }

  .ninth-description {
    font-family: 'Racing Sans One', cursive;
    font-size: 16px;
    color: #666666;
    font-weight: bold;
    line-height: 1.6;
    margin: 0 0 40px 0;
  }

  .comparison-table-container {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 40px;
    padding: 0 1rem;
  }
  
  .comparison-table {
    background-color: #f2f2f2;
    width: 100%;
    max-width: 1000px;
    border-collapse: collapse;
    border: none;
    box-shadow: none;
    border-radius: 0;
  }
  
  .comparison-table th,
  .comparison-table td {
    padding: 28px 40px;
    text-align: left;
    border: none;
    background-color: #f2f2f2;
  }
  
  .comparison-table thead tr {
    background-color: #f2f2f2;
  }
  
  .comparison-table tbody tr {
    background-color: #f2f2f2;
    border: none;
  }
  
  .comparison-table tbody tr:last-child {
    border: none;
  }
  
  .table-header {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #8C8C8C;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background-color: #f2f2f2;
  }
  
  .table-aspect {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #8C8C8C;
    width: 33.33%;
    background-color: #f2f2f2;
  }
  
  .table-normale {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #8C8C8C;
    width: 33.33%;
    font-weight: 400;
    background-color: #f2f2f2;
  }
  
  .table-nostra {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #8C8C8C;
    width: 33.33%;
    font-weight: 400;
    background-color: #f2f2f2;
  }
  
  .icon-negative {
    margin-right: 8px;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: text-top;
    position: relative;
    top: 2px;
  }
  
  .icon-positive {
    margin-right: 8px;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: text-top;
    position: relative;
    top: 2px;
  }
  
  .table-normale {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #8C8C8C;
    width: 33.33%;
    font-weight: 400;
    background-color: #f2f2f2;
    vertical-align: middle;
  }
  
  .table-nostra {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #8C8C8C;
    width: 33.33%;
    font-weight: 400;
    background-color: #f2f2f2;
    vertical-align: middle;
  }
  
  .comparison-table tbody tr:hover {
    background-color: #f2f2f2;
    transition: none;
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    .ninth-section {
      padding: 150px 0 60px 0;
      min-height: 40vh;
    }
    
    .ninth-section-content {
      padding: 0 1rem;
      max-width: 100%;
    }

    .ninth-subtitle {
      font-size: 18px !important;
      margin: 0 0 30px 0;
    }

    .ninth-title {
      font-size: 42px !important;
      margin: 0 0 40px 0;
      line-height: 1.1;
    }

    .ninth-description {
      font-size: 16px !important;
      line-height: 1.7;
      max-width: 600px;
      margin: 0 auto 50px auto;
    }
    
    .comparison-table-container {
      margin-top: 30px;
      padding: 0 1rem;
    }
    
    .comparison-table {
      background-color: #f2f2f2;
      border-radius: 0;
      box-shadow: none;
      max-width: 100%;
    }
    
    .comparison-table th,
    .comparison-table td {
      padding: 18px 25px;
      font-size: 14px;
      background-color: #f2f2f2;
    }
    
    .table-header {
      font-size: 14px;
      font-weight: 600;
      background-color: #f2f2f2;
    }
    
    .table-aspect,
    .table-normale,
    .table-nostra {
      font-size: 14px;
      background-color: #f2f2f2;
      vertical-align: middle;
    }
  }

  @media (max-width: 480px) {
    .ninth-section {
      padding: 80px 0 40px 0;
    }

    .ninth-section-content {
      padding: 0 1rem;
    }

    .ninth-subtitle {
      font-size: 15px !important;
      margin: 0 0 25px 0;
    }

    .ninth-title {
      font-size: 32px !important;
      margin: 0 0 30px 0;
    }

    .ninth-description {
      font-size: 15px !important;
      line-height: 1.6;
      margin: 0 auto 40px auto;
    }

    .comparison-table-container {
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
    }
    
    .comparison-table {
      background-color: #f2f2f2;
      border-radius: 0;
      box-shadow: none;
      max-width: 100%;
      margin: 0 auto;
      width: 95%;
    }

    .comparison-table th,
    .comparison-table td {
      padding: 12px 8px;
      font-size: 11px;
      background-color: #f2f2f2;
      text-align: left;
      vertical-align: middle;
    }
    
    .table-header {
      font-size: 10px;
      font-weight: 600;
      background-color: #f2f2f2;
      text-align: left;
    }
    
    .table-aspect,
    .table-normale,
    .table-nostra {
      font-size: 11px;
      background-color: #f2f2f2;
      text-align: left;
      vertical-align: middle;
    }
  }
/* END_SECTION:ninth-section */

/* START_SECTION:second-section (INDEX:38, SCOPED:FALSE) */
@import url('https://fonts.googleapis.com/css2?family=Racing+Sans+One&display=swap');
  
  .second-section {
    min-height: 100vh;
    background: #ffffff;
    color: black;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
  
  .second-content {
    max-width: 1200px;
    text-align: center;
    padding: 0 2rem;
  }
  
  .text-content {
    margin-bottom: 60px;
    max-width: 1000px;
    margin: 0 auto 60px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
  }
  
  .subtitle {
    font-family: 'Racing Sans One', cursive;
    font-size: 18px;
    color: #999999;
    text-transform: uppercase;
    margin: 0 0 25px 0;
    letter-spacing: 2px;
    text-align: center;
    width: 100%;
  }
  
  .main-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 62px;
    font-weight: bold;
    color: #000000;
    margin: 0 0 30px 0;
    line-height: 1.2;
    font-style: italic;
    text-align: center;
    width: 100%;
  }
  
  .highlight {
    color: #D90000;
  }
  
  .description {
    font-family: 'Racing Sans One', cursive;
    font-size: 22px;
    color: #666666;
    line-height: 1.5;
    margin: 0 auto;
    max-width: 974px;
    text-align: center;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
  }
  
  .pilota-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 800px;
  }
  
  .pilota-image {
    max-width: 600px;
    height: auto;
    z-index: 1;
  }
  
  .feature-text {
    position: absolute;
    max-width: 280px;
    width: 280px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  
  .feature-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 26px;
    font-weight: bold;
    color: #D90000;
    margin: 0 0 40px 0;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
    width: 100%;
    display: block;
  }
  
  .feature-desc {
    font-family: 'Racing Sans One', cursive;
    font-size: 18px;
    color: #666666;
    line-height: 1.5;
    margin: 0;
    text-align: center;
    width: 100%;
    display: block;
  }
  
  /* Posizioni a sinistra */
  .feature-left-top {
    left: -150px;
    top: 150px;
  }
  
  .feature-left-middle {
    left: -200px;
    top: 36%;
    transform: translateY(-50%);
  }
  
  .feature-left-bottom {
    left: -150px;
    bottom: 380px;
  }
  
  /* Posizioni a destra */
  .feature-right-top {
    right: -180px;
    top: 120px;
  }
  
  .feature-right-middle {
    right: -180px;
    top: 560px;
    transform: translateY(-50%);
  }
  
  .feature-right-bottom {
    right: -150px;
    bottom: 270px;
  }

  /* Small Desktop / Laptop Adaptation */
  @media (min-width: 769px) and (max-width: 1500px) {
    .pilota-image {
      max-width: 350px;
    }
    .pilota-container {
      min-height: 750px;
    }
    
    .feature-text { 
      width: 220px; 
    }
    .feature-title { 
      font-size: 20px; 
      margin-bottom: 15px; 
    }
    .feature-desc { 
      font-size: 14px; 
    }
    
    /* Distribute vertically using percentages to ensure constant spacing */
    /* Resetting pixel values from desktop to prevent overlapping */
    
    /* Left Side */
    .feature-left-top { 
      left: -20px; 
      top: 5%; 
    }
    .feature-left-middle { 
      left: -40px; 
      top: 50%; 
      transform: translateY(-50%);
    }
    .feature-left-bottom { 
      left: -20px; 
      bottom: 5%; 
    }
    
    /* Right Side */
    .feature-right-top { 
      right: -20px; 
      top: 5%; 
    }
    .feature-right-middle { 
      right: -40px; 
      top: 50%; 
      transform: translateY(-50%); /* Overrides the fixed pixel top */
    }
    .feature-right-bottom { 
      right: -20px; 
      bottom: 5%; 
    }
  }

  /* Tablet Specific (769px - 1024px) - Tighter layout and closer to image */
  @media (min-width: 769px) and (max-width: 1024px) {
    .pilota-image {
      max-width: 280px; /* Reduced to fit features */
    }
    
    .feature-text { 
      width: 170px; /* Reduced width */
    }
    
    .feature-title { 
      font-size: 18px; 
      margin-bottom: 20px;
    }

    .feature-desc { 
      font-size: 13px; 
    }
    
    /* Left Side: Position close to image (Center - 140px - 10px Gap - 170px Text = 320px offset) */
    /* Using 280px image -> Half is 140px. 10px Gap. 170px Text. Total 320px from center. */
    .feature-left-top, 
    .feature-left-middle, 
    .feature-left-bottom { 
      left: calc(50% - 320px); 
      align-items: flex-end; /* Align flex children to right */
    }
    
    .feature-left-top .feature-title, 
    .feature-left-middle .feature-title, 
    .feature-left-bottom .feature-title,
    .feature-left-top .feature-desc, 
    .feature-left-middle .feature-desc, 
    .feature-left-bottom .feature-desc {
      text-align: right; /* Align text to right */
    }

    /* Right Side */
    .feature-right-top, 
    .feature-right-middle, 
    .feature-right-bottom { 
      right: calc(50% - 320px); 
      align-items: flex-start; /* Align flex children to left */
    }

    .feature-right-top .feature-title, 
    .feature-right-middle .feature-title, 
    .feature-right-bottom .feature-title,
    .feature-right-top .feature-desc, 
    .feature-right-middle .feature-desc, 
    .feature-right-bottom .feature-desc {
      text-align: left; /* Align text to left */
    }

    /* Vertical Tweaks */
    .feature-left-top, .feature-right-top { top: 0%; }
    .feature-left-middle, .feature-right-middle { top: 50%; transform: translateY(-50%); }
    .feature-left-bottom, .feature-right-bottom { bottom: 0%; }
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    .second-section {
      padding: 60px 20px;
      min-height: 100vh;
      overflow-x: hidden;
    }
    
    .second-content {
      padding: 0;
      max-width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    
    .text-content {
      text-align: center;
      margin-bottom: 40px;
      width: 100%;
    }
    
    .subtitle {
      font-size: 18px;
      margin-bottom: 15px;
      color: #888888;
    }
    
    .main-title {
      font-size: 36px;
      margin-bottom: 20px;
      line-height: 1.2;
    }
    
    .description {
      font-size: 17px;
      margin-bottom: 40px;
      line-height: 1.6;
      max-width: 95%;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      padding: 0 15px;
    }
    
    .pilota-container {
      position: relative;
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    
    .pilota-image {
      width: 280px;
      height: auto;
      margin: 20px 0;
      z-index: 5;
    }
    
    .feature-text {
      position: relative !important;
      left: auto !important;
      right: auto !important;
      top: auto !important;
      bottom: auto !important;
      transform: none !important;
      width: 100% !important;
      max-width: 100% !important;
      text-align: center !important;
      padding: 0 !important;
      background: transparent !important;
      border-radius: 0 !important;
      margin: 50px auto !important;
      box-shadow: none !important;
      border: none !important;
      display: block !important;
    }
    
    .pilota-container .feature-text .feature-title,
    .feature-title {
      font-size: 20px !important;
      margin-bottom: 25px !important;
      color: #D90000 !important;
      line-height: 1.2 !important;
      font-weight: bold !important;
      text-align: center !important;
      width: 100% !important;
      margin-left: auto !important;
      margin-right: auto !important;
      display: block !important;
    }
    
    .pilota-container .feature-text .feature-desc,
    .feature-desc {
      font-size: 16px !important;
      line-height: 1.6 !important;
      color: #666666 !important;
      max-width: 80% !important;
      margin-left: auto !important;
      margin-right: auto !important;
      text-align: center !important;
      width: auto !important;
      display: block !important;
    }
  }

  @media (max-width: 480px) {
    .second-section {
      padding: 40px 15px;
    }
    
    .subtitle {
      font-size: 16px;
    }
    
    .main-title {
      font-size: 32px;
      margin-bottom: 15px;
    }
    
    .description {
      font-size: 16px;
      margin-bottom: 30px;
      max-width: 95%;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      padding: 0 10px;
    }
    
    .pilota-image {
      width: 240px;
    }
    
    .feature-text {
      width: 100% !important;
      padding: 0 !important;
      margin: 40px auto !important;
      background: transparent !important;
      border-radius: 0 !important;
      box-shadow: none !important;
      border: none !important;
      text-align: center !important;
    }
    
    .pilota-container .feature-text .feature-title,
    .feature-title {
      font-size: 18px !important;
      margin-bottom: 20px !important;
      font-weight: bold !important;
      text-align: center !important;
      width: 100% !important;
      margin-left: auto !important;
      margin-right: auto !important;
      display: block !important;
    }
    
    .pilota-container .feature-text .feature-desc,
    .feature-desc {
      font-size: 15px !important;
      line-height: 1.5 !important;
      max-width: 90% !important;
      margin-left: auto !important;
      margin-right: auto !important;
      text-align: center !important;
      display: block !important;
    }
  }

  @media (max-width: 480px) {
    .second-section {
      padding: 60px 15px;
    }
    
    .second-title {
      font-size: 28px;
      margin-bottom: 15px;
    }
    
    .second-description {
      font-size: 14px;
      margin-bottom: 25px;
    }
    
    .second-section .btn-primary {
      padding: 12px 24px;
      font-size: 14px;
    }
  }
/* END_SECTION:second-section */

/* START_SECTION:seven-to-eight-transition (INDEX:39, SCOPED:FALSE) */
.seven-to-eight-transition {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    line-height: 0;
  }

  .transition-image {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
  }
/* END_SECTION:seven-to-eight-transition */

/* START_SECTION:seventh-section (INDEX:40, SCOPED:FALSE) */
.seventh-section {
    min-height: 50vh;
    background: #0c0c0c;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 250px 0 100px 0;
    margin: 0;
    box-sizing: border-box;
  }
  
  .seventh-section-content {
    max-width: 2000px;
    padding: 0 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 120px;
  }

  .seventh-section-text {
    flex: 1;
    text-align: left;
    max-width: 600px;
  }

  .seventh-section-image {
    flex-shrink: 0;
  }

  .seventh-section-image img {
    width: 446px;
    height: 458px;
    object-fit: contain;
  }

  .seventh-subtitle {
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    color: #888888;
    text-transform: uppercase;
    margin: 0 0 25px 0;
    letter-spacing: 2px;
  }

  .seventh-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 60px;
    font-weight: bold;
    color: #FFFFFF;
    margin: 0 0 30px 0;
    line-height: 1.2;
    font-style: italic;
  }

  .seventh-highlight {
    color: #D90000;
  }

  .seventh-dot {
    color: #FFFFFF;
  }

  .seventh-description {
    font-family: 'Racing Sans One', cursive;
    font-size: 16px;
    color: #D1D1D1;
    line-height: 1.6;
    margin: 0;
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    .seventh-section {
      padding: 150px 0 60px 0;
      min-height: 40vh;
    }
    
    .seventh-section-content {
      padding: 0 1rem;
      flex-direction: column;
      gap: 60px;
      max-width: 800px;
    }

    .seventh-section-text {
      max-width: 100%;
      text-align: center;
    }

    .seventh-subtitle {
      font-size: 18px !important;
      margin: 0 0 30px 0;
    }

    .seventh-title {
      font-size: 42px !important;
      margin: 0 0 40px 0;
      line-height: 1.1;
    }

    .seventh-description {
      font-size: 16px !important;
      line-height: 1.7;
      max-width: 600px;
      margin: 0 auto;
    }

    .seventh-section-image {
      width: 100%;
      display: flex;
      justify-content: center;
    }

    .seventh-section-image img {
      width: 400px !important;
      height: 410px !important;
      max-width: 100%;
    }
  }

  @media (max-width: 480px) {
    .seventh-section {
      padding: 80px 0 40px 0;
    }

    .seventh-section-content {
      padding: 0 1rem;
      gap: 40px;
    }

    .seventh-subtitle {
      font-size: 15px !important;
      margin: 0 0 25px 0;
    }

    .seventh-title {
      font-size: 32px !important;
      margin: 0 0 30px 0;
    }

    .seventh-description {
      font-size: 15px !important;
      line-height: 1.6;
    }

    .seventh-section-image img {
      width: 320px !important;
      height: 330px !important;
    }
  }
/* END_SECTION:seventh-section */

/* START_SECTION:sixth-section (INDEX:41, SCOPED:FALSE) */
.sixth-section {
    min-height: 50vh;
    background: #0c0c0c;
    color: white;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 160px 0 100px 0;
    margin: 0;
    box-sizing: border-box;
  }
  
  .sixth-section-content {
    max-width: 800px;
    text-align: center;
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .sixth-section-subtitle {
    font-family: 'Racing Sans One', cursive;
    font-size: 22px;
    color: #B8B8B8;
    text-transform: uppercase;
    margin: 0 0 5px 0;
    letter-spacing: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
  }
  
  .sixth-section-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 60px;
    font-weight: bold;
    color: #FFFFFF;
    margin: 0 0 25px 0;
    line-height: 1.2;
    font-style: italic;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  
  .sixth-section-line {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .sixth-section-highlight {
    color: #D90000;
  }
  
  .sixth-section-dot {
    color: #1D1D1D;
    margin-left: 2px;
  }
  
  .html-card-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 266px;
    height: 66px;
    text-decoration: none;
    font-family: 'Racing Sans One', cursive;
    font-size: 24px;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    transform: skewX(-15deg);
    transition: all 0.3s ease;
    margin-top: 25px;
    cursor: pointer;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
  }
  
  .image-button-container {
    position: relative;
    display: inline-block;
    margin-top: 18px;
    text-decoration: none;
    width: 266px;
    height: 66px;
  }
  
  .card-button-img {
    width: 100%;
    height: 100%;
    display: block;
  }
  
  .red-card-btn {
    background-color: white;
    color: #D90000;
  }
  
  .red-card-btn:hover {
    background-color: #f0f0f0;
    transform: skewX(-15deg) scale(1.02);
  }
  
  .white-card-btn {
    background-color: #D90000;
    color: white;
  }
  
  .white-card-btn:hover {
    background-color: #b50000;
    transform: skewX(-15deg) scale(1.02);
  }
  
  .sixth-section-description {
    font-family: 'Racing Sans One', cursive;
    font-size: 16px;
    color: #D1D1D1;
    line-height: 1.6;
    margin: 0 0 40px 0;
    text-align: center;
    width: 974px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .sixth-section-image-container {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px;
  }

  .sixth-section-card-wrapper {
    position: relative;
    display: inline-block;
  }

  .sixth-section-card-image {
    width: 997px;
    height: 620px;
    object-fit: contain;
    border-radius: 8px;
  }

  .sixth-section-card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    padding: 150px 40px 40px 40px;
    color: white;
  }

  .card-header {
    position: relative;
    margin-bottom: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }

  .card-subtitle {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    white-space: nowrap;
  }

  .card-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 36px;
    font-weight: bold;
    color: #FFFFFF;
    margin: 0px 0 40px 0;
    font-style: italic;
    text-transform: uppercase;
    line-height: 1.1;
    text-align: center;
    white-space: nowrap;
  }

  .card-features {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    width: 100%;
    max-width: 350px;
  }

  .card-features li {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom: 20px;
    line-height: 1.3;
  }

  .card-button {
    margin: 10px auto 0 auto;
    display: block;
    width: 266px;
    height: 66px;
    max-width: 266px;
    cursor: pointer;
  }

  .sixth-section-bottom-text {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #D9D9D9;
    text-align: center;
    margin: 50px auto 0 auto;
    line-height: 1.5;
    max-width: 600px;
  }

  .sixth-section-card-image:last-child {
    margin-left: -448px;
  }

  .sixth-section-card-wrapper:last-child {
    margin-left: -448px;
  }

  /* Stili specifici per la card bianca */
  .white-text {
    color: #575757 !important;
  }

  .white-text li {
    color: #575757 !important;
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    .sixth-section {
      padding: 60px 20px;
      min-height: auto;
      overflow-x: hidden;
    }
    
    .sixth-section-content {
      padding: 0 1rem;
      max-width: 100%;
    }
    
    .sixth-section-title {
      font-size: 32px;
      margin-bottom: 20px;
    }
    
    .sixth-section-subtitle {
      font-size: 16px;
      margin-bottom: 15px;
    }
    
    .sixth-section-description {
      font-size: 16px;
      margin-bottom: 30px;
      width: auto;
      height: auto;
      line-height: 1.6;
    }
    
    .sixth-section-image-container {
      margin-top: 40px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 30px;
    }
    
    .sixth-section-card-wrapper {
      position: relative;
      display: block;
      width: 100%;
      max-width: 800px;
    }
    
    .sixth-section-card-image {
      width: 100%;
      height: 520px;
      object-fit: contain;
      border-radius: 8px;
    }
    
    .sixth-section-card-wrapper:last-child {
      margin-left: 0;
    }
    
    .sixth-section-card-overlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
      text-align: center;
      padding: 95px 25px 25px 25px;
      color: white;
    }
    
    .card-title {
      font-size: 30px;
      margin: 10px 0 20px 0;
      line-height: 1.0;
    }
    
    .card-subtitle {
      font-size: 16px;
      margin-bottom: 12px;
    }
    
    .card-features li {
      font-size: 15px;
      margin-bottom: 12px;
      line-height: 1.4;
    }
    
    .card-button,
    .image-button-container {
      width: 200px;
      height: 50px;
      max-width: 200px;
      margin-top: 18px;
    }
    
    .sixth-section-bottom-text {
      font-size: 14px;
      margin-top: 40px;
    }
  }

  @media (max-width: 480px) {
    .sixth-section {
      padding: 40px 15px;
    }
    
    .sixth-section-title {
      font-size: 28px;
    }
    
    .sixth-section-subtitle {
      font-size: 14px;
    }
    
    .sixth-section-description {
      font-size: 15px;
      line-height: 1.6;
    }

    .sixth-section-image-container {
      gap: 25px;
    }
    
    .sixth-section-card-wrapper {
      max-width: 600px;
    }
    
    .sixth-section-card-image {
      width: 100%;
      height: 380px;
    }
    
    .sixth-section-card-wrapper:last-child {
      margin-left: 0;
    }
    
    .sixth-section-card-overlay {
      padding: 70px 18px 18px 18px;
    }
    
    .card-title {
      font-size: 26px;
      margin: 8px 0 15px 0;
      line-height: 1.0;
    }
    
    .card-subtitle {
      font-size: 14px;
      margin-bottom: 10px;
    }
    
    .card-features li {
      font-size: 13px;
      margin-bottom: 10px;
      line-height: 1.3;
    }
    
    .card-button,
    .image-button-container {
      width: 170px;
      height: 42px;
      max-width: 170px;
      margin-top: 12px;
    }
    
    .sixth-section-bottom-text {
      font-size: 13px;
      margin-top: 30px;
    }
  }
/* END_SECTION:sixth-section */

/* START_SECTION:tenth-section (INDEX:42, SCOPED:FALSE) */
.tenth-section {
    min-height: 50vh;
    background: #f2f2f2; /* Light Background */
    color: #1D1D1D;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 0;
    margin: 0;
    box-sizing: border-box;
    overflow: hidden;
  }
  
  .tenth-section-content {
    width: 100%;
    max-width: 1400px;
    text-align: center;
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .tenth-subtitle {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #888888;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    letter-spacing: 2px;
  }

  .tenth-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 50px;
    font-weight: bold;
    color: #1D1D1D;
    margin: 0 0 20px 0;
    line-height: 1.1;
    font-style: italic;
    text-transform: uppercase;
  }

  .tenth-highlight {
    color: #D90000;
  }

  .tenth-description {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #666666;
    line-height: 1.6;
    margin: 0 0 60px 0;
    max-width: 1200px; /* Increased to prevent wrapping */
    font-weight: 400;
  }

  /* Carousel Styles */
  .carousel-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .products-carousel {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 30px;
    padding: 20px 0;
    width: 100%;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
  }

  .products-carousel::-webkit-scrollbar {
    display: none;
  }

  .carousel-nav {
    background: rgba(0, 0, 0, 0.1);
    border: none;
    color: #000;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
    z-index: 10;
  }

  @media (hover: hover) {
    .carousel-nav:hover {
      background: #D90000;
      color: #fff;
      transform: scale(1.1);
    }
  }

  /* Adjust navigation positioning */
  .carousel-nav.prev { margin-right: 20px; }
  .carousel-nav.next { margin-left: 20px; }

  .product-card {
    flex: 0 0 calc(25% - 22.5px); /* 4 items layout: (100% - 3 gaps) / 4 */
    scroll-snap-align: start;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    background: transparent;
    transition: transform 0.3s ease;
  }

  @media (hover: hover) {
    .product-card:hover {
      transform: translateY(-10px);
    }
    
    .product-card:hover .product-carousel-img {
      transform: scale(1.05);
    }

    .product-card:hover .product-carousel-title {
      color: #D90000; /* Hover effect */
    }
  }

  .product-image-container {
    background: transparent;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .badge-offer {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #3b82f6; /* Blue offer badge from screenshot */
    color: white;
    padding: 4px 12px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    z-index: 2;
  }

  .product-carousel-img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* Changed to contain for cleaner look on light bg */
    transition: transform 0.5s ease;
  }
  
  .placeholder {
    padding: 40px;
    opacity: 0.5;
  }



  .product-info {
    text-align: left;
    padding: 0 5px;
  }

  .product-carousel-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 18px;
    color: #1D1D1D;
    margin: 0 0 5px 0;
    text-transform: uppercase;
    font-style: italic;
    line-height: 1.3;
  }
  


  .product-price {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #333333;
    font-weight: 500;
  }

  .compare-price {
    text-decoration: line-through;
    color: #666;
    margin-left: 8px;
    font-size: 0.9em;
  }

  /* Responsive Design */
  @media (max-width: 1024px) {
    .tenth-section { padding: 80px 0; }
    .product-card {
      flex: 0 0 calc(33.333% - 20px); /* 3 items */
    }
    .tenth-title { margin-bottom: 35px; font-size: 42px; }
    .tenth-description { max-width: 90%; }
  }

  @media (max-width: 768px) {
    .tenth-section { padding: 60px 0; }
    .product-card {
      flex: 0 0 calc(50% - 15px); /* 2 items */
    }
    .carousel-nav {
      width: 40px; 
      height: 40px;
    }
    .tenth-title { font-size: 32px; }
  }

  @media (max-width: 480px) {
    .product-card {
      flex: 0 0 100%; /* 1 item */
      margin-right: 0;
    }
    .carousel-nav { display: none; } /* Hide arrows on mobile, swipe only */
    .tenth-title { font-size: 32px; }
  }
/* END_SECTION:tenth-section */

/* START_SECTION:third-section (INDEX:43, SCOPED:FALSE) */
.third-section {
    min-height: 50vh;
    background: #ffffff;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 250px 0 100px 0;
    margin: 0;
    box-sizing: border-box;
  }
  
  .third-content {
    max-width: 1200px;
    text-align: center;
    padding: 0 2rem;
  }
  
  .third-text-content {
    margin-bottom: 60px;
    max-width: 600px;
    margin: 0 auto 60px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .third-subtitle {
    font-family: 'Racing Sans One', cursive;
    font-size: 22px;
    color: #888888;
    text-transform: uppercase;
    margin: 0 0 25px 0;
    letter-spacing: 2px;
  }
  
  .third-main-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 66px;
    font-weight: bold;
    color: #1D1D1D;
    margin: 0 0 30px 0;
    line-height: 1.2;
    font-style: italic;
  }
  
  .third-highlight {
    color: #D90000;
  }
  
  .third-description {
    font-family: 'Racing Sans One', cursive;
    font-size: 16px;
    color: #1D1D1D;
    line-height: 1.5;
    margin: 0 auto 60px auto;
    width: 974px;
    max-width: 974px;
    text-align: center;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }

  .materials-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 80px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
  }

  .material-item {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .material-title {
    font-family: 'Racing Sans One', cursive;
    font-size: 26px;
    color: #D90000;
    text-transform: uppercase;
    margin: 0 0 20px 0;
    line-height: 1.2;
    text-align: center;
  }

  .material-image {
    width: 100%;
    max-width: 300px;
    height: auto;
    margin: 0 0 20px 0;
    border-radius: 8px;
  }

  .material-desc {
    font-family: 'Racing Sans One', cursive;
    font-size: 18px;
    color: #1D1D1D;
    line-height: 1.5;
    text-align: center;
    margin: 0;
  }

  .banner-carousel {
    margin-top: 160px;
    width: calc(100vw - 80px);
    overflow: hidden;
    position: relative;
    height: 100px;
    margin-left: calc(-50vw + 50% + 40px);
  }

  .banner-carousel::before,
  .banner-carousel::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 300px;
    z-index: 2;
    pointer-events: none;
  }

  .banner-carousel::before {
    left: 0;
    background: linear-gradient(to right, #ffffff 0%, rgba(255,255,255,0.9) 40%, rgba(255,255,255,0.5) 70%, transparent 100%);
  }

  .banner-carousel::after {
    right: 0;
    background: linear-gradient(to left, #ffffff 0%, rgba(255,255,255,0.9) 40%, rgba(255,255,255,0.5) 70%, transparent 100%);
  }

  .banner-track {
    display: flex;
    width: calc(400px * 32);
    animation: scroll 80s linear infinite;
  }

  .banner-item {
    width: 400px;
    height: 100px;
    flex-shrink: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .banner-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }

  .banner-text {
    position: absolute;
    top: 0;
    left: 60px;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 40px;
    box-sizing: border-box;
  }

  .banner-text p {
    font-family: 'Racing Sans One', cursive;
    font-size: 16px;
    margin: 0;
    text-align: left;
    line-height: 1.3;
    font-style: italic;
    color: white;
    z-index: 3;
    position: relative;
    max-width: 280px;
  }

  @keyframes scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(-400px * 8));
    }
  }

  /* Responsive Design */
  @media (max-width: 768px) {
    .third-section {
      padding: 60px 20px;
      min-height: 100vh;
      overflow-x: hidden;
    }
    
    .third-content {
      padding: 0;
      max-width: 100%;
      text-align: center;
    }
    
    .third-text-content {
      text-align: center;
      margin-bottom: 50px;
    }
    
    .third-subtitle {
      font-size: 18px;
      margin-bottom: 15px;
      color: #888888;
    }
    
    .third-main-title {
      font-size: 36px;
      margin-bottom: 20px;
      line-height: 1.2;
    }
    
    .third-description {
      font-size: 16px !important;
      margin-bottom: 50px !important;
      line-height: 1.6 !important;
      color: #666666 !important;
      max-width: 90% !important;
      margin-left: auto !important;
      margin-right: auto !important;
      text-align: center !important;
      width: auto !important;
      display: block !important;
      padding: 0 !important;
      position: relative !important;
      left: auto !important;
      right: auto !important;
      transform: none !important;
    }
    
    .materials-grid {
      display: flex;
      flex-direction: column;
      gap: 40px;
      margin-bottom: 50px;
      align-items: center;
    }
    
    .material-item {
      text-align: center;
      max-width: 300px;
      width: 100%;
    }
    
    .material-title {
      font-size: 22px;
      margin-bottom: 20px;
      color: #D90000;
      line-height: 1.2;
    }
    
    .material-image {
      width: 100%;
      max-width: 280px;
      height: auto;
      margin: 0 0 20px 0;
      border-radius: 10px;
    }
    
    .material-desc {
      font-size: 14px;
      line-height: 1.6;
      color: #666666;
      text-align: center;
    }
    
    .banner-carousel {
      margin-top: 100px;
      width: calc(100vw - 40px);
      overflow: hidden;
      position: relative;
      height: 90px;
      margin-left: calc(-50vw + 50% + 20px);
    }
    
    .banner-carousel::before,
    .banner-carousel::after {
      display: none;
    }
    
    .banner-track {
      animation: scroll-mobile 70s linear infinite;
    }
    
    .banner-item {
      width: 300px;
      height: 90px;
    }
    
    .banner-text {
      left: 50px;
      padding: 18px 30px;
    }
    
    .banner-text p {
      font-size: 14px;
      line-height: 1.3;
      max-width: 220px;
    }
  }
  
  @keyframes scroll-mobile {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(-300px * 8));
    }
  }
  
  @media (max-width: 480px) {
    .third-section {
      padding: 40px 15px;
    }
    
    .third-text-content {
      margin-bottom: 40px;
    }
    
    .third-subtitle {
      font-size: 16px;
    }
    
    .third-main-title {
      font-size: 32px;
      margin-bottom: 15px;
    }
    
    .third-description {
      font-size: 15px !important;
      margin-bottom: 40px !important;
      max-width: 95% !important;
      margin-left: auto !important;
      margin-right: auto !important;
      text-align: center !important;
      width: auto !important;
      display: block !important;
      padding: 0 !important;
      position: relative !important;
      left: auto !important;
      right: auto !important;
      transform: none !important;
    }
    
    .materials-grid {
      gap: 35px;
      margin-bottom: 40px;
    }
    
    .material-item {
      max-width: 280px;
    }
    
    .material-title {
      font-size: 22px;
      margin-bottom: 18px;
    }
    
    .material-image {
      max-width: 260px;
      margin-bottom: 18px;
    }
    
    .material-desc {
      font-size: 15px;
      line-height: 1.5;
    }
    
    .banner-carousel {
      margin-top: 80px;
      width: calc(100vw - 40px);
      overflow: hidden;
      position: relative;
      height: 80px;
      margin-left: calc(-50vw + 50% + 20px);
    }
    
    .banner-carousel::before,
    .banner-carousel::after {
      display: none;
    }
    
    .banner-track {
      animation: scroll-mobile 60s linear infinite;
    }
    
    .banner-item {
      width: 280px;
      height: 80px;
    }
    
    .banner-text {
      left: 40px;
      padding: 15px 25px;
    }
    
    .banner-text p {
      font-size: 13px;
      line-height: 1.2;
      max-width: 200px;
    }
  }
  
  @keyframes scroll-mobile {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(-280px * 16));
    }
  }

  @keyframes scroll-mobile-small {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(-280px * 16));
    }
  }

  @media (max-width: 1024px) {
    .third-main-title {
      font-size: 38px;
    }
    
    .third-description {
      font-size: 16px;
    }

    .materials-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 30px;
    }

    .material-title {
      font-size: 22px;
    }

    .material-desc {
      font-size: 16px;
    }
  }

  @media (max-width: 480px) {
    .third-main-title {
      font-size: 30px;
    }
    
    .third-description {
      font-size: 14px;
    }

    .materials-grid {
      grid-template-columns: 1fr;
      gap: 40px;
    }

    .material-title {
      font-size: 22px;
    }

    .material-desc {
      font-size: 15px;
    }
  }
/* END_SECTION:third-section */

/* START_SECTION:thirteenth-section (INDEX:44, SCOPED:FALSE) */
.thirteenth-section {
    background-color: #0c0c0c;
    padding: 300px 0 80px 0;
    width: 100%;
  }
  
  .thirteenth-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
  }
  
  .thirteenth-section .content {
    text-align: center;
  }
  
  .thirteenth-section .section-pretitle {
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    color: #888888;
    margin: 0 0 20px 0;
    line-height: 1.2;
  }
  
  .thirteenth-section .section-title {
    font-family: 'Racing Sans One', sans-serif;
    font-size: 60px;
    color: #FFFFFF;
    margin: 0 0 50px 0;
    line-height: 1.2;
  }
  
  .thirteenth-section .title-red {
    color: #D90000;
  }
  
  .form-container {
    max-width: 600px;
    margin: 0 auto;
  }

  .form-success {
    background-color: #d4edda;
    color: #155724;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 5px;
    text-align: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Poppins', sans-serif;
  }
  
  .form-error {
    background-color: #f8d7da;
    color: #721c24;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 5px;
    text-align: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Poppins', sans-serif;
  }
  
  .form-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
  }
  
  .form-field {
    flex: 1;
    text-align: left;
  }
  
  .form-field label {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #999999;
    display: block;
    margin-bottom: 8px;
  }
  
  .form-field input,
  .form-field textarea {
    width: 100%;
    padding: 15px;
    border: none;
    border-radius: 5px;
    background-color: #f5f5f5;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #333333;
    box-sizing: border-box;
  }
  
  .form-field input::placeholder,
  .form-field textarea::placeholder {
    color: #999999;
  }
  
  .form-field textarea {
    resize: vertical;
    min-height: 120px;
  }
  
  .submit-button {
    background-color: #333333;
    color: #FFFFFF;
    border: none;
    padding: 15px 40px;
    border-radius: 5px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 20px;
    transition: background-color 0.3s ease;
  }
  
  .submit-button:hover {
    background-color: #555555;
  }
  
  /* Responsive */
  @media (max-width: 768px) {
    .thirteenth-section {
      padding: 150px 0 180px 0;
      background-color: #080808;
    }
    
    .thirteenth-section .container {
      padding: 0 15px;
      max-width: 800px;
    }
    
    .thirteenth-section .section-pretitle {
      font-size: 18px !important;
      margin: 0 0 30px 0;
    }
    
    .thirteenth-section .section-title {
      font-size: 42px !important;
      margin: 0 0 60px 0;
      line-height: 1.1;
    }
    
    .form-container {
      max-width: 600px;
    }
    
    .form-row {
      flex-direction: column;
      gap: 20px;
    }
    
    .form-field {
      margin-bottom: 20px;
    }
    
    .form-field input,
    .form-field textarea {
      padding: 18px;
      font-size: 16px;
      border-radius: 10px;
      background-color: #1a1a1a;
      color: #ffffff;
      border: 2px solid #333333;
      transition: all 0.3s ease;
    }
    
    .form-field input:focus,
    .form-field textarea:focus {
      border-color: #D90000;
      background-color: #222222;
      outline: none;
      box-shadow: 0 0 10px rgba(217, 0, 0, 0.3);
    }
    
    .form-field input::placeholder,
    .form-field textarea::placeholder {
      color: #888888;
    }
    
    .form-field label {
      font-size: 16px;
      margin-bottom: 12px;
      color: #cccccc;
      font-weight: 500;
    }
    
    .form-field textarea {
      min-height: 140px;
      resize: vertical;
    }
    
    .submit-button {
      padding: 18px 45px;
      font-size: 16px;
      margin-top: 30px;
      border-radius: 10px;
      background-color: #D90000;
      color: #ffffff;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 1px;
      transition: all 0.3s ease;
      border: none;
      cursor: pointer;
    }
    
    .submit-button:hover {
      background-color: #b30000;
      transform: translateY(-2px);
      box-shadow: 0 6px 20px rgba(217, 0, 0, 0.4);
    }
  }

  @media (max-width: 480px) {
    .thirteenth-section {
      padding: 80px 0 150px 0;
      background-color: #080808;
    }
    
    .thirteenth-section .container {
      padding: 0 15px;
    }
    
    .thirteenth-section .section-pretitle {
      font-size: 15px !important;
      margin: 0 0 25px 0;
    }
    
    .thirteenth-section .section-title {
      font-size: 32px !important;
      margin: 0 0 50px 0;
    }
    
    .form-container {
      max-width: 100%;
    }
    
    .form-field {
      margin-bottom: 18px;
    }
    
    .form-field input,
    .form-field textarea {
      padding: 16px;
      font-size: 15px;
      border-radius: 10px;
      background-color: #1a1a1a;
      color: #ffffff;
      border: 2px solid #333333;
      transition: all 0.3s ease;
    }
    
    .form-field input:focus,
    .form-field textarea:focus {
      border-color: #D90000;
      background-color: #222222;
      outline: none;
      box-shadow: 0 0 10px rgba(217, 0, 0, 0.3);
    }
    
    .form-field input::placeholder,
    .form-field textarea::placeholder {
      color: #888888;
    }
    
    .form-field label {
      font-size: 15px;
      margin-bottom: 10px;
      color: #cccccc;
      font-weight: 500;
    }
    
    .form-field textarea {
      min-height: 120px;
    }
    
    .submit-button {
      padding: 16px 35px;
      font-size: 15px;
      margin-top: 25px;
      width: 100%;
      border-radius: 10px;
      background-color: #D90000;
      color: #ffffff;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 1px;
      transition: all 0.3s ease;
      border: none;
      cursor: pointer;
    }
    
    .submit-button:hover {
      background-color: #b30000;
      transform: translateY(-2px);
      box-shadow: 0 6px 20px rgba(217, 0, 0, 0.4);
    }
  }
  
  /* Immagine di transizione */
  .transition-image-container {
    width: 100%;
    overflow: hidden;
    display: block;
    background-color: #0c0c0c;
    min-height: 150px;
    position: relative;
  }
  
  .transition-image {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 2;
  }
/* END_SECTION:thirteenth-section */

/* START_SECTION:twelfth-section (INDEX:45, SCOPED:FALSE) */
.twelfth-section {
    background-color: #f2f2f2;
    padding: 300px 0 80px 0;
    width: 100%;
  }
  
  .twelfth-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
  }
  
  .twelfth-section .content {
    text-align: center;
  }
  
  .twelfth-section .section-pretitle {
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    color: #888888;
    margin: 0 0 20px 0;
    line-height: 1.2;
  }
  
  .twelfth-section .section-title {
    font-family: 'Racing Sans One', sans-serif;
    font-size: 60px;
    color: #1D1D1D;
    margin: 0 0 30px 0;
    line-height: 1.2;
  }
  
  .twelfth-section .title-red {
    color: #D90000;
  }
  
  .twelfth-section .title-dot {
    color: #1D1D1D;
  }
  
  .twelfth-section .section-description {
    font-family: 'Racing Sans One', cursive;
    font-size: 16px;
    color: #666666;
    font-weight: bold;
    line-height: 1.6;
    max-width: 800px;
    margin: 0 auto 60px auto;
  }
  
  .reviews-container {
    column-count: 3;
    column-gap: 30px;
    width: 100%;
    max-width: 1400px;
    margin: 150px auto 0 auto;
    padding: 0;
  }
  
  .reviews-container > .review-card {
    break-inside: avoid;
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
  }
  
  .review-card {
    background-color: #FFFFFF;
    border-radius: 20px;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    padding: 30px;
    box-sizing: border-box;
    height: fit-content;
    min-height: auto;
    transition: all 0.3s ease;
    overflow: hidden;
  }
  
  .review-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
  }
  
  /* Rimuovi tutte le classi di altezza fissa */
  .review-card-tall,
  .review-card-medium,
  .review-card-short,
  .review-card-extra-tall,
  .review-card-small,
  .review-card-super-tall,
  .review-card-medium-custom,
  .review-card-tall-custom,
  .review-card-medium-small,
  .review-card-ultra-tall,
  .review-card-tiny {
    height: fit-content !important;
    min-height: auto !important;
  }
  
  .review-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    gap: 20px;
  }
  
  .review-author {
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    color: #333333;
    margin: 0;
    font-weight: 700;
    width: 100%;
    text-align: left;
    letter-spacing: -0.8px;
    line-height: 1.4em;
  }
  
  .review-comment {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #666666;
    margin: 0;
    line-height: 1.6em;
    text-align: left;
    font-weight: 700;
    width: 100%;
    letter-spacing: 0;
  }
  
  .review-image {
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 0;
    display: block;
    margin: 15px auto 0 auto;
    align-self: center;
  }
  
  .twelfth-section .section-description p {
    margin: 0 0 20px 0;
  }

  .twelfth-section .section-description p:last-child {
    margin-bottom: 0;
  }
  
  /* Responsive */
  @media (max-width: 1200px) {
    .reviews-container {
      column-count: 3;
      column-gap: 25px;
    }
  }

  @media (max-width: 768px) {
    .twelfth-section {
      padding: 150px 0 60px 0;
    }
    
    .twelfth-section .container {
      padding: 0 15px;
      max-width: 800px;
    }
    
    .twelfth-section .section-pretitle {
      font-size: 18px !important;
      margin: 0 0 30px 0;
    }
    
    .twelfth-section .section-title {
      font-size: 42px !important;
      margin: 0 0 40px 0;
      line-height: 1.1;
    }
    
    .twelfth-section .section-description {
      font-size: 16px !important;
      line-height: 1.7;
      max-width: 600px;
      margin: 0 auto 50px auto;
    }
    
    .reviews-container {
      column-count: 2;
      column-gap: 20px;
    }
    
    .reviews-container > .review-card {
      margin-bottom: 20px;
    }
    
    .review-card {
      padding: 25px;
      border-radius: 15px;
    }
    
    .review-content {
      gap: 15px;
    }
    
    .review-author {
      font-size: 20px !important;
      letter-spacing: -0.8px;
      line-height: 1.4em;
      font-weight: 700;
    }
    
    .review-comment {
      font-size: 15px !important;
      line-height: 1.6em;
      font-weight: 700;
      letter-spacing: 0;
    }
    
    .review-image {
      border-radius: 0;
      margin-top: 10px;
    }
  }

  @media (max-width: 480px) {
    .twelfth-section {
      padding: 80px 0 40px 0;
    }

    .twelfth-section .container {
      padding: 0 15px;
    }
    
    .twelfth-section .section-pretitle {
      font-size: 15px !important;
      margin: 0 0 25px 0;
    }
    
    .twelfth-section .section-title {
      font-size: 32px !important;
      margin: 0 0 30px 0;
    }
    
    .twelfth-section .section-description {
      font-size: 15px !important;
      line-height: 1.6;
      margin: 0 auto 40px auto;
    }
    
    /* 2-column flexbox layout for mobile - like desktop but 2 columns */
    .reviews-container {
      column-count: 2;
      column-gap: 15px;
      width: 100%;
      max-width: 100%;
    }
    
    .reviews-container > .review-card {
      break-inside: avoid;
      margin-bottom: 15px;
      display: inline-block;
      width: 100%;
    }
    
    /* Hide images in cards with both text and images */
    .review-card .review-image {
      display: none;
    }
    
    /* Photo-only cards - show only on mobile */
    .photo-only {
      display: none;
    }
    
    /* Show only text content */
    .review-card {
      border-radius: 15px;
      padding: 20px;
    }
    
    .review-content {
      gap: 12px;
    }
    
    .review-author {
      font-size: 16px !important;
      line-height: 1.4em;
      letter-spacing: -0.8px;
      font-weight: 700;
    }
    
    .review-comment {
      font-size: 13px !important;
      line-height: 1.6em;
      font-weight: 700;
      letter-spacing: 0;
    }
  }
  
  /* Hide photo-only cards on desktop */
  @media (min-width: 481px) {
    .photo-only {
      display: none !important;
    }
  }
  
  /* Show photo-only cards on mobile */
  @media (max-width: 480px) {
    .photo-only {
      display: inline-block !important;
      padding: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
      border-radius: 15px !important;
      overflow: hidden;
    }
    
    .photo-only .review-content {
      gap: 0;
      padding: 0;
    }
    
    .photo-only .review-image {
      display: block !important;
      margin: 0 !important;
      border-radius: 15px;
      width: 100%;
      height: auto;
      object-fit: cover;
    }
    
    .photo-only:hover {
      transform: translateY(-4px);
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12) !important;
    }
  }
  
  /* Immagine di transizione */
  .transition-image-container {
    width: 100%;
    overflow: hidden;
    display: block;
    background-color: #f2f2f2;
    min-height: 150px;
    position: relative;
  }
  
  .transition-image {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 2;
  }

  /* Nascondi l'immagine di transizione su mobile */
  @media (max-width: 768px) {
    .transition-image-container {
      display: none;
    }
  }
/* END_SECTION:twelfth-section */

/* CSS from block stylesheet tags */
/* START_BLOCK:group (INDEX:46, SCOPED:FALSE) */
.group {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    width: 100%;
  }

  .group--horizontal {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 var(--padding);
  }

  .group--vertical {
    flex-direction: column;
    align-items: var(--alignment);
    padding: var(--padding) 0;
  }
/* END_BLOCK:group */

/* START_BLOCK:text (INDEX:47, SCOPED:FALSE) */
.text {
    text-align: var(--text-align);
  }
  .text--title {
    font-size: 2rem;
    font-weight: 700;
  }
  .text--subtitle {
    font-size: 1.5rem;
  }
/* END_BLOCK:text */

/* CSS from snippet stylesheet tags */
/* START_SNIPPET:image (INDEX:53, SCOPED:FALSE) */
.image {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
  }

  .image > img {
    width: 100%;
    height: auto;
  }
/* END_SNIPPET:image */