/* ============================================================
   productos.css
   Estilos comunes para tarjetas y grids de productos
   ============================================================ */

.pgrid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 20px;
}

@media (max-width: 600px) {
    .pgrid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
}

.pgrid-empty {
    grid-column: 1 / -1;
    text-align: center;
    padding: 60px 20px;
    color: var(--text-3);
    background: var(--bg-card);
    border: 1px dashed var(--border);
    border-radius: var(--radius-lg);
}

/* --- TARJETA ---------------------------------------------- */
.pcard {
    display: flex;
    flex-direction: column;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    text-decoration: none;
    color: var(--text-1);
    transition: transform .2s, border-color .2s, box-shadow .2s;
}
.pcard:hover {
    transform: translateY(-4px);
    border-color: var(--amber-2);
    box-shadow: var(--shadow-md);
}

.pcard-img-wrap {
    position: relative;
    aspect-ratio: 1 / 1;
    background: var(--bg-1);
    overflow: hidden;
}
.pcard-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .3s;
}
.pcard:hover .pcard-img-wrap img { transform: scale(1.05); }

.pcard-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #e3222e;
    color: #080b0f;
    font-weight: 800;
    font-size: 11px;
    padding: 4px 10px;
    border-radius: var(--radius-pill);
    letter-spacing: .5px;
    z-index: 2;
}

.pcard-chip {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(5, 7, 15, .85);
    color: var(--amber-2);
    font-weight: 700;
    font-size: 11px;
    padding: 4px 10px;
    border-radius: var(--radius-pill);
    letter-spacing: .5px;
    border: 1px solid var(--amber-3);
    backdrop-filter: blur(4px);
}

.pcard-body {
    padding: 14px 16px 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}
.pcard-cat {
    color: var(--text-3);
    font-size: 11px;
    letter-spacing: 1.5px;
    font-weight: 700;
}
.pcard-name {
    color: var(--text-1);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    min-height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.pcard-price {
    color: var(--amber-2);
    font-family: var(--font-display);
    font-size: 22px;
    letter-spacing: .5px;
    margin-top: auto;
    padding-top: 8px;
}

/* --- FILTROS ---------------------------------------------- */
.pfilters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 20px 0;
    align-items: center;
}
.pfilter-chip {
    padding: 8px 16px;
    border: 1.5px solid var(--border-strong);
    background: var(--bg-2);
    color: var(--text-2);
    border-radius: var(--radius-pill);
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    transition: all .2s;
}
.pfilter-chip:hover {
    border-color: var(--amber-2);
    color: var(--text-1);
}
.pfilter-chip.active {
    background: #e3222e;
    color: #080b0f;
    border-color: transparent;
}

.pfilter-search {
    flex: 1;
    min-width: 200px;
    padding: 10px 16px;
    border: 1.5px solid var(--border-strong);
    background: var(--bg-1);
    color: var(--text-1);
    border-radius: var(--radius-pill);
    font-family: var(--font-body);
    font-size: 14px;
}
.pfilter-search:focus {
    outline: none;
    border-color: var(--amber-2);
}

.pfilter-count {
    color: var(--text-3);
    font-size: 13px;
    margin-left: auto;
}

/* --- SECCIÓN TÍTULO --------------------------------------- */
.psection {
    max-width: 1400px;
    margin: 60px auto;
    padding: 0 20px;
}
.psection-head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 24px;
    flex-wrap: wrap;
    gap: 12px;
}
.psection-title {
    font-family: var(--font-display);
    color: var(--text-1);
    font-size: clamp(28px, 4vw, 44px);
    letter-spacing: 1px;
}
.psection-sub {
    color: var(--text-3);
    font-size: 15px;
}
.psection-link {
    color: var(--amber-2);
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .5px;
}
.psection-link:hover { color: var(--amber-3); }


