/* SORFPANEL V48 — desktop marketplace density + catalog hover actions + Trendyol-like seller block */
@media (min-width:1024px){
  :root{--sp48-max:1480px;--sp48-orange:#f56600;--sp48-navy:#0b2345;--sp48-line:#e6e8ec;--sp48-muted:#6b7280}

  /* Use more of the desktop canvas while keeping the interface visually compact. */
  body:not(.panel-body) .container,
  body:not(.panel-body) .site-container{width:min(calc(100% - 36px),var(--sp48-max))!important;max-width:var(--sp48-max)!important;margin-left:auto!important;margin-right:auto!important}
  body:not(.panel-body) main{font-size:13px}
  body:not(.panel-body) .section{padding-top:18px!important;padding-bottom:18px!important}
  body:not(.panel-body) .section-head h2{font-size:19px!important}

  /* Catalog density: 5 columns on common desktop widths, 6 on wide screens. */
  body:not(.panel-body) .product-grid,
  body:not(.panel-body) .product-grid.listing-grid,
  body:not(.panel-body) .search-product-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}
  body:not(.panel-body) .sp-product-card{position:relative!important;border-radius:10px!important;overflow:hidden!important;background:#fff!important}
  body:not(.panel-body) .sp-product-card__body{padding:8px 9px 10px!important}
  body:not(.panel-body) .sp-product-card__title{font-size:12px!important;line-height:1.32!important;min-height:32px!important;margin-bottom:5px!important}
  body:not(.panel-body) .sp-product-card__rating{margin-bottom:5px!important;font-size:10px!important}
  body:not(.panel-body) .sp-product-card__price strong{font-size:15px!important}
  body:not(.panel-body) .sp-product-card__price del{font-size:10px!important}
  body:not(.panel-body) .sp-product-card__stock{font-size:10px!important}

  /* Hover actions always form one clean row and never overlap/misalign. */
  body:not(.panel-body) .sp-product-card__actions{
    display:grid!important;grid-template-columns:minmax(0,1fr) 36px!important;gap:6px!important;
    position:absolute!important;left:8px!important;right:8px!important;bottom:8px!important;z-index:15!important;
    padding:0!important;margin:0!important;opacity:0!important;pointer-events:none!important;transform:translateY(6px)!important;
    transition:opacity .16s ease,transform .16s ease!important
  }
  body:not(.panel-body) .sp-product-card:hover .sp-product-card__actions{opacity:1!important;pointer-events:auto!important;transform:none!important}
  body:not(.panel-body) .sp-product-card__actions form{display:block!important;width:100%!important;margin:0!important;min-width:0!important}
  body:not(.panel-body) .sp-product-card__actions form:first-child{grid-column:1!important}
  body:not(.panel-body) .sp-product-card__actions form:nth-child(2){grid-column:2!important}
  body:not(.panel-body) .sp-product-card__add,
  body:not(.panel-body) .sp-product-card__compare{height:36px!important;min-height:36px!important;margin:0!important;border-radius:7px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}
  body:not(.panel-body) .sp-product-card__add{width:100%!important;gap:5px!important;font-size:11px!important;font-weight:800!important;background:var(--sp48-orange)!important;color:#fff!important;border:1px solid var(--sp48-orange)!important}
  body:not(.panel-body) .sp-product-card__compare{width:36px!important;min-width:36px!important;padding:0!important;background:#fff!important;border:1px solid #d7dbe2!important;color:#344054!important}
  body:not(.panel-body) .sp-product-card__compare svg{width:16px!important;height:16px!important}
  body:not(.panel-body) .sp-product-card:hover .sp-product-card__content-link{padding-bottom:42px!important}
}

@media (min-width:1500px){
  body:not(.panel-body) .product-grid,
  body:not(.panel-body) .product-grid.listing-grid,
  body:not(.panel-body) .search-product-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}

@media (min-width:1024px){
  /* Product detail uses a wider canvas and a smaller, denser upper surface. */
  body.page-product .product-detail-page{width:min(calc(100% - 36px),1480px)!important;max-width:1480px!important;margin-top:14px!important}
  body.page-product .product-detail-page>.detail.modern-detail{grid-template-columns:minmax(420px,.92fr) minmax(500px,1.08fr)!important;gap:20px!important;padding:16px!important;border-radius:12px!important;box-shadow:none!important}
  body.page-product .gallery-shell{grid-template-columns:66px minmax(0,1fr)!important;gap:10px!important}
  body.page-product .gallery-thumb{width:60px!important;height:60px!important;border-radius:7px!important}
  body.page-product .gallery-main{height:455px!important;min-height:455px!important;padding:12px!important;border-radius:9px!important}
  body.page-product .trendyol-desktop-summary{padding:0!important}
  body.page-product .trendyol-desktop-summary h1{font-size:22px!important;line-height:1.28!important;margin:7px 0 6px!important}
  body.page-product .rating-line{min-height:28px!important;font-size:11px!important}
  body.page-product .detail-price{margin:6px 0!important;padding:11px 0!important}
  body.page-product .detail-price strong{font-size:27px!important}
  body.page-product .lowest-price-note{font-size:10.5px!important;margin:5px 0 8px!important}
  body.page-product .product-payment-note{margin-top:8px!important;padding:10px 12px!important;border-radius:8px!important;font-size:11px!important}

  /* Seller area: compact marketplace card inspired by the reference; seller identity and actions are clearly separated. */
  body.page-product .modern-seller{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;grid-template-rows:auto auto!important;
    align-items:center!important;column-gap:12px!important;row-gap:7px!important;
    width:100%!important;margin-top:9px!important;padding:11px 12px!important;
    border:1px solid #e4e7ec!important;border-radius:9px!important;background:#fff!important
  }
  body.page-product .modern-seller>div:first-child{grid-column:1!important;grid-row:1!important;display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}
  body.page-product .modern-seller>div:first-child small{font-size:10px!important;color:#667085!important}
  body.page-product .modern-seller>div:first-child a{font-size:13px!important;font-weight:800!important;color:#344054!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.page-product .modern-seller>span{grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center!important}
  body.page-product .modern-seller .seller-score-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:34px!important;height:22px!important;padding:0 6px!important;border-radius:5px!important;background:#16a34a!important;color:#fff!important;font-size:10px!important;font-weight:900!important}
  body.page-product .modern-seller>a[href="#questions"]{grid-column:3!important;grid-row:1!important;color:#344054!important;font-size:11px!important;font-weight:750!important;text-decoration:none!important;white-space:nowrap!important}
  body.page-product .modern-seller>a[href="#questions"]:before{content:"◧";margin-right:5px;color:#667085}
  body.page-product .modern-seller .seller-follow-form,
  body.page-product .modern-seller>a.seller-follow-cta{grid-column:1 / -1!important;grid-row:2!important;margin:0!important;width:100%!important}
  body.page-product .modern-seller .seller-follow-cta{
    width:100%!important;min-width:0!important;height:38px!important;min-height:38px!important;padding:5px 10px!important;
    border:1px solid #f1a06b!important;border-radius:7px!important;background:#fff8f3!important;color:#d94f00!important;
    display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-weight:850!important
  }
  body.page-product .modern-seller .seller-follow-cta>span{font-size:11px!important;color:#d94f00!important}
  body.page-product .modern-seller .seller-follow-cta small{margin:0!important;font-size:9px!important;color:#7a7f87!important}
  body.page-product .delivery-estimate{margin-top:8px!important;padding:10px 12px!important;border-radius:8px!important;font-size:11px!important}
  body.page-product .trendyol-desktop-buy{grid-template-columns:72px minmax(0,.8fr) minmax(0,1.25fr)!important;gap:8px!important;margin-top:9px!important}
  body.page-product .trendyol-desktop-buy input,
  body.page-product .trendyol-desktop-buy .btn{height:43px!important;min-height:43px!important;border-radius:7px!important}
  body.page-product .compare-form .btn{min-height:39px!important;font-size:11px!important}
  body.page-product .shipping-box{margin-top:8px!important;padding:9px 11px!important;border-radius:8px!important;font-size:10.5px!important}
  body.page-product .product-content-tabs{margin-top:13px!important;top:118px!important}
}