/** Shopify CDN: Minification failed

Line 568:14 Unexpected "{"
Line 568:23 Expected ":"

**/
/* ============================================
   Product Page — Premium Right Column
   FutShirt dark/gold theme
   ============================================ */

/* ---- Version sub-description inside button ---- */
.variant-sub {
  display: inline-block;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: none;
  opacity: 0.65;
  margin-left: 0.6rem;
}

/* ---- Vendor badge ---- */
.product__text.caption-with-letter-spacing {
  display: inline-block;
  color: var(--gold) !important;
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  padding: 0.25rem 0.8rem;
  border: 1px solid rgba(var(--gold-rgb), 0.3);
  border-radius: 2px;
  background: rgba(var(--gold-rgb), 0.05);
  margin-bottom: 0.6rem;
}

/* ---- Title ---- */
.product__title h1 {
  font-family: 'Outfit', sans-serif;
  font-size: clamp(1.9rem, 3.5vw, 2.8rem);
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.05;
  color: #F5F5F5;
  margin: 0;
}

/* ---- Price ---- */
.price--large .price-item--regular,
.price--large .price-item--sale {
  font-size: 2.2rem;
  font-weight: 700;
  color: var(--gold);
  letter-spacing: -0.01em;
}

.price--large .price-item--regular:only-child {
  color: var(--gold);
}

/* ============================================
   VARIANT PICKER — shared legend
   ============================================ */
.product-form__input--pill .form__label,
.product-form__input--swatch .form__label {
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #9CA3AF;
  margin-bottom: 0.9rem;
  display: block;
}

/* ============================================
   SIZE PILLS  [data-option-name="taglia"]
   ============================================ */
.product-form__input--pill[data-option-name="taglia"] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.2rem;
}

.product-form__input--pill[data-option-name="taglia"] input[type='radio'] + label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  padding: 0;
  margin: 0;
  font-family: 'Inter', sans-serif;
  font-size: var(--text-sm);
  font-weight: 700;
  letter-spacing: 0.05em;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.02);
  color: #9CA3AF;
  cursor: pointer;
  transition: border-color 0.18s ease, color 0.18s ease, background 0.18s ease;
  position: relative;
}

/* remove Dawn's box-shadow pseudo */
.product-form__input--pill[data-option-name="taglia"] input[type='radio'] + label::before {
  display: none;
}

.product-form__input--pill[data-option-name="taglia"] input[type='radio'] + label:hover {
  border-color: rgba(var(--gold-rgb), 0.5);
  color: var(--gold);
  background: rgba(var(--gold-rgb), 0.05);
}

.product-form__input--pill[data-option-name="taglia"] input[type='radio']:checked + label {
  border-color: var(--gold);
  background: rgba(var(--gold-rgb), 0.1);
  color: var(--gold);
  box-shadow: inset 0 0 0 1px var(--gold);
}

.product-form__input--pill[data-option-name="taglia"] input[type='radio']:disabled + label,
.product-form__input--pill[data-option-name="taglia"] input[type='radio'].disabled + label {
  opacity: 0.3;
  text-decoration: line-through;
  cursor: not-allowed;
  border-color: rgba(255, 255, 255, 0.06);
}

/* ============================================
   VERSION CARDS  [data-option-name="versione"]
   ============================================ */
.product-form__input--pill[data-option-name="versione"] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.2rem;
}

.product-form__input--pill[data-option-name="versione"] input[type='radio'] + label {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 1.05rem 1.4rem;
  margin: 0;
  font-family: 'Inter', sans-serif;
  font-size: var(--text-base);
  font-weight: 600;
  letter-spacing: 0.01em;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.02);
  color: #9CA3AF;
  cursor: pointer;
  transition: border-color 0.18s ease, color 0.18s ease, background 0.18s ease;
  position: relative;
}

/* repurpose ::before as radio indicator dot */
.product-form__input--pill[data-option-name="versione"] input[type='radio'] + label::before {
  content: '';
  position: static;
  width: 16px;
  height: 16px;
  min-width: 16px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.2);
  background: transparent;
  margin-right: 0.9rem;
  box-shadow: none;
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
  top: auto; right: auto; bottom: auto; left: auto;
  z-index: auto;
}

.product-form__input--pill[data-option-name="versione"] input[type='radio'] + label:hover {
  border-color: rgba(var(--gold-rgb), 0.35);
  color: #F5F5F5;
  background: rgba(var(--gold-rgb), 0.03);
}

