/* IINANNA desktop PDP interaction only. Touch layouts keep their existing rules. */
@media (min-width:701px) and (hover:hover) and (pointer:fine) {
  .ir-pdp {
    grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);
    column-gap:40px;
    align-items:start;
  }
  .ir-pdp > .ir-gallery {
    display:grid;
    grid-template-columns:64px minmax(0,1fr);
    gap:14px;
    align-items:start;
  }
  .ir-pdp .ir-gallery-stage {grid-column:2;grid-row:1;min-width:0}
  .ir-pdp .ir-main-image {
    height:min(650px,calc(100dvh - 180px));
    min-height:280px;
    aspect-ratio:auto;
  }
  .ir-pdp .ir-main-image img,
  .ir-pdp .ir-main-image video {width:100%;height:100%;object-fit:contain}
  .ir-pdp .ir-thumbnails {
    grid-column:1;grid-row:1;
    flex-direction:column;
    max-height:min(650px,calc(100dvh - 180px));
    overflow-x:hidden;overflow-y:auto;
    padding:0;gap:10px;scrollbar-width:thin;
  }
  .ir-pdp .ir-thumbnail {width:62px;min-width:62px;height:70px;min-height:70px;flex:none}
  .ir-pdp > .ir-purchase {
    position:sticky;top:20px;
    max-height:calc(100dvh - 40px);
    overflow-y:auto;overscroll-behavior:auto;
    scrollbar-width:thin;
    padding:0 4px 0 0;
    scroll-padding-block:64px 86px;
  }
  .ir-pdp > .ir-purchase > .ir-price {
    position:sticky;top:0;z-index:3;
    background:#fff;padding:10px 0;margin-bottom:20px;
  }
  .ir-pdp .ir-purchase-actions {
    position:sticky;bottom:0;z-index:4;
    background:#fff;padding:14px 0 4px;margin:14px 0 0;
  }
  .ir-pdp .ir-product-details > h2 {
    position:sticky;top:0;z-index:2;
    background:#fff;padding:12px 0;margin-top:-12px;
  }
}
@media (min-width:701px) and (max-width:960px) and (hover:hover) and (pointer:fine) {
  .ir-pdp {grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);column-gap:24px}
  .ir-pdp > .ir-gallery {grid-template-columns:48px minmax(0,1fr);gap:8px}
  .ir-pdp .ir-thumbnail {width:46px;min-width:46px;height:56px;min-height:56px}
}

/* Supplier description: full-width sequential images, like the CJ detail view. */
@media (min-width:701px) and (hover:hover) and (pointer:fine) {
  .ir-pdp .ir-description-images {
    display:flex;flex-direction:column;gap:0;align-items:stretch;
  }
  .ir-pdp .ir-description-images > img,
  .ir-pdp .ir-description-images > img:only-child {
    display:block;width:100%;max-width:100%;height:auto;
    object-fit:contain;align-self:stretch;
  }
}

.ir-pdp .ir-product-quantity{width:112px;max-width:100%;margin:12px 0 16px}
.ir-pdp .ir-product-quantity input{width:100%;min-height:44px}
.ir-pdp .ir-product-quantity{width:auto;display:flex;align-items:center;gap:16px;margin:12px 0 20px}
.ir-pdp .ir-quantity-stepper{display:inline-flex;align-items:center;height:44px;border:1px solid var(--ir-line,#ddd);border-radius:999px;overflow:hidden;background:#fff}
.ir-pdp .ir-quantity-stepper button{width:44px;height:42px;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-size:20px;cursor:pointer}
.ir-pdp .ir-quantity-stepper input{width:44px;min-height:42px;height:42px;padding:0;border:0;border-radius:0;text-align:center;background:transparent;font:inherit;appearance:textfield;-moz-appearance:textfield;box-shadow:none}
.ir-pdp .ir-quantity-stepper input::-webkit-inner-spin-button,.ir-pdp .ir-quantity-stepper input::-webkit-outer-spin-button{appearance:none;margin:0}
.ir-pdp .ir-quantity-stepper:focus-within{outline:2px solid var(--ir-ink,#111);outline-offset:3px}
.ir-pdp .ir-size-chart{border-radius:0;overflow-x:auto;margin:20px 0 28px}
.ir-pdp .ir-size-chart table{width:100%;border-collapse:collapse;font-size:13px}
.ir-pdp .ir-size-chart caption{text-align:start;font-size:17px;font-weight:600;padding:0 0 16px}
.ir-pdp .ir-size-chart caption span{display:block;font-size:12px;font-weight:400;color:var(--ir-muted,#666);margin-top:6px}
.ir-pdp .ir-size-chart th,.ir-pdp .ir-size-chart td{padding:13px 10px;text-align:start;border-bottom:1px solid var(--ir-line,#ddd);white-space:nowrap;border-radius:0;background:transparent}
.ir-pdp .ir-size-chart thead th{background:var(--ir-soft,#f5f5f5);font-weight:500}
body:has(.ir-pdp){overflow-anchor:none}
@media (min-width:701px) and (hover:hover) and (pointer:fine){
.ir-pdp > .ir-gallery:not(:has(.ir-thumbnails)){grid-template-columns:minmax(0,1fr)}
.ir-pdp > .ir-gallery:not(:has(.ir-thumbnails)) .ir-gallery-stage{grid-column:1;grid-row:1}
body:has(.ir-pdp) .ir-drop-nav{position:absolute;top:150px;bottom:auto;inset-inline-end:24px}
.ir-pdp .ir-spec-table,.ir-pdp .ir-facts-table{min-width:0;border-radius:0;max-width:100%}
.ir-pdp .ir-spec-table td,.ir-pdp .ir-spec-table th{overflow-wrap:anywhere}
}
@media (min-width:701px) and (hover:hover) and (pointer:fine){
.ir-pdp .ir-options:has(>div>[data-size="Not specified"]:only-child){display:none}
}

/* Quantity subtotal stays beside the existing capsule, without another box. */
.ir-pdp .ir-product-quantity{flex-wrap:wrap;gap:8px 16px}
.ir-pdp .ir-product-quantity>label{font-size:13px}
.ir-pdp .ir-quantity-stepper{flex-shrink:0}
.ir-pdp .ir-product-quantity-total{display:flex;flex-direction:column;gap:3px;margin-inline-start:auto;line-height:1.2;text-align:end;white-space:nowrap}
.ir-pdp .ir-product-quantity-total>span{font-size:11px;font-weight:400;color:#53606d}
.ir-pdp .ir-product-quantity-total>strong{font-size:18px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
@media(max-width:450px){.ir-pdp .ir-product-quantity>label{flex-basis:100%}.ir-pdp .ir-product-quantity-total>strong{font-size:17px}}