/* =========================================================
   BSA COMMERCE — PACK 010 — PLAYER AUTO FINAL
   Ce fichier remplace les correctifs 005 à 009 pour cette page.
   ========================================================= */

:root{
  --bsa-bg:#070a0d;
  --bsa-panel:#0e151b;
  --bsa-border:#31414e;
  --bsa-text:#f5f7fa;
  --bsa-muted:#b9c1c8;
  --bsa-copper:#e4863f;
  --bsa-blue:#146de6;
}

html,body{max-width:100%;overflow-x:hidden}
body{background:var(--bsa-bg)!important;color:var(--bsa-text)!important}
.bsa-product-page,.bsa-product-page *{box-sizing:border-box}
.bsa-product-page{width:100%;padding:28px 16px 58px}
.bsa-product-shell,.bsa-description{width:min(1180px,100%);margin-inline:auto}

.bsa-product-shell{
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);
  gap:24px;
  align-items:stretch;
}

.bsa-media-column{min-width:0;display:flex;flex-direction:column;gap:12px}

.bsa-main-image-wrap{
  position:relative;
  width:100%;
  height:520px;
  overflow:hidden;
  border:1px solid var(--bsa-border);
  border-radius:18px;
  background:#090d11;
  cursor:zoom-in;
}

.bsa-main-image{width:100%;height:100%;display:block;object-fit:cover;transition:transform .2s ease}
.bsa-main-image.is-zoomed{transform:scale(1.65)}

.bsa-zoom-hint{
  position:absolute;top:14px;left:14px;z-index:5;
  border:1px solid rgba(255,255,255,.25);border-radius:999px;
  padding:9px 13px;background:rgba(7,10,13,.76);
  color:#fff!important;font-weight:700;cursor:pointer
}

.bsa-thumbnails{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
}

.bsa-thumb{
  width:100%;height:108px;min-width:0;padding:0;overflow:hidden;
  border:1px solid #31404d;border-radius:11px;background:#0a0e12;
}

.bsa-thumb.active,.bsa-thumb:hover{
  border-color:var(--bsa-copper);
  box-shadow:0 0 0 2px rgba(228,134,63,.18)
}

