/* Net Yadak v5.7.9 — final layout/RTL/action-state overrides.
   This file is intentionally loaded LAST so older product CSS cannot override it. */

/* Desktop content must use the same boxed width as the site's navigation. */
@media (min-width:1100px){
  .nyp-figma-product .nyp-container{
    width:min(1280px,calc(100% - 32px))!important;
    max-width:1280px!important;
    margin:28px auto 90px!important;
    padding:0!important;
  }

  /* Right-align the green update banner itself (not only its text). */
  .nyp-figma-product .nyp-update{
    direction:rtl!important;
    align-self:auto!important;
    justify-content:flex-start!important;
    width:min(66%,410px)!important;
    margin:8px 0 25px auto!important;
    text-align:right!important;
  }
  .nyp-figma-product .nyp-update .nyp-asset-icon{
    flex:0 0 auto!important;
  }

  /* Specs heading follows the same right edge. */
  .nyp-figma-product .nyp-summary-heading{
    justify-content:flex-start!important;
    text-align:right!important;
  }
  .nyp-figma-product .nyp-summary-heading h2{
    width:100%!important;
    text-align:right!important;
  }
}

/* Keep responsive gutters on tablet/mobile. */
@media (max-width:1099px) and (min-width:821px){
  .nyp-figma-product .nyp-container{
    width:calc(100% - 28px)!important;
    max-width:none!important;
  }
}
@media (max-width:820px){
  .nyp-figma-product .nyp-container{
    width:calc(100% - 18px)!important;
    max-width:none!important;
  }
  .nyp-figma-product .nyp-update{
    direction:rtl!important;
    justify-content:flex-start!important;
    text-align:right!important;
    margin-right:0!important;
    margin-left:auto!important;
  }
  .nyp-figma-product .nyp-summary-heading,
  .nyp-figma-product .nyp-summary-heading h2{
    justify-content:flex-start!important;
    text-align:right!important;
  }
}
@media (max-width:430px){
  .nyp-figma-product .nyp-container{width:calc(100% - 12px)!important}
}

