/* =========================================================
   ROOMSTYLE — page-world-detail.css
   ========================================================= */

.breadcrumb{padding:8px 40px;font-size:12px;color:#aaa;display:flex;align-items:center;gap:8px;border-bottom:0.5px solid rgba(0,0,0,0.06);flex-wrap:wrap;}
.breadcrumb a{color:#aaa;text-decoration:none;}
.breadcrumb a:hover{color:#0a0a0a;}

/* HERO — même structure que Bundle/Space : image sticky à gauche + panneau
   d'infos à droite qui scrolle (cf. page-bundle-detail.css / page-space-detail.css) */
.world-hero{display:grid;grid-template-columns:1fr 420px;gap:0;min-height:calc(100vh - 64px);background:#0a0a0a;}
.world-img-side{position:sticky;top:64px;height:calc(100vh - 64px);overflow:visible;background:#111;display:flex;align-items:center;justify-content:center;}
.world-main-img{width:100%;height:100%;object-fit:contain;display:block;}
.world-img-overlay{position:absolute;inset:0;background:linear-gradient(to right,transparent 60%,rgba(0,0,0,0.4) 100%);pointer-events:none;}
.world-img-badge{position:absolute;top:24px;left:24px;background:rgba(0,0,0,0.7);backdrop-filter:blur(8px);border:0.5px solid rgba(255,255,255,0.15);color:#fff;padding:8px 16px;border-radius:24px;font-size:11px;letter-spacing:2px;z-index:5;}
.world-hotspot-hint{position:absolute;bottom:24px;left:24px;background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);color:rgba(255,255,255,0.8);padding:8px 16px;border-radius:20px;font-size:11px;z-index:5;}

/* HOTSPOTS (public) */
.hotspot{position:absolute;width:24px;height:24px;cursor:pointer;z-index:10;transform:translate(-50%,-50%);}
.hotspot-ring{width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,0.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;transition:all 0.3s;animation:rs-pulse-ring 2s infinite;}
.hotspot:hover .hotspot-ring, .hotspot.active .hotspot-ring{background:rgba(255,255,255,0.7);transform:scale(1.15);}
@keyframes rs-pulse-ring{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,0.4);}50%{box-shadow:0 0 0 10px rgba(255,255,255,0);}}
.hotspot-tip{position:absolute;background:#fff;border-radius:12px;padding:14px;width:220px;max-width:calc(100vw - 24px);box-shadow:0 8px 40px rgba(0,0,0,0.3);z-index:500;pointer-events:none;opacity:0;transition:all 0.25s;transform:translateY(6px);}
.hotspot-tip.show{opacity:1;transform:translateY(0);pointer-events:auto;}
.hotspot-tip.tip-right{left:calc(100% + 12px);top:50%;transform:translateY(-50%);}
.hotspot-tip.tip-left{right:calc(100% + 12px);top:50%;transform:translateY(-50%);}
.hotspot-tip.tip-bottom{top:calc(100% + 12px);left:50%;transform:translateX(-50%);}
.hotspot-tip.tip-top{bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);}
.hotspot-tip.show.tip-right,.hotspot-tip.show.tip-left{transform:translateY(-50%);}
.hotspot-tip.show.tip-bottom,.hotspot-tip.show.tip-top{transform:translateX(-50%);}
.tip-img{width:100%;height:100px;object-fit:cover;border-radius:8px;margin-bottom:10px;}
.tip-bundle-tag{display:inline-block;background:#8c46dc;color:#fff;font-size:9px;letter-spacing:1px;padding:2px 8px;border-radius:8px;margin-bottom:6px;}
.tip-name{font-size:13px;font-weight:500;color:#0a0a0a;margin-bottom:4px;}
.tip-price{font-size:12px;color:#888;margin-bottom:10px;}
.tip-btn{display:block;text-align:center;width:100%;background:#0a0a0a;color:#fff;border:none;padding:9px;border-radius:8px;font-size:12px;cursor:pointer;font-family:'DM Sans',sans-serif;font-weight:500;text-decoration:none;}
.tip-btn:hover{background:#333;}

/* INFO PANEL */
.world-info{background:#0a0a0a;padding:48px 44px;overflow-y:auto;}
.world-tag{font-size:10px;letter-spacing:3px;color:#555;margin-bottom:12px;text-transform:uppercase;}
.world-name{font-family:'Playfair Display',serif;font-size:36px;font-weight:700;color:#fff;line-height:1.15;margin-bottom:14px;}
.world-desc{font-size:14px;color:#888;line-height:1.7;margin-bottom:24px;}

.world-price-box{background:#111;border:0.5px solid #222;border-radius:12px;padding:20px;margin-bottom:24px;}
.world-price-label{font-size:10px;letter-spacing:2px;color:#555;margin-bottom:8px;}
.world-price-row{display:flex;align-items:baseline;gap:12px;margin-bottom:6px;flex-wrap:wrap;}
.world-price-main{font-family:'Playfair Display',serif;font-size:40px;font-weight:700;color:#fff;}
.world-price-old{font-size:18px;color:#444;text-decoration:line-through;}
.world-price-save{background:rgba(34,170,85,0.15);border:0.5px solid rgba(34,170,85,0.3);color:#22aa55;font-size:12px;padding:4px 12px;border-radius:10px;font-weight:500;}
.world-price-breakdown{font-size:12px;color:#555;margin-top:4px;}

.world-items-summary{margin-bottom:24px;}
.items-label{font-size:10px;letter-spacing:2px;color:#555;margin-bottom:10px;}
.items-chips{display:flex;gap:6px;flex-wrap:wrap;}
.item-chip{background:#111;border:0.5px solid #222;color:#888;font-size:11px;padding:5px 12px;border-radius:20px;}

.world-ctas{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;}
.btn-world-primary{background:linear-gradient(135deg,#fff 0%,#e8e8e8 100%);color:#0a0a0a;border:none;padding:21px 32px;border-radius:10px;font-size:14px;font-weight:400;cursor:pointer;font-family:'DM Sans',sans-serif;letter-spacing:0.5px;display:flex;align-items:center;justify-content:space-between;transition:all 0.2s;width:100%;}
.btn-world-primary:hover{background:#fff;transform:translateY(-1px);}
.btn-world-price-tag{font-size:16px;font-weight:400;}
.btn-whatsapp{background:rgba(37,211,102,0.1);border:0.5px solid rgba(37,211,102,0.3);color:#25d366;padding:14px 28px;border-radius:10px;font-size:13px;cursor:pointer;font-family:'DM Sans',sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.2s;width:100%;}
.btn-whatsapp:hover{background:rgba(37,211,102,0.2);}
.btn-world-secondary{background:transparent;border:0.5px solid #333;color:#888;padding:13px 28px;border-radius:10px;font-size:13px;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all 0.2s;width:100%;}
.btn-world-secondary:hover{border-color:#666;color:#fff;}
.btn-wishlist-world{background:transparent;border:none;color:#666;padding:8px;font-size:12px;cursor:pointer;font-family:'DM Sans',sans-serif;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;}
.btn-wishlist-world:hover,.btn-wishlist-world.active{color:#ff4444;}

.world-trust{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;}
.trust-row{display:flex;align-items:center;gap:10px;font-size:12px;color:#555;}
.trust-icon{width:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#666;}

.w-divider{width:100%;height:0.5px;background:#1a1a1a;margin:16px 0;}


/* PRODUCTS */
.world-products-section{padding:64px 40px;background:#f7f7f5;}
.wp-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:36px;flex-wrap:wrap;gap:12px;}
.wp-label{font-size:11px;letter-spacing:3px;color:#888;margin-bottom:6px;}
.wp-title{font-family:'Playfair Display',serif;font-size:34px;font-weight:700;color:#0a0a0a;}
.wp-count{font-size:13px;color:#888;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}

.card{background:#fff;border:0.5px solid rgba(0,0,0,0.08);border-radius:12px;overflow:hidden;transition:transform 0.2s,border-color 0.2s;cursor:pointer;display:flex;flex-direction:column;}
.card:hover{transform:translateY(-3px);border-color:#aaa;}
.card-img-fixed{position:relative;display:block;overflow:hidden;height:200px;background-size:cover;background-position:center;background-color:#f0f0f0;}
.card-img-fixed img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s;}
.card:hover .card-img-fixed img{transform:scale(1.05);}
.card-body{padding:14px 16px;display:flex;flex-direction:column;flex:1;}
.card-tag{display:inline-block;background:#0a0a0a;color:#fff;font-size:10px;letter-spacing:1px;padding:3px 10px;border-radius:10px;margin-bottom:6px;width:fit-content;}
.card-name{font-size:13px;font-weight:500;color:#0a0a0a;margin-bottom:8px;text-decoration:none;display:block;}
.card-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:auto;}
.card-footer > div{min-width:0;}
.card-price{font-size:15px;font-weight:500;color:#0a0a0a;display:flex;align-items:baseline;gap:6px;}
.card-price del{font-size:0.85em;color:#999;text-decoration:line-through;font-weight:400;}
.card-price ins{text-decoration:none;font-weight:500;color:#0a0a0a;}
.card-btn,
.card-footer .add_to_cart_button,
.card-footer .button{flex-shrink:0;margin-left:auto;background:#0a0a0a;color:#fff;border:none;padding:7px 16px;border-radius:6px;font-size:11px;font-family:'DM Sans',sans-serif;cursor:pointer;letter-spacing:0.5px;text-decoration:none;display:inline-block;}
.card-btn:hover,
.card-footer .add_to_cart_button:hover,
.card-footer .button:hover{background:#333;}
.wish{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;background:#fff;border:0.5px solid rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;z-index:2;}
.wish.active{color:#ff4444;}

/* CTA "COMPLETE THIS WORLD" */
.world-cta-banner{background:#fff;padding:64px 40px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;border-top:0.5px solid rgba(0,0,0,0.08);}
.wcta-left .label{font-size:11px;letter-spacing:3px;color:#888;margin-bottom:10px;}
.wcta-left h2{font-family:'Playfair Display',serif;font-size:38px;font-weight:700;color:#0a0a0a;line-height:1.15;margin-bottom:14px;}
.wcta-left h2 em{font-style:normal;color:inherit;}
.wcta-left p{font-size:15px;color:#666;line-height:1.7;margin-bottom:28px;}
.wcta-pricing{background:#f7f7f5;border:0.5px solid rgba(0,0,0,0.08);border-radius:14px;padding:28px;}
.wcta-items{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;}
.wcta-item{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#555;gap:12px;}
.wcta-item-name{color:#666;}
.wcta-item-price{color:#0a0a0a;white-space:nowrap;}
.wcta-total-line{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:0.5px solid rgba(0,0,0,0.1);font-size:14px;}
.wcta-total-label{color:#666;font-weight:500;}
.wcta-total-val{font-size:22px;font-weight:700;color:#0a0a0a;font-family:'Playfair Display',serif;}
.btn-wcta{width:100%;background:#0a0a0a;color:#fff;border:none;padding:17px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;font-family:'DM Sans',sans-serif;letter-spacing:0.5px;margin-top:14px;transition:background 0.2s;}
.btn-wcta:hover{background:#333;}

/* CTA "THE SMART CHOICE" — prix/réduction (mêmes classes que Bundle, dupliquées ici car
   ce fichier CSS est chargé indépendamment de page-bundle-detail.css) */
.world-cta-banner{background:#fff;padding:64px 40px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;border-top:0.5px solid rgba(0,0,0,0.08);}
.wcta-left .label{font-size:11px;letter-spacing:3px;color:#888;margin-bottom:10px;}
.wcta-left h2{font-family:'Playfair Display',serif;font-size:38px;font-weight:700;color:#0a0a0a;line-height:1.15;margin-bottom:14px;}
.wcta-left h2 em{font-style:normal;color:inherit;}
.wcta-left p{font-size:15px;color:#666;line-height:1.7;margin-bottom:28px;}
.wcta-pricing{background:#f7f7f5;border:0.5px solid rgba(0,0,0,0.08);border-radius:14px;padding:28px;}
.bcta-pricing-row{display:flex;align-items:baseline;gap:12px;margin-bottom:8px;flex-wrap:wrap;}
.bcta-price-main{font-family:'Playfair Display',serif;font-size:40px;font-weight:700;color:#0a0a0a;}
.bcta-price-old{font-size:18px;color:#bbb;text-decoration:line-through;}
.bcta-save-badge{background:rgba(34,170,85,0.12);border:0.5px solid rgba(34,170,85,0.3);color:#22aa55;font-size:13px;font-weight:500;padding:5px 14px;border-radius:18px;display:inline-block;margin-bottom:18px;}
.wcta-items{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;}
.wcta-item{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#555;gap:12px;}
.wcta-item-name{color:#666;}
.wcta-item-price{color:#0a0a0a;white-space:nowrap;}
.wcta-total-line{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:0.5px solid rgba(0,0,0,0.1);font-size:14px;}
.wcta-total-label{color:#666;font-weight:500;}
.wcta-total-val{font-size:22px;font-weight:700;color:#0a0a0a;font-family:'Playfair Display',serif;}
.btn-wcta{width:100%;background:#0a0a0a;color:#fff;border:none;padding:17px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;font-family:'DM Sans',sans-serif;letter-spacing:0.5px;margin-top:14px;transition:background 0.2s;}
.btn-wcta:hover{background:#333;}

/* STICKY BAR (bas de page, identique au prototype) */
.sticky-bar{position:fixed;bottom:0;left:0;right:0;width:100%;box-sizing:border-box;background:#0a0a0a;border-top:0.5px solid #1a1a1a;padding:18px 40px;display:flex;align-items:center;justify-content:space-between;z-index:90;transform:translateY(100%);transition:transform 0.4s;gap:12px;overflow:hidden;}
.sticky-bar.show{transform:translateY(0);}
.sticky-info-name{font-size:13px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;}
.sticky-info-sub{font-size:12px;color:#555;white-space:nowrap;}
.sticky-ctas{display:flex;gap:10px;flex-shrink:0;}
.sticky-btn{background:#fff;color:#000;border:none;padding:12px 27px;border-radius:8px;font-size:12px;cursor:pointer;font-family:'DM Sans',sans-serif;font-weight:400;display:flex;align-items:center;gap:7px;}
.sticky-btn-sec{background:transparent;border:0.5px solid #333;color:#888;padding:10px 20px;border-radius:8px;font-size:13px;cursor:pointer;font-family:'DM Sans',sans-serif;}

/* RELATED */
.related-section{padding:64px 40px;background:#fff;}
.rel-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:36px;}
.rel-title{font-family:'Playfair Display',serif;font-size:34px;font-weight:700;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.world-card{position:relative;display:block;height:340px;overflow:hidden;border-radius:14px;cursor:pointer;text-decoration:none;color:inherit;background:#222;}
.world-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
.world-card-placeholder{position:absolute;inset:0;background:linear-gradient(135deg,#2a2a2a,#161616);}
.world-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.1) 60%,transparent 100%);}
.world-card-wish{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,0.15);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;z-index:2;backdrop-filter:blur(4px);}
.world-card-wish.active{color:#ff4444;}
.world-card-body{position:absolute;bottom:0;left:0;right:0;padding:22px;z-index:2;}
.world-card-title{font-family:'Playfair Display',serif;font-size:22px;font-weight:700;color:#fff;margin-bottom:10px;}
.world-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.world-card-meta{font-size:12px;color:rgba(255,255,255,0.6);min-width:0;}
.world-card-enter{background:#fff;color:#000;border:none;padding:8px 18px;border-radius:20px;font-size:11px;font-family:'DM Sans',sans-serif;font-weight:500;white-space:nowrap;flex-shrink:0;}

.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(20px);background:#0a0a0a;color:#fff;padding:12px 24px;border-radius:24px;font-size:13px;opacity:0;transition:all 0.3s;pointer-events:none;z-index:200;white-space:nowrap;}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

@media(max-width:1024px){
  .world-hero{grid-template-columns:1fr;min-height:auto;}
  .world-img-side{position:relative;height:auto;}
  .world-main-img{height:auto;}
  .world-info{padding:36px 28px;}
  .grid-4{grid-template-columns:repeat(2,1fr);}
  .grid-3{grid-template-columns:repeat(2,1fr);}
  .world-cta-banner{grid-template-columns:1fr;}
}
@media(max-width:768px){
  .world-products-section,.related-section,.world-cta-banner{padding:40px 20px;}
  .breadcrumb{padding:8px 20px;}
  .world-hero{min-height:auto;}
  .world-info{padding-top:48px;}
  .world-name{font-size:26px;}
  .grid-4{grid-template-columns:1fr 1fr;}
  .grid-3{grid-template-columns:1fr;}
  .world-card{height:240px;}
  .wcta-left h2{font-size:28px;}
  .hotspot-tip.tip-right,
  .hotspot-tip.tip-left{left:50%;right:auto;top:calc(100% + 12px);transform:translateX(-50%);}
  .hotspot-tip.show.tip-right,
  .hotspot-tip.show.tip-left{transform:translateX(-50%);}
  .sticky-bar{padding:10px 14px;flex-wrap:nowrap;gap:8px;}
  .sticky-bar .sticky-btn-sec{display:none;}
  .sticky-bar > div:first-child{display:flex;align-items:baseline;gap:6px;min-width:0;flex:1;}
  .sticky-info-name{max-width:none;font-size:12px;}
  .sticky-info-sub{font-size:12px;white-space:nowrap;flex-shrink:0;}
  .sticky-ctas{flex-shrink:0;}
  .sticky-btn{padding:9px 16px;font-size:11px;}
  .sticky-btn svg{width:11px;height:11px;}
  .sticky-btn-price{display:none;}
}

/* =========================================================
   REFONTE WORLD (hors cahier des charges initial) — World n'est plus
   achetable directement, c'est un regroupement de Bundles. Nouvelles
   sections ci-dessous ; l'ancien CSS au-dessus (world-hero, world-info,
   world-price-*, world-cta-banner, sticky-bar...) reste en dormance,
   plus appelé par le nouveau template mais pas supprimé.
   Les hotspots réutilisent le CSS déjà existant plus haut dans ce
   fichier (.hotspot/.hotspot-ring/.hotspot-tip/.tip-*) — rien à
   dupliquer ici.
   ========================================================= */

/* ── 1. HERO ── */
.world-hero-new{position:relative;height:88vh;min-height:500px;overflow:hidden;background:var(--black);}
.world-hero-new-img{position:absolute;inset:0;background-size:cover;background-position:center 30%;}
.world-hero-new-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.88) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.05) 100%);}
.world-hero-new-content{position:absolute;bottom:0;left:0;right:0;padding:52px;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:24px;}
.world-hero-new-left{max-width:600px;}
.world-hero-new-tag{font-size:11px;letter-spacing:4px;color:rgba(255,255,255,0.5);text-transform:uppercase;margin-bottom:12px;}
.world-hero-new-title{font-family:'Playfair Display',serif;font-size:72px;font-weight:700;color:#fff;line-height:0.95;letter-spacing:-1.5px;margin-bottom:16px;}
.world-hero-new-sub{font-size:15px;color:rgba(255,255,255,0.6);line-height:1.65;max-width:460px;margin-bottom:20px;}
.world-hero-new-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px;}
.world-hero-new-stats{display:flex;gap:28px;}
.world-stat{text-align:right;}
.world-stat-num{font-family:'Playfair Display',serif;font-size:28px;font-weight:700;color:#fff;}
.world-stat-label{font-size:10px;letter-spacing:2px;color:rgba(255,255,255,0.4);text-transform:uppercase;}
.world-hero-new-cta{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#000;padding:14px 32px;border-radius:6px;font-size:13px;font-weight:500;letter-spacing:.5px;transition:all .22s cubic-bezier(0.22,1,0.36,1);border:none;cursor:pointer;}
.world-hero-new-cta:hover{background:#eee;transform:translateY(-1px);}
.world-hero-new-cta svg{transition:transform .2s;}
.world-hero-new-cta:hover svg{transform:translateX(4px);}

/* ── 2. ABOUT THIS WORLD ── */
.world-intro-new{padding:72px 40px;max-width:860px;margin:0 auto;text-align:center;}
.world-intro-new-eyebrow{font-size:10px;letter-spacing:4px;color:var(--mid);text-transform:uppercase;margin-bottom:16px;}
.world-intro-new-text{font-family:'Playfair Display',serif;font-size:26px;font-weight:400;font-style:italic;color:var(--black);line-height:1.6;}
.world-intro-new-text p{margin-bottom:0;}
.world-intro-new-text strong{font-style:normal;font-weight:700;}

/* ── 3. DESIGNED FOR SOMEONE WHO... ── */
.world-persona-new{background:var(--black);padding:80px 40px;}
.world-persona-new-inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:0.85fr 1.15fr;gap:60px;align-items:center;}
.world-persona-new-eyebrow{font-size:10px;letter-spacing:4px;color:#555;text-transform:uppercase;margin-bottom:16px;}
.world-persona-new-title{font-family:'Playfair Display',serif;font-size:36px;font-weight:700;font-style:italic;color:#fff;line-height:1.2;margin-bottom:32px;}
.world-persona-new-list{list-style:none;display:flex;flex-direction:column;gap:0;}
.world-persona-new-list li{font-size:15px;color:rgba(255,255,255,0.65);padding:13px 0;border-bottom:.5px solid #1a1a1a;display:flex;align-items:center;gap:12px;line-height:1.5;}
.world-persona-new-list li::before{content:'';width:4px;height:4px;border-radius:50%;background:#fff;flex-shrink:0;}
.world-persona-new-img{border-radius:16px;overflow:hidden;height:400px;}
.world-persona-new-img img{width:100%;height:100%;object-fit:cover;}

/* ── 4. SCENES & BUNDLES ── */
.world-scenes-new{padding:72px 40px;background:var(--gray);}
.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:36px;flex-wrap:wrap;gap:16px;}
.section-eyebrow{font-size:10px;letter-spacing:4px;color:var(--mid);text-transform:uppercase;margin-bottom:6px;}
.section-title{font-family:'Playfair Display',serif;font-size:36px;font-weight:700;color:var(--black);}
.view-all{font-size:13px;color:var(--black);border-bottom:.5px solid var(--black);padding-bottom:2px;letter-spacing:.5px;transition:opacity .2s;}
.view-all:hover{opacity:.55;}

.scenes-list{display:grid;grid-template-columns:1fr;gap:28px;max-width:1000px;margin:0 auto;}
.scene-card-new{border-radius:16px;overflow:visible;background:#fff;border:.5px solid var(--border);box-shadow:0 4px 24px rgba(0,0,0,0.06);}
.scene-header-new{padding:16px 20px;border-bottom:.5px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;}
.scene-name-new{font-size:14px;font-weight:500;color:var(--black);}
.scene-count-new{font-size:10px;color:var(--mid);letter-spacing:.5px;}
.scene-img-wrap-new{position:relative;}
.scene-img-crop{position:relative;overflow:hidden;}
.scene-img-crop img{width:100%;display:block;transition:transform .6s ease;}
.scene-card-new:hover .scene-img-crop img{transform:scale(1.02);}
.scene-img-zoom{position:absolute;bottom:14px;right:14px;width:32px;height:32px;background:rgba(255,255,255,0.92);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;z-index:3;transition:background .2s;}
.scene-img-zoom:hover{background:#fff;}
.scene-footer-new{padding:14px 20px;border-top:.5px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;}
.scene-footer-new > :first-child{flex-basis:100%;}
.scene-price-label-new{font-size:11px;color:var(--mid);}
.scene-price-new{font-size:19px;font-weight:500;color:var(--black);}
.scene-price-old-new{font-size:12px;color:#bbb;text-decoration:line-through;margin-left:5px;}
.scene-save-new{background:rgba(34,170,85,.1);color:#22aa55;font-size:10px;font-weight:500;padding:3px 9px;border-radius:8px;border:.5px solid rgba(34,170,85,.2);}
.scene-actions-new{display:flex;gap:10px;margin-left:auto;}
.btn-scene-view-new{background:transparent;color:var(--black);border:.5px solid var(--border);padding:10px 18px;border-radius:7px;font-size:13px;transition:border-color .2s;text-decoration:none;display:inline-block;}
.btn-scene-view-new:hover{border-color:var(--black);}
.btn-scene-cart-new{background:var(--black);color:#fff;border:none;padding:10px 22px;border-radius:7px;font-size:13px;font-weight:500;letter-spacing:.5px;transition:background .2s;cursor:pointer;font-family:'DM Sans',sans-serif;}
.btn-scene-cart-new:hover{background:#333;}
.btn-scene-cart-new:disabled{opacity:.6;cursor:default;}

/* 3 colonnes uniquement sur desktop — mobile/tablette gardent 1 par
   ligne (image + hotspots restent lisibles). Les images gardent leur
   ratio naturel (pas de recadrage object-fit) pour ne jamais désaligner
   les hotspots, positionnés en % par rapport à l'image entière. */
@media(min-width:901px){
  .scenes-list{grid-template-columns:repeat(3,1fr);gap:20px;max-width:none;align-items:start;}
}

/* Lightbox (zoom sur l'image d'une scene) — identique à la fiche produit */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,0.92);z-index:500;display:none;align-items:center;justify-content:center;}
.lightbox.show{display:flex;}
.lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px;}
.lightbox-close{position:absolute;top:20px;right:28px;color:#fff;font-size:28px;cursor:pointer;background:none;border:none;}

@media(max-width:900px){
  .world-hero-new-content{padding:28px 20px;}
  .world-hero-new-title{font-size:48px;}
  .world-persona-new-inner{grid-template-columns:1fr;gap:36px;}
  .world-persona-new-img{height:280px;}
  .world-hero-new-right{display:none;}
  .scenes-list{overflow-x:clip;}
}
@media(max-width:640px){
  .world-hero-new{height:70vh;min-height:400px;}
  .world-hero-new-title{font-size:36px;letter-spacing:-.5px;}
  .world-hero-new-sub{font-size:13px;}
  .world-hero-new-cta{padding:12px 24px;font-size:12px;}
  .world-intro-new{padding:48px 24px;}
  .world-intro-new-text{font-size:20px;}
  .world-persona-new{padding:48px 24px;}
  .world-persona-new-title{font-size:26px;}
  .world-scenes-new{padding:48px 20px;}
  .world-persona-new-img{height:220px;}
  .scene-actions-new{flex-wrap:wrap;}
}
.card-footer > :first-child{flex-basis:100%;}