/* Tarjetas comerciales: precio, cuotas, talles y envío */
.pcard-offer{box-shadow:0 8px 22px rgba(227,34,46,.22);font-size:10px;letter-spacing:.09em}
.pcard-sizes{display:flex;gap:7px;align-items:center;color:#909baa;font-size:10px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pcard-sizes span{color:#e3222e;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.pcard-price-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:7px}
.pcard-price-row .pcard-price{margin:0;padding:0;color:#fff}
.pcard-old-price{color:#77818e;text-decoration:line-through;font-size:13px;font-weight:700}
.pcard-discount{padding:4px 7px;border-radius:999px;background:rgba(227,34,46,.12);color:#e3222e;font-size:9px;font-weight:900;letter-spacing:.04em}
.pcard-installments{color:#aab3bf;font-size:11px;line-height:1.35}
.pcard-installments strong{color:#fff}
.pcard-shipping{margin-top:2px;color:#e3222e;font-size:10px;font-weight:800;letter-spacing:.015em}
@media(max-width:600px){.pcard-sizes{font-size:9px}.pcard-old-price{font-size:11px}.pcard-installments{font-size:10px}.pcard-shipping{font-size:9px}.pcard-discount{font-size:8px}}


/* Compra rápida desde inicio y catálogo */
.pcard-link{display:flex;flex-direction:column;flex:1;color:inherit;text-decoration:none}
.pcard-quick{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:0 14px 14px;background:var(--bg-card)}
.pcard-size{grid-column:1/-1;width:100%;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#0a0e14;color:#fff;padding:0 10px;font:700 11px var(--font-body);outline:none}
.pcard-qty{height:40px;display:grid;grid-template-columns:34px 34px 34px;align-items:center;border:1px solid rgba(255,255,255,.13);border-radius:11px;overflow:hidden;background:#080b10}
.pcard-qty-btn{height:100%;border:0;background:transparent;color:#fff;font-size:18px;cursor:pointer}.pcard-qty-btn:hover{background:rgba(255,255,255,.06)}
.pcard-qty-value{text-align:center;font-weight:900;font-size:12px}
.pcard-add{height:40px;padding:0 16px;border:0;border-radius:11px;background:#e3222e;color:#080b0f;font-weight:900;font-size:11px;text-transform:uppercase;cursor:pointer;transition:.2s}.pcard-add:hover{transform:translateY(-1px);background:#b80f1d}.pcard-add.added{background:#b80f1d}
@media(max-width:600px){
 .pcard-quick{padding:0 9px 10px;gap:6px}.pcard-size{height:34px;font-size:9px;padding:0 7px}.pcard-qty{height:36px;grid-template-columns:28px 26px 28px}.pcard-qty-btn{font-size:16px}.pcard-add{height:36px;padding:0 10px;font-size:9px}.pcard-body{padding-bottom:10px}
}

/* Notas opcionales por producto (parches y pedidos especiales) */
.product-notes-box{
  position:relative;
  margin:18px 0;
  padding:18px;
  overflow:hidden;
  border:1px solid rgba(227,34,46,.18);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(227,34,46,.055),rgba(255,255,255,.025) 42%,rgba(255,255,255,.012));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 14px 32px rgba(0,0,0,.16);
}
.product-notes-box::before{
  content:"";
  position:absolute;
  top:0;left:18px;right:18px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(227,34,46,.55),transparent);
}
.product-notes-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}
.product-notes-icon{
  width:42px;height:42px;flex:0 0 42px;
  display:grid;place-items:center;
  border:1px solid rgba(227,34,46,.25);
  border-radius:13px;
  color:#e3222e;
  background:rgba(227,34,46,.09);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.product-notes-heading{min-width:0;flex:1;padding-top:1px}
.product-notes-heading b{display:block;color:#fff;font-size:15px;line-height:1.25;letter-spacing:-.01em}
.product-notes-heading span{display:block;margin-top:4px;color:#98a1ad;font-size:12px;line-height:1.45}
.product-notes-badge{
  flex:0 0 auto;
  padding:6px 9px;
  border:1px solid rgba(227,34,46,.22);
  border-radius:999px;
  background:rgba(227,34,46,.08);
  color:#e3222e;
  font-size:9px;font-weight:900;line-height:1;
  text-transform:uppercase;letter-spacing:.1em;
}
.product-notes-label{display:block;margin:0 0 8px;color:#e9edf2;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.product-notes-field{position:relative}
.product-notes-box textarea{
  display:block;width:100%;min-height:108px;resize:vertical;
  border:1px solid rgba(255,255,255,.13);
  border-radius:14px;
  background:rgba(5,8,12,.72);
  color:#fff;
  padding:14px 15px 34px;
  font:500 13px/1.55 var(--font-body);
  outline:none;box-sizing:border-box;
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.product-notes-box textarea:hover{border-color:rgba(255,255,255,.22)}
.product-notes-box textarea:focus{
  border-color:rgba(227,34,46,.7);
  background:rgba(7,10,14,.92);
  box-shadow:0 0 0 3px rgba(227,34,46,.1),0 8px 22px rgba(0,0,0,.18);
}
.product-notes-box textarea::placeholder{color:#68717d;opacity:1}
.product-notes-counter{
  position:absolute;right:11px;bottom:10px;
  padding:4px 7px;
  border-radius:7px;
  background:rgba(255,255,255,.055);
  color:#7f8995;
  font-size:10px;font-weight:750;line-height:1;
  pointer-events:none;
}
.product-notes-counter span{color:#b5bec9}
.product-notes-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px}
.product-notes-footer small{color:#68717d;font-size:10px;line-height:1.35;text-align:right}
.product-notes-status{display:flex;align-items:center;gap:7px;color:#aab3be;font-size:10px;font-weight:650;line-height:1.35}
.product-notes-status i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#e3222e;box-shadow:0 0 0 4px rgba(54,213,118,.1)}
@media(max-width:600px){
  .product-notes-box{margin:15px 0;padding:15px;border-radius:16px}
  .product-notes-head{gap:10px;margin-bottom:14px}
  .product-notes-icon{width:38px;height:38px;flex-basis:38px;border-radius:11px}
  .product-notes-heading b{font-size:14px}
  .product-notes-heading span{font-size:11px}
  .product-notes-badge{padding:5px 7px;font-size:8px}
  .product-notes-box textarea{min-height:100px;padding:13px 13px 32px;font-size:12px}
  .product-notes-footer{align-items:flex-start;flex-direction:column;gap:7px}
  .product-notes-footer small{text-align:left}
}
.cart-note-chip{white-space:normal!important;line-height:1.35}

/* ===== Paginación premium del catálogo ===== */
.fs-pagination-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;width:100%;margin:54px auto 0;padding:0 16px}
.fs-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}
.fs-page-btn,.fs-page-dots{width:58px;height:58px;border-radius:17px;display:inline-flex;align-items:center;justify-content:center;font:700 22px/1 Inter,Arial,sans-serif}
.fs-page-btn{border:1px solid rgba(154,164,184,.28);background:linear-gradient(145deg,rgba(22,27,39,.92),rgba(10,14,22,.95));color:#f5f7fb;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 12px 26px rgba(0,0,0,.22);cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.fs-page-btn:hover:not(:disabled){transform:translateY(-3px);border-color:rgba(255,79,143,.7);color:#ff5b9a;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 16px 32px rgba(0,0,0,.3),0 0 0 3px rgba(255,79,143,.06)}
.fs-page-btn.is-active{border:2px solid #e3222e;background:linear-gradient(145deg,rgba(227,34,46,.15),rgba(6,27,61,.55));color:#e3222e;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 32px rgba(227,34,46,.13),0 0 24px rgba(227,34,46,.08)}
.fs-page-btn.is-arrow{font-size:0}
.fs-page-btn.is-arrow::before{content:"";width:12px;height:12px;border-top:3px solid currentColor;border-right:3px solid currentColor}
.fs-page-btn.is-prev::before{transform:rotate(-135deg);margin-left:5px}
.fs-page-btn.is-next::before{transform:rotate(45deg);margin-right:5px}
.fs-page-btn:disabled{opacity:.38;cursor:not-allowed}
.fs-page-dots{width:44px;color:#e7eaf0;font-size:27px;letter-spacing:3px}
.fs-page-info{margin:0;color:#8e95a5;font:600 17px/1.2 Inter,Arial,sans-serif}
.fs-page-info strong{color:#e3222e;font-weight:800}
@media(max-width:640px){.fs-pagination-wrap{margin-top:38px;gap:14px;padding:0 6px}.fs-pagination{gap:7px}.fs-page-btn,.fs-page-dots{width:44px;height:44px;border-radius:13px;font-size:16px}.fs-page-dots{width:28px;font-size:20px}.fs-page-info{font-size:14px}}
@media(max-width:390px){.fs-pagination{gap:5px}.fs-page-btn,.fs-page-dots{width:40px;height:40px;border-radius:12px}.fs-page-dots{width:22px}}


/* JERSIX brand palette — product catalog */
.pcard:hover{border-color:#e3222e;box-shadow:0 12px 30px rgba(227,34,46,.16)}
.pcard-badge,.pfilter-chip.active{background:#e3222e;color:#fff}
.pcard-chip{color:#f4efe6;border-color:rgba(227,34,46,.55)}
.pcard-price,.pcard-sizes span,.pcard-discount,.pcard-shipping,.psection-link{color:#e3222e}
.pcard-discount{background:rgba(227,34,46,.12)}
.pfilter-chip:hover,.pfilter-search:focus{border-color:#e3222e}
.fs-page-btn.is-active{border-color:#e3222e!important;background:linear-gradient(145deg,rgba(227,34,46,.16),rgba(6,27,61,.55))!important;color:#e3222e!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 32px rgba(227,34,46,.13),0 0 24px rgba(227,34,46,.08)!important}
.fs-page-info strong{color:#e3222e!important}


/* ============================================================
   PASO 57 — CATÁLOGO MÓVIL + FOTOS COMPLETAS + TRANSFERENCIA
   ============================================================ */

/* La foto siempre se muestra completa, sin recorte */
.pcard-img-wrap{
    aspect-ratio:4 / 5!important;
    background:
      radial-gradient(circle at 50% 42%,rgba(255,255,255,.045),transparent 42%),
      #0b1017!important;
}
.pcard-img-wrap img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    padding:5px!important;
    box-sizing:border-box!important;
}
.pcard:hover .pcard-img-wrap img{
    transform:none!important;
}

/* Precio especial transferencia */
.pcard-transfer{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:8px;
    margin-top:3px;
    padding:8px 9px;
    border:1px solid rgba(227,34,46,.20);
    border-radius:10px;
    background:rgba(227,34,46,.055);
}
.pcard-transfer span{
    max-width:145px;
    color:#aeb7c3;
    font-size:8px;
    line-height:1.3;
    font-weight:900;
    letter-spacing:.045em;
}
.pcard-transfer strong{
    flex:0 0 auto;
    color:#e3222e;
    font:700 16px/1 Oswald,Arial,sans-serif;
    white-space:nowrap;
}
.pcard-promo4x3{
    display:block!important;
    margin-top:6px;
    padding:8px 9px;
    border:1px solid rgba(227,34,46,.20);
    border-radius:10px;
    background:linear-gradient(135deg,rgba(227,34,46,.075),rgba(255,255,255,.018));
    color:#cbd2dc;
    font-size:9px;
    font-weight:700;
    line-height:1.35;
    letter-spacing:.01em;
}
.pcard-promo4x3 small{display:block;margin-bottom:3px;color:#e3222e;font-size:6.5px;font-weight:950;letter-spacing:.13em}
.pcard-promo4x3 b{display:block;color:#fff;font-size:8.5px;font-weight:950;letter-spacing:.045em}
.pcard-promo4x3 span{display:block;margin-top:3px;color:#aeb7c3;font-size:7.5px;font-weight:700;line-height:1.35}

/* Dos productos por fila en celular */
@media(max-width:600px){
    .pgrid,
    .products-v3 .pgrid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
    }

    .pcard{
        border-radius:13px!important;
    }
    .pcard-img-wrap{
        aspect-ratio:4 / 5!important;
    }
    .pcard-img-wrap img{
        padding:3px!important;
    }
    .pcard-chip{
        right:5px!important;
        bottom:5px!important;
        max-width:calc(100% - 10px)!important;
        padding:4px 6px!important;
        font-size:7px!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }
    .pcard-badge{
        top:5px!important;
        left:5px!important;
        padding:4px 6px!important;
        font-size:7px!important;
    }
    .pcard-body{
        padding:9px 8px 8px!important;
        gap:4px!important;
    }
    .pcard-cat{
        font-size:8px!important;
        letter-spacing:.08em!important;
    }
    .pcard-name{
        min-height:34px!important;
        font-size:11px!important;
        line-height:1.3!important;
    }
    .pcard-sizes{
        gap:4px!important;
        font-size:7px!important;
    }
    .pcard-sizes span{
        font-size:7px!important;
    }
    .pcard-price-row{
        padding-top:5px!important;
        gap:4px!important;
    }
    .pcard-price-row .pcard-price{
        font-size:18px!important;
    }
    .pcard-old-price{
        font-size:9px!important;
    }
    .pcard-transfer{
        display:block!important;
        padding:6px 7px!important;
        border-radius:8px!important;
        margin-top:2px!important;
    }
    .pcard-transfer span{
        display:block!important;
        max-width:none!important;
        font-size:6.8px!important;
        line-height:1.25!important;
    }
    .pcard-transfer strong{
        display:block!important;
        margin-top:3px!important;
        font-size:14px!important;
    }
    .pcard-promo4x3{
        display:block!important;
        margin-top:5px!important;
        padding:6px 7px!important;
        border-radius:8px!important;
    }
    .pcard-promo4x3 small{font-size:5.8px!important}
    .pcard-promo4x3 b{font-size:7.2px!important;line-height:1.2!important}
    .pcard-promo4x3 span{font-size:6.4px!important;line-height:1.28!important}
    .pcard-shipping{
        font-size:7px!important;
        line-height:1.25!important;
    }

    .pcard-quick{
        grid-template-columns:minmax(0,1fr)!important;
        padding:0 7px 8px!important;
        gap:5px!important;
    }
    .pcard-size{
        grid-column:1!important;
        height:32px!important;
        font-size:8px!important;
    }
    .pcard-qty{
        display:none!important;
    }
    .pcard-add{
        width:100%!important;
        height:34px!important;
        padding:0 7px!important;
        font-size:8px!important;
    }
}

/* Mantener dos columnas incluso en celulares angostos */
@media(max-width:430px){
    .pgrid,
    .products-v3 .pgrid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:7px!important;
    }
}


/* ============================================================
   PASO 60 — PAGINACIÓN CATÁLOGO
   ============================================================ */
.fs-pagination-wrap{
  gap:13px!important;
  margin-top:46px!important;
}
.fs-pagination{
  gap:7px!important;
}
.fs-page-btn,
.fs-page-dots{
  width:48px!important;
  height:48px!important;
  border-radius:13px!important;
  font-family:Oswald,Arial,sans-serif!important;
  font-size:17px!important;
  font-weight:600!important;
  line-height:1!important;
  letter-spacing:0!important;
}
.fs-page-btn{
  border:1px solid rgba(255,255,255,.10)!important;
  background:#10151d!important;
  color:#dfe4ea!important;
  box-shadow:none!important;
}
.fs-page-btn:hover:not(:disabled){
  transform:none!important;
  border-color:rgba(227,34,46,.45)!important;
  background:#141a23!important;
  color:#fff!important;
  box-shadow:none!important;
}
.fs-page-btn.is-active{
  border:1px solid #e3222e!important;
  background:#e3222e!important;
  color:#080b0f!important;
  box-shadow:none!important;
}
.fs-page-btn.is-arrow{
  background:#0d1219!important;
}
.fs-page-btn.is-arrow::before{
  width:9px!important;
  height:9px!important;
  border-width:2px!important;
}
.fs-page-btn:disabled{
  opacity:.28!important;
}
.fs-page-dots{
  width:30px!important;
  color:#8993a1!important;
  font-size:17px!important;
  letter-spacing:2px!important;
}
.fs-page-info{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  margin:0!important;
  color:#687381!important;
  font-family:'DM Sans',Inter,Arial,sans-serif!important;
  font-size:9px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
.fs-page-info strong{
  color:#f2f5f8!important;
  font-family:Oswald,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:600!important;
  letter-spacing:0!important;
}
.fs-page-info strong:first-child{
  color:#e3222e!important;
}
@media(max-width:640px){
  .fs-pagination-wrap{
    margin-top:34px!important;
    gap:11px!important;
    padding:0!important;
  }
  .fs-pagination{
    gap:5px!important;
  }
  .fs-page-btn,
  .fs-page-dots{
    width:40px!important;
    height:40px!important;
    border-radius:11px!important;
    font-size:15px!important;
  }
  .fs-page-dots{
    width:23px!important;
    font-size:14px!important;
  }
  .fs-page-info{
    font-size:8px!important;
  }
}
@media(max-width:390px){
  .fs-page-btn,
  .fs-page-dots{
    width:37px!important;
    height:37px!important;
  }
  .fs-page-dots{width:20px!important}
}


/* ============================================================
   PASO 85 · CATÁLOGO MOBILE MÁS LEGIBLE
   Mantiene 2 productos por fila, pero aumenta la lectura.
   ============================================================ */
@media(max-width:600px){
  .pcard-body{
    padding:10px 9px 9px!important;
    gap:5px!important;
  }
  .pcard-cat{
    font-size:9.5px!important;
    line-height:1.2!important;
    letter-spacing:.065em!important;
  }
  .pcard-name{
    min-height:47px!important;
    font-size:12.5px!important;
    line-height:1.25!important;
    -webkit-line-clamp:3!important;
  }
  .pcard-sizes,
  .pcard-sizes span{
    font-size:8.5px!important;
    line-height:1.35!important;
  }
  .pcard-price-row{
    gap:5px!important;
  }
  .pcard-price-row .pcard-price{
    font-size:20px!important;
  }
  .pcard-old-price{
    font-size:10px!important;
  }
  .pcard-discount{
    padding:4px 6px!important;
    font-size:8.5px!important;
  }
  .pcard-transfer{
    padding:8px!important;
  }
  .pcard-transfer span{
    font-size:8.2px!important;
    line-height:1.3!important;
  }
  .pcard-transfer strong{
    margin-top:3px!important;
    font-size:17px!important;
  }
  .pcard-promo4x3{
    padding:8px!important;
    font-size:9px!important;
    line-height:1.4!important;
  }
  .pcard-promo4x3 small{
    font-size:7.5px!important;
  }
  .pcard-promo4x3 b{
    font-size:9.5px!important;
    line-height:1.25!important;
  }
  .pcard-promo4x3 span{
    font-size:8.3px!important;
    line-height:1.4!important;
  }
  .pcard-shipping{
    font-size:8.5px!important;
    line-height:1.35!important;
  }
  .pcard-size{
    height:38px!important;
    font-size:10.5px!important;
  }
  .pcard-qty{
    height:39px!important;
  }
  .pcard-qty-value{
    font-size:11px!important;
  }
  .pcard-add{
    height:39px!important;
    padding:0 10px!important;
    font-size:9.5px!important;
  }
  .pcard-chip{
    font-size:7.5px!important;
  }
  .pcard-badge{
    font-size:8px!important;
  }
}
