﻿:root{--ks-primary:#123B65;--ks-accent:#E5B63F;--ks-teal:#168C82;--ks-text:#17202a;--ks-muted:#64748b;--ks-bg:#fff;--ks-soft:#f4f7fb;--ks-radius:16px}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ks-text);line-height:1.6;background:#fff}
a{color:var(--ks-primary);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.ks-container{width:min(1160px,calc(100% - 36px));margin-inline:auto}
.ks-header{background:#fff;border-bottom:1px solid #e5eaf0;position:relative;z-index:5}
.ks-header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.ks-brand{display:flex;flex-direction:column;gap:2px}
.ks-brand small{color:var(--ks-muted);font-size:.78rem}
.ks-logo{font-weight:850;color:var(--ks-primary);font-size:1.5rem}
.custom-logo{max-height:62px;width:auto}
.ks-navigation{display:flex;align-items:center;gap:20px}
.ks-navigation ul{list-style:none;margin:0;padding:0;display:flex;gap:18px;align-items:center}
.ks-navigation li{margin:0}
.ks-navigation a{font-weight:650}
.ks-cart{padding:9px 13px;border:1px solid #d9e1ea;border-radius:9px}
.ks-menu-toggle{display:none}
.ks-hero{background:linear-gradient(120deg,#f3f6fa,#fff8e6);padding:70px 0}
.ks-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px}
.ks-eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.12em;color:var(--ks-teal)}
h1,h2,h3{line-height:1.2;color:var(--ks-primary)}
.ks-hero h1{font-size:clamp(2.5rem,5vw,4.3rem);letter-spacing:-.04em;margin:.5rem 0 1rem;max-width:680px}
.ks-hero p{font-size:1.1rem;color:#526174;max-width:560px;margin-bottom:28px}
.ks-button{display:inline-block;background:var(--ks-primary);color:#fff;padding:13px 21px;border-radius:10px;font-weight:750}
.ks-button:hover{background:#0b2b4c;color:#fff;text-decoration:none}
.ks-hero-art{min-height:300px;border-radius:28px;background:var(--ks-primary);color:#fff;padding:38px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.ks-hero-art:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-65px;bottom:-100px;background:var(--ks-accent);opacity:.95}
.ks-hero-art span,.ks-hero-art strong,.ks-hero-art i{position:relative;z-index:1}
.ks-hero-art span{letter-spacing:.15em;font-size:.75rem}
.ks-hero-art strong{font-size:clamp(1.8rem,3vw,3rem);margin-top:16px}
.ks-hero-art i{font-style:normal;font-weight:900;font-size:1.1rem;margin-top:30px}
.ks-section{padding-top:64px;padding-bottom:64px}
.ks-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}
.ks-section-heading h2,.ks-order-info h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:.35rem 0 0}
.ks-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ks-category{padding:22px;border:1px solid #e2e8f0;border-radius:var(--ks-radius);display:flex;flex-direction:column;gap:6px;transition:transform .2s,border-color .2s}
.ks-category:hover{transform:translateY(-3px);border-color:var(--ks-accent);text-decoration:none}
.ks-category span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff4cf;color:var(--ks-primary);font-weight:900}
.ks-category strong{font-size:1.05rem}
.ks-category small{color:var(--ks-muted)}
.ks-featured{background:var(--ks-soft)}
.ks-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.ks-product-card{border:1px solid #e2e8f0;border-radius:var(--ks-radius);overflow:hidden;background:#fff;display:flex;flex-direction:column}
.ks-product-image{background:#f8fafc;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;color:var(--ks-muted)}
.ks-product-image img{width:100%;height:100%;object-fit:cover}
.ks-product-info{padding:16px;display:flex;flex-direction:column;gap:10px;flex:1}
.ks-product-info h3{font-size:1rem;margin:0}
.ks-product-info .price{font-weight:800;color:var(--ks-primary)}
.ks-product-link{font-weight:700;margin-top:auto}
.ks-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.ks-steps>div{border-top:3px solid var(--ks-accent);padding:20px;background:#fff;border-radius:0 0 14px 14px}
.ks-steps b{color:var(--ks-teal);font-size:1.4rem}
.ks-steps h3{margin-bottom:8px}
.ks-steps p{color:var(--ks-muted);margin-bottom:0}
.ks-footer{background:#0c2744;color:#eaf0f7;padding:42px 0}
.ks-footer strong{color:#fff;font-size:1.2rem}
.ks-footer p{margin:.4rem 0;color:#d2deeb}
.ks-footer a{color:#fff}
.ks-footer-inner{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}
.ks-footer ul{list-style:none;padding:0}
.ks-content,.ks-article{max-width:850px;margin:0 auto 30px}
.ks-content h1,.ks-article h1{font-size:clamp(2rem,4vw,3rem)}
.ks-meta{color:var(--ks-muted)}
.ks-shop{min-height:400px}
.woocommerce ul.products li.product,.woocommerce div.product{background:#fff}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:var(--ks-primary);color:#fff;border-radius:8px}
.woocommerce a.button:hover,.woocommerce button.button:hover{background:#0b2b4c;color:#fff}
.woocommerce span.onsale{background:var(--ks-teal)}
.ks-404{min-height:55vh}
@media(max-width:900px){.ks-hero-grid{grid-template-columns:1fr}.ks-hero-art{min-height:220px}.ks-products{grid-template-columns:repeat(2,minmax(0,1fr))}.ks-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.ks-navigation{gap:12px}.ks-navigation ul{gap:10px}}
@media(max-width:680px){.ks-container{width:min(100% - 26px,1160px)}.ks-header-inner{min-height:72px;flex-wrap:wrap;padding:12px 0}.ks-menu-toggle{display:block;background:#fff;border:1px solid #d9e1ea;border-radius:8px;padding:8px 12px;color:var(--ks-primary)}.ks-navigation{display:none;width:100%;align-items:stretch;flex-direction:column;padding:10px 0 14px}.ks-navigation.is-open{display:flex}.ks-navigation ul{align-items:stretch;flex-direction:column}.ks-navigation li{padding:5px 0}.ks-cart{align-self:flex-start}.ks-hero{padding:45px 0}.ks-section{padding-top:42px;padding-bottom:42px}.ks-categories{gap:10px}.ks-category{padding:15px}.ks-steps{grid-template-columns:1fr}.ks-footer-inner{flex-direction:column;gap:12px}.ks-section-heading{align-items:start;flex-direction:column}}

/* KinShop Premium - amélioration responsive et catégories illustrées */
.ks-header-inner {
  flex-wrap: wrap;
}
.ks-brand {
  min-width: 0;
  flex: 0 1 auto;
}
.ks-logo {
  overflow-wrap: anywhere;
}
.ks-navigation {
  flex: 1 1 560px;
  min-width: 0;
  justify-content: flex-end;
}
.ks-navigation ul {
  flex-wrap: wrap;
  justify-content: flex-end;
}
.ks-navigation a {
  display: inline-block;
  padding: 7px 0;
}
.ks-category {
  min-width: 0;
  overflow: hidden;
}
.ks-category-image,
.ks-category-placeholder {
  display: grid;
  place-items: center;
  width: 100%;
  height: 150px;
  overflow: hidden;
  border-radius: 12px;
  background: linear-gradient(135deg, #f4f7fb, #fff4cf);
}
.ks-category-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ks-category-placeholder {
  height: 72px;
  width: 72px;
  font-size: 1.7rem;
  font-weight: 850;
  color: var(--ks-primary);
  background: #fff4cf;
}
.ks-category strong {
  overflow-wrap: anywhere;
}
.ks-product-card {
  min-width: 0;
}
.ks-product-info h3 {
  overflow-wrap: anywhere;
}
.ks-steps > div {
  box-shadow: 0 8px 24px rgba(18, 59, 101, .06);
}
@media (min-width: 681px) and (max-width: 1050px) {
  .ks-header-inner {
    gap: 12px;
    padding: 12px 0;
  }
  .ks-navigation {
    flex-basis: 100%;
    justify-content: flex-start;
  }
  .ks-navigation ul {
    justify-content: flex-start;
  }
}
@media (max-width: 680px) {
  .ks-header-inner {
    gap: 10px;
  }
  .ks-brand {
    flex: 1 1 auto;
  }
  .ks-logo {
    font-size: 1.2rem;
  }
  .custom-logo {
    max-width: 190px;
    max-height: 52px;
  }
  .ks-navigation {
    flex: 1 1 100%;
  }
  .ks-navigation ul {
    gap: 4px;
  }
  .ks-navigation a {
    padding: 8px 0;
  }
  .ks-category-image {
    height: 115px;
  }
}
