/* kg-home.css — dynamisation homepage (sections sous le hero seulement) */

/* ---- Carrousels produits ---- */
.kg-car-wrap{position:relative;}
.kg-carousel{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--space-md,1.4rem);scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding-bottom:6px;}
.kg-carousel::-webkit-scrollbar{display:none;}
.kg-carousel>*{scroll-snap-align:start;}
.prod-grid-3.kg-carousel>*{flex:0 0 min(340px,84%);}
.prod-grid-4.kg-carousel>*{flex:0 0 min(300px,76%);}
@media (min-width:981px){
 .prod-grid-3.kg-carousel>*{flex:0 0 calc((100% - 2*var(--space-md,1.4rem))/3);}
 .prod-grid-4.kg-carousel>*{flex:0 0 calc((100% - 3*var(--space-md,1.4rem))/4);}
}
.kg-car-btn{position:absolute;top:38%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;border:1px solid var(--border-light,#e5e0d8);background:var(--canvas-white,#fff);color:var(--karguo-black,#111);font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.12);opacity:.92;transition:opacity .2s,transform .2s;}
.kg-car-btn:hover{opacity:1;transform:translateY(-50%) scale(1.06);}
.kg-car-btn.kg-prev{left:-8px;}
.kg-car-btn.kg-next{right:-8px;}
.kg-car-btn[disabled]{opacity:.25;cursor:default;}
@media (max-width:640px){.kg-car-btn{display:none;}}

/* ---- Catégories mobiles : 2 par rangée, compactes ---- */
@media (max-width:520px){
 .pcat-grid{grid-template-columns:repeat(2,1fr) !important;gap:.6rem !important;}
 .pcat img{aspect-ratio:1/1;height:auto;object-fit:cover;}
 .pcat-body{padding:.55rem .4rem;}
 .pcat-body h3{font-size:.8rem;line-height:1.2;margin:0;}
 .pcat-body p{display:none;}
}

/* ---- Mini-bannière produit vedette (style sponsorisé) ---- */
.kg-spot{display:flex;align-items:center;gap:1rem;background:var(--canvas-white,#fff);border:1px solid var(--border-light,#e5e0d8);border-radius:var(--radius-md,14px);padding:.7rem 1rem;text-decoration:none;color:inherit;box-shadow:0 6px 18px rgba(0,0,0,.05);transition:transform .25s ease,box-shadow .25s ease;}
.kg-spot:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.09);}
.kg-spot img{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:8px;flex:0 0 auto;}
.kg-spot .s-body{min-width:0;}
.kg-spot .s-name{font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.kg-spot .s-price{color:var(--karguo-orange,#f26522);font-weight:800;white-space:nowrap;}
.kg-spot .s-tag{margin-left:auto;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary,#777);white-space:nowrap;}
.kg-spot .s-cta{white-space:nowrap;}
@media (max-width:640px){
 .kg-spot{flex-wrap:wrap;gap:.7rem;}
 .kg-spot .s-tag{display:none;}
 .kg-spot .s-cta{flex:1 1 100%;text-align:center;}
}

/* ---- Photo B2B (remplace la vidéo) ---- */
.video-frame.kg-photo{position:relative;overflow:hidden;}
.video-frame.kg-photo img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03);transition:transform .9s cubic-bezier(.2,.6,.2,1);}
.video-frame.kg-photo:hover img{transform:scale(1.08);}

/* ---- Apparitions au défilement ---- */
@media (prefers-reduced-motion:no-preference){
 .kg-reveal{opacity:0;transform:translateY(26px);transition:opacity .65s cubic-bezier(.2,.6,.2,1),transform .65s cubic-bezier(.2,.6,.2,1);will-change:opacity,transform;}
 .kg-reveal.kg-in{opacity:1;transform:none;}
}
\n/* kg-polish : micro-animations pro */\n.kg-carousel .prod{overflow:hidden;}\n.kg-carousel .prod img{transition:transform .55s cubic-bezier(.2,.6,.2,1);}\n.kg-carousel .prod:hover img{transform:scale(1.05);}\n.prod .btn, .kg-spot .s-cta{transition:transform .2s ease, box-shadow .2s ease;}\n.prod .btn:hover, .kg-spot:hover .s-cta{transform:translateY(-2px);box-shadow:0 8px 18px rgba(242,101,34,.28);}\n.flash-eyebrow{position:relative;padding-left:14px;}\n.flash-eyebrow::before{content:\"\";position:absolute;left:0;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--karguo-orange,#f26522);animation:kgLive 1.6s ease-in-out infinite;}\n@keyframes kgLive{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.45;transform:scale(.8);}}\n.flash-timer div:nth-child(4) .t-num{animation:kgTick 1s steps(1) infinite;}\n@keyframes kgTick{50%{opacity:.82;}}\n@media (prefers-reduced-motion:reduce){.flash-eyebrow::before,.flash-timer div:nth-child(4) .t-num{animation:none;}}\n
/* ===== kg-spot-v2 (07-2026) : titre + bloc vedette compact ===== */
.kg-spot-head{margin-bottom:0.85rem;}
.kg-spot-head .eyebrow{color:var(--karguo-orange);font-family:var(--font-ui);font-weight:700;font-size:0.76rem;letter-spacing:0.18em;text-transform:uppercase;margin:0 0 0.15rem;}
.kg-spot-head h2{font-size:clamp(1.35rem,3vw,1.9rem);letter-spacing:0.04em;text-transform:uppercase;margin:0;}
section[data-screen-label="Featured spot"]{padding-block:1.2rem 2rem;}
.kg-spot{padding:0.85rem 1.05rem;}
.kg-spot img{width:70px;height:70px;object-fit:contain;}
@media (max-width:640px){
  section[data-screen-label="Featured spot"]{padding-block:0.9rem 1.4rem;}
  .kg-spot{flex-wrap:wrap;padding:0.75rem;gap:0.6rem;}
  .kg-spot img{width:56px;height:56px;}
  .kg-spot .s-name{font-size:0.88rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .kg-spot .s-price{font-size:0.85rem;}
  .kg-spot .s-tag{display:none;}
  .kg-spot .s-cta{width:100%;text-align:center;min-height:40px;padding:0.5rem 0.8rem;font-size:0.75rem;}
}