/* WhatsApp para dudas de talla */
.pr-wa-size{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:12px 0 12px;padding:12px 16px;border:1px solid #e4e0d4;border-radius:14px;background:#fff;color:#121212;text-decoration:none;font:500 13px/1.35 Raleway,Arial,sans-serif;transition:border-color .15s,transform .15s}
.pr-wa-size span{color:#5c5a54}
.pr-wa-size b{font-weight:700;color:#121212}
.pr-wa-size i{margin-left:auto;font-style:normal;color:#fe492a;font-size:16px}
.pr-wa-size:hover{border-color:#fe492a;transform:translateY(-1px)}

/* Icono "Compartir" junto al título */
.has-share-icon{position:relative}
body .product-title-banner.has-share-icon #name{padding-right:56px}
.pr-share-icon{position:absolute;top:18px;right:16px;z-index:3;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1.5px solid rgba(255,255,255,.55);border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s}
.pr-share-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.pr-share-icon:hover{background:#fff;color:#121212;border-color:#fff}
.pr-share-icon:active{transform:scale(.94)}
.pr-share-icon:focus-visible{outline:3px solid #fe492a;outline-offset:2px}
.pr-share-toast{position:fixed;left:50%;bottom:22px;z-index:9999;transform:translate(-50%,20px);padding:12px 20px;border-radius:999px;background:#121212;color:#fff;font:600 12px/1 Raleway,Arial,sans-serif;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.pr-share-toast.is-on{opacity:1;transform:translate(-50%,0)}

/* Talla sin elegir: aviso y resalte */
.pr-size-msg{margin:0 0 8px;color:#fe492a;font:700 13px/1.2 Raleway,Arial,sans-serif}
.size-options.pr-size-needed{outline:2px solid #fe492a;outline-offset:6px;border-radius:12px;animation:pr-size-shake .45s ease 1}
@keyframes pr-size-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}
@media(prefers-reduced-motion:reduce){.size-options.pr-size-needed{animation:none}}

/* Barra fija de compra (solo celular) */
.pr-bar{display:none}
@media(max-width:760px){
  .pr-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e4e0d4;box-shadow:0 -6px 22px rgba(18,18,18,.12);transform:translateY(110%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}
  .pr-bar.is-visible{transform:none;visibility:visible;transition-delay:0s}
  .pr-bar-thumb{flex:0 0 46px;width:46px;height:46px;object-fit:contain;border-radius:8px;background:#f4f2ec}
  .pr-bar-info{flex:1 1 auto;min-width:0;display:grid;gap:2px}
  .pr-bar-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#121212;font:700 13px/1.2 Raleway,Arial,sans-serif}
  .pr-bar-line{color:#5c5a54;font:500 12px/1.2 Raleway,Arial,sans-serif}
  .pr-bar-change{padding:0;border:0;background:none;color:#fe492a;font:700 12px/1.2 Raleway,Arial,sans-serif;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
  .pr-bar-add{flex:0 0 auto;min-height:44px;padding:0 16px;border:0;border-radius:999px;background:#121212;color:#fff;font:700 13px/1 Raleway,Arial,sans-serif;cursor:pointer}
  .pr-bar-add:active{transform:scale(.97)}
  .pr-bar-add:focus-visible,.pr-bar-change:focus-visible{outline:3px solid #fe492a;outline-offset:2px}
  body.has-pr-bar .pr-share-toast{bottom:92px}
}
@media(prefers-reduced-motion:reduce){.pr-bar{transition:none}}

/* Personalización en una sola línea: interruptor "Nombre y número +$150" (los campos se abren al activarlo) */
html body.product-editorial-page .jersey-builder{margin:0 0 14px!important;padding:0!important;border:0!important;background:none!important}
html body.product-editorial-page .jersey-builder-toggle{position:relative;display:flex!important;align-items:center;gap:10px;min-height:54px!important;margin:0!important;padding:0 14px!important;border:1px solid #cfcabd!important;border-radius:12px!important;background:#fff!important;color:#121212!important;font:700 14px/1.2 Raleway,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;cursor:pointer}
html body.product-editorial-page .jersey-builder-toggle .jb-text{flex:1;min-width:0}
html body.product-editorial-page .jersey-builder-toggle b{display:inline!important;margin-left:6px;color:#fe492a;font-weight:700}
html body.product-editorial-page .jersey-builder.is-active .jersey-builder-toggle{border-color:#121212!important;background:#fff!important;color:#121212!important}
html body.product-editorial-page .jersey-builder-fields{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;margin-top:12px!important}
html body.product-editorial-page .jersey-builder:not(.is-active) .jersey-builder-fields{display:none!important}
html body.product-editorial-page .jersey-builder-fields label{font:700 10px/1.2 "IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace!important;letter-spacing:.1em}
html body.product-editorial-page .jersey-builder-fields input{height:46px!important;border:1px solid #cfcabd;border-radius:10px;font:700 15px Raleway,Arial,sans-serif!important}
html body.product-editorial-page .jersey-builder-fields input:disabled{background:#f1f1ef}
html body.product-editorial-page .jersey-builder-fields small{grid-column:1/-1}
html body.product-editorial-page .jersey-builder-fields label{min-width:0}
html body.product-editorial-page .jersey-builder-fields input{width:100%!important;max-width:100%;box-sizing:border-box;height:42px!important}
/* talla agotada (solo si el catálogo la marca con unavailableSizes) */
.size-option.is-unavailable{opacity:.4;text-decoration:line-through;cursor:not-allowed}

/* Orden de la caja de compra en celular:
   precio → fecha de llegada → tallas → personalización → Añadir al carrito → Lo tengo / Lo quiero → Comprar ahora → Arma tu trío → confianza */
@media(max-width:760px){
  html body.product-editorial-page .buy-box{display:flex!important;flex-direction:column}
  html body.product-editorial-page .buy-box>*{order:20}
  html body.product-editorial-page .buy-box>.price{order:1}
  html body.product-editorial-page .buy-box>.product-payment-note,html body.product-editorial-page .buy-box>.product-variant-link{order:2}
  html body.product-editorial-page .buy-box>.product-shipping-status{order:3}
  html body.product-editorial-page .buy-box>.size-label{order:4}
  html body.product-editorial-page .buy-box>#sizes{order:5}
  html body.product-editorial-page .buy-box>.pr-size-panel{order:6}
  html body.product-editorial-page .buy-box>.pr-wa-size{order:7}
  html body.product-editorial-page .buy-box>.jersey-builder{order:8}
  html body.product-editorial-page .buy-box>.product-quantity{order:9}
  html body.product-editorial-page .buy-box>.purchase-actions{order:10}
  html body.product-editorial-page .buy-box>.buy-now{order:11}
  html body.product-editorial-page .buy-box>.pr-trio{order:12}
  html body.product-editorial-page .buy-box>.pr-trust{order:13}
  html body.product-editorial-page .buy-box>.restock-alert{order:14}
}
/* Tallas: ahora son 7 (S a 4XL). 3XL y 4XL salen tachadas como "No disponible" mientras no haya. */
html body.product-editorial-page .buy-box .size-options{grid-template-columns:repeat(7,minmax(0,1fr))}
html body .buy-box .size-option.is-unavailable{opacity:.45;text-decoration:line-through;cursor:not-allowed}
html body .buy-box .size-off-note{grid-column:1/-1;margin:2px 0 0;color:#5f5c55;font:600 12.5px/1.4 Raleway,Arial,sans-serif}
@media(max-width:760px){html body.product-editorial-page .buy-box .size-options{grid-template-columns:repeat(4,minmax(0,1fr))}}