.bsa-thumb img{width:100%;height:100%;object-fit:cover}
.bsa-thumb-empty{display:grid;place-items:center;color:#6e7d89!important;border-style:dashed;font-size:1.4rem}

/* PLAYER */
.bsa-video-card.bsa-video-only{
  position:relative;
  height:360px;
  min-height:320px;
  max-height:560px;
  overflow:hidden;
  border:1px solid rgba(228,134,63,.55);
  border-radius:18px;
  background:#000;
}

.bsa-video-only .bsa-video-frame{
  width:100%;height:100%;min-height:0;
  display:block;background:#000;
}

.bsa-premium-player{
  position:relative;
  width:100%;height:100%;
  overflow:hidden;background:#000;color:#fff;
}

.bsa-player-screen{
  position:absolute;inset:0;
  display:grid;place-items:center;
  overflow:hidden;background:#000;
}

.bsa-player-video{
  display:block;
  max-width:100%;
  max-height:100%;
  width:auto;
  height:100%;
  object-fit:contain;
  background:#000;
}

.bsa-premium-player.is-landscape .bsa-player-video{width:100%;height:100%;object-fit:contain}
.bsa-premium-player.is-portrait .bsa-player-video{width:auto;height:100%;object-fit:contain}
.bsa-premium-player.is-square .bsa-player-video{width:auto;height:100%;object-fit:contain}

.bsa-player-center{
  position:absolute;left:50%;top:50%;z-index:6;
  transform:translate(-50%,-50%);
  width:68px;height:68px;display:grid;place-items:center;
  border:1px solid rgba(239,143,74,.9);border-radius:50%;
  background:rgba(8,11,14,.72);color:#fff;cursor:pointer;
  backdrop-filter:blur(8px);box-shadow:0 0 32px rgba(228,134,63,.24);
  transition:.2s ease;
}
.bsa-player-center:hover{transform:translate(-50%,-50%) scale(1.07)}
.bsa-premium-player.is-playing .bsa-player-center{opacity:0;pointer-events:none}

.bsa-player-controls{
  position:absolute!important;left:12px;right:12px;bottom:12px;z-index:8;
  min-height:54px;display:grid!important;
  grid-template-columns:40px auto minmax(110px,1fr) 40px minmax(64px,90px) 40px;
  gap:8px;align-items:center;padding:8px 10px;
  border:1px solid rgba(228,134,63,.45);border-radius:13px;
  background:rgba(7,10,13,.88);backdrop-filter:blur(10px);
  opacity:1;transform:translateY(0);transition:.25s ease;
}

.bsa-premium-player.is-playing.controls-hidden .bsa-player-controls{
  opacity:0;transform:translateY(12px);pointer-events:none
}

.bsa-player-btn{
  width:40px;height:40px;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.12);border-radius:9px;
  background:#0a0e12;color:#fff;cursor:pointer
}
.bsa-player-time{display:flex;gap:5px;white-space:nowrap;color:#e7ebee;font-size:.8rem}
.bsa-player-progress,.bsa-player-volume{width:100%;accent-color:var(--bsa-copper);cursor:pointer}
.bsa-player-glow{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 80px rgba(228,134,63,.07)}

/* BUY CARD */
.bsa-buy-card{
  min-width:0;height:100%;padding:28px;
  border:1px solid var(--bsa-border);border-radius:20px;
  background:linear-gradient(145deg,#111a21,#090e13)
}

.bsa-label{
  display:inline-flex;padding:8px 12px;border:1px solid rgba(255,255,255,.16);
  border-radius:999px;color:#fff!important;font-size:.76rem;font-weight:800
}

.bsa-buy-card h1{
  margin:22px 0 12px;color:#fff!important;
  font-family:Arial,sans-serif!important;
  font-size:clamp(2rem,3.1vw,3rem);line-height:1.08
}

.bsa-short-description,.bsa-price small,.bsa-paypal-box span,.bsa-stock,.bsa-description-text{color:var(--bsa-muted)!important}
.bsa-divider{height:1px;margin:18px 0;background:linear-gradient(90deg,var(--bsa-copper),transparent)}
.bsa-price{display:flex;flex-direction:column}
.bsa-price strong{color:var(--bsa-copper)!important;font-size:2.2rem}
.bsa-old-price{color:#858585!important;text-decoration:line-through}

.bsa-paypal-box{
  display:grid;grid-template-columns:48px minmax(0,1fr) 18px;
  gap:12px;align-items:center;margin:18px 0;padding:15px;
  border:1px solid #1479e8;border-radius:12px;
  background:linear-gradient(135deg,#08244c,#071529)
}
.bsa-paypal-box strong,.bsa-paypal-box b{color:#fff!important}
.bsa-paypal-box span{display:block;margin-top:4px}
.bsa-paypal-letter{color:#fff!important;font-size:2.5rem;font-weight:900;font-style:italic;text-shadow:4px 3px #4698ff}

.bsa-stock{display:flex;align-items:center;gap:9px}
.bsa-stock span{width:14px;height:14px;flex:0 0 14px;border-radius:50%;background:#72ed2b;box-shadow:0 0 12px rgba(114,237,43,.55)}

.bsa-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 22px}
.bsa-spec-card{
  min-width:0;min-height:92px;padding:18px 20px;border-radius:13px;
  border:1px solid rgba(255,255,255,.15);
  display:flex;flex-direction:column;justify-content:center;overflow:hidden
}
.bsa-spec-card span{font-size:.72rem}
.bsa-spec-card strong{margin-top:5px;font-size:1.3rem}

.bsa-copper-card{
  background:radial-gradient(circle at 15% 55%,rgba(236,140,70,.38),transparent 26%),linear-gradient(135deg,#54230e,#1d0d07);
  border-color:#81411e
}
.bsa-copper-card span,.bsa-copper-card strong{color:#fff!important}

/* DRAPEAU FRANÇAIS STRICT */
.bsa-france-card{
  position:relative;
  background:linear-gradient(
    90deg,
    #0055A4 0%, #0055A4 33.333%,
    #FFFFFF 33.333%, #FFFFFF 66.666%,
    #EF4135 66.666%, #EF4135 100%
  )!important;
  border-color:rgba(255,255,255,.35)!important;
}
.bsa-france-card::after{display:none!important;content:none!important}
.bsa-france-card span,.bsa-france-card strong{
  display:inline-block;align-self:flex-start;
  padding:3px 9px;border-radius:7px;
  background:rgba(0,0,0,.55)!important;
  color:#fff!important;text-shadow:none!important
}

.bsa-buy-form{display:flex;flex-direction:column;gap:10px}
.bsa-quantity-row{display:flex;justify-content:space-between;align-items:center;gap:18px}
.bsa-quantity-row label{color:#fff!important}
.bsa-quantity-control{display:grid;grid-template-columns:44px 62px 44px;border:1px solid #3c4a55;border-radius:11px;overflow:hidden}
.bsa-quantity-control button,.bsa-quantity-control input{height:44px;border:0;background:#0a1015;color:#fff!important;text-align:center;font-size:1rem}
.bsa-action{min-height:56px;display:flex;justify-content:center;align-items:center;border-radius:11px;font-family:Arial,sans-serif;font-weight:900;text-decoration:none!important}
.bsa-action-primary{border:1px solid #2c81ff;background:linear-gradient(#2178ee,#0955ce);color:#fff!important}
.bsa-action-dark{border:1px solid #dfe3e7;background:#080b0e;color:#fff!important}
.bsa-action-cart{background:linear-gradient(#fff,#e8e8e8);color:#a51e1e!important}
.bsa-payment-banner{margin-top:12px;overflow:hidden;border-radius:13px}
.bsa-payment-banner img{width:100%;height:auto;display:block;border-radius:13px}

.bsa-description{
  display:grid;grid-template-columns:110px minmax(0,1fr);gap:24px;align-items:center;
  margin-top:26px;padding:26px;border:1px solid #a9582a;border-radius:18px;
  background:linear-gradient(145deg,#111a21,#090d11)
}
.bsa-description-icon{width:90px;height:90px;display:grid;place-items:center;border:3px solid var(--bsa-copper);border-radius:50%;color:var(--bsa-copper)!important;font-size:2.6rem}
.bsa-kicker{color:#ff9347!important;font-size:.8rem;font-weight:900;letter-spacing:.07em}
.bsa-description-text{margin-top:12px;line-height:1.75}

.bsa-zoom-modal{position:fixed;inset:0;z-index:9999;display:none;place-items:center;padding:24px;background:rgba(0,0,0,.94)}
.bsa-zoom-modal.open{display:grid}
.bsa-zoom-modal img{max-width:94vw;max-height:88vh;object-fit:contain;border-radius:14px}
.bsa-zoom-modal button{position:fixed;top:20px;right:24px;width:48px;height:48px;border:1px solid #555;border-radius:50%;background:#111;color:#fff;font-size:2rem}

@media(max-width:1050px){
  .bsa-product-shell{grid-template-columns:1fr}
  .bsa-buy-card{height:auto}
  .bsa-main-image-wrap{height:min(62vw,560px)}
  .bsa-video-card.bsa-video-only{height:420px!important}
}

@media(max-width:720px){
  .bsa-product-page{padding:18px 10px 42px}
  .bsa-main-image-wrap{height:auto;aspect-ratio:1/1}
  .bsa-thumbnails{grid-template-columns:repeat(3,1fr)}
  .bsa-thumb{height:auto;aspect-ratio:1/1}
  .bsa-video-card.bsa-video-only{height:min(125vw,520px)!important;min-height:320px!important}
  .bsa-player-controls{grid-template-columns:38px auto minmax(80px,1fr) 38px 38px}
  .bsa-player-volume{display:none}
  .bsa-buy-card{padding:20px 16px}
  .bsa-spec-grid{grid-template-columns:1fr}
  .bsa-description{grid-template-columns:1fr;padding:20px 16px}
}

@media(max-width:430px){
  .bsa-video-card.bsa-video-only{height:420px!important}
  .bsa-quantity-row{align-items:flex-start;flex-direction:column}
  .bsa-quantity-control{width:100%;grid-template-columns:1fr 1fr 1fr}
}