/* SOUNDEARTH for Amazfit — v2 dark salon
   Editorial luxury: near-black warm ground, champagne ink, gold hairlines.
   Type: Noto Serif (display) / Noto Sans JP (text) — 2 families
   Tracking (em, by role): masthead .33 / kicker .25 / plate .23 / latin title .04 / jp title .09 / catch .18
   Palette: ground #0D0C0A, panel #161310, ink #EFE7D3, soft #B3A88F,
            gold text #D9BC7A, gold decor #C6A15B, hairline #2C271E, gold line #57492C */
:root{
  --ground:#0D0C0A; --panel:#161310; --ink:#EFE7D3; --soft:#B3A88F;
  --gold:#D9BC7A; --gold-dec:#C6A15B; --line:#2C271E; --gold-line:#57492C;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--ground);color:var(--ink);
  background-image:radial-gradient(1200px 820px at 50% -12%, #1C1811 0%, var(--ground) 62%);
  background-attachment:fixed;
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif;
  font-size:16px;line-height:1.9;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{display:block;max-width:100%}
::selection{background:#57492C;color:#EFE7D3}

/* ---------- masthead ---------- */
.masthead{position:relative;border-bottom:1px solid var(--gold-line);padding:44px 6.25% 30px;text-align:center}
.masthead::after{content:"";position:absolute;left:0;right:0;bottom:-5px;border-bottom:1px solid #241F16}
.masthead .brand-logo{height:30px;width:auto;margin:0 auto}
.masthead .sub{margin-top:12px;font-size:11px;letter-spacing:.25em;text-indent:.25em;color:var(--gold)}
.nav{display:flex;justify-content:center;gap:48px;margin-top:24px;font-size:12px;letter-spacing:.18em}
.nav a{text-decoration:none;color:var(--soft);padding-bottom:3px;border-bottom:1px solid transparent}
.nav a:hover{border-bottom-color:var(--gold-dec);color:var(--gold)}

/* ---------- hero ---------- */
.hero{padding:96px 6.25% 84px;text-align:center}
.kicker{display:flex;align-items:center;justify-content:center;gap:18px;
  font-size:11px;letter-spacing:.25em;text-indent:.25em;color:var(--gold);font-weight:700}
.kicker::before,.kicker::after{content:"";width:64px;height:1px;background:var(--gold-line)}
.hero h1{font-family:"Noto Serif JP",serif;font-weight:600;font-size:46px;letter-spacing:.09em;line-height:1.55;margin-top:34px;color:var(--ink)}
.hero .catch{margin-top:26px;font-size:14px;letter-spacing:.18em;color:var(--soft)}
.hero .rule{position:relative;width:180px;height:1px;background:var(--gold-line);margin:44px auto 0}
.hero .rule::after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;
  background:var(--gold-dec);transform:translate(-50%,-50%) rotate(45deg)}

/* ---------- plates ---------- */
.plate{padding:84px 6.25% 8px;max-width:1120px;margin:0 auto}
.plate-head{display:flex;align-items:baseline;gap:22px;border-bottom:1px solid var(--gold-line);padding-bottom:16px}
.plate-no{font-family:"Noto Serif",serif;font-style:italic;font-size:14px;letter-spacing:.14em;color:var(--gold);font-weight:600}
.plate-head h2{font-family:"Noto Serif JP",serif;font-size:25px;font-weight:600;letter-spacing:.09em;color:var(--ink)}
.plate-head .en{margin-left:auto;font-family:"Noto Serif",serif;font-size:12px;letter-spacing:.23em;color:var(--soft)}
.plate-note{margin-top:20px;font-size:13.5px;color:var(--soft);max-width:640px}

/* ---------- entries ---------- */
.entry{display:grid;grid-template-columns:440px 1fr;gap:64px;padding:72px 0;border-bottom:1px solid var(--line)}
.entry:last-child{border-bottom:none}
.entry figure.plate-img{width:440px;height:440px;border-radius:50%;overflow:hidden;justify-self:center;
  border:1px solid #8A744A;background:#000;
  box-shadow:0 0 0 12px var(--ground),0 0 0 13px var(--gold-line),0 34px 70px rgba(0,0,0,.6)}
.entry figure.plate-img img{width:100%;height:100%;object-fit:cover}
.entry .body{align-self:center}
.entry h3{font-family:"Noto Serif JP",serif;font-size:29px;font-weight:600;letter-spacing:.09em;line-height:1.45;color:var(--ink)}
.entry h3 .en{display:block;font-family:"Noto Serif",serif;font-size:12px;letter-spacing:.23em;color:var(--gold);font-weight:700;margin-bottom:14px}
.entry .desc{margin-top:16px;font-size:14.5px;color:var(--soft)}
.spec{margin-top:28px;border-top:1px solid var(--line)}
.spec div{display:flex;gap:28px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}
.spec dt{width:118px;flex:none;letter-spacing:.14em;color:var(--gold)}
.spec dd{flex:1;color:var(--ink)}
.tag{display:inline-block;font-size:11px;letter-spacing:.18em;border:1px solid var(--gold-line);color:var(--gold);padding:4px 14px;border-radius:999px;margin-top:24px}

/* ---------- background variants ---------- */
.variants{display:flex;gap:28px;margin-top:36px}
.variants figure{width:118px;height:auto;text-align:center;flex:none}
.variants .disc{width:118px;height:118px;border-radius:50%;overflow:hidden;
  border:1px solid var(--gold-line);box-shadow:0 0 0 5px var(--ground),0 0 0 6px #33291A}
.variants .disc img{width:100%;height:100%;object-fit:cover}
.variants figcaption{margin-top:12px;font-size:11px;letter-spacing:.14em;color:var(--soft)}

/* ---------- app index ---------- */
.app-list{padding-top:28px}
.app-row{display:grid;grid-template-columns:58px 1fr auto;gap:26px;align-items:baseline;padding:26px 0;border-bottom:1px solid var(--line)}
.app-row:first-child{border-top:1px solid var(--line)}
.app-row .no{font-family:"Noto Serif",serif;font-style:italic;font-size:15px;letter-spacing:.08em;color:var(--gold);font-weight:600}
.app-row h3{font-family:"Noto Serif",serif;font-size:20px;font-weight:600;letter-spacing:.04em;display:inline;color:var(--ink)}
.app-row .jp{font-family:"Noto Serif JP",serif;font-size:13px;letter-spacing:.09em;color:var(--soft);margin-left:16px}
.app-row p{margin-top:8px;font-size:13.5px;color:var(--soft);line-height:1.8;max-width:620px}
.free{font-size:11px;letter-spacing:.18em;color:var(--gold);border:1px solid var(--gold-line);border-radius:999px;padding:3px 13px;white-space:nowrap}

/* ---------- colophon ---------- */
.colophon{position:relative;margin-top:92px;border-top:1px solid var(--gold-line);padding:52px 6.25% 60px;text-align:center}
.colophon::before{content:"";position:absolute;left:0;right:0;top:-5px;border-top:1px solid #241F16}
.colophon .brand-logo{height:16px;width:auto;margin:0 auto 6px}
.colophon p{margin-top:15px;font-size:12px;color:var(--soft);letter-spacing:.08em}
.colophon a{color:var(--gold)}

/* ---------- hero intro (SEO/AIO) ---------- */
.hero .intro{margin:30px auto 0;max-width:680px;font-size:14.5px;line-height:2.0;color:var(--soft);text-align:center}

/* ---------- steps ---------- */
.steps{padding-top:28px}
.step-row{display:grid;grid-template-columns:58px 1fr;gap:26px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line)}
.step-row:first-child{border-top:1px solid var(--line)}
.step-row .no{font-family:"Noto Serif",serif;font-style:italic;font-size:15px;letter-spacing:.08em;color:var(--gold);font-weight:600}
.step-row p{font-size:14px;color:var(--ink)}

/* ---------- faq ---------- */
.faq-list{padding-top:28px}
.faq-list .qa{padding:22px 0;border-bottom:1px solid var(--line)}
.faq-list .qa:first-child{border-top:1px solid var(--line)}
.faq-list h3{font-family:"Noto Serif JP",serif;font-size:16.5px;font-weight:600;letter-spacing:.09em;color:var(--ink)}
.faq-list p{margin-top:8px;font-size:13.5px;color:var(--soft);line-height:1.85;max-width:760px}


/* ---------- round models (compare + affiliate) ---------- */
.sub-head{margin-top:42px;font-family:"Noto Serif JP",serif;font-size:19px;font-weight:600;letter-spacing:.09em;color:var(--ink)}
.guide{padding-top:8px}
.guide .step-row p strong{color:var(--gold);font-weight:600}
.ad-label{display:inline-block;margin-left:10px;font-size:10.5px;letter-spacing:.14em;color:var(--gold);border:1px solid var(--gold-line);border-radius:999px;padding:2px 10px;white-space:nowrap;vertical-align:2px}
.table-wrap{overflow-x:auto;margin-top:30px}
.models{width:100%;border-collapse:collapse;font-size:13.5px;min-width:660px}
.models th{font-family:"Noto Serif JP",serif;font-size:12px;letter-spacing:.14em;color:var(--gold);text-align:left;padding:12px 14px;border-top:1px solid var(--gold-line);border-bottom:1px solid var(--gold-line);white-space:nowrap}
.models td{padding:13px 14px;border-bottom:1px solid var(--line);color:var(--soft);white-space:nowrap}
.models td.m-name{color:var(--ink);font-size:14px}
.models td.silk-ok{color:var(--gold);letter-spacing:.12em}
.models td.silk-no{color:#9A8C6C}
a.buy{display:inline-block;font-size:12px;letter-spacing:.1em;color:var(--gold);border:1px solid var(--gold-line);border-radius:999px;padding:5px 14px;text-decoration:none}
a.buy:hover{background:rgba(198,161,91,.13)}
.ad-note{margin-top:18px;font-size:12px;color:var(--soft);line-height:1.9;max-width:780px}
.faq-list a{color:var(--gold)}

@media (max-width:820px){
  .hero{padding:68px 6.25% 60px}
  .hero h1{font-size:31px}
  .entry{grid-template-columns:1fr;gap:40px;padding:56px 0}
  .entry figure.plate-img{width:min(440px,84vw);height:min(440px,84vw)}
  .plate-head .en{display:none}
  .nav{gap:28px}
  .variants{gap:20px}
  .variants figure{width:96px}
  .variants .disc{width:96px;height:96px}
}

/* ---------- v5: multi-page, service, EC cards, 3D viewer, mobile first view ---------- */
.nav a.active{color:var(--gold);border-bottom-color:var(--gold-dec)}
.crumbs{max-width:1120px;margin:0 auto;padding:20px 6.25% 0;font-size:11.5px;letter-spacing:.1em;color:var(--soft)}
.crumbs a{color:var(--gold);text-decoration:none}
.page-hero{padding:52px 6.25% 6px;text-align:center}
.page-hero h1{font-family:"Noto Serif JP",serif;font-weight:600;font-size:34px;letter-spacing:.09em;line-height:1.5;margin-top:26px;color:var(--ink)}
.page-hero .catch{margin-top:18px;font-size:13.5px;letter-spacing:.14em;color:var(--soft)}
.page-hero .lead{margin:22px auto 0;max-width:660px;font-size:14px;line-height:2.0;color:var(--soft)}
.cta-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:32px}
.btn{display:inline-block;font-size:12.5px;letter-spacing:.14em;color:var(--gold);border:1px solid var(--gold-line);border-radius:999px;padding:10px 24px;text-decoration:none}
.btn:hover{background:rgba(198,161,91,.13)}
.btn.fill{background:var(--gold-dec);color:#171310;border-color:var(--gold-dec);font-weight:700}
.btn.fill:hover{background:var(--gold)}
.link-more{display:inline-block;margin-top:20px;font-size:12.5px;letter-spacing:.12em;color:var(--gold);text-decoration:none;border-bottom:1px solid var(--gold-line);padding-bottom:2px}

/* 3D viewer */
.viewer-block{margin-top:38px;text-align:center}
.viewer{position:relative;width:min(430px,84vw);aspect-ratio:1/1;margin:0 auto}
.page-hero .viewer{width:min(400px,84vw)}
.viewer canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}
.viewer canvas:active{cursor:grabbing}
.viewer-fallback{width:100%;height:100%;border-radius:50%;object-fit:cover;
  border:1px solid #8A744A;box-shadow:0 0 0 12px var(--ground),0 0 0 13px var(--gold-line),0 34px 70px rgba(0,0,0,.6)}
.face-switch{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}
.face-switch button{font-family:inherit;font-size:12px;letter-spacing:.12em;color:var(--soft);
  background:transparent;border:1px solid var(--line);border-radius:999px;padding:7px 18px;cursor:pointer}
.face-switch button.active{color:var(--gold);border-color:var(--gold-line)}
.viewer-note{margin-top:14px;font-size:11.5px;letter-spacing:.1em;color:var(--soft)}

/* index summary lists */
.mini-list{padding-top:20px}
.mini-row{display:flex;gap:18px;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}
.mini-row:first-child{border-top:1px solid var(--line)}
.mini-row .no{font-family:"Noto Serif",serif;font-style:italic;font-size:13.5px;color:var(--gold);font-weight:600;width:34px;flex:none}
.mini-row .nm{font-family:"Noto Serif",serif;font-weight:600;letter-spacing:.04em;color:var(--ink);min-width:170px}
.mini-row .ds{color:var(--soft);font-size:13px}
.promo{margin-top:54px;border:1px solid var(--gold-line);padding:30px 34px;background:rgba(198,161,91,.05)}
.promo h3{font-family:"Noto Serif JP",serif;font-size:19px;font-weight:600;letter-spacing:.09em;color:var(--ink)}
.promo p{margin-top:10px;font-size:13.5px;color:var(--soft)}

/* EC model cards */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:26px;margin-top:34px}
.card{border:1px solid var(--line);background:rgba(255,255,255,.02);padding:18px;display:flex;flex-direction:column}
.card .photo{background:#EDE6D6;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.card .photo img{width:100%;height:100%;object-fit:contain}
.card h3{margin-top:16px;font-family:"Noto Serif JP",serif;font-size:16.5px;font-weight:600;letter-spacing:.05em;line-height:1.5;color:var(--ink)}
.card h3 a{text-decoration:none}
.card h3 a:hover{color:var(--gold)}
.card .sum{margin-top:8px;font-size:12.5px;line-height:1.8;color:var(--soft);flex:1}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.chip{font-size:11px;letter-spacing:.06em;color:var(--soft);border:1px solid var(--line);border-radius:999px;padding:2px 10px;white-space:nowrap}
.chip.silk{color:var(--gold);border-color:var(--gold-line)}
.price-row{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
.price-row .plabel{font-size:10.5px;letter-spacing:.12em;color:var(--soft)}
.price-row .price{font-family:"Noto Serif",serif;font-size:20px;font-weight:700;color:var(--ink);margin-top:2px}
.price-row .price small{font-size:11px;color:var(--soft);font-family:"Noto Sans JP",sans-serif;font-weight:400}
.card .buy{margin-top:12px;text-align:center}

/* service plans */
.plans{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:34px}
.plan{border:1px solid var(--line);padding:30px 32px;background:rgba(255,255,255,.02)}
.plan.hot{border-color:var(--gold-line);background:rgba(198,161,91,.05)}
.plan .plabel{font-size:11px;letter-spacing:.23em;color:var(--gold);font-weight:700}
.plan h3{font-family:"Noto Serif JP",serif;font-size:21px;font-weight:600;letter-spacing:.09em;margin-top:12px;color:var(--ink)}
.plan p{margin-top:12px;font-size:13.5px;color:var(--soft)}
.plan ul{margin-top:14px;list-style:none}
.plan li{font-size:13px;color:var(--ink);padding:7px 0;border-bottom:1px solid var(--line)}
.plan li:last-child{border-bottom:none}
.plan .pprice{margin-top:18px;font-size:13px;color:var(--gold);letter-spacing:.06em}

@media (max-width:820px){
  .masthead{padding:18px 5% 12px}
  .masthead .brand-logo{height:22px}
  .masthead .sub{margin-top:8px;font-size:9.5px}
  .nav{gap:14px 20px;flex-wrap:wrap;margin-top:16px;font-size:11px;letter-spacing:.1em}
  .hero{padding:38px 6% 40px}
  .hero h1{font-size:29px;margin-top:22px;line-height:1.5}
  .hero .catch{margin-top:16px;font-size:12.5px}
  .hero .intro{margin-top:20px;font-size:13.5px;line-height:1.95}
  .hero .rule{margin-top:30px}
  .viewer-block{margin-top:26px}
  .plate{padding:50px 6% 6px}
  .page-hero{padding:26px 6% 4px}
  .page-hero h1{font-size:26px;margin-top:20px}
  .page-hero .lead{font-size:13.5px}
  .crumbs{padding-top:14px}
  .cards{grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
  .card{padding:12px}
  .card h3{font-size:13.5px;margin-top:10px}
  .card .sum{font-size:11.5px;line-height:1.7}
  .chips{gap:6px;margin-top:8px}
  .chip{font-size:10px;padding:1px 8px}
  .price-row .price{font-size:16.5px}
  .card .buy{padding:6px 8px;font-size:11px}
  .plans{grid-template-columns:1fr;gap:16px}
  .plan{padding:22px 20px}
  .promo{padding:22px 20px}
  .mini-row .nm{min-width:0}
  .mini-row{flex-wrap:wrap;gap:6px 14px}
  .app-row{grid-template-columns:40px 1fr;gap:16px}
  .app-row .free{grid-column:2;justify-self:start}
  .colophon{margin-top:60px}
}
details.more{margin-top:12px}
details.more summary{cursor:pointer;color:var(--gold);font-size:.86rem;letter-spacing:.08em;list-style:none}
details.more summary::-webkit-details-marker{display:none}
details.more summary::after{content:" +"}
details.more[open ] summary::after{content:" −"}
details.more .detail{margin-top:8px;color:var(--soft);font-size:.92rem;line-height:1.8}
.feat{font-size:.82rem;color:var(--soft,#B3A88F);margin:.15rem 0 .25rem;line-height:1.6}

/* sticky compact menu + small logos (2026-11-12) */
.masthead{position:sticky;top:0;z-index:90;display:flex;align-items:center;gap:20px;text-align:left;padding:10px 5%;background:rgba(13,12,10,.93);backdrop-filter:blur(8px)}
.masthead .brand-logo{height:16px;width:auto;margin:0}
.masthead .sub{display:none}
.masthead .nav{margin:0 0 0 auto;display:flex;gap:10px 20px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.colophon .brand-logo{height:13px}
[id]{scroll-margin-top:84px}
@media (max-width:820px){
  .masthead{gap:12px;padding:8px 4%}
  .masthead .brand-logo{height:14px}
  .masthead .nav{gap:6px 14px;font-size:11px;margin-top:0;letter-spacing:.06em}
}

/* --- Navi rebrand + product pages (2026-11-12) --- */
.brand{display:inline-flex;align-items:center;gap:9px}
.brand-mark{height:27px;width:27px;flex:none}
.brand-name{font-family:"Noto Serif JP",serif;font-size:16px;letter-spacing:.05em;color:#EFE7D3;white-space:nowrap}
.brand-name-foot{font-family:"Noto Serif JP",serif;font-size:14px;letter-spacing:.08em;color:#D9BC7A;text-align:center;margin:0 auto 6px}
.crumbs{font-size:12.5px;color:#B3A88F;margin:0 0 14px}
.crumbs a{color:#D9BC7A;text-decoration:none}
.rakuten-photo{display:block;background:#fff;border-radius:10px;padding:6px}
.rakuten-photo a{display:block}
.rakuten-photo img{width:100%;height:auto;display:block;margin:0 auto}
.buy-rakuten{margin:8px 0 0}
.buy-rakuten a{display:block;text-align:center;padding:11px 10px;border:1px solid #C6A15B;border-radius:8px;color:#D9BC7A;text-decoration:none;font-size:13.5px;line-height:1.5}
.detail-link{display:block;text-align:center;margin-top:8px;font-size:13px;color:#B3A88F}
.spec-table{width:100%;border-collapse:collapse;margin:14px 0 22px;font-size:14px}
.spec-table th,.spec-table td{border-bottom:1px solid #2C271E;padding:9px 10px;text-align:left;vertical-align:top}
.spec-table th{color:#B3A88F;font-weight:500;width:34%;white-space:nowrap}
.buy-box{border:1px solid #57492C;border-radius:12px;padding:16px;margin:18px 0 24px;background:rgba(198,161,91,.06)}
.buy-box .bp-label{font-size:12px;color:#B3A88F}
.buy-box .bp-price{font-size:24px;color:#EFE7D3}
.buy-box .ad-note{font-size:11.5px;color:#B3A88F;margin-top:10px;line-height:1.6}
.buy-box .buy{display:block;text-align:center;margin-top:8px}
.p-media{max-width:340px;margin:6px auto 4px}
.p-faq .qa{border-bottom:1px solid #2C271E;padding:12px 0}
.related{margin-top:26px}
.related a{color:#D9BC7A}
@media(max-width:640px){.brand-name{font-size:13.5px}.brand-mark{height:23px;width:23px}}

/* --- Hamburger menu (rossiandwing.jp format, 2026-11-12) --- */
.menu-btn{display:none;align-items:center;gap:10px;background:none;border:0;color:#D9BC7A;padding:10px 2px;font:inherit;font-family:"Noto Serif",serif;font-size:12px;letter-spacing:.28em;cursor:pointer;min-height:44px;margin-left:auto}
.menu-btn__icon{position:relative;width:26px;height:14px;flex:none}
.menu-btn__icon i{position:absolute;left:0;height:1px;background:#C6A15B;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .2s,width .35s}
.menu-btn__icon i:nth-child(1){top:0;width:26px}
.menu-btn__icon i:nth-child(2){top:6.5px;width:18px}
.menu-btn__icon i:nth-child(3){top:13px;width:22px}
.menu-btn[aria-expanded="true"] .menu-btn__icon i:nth-child(1){width:26px;transform:translateY(6.5px) rotate(45deg)}
.menu-btn[aria-expanded="true"] .menu-btn__icon i:nth-child(2){opacity:0}
.menu-btn[aria-expanded="true"] .menu-btn__icon i:nth-child(3){width:26px;transform:translateY(-6.5px) rotate(-45deg)}
@media(max-width:820px){
  .menu-btn{display:inline-flex}
  .masthead .nav{position:fixed;left:0;right:0;top:var(--hh,56px);bottom:0;height:auto;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:0 12px;padding:12px 5% calc(28px + env(safe-area-inset-bottom));background:radial-gradient(120% 60% at 100% 0,rgba(198,161,91,.12),transparent 60%),#0B0A08;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .3s,transform .4s cubic-bezier(.16,1,.3,1),visibility 0s .4s;z-index:80}
  body.menu-open .masthead .nav{visibility:visible;opacity:1;transform:none;transition:opacity .3s,transform .4s cubic-bezier(.16,1,.3,1)}
  .masthead .nav a{display:block;padding:15px 6px;font-size:15px;border-bottom:1px solid #2C271E}
  body.menu-open{overflow:hidden}
}

@media(max-width:820px){.masthead{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(13,12,10,.98)}}

/* --- Card safety callout (2026-11-12) --- */
.card-safe{margin:22px 0;padding:20px 22px;border:1.5px solid #C6A15B;border-radius:10px;background:linear-gradient(180deg,rgba(198,161,91,.14),rgba(198,161,91,.05))}
.card-safe h3{margin:0 0 10px;font-size:1.05rem;color:#EFE7D3;display:flex;align-items:center;gap:10px}
.card-safe h3 .lock{flex:none;width:22px;height:22px}
.card-safe p{margin:6px 0}
.card-safe .big{font-size:1.14rem;font-weight:700;color:#FFF6DE;line-height:1.65}
.card-safe a{color:#D9BC7A;text-decoration:underline}

/* --- Check list (stripe page, 2026-11-12) --- */
.checks{list-style:none;padding:0;margin:10px 0}
.checks li{padding:9px 0 9px 28px;position:relative;border-bottom:1px solid #2C271E}
.checks li::before{content:"✓";position:absolute;left:2px;color:#D9BC7A;font-weight:700}

a.brand{color:inherit;text-decoration:none}

/* --- Small-phone fixes (2026-11-12 cross-page audit) --- */
.entry .body{min-width:0}
dl.spec{min-width:0}
dl.spec dd{overflow-wrap:anywhere}
@media (max-width:380px){
  .masthead{gap:8px;padding:8px 3.5%}
  .brand-name{font-size:12px;letter-spacing:.02em}
  .menu-btn__label{letter-spacing:.16em}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .card{min-width:0}
  .spec-table td,.spec-table th{overflow-wrap:anywhere}
  h3 .en{letter-spacing:.14em}
}
@media (max-width:380px){
  .variants{gap:12px}
  .variants figure{width:80px}
  .variants .disc{width:80px;height:80px}
  .chip{white-space:normal;overflow-wrap:anywhere}
}

/* --- Contact form (2026-11-12) --- */
.contact-form{max-width:640px;margin:8px auto 0}
.contact-form label{display:block;font-size:13px;letter-spacing:.08em;color:var(--gold);margin:20px 0 8px}
.contact-form label .req{color:#E88;font-size:11px;margin-left:6px}
.contact-form input[type="text"],.contact-form input[type="email"],.contact-form select,.contact-form textarea{width:100%;box-sizing:border-box;background:#14110C;border:1px solid #57492C;border-radius:8px;color:#EFE7D3;padding:12px 14px;font-size:15px;font-family:inherit}
.contact-form textarea{min-height:150px;resize:vertical}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:#C6A15B}
.contact-form .submit-row{margin:28px 0 6px;text-align:center}
.contact-form button{cursor:pointer}
.form-note{font-size:12.5px;color:#B3A88F;margin-top:14px}
.form-error{display:none;border:1px solid #B4563F;border-radius:8px;padding:12px 16px;margin:0 0 8px;color:#F0C9BC;background:rgba(180,86,63,.12)}

/* --- Legal table stacking (2026-11-12) --- */
.legal-table td img{width:100%;max-width:433px;height:auto;display:block}
@media (max-width:820px){
  .legal-table th,.legal-table td{display:block;width:auto;white-space:normal}
  .legal-table th{border-bottom:none;padding-bottom:2px;color:var(--gold);font-size:13px;letter-spacing:.06em}
  .legal-table td{padding-top:2px}
}