/* SorfPanel V24 — Trendyol-density product detail for mobile + desktop.
   Presentation only; existing cart/favorite/seller/order services are preserved. */
:root{--sp-pd-orange:#f27a1a;--sp-pd-green:#159447;--sp-pd-border:#ececec;--sp-pd-text:#242424;--sp-pd-muted:#70757d}

/* MOBILE */
@media (max-width:900px){
  body.page-product{background:#fff!important;padding-bottom:72px!important;font-size:12px!important}
  body.page-product .mobile-product-toolbar{height:48px!important;padding:4px 8px!important;border-bottom:1px solid #e9e9e9!important}
  body.page-product .mpt-search{height:35px!important;border-radius:18px!important;font-size:10.5px!important;background:#f7f7f7!important}
  body.page-product .mpt-icon{width:34px!important;height:34px!important}

  body.page-product .mp-v1-page{background:#fff!important;padding-bottom:78px!important}
  body.page-product .mp-v1-gallery{height:clamp(250px,66vw,355px)!important;min-height:0!important;border-bottom:1px solid var(--sp-pd-border)!important}
  body.page-product .mp-v1-gallery>img{padding:6px 30px 18px!important;object-fit:contain!important}
  body.page-product .mp-v1-badges{left:7px!important;top:7px!important;gap:3px!important}
  body.page-product .mp-v1-badge{font-size:7.5px!important;line-height:1!important;padding:5px 6px!important;border-radius:4px!important}
  body.page-product .mp-v1-favorite{top:8px!important;right:8px!important}
  body.page-product .mp-v1-favorite button{width:34px!important;height:34px!important}
  body.page-product .mp-v1-dots{bottom:7px!important;gap:4px!important}
  body.page-product .mp-v1-dot{width:5px!important;height:5px!important}.mp-v1-dot.active{width:13px!important}
  body.page-product .mp-v1-all-features{position:absolute!important;right:8px!important;bottom:8px!important;z-index:5!important;display:flex!important;align-items:center!important;height:26px!important;padding:0 9px!important;border:1px solid #ddd!important;border-radius:14px!important;background:#fff!important;box-shadow:0 1px 5px rgba(0,0,0,.08)!important;color:#333!important;font-size:8.5px!important;font-weight:800!important;text-decoration:none!important}

  /* Variant comes immediately after gallery like Trendyol. */
  body.page-product .mp-v1-top-variants{padding:7px 10px 6px!important;border-top:0!important;border-bottom:1px solid var(--sp-pd-border)!important}
  body.page-product .mp-v1-top-variants h2{margin:0 0 5px!important;font-size:9px!important;color:#686868!important;font-weight:600!important}
  body.page-product .mp-v1-top-variants>div{gap:5px!important}
  body.page-product .mp-v1-top-variants label span{min-width:48px!important;min-height:31px!important;padding:6px 8px!important;border-radius:6px!important;font-size:9px!important}

  body.page-product .mp-v1-info{padding:8px 10px 7px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--sp-pd-border)!important;background:#fff!important}
  body.page-product .mp-v1-info h1{margin:0!important;font-size:11.5px!important;line-height:1.28!important;font-weight:650!important;letter-spacing:-.05px!important;color:var(--sp-pd-text)!important}
  body.page-product .mp-v1-info h1 a{font-size:11.5px!important;color:#1683cf!important;font-weight:800!important}
  body.page-product .mp-v1-low-stock{display:inline-flex!important;align-items:center!important;margin:5px 0 0!important;padding:3px 6px!important;border-radius:10px!important;background:#fff0f0!important;color:#a82727!important;font-size:8.5px!important;font-weight:800!important}
  body.page-product .mp-v1-installment{margin:5px 0 0!important;padding:4px 0!important;background:transparent!important;color:#9c1818!important;font-size:8.8px!important;font-weight:700!important}
  body.page-product .mp-v1-rating{margin-top:5px!important;gap:4px!important;font-size:8.7px!important}
  body.page-product .mp-v1-rating b{font-size:8.7px!important}.mp-v1-rating span{font-size:10px!important}.mp-v1-rating-count{font-size:8.7px!important}
  body.page-product .mp-v1-liked{margin-top:5px!important;color:#bd6d20!important;font-size:8.8px!important;font-weight:700!important}
  body.page-product .mp-v2-status-row{margin-top:5px!important}.mp-v2-status-row span{font-size:7.5px!important;padding:3px 6px!important;border-radius:4px!important}
  body.page-product .mp-v1-quick{display:none!important}

  body.page-product .mp-v1-seller{padding:7px 10px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--sp-pd-border)!important;background:#fff!important}
  body.page-product .mp-v1-seller-head{min-height:40px!important;gap:6px!important}
  body.page-product .seller-identity{gap:3px!important}.seller-identity small{font-size:8px!important}.seller-identity a{font-size:9.5px!important;max-width:122px!important}.seller-score-pill{font-size:8px!important;height:18px!important;min-width:27px!important;padding:0 4px!important}
  body.page-product .seller-follow-cta{min-width:98px!important;height:38px!important;padding:3px 7px!important;border-radius:6px!important}
  body.page-product .seller-follow-cta>span{font-size:9px!important}.seller-follow-cta small{font-size:7.3px!important}
  body.page-product .mp-v1-questions{margin-top:5px!important;padding:6px 7px!important;border:1px solid #e6e6e6!important;border-radius:6px!important;font-size:8.5px!important;background:#fff!important}

  body.page-product .mp-v1-delivery{padding:7px 10px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--sp-pd-border)!important;background:#fff!important}
  body.page-product .mp-v1-delivery>div{padding:6px 7px!important;border-radius:6px!important}
  body.page-product .mp-v1-delivery b{font-size:9px!important}.mp-v1-delivery span,.mp-v1-delivery p{font-size:7.7px!important;line-height:1.3!important}

  body.page-product .mp-v1-section{padding:8px 10px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--sp-pd-border)!important;background:#fff!important}
  body.page-product .mp-v1-title h2{font-size:10.5px!important}.mp-v1-title a{font-size:8px!important}
  body.page-product .mp-v1-features{gap:4px!important}.mp-v1-features span{min-width:100px!important;padding:6px!important;border-radius:6px!important}.mp-v1-features small{font-size:7px!important}.mp-v1-features b{font-size:8px!important}
  body.page-product .mp-v1-review-score b{font-size:18px!important}.mp-v1-review-score span{font-size:11px!important}.mp-v1-review{padding:6px!important;font-size:8px!important}

  /* Hide the desktop duplicate tree on phones. */
  body.page-product .product-detail-page,body.page-product .product-content-tabs,body.page-product>.container.section{display:none!important}

  body.page-product .mobile-product-buybar{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:10020!important;display:grid!important;grid-template-columns:82px 76px minmax(0,1fr)!important;align-items:center!important;min-height:61px!important;padding:6px 7px calc(6px + env(safe-area-inset-bottom))!important;gap:5px!important;background:#fff!important;border-top:1px solid #ddd!important;box-shadow:0 -2px 9px rgba(0,0,0,.08)!important}
  body.page-product .mpb-price{gap:0!important}.mpb-price strong{font-size:12.5px!important}.mpb-price del{font-size:7px!important}.mpb-price small{font-size:7.5px!important;color:var(--sp-pd-green)!important}
  body.page-product .mpb-now,body.page-product .mpb-add{height:46px!important;min-height:46px!important;border-radius:6px!important;box-shadow:none!important}
  body.page-product .mpb-now{padding:0 5px!important;font-size:9px!important}.mpb-now svg{width:13px!important;height:13px!important}
  body.page-product .mpb-add{gap:1px!important;padding:3px 6px!important}.mpb-add b{font-size:10.5px!important}.mpb-add small{font-size:7.5px!important}
}
@media (max-width:360px){
  body.page-product .mobile-product-buybar{grid-template-columns:74px 70px minmax(0,1fr)!important}
  body.page-product .mpb-price strong{font-size:11.5px!important}
  body.page-product .seller-follow-cta{min-width:91px!important}
}

/* DESKTOP — same business features, Trendyol-like dense right summary. */
@media (min-width:901px){
  body.page-product .product-detail-page{max-width:1240px!important}
  body.page-product .detail.modern-detail{display:grid!important;grid-template-columns:minmax(500px,1.08fr) minmax(410px,.92fr)!important;gap:24px!important;align-items:start!important}
  body.page-product .product-media{min-width:0!important}
  body.page-product .trendyol-desktop-summary{position:sticky!important;top:86px!important;align-self:start!important;border:1px solid #ececec!important;border-radius:10px!important;padding:18px!important;background:#fff!important;box-shadow:0 2px 10px rgba(0,0,0,.035)!important}
  body.page-product .trendyol-desktop-summary h1{font-size:20px!important;line-height:1.3!important;margin:8px 0 6px!important}
  body.page-product .trendyol-desktop-summary .rating-line{margin-bottom:4px!important}
  body.page-product .desktop-low-stock{display:inline-flex!important;margin:5px 0!important;padding:4px 8px!important;border-radius:12px!important;background:#fff0f0!important;color:#a82727!important;font-size:12px!important;font-weight:800!important}
  body.page-product .desktop-liked{margin:4px 0 8px!important;color:#bd6d20!important;font-size:12px!important;font-weight:700!important}
  body.page-product .trendyol-desktop-summary .detail-price strong{font-size:30px!important}
  body.page-product .trendyol-desktop-summary .seller-box{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:10px!important;padding:12px!important;border:1px solid #eee!important;border-radius:8px!important}
  body.page-product .trendyol-desktop-summary .seller-follow-cta{min-width:132px!important;min-height:46px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;padding:6px 10px!important;border:1px solid var(--sp-pd-orange)!important;border-radius:7px!important;background:#fff!important;color:#e5650e!important;text-decoration:none!important;font-weight:800!important;line-height:1.05!important}
  body.page-product .trendyol-desktop-summary .seller-follow-cta>span{font-size:12px!important}.trendyol-desktop-summary .seller-follow-cta small{font-size:9px!important;color:#747474!important}
  body.page-product .trendyol-desktop-summary .delivery-estimate{margin:10px 0!important;padding:10px 12px!important;border:1px solid #eee!important;border-radius:8px!important}
  body.page-product .trendyol-desktop-buy{display:grid!important;grid-template-columns:62px minmax(115px,.75fr) minmax(170px,1.25fr)!important;gap:8px!important;align-items:end!important;margin:12px 0 10px!important;padding:10px!important;background:#fff!important;border:1px solid #eee!important;border-radius:9px!important}
  body.page-product .trendyol-desktop-buy label{font-size:11px!important;color:#666!important}.trendyol-desktop-buy label input{height:43px!important;margin-top:4px!important}
  body.page-product .trendyol-desktop-buy button{height:46px!important;border-radius:7px!important;font-weight:800!important}
  body.page-product .desktop-buy-now{background:#fff!important;color:#e5650e!important;border:1px solid var(--sp-pd-orange)!important}
  body.page-product .desktop-add-cart{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;background:var(--sp-pd-orange)!important;color:#fff!important;border:1px solid var(--sp-pd-orange)!important}
  body.page-product .desktop-add-cart b{font-size:14px!important;line-height:1.05!important}.desktop-add-cart small{font-size:10px!important;color:#fff!important}
  body.page-product .desktop-upper-buy-actions{display:none!important}
}