/* =========================================================
   PDP Qty Stepper (Col 3) — flechas verticales
   Layout: Cantidad: [ 1 ] [▲▼]
   ========================================================= */

.c-pdp-qty{
  position: relative;
  display: inline-flex;
  align-items: center;

  width: 80%;
  max-width: 320px;
  height: 35px;
  border-radius: 10px;

  background: #fff;
  border: 1px solid rgba(17,24,39,.28);
  box-shadow: none !important;

  padding-left: 64px; /* espacio para "Cantidad:" */
  box-sizing: border-box;

  -webkit-tap-highlight-color: transparent;
}

.camisetum-pdp-top__col--buy .c-pdp-qty{
  margin: 0 auto;
}

/* "Cantidad:" */
.c-pdp-qty__label{
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: .82rem;
  color: rgba(17,24,39,.78);
  font-weight: 600;
  pointer-events: none;
}

/* Control interno: valor + flechas */
.c-pdp-qty__ctrl{
  width: 100%;
  height: 32px;
  display: grid;
  grid-template-columns: 1fr 28px; /* valor + columna flechas */
  align-items: center;
  align-content: center;
}

/* Valor centrado */
.c-pdp-qty__value{
  width: 100% !important;
  height: 32px !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;

  font-weight: 800;
  font-size: .9rem;
  color: #0b1220;

  padding: 0 !important;
  padding-left: 12px !important;
  
}

/* Flechas apiladas */
.c-pdp-qty__arrows{
  height: 100%;
  display: grid;
  grid-template-rows: 1fr 1fr;
  border-left: 1px solid rgba(17,24,39,.10);
}

.c-pdp-qty__arrow{
  width: 28px;
  height: 100%;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;

  display: grid;
  place-items: center;
  cursor: pointer;

  color: rgba(11,18,32,.75);
  outline: none !important;
  box-shadow: none !important;
}

/* divisor entre ▲ y ▼ */
.c-pdp-qty__arrow--up{
  border-bottom: 1px solid rgba(17,24,39,.10);
}

/* iconos */
.c-pdp-qty__arrow svg{
  width: 16px;
  height: 16px;
  display: block;
}

/* Sin hover azul Astra */
.c-pdp-qty__arrow:hover,
.c-pdp-qty__arrow:focus,
.c-pdp-qty__arrow:active{
  background: transparent !important;
  color: rgba(11,18,32,.9) !important;
  outline: none !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Focus accesible propio */
.c-pdp-qty:focus-within{
  border-color: rgba(16,185,129,.55);
  box-shadow: 0 0 0 3px rgba(16,185,129,.18) !important;
}

/* Disabled */
.c-pdp-qty__arrow[disabled]{
  opacity: .35;
  cursor: not-allowed;
}

.camisetum-pdp-top__col--buy{
  display:flex;
  flex-direction:column;
  align-items:center;
}