/* ==========================================================
   HÉCATE V7.1 — SIGNATURE
   Visual / UX redesign only. No Raven OS, Bridge or security changes.
   Keeps the official Hécate logo, official Mystery Box photo and
   the real product imagery/catalogue (including the original glasses).
   ========================================================== */
:root{
  --h71-ink:#171118;
  --h71-blackberry:#140f17;
  --h71-night:#1d1421;
  --h71-night-2:#281b2d;
  --h71-plum:#3a263f;
  --h71-violet:#745782;
  --h71-violet-soft:#a98bb6;
  --h71-paper:#f1e9df;
  --h71-paper-soft:#e8ddd0;
  --h71-bone:#f7f1e9;
  --h71-gold:#b88a54;
  --h71-line:rgba(23,17,24,.13);
  --h71-white-line:rgba(255,255,255,.13);
  --h71-max:1460px;
  --h71-shadow:0 26px 85px rgba(19,10,22,.16);
  --h71-soft-shadow:0 18px 55px rgba(37,23,40,.08);
}

body{
  background:
    radial-gradient(circle at 8% 5%,rgba(116,87,130,.075),transparent 27%),
    radial-gradient(circle at 92% 35%,rgba(184,138,84,.05),transparent 24%),
    var(--h71-paper)!important;
}

/* ----- announcement + unified header ----- */
.announcement,.category-announcement{
  min-height:34px!important;
  padding:8px 20px!important;
  background:#0f0a12!important;
  color:rgba(247,241,233,.84)!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
  font-size:8px!important;
  letter-spacing:.19em!important;
}

.site-header,.top{
  min-height:88px!important;
  padding:10px clamp(18px,4vw,62px)!important;
  background:rgba(20,15,23,.965)!important;
  color:var(--h71-bone)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 10px 34px rgba(8,4,10,.12)!important;
  backdrop-filter:blur(22px) saturate(1.05)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.05)!important;
}

.site-header .brand,.top .brand{gap:14px!important;color:var(--h71-bone)!important}
.site-header .brand-logo,.top .brand-logo{
  width:60px!important;height:60px!important;flex:0 0 60px!important;
  background:#0d0910!important;border-radius:50%!important;
  box-shadow:0 0 0 1px rgba(169,139,182,.30),0 0 0 5px rgba(116,87,130,.08),0 10px 26px rgba(0,0,0,.22)!important;
}
.site-header .brand-logo img,.top .brand-logo img{object-fit:contain!important;filter:none!important}
.site-header .brand strong,.top .brand strong{
  color:#f8f2eb!important;font-size:14px!important;line-height:1.1!important;letter-spacing:.01em!important;
  text-shadow:0 1px 10px rgba(0,0,0,.16)!important
}
.site-header .brand small,.top .brand small{
  color:rgba(247,241,233,.72)!important;font-size:8px!important;line-height:1.2!important;
  letter-spacing:.14em!important;text-shadow:0 1px 8px rgba(0,0,0,.12)!important
}

