:root{--pink:#f55c93;--pink-soft:#ffd8e5;--pink-pale:#fff1f6;--yellow:#f7c958;--yellow-soft:#fff3bf;--cream:#fffaf6;--ink:#2d292b;--muted:#6e666a;--white:#fff;--border:#f2e7ea;--radius:24px;--shadow:0 18px 50px rgba(70,38,50,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 36px));margin:auto}.screen-reader-text{position:absolute;left:-9999px}.topbar{background:linear-gradient(90deg,var(--pink),#ff7bad);color:#fff;font-size:.82rem}.topbar-inner{display:flex;justify-content:space-between;gap:20px;padding:9px 0}.site-header{background:#fff;border-bottom:1px solid #f6edf0;position:sticky;top:0;z-index:50}.header-inner{height:92px;display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:25px}.brand-text{display:flex;align-items:center;gap:12px}.brand-mark{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:1.3rem;background:repeating-linear-gradient(90deg,#ffd6e3 0 12px,#fff2b8 12px 24px);border:2px solid var(--pink);color:var(--pink)}.brand-text strong{display:block;font-family:Georgia,serif;letter-spacing:.08em;font-size:1.35rem;color:var(--pink)}.brand-text small{display:block;color:var(--yellow);letter-spacing:.3em;font-size:.68rem}.main-nav .menu{display:flex;justify-content:center;gap:30px;list-style:none;margin:0;padding:0}.main-nav a{font-size:.94rem;font-weight:600}.main-nav a:hover{color:var(--pink)}.header-actions{display:flex;align-items:center;gap:18px;font-size:1.35rem}.cart-link{position:relative}.hanna-cart-count{position:absolute;top:-10px;right:-10px;background:var(--pink);color:#fff;border-radius:50%;font-size:.68rem;width:20px;height:20px;display:grid;place-items:center}.menu-toggle{display:none;border:0;background:none;font-size:1.5rem}.hero-section{background:linear-gradient(100deg,#fff8f4 0%,#fff3ef 55%,#fff 100%);overflow:hidden}.hero-grid{min-height:560px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:50px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--pink);font-weight:800;font-size:.78rem;margin:0 0 12px}.hero-copy h1,.story-copy h2,.section-heading h2{font-family:Georgia,"Times New Roman",serif;line-height:1.1}.hero-copy h1{font-size:clamp(2.6rem,5vw,5rem);margin:0 0 22px}.hero-copy>p:not(.eyebrow){font-size:1.08rem;color:var(--muted);max-width:560px}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 25px;border-radius:999px;font-weight:800}.btn-primary{background:var(--pink);color:#fff;box-shadow:0 10px 24px rgba(245,92,147,.24)}.btn-outline{border:2px solid var(--yellow);color:#9d6d00;background:#fff}.hero-visual{height:470px;border-radius:46% 46% 18% 18%;background:radial-gradient(circle at 50% 40%,#fff 0,#fff7f8 50%,#ffdce7 100%);position:relative;box-shadow:var(--shadow);overflow:hidden}.hero-visual.has-image{background-size:cover;background-position:center}.bracelet-art{position:absolute;inset:0;display:grid;place-items:center}.bracelet-art span{position:absolute;width:300px;height:105px;border:22px solid;border-radius:50%;transform:rotate(-8deg);box-shadow:0 10px 18px rgba(80,50,60,.12)}.bracelet-art span:nth-child(1){border-color:#f8a0bd;top:100px}.bracelet-art span:nth-child(2){border-color:#ffd880;top:145px}.bracelet-art span:nth-child(3){border-color:#f7c3d1;top:190px}.bracelet-art span:nth-child(4){border-color:#f294ab;top:235px}.bracelet-art span:nth-child(5){border-color:#f6d6a4;top:280px}.benefits{background:#fff;border-bottom:1px solid var(--border)}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.benefits article{display:flex;gap:16px;padding:30px;border-right:1px solid var(--border)}.benefits article:last-child{border-right:0}.benefit-icon{width:54px;height:54px;flex:0 0 54px;border-radius:50%;display:grid;place-items:center;background:var(--pink-pale);color:var(--pink);font-family:Georgia,serif;font-size:1.5rem}.benefits h3{margin:0 0 6px}.benefits p{margin:0;color:var(--muted);font-size:.92rem}.section-pad{padding:86px 0}.story-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.story-image{height:420px;border-radius:var(--radius);position:relative;overflow:hidden}.striped-card{background:repeating-linear-gradient(90deg,#ffdce7 0 40px,#fff3bc 40px 80px)}.floating-rings i{position:absolute;border:18px solid;border-radius:50%;width:270px;height:95px;left:50%;transform:translateX(-50%) rotate(-8deg);box-shadow:0 10px 30px rgba(65,35,45,.1)}.floating-rings i:nth-child(1){top:105px;border-color:#fff}.floating-rings i:nth-child(2){top:165px;border-color:#f55c93}.floating-rings i:nth-child(3){top:225px;border-color:#f7c958}.story-copy h2{font-size:clamp(2rem,4vw,3.5rem);margin:0 0 20px}.story-copy p{color:var(--muted);font-size:1.05rem}.text-link{display:inline-block;margin-top:14px;color:var(--pink);font-weight:800}.section-heading{text-align:center;margin-bottom:36px}.section-heading h2{font-size:2.8rem;margin:0}.editorial-links{background:#fffafc}.editorial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.editorial-card{height:260px;border-radius:22px;padding:24px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:var(--shadow);position:relative;overflow:hidden}.editorial-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(52,27,38,.55),rgba(52,27,38,.02));z-index:0}.editorial-card span,.editorial-card small{position:relative;z-index:1}.editorial-card span{font-family:Georgia,serif;font-size:1.6rem}.card-bracelets{background:radial-gradient(circle at 45% 35%,#ffe1ea,#f48eb1)}.card-new{background:radial-gradient(circle at 45% 35%,#fff4c7,#f7c958)}.card-gifts{background:radial-gradient(circle at 45% 35%,#ffe7ef,#ed789f)}.card-colors{background:linear-gradient(135deg,#f7c958,#f55c93)}.inspiration-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.inspo{aspect-ratio:1/1.1;border-radius:18px;background-size:cover}.inspo.one{background:linear-gradient(145deg,#ffe9ef,#f7c958)}.inspo.two{background:repeating-linear-gradient(45deg,#ffd9e5 0 18px,#fff2b7 18px 36px)}.inspo.three{background:radial-gradient(circle,#fff 10%,#f7c958 12%,#ffdce8 55%)}.inspo.four{background:linear-gradient(45deg,#f7c958,#fff,#f55c93)}.inspo.five{background:radial-gradient(circle at 35% 30%,#fff,#ffdbe7 60%,#f59cba)}.inspo.six{background:linear-gradient(135deg,#fff0c0,#f8a6c1)}.newsletter-strip{background:repeating-linear-gradient(90deg,#ffdfe8 0 42px,#fff1b9 42px 84px);padding:42px 0}.newsletter-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.newsletter-inner h2{margin:0;font-family:Georgia,serif}.newsletter-form{display:flex;min-width:min(520px,100%)}.newsletter-form input{flex:1;border:0;padding:16px 20px;border-radius:999px 0 0 999px}.newsletter-form button{border:0;background:var(--pink);color:#fff;font-weight:800;padding:0 24px;border-radius:0 999px 999px 0}.site-footer{background:#fff;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}.footer-grid h3{margin-top:0}.footer-grid a{display:block;color:var(--muted);margin:8px 0}.footer-logo{font-family:Georgia,serif;color:var(--pink);font-size:1.5rem;letter-spacing:.08em}.footer-logo span{display:block;color:var(--yellow);font-size:.7rem;letter-spacing:.3em}.footer-bottom{border-top:1px solid var(--border);margin-top:35px;padding-top:18px;color:var(--muted);font-size:.85rem}.content-narrow{max-width:850px}.empty-state{text-align:center}.shop-wrap .woocommerce ul.products li.product{background:#fff;border:1px solid var(--border);border-radius:18px;padding:12px;box-shadow:0 8px 25px rgba(70,38,50,.05)}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:var(--pink)!important;color:#fff!important;border-radius:999px!important;padding:13px 20px!important}.woocommerce span.onsale{background:var(--yellow)!important;color:#7a5900!important}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--pink)!important}
@media(max-width:980px){.header-inner{grid-template-columns:auto 1fr auto}.menu-toggle{display:block}.main-nav{position:absolute;top:92px;left:0;right:0;background:#fff;display:none;border-top:1px solid var(--border);box-shadow:var(--shadow)}.main-nav.is-open{display:block}.main-nav .menu{flex-direction:column;padding:24px}.site-branding{justify-self:center}.brand-text strong{font-size:1rem}.header-actions a:first-child{display:none}.hero-grid,.story-grid{grid-template-columns:1fr}.hero-grid{padding:55px 0}.hero-visual{height:380px}.benefits-grid{grid-template-columns:1fr}.benefits article{border-right:0;border-bottom:1px solid var(--border)}.editorial-grid{grid-template-columns:repeat(2,1fr)}.inspiration-grid{grid-template-columns:repeat(3,1fr)}.newsletter-inner{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.topbar-inner span:nth-child(2),.topbar-inner span:nth-child(3){display:none}.topbar-inner{justify-content:center}.header-inner{height:74px}.brand-mark{width:46px;height:46px}.brand-text small{display:none}.header-actions{gap:12px;font-size:1.1rem}.hero-grid{min-height:auto}.hero-copy h1{font-size:2.55rem}.hero-visual{height:300px}.bracelet-art span{width:210px;height:74px;border-width:15px}.bracelet-art span:nth-child(1){top:60px}.bracelet-art span:nth-child(2){top:100px}.bracelet-art span:nth-child(3){top:140px}.bracelet-art span:nth-child(4){top:180px}.bracelet-art span:nth-child(5){top:220px}.section-pad{padding:60px 0}.editorial-grid{grid-template-columns:1fr}.inspiration-grid{grid-template-columns:repeat(2,1fr)}.newsletter-form{min-width:100%}.newsletter-form input{min-width:0}.footer-grid{grid-template-columns:1fr}.section-heading h2{font-size:2.2rem}}

/* Hanna Shopping 1.3 : en-tête, accueil éditorial et images personnalisables */
.site-header{position:sticky;top:0;z-index:100;background:#fff;overflow:visible}
.header-inner{min-height:138px;height:auto;display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:28px}
.custom-logo-link{display:flex;align-items:center;flex-shrink:0}
.custom-logo{display:block;width:130px;height:130px;max-width:130px;max-height:130px;object-fit:contain}
.main-nav,.main-nav .menu{align-items:center}
.hero-section{position:relative;z-index:1}
.hero-grid{padding-top:42px;padding-bottom:42px}
.story-image.has-image{background-size:cover;background-position:center;box-shadow:var(--shadow)}
.editorial-card.has-image{background-size:cover;background-position:center}
.editorial-card.has-image:before{background:linear-gradient(0deg,rgba(52,27,38,.68),rgba(52,27,38,.05) 72%)}
.editorial-card{transition:transform .25s ease,box-shadow .25s ease}
.editorial-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(70,38,50,.16)}

@media(max-width:1050px){
  .header-inner{grid-template-columns:120px 1fr auto;min-height:106px}
  .custom-logo{width:96px;height:96px;max-width:96px;max-height:96px}
  .main-nav .menu{gap:18px}
}
@media(max-width:800px){
  .header-inner{min-height:90px;grid-template-columns:auto 1fr auto}
  .custom-logo{width:78px;height:78px;max-width:78px;max-height:78px}
  .hero-grid{padding-top:28px;padding-bottom:32px}
}