/* Net Yadak product hero match v5.6.0
   Final desktop pass based on the supplied product-page reference image.
   Category/archive styles are intentionally untouched. */

/* Keep the uploaded Peyda font from the site/theme throughout this page. */
.nyp-figma-product,
.nyp-figma-product button,
.nyp-figma-product input,
.nyp-figma-product textarea,
.nyp-figma-product select{
  font-family:Peyda,"PeydaWeb",inherit!important;
}

@media (min-width:1100px){
  /* Main white product panel: taller, calmer and closer to the reference. */
  .nyp-figma-product .nyp-product-card{
    min-height:640px!important;
    padding:28px 30px 24px!important;
    gap:28px!important;
    grid-template-columns:42.5% minmax(0,1fr)!important;
    border:1px solid #d7dce1!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:none!important;
  }

  /* The summary occupies the left side in RTL; align content to the same
     right edge as the reference instead of centering the title. */
  .nyp-figma-product .nyp-summary{
    min-height:586px!important;
    padding:12px 0 0!important;
    text-align:right!important;
  }
  .nyp-figma-product .nyp-summary h1{
    margin:0 0 22px!important;
    font-size:28px!important;
    line-height:1.55!important;
    font-weight:900!important;
    text-align:right!important;
    color:#111418!important;
  }

  /* Rating/reviews on the left, SKU on the right — matching the design. */
  .nyp-figma-product .nyp-summary-meta{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    direction:ltr!important;
    min-height:42px!important;
    margin:0 0 28px!important;
    padding:0 0 18px!important;
    border-bottom:1px solid #dadde0!important;
    font-size:15px!important;
    color:#555b62!important;
  }
  .nyp-figma-product .nyp-summary-meta-right{
    display:flex!important;
    align-items:center!important;
    gap:18px!important;
    direction:ltr!important;
    order:1!important;
  }
  .nyp-figma-product .nyp-summary-meta-right>*{direction:rtl!important}
  .nyp-figma-product .nyp-summary-meta-right a{
    font-size:15px!important;
    font-weight:650!important;
    color:#2464ff!important;
  }
  .nyp-figma-product .nyp-meta-rating{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    direction:ltr!important;
    font-size:15px!important;
  }
  .nyp-figma-product .nyp-meta-rating b{
    font-size:15px!important;
    font-weight:700!important;
    color:#272b30!important;
  }
  .nyp-figma-product .nyp-stars{display:inline-flex!important;gap:1px!important;direction:ltr!important}
  .nyp-figma-product .nyp-stars span{font-size:18px!important;line-height:1!important}
  .nyp-figma-product .nyp-product-sku{
    order:2!important;
    direction:rtl!important;
    font-size:15px!important;
    font-weight:500!important;
    color:#555b62!important;
    white-space:nowrap!important;
  }

  /* Green price-update notice — wider and centered like the target. */
  .nyp-figma-product .nyp-update{
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:11px!important;
    width:min(72%,690px)!important;
    min-height:54px!important;
    margin:8px auto 42px!important;
    padding:10px 18px!important;
    border-radius:10px!important;
    background:#dff5c8!important;
    color:#55a62f!important;
    font-size:15px!important;
    font-weight:500!important;
    line-height:1.55!important;
    text-align:center!important;
  }
  .nyp-figma-product .nyp-update .nyp-asset-icon{
    width:27px!important;
    height:27px!important;
    flex:0 0 27px!important;
  }

  /* Quick specs block */
  .nyp-figma-product .nyp-summary-heading{
    margin:0 0 18px!important;
    justify-content:center!important;
  }
  .nyp-figma-product .nyp-summary-heading h2{
    margin:0!important;
    font-size:22px!important;
    line-height:1.5!important;
    font-weight:900!important;
    color:#171a1e!important;
  }
  .nyp-figma-product .nyp-quick-specs{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px 16px!important;
  }
  .nyp-figma-product .nyp-quick-specs>div{
    min-height:92px!important;
    padding:15px 18px 13px!important;
    border:1px solid #bfc4c8!important;
    border-radius:12px!important;
    background:#fff!important;
    justify-content:center!important;
    align-items:flex-start!important;
    text-align:right!important;
    box-shadow:none!important;
  }
  .nyp-figma-product .nyp-quick-specs span{
    display:block!important;
    width:100%!important;
    margin-bottom:6px!important;
    color:#676c72!important;
    font-size:16px!important;
    font-weight:400!important;
    line-height:1.45!important;
    text-align:right!important;
    white-space:nowrap!important;
  }
  .nyp-figma-product .nyp-quick-specs b{
    display:block!important;
    width:100%!important;
    color:#15181b!important;
    font-size:18px!important;
    font-weight:650!important;
    line-height:1.55!important;
    text-align:right!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* The reference uses a horizontal rule to the left of this link. */
  .nyp-figma-product .nyp-all-features{
    display:flex!important;
    flex-direction:row!important;
    direction:ltr!important;
    align-items:center!important;
    gap:14px!important;
    width:100%!important;
    margin:30px 0 0!important;
    color:#245bff!important;
    font-size:17px!important;
    font-weight:650!important;
    line-height:1.5!important;
    text-align:right!important;
    white-space:nowrap!important;
  }
  .nyp-figma-product .nyp-all-features::before{
    content:""!important;
    display:block!important;
    flex:1 1 auto!important;
    height:1px!important;
    background:#dfe2e5!important;
  }

  /* Gallery: product image is substantially larger in the supplied design. */
  .nyp-figma-product .nyp-gallery{
    min-height:586px!important;
    padding-top:0!important;
  }
  .nyp-figma-product .nyp-main-image-wrap{
    height:470px!important;
    padding:30px 76px 8px 36px!important;
  }
  .nyp-figma-product .nyp-main-image-wrap img{
    width:auto!important;
    height:auto!important;
    max-width:88%!important;
    max-height:440px!important;
    object-fit:contain!important;
  }

  /* Vertical tool buttons */
  .nyp-figma-product .nyp-gallery-actions{
    top:10px!important;
    right:10px!important;
    gap:12px!important;
  }
  .nyp-figma-product .nyp-gallery-actions button,
  .nyp-figma-product .nyp-gallery-actions button:hover,
  .nyp-figma-product .nyp-gallery-actions button:focus-visible,
  .nyp-figma-product .nyp-gallery-actions button:active,
  .nyp-figma-product .nyp-gallery-actions button.is-active,
  .nyp-figma-product .nyp-gallery-actions button[aria-pressed="true"]{
    width:48px!important;
    height:48px!important;
    border:1px solid #d4d9dd!important;
    border-radius:9px!important;
    background:#fff!important;
    box-shadow:0 3px 9px rgba(15,31,49,.07)!important;
  }
  .nyp-figma-product .nyp-gallery-actions button .nyp-asset-icon,
  .nyp-figma-product .nyp-gallery-actions button svg{
    width:23px!important;
    height:23px!important;
  }

  /* Thumbnail strip */
  .nyp-figma-product .nyp-thumb-row{
    grid-template-columns:50px minmax(0,1fr) 50px!important;
    gap:12px!important;
    margin-top:auto!important;
  }
  .nyp-figma-product .nyp-gallery-arrow{
    width:50px!important;
    height:82px!important;
    border:1px solid #d8dcdf!important;
    border-radius:10px!important;
    font-size:32px!important;
    background:#fff!important;
    color:#31363b!important;
  }
  .nyp-figma-product .nyp-thumbs{
    justify-content:flex-start!important;
    gap:38px!important;
    padding:0!important;
  }
  .nyp-figma-product .nyp-thumb{
    flex:0 0 92px!important;
    width:92px!important;
    height:82px!important;
    border:0!important;
    border-right:1px solid #e1e3e5!important;
    border-radius:0!important;
    padding:8px 12px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  .nyp-figma-product .nyp-thumb:first-child{
    border:1px solid #d8dcdf!important;
    border-radius:10px!important;
  }
  .nyp-figma-product .nyp-thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }

  /* Footer beneath specs: category right, social icons left. */
  .nyp-figma-product .nyp-summary-footer{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:62px!important;
    margin-top:auto!important;
    padding:18px 0 0!important;
    border-top:1px solid #dfe2e5!important;
    direction:rtl!important;
    gap:18px!important;
  }
  .nyp-figma-product .nyp-product-category{
    font-size:15px!important;
    color:#8a8f95!important;
  }
  .nyp-figma-product .nyp-product-category b{
    color:#282c30!important;
    font-size:15px!important;
    font-weight:800!important;
  }
  .nyp-figma-product .nyp-product-category a,
  .nyp-figma-product .nyp-product-category span{
    font-size:15px!important;
    color:#979ca1!important;
  }
  .nyp-figma-product .nyp-share-line{
    gap:13px!important;
    font-size:15px!important;
  }
  .nyp-figma-product .nyp-share-line .nyp-share-label{
    margin-left:6px!important;
    color:#24282c!important;
    font-size:15px!important;
    font-weight:650!important;
  }
  .nyp-figma-product .nyp-share-line a,
  .nyp-figma-product .nyp-share-line button{
    width:28px!important;
    height:28px!important;
  }
  .nyp-figma-product .nyp-share-line .nyp-asset-icon{
    width:22px!important;
    height:22px!important;
    opacity:.72!important;
  }
}

/* Tablet: retain the existing responsive flow but keep title/meta alignment. */
@media (min-width:821px) and (max-width:1099px){
  .nyp-figma-product .nyp-summary h1{text-align:right!important}
  .nyp-figma-product .nyp-summary-meta{direction:ltr!important}
  .nyp-figma-product .nyp-summary-meta-right{direction:ltr!important}
}