/* KIJOCO — identité d'atelier. Dessin et composition spécifiques à la marque. */
:root{--dark:#202942;--brown:#283b68;--cocoa:#344974;--gold:#a64932;--cream:#f7f6f2;--ivory:#eeedf5;--sand:#d7dbe5;--muted:#596176;--ink:#283b68;--apricot:#f1b494}
body{background:var(--cream);color:var(--dark);font-family:Arial,Helvetica,sans-serif;line-height:1.65}
h1,h2,h3{font-family:Arial,Helvetica,sans-serif;font-weight:750;letter-spacing:-.055em;line-height:1.06}
h2{font-size:clamp(2rem,4vw,3.6rem)}h3{letter-spacing:-.035em}
.announcement{background:var(--ink);color:#fff;padding:8px 16px;font-size:.65rem;letter-spacing:.1em}
.navwrap{background:#f7f6f2f5;border-bottom:1px solid #283b6826;backdrop-filter:blur(12px)}
.nav{height:92px;max-width:1360px;padding:0 40px;gap:25px}
.brand{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.075em;font-size:2.4rem;color:var(--ink);position:relative}
.brand:after{content:'';position:absolute;left:2px;top:-9px;width:27px;height:5px;background:#cf7356;transform:rotate(-9deg)}
.brand small{font-size:.48rem;letter-spacing:.15em;font-weight:600;color:var(--ink);margin-top:10px}
.links{gap:24px}.links a{font-weight:600;font-size:.8rem}.links a:hover,.links a.active{color:#a64932;text-decoration:underline;text-underline-offset:7px}
.basket{border:1px solid var(--ink);border-radius:5px;color:var(--ink);font-size:.8rem;padding:10px 13px;background:transparent}
.wrap{width:min(1200px,calc(100% - 64px))}
.eyebrow,.tag{font-family:monospace;color:#93452f;letter-spacing:.08em;font-size:.72rem;font-weight:600}
.btn{background:var(--ink);border:1px solid var(--ink);color:white;border-radius:4px;min-height:49px;padding:13px 20px;font-weight:650;box-shadow:none}
.btn:hover{background:#3b5286}.btn.alt{color:var(--ink);border-color:var(--ink);background:transparent}.btn.alt:hover{background:#e4e6ee}.btn.light{background:#f7f6f2;color:var(--ink)}
.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:20px;max-width:1360px;margin:auto;min-height:630px;padding:48px 40px 52px;background:var(--cream);align-items:center}
.heroText{padding:20px 24px 20px 0;background:none;position:relative}
.hero h1{font-size:clamp(3.4rem,6.1vw,6.2rem);line-height:.98;margin:27px 0;max-width:750px}
.hero h1 em{font-style:normal;color:#a64932;position:relative}
.hero .lead{font-size:1.03rem;max-width:410px;color:#515b70;margin:0 0 28px}
.btnrow{display:flex;flex-wrap:wrap;gap:12px}
.heroVisual{min-height:510px;border-radius:48% 48% 5px 5px;background:#dfe4f1;isolation:isolate;overflow:hidden;border:1px solid #283b681c}
.heroVisual:before{content:'K';font-family:Arial,sans-serif;font-weight:900;font-size:490px;line-height:1;color:#c9d1e5;position:absolute;width:auto;height:auto;border:0;border-radius:0;top:15px;left:18px;transform:rotate(-9deg);z-index:-1}
.heroVisual:after{content:'KIJOCO / L’ATELIER';position:absolute;width:145px;height:auto;right:-25px;top:52px;left:auto;border:0;border-radius:0;background:var(--apricot);color:var(--ink);padding:12px 0;font:11px monospace;text-align:center;transform:rotate(35deg)}
.heroVisual .choco-plate{transform:rotate(-14deg) scale(1.25);filter:drop-shadow(15px 22px 9px #283b6830)}
.heroVisual .choco-plate span{border-radius:9px;background:linear-gradient(135deg,#845338,#432a20);border:7px solid #593a29;box-shadow:inset 3px 3px 5px #c38a5c70,inset -5px -5px 7px #21171180}
.heroVisual .choco-plate span:nth-child(2){border-radius:9px;background:linear-gradient(135deg,#ead5a8,#ceb084);border-color:#d7bd92}
.heroVisual .choco-plate span:nth-child(3){border-radius:9px;background:linear-gradient(135deg,#b88256,#805133);border-color:#93613d}
.heroCaption{color:var(--ink);bottom:25px;left:25px;right:25px;display:flex;justify-content:space-between;font:11px monospace;letter-spacing:.04em;border-top:1px solid #283b6840;padding-top:13px}
.atelierBand{background:var(--ink);color:#f7f6f2;display:flex;justify-content:center;gap:52px;align-items:center;padding:20px 32px;flex-wrap:wrap;font:12px monospace;letter-spacing:.04em}.atelierBand span:before{content:'+';color:var(--apricot);margin-right:18px}
.section{padding:85px 0}.section.soft{background:var(--ivory)}.intro{margin-bottom:36px;align-items:center}.intro p{color:#596176;font-size:.95rem}.intro h2{max-width:620px}
.grid{gap:27px}.product{border:0;background:transparent;border-radius:0;box-shadow:none;overflow:visible;transition:none}.product:hover{transform:none;box-shadow:none}
.product .art{min-height:265px;border-radius:5px}.productBody{padding:23px 0 0}.product h3{font-size:1.65rem}.product p,.detailText p{color:#535d72}.product .meta{color:#626c7d!important}.price{color:var(--ink)}.product .btn{background:transparent;color:var(--ink);border-color:#283b6855}.product .btn:hover{background:#e4e6ee}
.art,.art.pralines,.art.ganaches-noir,.art.noir{background:#e0e5ed;background-image:radial-gradient(#283b681c .8px,transparent .8px);background-size:11px 11px;isolation:isolate}
.art.blanc{background:#eee1c9}.art.lait{background:#efcbb6}.art.barres{background:#d5ded2}.art.tablettes{background:#dcd7e9}
.art:before{content:'';position:absolute;width:200px;height:200px;border:1px solid #283b6820;border-radius:46% 54% 60% 40%;transform:rotate(18deg);z-index:-1}
.art .choco-plate{filter:drop-shadow(9px 13px 5px #283b6828);transform:rotate(-12deg) scale(.82)}
.art:not(.barres):not(.tablettes) .choco-plate span{border-radius:8px}
.art.ganaches-noir .choco-plate span,.art.noir .choco-plate span{background:linear-gradient(135deg,#654739,#30211c);border-color:#412d23}
.choco-plate span:after{content:'K';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:bold 29px Arial,sans-serif;color:#ffffff24;text-shadow:1px 1px #27171055;transform:rotate(0)}
.art.tablettes .choco-plate{transform:rotate(12deg) scale(.9)}.art.barres .choco-plate{transform:rotate(-19deg) scale(.87)}.art.barres .choco-plate span:after{font-size:20px}
.pagehero{background:var(--ivory);text-align:left;padding:58px max(32px,calc((100vw - 1200px)/2));border-bottom:1px solid #283b6820;position:relative;overflow:hidden}.pagehero:after{content:'+';position:absolute;right:6%;top:5px;color:#ccd1e0;font:200px Arial;line-height:1;pointer-events:none}.pagehero h1{font-size:clamp(3rem,5.5vw,5rem);position:relative;z-index:1}.pagehero p{margin:16px 0;max-width:630px;color:#535d72;position:relative;z-index:1}.breadcrumb{color:#535d72}.pagehero .eyebrow{position:relative;z-index:1}
.detailGrid{grid-template-columns:1fr;gap:28px}.detail{grid-template-columns:35% 65%;border:1px solid #283b6825;border-radius:5px;box-shadow:none;background:#fffefa}.detail .art{min-height:320px}.detailText{padding:34px 38px}.detailText h3{font-size:2.1rem}.detailText ul{columns:2;column-gap:28px;color:#535d72}.detailText li{break-inside:avoid}.detailText .btn{align-self:flex-start}.detailText .price{margin-bottom:15px}
.filters{gap:10px}.filter{color:var(--ink);border:1px solid #283b6850;border-radius:4px;background:none;padding:10px 19px}.filter.selected{background:var(--ink);color:#fff;border-color:var(--ink)}
.featureGrid{text-align:left;gap:0}.featureGrid>div{padding:15px 34px;border-left:1px solid #283b6833}.featureIcon{color:#a64932;font-family:monospace}.featureGrid p{color:#535d72}.featureGrid strong{font-size:1.15rem}
.split .art{border-radius:5px;min-height:390px}.lead{color:#535d72}.notice{background:#f2e5da;border-left:3px solid #a64932;color:#654333}.chip{background:#eeedf5;border-color:#d0d4e0;color:var(--ink)}.toppings,.orderPanel,.pageTile{background:#fffefa;border-color:#d0d4e0;border-radius:5px;box-shadow:none}.pageTile:hover{box-shadow:none}
.foot{background:#202d4d;color:#f7f6f2;border-top:8px solid #efb899}.foot .brand{color:#f7f6f2;font-size:2.8rem}.foot .brand small{color:#c7d0e3!important}.foot p,.foot a,.footBottom{color:#d2d9e8}.footBottom{border-color:#ffffff30}.foot strong{color:#efb899}
.modal{background:var(--cream);border-radius:7px;color:var(--dark)}.modal h2{font-family:Arial,sans-serif;letter-spacing:-.05em}.modal select,.modal input,.modal textarea{border-color:#bcc4d4;color:var(--dark);border-radius:4px}.cartTotal{border-color:#bcc4d4}.close{color:var(--ink)}:focus-visible{outline:3px solid #a64932;outline-offset:4px}
@media(max-width:1100px){.nav{padding:0 24px;gap:15px}.links{gap:13px}.links a{font-size:.73rem}.hero{padding:35px 30px;gap:14px}.heroVisual{min-height:450px}.hero h1{font-size:5.5vw}.heroText{padding-right:10px}}
@media(max-width:760px){.nav{height:80px;padding:0 20px}.brand{font-size:2rem}.brand small{font-size:.4rem}.links{top:80px;background:var(--cream)}.links a{font-size:1rem}.wrap{width:calc(100% - 40px)}.hero{grid-template-columns:1fr;padding:35px 20px;gap:30px}.heroText{padding:10px 0}.hero h1{font-size:clamp(3.3rem,11.6vw,5.5rem)}.heroVisual{min-height:390px;max-width:100%;border-radius:45% 45% 5px 5px}.heroVisual:before{font-size:410px;left:15%;top:0}.heroVisual .choco-plate{transform:rotate(-14deg) scale(1)}.atelierBand{gap:14px 25px;justify-content:flex-start;font-size:10px;padding:18px 20px}.atelierBand span:before{margin-right:8px}.section{padding:55px 0}.grid{grid-template-columns:1fr}.product .art{min-height:270px}.detail{grid-template-columns:1fr}.detailText{padding:27px 24px}.detailText h3{font-size:1.85rem}.detailText ul{columns:1}.detail .art{min-height:270px}.pagehero{padding:42px 20px}.pagehero:after{right:-10px;font-size:150px;opacity:.6}.pagehero h1{font-size:3rem}.featureGrid>div{padding:20px;border-left:0;border-top:1px solid #283b6833}.btnrow{gap:10px}.btnrow .btn{font-size:.8rem}.footGrid{gap:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}