@import url('https://fonts.googleapis.com/css2?family=Lobster+Two:wght@700&family=Poppins:wght@400;500;600;700;800&display=swap');

:root{
  --bg:#f9f3e8;
  --paper:#fffdf9;
  --paper-2:#fff8ef;
  --brown:#5A2312;
  --brown-2:#7d371d;
  --orange:#c96d2d;
  --orange-2:#eaa566;
  --ink:#2f170f;
  --muted:#6d5449;
  --line:rgba(90,35,18,.10);
  --shadow:0 20px 55px rgba(90,35,18,.12);
  --radius:28px;
  --display:"Lobster Two", cursive;
  --body:"Poppins", sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--body);color:var(--ink);background:var(--bg);line-height:1.65}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
body.modal-open{overflow:hidden}

.container{width:min(1180px,calc(100% - 56px));margin:0 auto}
.section{padding:92px 0}
.accent{color:var(--orange)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--orange)}
.eyebrow::before{content:"";display:inline-block;width:16px;height:16px;background:url("assets/motif-officiel.png") center/contain no-repeat;flex-shrink:0}
.lead{font-size:17px;color:var(--muted)}

h1,h2,h3{margin:0 0 10px;line-height:1.08}
h1,h2{font-family:var(--display);font-weight:700}
h1{font-size:clamp(58px,8vw,106px)}
h2{font-size:clamp(38px,5vw,62px)}
h3{font-size:22px}
p{margin:0 0 16px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:999px;border:1px solid transparent;font-weight:700;transition:.25s ease;white-space:nowrap}
.btn-primary{background:var(--brown);color:#fff;box-shadow:0 12px 30px rgba(90,35,18,.16)}
.btn-primary:hover{transform:translateY(-2px);background:var(--brown-2)}
.btn-outline{border-color:rgba(90,35,18,.18);background:#fff;color:var(--brown)}
.btn-outline:hover,.btn-light:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.btn-light{background:#fff;color:var(--brown)}
.btn-sm{padding:11px 18px;font-size:13px}
.link-arrow{font-weight:700;color:var(--brown)}

.site-header{position:sticky;top:0;z-index:50;background:rgba(90,35,18,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.header-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.logo-anchor{display:flex;align-items:center;flex:0 0 auto}
.logo-anchor img{height:66px;width:auto;object-fit:contain;filter:brightness(0) invert(1)}
.nav{display:flex;align-items:center;gap:24px}
.nav a{position:relative;font-size:14px;font-weight:600;color:#fff5eb;opacity:.92}
.nav a::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:#fff5eb;border-radius:2px;transition:.25s ease}
.nav a:hover::after,.nav a.active::after{width:100%}
.header-actions{display:flex;align-items:center;gap:12px}
.bag,.hamburger{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;font-size:18px;position:relative}
.bag-num{position:absolute;right:-3px;top:-4px;background:var(--orange);color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:50%;display:grid;place-items:center;padding:0 4px}
.hamburger{display:none}

.hero{position:relative;padding:64px 0 72px;background:linear-gradient(180deg,#fbf6ee 0%,#f7efe0 100%);overflow:hidden}
.hero::before{content:"";position:absolute;inset:auto -8% -120px auto;width:420px;height:420px;background:radial-gradient(circle,var(--orange-2) 0%,rgba(234,165,102,0) 70%);opacity:.22;pointer-events:none}
.hero .container{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);align-items:center;gap:54px}
.hero-copy{position:relative;z-index:1}
.hero-title span{display:block}
.hero-title .accent{color:var(--orange)}
.hero-copy .lead{max-width:560px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.hero-stamp{display:inline-flex;align-items:center;gap:14px;margin-top:26px;padding:14px 18px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);font-size:13px;font-weight:600}
.hero-stamp .sun{font-size:26px;color:var(--orange)}
.hero-visual{position:relative;min-height:640px;display:flex;align-items:center;justify-content:center}
.hero-glow{position:absolute;inset:60px 30px 20px 30px;background:linear-gradient(145deg,#f6dfbb,#fff8ea);border-radius:52px;transform:rotate(-4deg);box-shadow:var(--shadow);animation:floatSoft 6s ease-in-out infinite}
.hero-frame{position:relative;width:min(100%,540px);height:620px;background:#fff;border-radius:48px;overflow:hidden;border:1px solid rgba(90,35,18,.08);box-shadow:0 26px 65px rgba(90,35,18,.18)}
.hero-frame::before{content:"";position:absolute;inset:0;background-image:url('assets/motif-officiel.png');background-size:220px;background-repeat:repeat;opacity:.055;mix-blend-mode:multiply}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center 94%;padding:20px 8px 0;z-index:1;filter:saturate(1.02) contrast(1.02)}
.hero-card{position:absolute;left:-10px;bottom:40px;z-index:3;background:#fff8ef;border:1px solid rgba(90,35,18,.12);border-radius:22px;padding:18px 24px;box-shadow:0 18px 40px rgba(90,35,18,.16);animation:floatCard 5s ease-in-out infinite}
.hero-card strong{display:block;color:var(--brown);font-size:15px}
.hero-card span{font-size:12px;color:var(--muted)}
.hero-badge{position:absolute;right:10px;top:34px;z-index:3;padding:13px 16px;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:var(--shadow);font-size:12px;font-weight:700;color:var(--brown)}
.hero-pattern{position:absolute;right:-16px;bottom:56px;width:120px;height:120px;border-radius:26px;background:url('assets/motif-officiel.png') center/contain no-repeat,#f8e5c4;opacity:.95;box-shadow:var(--shadow);z-index:2}
.scroll-note{margin-top:26px;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:12px}
.scroll-line{display:block;width:64px;height:2px;background:linear-gradient(90deg,var(--brown),transparent);animation:blink 1.8s ease-in-out infinite}

.marquee{overflow:hidden;background:var(--brown);color:#fff;padding:16px 0}
.marquee-track{display:flex;gap:32px;width:max-content;white-space:nowrap;animation:marquee 28s linear infinite;font-weight:700;letter-spacing:.16em;font-size:12px;text-transform:uppercase}
.marquee i{font-style:normal;color:var(--orange-2)}

.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:34px}
.section-head p{max-width:460px}
.center-cta{text-align:center;margin-top:28px}

.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.product-card{background:var(--paper);border:1px solid rgba(90,35,18,.1);border-radius:var(--radius);overflow:hidden;box-shadow:0 16px 34px rgba(90,35,18,.06);transition:transform .25s ease,box-shadow .25s ease}
.product-card:hover{transform:translateY(-6px);box-shadow:0 28px 50px rgba(90,35,18,.12)}
.product-image{position:relative;height:310px;background:#f6e4c8;overflow:hidden}
.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.product-card:hover .product-image img{transform:scale(1.045)}
.product-tag{position:absolute;left:16px;top:16px;background:rgba(255,255,255,.96);color:var(--brown);padding:8px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 20px rgba(0,0,0,.08)}
.product-details{padding:22px}
.product-details p{color:var(--muted);font-size:14px;min-height:68px}
.product-price{display:flex;align-items:baseline;gap:8px;margin:10px 0 16px}
.product-price strong{font-size:28px;color:var(--brown)}
.product-price small{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}
.product-type{display:inline-flex;padding:9px 13px;background:#f6ecdf;border-radius:999px;color:var(--brown);font-size:12px;font-weight:700;text-transform:capitalize}
.add-item{width:48px;height:48px;border-radius:50%;border:none;background:var(--brown);color:#fff;font-size:26px;display:grid;place-items:center;box-shadow:0 16px 24px rgba(90,35,18,.18)}
.add-item:hover{background:var(--orange)}
.demo-note,.notice,.info-note{padding:14px 18px;background:#fff8ef;border:1px solid rgba(90,35,18,.1);border-radius:16px;color:var(--muted);font-size:14px}

.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.image-arch{position:relative;height:560px;border-radius:36px;overflow:hidden;background:#f4dfc1;box-shadow:var(--shadow)}
.image-arch::before{content:"";position:absolute;inset:0;background-image:url('assets/motif-officiel.png');background-size:220px;background-repeat:repeat;opacity:.05;z-index:1}
.image-arch img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover}
.origin,.contact-mini{display:flex;align-items:flex-start;gap:14px;padding:18px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px rgba(90,35,18,.06)}
.origin .sun{font-size:28px;color:var(--orange)}

.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.process-item{background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 14px 30px rgba(90,35,18,.06)}
.process-item .process-image{height:290px;background:#f3e1c8}
.process-item .process-image img{width:100%;height:100%;object-fit:cover}
.process-meta{display:flex;gap:16px;padding:20px}
.process-meta strong{font-size:28px;color:var(--orange)}
.process-meta p{font-size:14px;color:var(--muted)}

.brand-strip{padding:96px 0;background:linear-gradient(135deg,var(--brown),#7a331b);color:#fff;position:relative;overflow:hidden}
.brand-strip::before{content:"";position:absolute;inset:0;background-image:url('assets/motif-officiel.png');background-size:260px;background-repeat:repeat;opacity:.08}
.brand-strip .container{position:relative;z-index:1;text-align:center;max-width:760px}
.brand-strip p{color:rgba(255,255,255,.82)}

.showcase-layout,.editorial-grid,.gallery-grid{display:grid;gap:18px}
.showcase-layout{grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:260px 260px}
.showcase-layout>div{position:relative;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:#f6e4c8}
.showcase-layout>div:first-child{grid-row:span 2}
.showcase-layout img{width:100%;height:100%;object-fit:cover}
.showcase-label{position:absolute;left:16px;bottom:16px;background:rgba(255,253,249,.95);padding:10px 14px;border-radius:999px;font-size:12px;font-weight:700;color:var(--brown)}

.inner-hero{padding:74px 0 58px;background:linear-gradient(180deg,#fbf6ee 0%,#f7efe0 100%)}
.inner-hero p{max-width:700px;color:var(--muted)}
.inner-hero .eyebrow.dark{color:var(--brown)}

.chips{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 28px}
.chip{border:none;background:#ead8be;color:var(--brown);padding:12px 18px;border-radius:999px;font-weight:700}
.chip.active,.chip:hover{background:var(--brown);color:#fff}
.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.catalog-grid .product-image{height:330px}

.values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.value{background:#fff;border:1px solid var(--line);padding:28px;border-radius:26px;box-shadow:0 12px 24px rgba(90,35,18,.05)}
.value .num{font-family:var(--display);font-size:40px;color:var(--orange)}
.value p{color:var(--muted)}
.timeline{display:grid;gap:18px;margin-top:12px}
.timeline-item{display:grid;grid-template-columns:92px 1fr;gap:18px;padding:20px;border-radius:22px;background:#fff;border:1px solid var(--line)}
.timeline-year{font-family:var(--display);font-size:30px;color:var(--brown)}

.editorial-grid{grid-template-columns:1fr 1fr 1fr}
.editorial-grid figure,.gallery-card{margin:0;position:relative;border-radius:28px;overflow:hidden;background:#f2dfc2;box-shadow:var(--shadow)}
.editorial-grid figure img,.gallery-card img{width:100%;height:100%;object-fit:cover}
.editorial-grid figure{height:340px}
.editorial-grid figure:nth-child(2){height:500px}
.editorial-grid figure figcaption,.gallery-card figcaption{position:absolute;left:14px;bottom:14px;background:rgba(255,255,255,.95);padding:9px 14px;border-radius:999px;font-size:12px;font-weight:700;color:var(--brown)}
.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.gallery-card{height:330px}

.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:28px;align-items:start}
.contact-panel,.form{background:#fff;border:1px solid var(--line);border-radius:30px;padding:34px;box-shadow:var(--shadow)}
.detail{padding:12px 0;border-bottom:1px solid rgba(90,35,18,.08);color:var(--muted)}
.detail:last-child{border-bottom:0}
.form{display:grid;gap:12px}
.form label{font-size:14px;font-weight:600;color:var(--brown)}
.form input,.form select,.form textarea{width:100%;padding:15px 16px;border:1px solid rgba(90,35,18,.14);border-radius:16px;background:#fffdf9;color:var(--ink)}
.form textarea{min-height:132px;resize:vertical}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quick-order{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}
.quick-order .mini-card{padding:18px;background:#fff;border:1px solid var(--line);border-radius:20px}
.quick-order strong{display:block;font-size:15px;margin-bottom:4px;color:var(--brown)}

.footer{background:#2e140d;color:#fcefe3;padding:68px 0 28px;margin-top:80px}
.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr 1fr;gap:26px}
.footer-logo{height:70px;object-fit:contain;filter:brightness(0) invert(1);margin-bottom:12px}
.footer h3{font-size:18px;color:#fff;margin-bottom:14px}
.footer a,.footer p{display:block;color:rgba(255,239,227,.74);font-size:14px;margin-bottom:10px}
.footer-bottom{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:rgba(255,239,227,.68);font-size:13px}

.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,18px);background:var(--brown);color:#fff;padding:14px 18px;border-radius:999px;box-shadow:0 16px 30px rgba(0,0,0,.22);opacity:0;pointer-events:none;transition:.25s ease;z-index:90;font-size:14px}
.toast.show{opacity:1;transform:translate(-50%,0)}
.drawer-back{position:fixed;inset:0;background:rgba(16,8,5,.44);opacity:0;pointer-events:none;transition:.25s ease;z-index:88}
.drawer-back.open{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;width:min(420px,100%);height:100vh;background:#fffdf9;z-index:89;transform:translateX(100%);transition:.35s cubic-bezier(.22,.61,.36,1);display:flex;flex-direction:column;box-shadow:-30px 0 60px rgba(0,0,0,.15)}
.drawer.open{transform:none}
.drawer-top,.drawer-bottom{padding:22px 24px;border-bottom:1px solid var(--line)}
.drawer-top{display:flex;align-items:center;justify-content:space-between}
.drawer-top h3{font-size:30px;font-family:var(--display);color:var(--brown)}
.drawer-items{flex:1;overflow:auto;padding:0 24px 18px}
.drawer-item{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.drawer-item small{display:block;color:var(--muted);font-size:12px}
.drawer-item-price{font-weight:700;color:var(--brown)}
.drawer-summary{display:flex;align-items:center;justify-content:space-between;font-size:16px;font-weight:700;color:var(--brown);padding-top:12px}
.drawer-empty{font-size:14px;color:var(--muted);line-height:1.8;padding-top:16px}
.x{border:none;background:#f4e9da;color:var(--brown);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:20px}
.notice strong{color:var(--brown)}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}
.fade-up{animation:fadeUp .85s ease both}
.fade-up.d2{animation-delay:.12s}
.fade-up.d3{animation-delay:.24s}
.pulse{animation:pulse 3.6s ease-in-out infinite}

@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes blink{50%{opacity:.25}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes floatSoft{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-10px)}}
@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(201,109,45,.15)}50%{box-shadow:0 0 0 12px rgba(201,109,45,0)}}

@media (max-width:1024px){
  .hero .container,.split,.contact-grid{grid-template-columns:1fr}
  .hero-visual{min-height:580px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .product-grid,.catalog-grid,.values,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .showcase-layout{grid-template-columns:1fr 1fr;grid-template-rows:250px 220px 220px}
  .showcase-layout>div:first-child{grid-column:span 2;grid-row:span 1}
}

@media (max-width:760px){
  .container{width:min(100%,calc(100% - 32px))}
  .nav{position:fixed;left:16px;right:16px;top:82px;background:#fffdf8;border-radius:22px;padding:18px;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:flex-start}
  .nav.open{display:flex}
  .nav a{color:var(--brown)}
  .nav a::after{background:var(--brown)}
  .hamburger{display:grid}
  .header-actions .btn-sm{display:none}
  h1{font-size:clamp(54px,16vw,78px)}
  h2{font-size:clamp(34px,10vw,48px)}
  .hero{padding:36px 0 56px}
  .hero .container{gap:26px}
  .hero-visual{min-height:470px}
  .hero-frame{height:470px;border-radius:34px}
  .hero-card{left:10px;bottom:18px;padding:14px 18px;max-width:70%}
  .hero-badge{top:18px;right:12px}
  .hero-pattern{display:none}
  .section{padding:72px 0}
  .section-head{display:block}
  .section-head .link-arrow{display:inline-block;margin-top:14px}
  .product-grid,.catalog-grid,.gallery-grid,.values,.quick-order{grid-template-columns:1fr}
  .product-image,.catalog-grid .product-image{height:280px}
  .image-arch{height:420px}
  .process-grid,.editorial-grid{grid-template-columns:1fr}
  .process-item .process-image{height:260px}
  .editorial-grid figure,.editorial-grid figure:nth-child(2),.gallery-card{height:320px}
  .showcase-layout{grid-template-columns:1fr;grid-template-rows:280px 220px 220px}
  .showcase-layout>div:first-child{grid-column:auto}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .form-row,.timeline-item{grid-template-columns:1fr}
  .drawer{width:100%}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
  .reveal{opacity:1;transform:none}
}

/* C’THOR storefront final: original direction, refined product staging */
.site-header{background:#5A2312}
.hero{background:#fffaf1}
.hero-visual{min-height:590px;isolation:isolate;animation:heroLift 1.15s ease-out both}
.hero-blob{inset:auto;width:99%;height:92%;background:#ed6b3d; border-radius:49% 51% 42% 58% / 40% 47% 53% 60%;transform:rotate(-11deg) scale(.93);box-shadow:24px 28px 0 #5a231218;animation:blobFloat 8s ease-in-out infinite}
.hero-photo{position:relative;z-index:1;width:91%;height:528px;object-fit:cover;object-position:center 36%;border-radius:49% 51% 42% 58% / 40% 47% 53% 60%;transform:none;filter:none;animation:heroAppear 1.3s cubic-bezier(.18,.8,.2,1) both;box-shadow:0 10px 28px #441c1012}
.hero-pattern{display:none}
.hero-visual:hover .hero-photo{transform:scale(1.014);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
@keyframes heroLift{from{opacity:.4;transform:translateY(38px)}to{opacity:1;transform:translateY(0)}}
@keyframes heroAppear{from{opacity:.35;clip-path:inset(9% 9% 9% 9% round 44%)}to{opacity:1;clip-path:inset(0% 0% 0% 0% round 44%)}}
.product-image{background:#fff;border-bottom:1px solid #f1e8d9}
.product-image img{object-fit:contain;object-position:center;width:100%;height:100%;padding:12px}
.product-details .product-type{font-family:var(--body);font-size:16px;font-weight:800;letter-spacing:0;color:var(--brown)}
.product-details h3{font-size:29px}
.product-card{border-color:#eadfd2}
.checkout-section{background:#fffaf1}
.checkout-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:9%;align-items:start}
.checkout-form-col h2{font-size:clamp(40px,4vw,60px);margin:15px 0}
.checkout-help{font-size:13px;color:var(--muted);margin-bottom:26px}
.checkout-summary{padding:32px;background:white;border:1px solid #eddccb;border-radius:20px;position:sticky;top:110px;box-shadow:0 18px 60px #5a23120d}
.checkout-summary h3{font-size:33px;margin:15px 0 20px}
.checkout-line{display:flex;gap:18px;border-bottom:1px solid #eee1d5;padding:17px 0;align-items:center}
.checkout-line img{width:84px;height:85px;object-fit:contain;background:#fff9f2;border-radius:12px}
.checkout-line-detail{flex:1;min-width:0}
.checkout-line-detail b{font-size:13px;display:block}
.checkout-line-detail small{color:var(--muted);display:block;margin:7px 0}
.qty-control{display:flex;align-items:center;gap:12px}
.qty-control button{width:29px;height:29px;background:white;border:1px solid #d5bfab;border-radius:50%;color:var(--brown)}
.qty-control span{font-size:13px;font-weight:700}
.checkout-totals{margin:30px 0}
.checkout-totals>div{display:flex;justify-content:space-between;padding:12px 0;font-size:13px}
.checkout-totals .sum-final{border-top:1px solid #d9c5ad;margin-top:12px;padding-top:20px;font-size:16px}
.checkout-legal{font-size:11px;color:var(--muted);line-height:1.7;margin-bottom:20px}
.checkout-message{margin-top:15px;font-size:12px;color:#87350d;line-height:1.6}
@media(max-width:980px){.nav{gap:17px}.header-wrap{gap:15px}.nav a{font-size:11px}}
@media(max-width:760px){.checkout-layout{grid-template-columns:1fr;gap:25px}.checkout-summary{order:-1;position:static}.hero-visual{min-height:440px}.hero-photo{height:407px;width:94%}.hero-blob{height:92%}.site-header .nav a{color:var(--brown)}.site-header .nav{z-index:100}}
@media(max-width:420px){.hero-visual{min-height:350px}.hero-photo{height:335px;width:93%}.product-image img{padding:8px}}
@media(prefers-reduced-motion:reduce){.hero-visual,.hero-photo{animation:none!important}}
/* Portrait centré pour préserver visage, toque et plateau dans la forme organique */
.hero-photo{object-position:50% 50%}

/* C’THOR - remplacement des étoiles décoratives, sans modifier la maquette */
.cthor-motif-symbol{display:inline-block;width:28px;height:28px;min-width:28px;background:url("assets/motif-officiel.png") center/contain no-repeat;vertical-align:middle}
.cthor-motif-separator{display:inline-block;width:19px;height:19px;min-width:19px;background:url("assets/motif-officiel.png") center/contain no-repeat;vertical-align:middle;font-style:normal}
.cthor-motif-inline{display:inline-block;width:17px;height:17px;min-width:17px;margin-right:4px;background:url("assets/motif-officiel.png") center/contain no-repeat;vertical-align:middle}


/* RETOUCHE C’THOR : motifs seuls, sans encadrés — aucun autre élément modifié */
/* Bande de référence : crème clair et typographie marron, mêmes textes et animation */
.marquee{background:#F6EFE1;color:#775846}
.marquee-track{color:#775846}
.marquee-track span{color:#775846}
/* Motif monochrome détaché du fond, sans forme ni rectangle */
.cthor-motif-symbol, .cthor-motif-separator, .cthor-motif-inline, .eyebrow::before{
  background-image:url('assets/motif-marron.png');
  background-position:center; background-repeat:no-repeat; background-size:contain;
  background-color:transparent; border:0; border-radius:0; box-shadow:none;
}
.cthor-motif-separator{width:36px;height:22px;min-width:36px}
/* Icône en superposition sur les fonds clairs : marron sans cadre */
.hero-pattern{
  background:url('assets/motif-marron.png') center/contain no-repeat;
  border-radius:0;box-shadow:none;border:none;opacity:.45;
}
/* Motifs décoratifs transparents sur fond clair */
.hero-frame::before,.image-arch::before{
  background-image:url('assets/motif-marron.png');
  background-size:230px 92px; background-repeat:repeat;
}
/* Motifs décoratifs blancs sur le bandeau marron */
.brand-strip::before{
  background-image:url('assets/motif-blanc.png');
  background-size:230px 92px; background-repeat:repeat;
}


/* C'THOR : retouches ciblées validées : vrai motif, espaces, animations. */
/* Motif original extrait à l'identique du motif officiel (pas de nouveau dessin). */
.cthor-motif-symbol,.cthor-motif-separator,.cthor-motif-inline,.eyebrow::before{
  background-image:url('assets/motif-authentique-marron.png') !important;
  background-position:center;background-repeat:no-repeat;background-size:contain;
  background-color:transparent!important;box-shadow:none!important;border:none!important;border-radius:0!important;
}
.cthor-motif-symbol{width:34px;height:34px;min-width:34px}
.cthor-motif-separator{width:25px;height:25px;min-width:25px}
.cthor-motif-inline{width:20px;height:20px;min-width:20px}
/* Motif authentique sans fond carré ou cartouche autour. */
.hero-pattern{background:url('assets/motif-authentique-marron.png') center/contain no-repeat!important;
  background-color:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;}
.hero-frame::before,.image-arch::before{
  background-image:url('assets/motif-authentique-marron.png')!important;
  background-size:150px 150px!important;background-repeat:repeat!important;
}
.brand-strip::before{
  background-image:url('assets/motif-authentique-blanc.png')!important;
  background-size:170px 170px!important;background-repeat:repeat!important;
}
/* Bande creme selon la version approuvee; motif brun reel. */
.marquee{background:#F6EFE1;color:#775846}
.marquee-track,.marquee-track span{color:#775846}
.marquee-track .cthor-motif-separator{background-image:url('assets/motif-authentique-marron.png')!important}
/* Sur fond marron : motif crème/blanc, sans cadre */
.brand-strip .cthor-motif-symbol,.footer .cthor-motif-inline,.footer .cthor-motif-separator{
  background-image:url('assets/motif-authentique-blanc.png')!important
}
/* Corrige le vide entre sections sans toucher aux colonnes, photos ou cartes. */
.section{padding-top:60px;padding-bottom:60px}
.brand-strip{padding-top:65px;padding-bottom:65px}
.footer{margin-top:0}
.hero{padding-bottom:45px}
.inner-hero{padding-bottom:42px}
@media(max-width:1024px){.section{padding-top:54px;padding-bottom:54px}}
@media(max-width:760px){.section{padding-top:43px;padding-bottom:43px}.brand-strip{padding-top:50px;padding-bottom:50px}}
/* Animations plus perceptibles au scroll, sans saut ni espace vide si JS ne charge pas. */
.reveal{opacity:1;transform:none;filter:none}
.motion-ready .reveal:not(.in){opacity:0;transform:translateY(24px);filter:blur(2px)}
.motion-ready .reveal{transition:opacity .8s cubic-bezier(.21,.65,.26,1),transform .8s cubic-bezier(.21,.65,.26,1),filter .8s ease}
.motion-ready .product-grid .product-card:nth-child(2),.motion-ready .process-grid>*:nth-child(2){transition-delay:80ms}
.motion-ready .product-grid .product-card:nth-child(3),.motion-ready .process-grid>*:nth-child(3){transition-delay:160ms}
.product-image img,.showcase-layout img,.gallery-card img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.product-card:hover .product-image img,.showcase-layout>div:hover img,.gallery-card:hover img{transform:scale(1.055)}
.btn,.add-item{transition:transform .28s ease,box-shadow .28s ease,background-color .28s ease}
.btn:hover,.add-item:hover{transform:translateY(-3px)}
.marquee-track{animation-duration:23s}
.order-contact-tip{color:var(--brown);background:#fff8ee;padding:10px 14px;border-radius:10px;font-size:13px;margin:0 0 12px}
.checkout-message.success{color:#207245;font-weight:600}
.checkout-message.error{color:#a12c20;font-weight:600}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal:not(.in){opacity:1;transform:none;filter:none}.marquee-track{animation:none!important}}