.product-form__input--pill[data-option-name="versione"] input[type='radio']:checked + label {
  border-color: var(--gold);
  background: rgba(var(--gold-rgb), 0.07);
  color: #F5F5F5;
}

.product-form__input--pill[data-option-name="versione"] input[type='radio']:checked + label::before {
  border-color: var(--gold);
  background: var(--gold);
  box-shadow: inset 0 0 0 3px #111118;
}

/* ============================================
   PERSONALIZATION FIELDS
   ============================================ */
.product-personalization {
  margin: 0;
  padding: 1.4rem;
  border: 1px solid rgba(var(--gold-rgb), 0.18);
  border-radius: 6px;
  background: rgba(var(--gold-rgb), 0.025);
}

.product-personalization__title {
  font-family: 'Inter', sans-serif;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gold);
  margin: 0 0 0.35rem 0;
}

.product-personalization__note {
  font-family: 'Inter', sans-serif;
  font-size: 0.88rem;
  color: #9CA3AF;
  margin: 0 0 1.1rem 0;
  font-style: italic;
}

.product-personalization__fields {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 0.8rem;
}

.product-personalization__field {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.product-personalization__label {
  font-family: 'Inter', sans-serif;
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #9CA3AF;
}

.product-personalization__input {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  color: #F5F5F5;
  font-family: 'Inter', sans-serif;
  font-size: var(--text-base);
  height: 4.4rem;
  padding: 0 1.2rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  outline: none;
  width: 100%;
  -webkit-appearance: none;
}

.product-personalization__input:focus {
  border-color: var(--gold);
  background: rgba(var(--gold-rgb), 0.04);
  box-shadow: 0 0 0 3px rgba(var(--gold-rgb), 0.08);
}

.product-personalization__input::placeholder {
  color: rgba(255, 255, 255, 0.2);
  font-style: italic;
}

.product-personalization__input--number {
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 0;
}

/* ============================================
   QUANTITY SELECTOR
   ============================================ */
.product-form__quantity .quantity__label.form__label {
  font-size: var(--text-xs) !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #9CA3AF !important;
  margin-bottom: 0.9rem;
}

quantity-input.quantity {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 4px !important;
  background: rgba(255, 255, 255, 0.025) !important;
  overflow: hidden;
  min-width: 13rem;
  width: fit-content;
}

quantity-input.quantity .quantity__button {
  background: transparent;
  border: none;
  color: #9CA3AF;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.4rem;
  height: 4.8rem;
  transition: color 0.15s ease, background 0.15s ease;
}

quantity-input.quantity .quantity__button:hover {
  color: var(--gold);
  background: rgba(var(--gold-rgb), 0.06);
}

quantity-input.quantity .quantity__input {
  background: transparent !important;
  border: none !important;
  border-left: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #F5F5F5 !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  text-align: center;
  width: 4.4rem;
}

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

/* Override Dawn's CSS variables alla fonte — aggiorna sia .button che ::after */
.product-form,
.shopify-payment-button {
  --buttons-radius: 100px;
  --buttons-radius-outset: 100px;
}

.product-form__buttons {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  margin-top: 2rem;
}

variant-selects .product-form__input + .product-form__input {
  margin-top: 1.8rem;
}

.product-form__submit {
  width: 100%;
  height: 5.2rem !important;
  font-family: 'Inter', sans-serif !important;
  font-size: var(--text-sm) !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  border-radius: 100px !important;
  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease !important;
  cursor: pointer;
}

.product-form__submit::after {
  border-radius: 100px !important;
}

/* Add to cart — oro pieno (anche quando "Acquista ora" è presente) */
.product-form__submit.button--secondary {
  background: var(--gold) !important;
  border: none !important;
  color: #0A0A0A !important;
}

.product-form__submit.button--secondary:hover:not([aria-disabled='true']):not([disabled]) {
  background: #e8c56a !important;
  color: #0A0A0A !important;
  box-shadow: 0 4px 24px rgba(var(--gold-rgb), 0.32) !important;
}

/* Add to cart — primary style (senza dynamic checkout) */
.product-form__submit.button--primary {
  background: var(--gold) !important;
  border: none !important;
  color: #0A0A0A !important;
}

.product-form__submit.button--primary:hover:not([aria-disabled='true']):not([disabled]) {
  background: #e8c56a !important;
  box-shadow: 0 4px 24px rgba(var(--gold-rgb), 0.32) !important;
}

/* Disabled */
.product-form__submit[aria-disabled='true'],
.product-form__submit[disabled] {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

/* Buy it now (Shopify dynamic checkout) */
button.shopify-payment-button__button--unbranded {
  height: 5.2rem !important;
  border-radius: 100px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: var(--text-sm) !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  background-color: var(--gold) !important;
  color: #ffffff !important;
  transition: background-color 0.2s ease, box-shadow 0.2s ease !important;
}

button.shopify-payment-button__button--unbranded::after {
  border-radius: 100px !important;
}

button.shopify-payment-button__button--unbranded:hover:not([disabled]) {
  background-color: #e8c56a !important;
  box-shadow: 0 4px 24px rgba(var(--gold-rgb), 0.3) !important;
}

/* Acquista ora — blu, arrotondato come "Aggiungi al carrello".
   Selettore ad alta specificità (0,4,0) per battere la regola globale
   `.button:not(.button--secondary):not(.button--tertiary)` di theme-dark-gold.css */
.product-form .product-form__buttons .product-form__buy-now.button {
  /* Sovrascrive le variabili Dawn così sfondo + overlay ::after diventano blu */
  --color-button: 42, 82, 214;
  --color-button-text: 255, 255, 255;
  --alpha-button-background: 1;
  width: 100%;
  height: 5.2rem !important;
  font-family: 'Inter', sans-serif !important;
  font-size: var(--text-sm) !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  border-radius: 100px !important;
  border: none !important;
  background-color: #2a52d6 !important;
  color: #ffffff !important;
  transition: background-color 0.2s ease, box-shadow 0.2s ease !important;
  cursor: pointer;
}

.product-form__buy-now::after {
  border-radius: 100px !important;
}

.product-form .product-form__buttons .product-form__buy-now.button:hover:not([disabled]) {
  --color-button: 77, 141, 255;
  background-color: #4d8dff !important;
  box-shadow: 0 4px 24px rgba(77, 141, 255, 0.38) !important;
}

.product-form__buy-now[disabled] {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

/* ============================================
   PRODUCT GALLERY — Navigation
   Desktop overlay buttons injected by product-gallery-nav.js
   Mobile: .gallery-nav-overlay shown in normal flow below image
   ============================================ */

/* ---- Desktop: stack all slides in same grid cell (equal size) ---- */
@media screen and (min-width: 990px) {
  .product-gallery-slider .product__media-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .product-gallery-slider .product__media-list .product__media-item {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.25s ease !important;
  }

  .product-gallery-slider .product__media-list .product__media-item.is-active {
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}

/* ---- Mobile nav bar (below image) ---- */
.gallery-nav-overlay {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
  padding: 1.2rem 0 0;
}

/* Override Dawn's .slider--mobile + .slider-buttons { display:none } at ≥750px */
@media screen and (min-width: 750px) {
  .slider--mobile + .gallery-nav-overlay {
    display: flex !important;
  }
}

.gallery-nav-overlay .slider-button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #9CA3AF;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: border-color 0.18s ease, color 0.18s ease, background 0.18s ease;
}

.gallery-nav-overlay .slider-button:hover {
  border-color: var(--gold);
  color: var(--gold);
  background: rgba(var(--gold-rgb), 0.06);
}

.gallery-nav-overlay .slider-button .svg-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.gallery-nav-overlay .slider-button svg {
  width: 1rem;
  height: 1rem;
}

.gallery-nav-overlay .slider-counter {
  font-family: 'Inter', sans-serif;
  font-size: var(--text-xs);
  color: #9CA3AF;
  letter-spacing: 0.08em;
  min-width: 4rem;
  text-align: center;
}

/* On desktop the mobile nav bar is redundant (JS injects overlay buttons) */
@media screen and (min-width: 990px) {
  .gallery-nav-overlay {
    display: none !important;
  }
}

/* ============================================
   INFO CONTAINER spacing refinements
   ============================================ */
#ProductInfo-{{ section.id }} > * + * {
  margin-top: 1.4rem;
}

.product__info-container > * + * {
  margin: 1.4rem 0;
}

.product__info-container > *:first-child {
  margin-top: 0;
}

@media screen and (max-width: 749px) {
  .product__info-wrapper {
    margin-top: 2rem;
  }
}