/* ============================================================
   pdp-overrides.css - GENERADO AUTOMATICAMENTE desde pdp.css
   No editar a mano. Regenerar con scratchpad/build-overrides.py

   Sube especificidad (html body .ti-pdp-*) + !important para
   ganar la cascada al theme Rey y plugins de terceros.
   Solo afecta elementos dentro del template PDP.
   ============================================================ */


:root {
  --canvas:   #FFFFFF;
  --surface:  #FFFFFF;
  --off:      #F7F7F5;
  --ink:      #22262A;
  --muted:    #787878;
  --border:   #E5E5E5;
  --border-dark: #22262A;

  --primary:  #E11E26;
  --primary-dark: #B41820;
  --primary-soft: #FDECEE;
  --accent:   #FFCC00;
  --accent-dark: #E6B800;
  --success:  #16A34A;
  --wa:       #25D366;
  --star:     #FFCC00;

  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 18px;
  --r-full: 999px;

  --shadow-sm: 0 1px 2px rgba(34,38,42,.06);
  --shadow-md: 0 6px 20px rgba(34,38,42,.08);
  --shadow-lg: 0 20px 50px rgba(34,38,42,.10);

  
  --container-w: 1920px;
  --pad-y: 72px;
  --pad-y-sm: 48px;
}
html body .ti-pdp-wrap, html body .ti-pdp-wrap *, html body .ti-pdp-wrap *::before, html body .ti-pdp-wrap *::after { box-sizing: border-box !important; }
html body .ti-pdp-wrap :where(h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure, blockquote, table, fieldset) { margin: 0 !important; }
html body .ti-pdp-container { width: 100% !important; max-width: var(--container-w) !important; margin: 0 auto !important; padding: 0 24px !important; }

@media (min-width: 900px) {
  html body .ti-pdp-container { padding: 0 40px !important; }
}