.desktop-nav,.top .category-home-nav,.top .nav{
  gap:clamp(13px,1.75vw,28px)!important;
  font-size:11px!important;
  font-weight:500!important;
  line-height:1!important;
}
.desktop-nav a,.top .category-home-nav a,.top .nav a{
  position:relative!important;
  min-height:42px!important;
  display:inline-flex!important;align-items:center!important;
  padding:11px 0!important;
  color:rgba(247,241,233,.77)!important;
  font-size:11px!important;font-weight:500!important;
  text-decoration:none!important;
}
.desktop-nav a:hover,.top .category-home-nav a:hover,.top .nav a:hover{color:#fff!important}
.desktop-nav a:after,.top .category-home-nav a:after,.top .nav a:after{
  content:""!important;position:absolute!important;left:50%!important;right:50%!important;bottom:4px!important;height:1px!important;
  background:linear-gradient(90deg,var(--h71-violet-soft),var(--h71-gold))!important;
  transition:left .2s ease,right .2s ease!important;
}
.desktop-nav a:hover:after,.top .category-home-nav a:hover:after,.top .nav a:hover:after{left:0!important;right:0!important}

.header-actions{gap:8px!important;align-items:center!important}
.header-actions a,.icon-btn,.bag-btn,.category-cart-btn{
  min-height:40px!important;padding:0 13px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.025)!important;
  color:rgba(247,241,233,.78)!important;
  box-shadow:none!important;font-size:9px!important;
}
.header-actions a:hover,.icon-btn:hover,.bag-btn:hover,.category-cart-btn:hover{background:rgba(255,255,255,.065)!important;color:#fff!important}
.admin-access-btn,.header-actions .admin{opacity:.62!important}
.bag-btn span,.category-cart-btn span{
  display:inline-grid!important;place-items:center!important;min-width:19px!important;height:19px!important;margin-left:6px!important;border-radius:50%!important;
  background:var(--h71-violet)!important;color:#fff!important;font-size:8px!important
}

/* ----- Homepage editorial hero ----- */
body.home-page .hero{
  width:100%!important;max-width:none!important;
  min-height:610px!important;margin:0!important;
  grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)!important;
  border:0!important;border-radius:0!important;
  background:linear-gradient(120deg,#100b12 0%,#1c1320 53%,#201623 100%)!important;
  box-shadow:none!important;color:#fff!important;
}
body.home-page .hero-copy{
  min-height:610px!important;
  padding:clamp(50px,6vw,90px) clamp(28px,7vw,112px)!important;
  background:
    radial-gradient(circle at 4% 48%,rgba(116,87,130,.16),transparent 30%),
    radial-gradient(circle at 88% 13%,rgba(184,138,84,.07),transparent 25%),
    linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px),
    transparent!important;
  background-size:auto,auto,54px 54px,54px 54px,auto!important;
  color:#fff!important;
}
body.home-page .hero-copy:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;
  background:
    radial-gradient(circle at 10% 22%,#fff 0 1px,transparent 1.5px),
    radial-gradient(circle at 23% 70%,rgba(184,138,84,.9) 0 1px,transparent 1.5px),
    radial-gradient(circle at 76% 20%,rgba(169,139,182,.8) 0 1px,transparent 1.5px),
    radial-gradient(circle at 88% 68%,#fff 0 1px,transparent 1.5px);
}
body.home-page .hero-brand-logo{
  width:150px!important;max-width:30%!important;margin:4px 0 12px!important;filter:none!important
}
body.home-page .hero .eyebrow{color:rgba(215,191,224,.78)!important}
body.home-page .hero h1{
  max-width:690px!important;margin:10px 0 20px!important;
  color:#fff!important;font-size:clamp(50px,5.5vw,82px)!important;line-height:.94!important;letter-spacing:-.045em!important;
}
body.home-page .hero h1 em{color:#b48fc4!important}
body.home-page .hero-copy>p{
  max-width:600px!important;color:rgba(247,241,233,.68)!important;font-size:12px!important;line-height:1.82!important
}
body.home-page .hero .primary-btn{
  background:linear-gradient(100deg,#5d3c6a,#7c5a89)!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important
}
body.home-page .hero .text-link{color:rgba(247,241,233,.82)!important;border-bottom-color:rgba(247,241,233,.34)!important}
body.home-page .hero-proof span{
  color:rgba(247,241,233,.72)!important;background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.08)!important
}
body.home-page .moon-phases{color:rgba(199,176,207,.58)!important}
body.home-page .hero-visual{min-height:610px!important;background:#130d15!important}
body.home-page .hero-visual>img{filter:saturate(.88) contrast(1.03) brightness(.88)!important}
body.home-page .hero-visual .veil{
  background:linear-gradient(90deg,rgba(16,11,18,.45),transparent 25%),linear-gradient(180deg,transparent 54%,rgba(14,9,16,.52))!important
}
body.home-page .hero-card{
  background:rgba(18,12,20,.62)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(14px)!important
}
body.home-page .hero-card small{color:rgba(255,255,255,.5)!important}

.incantation-strip{margin:0!important;background:#0e0911!important;border-top:1px solid rgba(255,255,255,.04)!important}

/* ----- Featured collections / real existing products ----- */
.shop-intro{
  width:min(calc(100% - 36px),var(--h71-max))!important;
  padding:70px 0 26px!important;margin:auto!important
}
.shop-intro h2{font-size:clamp(40px,4.2vw,64px)!important;color:var(--h71-ink)!important}
.product-showcase{
  width:min(calc(100% - 36px),var(--h71-max))!important;
  padding:0 0 82px!important;margin:auto!important
}
.home-three-products .mixed-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.product-card{
  border:1px solid rgba(23,17,24,.09)!important;
  border-radius:22px!important;background:rgba(248,243,236,.88)!important;
  box-shadow:var(--h71-soft-shadow)!important;overflow:hidden!important
}
.product-card:hover{transform:translateY(-4px)!important;box-shadow:0 24px 64px rgba(29,17,32,.13)!important}
.product-image-wrap,.product-image,.bookmark-wrap{background:#1a121d!important;border-radius:16px!important;overflow:hidden!important}
.product-image-wrap img,.product-image img{filter:none!important}
.product-meta h3{color:var(--h71-ink)!important}
.quick-add,.product-add{
  border-radius:999px!important;background:rgba(20,15,23,.90)!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important
}

.v7-trust-strip{
  background:rgba(247,241,233,.78)!important;border-color:rgba(23,17,24,.08)!important;margin-bottom:82px!important
}
.v7-trust-strip b{background:rgba(116,87,130,.09)!important;color:var(--h71-violet)!important}

/* ----- Box Mystère: keep the real official photo ----- */
.mystery-box-home{
  width:min(calc(100% - 36px),var(--h71-max))!important;
  grid-template-columns:1.07fr .93fr!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:26px!important;
  background:linear-gradient(125deg,#100b12,#221627)!important;
  box-shadow:var(--h71-shadow)!important;margin-bottom:90px!important
}
.mystery-box-home-visual{min-height:510px!important}
.mystery-box-photo{object-fit:cover!important;filter:none!important}
.mystery-box-home-copy{padding:clamp(40px,5vw,72px)!important}
.mystery-box-home-copy h2{font-size:clamp(46px,4.8vw,68px)!important}
.mystery-box-home-copy h2 em{color:#b794c5!important}
.mystery-box-home-copy li{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.09)!important}
.mystery-box-home .primary-btn{background:#f0e8de!important;color:#171118!important}

/* ----- Other homepage sections ----- */
.custom-order,.category-banner,.bookmark-feature,.story,.faq,.newsletter{
  width:min(calc(100% - 36px),var(--h71-max))!important;
}
.custom-order{border-radius:26px!important;background:rgba(247,241,233,.88)!important;border:1px solid rgba(23,17,24,.08)!important;box-shadow:var(--h71-soft-shadow)!important}
.rd-block{display:none!important}
.faq details{border-color:rgba(23,17,24,.11)!important}
.newsletter{border-radius:26px!important;background:linear-gradient(120deg,#171019,#281b2d)!important;color:#fff!important}
.newsletter .eyebrow,.newsletter p{color:rgba(247,241,233,.68)!important}

/* ----- Category pages: editorial dark hero, same navigation scale ----- */
body[data-type] .hero,
body.home-page .top + main .hero{
  width:100%!important;max-width:none!important;margin:0!important;
}
body[data-type] .hero{
  min-height:390px!important;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
  background:linear-gradient(120deg,#100b12,#231727)!important;color:#fff!important;border:0!important
}
body[data-type] .hero-copy{
  padding:clamp(48px,5vw,74px) clamp(26px,7vw,108px)!important;
  background:
    radial-gradient(circle at 7% 18%,rgba(116,87,130,.15),transparent 30%),
    radial-gradient(circle at 90% 82%,rgba(184,138,84,.05),transparent 26%),
    transparent!important
}
body[data-type] .hero-copy .eyebrow{color:#b99ac7!important;opacity:1!important}
body[data-type] .hero-copy h1{color:#fff!important;font-size:clamp(48px,4.5vw,68px)!important;line-height:.95!important}
body[data-type] .hero-copy h1 em{color:#b790c5!important}
body[data-type] .hero-copy p{color:rgba(247,241,233,.67)!important;font-size:11px!important;line-height:1.75!important}
body[data-type] .hero-visual{min-height:390px!important;background:#140e17!important}
body[data-type] .hero-visual img{object-fit:cover!important;filter:saturate(.9) brightness(.78)!important}
body[data-type] .hero-visual:after{background:linear-gradient(90deg,rgba(16,11,18,.35),transparent 30%),linear-gradient(180deg,transparent 60%,rgba(12,8,14,.52))!important}
body[data-type] .hero-label{background:rgba(16,11,18,.72)!important;color:#fff!important;border:1px solid rgba(255,255,255,.10)!important;backdrop-filter:blur(12px)!important}
body[data-type] .hero-label span{color:rgba(255,255,255,.55)!important}

.category-switch{
  border-top:0!important;border-bottom:1px solid rgba(23,17,24,.10)!important;
  background:rgba(247,241,233,.92)!important;padding:13px clamp(16px,5vw,76px)!important;
  gap:8px!important
}
.category-switch a{
  min-height:38px!important;padding:0 15px!important;border-radius:999px!important;
  border:1px solid rgba(23,17,24,.10)!important;background:rgba(255,255,255,.45)!important;
  font-size:9px!important;color:rgba(23,17,24,.68)!important
}
.category-switch a.active{background:var(--h71-plum)!important;color:#fff!important;border-color:var(--h71-plum)!important}

body[data-type] .content{
  width:min(calc(100% - 36px),var(--h71-max))!important;margin:auto!important;
  padding:62px 0 86px!important
}
body[data-type] .section-head{margin-bottom:25px!important}
body[data-type] .section-head h2{font-size:clamp(38px,4vw,58px)!important;color:var(--h71-ink)!important}
body[data-type] .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
body[data-type] .product-card{padding:9px!important}
body[data-type] .product-image{aspect-ratio:4/5!important}
body[data-type] .product-image img{height:100%!important;object-fit:cover!important}
body[data-type="glass"] .product-image img{
  /* Do not replace / reshape the real glass assets. Only contain them cleanly. */
  object-fit:contain!important;background:#171019!important;padding:4px!important
}
body[data-type] .product-meta{padding:14px 5px 7px!important}
body[data-type] .product-meta h3{font-size:22px!important;line-height:1.02!important}
body[data-type] .product-meta p{font-size:8px!important;line-height:1.5!important}
body[data-type] .product-meta strong{font-size:10px!important;color:var(--h71-plum)!important}
body[data-type] .product-add{min-height:42px!important;margin:0 4px 4px!important;font-size:8px!important}

.collection-browser{margin-bottom:34px!important}
.collection-folder{border-radius:20px!important;background:rgba(248,243,236,.86)!important;border-color:rgba(23,17,24,.09)!important;box-shadow:var(--h71-soft-shadow)!important}
.collection-folder-image{background:#171019!important}
.collection-folder-copy h3{font-size:26px!important}

/* ----- Personalisation page ----- */
.custom-shell{
  width:min(calc(100% - 36px),var(--h71-max))!important;margin:70px auto 90px!important;
  gap:30px!important
}
.custom-copy,.dm{border-radius:24px!important;border:1px solid rgba(23,17,24,.09)!important;box-shadow:var(--h71-soft-shadow)!important}
.dm{background:rgba(248,243,236,.9)!important}
.dm-head{background:#171019!important;color:#fff!important;border-radius:23px 23px 0 0!important}
.dm-form input,.dm-form textarea{background:#fffaf5!important}

/* ----- Dedicated Box page ----- */
.box-hero{
  width:100%!important;max-width:none!important;margin:0!important;
  min-height:520px!important;border:0!important;border-radius:0!important;
  background:linear-gradient(120deg,#100b12,#211625)!important;color:#fff!important
}
.box-hero-copy{padding:clamp(52px,6vw,84px) clamp(28px,7vw,108px)!important}
.box-hero-copy .eyebrow{color:#b894c6!important}
.box-hero-copy h1{font-size:clamp(54px,5.2vw,78px)!important;color:#fff!important}
.box-hero-copy h1 em{color:#b790c5!important}
.box-hero-copy p{color:rgba(247,241,233,.68)!important}
.box-month{border-color:rgba(255,255,255,.16)!important;color:rgba(247,241,233,.72)!important}
.box-price-row,.box-availability{border-color:rgba(255,255,255,.11)!important}
.box-price-row strong{color:#fff!important}
.box-primary{background:linear-gradient(100deg,#5d3c6a,#7b5888)!important;color:#fff!important;border:0!important;border-radius:999px!important}
.box-secondary{color:#fff!important;border-color:rgba(255,255,255,.18)!important;border-radius:999px!important}
.box-hero-visual{min-height:520px!important;background:#140e17!important}
.box-main-image{object-fit:cover!important;filter:none!important}
.box-veil{background:linear-gradient(90deg,rgba(16,11,18,.32),transparent 28%),linear-gradient(180deg,transparent 64%,rgba(12,8,14,.30))!important}
.box-edition-stamp{background:rgba(17,11,19,.67)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important;backdrop-filter:blur(12px)!important}
.box-content-section,.box-how,.box-reservation{
  width:min(calc(100% - 36px),var(--h71-max))!important;margin-left:auto!important;margin-right:auto!important
}
.box-content-section{padding-top:76px!important;padding-bottom:70px!important}
.box-content-grid article{border-radius:20px!important;border-color:rgba(23,17,24,.09)!important;background:rgba(248,243,236,.82)!important;box-shadow:var(--h71-soft-shadow)!important}
.box-how{border-radius:26px!important;overflow:hidden!important;background:#171019!important;color:#fff!important}
.box-how p{color:rgba(247,241,233,.64)!important}
.box-reservation{border-radius:26px!important;border:1px solid rgba(23,17,24,.09)!important;box-shadow:var(--h71-soft-shadow)!important}
.box-form{border-radius:22px!important}

/* ----- Footer system ----- */
footer,.signature-footer{
  margin-top:0!important;padding:54px clamp(18px,5vw,74px) 28px!important;
  background:
    radial-gradient(circle at 5% 15%,rgba(116,87,130,.12),transparent 22%),
    radial-gradient(circle at 92% 86%,rgba(184,138,84,.06),transparent 22%),
    #100b12!important;
  color:var(--h71-bone)!important;border-top:1px solid rgba(255,255,255,.06)!important
}
footer .footer-top{border-color:rgba(255,255,255,.09)!important}
footer .footer-brand strong{color:#fff!important}
footer .footer-brand small{color:rgba(255,255,255,.48)!important}
footer .footer-links{gap:10px 22px!important}
footer .footer-links a{color:rgba(247,241,233,.62)!important;font-size:9px!important}
footer .footer-links a:hover{color:#fff!important}
footer .footer-bottom{border-color:rgba(255,255,255,.08)!important;color:rgba(247,241,233,.38)!important}
footer .made-by b{color:#b895c6!important}

.signature-footer .signature-footer-grid{
  width:min(100%,var(--h71-max));margin:0 auto 36px;
  display:grid;grid-template-columns:1.35fr repeat(3,.72fr);gap:36px
}
.signature-footer .sf-brand{display:grid;grid-template-columns:58px 1fr;gap:15px;align-items:start}
.signature-footer .sf-brand img{width:58px;height:58px;object-fit:contain;border-radius:50%;background:#0b070d;box-shadow:0 0 0 1px rgba(169,139,182,.23)}
.signature-footer h3,.signature-footer h4{margin:0;color:#fff;font-family:"Cormorant Garamond",serif}
.signature-footer h3{font-size:24px}.signature-footer h4{font-size:16px;margin-bottom:10px}
.signature-footer p{font-size:8px!important;line-height:1.65!important;color:rgba(247,241,233,.48)!important}
.signature-footer a{display:block;margin:7px 0;color:rgba(247,241,233,.62)!important;font-size:8px!important}
.signature-footer a:hover{color:#fff!important}
.signature-footer .sf-bottom{
  width:min(100%,var(--h71-max));margin:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);
  display:flex;justify-content:space-between;gap:16px;color:rgba(247,241,233,.34);font-size:8px
}
.signature-footer .sf-bottom b{color:#b895c6}

/* ----- Mobile + tablet ----- */
@media(max-width:1180px){
  body[data-type] .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:980px){
  .site-header,.top{min-height:78px!important;padding-inline:18px!important}
  .desktop-nav,.top .category-home-nav,.top .nav{display:none!important}
  body.home-page .hero{grid-template-columns:1fr!important}
  body.home-page .hero-copy{min-height:auto!important;padding:60px 28px 54px!important}
  body.home-page .hero-visual{min-height:520px!important}
  body[data-type] .hero{grid-template-columns:1fr!important}
  body[data-type] .hero-visual{min-height:360px!important}
  .home-three-products .mixed-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mystery-box-home{grid-template-columns:1fr!important}
  .mystery-box-home-visual{min-height:470px!important}
  .signature-footer .signature-footer-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:760px){
  html{scroll-padding-top:78px!important}
  body{padding-bottom:74px!important}
  .announcement,.category-announcement{font-size:7px!important;letter-spacing:.13em!important;white-space:nowrap!important;overflow:hidden!important}
  .site-header,.top{min-height:72px!important;padding:9px 13px!important}
  .site-header .brand-logo,.top .brand-logo{width:48px!important;height:48px!important;flex-basis:48px!important}
  .site-header .brand strong,.top .brand strong{font-size:11px!important;max-width:180px!important}
  .site-header .brand small,.top .brand small{display:block!important;font-size:7px!important;letter-spacing:.11em!important;opacity:.78!important}
  .header-actions>a:not(.admin-access-btn),.header-actions .admin{display:none!important}
  .header-actions .admin-access-btn{display:inline-flex!important;padding:0 10px!important}
  .icon-btn{display:none!important}
  .bag-btn,.category-cart-btn{min-height:38px!important;padding:0 11px!important}

  body.home-page .hero-copy{padding:48px 20px 44px!important}
  body.home-page .hero-brand-logo{width:116px!important;max-width:38%!important}
  body.home-page .hero h1{font-size:clamp(46px,13vw,62px)!important}
  body.home-page .hero-visual{min-height:430px!important}
  body.home-page .hero-card{left:14px!important;right:14px!important;bottom:14px!important}

  .shop-intro,.product-showcase,.v7-trust-strip,.mystery-box-home,.custom-order,.category-banner,.bookmark-feature,.story,.faq,.newsletter,
  body[data-type] .content,.custom-shell,.box-content-section,.box-how,.box-reservation{
    width:min(calc(100% - 24px),var(--h71-max))!important
  }
  .home-three-products .mixed-grid{grid-template-columns:1fr!important}
  .v7-trust-strip{grid-template-columns:1fr!important}
  .v7-trust-strip article{border-right:0!important;border-bottom:1px solid rgba(23,17,24,.08)!important}
  .v7-trust-strip article:last-child{border-bottom:0!important}
  .mystery-box-home-visual{min-height:390px!important}
  .mystery-box-home-copy{padding:34px 22px 38px!important}
  .mystery-box-home-copy ul{grid-template-columns:1fr!important}

  body[data-type] .hero-copy{padding:48px 20px 42px!important}
  body[data-type] .hero-copy h1{font-size:clamp(44px,13vw,58px)!important}
  body[data-type] .hero-visual{min-height:310px!important}
  body[data-type] .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
  body[data-type] .product-meta h3{font-size:18px!important}
  body[data-type] .product-add{font-size:7px!important;padding-inline:8px!important}

  .box-hero{grid-template-columns:1fr!important}
  .box-hero-copy{padding:48px 20px 38px!important}
  .box-hero-copy h1{font-size:clamp(48px,14vw,64px)!important}
  .box-hero-visual{min-height:370px!important}

  .signature-footer .signature-footer-grid{grid-template-columns:1fr!important;gap:24px!important}
  .signature-footer .sf-bottom{flex-direction:column!important}
}
@media(max-width:470px){
  body[data-type] .product-grid{grid-template-columns:1fr!important}
  .category-switch a{font-size:8px!important;padding-inline:13px!important}
}

@media(prefers-reduced-motion:reduce){
  .product-card,.product-card img,.desktop-nav a:after,.top .nav a:after{transition:none!important}
}


/* Personalisation uses the same editorial hero system as category pages. */
.custom-page .hero{
  width:100%!important;max-width:none!important;margin:0!important;min-height:390px!important;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
  background:linear-gradient(120deg,#100b12,#231727)!important;color:#fff!important;border:0!important
}
.custom-page .hero-copy{padding:clamp(48px,5vw,74px) clamp(26px,7vw,108px)!important;background:radial-gradient(circle at 7% 18%,rgba(116,87,130,.15),transparent 30%),transparent!important}
.custom-page .hero-copy .eyebrow{color:#b99ac7!important;opacity:1!important}
.custom-page .hero-copy h1{color:#fff!important;font-size:clamp(48px,4.5vw,68px)!important;line-height:.95!important}
.custom-page .hero-copy h1 em{color:#b790c5!important}
.custom-page .hero-copy p{color:rgba(247,241,233,.67)!important;font-size:11px!important;line-height:1.75!important}
.custom-page .hero-visual{min-height:390px!important;background:#140e17!important}
.custom-page .hero-visual img{object-fit:cover!important;filter:saturate(.9) brightness(.78)!important}
.custom-page .hero-visual:after{background:linear-gradient(90deg,rgba(16,11,18,.35),transparent 30%),linear-gradient(180deg,transparent 60%,rgba(12,8,14,.52))!important}
.custom-page .hero-label{background:rgba(16,11,18,.72)!important;color:#fff!important;border:1px solid rgba(255,255,255,.10)!important;backdrop-filter:blur(12px)!important}
@media(max-width:980px){.custom-page .hero{grid-template-columns:1fr!important}.custom-page .hero-visual{min-height:360px!important}}
@media(max-width:760px){.custom-page .hero-copy{padding:48px 20px 42px!important}.custom-page .hero-copy h1{font-size:clamp(44px,13vw,58px)!important}.custom-page .hero-visual{min-height:310px!important}}

/* Current-section indication without changing labels or navigation scale. */
body[data-type="glass"] .category-home-nav a[href="/verres/"],
body[data-type="card"] .category-home-nav a[href="/cartes/"],
body[data-type="bookmark"] .category-home-nav a[href="/marque-pages/"],
.custom-page .category-home-nav a[href="/personnalisation/"],
body:has(.box-hero) .category-home-nav a[href="/box-mystere/"]{color:#fff!important}
body[data-type="glass"] .category-home-nav a[href="/verres/"]::after,
body[data-type="card"] .category-home-nav a[href="/cartes/"]::after,
body[data-type="bookmark"] .category-home-nav a[href="/marque-pages/"]::after,
.custom-page .category-home-nav a[href="/personnalisation/"]::after,
body:has(.box-hero) .category-home-nav a[href="/box-mystere/"]::after{left:0!important;right:0!important}

/* =========================================================
   V7.1.2 — Raven Digitals footer credit visibility
   Keep the agency signature discreet, but actually readable.
   ========================================================= */
.signature-footer .sf-bottom{
  color:rgba(247,241,233,.52)!important;
  font-size:9px!important;
  line-height:1.5!important;
  align-items:center!important;
}
.signature-footer .sf-bottom span:last-child{
  color:rgba(247,241,233,.72)!important;
  font-size:9.5px!important;
  letter-spacing:.015em!important;
  white-space:nowrap;
}
.signature-footer .sf-bottom span:last-child b{
  color:#d4b8df!important;
  font-weight:700!important;
  text-shadow:0 0 18px rgba(184,149,198,.16);
}
@media(max-width:760px){
  .signature-footer .sf-bottom span:last-child{
    white-space:normal;
    font-size:9px!important;
  }
}