/* Product utility buttons: neutral hover, clearly themed ACTIVE state. */
.nyp-figma-product .nyp-gallery-actions button{
  background:#fff!important;
  border-color:#d4dbe1!important;
  color:#4f5963!important;
  box-shadow:0 2px 8px rgba(15,31,49,.06)!important;
  outline:none!important;
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.nyp-figma-product .nyp-gallery-actions button:hover{
  background:#f7f9fb!important;
  border-color:#aebcc9!important;
  box-shadow:0 5px 13px rgba(8,42,76,.08)!important;
  transform:translateY(-1px)!important;
}
.nyp-figma-product .nyp-gallery-actions button:focus-visible{
  background:#fff!important;
  border-color:#ffbf17!important;
  box-shadow:0 0 0 3px rgba(255,191,23,.16)!important;
  outline:none!important;
}
.nyp-figma-product .nyp-gallery-actions button.is-active,
.nyp-figma-product .nyp-gallery-actions button[aria-pressed="true"],
.nyp-figma-product .nyp-gallery-actions button.is-active:hover,
.nyp-figma-product .nyp-gallery-actions button[aria-pressed="true"]:hover,
.nyp-figma-product .nyp-gallery-actions button.is-active:focus-visible,
.nyp-figma-product .nyp-gallery-actions button[aria-pressed="true"]:focus-visible{
  background:#062d59!important;
  border-color:#ffbf17!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,191,23,.42),0 7px 18px rgba(6,45,89,.18)!important;
  transform:none!important;
}
.nyp-figma-product .nyp-gallery-actions button.is-active .nyp-asset-icon,
.nyp-figma-product .nyp-gallery-actions button[aria-pressed="true"] .nyp-asset-icon,
.nyp-figma-product .nyp-gallery-actions button.is-active svg,
.nyp-figma-product .nyp-gallery-actions button[aria-pressed="true"] svg{
  filter:brightness(0) invert(1)!important;
  opacity:1!important;
  transform:scale(1.04)!important;
}
.nyp-figma-product .nyp-gallery-actions button:active{
  transform:scale(.97)!important;
}


/* v5.7.10 — remove divider above category/social row */
.nyp-figma-product .nyp-summary-footer{
  border-top:0!important;
}

/* v5.7.11 — slightly narrower purchase sidebar on desktop */
@media (min-width:1100px){
  .nyp-figma-product .nyp-product-layout{
    grid-template-columns:260px minmax(0,1fr)!important;
    gap:14px!important;
  }
  .nyp-figma-product .nyp-buy-card{
    width:260px!important;
    max-width:260px!important;
    min-width:260px!important;
  }
}

/* v5.7.12 — balanced sidebar: slightly narrower, with proportional inner sizing */
@media (min-width:1100px){
  .nyp-figma-product .nyp-product-layout{
    grid-template-columns:330px minmax(0,1fr)!important;
    gap:16px!important;
  }
  .nyp-figma-product .nyp-buy-card{
    width:330px!important;
    max-width:330px!important;
    min-width:330px!important;
    gap:15px!important;
  }

  .nyp-figma-product .nyp-social-row{
    min-height:50px!important;
    height:50px!important;
    padding:6px 12px!important;
    border-radius:9px!important;
  }
  .nyp-figma-product .nyp-social-row strong{
    max-width:164px!important;
    font-size:13px!important;
  }
  .nyp-figma-product .nyp-deal-timer{gap:5px!important}
  .nyp-figma-product .nyp-deal-timer span{
    width:37px!important;
    height:37px!important;
    font-size:14px!important;
    border-radius:7px!important;
  }
  .nyp-figma-product .nyp-deal-timer b{font-size:13px!important}

  .nyp-figma-product .nyp-buy-box,
  .nyp-figma-product .nyp-installment-box{
    padding:18px 14px 16px!important;
    border-radius:11px!important;
  }
  .nyp-figma-product .nyp-buy-box{min-height:264px!important}
  .nyp-figma-product .nyp-buy-title,
  .nyp-figma-product .nyp-installment-box h3{
    margin-bottom:19px!important;
    font-size:20px!important;
  }
  .nyp-figma-product .nyp-buy-status-row{
    gap:9px!important;
    min-height:31px!important;
    margin-bottom:14px!important;
  }
  .nyp-figma-product .nyp-sale-label{
    min-width:82px!important;
    min-height:30px!important;
    padding:0 12px!important;
    font-size:12px!important;
  }
  .nyp-figma-product .nyp-stock,
  .nyp-figma-product .nyp-stock.in-stock,
  .nyp-figma-product .nyp-stock.out-stock{
    gap:5px!important;
    font-size:11px!important;
  }
  .nyp-figma-product .nyp-stock .nyp-stock-asset{
    width:19px!important;
    height:19px!important;
    flex-basis:19px!important;
  }
  .nyp-figma-product .nyp-price-row{
    gap:8px!important;
    min-height:40px!important;
    margin-bottom:14px!important;
  }
  .nyp-figma-product .nyp-price-row del{
    font-size:13px!important;
    margin-bottom:4px!important;
  }
  .nyp-figma-product .nyp-current-price{gap:5px!important}
  .nyp-figma-product .nyp-current-price strong{
    font-size:27px!important;
    letter-spacing:-.5px!important;
  }
  .nyp-figma-product .nyp-current-price span{
    font-size:12px!important;
    margin-bottom:2px!important;
  }
  .nyp-figma-product .nyp-order-row{
    grid-template-columns:minmax(0,1fr) 48px!important;
    gap:10px!important;
    height:48px!important;
    min-height:48px!important;
  }
  .nyp-figma-product .nyp-order-button{
    height:48px!important;
    min-height:48px!important;
    padding:0 14px!important;
    font-size:14px!important;
    gap:8px!important;
  }
  .nyp-figma-product .nyp-order-button .nyp-icon{
    width:21px!important;
    height:21px!important;
  }
  .nyp-figma-product .nyp-buy-qty{
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    grid-template-columns:17px 1fr!important;
  }
  .nyp-figma-product .nyp-buy-spin-buttons{
    width:17px!important;
    height:44px!important;
  }
  .nyp-figma-product .nyp-buy-spin-buttons button{
    width:17px!important;
    height:22px!important;
  }
  .nyp-figma-product .nyp-buy-qty>input{
    height:44px!important;
    line-height:44px!important;
    font-size:14px!important;
  }
  .nyp-figma-product .nyp-recommend{
    min-height:36px!important;
    height:36px!important;
    margin-top:12px!important;
    padding:0 10px!important;
    font-size:12px!important;
  }
  .nyp-figma-product .nyp-recommend .nyp-asset-icon{
    width:19px!important;
    height:19px!important;
  }

  .nyp-figma-product .nyp-installment-box{
    min-height:286px!important;
    padding:19px 14px 16px!important;
  }
  .nyp-figma-product .nyp-installment-box h3{margin-bottom:20px!important}
  .nyp-figma-product .nyp-installment-grid{gap:11px!important}
  .nyp-figma-product .nyp-installment-option>span{
    margin-bottom:5px!important;
    font-size:12px!important;
  }
  .nyp-figma-product .nyp-mini-stepper{
    height:48px!important;
    min-height:48px!important;
    grid-template-columns:36px minmax(0,1fr) 36px!important;
    border-radius:9px!important;
  }
  .nyp-figma-product .nyp-mini-stepper>button{
    width:36px!important;
    min-width:36px!important;
    height:46px!important;
    min-height:46px!important;
    font-size:20px!important;
  }
  .nyp-figma-product .nyp-mini-stepper .nyp-stepper-value{height:46px!important}
  .nyp-figma-product .nyp-mini-stepper input{
    width:21px!important;
    min-width:21px!important;
    height:44px!important;
    line-height:44px!important;
    font-size:14px!important;
  }
  .nyp-figma-product .nyp-mini-stepper em{font-size:11px!important}
  .nyp-figma-product .nyp-installment-amount{
    height:44px!important;
    min-height:44px!important;
    margin-top:15px!important;
    padding:0 12px!important;
    border-radius:8px!important;
  }
  .nyp-figma-product .nyp-installment-amount span{font-size:12px!important}
  .nyp-figma-product .nyp-installment-amount b{font-size:12px!important}
  .nyp-figma-product .nyp-outline-btn{
    height:48px!important;
    min-height:48px!important;
    margin-top:15px!important;
    border-radius:8px!important;
    font-size:14px!important;
  }
  .nyp-figma-product .nyp-outline-btn .nyp-icon{
    width:21px!important;
    height:21px!important;
  }

  .nyp-figma-product .nyp-lenders{gap:7px!important}
  .nyp-figma-product .nyp-lenders button{
    min-height:44px!important;
    padding:6px 8px!important;
  }
  .nyp-figma-product .nyp-lender-mark{
    flex-basis:43px!important;
    height:28px!important;
  }
}

/* v5.7.25 — add visible gap between trust strip and tabs section */
.nyp-figma-product .nyp-trust-strip{
  margin-bottom:22px!important;
}
.nyp-figma-product .nyp-tabs{
  margin-top:0!important;
}
@media (max-width:820px){
  .nyp-figma-product .nyp-trust-strip{
    margin-bottom:14px!important;
  }
}