@media (min-width: 1025px) {
  html body .ti-pdp-container { width: 76% !important; padding: 0 !important; }
}
html body .ti-pdp-promo-bar { background: var(--primary) !important; color: #fff !important; text-align: center !important; padding: 10px 24px !important; font-size: 14px !important; font-weight: 500 !important; letter-spacing: 0.01em !important; }
html body .ti-pdp-promo-bar strong { font-weight: 700 !important; }
html body .ti-pdp-site-nav { background: #fff !important; border-bottom: 1px solid var(--border) !important; }
html body .ti-pdp-nav-top { display: grid !important; grid-template-columns: auto 1fr auto auto auto auto !important; gap: 20px !important; align-items: center !important; padding: 18px 0 !important; }
html body .ti-pdp-nav-cart span:first-child, html body .ti-pdp-nav-account span:first-child { display: none !important; }

@media (min-width: 1200px) {
  html body .ti-pdp-nav-cart span:first-child, html body .ti-pdp-nav-account span:first-child { display: inline !important; }
}
html body .ti-pdp-brand-logo { height: 48px !important; width: auto !important; }
html body .ti-pdp-nav-search { position: relative !important; max-width: 640px !important; width: 100% !important; }
html body .ti-pdp-nav-search input { width: 100% !important; height: 46px !important; border: 1.5px solid var(--border) !important; border-radius: var(--r-full) !important; padding: 0 24px 0 52px !important; font-family: inherit !important; font-size: 15px !important; color: var(--ink) !important; background: #fff !important; transition: border-color .2s !important; }
html body .ti-pdp-nav-search input:focus { outline: none !important; border-color: var(--primary) !important; }
html body .ti-pdp-nav-search input::placeholder { color: var(--muted) !important; }
html body .ti-pdp-nav-search .ti-pdp-search-icon { position: absolute !important; left: 20px !important; top: 50% !important; transform: translateY(-50%) !important; color: var(--primary) !important; }
html body .ti-pdp-nav-mayorista { font-size: 13px !important; line-height: 1.3 !important; color: var(--ink) !important; font-weight: 500 !important; }
html body .ti-pdp-nav-mayorista strong { display: block !important; font-weight: 600 !important; }
html body .ti-pdp-nav-cart, html body .ti-pdp-nav-account { display: flex !important; align-items: center !important; gap: 8px !important; color: var(--ink) !important; font-size: 14px !important; font-weight: 500 !important; }
html body .ti-pdp-nav-cart-icon, html body .ti-pdp-nav-account-icon { position: relative !important; display: grid !important; place-items: center !important; width: 32px !important; height: 32px !important; }
html body .ti-pdp-cart-badge { position: absolute !important; top: -6px !important; right: -8px !important; min-width: 20px !important; height: 20px !important; background: var(--primary) !important; color: #fff !important; border-radius: var(--r-full) !important; font-size: 11px !important; font-weight: 700 !important; display: grid !important; place-items: center !important; padding: 0 6px !important; }
html body .ti-pdp-nav-menu { display: none !important; border-top: 1px solid var(--border) !important; padding: 14px 0 !important; gap: 32px !important; justify-content: center !important; align-items: center !important; }
html body .ti-pdp-nav-menu a { font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; color: var(--ink) !important; padding: 6px 0 !important; border-bottom: 2px solid transparent !important; transition: border-color .2s !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; }
html body .ti-pdp-nav-menu a:hover { border-color: var(--primary) !important; }
html body .ti-pdp-nav-menu a::after { content: "+" !important; color: var(--primary) !important; font-weight: 400 !important; font-size: 15px !important; }
html body .ti-pdp-nav-menu a.ti-pdp-no-dropdown::after { display: none !important; }

@media (min-width: 900px) {
  html body .ti-pdp-nav-menu { display: flex !important; }
}
html body .ti-pdp-breadcrumb { display: flex !important; align-items: center !important; gap: 10px !important; font-size: 12px !important; color: var(--muted) !important; padding: 18px 24px !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; font-weight: 600 !important; }
html body .ti-pdp-breadcrumb a { transition: color .2s !important; }
html body .ti-pdp-breadcrumb a:hover { color: var(--primary) !important; }
html body .ti-pdp-breadcrumb .ti-pdp-current { color: var(--ink) !important; }
html body .ti-pdp-breadcrumb span:not(.ti-pdp-current) { color: var(--muted) !important; opacity: .5 !important; }
html body .ti-pdp-hero { display: grid !important; gap: 32px !important; padding: 8px 24px 64px !important; }

@media (min-width: 900px) {
  html body .ti-pdp-hero { grid-template-columns: 1.1fr 1fr !important; gap: 48px !important; padding: 8px 40px 64px !important; }
}
html body .ti-pdp-hero-gallery { display: flex !important; flex-direction: column !important; gap: 12px !important; align-self: start !important; }
html body .ti-pdp-hero-gallery .ti-pdp-hero-trust { margin-top: 8px !important; }
html body .ti-pdp-gallery-main { position: relative !important; aspect-ratio: 4/3 !important; background: var(--off) !important; border-radius: var(--r-lg) !important; overflow: hidden !important; }
html body .ti-pdp-gallery-main img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: opacity .3s !important; }
html body .ti-pdp-badge-new { position: absolute !important; top: 20px !important; left: 20px !important; background: var(--accent) !important; color: var(--ink) !important; padding: 6px 14px !important; border-radius: var(--r-full) !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .05em !important; text-transform: uppercase !important; }
html body .ti-pdp-badge-promo { position: absolute !important; top: 20px !important; right: 20px !important; background: var(--accent) !important; color: var(--ink) !important; padding: 10px 18px !important; border-radius: var(--r-full) !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .05em !important; text-transform: uppercase !important; box-shadow: var(--shadow-md) !important; text-align: center !important; max-width: 240px !important; }
html body .ti-pdp-gallery-thumbs { display: grid !important; grid-template-columns: repeat(6, 1fr) !important; gap: 8px !important; }
html body .ti-pdp-thumb { aspect-ratio: 1 !important; background: var(--off) !important; border-radius: var(--r-sm) !important; overflow: hidden !important; border: 2px solid transparent !important; transition: border-color .2s !important; }
html body .ti-pdp-thumb.ti-pdp-active { border-color: var(--primary) !important; }
html body .ti-pdp-thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
html body .ti-pdp-thumb.ti-pdp-contain img { object-fit: contain !important; padding: 6px !important; }
html body .ti-pdp-hero-info { display: flex !important; flex-direction: column !important; gap: 18px !important; }
html body .ti-pdp-hero-brand { font-size: 12px !important; color: var(--muted) !important; text-transform: uppercase !important; letter-spacing: .1em !important; font-weight: 600 !important; }
html body .ti-pdp-hero-title { font-size: clamp(30px, 4vw, 44px) !important; line-height: 1.05 !important; letter-spacing: -0.02em !important; font-weight: 700 !important; color: var(--primary) !important; }
html body .ti-pdp-hero-rating { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 13px !important; color: var(--muted) !important; }
html body .ti-pdp-stars { display: inline-flex !important; gap: 1px !important; }
html body .ti-pdp-rating-text { font-weight: 500 !important; }
html body .ti-pdp-hero-price { padding: 22px !important; background: var(--off) !important; border-radius: var(--r-lg) !important; display: flex !important; flex-direction: column !important; gap: 12px !important; border-left: 4px solid var(--primary) !important; }
html body .ti-pdp-price-main { display: flex !important; align-items: baseline !important; gap: 12px !important; flex-wrap: wrap !important; }
html body .ti-pdp-price-amount { font-size: 34px !important; font-weight: 800 !important; color: var(--ink) !important; letter-spacing: -0.02em !important; line-height: 1 !important; }
html body .ti-pdp-price-badge { background: var(--accent) !important; color: var(--ink) !important; padding: 5px 12px !important; border-radius: var(--r-full) !important; font-size: 12px !important; font-weight: 800 !important; letter-spacing: .02em !important; text-transform: uppercase !important; }
html body .ti-pdp-price-list { font-size: 13px !important; color: var(--muted) !important; }
html body .ti-pdp-price-list s { color: var(--muted) !important; }
html body .ti-pdp-price-installments { border-top: 1px solid var(--border) !important; padding-top: 12px !important; display: flex !important; flex-direction: column !important; gap: 4px !important; }
html body .ti-pdp-install-row { display: flex !important; align-items: baseline !important; gap: 6px !important; flex-wrap: wrap !important; font-size: 14px !important; color: var(--ink) !important; }
html body .ti-pdp-install-label { color: var(--muted) !important; }
html body .ti-pdp-install-amount { font-weight: 700 !important; color: var(--ink) !important; }
html body .ti-pdp-install-note { font-size: 12px !important; color: var(--muted) !important; }
html body .ti-pdp-hero-variants { display: flex !important; flex-direction: column !important; gap: 10px !important; }
html body .ti-pdp-variant-label { font-size: 13px !important; color: var(--ink) !important; font-weight: 500 !important; }
html body .ti-pdp-variant-label strong { color: var(--primary) !important; font-weight: 700 !important; }
html body .ti-pdp-color-swatches { display: flex !important; gap: 12px !important; }
html body .ti-pdp-swatch { width: 44px !important; height: 44px !important; border-radius: var(--r-full) !important; background: var(--swatch, #ccc) !important; border: 3px solid transparent !important; outline: 1.5px solid var(--border) !important; outline-offset: -1px !important; transition: transform .15s !important; }
html body .ti-pdp-swatch:hover { transform: scale(1.05) !important; }
html body .ti-pdp-swatch.ti-pdp-active { border-color: #fff !important; outline: 2.5px solid var(--primary) !important; outline-offset: 1px !important; }
html body .ti-pdp-hero-cta { display: flex !important; gap: 10px !important; align-items: stretch !important; }
html body .ti-pdp-cart-form { flex: 1 !important; display: flex !important; gap: 10px !important; align-items: stretch !important; margin: 0 !important; }
html body .ti-pdp-qty { display: flex !important; align-items: stretch !important; flex-shrink: 0 !important; border: 1.5px solid var(--border) !important; border-radius: var(--r-full) !important; overflow: hidden !important; background: #fff !important; }
html body .ti-pdp-qty-btn { width: 36px !important; display: grid !important; place-items: center !important; font-size: 17px !important; line-height: 1 !important; color: var(--ink) !important; background: none !important; border: none !important; cursor: pointer !important; transition: background .15s, color .15s !important; }
html body .ti-pdp-qty-btn:hover:not(:disabled) { background: var(--off) !important; color: var(--primary) !important; }
html body .ti-pdp-qty-btn:disabled { opacity: .3 !important; cursor: default !important; }
html body .ti-pdp-qty-input { width: 38px !important; text-align: center !important; border: none !important; background: none !important; font-family: inherit !important; font-size: 15px !important; font-weight: 700 !important; color: var(--ink) !important; padding: 0 !important; line-height: 1 !important; height: auto !important; align-self: stretch !important; -moz-appearance: textfield !important; appearance: textfield !important; }
html body .ti-pdp-qty-input::-webkit-outer-spin-button, html body .ti-pdp-qty-input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0 !important; }
html body .ti-pdp-qty-input:focus { outline: none !important; }
html body .ti-pdp-qty:focus-within { border-color: var(--primary) !important; box-shadow: 0 0 0 2px rgba(225,30,38,.12) !important; }
html body .ti-pdp-btn-primary { flex: 1 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; padding: 16px 24px !important; background: var(--primary) !important; color: #fff !important; border-radius: var(--r-full) !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: .04em !important; text-transform: uppercase !important; transition: background .2s, transform .1s !important; }
html body .ti-pdp-btn-primary:hover { background: var(--primary-dark) !important; }
html body .ti-pdp-btn-primary:active { transform: translateY(1px) !important; }
html body .ti-pdp-btn-primary.ti-pdp-btn-lg { padding: 18px 32px !important; font-size: 16px !important; }
html body .ti-pdp-btn-secondary { width: 52px !important; height: 52px !important; display: grid !important; place-items: center !important; background: #fff !important; border: 1.5px solid var(--border) !important; border-radius: var(--r-full) !important; color: var(--ink) !important; transition: all .2s !important; }
html body .ti-pdp-btn-secondary:hover { background: var(--off) !important; border-color: var(--primary) !important; color: var(--primary) !important; }
html body .ti-pdp-btn-whatsapp { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; padding: 13px 20px !important; background: var(--wa) !important; color: #fff !important; border-radius: var(--r-full) !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: 0.03em !important; transition: background .2s !important; }
html body .ti-pdp-btn-whatsapp:hover { background: #1eb455 !important; }
html body .ti-pdp-btn-outline { display: inline-block !important; padding: 12px 24px !important; border: 1.5px solid var(--primary) !important; color: var(--primary) !important; border-radius: var(--r-full) !important; font-size: 13px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; transition: all .2s !important; }
html body .ti-pdp-btn-outline:hover { background: var(--primary) !important; color: #fff !important; }
html body .ti-pdp-btn-outline-primary { display: inline-block !important; padding: 12px 22px !important; border: 1.5px solid var(--primary) !important; color: var(--primary) !important; border-radius: var(--r-full) !important; font-size: 13px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; transition: all .2s !important; }
html body .ti-pdp-btn-outline-primary:hover { background: var(--primary) !important; color: #fff !important; }
html body .ti-pdp-btn-ghost { display: inline-block !important; padding: 8px 14px !important; color: var(--primary) !important; font-size: 13px !important; font-weight: 700 !important; border-bottom: 1.5px solid transparent !important; transition: border-color .2s !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; }
html body .ti-pdp-btn-ghost:hover { border-color: var(--primary) !important; }
html body .ti-pdp-btn-tag { display: inline-block !important; padding: 6px 14px !important; background: var(--primary) !important; color: #fff !important; border-radius: var(--r-full) !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: .06em !important; text-transform: uppercase !important; }
html body .ti-pdp-hero-trust { list-style: none !important; display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 10px 16px !important; padding: 16px 18px !important; background: var(--off) !important; border-radius: var(--r-md) !important; }
html body .ti-pdp-hero-trust li { display: flex !important; align-items: center !important; gap: 10px !important; font-size: 13px !important; color: var(--ink) !important; font-weight: 500 !important; }
html body .ti-pdp-hero-trust svg { color: var(--primary) !important; flex-shrink: 0 !important; }
html body .ti-pdp-hero-trust span { line-height: 1.3 !important; }
html body .ti-pdp-section-title-block { text-align: center !important; margin-bottom: 40px !important; }
html body .ti-pdp-section-title-block h2 { color: var(--primary) !important; font-weight: 700 !important; }
html body .ti-pdp-section-title-block .ti-pdp-sub { color: var(--muted) !important; font-size: 15px !important; margin-top: 8px !important; max-width: 520px !important; margin-left: auto !important; margin-right: auto !important; }
html body .ti-pdp-h2-red { color: var(--primary) !important; }
html body .ti-pdp-uppercase-label { font-size: 13px !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; font-weight: 700 !important; color: var(--primary) !important; display: inline-block !important; margin-bottom: 10px !important; }
html body .ti-pdp-crossinline { padding: 0 0 32px !important; }
html body .ti-pdp-crossinline-inner { border: 2px solid var(--accent) !important; background: #FFFBEB !important; border-radius: var(--r-lg) !important; padding: 20px 24px !important; display: grid !important; gap: 16px !important; grid-template-columns: 1fr !important; align-items: center !important; }

@media (min-width: 800px) {
  html body .ti-pdp-crossinline-inner { grid-template-columns: auto 1fr auto !important; gap: 24px !important; padding: 24px 32px !important; }
}
html body .ti-pdp-crossinline-left { width: 90px !important; height: 90px !important; border-radius: var(--r-md) !important; overflow: hidden !important; background: #fff !important; flex-shrink: 0 !important; padding: 6px !important; }
html body .ti-pdp-crossinline-left img { width: 100% !important; height: 100% !important; object-fit: contain !important; }
html body .ti-pdp-crossinline-eyebrow { display: block !important; font-size: 11px !important; color: var(--primary) !important; text-transform: uppercase !important; letter-spacing: .1em !important; font-weight: 800 !important; margin-bottom: 4px !important; }
html body .ti-pdp-crossinline-mid h3 { font-size: 18px !important; font-weight: 700 !important; margin-bottom: 4px !important; color: var(--ink) !important; }
html body .ti-pdp-crossinline-mid p { font-size: 14px !important; color: var(--muted) !important; }
html body .ti-pdp-crossinline-right { display: flex !important; flex-direction: column !important; gap: 8px !important; align-items: flex-start !important; }

@media (min-width: 800px) {
  html body .ti-pdp-crossinline-right { align-items: flex-end !important; }
}
html body .ti-pdp-crossinline-price { font-size: 20px !important; font-weight: 800 !important; color: var(--ink) !important; letter-spacing: -0.01em !important; }
html body .ti-pdp-video { padding: var(--pad-y-sm) 0 !important; }
html body .ti-pdp-video-frame { aspect-ratio: 16/9 !important; background: var(--off) !important; border-radius: var(--r-lg) !important; overflow: hidden !important; position: relative !important; }
html body .ti-pdp-video-placeholder { position: absolute !important; inset: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 20px !important; color: var(--muted) !important; border: 2px dashed var(--border) !important; border-radius: var(--r-lg) !important; }
html body .ti-pdp-video-placeholder svg { color: var(--primary) !important; }
html body .ti-pdp-video-placeholder-text { text-align: center !important; max-width: 400px !important; padding: 0 24px !important; }
html body .ti-pdp-video-placeholder-text strong { display: block !important; font-size: 16px !important; color: var(--ink) !important; margin-bottom: 6px !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; }
html body .ti-pdp-video-placeholder-text p { font-size: 13px !important; }
html body .ti-pdp-desc { padding: var(--pad-y-sm) 0 !important; }
html body .ti-pdp-desc-inner { display: grid !important; gap: 40px !important; }

@media (min-width: 900px) {
  html body .ti-pdp-desc-inner { grid-template-columns: 1.1fr 1fr !important; gap: 60px !important; align-items: center !important; }
}
html body .ti-pdp-desc-copy .ti-pdp-lead { font-size: 20px !important; font-weight: 600 !important; color: var(--ink) !important; margin: 12px 0 20px !important; line-height: 1.35 !important; }
html body .ti-pdp-desc-copy p { font-size: 15px !important; color: #4A4E52 !important; margin-bottom: 14px !important; line-height: 1.6 !important; }
html body .ti-pdp-desc-copy p strong { color: var(--ink) !important; font-weight: 700 !important; }
html body .ti-pdp-desc-visual { position: relative !important; border-radius: var(--r-lg) !important; overflow: hidden !important; background: var(--off) !important; }
html body .ti-pdp-desc-visual img { display: block !important; box-sizing: border-box !important; width: 100% !important; height: auto !important; padding: 24px !important; }
html body .ti-pdp-desc-visual-tag { position: absolute !important; bottom: 16px !important; left: 16px !important; right: 16px !important; background: var(--primary) !important; color: #fff !important; padding: 10px 14px !important; border-radius: var(--r-full) !important; font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; text-align: center !important; }
html body .ti-pdp-callouts { padding: var(--pad-y) 0 !important; background: var(--off) !important; }
html body .ti-pdp-callouts-header { text-align: center !important; margin-bottom: 40px !important; }
html body .ti-pdp-callouts-grid { display: grid !important; gap: 20px !important; grid-template-columns: 1fr !important; }

@media (min-width: 800px) {
  html body .ti-pdp-callouts-grid { grid-template-columns: repeat(3, 1fr) !important; }
}
html body .ti-pdp-callout { padding: 28px !important; background: #fff !important; border-radius: var(--r-lg) !important; display: flex !important; flex-direction: column !important; gap: 12px !important; transition: transform .3s, box-shadow .3s !important; border-top: 4px solid var(--primary) !important; }
html body .ti-pdp-callout:nth-child(2) { border-top-color: var(--accent) !important; }
html body .ti-pdp-callout:nth-child(3) { border-top-color: var(--ink) !important; }
html body .ti-pdp-callout:hover { transform: translateY(-3px) !important; box-shadow: var(--shadow-md) !important; }
html body .ti-pdp-callout-num { font-size: 44px !important; font-weight: 800 !important; color: var(--primary) !important; line-height: 1 !important; letter-spacing: -0.03em !important; }
html body .ti-pdp-callout:nth-child(2) .ti-pdp-callout-num { color: var(--accent-dark) !important; }
html body .ti-pdp-callout:nth-child(3) .ti-pdp-callout-num { color: var(--ink) !important; }
html body .ti-pdp-callout h3 { font-size: 20px !important; font-weight: 700 !important; line-height: 1.2 !important; color: var(--ink) !important; }
html body .ti-pdp-callout p { font-size: 14px !important; color: var(--muted) !important; line-height: 1.55 !important; flex: 1 !important; }
html body .ti-pdp-callout-tag { align-self: flex-start !important; padding: 6px 12px !important; background: var(--off) !important; color: var(--ink) !important; border-radius: var(--r-full) !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: .06em !important; text-transform: uppercase !important; }
html body .ti-pdp-specs { padding: var(--pad-y) 0 !important; }
html body .ti-pdp-specs-inner { display: grid !important; gap: 40px !important; }

@media (min-width: 900px) {
  html body .ti-pdp-specs-inner { grid-template-columns: 1fr 1.15fr !important; gap: 60px !important; align-items: center !important; }
}
html body .ti-pdp-specs-diagram { aspect-ratio: 4/3 !important; background: #fff !important; border: 1px solid var(--border) !important; border-radius: var(--r-lg) !important; overflow: hidden !important; }
html body .ti-pdp-specs-diagram img { width: 100% !important; height: 100% !important; object-fit: contain !important; }
html body .ti-pdp-specs-table h2 { margin-bottom: 16px !important; color: var(--primary) !important; }
html body .ti-pdp-specs-lead { color: var(--muted) !important; margin-bottom: 20px !important; font-size: 15px !important; }
html body .ti-pdp-specs-list { display: grid !important; gap: 0 !important; border-top: 1px solid var(--border) !important; }
html body .ti-pdp-specs-list > div { display: grid !important; grid-template-columns: 160px 1fr !important; gap: 16px !important; padding: 14px 0 !important; border-bottom: 1px solid var(--border) !important; font-size: 14px !important; }
html body .ti-pdp-specs-list dt { color: var(--muted) !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; font-size: 12px !important; }
html body .ti-pdp-specs-list dd { color: var(--ink) !important; font-weight: 600 !important; }
html body .ti-pdp-configurator { padding: var(--pad-y) 0 !important; background: var(--off) !important; }
html body .ti-pdp-config-header { text-align: center !important; margin-bottom: 40px !important; }
html body .ti-pdp-config-header h2 { margin-bottom: 12px !important; color: var(--primary) !important; }
html body .ti-pdp-config-lead { color: var(--muted) !important; max-width: 500px !important; margin: 0 auto !important; }
html body .ti-pdp-config-grid { display: grid !important; gap: 20px !important; grid-template-columns: 1fr !important; }

@media (min-width: 800px) {
  html body .ti-pdp-config-grid { grid-template-columns: repeat(3, 1fr) !important; gap: 24px !important; }
}
html body .ti-pdp-config-card { text-align: left !important; padding: 0 !important; background: #fff !important; border: 2px solid transparent !important; border-radius: var(--r-lg) !important; overflow: hidden !important; transition: all .2s !important; display: flex !important; flex-direction: column !important; }
html body .ti-pdp-config-card:hover { border-color: var(--primary) !important; transform: translateY(-2px) !important; }
html body .ti-pdp-config-card.ti-pdp-active { border-color: var(--primary) !important; box-shadow: var(--shadow-md) !important; }
html body .ti-pdp-config-img { aspect-ratio: 4/3 !important; background: var(--off) !important; overflow: hidden !important; }
html body .ti-pdp-config-img img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
html body .ti-pdp-config-body { padding: 20px !important; }
html body .ti-pdp-config-swatch { width: 32px !important; height: 32px !important; border-radius: var(--r-full) !important; margin-bottom: 12px !important; border: 1.5px solid var(--border) !important; }
html body .ti-pdp-config-body h4 { font-size: 18px !important; font-weight: 700 !important; margin-bottom: 6px !important; color: var(--ink) !important; }
html body .ti-pdp-config-body p { font-size: 14px !important; color: var(--muted) !important; line-height: 1.5 !important; }
html body .ti-pdp-compare { padding: var(--pad-y) 0 !important; }
html body .ti-pdp-compare-header { text-align: center !important; margin-bottom: 40px !important; }
html body .ti-pdp-compare-header h2 { color: var(--primary) !important; }
html body .ti-pdp-compare-header p { color: var(--muted) !important; margin-top: 8px !important; }
html body .ti-pdp-compare-table-wrap { overflow-x: auto !important; border: 1px solid var(--border) !important; border-radius: var(--r-lg) !important; background: #fff !important; }
html body .ti-pdp-compare-table { width: 100% !important; border-collapse: collapse !important; min-width: 720px !important; table-layout: fixed !important; }
html body .ti-pdp-compare-table th:first-child, html body .ti-pdp-compare-table td:first-child { width: 150px !important; }
html body .ti-pdp-compare-table th, html body .ti-pdp-compare-table td { padding: 16px 20px !important; text-align: center !important; font-size: 14px !important; border-bottom: 1px solid var(--border) !important; vertical-align: middle !important; }
html body .ti-pdp-compare-table td:first-child, html body .ti-pdp-compare-table th:first-child { text-align: left !important; }
html body .ti-pdp-compare-table .ti-pdp-col-title { align-items: center !important; }
html body .ti-pdp-compare-table th { background: var(--off) !important; font-weight: 600 !important; }
html body .ti-pdp-compare-table th img { width: 100px !important; height: 80px !important; object-fit: cover !important; background: var(--off) !important; border-radius: var(--r-sm) !important; margin: 0 auto 8px !important; }
html body .ti-pdp-col-title { font-weight: 700 !important; font-size: 15px !important; display: flex !important; flex-direction: column !important; gap: 4px !important; color: var(--ink) !important; }
html body .ti-pdp-col-badge { align-self: center !important; padding: 3px 10px !important; background: var(--primary) !important; color: #fff !important; border-radius: var(--r-full) !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: .06em !important; text-transform: uppercase !important; }
html body .ti-pdp-compare-table th.ti-pdp-col-featured, html body .ti-pdp-compare-table td.ti-pdp-col-featured { background: var(--primary-soft) !important; color: var(--ink) !important; }
html body .ti-pdp-compare-table td:first-child { font-weight: 700 !important; color: var(--muted) !important; text-transform: uppercase !important; font-size: 12px !important; letter-spacing: 0.05em !important; }
html body .ti-pdp-compare-cta td { padding: 20px !important; border-bottom: none !important; }
html body .ti-pdp-bundle { padding: var(--pad-y) 0 !important; background: linear-gradient(180deg, #fff 0%, #FFFBEB 100%) !important; }
html body .ti-pdp-bundle-header { text-align: center !important; margin-bottom: 40px !important; max-width: 640px !important; margin-left: auto !important; margin-right: auto !important; }
html body .ti-pdp-bundle-header h2 { color: var(--primary) !important; }
html body .ti-pdp-bundle-header p { color: var(--muted) !important; margin-top: 12px !important; }
html body .ti-pdp-bundle-content { display: grid !important; gap: 32px !important; padding: 32px !important; background: #fff !important; border: 3px solid var(--accent) !important; border-radius: var(--r-lg) !important; box-shadow: var(--shadow-md) !important; }

@media (min-width: 900px) {
  html body .ti-pdp-bundle-content { grid-template-columns: 1.5fr 1fr !important; align-items: center !important; padding: 40px !important; }
}
html body .ti-pdp-bundle-items { display: flex !important; gap: 12px !important; align-items: stretch !important; overflow-x: auto !important; }
html body .ti-pdp-bundle-item { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 12px !important; min-width: 130px !important; flex: 1 !important; text-align: center !important; }
html body .ti-pdp-bundle-item img { width: 100% !important; aspect-ratio: 4 / 3 !important; object-fit: cover !important; background: var(--off) !important; border-radius: var(--r-md) !important; }
html body .ti-pdp-bundle-item h4 { font-size: 13px !important; font-weight: 700 !important; color: var(--ink) !important; line-height: 1.35 !important; min-height: 2.7em !important; margin: 0 !important; }
html body .ti-pdp-bundle-item-price, html body .ti-pdp-bundle-item .ti-pdp-bundle-variant-label { margin-bottom: 0 !important; }
html body .ti-pdp-bundle-item-price { font-size: 16px !important; font-weight: 700 !important; color: var(--ink) !important; }
html body .ti-pdp-bundle-item .ti-pdp-bundle-variant-label { display: inline-block !important; width: auto !important; margin-top: auto !important; }
html body .ti-pdp-bundle-variant-label.ti-pdp-is-empty { display: none !important; }

@supports (grid-template-rows: subgrid) {
  html body .ti-pdp-bundle-items { display: grid !important; grid-template-columns: var(--ti-bundle-cols, 1fr auto 1fr) !important; grid-template-rows: auto auto auto auto !important; align-items: start !important; }
  html body .ti-pdp-bundle-item { display: grid !important; grid-row: 1 / -1 !important; grid-template-rows: subgrid !important; justify-items: center !important; align-items: start !important; gap: 10px !important; }
  html body .ti-pdp-bundle-item h4 { min-height: 0 !important; }
  html body .ti-pdp-bundle-plus { grid-row: 1 / -1 !important; }
  html body .ti-pdp-bundle-variant-label.ti-pdp-is-empty { display: block !important; height: 0 !important; padding: 0 !important; background: none !important; }
  html body .ti-pdp-bundle-item .ti-pdp-bundle-variant-label { margin-top: 0 !important; }
}
html body .ti-pdp-bundle-variant-label { display: inline-block !important; margin-top: 6px !important; padding: 3px 10px !important; font-size: 12px !important; font-weight: 600 !important; color: var(--ink) !important; background: var(--off) !important; border-radius: var(--r-full) !important; }
html body .ti-pdp-bundle-plus { align-self: center !important; font-size: 28px !important; color: var(--accent-dark) !important; font-weight: 400 !important; }
html body .ti-pdp-bundle-summary { display: flex !important; flex-direction: column !important; gap: 16px !important; padding: 24px !important; background: var(--off) !important; border-radius: var(--r-md) !important; }
html body .ti-pdp-bundle-prices { display: flex !important; flex-direction: column !important; gap: 6px !important; }
html body .ti-pdp-bundle-old { font-size: 13px !important; color: var(--muted) !important; }
html body .ti-pdp-bundle-new { font-size: 15px !important; color: var(--ink) !important; }
html body .ti-pdp-bundle-priceline { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 10px !important; }
html body .ti-pdp-bundle-priceline strong { font-size: 28px !important; font-weight: 800 !important; letter-spacing: -0.02em !important; color: var(--primary) !important; }
html body .ti-pdp-bundle-save { display: inline-block !important; padding: 6px 14px !important; background: var(--accent) !important; color: var(--ink) !important; border-radius: var(--r-full) !important; font-size: 12px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; }
html body .ti-pdp-lifestyle { padding: var(--pad-y) 0 !important; }
html body .ti-pdp-lifestyle-header { text-align: center !important; margin-bottom: 40px !important; }
html body .ti-pdp-lifestyle-header h2 { color: var(--primary) !important; }
html body .ti-pdp-lifestyle-grid { display: grid !important; gap: 16px !important; grid-template-columns: 1fr !important; }

@media (min-width: 700px) {
  html body .ti-pdp-lifestyle-grid { grid-template-columns: repeat(4, 1fr) !important; grid-template-rows: 280px 280px !important; }
  html body .ti-pdp-item-1 { grid-column: span 2 !important; grid-row: span 2 !important; }
  html body .ti-pdp-item-2 { grid-column: span 2 !important; }
  html body .ti-pdp-item-3, html body .ti-pdp-item-4 { grid-column: span 1 !important; }
}
html body .ti-pdp-lifestyle-item { position: relative !important; border-radius: var(--r-lg) !important; overflow: hidden !important; background: var(--off) !important; min-height: 220px !important; }
html body .ti-pdp-lifestyle-item img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
html body .ti-pdp-lifestyle-item figcaption { position: absolute !important; bottom: 12px !important; left: 12px !important; right: 12px !important; padding: 8px 14px !important; background: rgba(225, 30, 38, .92) !important; color: #fff !important; border-radius: var(--r-full) !important; font-size: 12px !important; font-weight: 600 !important; backdrop-filter: blur(8px) !important; text-align: center !important; }
html body .ti-pdp-reviews { padding: var(--pad-y) 0 !important; background: var(--off) !important; }
html body .ti-pdp-reviews-header { text-align: center !important; margin-bottom: 40px !important; }
html body .ti-pdp-reviews-header h2 { color: var(--primary) !important; }
html body .ti-pdp-reviews-summary { display: inline-flex !important; align-items: center !important; gap: 20px !important; margin-top: 20px !important; padding: 16px 26px !important; background: #fff !important; border-radius: var(--r-lg) !important; box-shadow: var(--shadow-sm) !important; }
html body .ti-pdp-reviews-score { font-size: 44px !important; font-weight: 800 !important; color: var(--primary) !important; line-height: 1 !important; letter-spacing: -0.02em !important; }
html body .ti-pdp-reviews-score span { font-size: 16px !important; color: var(--muted) !important; font-weight: 500 !important; }
html body .ti-pdp-reviews-meta { text-align: left !important; font-size: 13px !important; color: var(--muted) !important; }
html body .ti-pdp-stars-lg { font-size: 20px !important; color: var(--accent) !important; letter-spacing: 2px !important; display: block !important; line-height: 1 !important; margin-bottom: 7px !important; }
html body .ti-pdp-reviews-grid { display: grid !important; gap: 20px !important; grid-template-columns: 1fr !important; }

@media (min-width: 800px) {
  html body .ti-pdp-reviews-grid { grid-template-columns: repeat(3, 1fr) !important; }
}
html body .ti-pdp-review { padding: 24px !important; background: #fff !important; border-radius: var(--r-lg) !important; display: flex !important; flex-direction: column !important; gap: 12px !important; }
html body .ti-pdp-review header { display: grid !important; grid-template-columns: auto 1fr auto !important; align-items: center !important; gap: 12px !important; }
html body .ti-pdp-review-avatar { width: 44px !important; height: 44px !important; border-radius: var(--r-full) !important; display: grid !important; place-items: center !important; font-weight: 800 !important; font-size: 15px !important; color: var(--ink) !important; flex-shrink: 0 !important; }
html body img.ti-pdp-review-avatar { object-fit: cover !important; background: var(--off) !important; }
html body .ti-pdp-review-name { font-weight: 700 !important; font-size: 14px !important; color: var(--ink) !important; }
html body .ti-pdp-review-city { font-size: 12px !important; color: var(--muted) !important; }
html body .ti-pdp-review-stars { color: var(--accent) !important; font-size: 14px !important; letter-spacing: 1px !important; }
html body .ti-pdp-review p { font-size: 14px !important; color: #4A4E52 !important; line-height: 1.55 !important; flex: 1 !important; }
html body .ti-pdp-review footer { padding-top: 10px !important; border-top: 1px solid var(--border) !important; font-size: 12px !important; color: var(--muted) !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; }
html body .ti-pdp-reviews-grid.ti-pdp-is-carousel { display: flex !important; gap: 20px !important; overflow-x: auto !important; scroll-snap-type: x mandatory !important; scroll-behavior: smooth !important; scrollbar-width: none !important; padding-bottom: 4px !important; }
html body .ti-pdp-reviews-grid.ti-pdp-is-carousel::-webkit-scrollbar { display: none !important; }
html body .ti-pdp-reviews-grid.ti-pdp-is-carousel .ti-pdp-review { flex: 0 0 85% !important; scroll-snap-align: start !important; }

@media (min-width: 800px) {
  html body .ti-pdp-reviews-grid.ti-pdp-is-carousel .ti-pdp-review { flex-basis: calc((100% - 40px) / 3) !important; }
}
html body .ti-pdp-reviews-nav { display: flex !important; justify-content: center !important; gap: 12px !important; margin-top: 24px !important; }
html body .ti-pdp-reviews-arrow { width: 40px !important; height: 40px !important; padding: 0 !important; display: grid !important; place-items: center !important; color: var(--ink) !important; background: #fff !important; border: 1px solid var(--border) !important; border-radius: var(--r-full) !important; cursor: pointer !important; transition: background .15s, border-color .15s, color .15s, opacity .15s !important; }
html body .ti-pdp-reviews-arrow svg { width: 18px !important; height: 18px !important; display: block !important; }
html body .ti-pdp-reviews-arrow:hover:not(:disabled) { background: var(--primary) !important; border-color: var(--primary) !important; color: #fff !important; }
html body .ti-pdp-reviews-arrow:disabled { opacity: .35 !important; cursor: default !important; }
html body .ti-pdp-trust { padding: var(--pad-y-sm) 0 !important; background: var(--off) !important; }
html body .ti-pdp-trust-grid { display: grid !important; gap: 20px !important; grid-template-columns: repeat(2, 1fr) !important; }

@media (min-width: 800px) {
  html body .ti-pdp-trust-grid { grid-template-columns: repeat(4, 1fr) !important; }
}
html body .ti-pdp-trust-card { padding: 24px !important; background: #fff !important; border: 1px solid var(--border) !important; border-radius: var(--r-lg) !important; border-top: 4px solid var(--primary) !important; }
html body .ti-pdp-trust-card:nth-child(2) { border-top-color: var(--accent) !important; }
html body .ti-pdp-trust-card:nth-child(3) { border-top-color: var(--wa) !important; }
html body .ti-pdp-trust-card:nth-child(4) { border-top-color: var(--ink) !important; }
html body .ti-pdp-trust-card svg { color: var(--primary) !important; margin-bottom: 12px !important; }
html body .ti-pdp-trust-card:nth-child(2) svg { color: var(--accent-dark) !important; }
html body .ti-pdp-trust-card:nth-child(3) svg { color: var(--wa) !important; }
html body .ti-pdp-trust-card:nth-child(4) svg { color: var(--ink) !important; }
html body .ti-pdp-trust-card h4 { font-size: 15px !important; font-weight: 800 !important; margin-bottom: 6px !important; color: var(--ink) !important; text-transform: uppercase !important; letter-spacing: 0.03em !important; }
html body .ti-pdp-trust-card p { font-size: 13px !important; color: var(--muted) !important; line-height: 1.5 !important; }
html body .ti-pdp-related { padding: var(--pad-y) 0 !important; background: var(--off) !important; }
html body .ti-pdp-related-header { text-align: center !important; margin-bottom: 40px !important; }
html body .ti-pdp-related-header h2 { color: var(--primary) !important; }
html body .ti-pdp-related-grid { display: grid !important; gap: 20px !important; grid-template-columns: repeat(2, 1fr) !important; }

@media (min-width: 800px) {
  html body .ti-pdp-related-grid { grid-template-columns: repeat(4, 1fr) !important; }
}
html body .ti-pdp-product-card { background: #fff !important; border-radius: var(--r-lg) !important; overflow: hidden !important; transition: transform .3s, box-shadow .3s !important; border: 1px solid var(--border) !important; }
html body .ti-pdp-product-card:hover { transform: translateY(-3px) !important; box-shadow: var(--shadow-md) !important; }
html body .ti-pdp-product-card img { width: 100% !important; aspect-ratio: 1 !important; object-fit: cover !important; background: var(--off) !important; }
html body .ti-pdp-product-card-body { padding: 16px !important; }
html body .ti-pdp-product-card-body h4 { font-size: 14px !important; font-weight: 600 !important; line-height: 1.3 !important; margin-bottom: 8px !important; min-height: 36px !important; color: var(--ink) !important; }
html body .ti-pdp-product-card-price { font-size: 20px !important; font-weight: 800 !important; color: var(--primary) !important; letter-spacing: -0.01em !important; }
html body .ti-pdp-product-card-install { font-size: 12px !important; color: var(--muted) !important; }
html body .ti-pdp-sticky-bar { position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important; background: #fff !important; border-top: 1px solid var(--border) !important; box-shadow: 0 -8px 24px rgba(34,38,42,.08) !important; transform: translateY(100%) !important; transition: transform .35s cubic-bezier(.2,.7,.2,1) !important; z-index: 60 !important; }
html body .ti-pdp-sticky-bar.ti-pdp-visible { transform: translateY(0) !important; }
html body .ti-pdp-sticky-inner { display: grid !important; grid-template-columns: 1fr auto !important; align-items: center !important; gap: 20px !important; padding: 14px 24px !important; }
html body .ti-pdp-sticky-left { display: flex !important; align-items: center !important; gap: 14px !important; min-width: 0 !important; }
html body .ti-pdp-sticky-left img { width: 56px !important; height: 56px !important; border-radius: var(--r-sm) !important; background: var(--off) !important; padding: 4px !important; object-fit: contain !important; flex-shrink: 0 !important; }
html body .ti-pdp-sticky-info { min-width: 0 !important; }
html body .ti-pdp-sticky-title { font-size: 15px !important; font-weight: 700 !important; color: var(--ink) !important; line-height: 1.2 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
html body .ti-pdp-sticky-variant { font-size: 13px !important; color: var(--muted) !important; margin-top: 2px !important; }
html body .ti-pdp-sticky-variant strong { color: var(--primary) !important; font-weight: 700 !important; }
html body .ti-pdp-sticky-right { display: flex !important; align-items: center !important; gap: 20px !important; }
html body .ti-pdp-sticky-price { text-align: right !important; display: none !important; }

@media (min-width: 700px) {
  html body .ti-pdp-sticky-price { display: block !important; }
}
html body .ti-pdp-sticky-amount { font-size: 20px !important; font-weight: 800 !important; color: var(--ink) !important; letter-spacing: -0.01em !important; line-height: 1 !important; }
html body .ti-pdp-sticky-install { font-size: 11px !important; color: var(--muted) !important; margin-top: 2px !important; }
html body .ti-pdp-sticky-cta { padding: 12px 22px !important; font-size: 14px !important; }

@media (min-width: 700px) {
  html body .ti-pdp-sticky-cta { padding: 14px 28px !important; font-size: 15px !important; }
}
html body .ti-pdp-site-footer { background: var(--ink) !important; color: #B8BEC5 !important; padding: 56px 0 20px !important; }
html body .ti-pdp-footer-inner { display: grid !important; gap: 32px !important; grid-template-columns: 1fr !important; }

@media (min-width: 800px) {
  html body .ti-pdp-footer-inner { grid-template-columns: 2fr 1fr 1fr 1fr !important; gap: 60px !important; }
}
html body .ti-pdp-footer-brand img { height: 40px !important; filter: brightness(0) invert(1) !important; margin-bottom: 12px !important; }
html body .ti-pdp-footer-brand p { font-size: 14px !important; color: #9CA3AF !important; max-width: 320px !important; }
html body .ti-pdp-footer-col h5 { font-size: 12px !important; text-transform: uppercase !important; letter-spacing: .1em !important; color: #fff !important; margin-bottom: 16px !important; font-weight: 700 !important; }
html body .ti-pdp-footer-col a { display: block !important; padding: 5px 0 !important; font-size: 14px !important; color: #B8BEC5 !important; transition: color .2s !important; }
html body .ti-pdp-footer-col a:hover { color: var(--accent) !important; }
html body .ti-pdp-footer-legal { margin-top: 40px !important; padding-top: 20px !important; border-top: 1px solid rgba(255,255,255,.1) !important; font-size: 12px !important; color: #9CA3AF !important; text-align: center !important; }
html body .ti-pdp-toast { position: fixed !important; bottom: 100px !important; left: 50% !important; transform: translateX(-50%) translateY(120%) !important; background: var(--ink) !important; color: #fff !important; padding: 14px 22px !important; border-radius: var(--r-full) !important; box-shadow: 0 12px 32px rgba(34,38,42,.25) !important; z-index: 100 !important; display: flex !important; align-items: center !important; gap: 12px !important; font-size: 14px !important; font-weight: 600 !important; transition: transform .35s cubic-bezier(.2,.8,.2,1), opacity .35s !important; opacity: 0 !important; pointer-events: none !important; max-width: calc(100% - 32px) !important; }
html body .ti-pdp-toast.ti-pdp-show { transform: translateX(-50%) translateY(0) !important; opacity: 1 !important; }
html body .ti-pdp-toast-icon { width: 28px !important; height: 28px !important; background: var(--success) !important; border-radius: var(--r-full) !important; display: grid !important; place-items: center !important; color: #fff !important; flex-shrink: 0 !important; }
html body .ti-pdp-toast-icon.ti-pdp-wishlist { background: var(--primary) !important; }
html body .ti-pdp-wish-badge { position: absolute !important; top: -6px !important; right: -8px !important; min-width: 20px !important; height: 20px !important; background: var(--primary) !important; color: #fff !important; border-radius: var(--r-full) !important; font-size: 11px !important; font-weight: 700 !important; display: none !important; place-items: center !important; padding: 0 6px !important; }
html body .ti-pdp-wish-badge.ti-pdp-show { display: grid !important; }
html body .ti-pdp-btn-secondary.ti-pdp-wished { background: var(--primary) !important; border-color: var(--primary) !important; color: #fff !important; }
html body .ti-pdp-btn-secondary.ti-pdp-wished svg { fill: currentColor !important; }
html body .ti-pdp-rating-breakdown { display: grid !important; gap: 8px !important; max-width: 380px !important; margin: 24px auto 0 !important; }
html body .ti-pdp-rating-row { display: grid !important; grid-template-columns: 40px 1fr 40px !important; align-items: center !important; gap: 12px !important; font-size: 13px !important; color: var(--muted) !important; }
html body .ti-pdp-rating-row-label { font-weight: 600 !important; color: var(--ink) !important; }
html body .ti-pdp-rating-row-label span { color: var(--accent) !important; }
html body .ti-pdp-rating-bar { height: 8px !important; background: var(--border) !important; border-radius: var(--r-full) !important; overflow: hidden !important; }
html body .ti-pdp-rating-bar-fill { height: 100% !important; background: var(--accent) !important; border-radius: var(--r-full) !important; width: var(--ti-fill, 0%) !important; transition: width 1.2s cubic-bezier(.2,.8,.2,1) !important; }
html body .ti-pdp-rating-row-count { text-align: right !important; font-variant-numeric: tabular-nums !important; }
html body .ti-pdp-lightbox { position: fixed !important; inset: 0 !important; background: rgba(15,17,20,.94) !important; z-index: 1100 !important; display: none !important; align-items: center !important; justify-content: center !important; padding: 40px !important; animation: fadeIn .3s ease !important; }
html body .ti-pdp-lightbox.ti-pdp-open { display: flex !important; }

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
html body .ti-pdp-lightbox-img { max-width: 90% !important; max-height: 90vh !important; background: #fff !important; border-radius: var(--r-lg) !important; padding: 40px !important; object-fit: contain !important; }
html body .ti-pdp-lightbox-close, html body .ti-pdp-lightbox-nav { position: absolute !important; background: #fff !important; border-radius: var(--r-full) !important; width: 48px !important; height: 48px !important; display: grid !important; place-items: center !important; color: var(--ink) !important; cursor: pointer !important; transition: transform .2s, background .2s !important; box-shadow: 0 8px 20px rgba(0,0,0,.3) !important; }
html body .ti-pdp-lightbox-close { top: 24px !important; right: 24px !important; }
html body .ti-pdp-lightbox-nav.ti-pdp-prev { left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; }
html body .ti-pdp-lightbox-nav.ti-pdp-next { right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; }
html body .ti-pdp-lightbox-close:hover, html body .ti-pdp-lightbox-nav:hover { background: var(--primary) !important; color: #fff !important; }
html body .ti-pdp-gallery-main { cursor: zoom-in !important; }
html body .ti-pdp-scroll-top { position: fixed !important; bottom: 100px !important; left: 24px !important; width: 48px !important; height: 48px !important; background: var(--ink) !important; color: #fff !important; border-radius: var(--r-full) !important; display: grid !important; place-items: center !important; box-shadow: 0 8px 20px rgba(0,0,0,.2) !important; z-index: 50 !important; opacity: 0 !important; pointer-events: none !important; transform: translateY(20px) !important; transition: all .3s ease !important; }
html body .ti-pdp-scroll-top.ti-pdp-show { opacity: 1 !important; pointer-events: auto !important; transform: translateY(0) !important; }
html body .ti-pdp-scroll-top:hover { background: var(--primary) !important; }
html body .ti-pdp-shipping-calc { margin-top: 12px !important; padding: 16px 18px !important; background: #fff !important; border: 1.5px dashed var(--border) !important; border-radius: var(--r-md) !important; }
html body .ti-pdp-shipping-calc-title { font-size: 13px !important; font-weight: 700 !important; color: var(--ink) !important; margin-bottom: 10px !important; display: flex !important; align-items: center !important; gap: 8px !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; }
html body .ti-pdp-shipping-calc-title svg { color: var(--primary) !important; }
html body .ti-pdp-shipping-calc-form { display: flex !important; gap: 8px !important; }
html body .ti-pdp-shipping-calc-form input { flex: 1 !important; height: 40px !important; border: 1.5px solid var(--border) !important; border-radius: var(--r-sm) !important; padding: 0 14px !important; font-family: inherit !important; font-size: 14px !important; color: var(--ink) !important; }
html body .ti-pdp-shipping-calc-form input:focus { outline: none !important; border-color: var(--primary) !important; }
html body .ti-pdp-shipping-calc-form button { padding: 0 18px !important; background: var(--ink) !important; color: #fff !important; border-radius: var(--r-sm) !important; font-size: 13px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; transition: background .2s !important; }
html body .ti-pdp-shipping-calc-form button:hover { background: var(--primary) !important; }
html body .ti-pdp-shipping-result { margin-top: 10px !important; padding: 10px 14px !important; background: #ECFDF5 !important; border-left: 3px solid var(--success) !important; border-radius: var(--r-sm) !important; font-size: 13px !important; color: var(--ink) !important; display: none !important; }
html body .ti-pdp-shipping-result.ti-pdp-show { display: block !important; animation: slideIn .3s ease !important; }

@keyframes slideIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
html body .ti-pdp-shipping-result strong { color: var(--success) !important; }
html body .ti-pdp-compare-modal-trigger { text-align: center !important; margin-top: 24px !important; }
html body .ti-pdp-modal { position: fixed !important; inset: 0 !important; background: rgba(15,17,20,.7) !important; z-index: 1100 !important; display: none !important; padding: 24px !important; overflow-y: auto !important; }
html body .ti-pdp-modal.ti-pdp-open { display: flex !important; align-items: flex-start !important; justify-content: center !important; }
html body .ti-pdp-modal-panel { background: #fff !important; border-radius: var(--r-lg) !important; max-width: 1100px !important; width: 100% !important; padding: 32px !important; margin: 40px auto !important; position: relative !important; animation: modalIn .3s cubic-bezier(.2,.8,.2,1) !important; }

@keyframes modalIn { from { opacity: 0; transform: translateY(20px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
html body .ti-pdp-modal-close { position: absolute !important; top: 20px !important; right: 20px !important; background: var(--off) !important; border-radius: var(--r-full) !important; width: 40px !important; height: 40px !important; display: grid !important; place-items: center !important; color: var(--ink) !important; cursor: pointer !important; transition: background .2s !important; }
html body .ti-pdp-modal-close:hover { background: var(--primary) !important; color: #fff !important; }
html body .ti-pdp-modal-title { color: var(--primary) !important; margin-bottom: 8px !important; }
html body .ti-pdp-modal-sub { color: var(--muted) !important; margin-bottom: 24px !important; }
html body .ti-pdp-modal-filters { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; margin-bottom: 24px !important; }
html body .ti-pdp-modal-filter { padding: 8px 14px !important; border: 1.5px solid var(--border) !important; border-radius: var(--r-full) !important; font-size: 13px !important; font-weight: 600 !important; color: var(--ink) !important; background: #fff !important; cursor: pointer !important; transition: all .2s !important; }
html body .ti-pdp-modal-filter.ti-pdp-active, html body .ti-pdp-modal-filter:hover { border-color: var(--primary) !important; color: var(--primary) !important; background: var(--primary-soft) !important; }
html body .ti-pdp-modal-grid { display: grid !important; gap: 16px !important; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important; }
html body .ti-pdp-modal-card { background: #fff !important; border: 1px solid var(--border) !important; border-radius: var(--r-md) !important; padding: 16px !important; transition: transform .2s, box-shadow .2s !important; }
html body .ti-pdp-modal-card:hover { transform: translateY(-2px) !important; box-shadow: var(--shadow-md) !important; border-color: var(--primary) !important; }
html body .ti-pdp-modal-card img { width: 100% !important; aspect-ratio: 1 !important; object-fit: cover !important; background: var(--off) !important; border-radius: var(--r-sm) !important; margin-bottom: 10px !important; }
html body .ti-pdp-modal-card h5 { font-size: 13px !important; font-weight: 700 !important; color: var(--ink) !important; line-height: 1.3 !important; margin-bottom: 6px !important; }
html body .ti-pdp-modal-card-price { font-size: 15px !important; font-weight: 800 !important; color: var(--primary) !important; }
html body .ti-pdp-modal-card-specs { font-size: 12px !important; color: var(--muted) !important; margin-top: 4px !important; }
html body .ti-pdp-counter { font-variant-numeric: tabular-nums !important; }
html body .ti-pdp-wrap { font-family: 'Outfit', system-ui, -apple-system, sans-serif !important; color: var(--ink) !important; background: #fff !important; }
html body .ti-pdp-cart-form { padding: 0 !important; }
html body .ti-pdp-cart-form .quantity, html body .ti-pdp-cart-form .rey-quickShipping, html body .ti-pdp-cart-form .rey-productDetails, html body .ti-pdp-cart-form .rey-productExtras { display: none !important; }
html body .ti-pdp-out-of-stock { padding: 16px 24px !important; background: var(--off) !important; border-radius: var(--r-full) !important; color: var(--muted) !important; font-weight: 700 !important; text-transform: uppercase !important; text-align: center !important; flex: 1 !important; }
html body .ti-pdp-hero-shipping { margin-top: 12px !important; display: block !important; width: 100% !important; }
html body .ti-pdp-hero-shipping .pisol-ppscw-container { width: 100% !important; padding: 16px 18px !important; background: #fff !important; border: 1.5px dashed var(--border) !important; border-radius: var(--r-md) !important; margin: 0 !important; }
html body .ti-pdp-hero-shipping .pisol-shipping-calculator-button { background: var(--ink) !important; color: #fff !important; border: none !important; border-radius: var(--r-sm) !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; padding: 12px 22px !important; cursor: pointer !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; text-decoration: none !important; width: auto !important; line-height: 1.2 !important; }
html body .ti-pdp-hero-shipping .pisol-shipping-calculator-button:hover { background: var(--primary) !important; }
html body .ti-pdp-hero-shipping .pisol-shipping-calculator-form { margin-top: 12px !important; }
html body .ti-pdp-hero-shipping .pisol-shipping-calculator-form select, html body .ti-pdp-hero-shipping .pisol-shipping-calculator-form input { width: 100% !important; padding: 10px 14px !important; border: 1.5px solid var(--border) !important; border-radius: var(--r-sm) !important; font-family: inherit !important; font-size: 14px !important; margin-bottom: 8px !important; }
html body .ti-pdp-gallery-main #ti-pdp-main-img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
html body .ti-pdp-sticky-left #ti-pdp-sticky-img { width: 56px !important; height: 56px !important; border-radius: var(--r-sm) !important; background: var(--off) !important; padding: 4px !important; object-fit: contain !important; flex-shrink: 0 !important; }
html body .ti-pdp-lightbox-nav.ti-pdp-prev { left: 24px !important; top: 50% !important; transform: translateY(-50%) !important; }
html body .ti-pdp-lightbox-nav.ti-pdp-next { right: 24px !important; top: 50% !important; transform: translateY(-50%) !important; }
html body .ti-pdp-lifestyle-item.ti-pdp-item-1 { grid-column: span 2 !important; grid-row: span 2 !important; }
html body .ti-pdp-lifestyle-item.ti-pdp-item-2 { grid-column: span 2 !important; }
html body .ti-pdp-lifestyle-item.ti-pdp-item-3, html body .ti-pdp-lifestyle-item.ti-pdp-item-4 { grid-column: span 1 !important; }
html body .ti-pdp-specs-inner.ti-pdp-no-diagram { grid-template-columns: 1fr !important; max-width: 760px !important; margin-left: auto !important; margin-right: auto !important; }
html body .ti-pdp-specs-inner.ti-pdp-no-diagram .ti-pdp-specs-list > div { grid-template-columns: 200px 1fr !important; }
html body .ti-pdp-sticky-bar .ch-line.ch-prod-cuotas, html body .ti-pdp-sticky-bar .ch-line.ch-cat-cuotas, html body .ti-pdp-sticky-bar .ch-bank-row, html body .ti-pdp-sticky-bar .ch-label-contado { display: none !important; }
html body .ti-pdp-sticky-bar .ch-price-wrapper { display: block !important; }
html body .ti-pdp-sticky-bar .ch-line { display: block !important; }
html body .ti-pdp-sticky-bar .woocommerce-Price-amount { font-size: 20px !important; font-weight: 800 !important; color: var(--ink) !important; }
html body .ti-pdp-product-card .ch-bank-row, html body .ti-pdp-product-card .ch-label-contado { display: none !important; }
html body .ti-pdp-product-card .ch-price-wrapper { display: flex !important; flex-direction: column !important; gap: 2px !important; }
html body .ti-pdp-product-card .ch-line:first-child .woocommerce-Price-amount { font-size: 20px !important; font-weight: 800 !important; color: var(--primary) !important; }
html body .ti-pdp-product-card .ch-line.ch-cat-cuotas, html body .ti-pdp-product-card .ch-line.ch-prod-cuotas { font-size: 12px !important; color: var(--muted) !important; font-weight: 400 !important; }
html body .ti-pdp-product-card .ch-line.ch-cat-cuotas:nth-of-type(n+3), html body .ti-pdp-product-card .ch-line.ch-prod-cuotas:nth-of-type(n+3) { display: none !important; }
html body .ti-pdp-compare-table .ch-bank-row { display: none !important; }
html body .ti-pdp-compare-table .ch-price-wrapper { display: flex !important; flex-direction: column !important; gap: 2px !important; align-items: center !important; }
html body .ti-pdp-compare-table .ch-line:first-child .woocommerce-Price-amount { font-size: 19px !important; font-weight: 800 !important; color: var(--ink) !important; }
html body .ti-pdp-compare-table .ch-line.ch-prod-cuotas, html body .ti-pdp-compare-table .ch-line.ch-cat-cuotas { font-size: 12px !important; color: var(--muted) !important; font-weight: 400 !important; }
html body .ti-pdp-compare-table .ch-line.ch-prod-cuotas:nth-of-type(n+3), html body .ti-pdp-compare-table .ch-line.ch-cat-cuotas:nth-of-type(n+3) { display: none !important; }
html body .ti-pdp-compare-table .ti-pdp-btn-ghost { white-space: nowrap !important; }
html body .ti-pdp-crossinline .ch-line.ch-prod-cuotas, html body .ti-pdp-crossinline .ch-line.ch-cat-cuotas, html body .ti-pdp-crossinline .ch-bank-row, html body .ti-pdp-crossinline .ch-label-contado { display: none !important; }
html body .ti-pdp-crossinline .ch-price-wrapper { display: block !important; }
html body .ti-pdp-crossinline .woocommerce-Price-amount { font-size: 20px !important; font-weight: 800 !important; color: var(--ink) !important; white-space: nowrap !important; }
html body .ti-pdp-crossinline-price { margin: 0 !important; }
html body .ti-pdp-crossinline .ti-pdp-btn-outline-primary { white-space: nowrap !important; }
html body .ti-pdp-crossinline-left { width: 90px !important; height: 90px !important; flex-shrink: 0 !important; }
html body .ti-pdp-crossinline-mid { min-width: 0 !important; }
html body .ti-pdp-crossinline-inner { padding: 24px 32px !important; align-items: center !important; }
html body .ti-pdp-crossinline-mid h3 { font-family: 'Outfit', system-ui, -apple-system, sans-serif !important; font-size: 18px !important; font-weight: 700 !important; line-height: 27px !important; margin: 0 0 4px !important; color: var(--ink) !important; text-transform: none !important; letter-spacing: normal !important; }
html body .ti-pdp-crossinline-mid p { font-size: 14px !important; line-height: 21px !important; color: var(--muted) !important; margin: 0 !important; }
html body .ti-pdp-crossinline .ti-pdp-btn-outline-primary, html body .ti-pdp-crossinline-right .ti-pdp-btn-outline-primary { display: inline-block !important; padding: 12px 22px !important; border: 1px solid var(--primary) !important; color: var(--primary) !important; background: transparent !important; border-radius: var(--r-full) !important; font-family: 'Outfit', system-ui, -apple-system, sans-serif !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.2 !important; text-transform: uppercase !important; letter-spacing: 0.52px !important; text-decoration: none !important; white-space: nowrap !important; cursor: pointer !important; }
html body .ti-pdp-crossinline .ti-pdp-btn-outline-primary:hover { background: var(--primary) !important; color: #fff !important; }
html body .ti-pdp-crossinline-price { line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; }
html body .ti-pdp-crossinline-price .ch-price-wrapper { display: block !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; }
html body .ti-pdp-crossinline-price .ch-line { line-height: 1 !important; margin: 0 !important; padding: 0 !important; }
html body .ti-pdp-crossinline-price .woocommerce-Price-amount, html body .ti-pdp-crossinline-price bdi { line-height: 1 !important; display: inline-block !important; }
html body .ti-pdp-crossinline-eyebrow { line-height: 17px !important; display: block !important; }
html body .ti-pdp-crossinline-right { display: flex !important; flex-direction: column !important; align-items: flex-end !important; gap: 8px !important; flex-shrink: 0 !important; }
html body .ti-pdp-crossinline-price { display: block !important; text-align: right !important; }
html body .ti-pdp-video-frame { position: relative !important; overflow: hidden !important; }
html body .ti-pdp-video-frame iframe { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; border: 0 !important; display: block !important; border-radius: var(--r-lg) !important; }
html body .ti-pdp-video-frame.ti-pdp-video-vertical { aspect-ratio: 9/16 !important; max-width: 400px !important; margin-left: auto !important; margin-right: auto !important; }

@media (max-width: 600px) {
  html body .ti-pdp-video-frame.ti-pdp-video-vertical { max-width: 100% !important; }
}
html body .ti-pdp-product-card .ch-price-wrapper { display: flex !important; flex-direction: column !important; gap: 2px !important; line-height: 1.2 !important; }
html body .ti-pdp-product-card .ch-line { display: block !important; line-height: 1.2 !important; margin: 0 !important; }
html body .ti-pdp-product-card .ch-bank-row, html body .ti-pdp-product-card .ch-label-contado { display: none !important; }
html body .ti-pdp-product-card .ch-line:first-child .woocommerce-Price-amount { font-size: 20px !important; font-weight: 800 !important; color: var(--primary) !important; letter-spacing: -0.01em !important; }
html body .ti-pdp-product-card .ch-line.ch-cat-cuotas, html body .ti-pdp-product-card .ch-line.ch-prod-cuotas { font-size: 12px !important; color: var(--muted) !important; font-weight: 400 !important; }
html body .ti-pdp-product-card .ch-line.ch-cat-cuotas ~ .ch-line.ch-cat-cuotas, html body .ti-pdp-product-card .ch-line.ch-prod-cuotas ~ .ch-line.ch-prod-cuotas { display: none !important; }
html body .ti-pdp-related-grid { align-items: stretch !important; }
html body .ti-pdp-product-card { display: flex !important; flex-direction: column !important; height: 100% !important; }
html body .ti-pdp-product-card-body { display: flex !important; flex-direction: column !important; gap: 6px !important; flex: 1 !important; }
html body .ti-pdp-product-card-price { margin-top: auto !important; }
html body .ti-pdp-crossinline-install { font-size: 12px !important; color: var(--muted) !important; line-height: 1.2 !important; margin-top: 2px !important; text-align: right !important; white-space: nowrap !important; }
html body .ti-pdp-product-card img { border-bottom: 1px solid var(--border) !important; }
html body .ti-pdp-bundle-item img { border: 1px solid var(--border) !important; }
html body .ti-pdp-sticky-bar.ti-pdp-visible ~ .ti-pdp-scroll-top { bottom: calc(var(--ti-pdp-sticky-h, 84px) + 24px) !important; }
html body .ti-pdp-hero-price .ch-bank-row { display: block !important; margin-top: 14px !important; padding-top: 14px !important; border-top: 1px solid var(--border) !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }
html body .ti-pdp-hero-price .ch-price-wrapper { margin-bottom: 0 !important; }
html body .ti-pdp-hero-price .ch-bank-link { display: inline-flex !important; align-items: center !important; gap: 8px !important; padding: 9px 15px !important; background: #FFF9E6 !important; border: 1px solid #FFE082 !important; border-radius: var(--r-full) !important; color: #6B4E00 !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.3 !important; transition: background .15s, border-color .15s, transform .1s !important; }
html body .ti-pdp-hero-price .ch-bank-link:hover { background: #FFF3CD !important; border-color: var(--accent) !important; }
html body .ti-pdp-hero-price .ch-bank-link:active { transform: translateY(1px) !important; }
html body .ti-pdp-hero-price .ch-bank-link svg, html body .ti-pdp-hero-price .ch-bank-link img { display: none !important; }
html body .ti-pdp-hero-price .ch-bank-link::before { content: '' !important; flex-shrink: 0 !important; width: 18px !important; height: 18px !important; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%2325D366%22%3E%3Cpath%20d%3D%22M17.472%2014.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94%201.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198%200-.52.074-.792.372-.272.297-1.04%201.016-1.04%202.479%200%201.462%201.065%202.875%201.213%203.074.149.198%202.096%203.2%205.077%204.487.709.306%201.262.489%201.694.625.712.227%201.36.195%201.871.118.571-.085%201.758-.719%202.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421%207.403h-.004a9.87%209.87%200%2001-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86%209.86%200%2001-1.51-5.26c.001-5.45%204.436-9.884%209.888-9.884%202.64%200%205.122%201.03%206.988%202.898a9.825%209.825%200%20012.893%206.994c-.003%205.45-4.437%209.884-9.885%209.884m8.413-18.297A11.815%2011.815%200%200012.05%200C5.495%200%20.16%205.335.157%2011.892c0%202.096.547%204.142%201.588%205.945L.057%2024l6.305-1.654a11.882%2011.882%200%20005.683%201.448h.005c6.554%200%2011.89-5.335%2011.893-11.893a11.821%2011.821%200%2000-3.48-8.413Z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat !important; }
html body .ti-pdp-hero-shipping .pisol-ppscw-container { border: 1px solid var(--border) !important; border-radius: var(--r-lg) !important; background: #fff !important; padding: 18px !important; }
html body .ti-pdp-hero-shipping .pisol-shipping-calculator-button { display: inline-flex !important; align-items: center !important; gap: 8px !important; padding: 12px 22px !important; background: #fff !important; color: var(--ink) !important; border: 1.5px solid var(--border) !important; border-radius: var(--r-full) !important; font-family: inherit !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: .04em !important; text-transform: uppercase !important; transition: border-color .15s, color .15s, background .15s !important; }
html body .ti-pdp-hero-shipping .pisol-shipping-calculator-button:hover { border-color: var(--primary) !important; color: var(--primary) !important; background: #fff !important; }
html body .ti-pdp-hero-shipping .pisol-shipping-calculator-form { margin-top: 14px !important; padding: 16px !important; background: var(--off) !important; border: none !important; border-radius: var(--r-md) !important; }
html body .ti-pdp-hero-shipping .pisol-shipping-calculator-form .form-row { margin: 0 0 10px !important; }
html body .ti-pdp-hero-shipping .pisol-shipping-calculator-form select, html body .ti-pdp-hero-shipping .pisol-shipping-calculator-form .input-text, html body .ti-pdp-hero-shipping .pisol-shipping-calculator-form .select2-selection { width: 100% !important; height: auto !important; padding: 11px 14px !important; font-family: inherit !important; font-size: 14px !important; color: var(--ink) !important; background: #fff !important; border: 1px solid var(--border) !important; border-radius: var(--r-sm) !important; }
html body .ti-pdp-hero-shipping .pisol-shipping-calculator-form select:focus, html body .ti-pdp-hero-shipping .pisol-shipping-calculator-form .input-text:focus { outline: none !important; border-color: var(--primary) !important; box-shadow: 0 0 0 2px rgba(225, 30, 38, .12) !important; }
html body .ti-pdp-hero-shipping .pisol-update-address-button { width: 100% !important; padding: 13px 22px !important; background: var(--primary) !important; color: #fff !important; border: none !important; border-radius: var(--r-full) !important; font-family: inherit !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: .04em !important; text-transform: uppercase !important; cursor: pointer !important; transition: background .2s !important; }
html body .ti-pdp-hero-shipping .pisol-update-address-button:hover { background: var(--primary-dark, #C4161C) !important; }
html body .ti-pdp-hero-shipping .pisol-ppscw-alert, html body .ti-pdp-hero-shipping .pisol-ppscw-error { font-size: 13px !important; }