/* 神気界 — 黒漆・金蒔絵 / 2026-09-15
   Presentation only. Load AFTER shop-20260911.css.
   Original photography, review text, stock, BASE controls and checkout stay native. */
body#bd {
  --lux-ink: #080f12;
  --lux-gold: #c5a66a;
  --lux-gold-light: #f0dca8;
  --lux-paper: #fbf6e9;
  --lux-red: #793425;
  --lux-serif: 'Yu Mincho', 'Hiragino Mincho ProN', 'Noto Serif JP', serif;
  --lux-art: url('https://www.sinkikai.com/reifu-lp/assets/generated/makie-gold-botanical-20260915.webp');
  --lux-washi: url('https://www.sinkikai.com/reifu-lp/assets/generated/torinoko-washi-v1.webp');
}

/* The new decorative surfaces use border-box without changing BASE dialogs. */
.shop-voices, .shop-voices *, #shop-reviews, #shop-reviews *,
.shop-footer-return, .shop-footer-return * { box-sizing: border-box; }
.shop-hero-copy, .shop-hero-photo, .shop-voice-card, .shop-story > *,
.shop-purchase-brief, .shop-bespoke-note, .shop-detail-toc,
#item_ank .c-item > *, .shop-footer-return > * { min-width: 0; }

/* Black lacquer masthead; the original logo and cart remain live. */
.shop-header {
  background: linear-gradient(90deg, #090f12, #17201f 50%, #090f12);
  border-bottom: 1px solid #c5a66a80;
  box-shadow: inset 0 -4px 0 #c5a66a0c;
}
.shop-brand img {
  border-color: #c5a66a;
  background: #080e12;
  box-shadow: 0 0 0 3px #080e12, 0 0 0 4px #c5a66a45;
}
.shop-brand strong { color: #fff6df; text-shadow: 0 2px 10px #0005; }
.shop-header #baseMenu li.cart a {
  border-color: #b99b60;
  background: linear-gradient(120deg, #c5a66a12, #c5a66a04);
  box-shadow: inset 0 0 0 3px #c5a66a0d;
}

/* Photo-led opening: ornament stays behind the scene, never over the copy. */
.shop-hero {
  isolation: isolate;
  gap: clamp(28px, 4vw, 64px);
  padding: clamp(40px, 6vw, 82px) max(24px, calc((100vw - 1320px) / 2));
  background-color: var(--lux-ink);
  background-image: linear-gradient(90deg, #080f1259, #080f1208 64%), var(--lux-art);
  background-position: center, center;
  background-size: cover;
  border-bottom: 1px solid #ceb071;
}
.shop-hero-copy {
  padding: clamp(20px, 2.5vw, 36px);
  background: radial-gradient(ellipse at center, #080f12ed 0, #080f12cc 60%, #080f128f 100%);
  border: 0;
  box-shadow: none;
}
.shop-hero .shop-eyebrow { color: #f0d7a1; font-size: 16px; letter-spacing: .1em; }
.shop-hero h1 {
  color: #fff8e8;
  font-size: clamp(36px, 3.8vw, 56px);
  line-height: 1.6;
  letter-spacing: .075em;
  text-shadow: 0 2px 16px #0007;
}
.shop-hero p:not(.shop-eyebrow) { color: #f0e8d7; font-size: 18px; line-height: 1.95; }
.shop-hero-photo {
  position: relative;
  padding: 10px;
  border: 1px solid #d8ba7b;
  background: #070c10;
  box-shadow: inset 0 0 0 4px #070c10, inset 0 0 0 5px #bfa06566, 0 24px 52px #0007;
}
.shop-hero-photo::before, .shop-hero-photo::after {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  width: 36px;
  height: 36px;
  pointer-events: none;
  background: none;
  border-color: #f0d6a0;
  border-style: solid;
}
.shop-hero-photo::before { inset: -3px auto auto -3px; border-width: 3px 0 0 3px; }
.shop-hero-photo::after { inset: auto -3px -3px auto; border-width: 0 3px 3px 0; }
.shop-hero-photo img { display: block; aspect-ratio: 16/10; object-fit: cover; height: auto; }
.shop-hero-link {
  min-height: 62px;
  border-color: #d2b878;
  background-image: linear-gradient(95deg, #56221855, #77302308), url('https://www.sinkikai.com/reifu-lp/assets/generated/cta-purchase-v1.webp');
  color: #fff9e9;
  box-shadow: inset 0 0 0 4px #0c0d090e, inset 0 0 0 5px #e5c98740, 0 10px 24px #0004;
  text-decoration: none;
  font-size: 18px;
}
.shop-proofline {
  color: #594324;
  padding-block: 20px;
  background: linear-gradient(90deg, #e9dcc2, #f9f1dd 48%, #e9dcc2);
  border-block: 1px solid #cbb382;
  box-shadow: inset 0 4px 0 #fff7e540, inset 0 -4px 0 #fff7e540;
  font-family: var(--lux-serif);
  font-size: 17px;
  letter-spacing: .08em;
}
.shop-proofline span::before { color: #9f7743; }

/* Dated reviews are paper testimonials, not fabricated rating badges. */
.shop-voices { padding-block: 54px 22px; }
.shop-voices-heading, .shop-reviews-heading { position: relative; }
.shop-voices-heading::before, .shop-reviews-heading::before {
  content: '';
  display: block;
  width: 70px;
  height: 5px;
  margin-bottom: 18px;
  border-top: 1px solid #b49257;
  border-bottom: 1px solid #b49257;
}
.shop-voices-heading h2, .shop-reviews-heading h2 { color: #24322e; letter-spacing: .055em; }
.shop-kicker, .shop-paths .shop-kicker { font-size: 14px; color: #835530; letter-spacing: .17em; }
.shop-voice-grid { gap: 24px; }
.shop-voice-card {
  position: relative;
  padding: 30px 28px 24px;
  border: 1px solid #c0a877;
  border-top: 3px solid #a28046;
  background: linear-gradient(#fffaf0db, #fffaf0e8), var(--lux-washi) center / 800px;
  box-shadow: inset 5px 0 0 #a9854411, 0 12px 28px #51320809;
}
.shop-voice-product {
  padding: 0 0 12px;
  border-bottom: 1px solid #b49a6659;
  color: #7b3827;
  font-family: var(--lux-serif);
  font-size: 16px;
  letter-spacing: .055em;
}
.shop-voice-card blockquote {
  font-size: 18px;
  line-height: 2;
  color: #24332e;
  overflow-wrap: anywhere;
}
.shop-voice-footer { border-color: #bda57366; color: #65563f; }
.shop-voice-footer a { font-size: 16px; color: #803525; }
.shop-voices .shop-voices-note { color: #665b46; font-size: 15px; }
.shop-all-reviews { font-size: 17px; text-decoration-thickness: 1px; }

/* Native product cards: a nameplate, a real object, then the purchase facts. */
.shop-paths { padding-top: 48px; }
.shop-paths h2 { font-size: clamp(30px, 3vw, 42px); letter-spacing: .055em; }
.shop-selector-lead { color: #354139; font-size: 18px; }
.shop-filters { gap: 10px; }
.shop-filters button {
  min-height: 50px;
  padding: 11px 21px;
  border: 1px solid #bfa574;
  background: linear-gradient(135deg, #fffaf0, #f2e7d1);
  color: #543c28;
  font-size: 17px;
  box-shadow: inset 0 0 0 3px #fffaf080;
}
.shop-filters button[aria-pressed='true'] {
  color: #f4dfb1;
  border-color: #bc9b60;
  background: linear-gradient(140deg, #24352e, #0d1917);
  box-shadow: inset 0 0 0 3px #bc9b6026;
}
#item_ank .c-items { gap: 34px 26px; align-items: stretch; }
#item_ank .c-item {
  background: #fffaf0;
  border: 1px solid #baa06e;
  box-shadow: 0 12px 30px #4129090d, inset 0 0 0 4px #e3d2ac24;
  transition: border-color 180ms ease, box-shadow 180ms ease;
}
#item_ank .c-item:hover {
  border-color: #886630;
  box-shadow: 0 15px 34px #4129091d;
}
.shop-card-label {
  padding: 14px 24px;
  color: #5b442d;
  background: linear-gradient(100deg, #e8d8b8, #f6eedc 54%, #e8d8b8);
  border-bottom: 1px solid #bea374;
  font-family: var(--lux-serif);
  font-size: 17px;
  letter-spacing: .04em;
  box-shadow: inset 0 4px 0 #fff5dc42;
}
#item_ank .c-item__thumb {
  box-sizing: border-box;
  width: auto;
  max-width: 100%;
  margin: 10px 10px 0;
  padding: 5px;
  aspect-ratio: 16/11;
  border: 1px solid #bea37499;
  background: #0b1315;
}
#item_ank .c-item__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
#item_ank .c-item:hover .c-item__thumb img { transform: none; }
#item_ank .c-item__title { padding: 24px 26px 12px; }
.shop-card-name { font-family: var(--lux-serif); font-size: 31px; line-height: 1.6; letter-spacing: .07em; }
.shop-card-poem { color: #695640; font-size: 16px; line-height: 1.85; }
.shop-card-copy { padding: 0 26px 22px; color: #304238; font-size: 18px; line-height: 1.95; }
#item_ank .c-item__price { padding: 0 26px 24px; }
#item_ank .c-item__price p:first-child { font-size: 31px; line-height: 1.6; color: #773a28; }
.shop-card-action {
  min-height: 60px;
  padding: 15px 20px;
  border-top: 1px solid #bea374;
  background: linear-gradient(100deg, #eee0c2, #f8efdb, #eee0c2);
  color: #773a28;
  font-size: 18px;
  font-weight: 600;
}
#item_ank .shop-card-featured { border-color: #a48042; box-shadow: 0 15px 35px #49310e16; }
.shop-card-featured .shop-card-label {
  color: #f7e5b9;
  background: linear-gradient(110deg, #25382e, #11221d);
  box-shadow: inset 0 4px 0 #e1bd7022, inset 0 -4px 0 #e1bd7014;
}
#shop-product-31400046 .shop-card-label { background: linear-gradient(110deg, #43351f, #242418); }
.shop-card-featured .shop-card-action {
  color: #fff6df;
  background: #783326 url('https://www.sinkikai.com/reifu-lp/assets/generated/cta-purchase-v1.webp') center / cover;
  box-shadow: inset 0 0 0 4px #cba76d26;
}
#item_ank .shop-card-bespoke {
  color: #fff3d8;
  background-color: #0b1515;
  background-image: linear-gradient(#091312e8, #091312df), var(--lux-art);
  background-position: center;
  background-size: cover;
  border-color: #b79251;
}
.shop-card-bespoke .shop-card-label {
  color: #f8e5b4;
  background: linear-gradient(110deg, #473a22, #171c16);
}
.shop-card-bespoke .shop-card-name, .shop-card-bespoke .shop-card-copy { color: #f7efdb; }
.shop-card-bespoke .shop-card-poem { color: #dfc69a; }
#item_ank .shop-card-bespoke .c-item__price p:first-child { color: #f0ce8c; }
#item_ank .shop-card-bespoke .c-item__priceStatus { color: #e5dbc5; }
.shop-card-bespoke .shop-card-action {
  background: linear-gradient(110deg, #dfc182, #f4dfb0 50%, #caa76b);
  color: #3e2d17;
  box-shadow: inset 0 0 0 4px #7e5e2324;
}

/* The story and full-order scenes stay in normal document flow. */
.shop-story {
  border: 1px solid #b99b60;
  background-color: #081011;
  background-image: var(--lux-art);
  background-position: center;
  background-size: cover;
  box-shadow: 0 20px 45px #38271116;
}
.shop-story div { padding: clamp(28px, 4vw, 48px); background: #081011e8; }
.shop-story img { min-height: 0; height: 100%; object-fit: cover; }
.shop-story h2 { font-size: clamp(28px, 3vw, 37px); color: #f8e9c8; }
.shop-story p { font-size: 18px; color: #f0e7d6; line-height: 1.95; }
.shop-footer-return {
  padding: 32px;
  border: 1px solid #b69758;
  background: linear-gradient(90deg, #0a1514f5, #0a1514e6), var(--lux-art) center / cover;
  box-shadow: inset 0 0 0 5px #b6975812;
}
.shop-footer-return p { color: #f8e6bb; }

/* Item pages: display-case photography, clear price and unmodified native form. */
.item_ct .item_title { padding-block: 8px 18px; border-bottom: 1px solid #bba16f80; }
.shop-detail-kicker { font-family: var(--lux-serif); color: #85552c; font-size: 17px; letter-spacing: .07em; }
.shop-detail-name { font-size: clamp(34px, 3.5vw, 46px); line-height: 1.6; color: #26362f; }
.shop-detail-poem { font-size: 19px; color: #67533c; }
.item_ct .p-item > .p-item__thumb {
  padding: 10px;
  border: 1px solid #ba9a5e;
  background: #0a1114;
  box-shadow: inset 0 0 0 4px #0a1114, inset 0 0 0 5px #bda36a55, 0 18px 42px #2521151c;
}
.item_ct .p-item > .p-item__thumb .slick-dots { padding-bottom: 4px; }
.item_ct .p-item > .p-item__thumb .slick-dots li button::before { color: #e5c487; opacity: .6; }
.item_ct .p-item > .p-item__thumb .slick-dots li.slick-active button::before { color: #fff0c9; opacity: 1; }
.item_ct #purchase_form {
  min-width: 0;
  padding: 30px;
  border: 1px solid #b49860;
  border-top: 4px solid #a58449;
  background: linear-gradient(#fffaf0ee, #fffaf0f5), var(--lux-washi) center / 850px;
  box-shadow: inset 0 0 0 5px #c4a26012, 0 18px 38px #402c0e0e;
}
.shop-purchase-brief { border-color: #baa06e88; }
.shop-purchase-kicker { font-size: 17px; color: #78452b; }
.shop-purchase-copy { color: #293e33; font-size: 18px; line-height: 1.95; }
.item_ct #purchase_form .num_p_pr { color: #763b29; font-size: 36px; }
.item_ct #purchase_form select { border-color: #bba476; background-color: #fffcf5; color: #29382f; }
.item_ct #purchase_form .purchaseButton__btn:not(:disabled):not(.purchaseButton__btn--soldOut):not(.purchaseButton__btn--endOfSale) {
  border-color: #c2a163;
  box-shadow: inset 0 0 0 4px #d2b27926, 0 8px 18px #702c1820;
}
.shop-use-summary { padding: 22px 26px; border-left-color: #9f7b3a; background: #ece0c8; color: #354234; font-size: 18px; }
.shop-detail-toc { gap: 10px; border-color: #bba271; }
.shop-detail-toc a {
  min-width: 0;
  max-width: 100%;
  min-height: 48px;
  padding: 10px 16px;
  border-color: #bda16d;
  background: linear-gradient(110deg, #fff9ea, #f1e5cd);
  color: #654725;
  font-size: 17px;
  line-height: 1.65;
  box-shadow: inset 0 0 0 3px #fff8e755;
  overflow-wrap: anywhere;
}
.shop-copy-heading { color: #293b31; border-left-color: #ae8b4a; border-bottom: 1px solid #baa27355; padding-block: 16px; }
.shop-bespoke-note {
  position: relative;
  padding: clamp(28px, 4vw, 48px);
  border: 1px solid #c5a66a;
  background-color: #091113;
  background-image: linear-gradient(90deg, #091113f5 0%, #091113e8 54%, #09111396 72%, #09111336), url('https://www.sinkikai.com/reifu-lp/assets/generated/bespoke-gold-paper-v1.webp');
  background-position: center, right center;
  background-size: cover;
  box-shadow: inset 0 0 0 5px #c5a66a12;
}
.shop-bespoke-note > p { max-width: 590px; margin-right: auto; padding: 0; background: none; font-size: 18px; line-height: 1.95; color: #f1e7d1; }
.shop-bespoke-note h2 { max-width: 640px; color: #f5dbaa; font-size: clamp(30px, 3vw, 40px); letter-spacing: .05em; }
.shop-bespoke-note .shop-kicker { color: #e4c080; font-size: 15px; }

/* Full review controls stay native and every original review remains accessible. */
#shop-reviews {
  padding: clamp(26px, 4vw, 42px);
  border: 1px solid #bba16b;
  background: linear-gradient(#fffaf0ed, #fffaf0f5), var(--lux-washi) center / 950px;
  box-shadow: inset 0 0 0 5px #c2a36713;
}
#shop-reviews .review01__comment { font-size: 18px; line-height: 2; color: #314037; }
#shop-reviews .review01__itemName { font-size: 17px; color: #73472c; }
#shop-reviews .review01__date { font-size: 15px; color: #6b604d; }
.shop-mobile-purchase {
  background: #0b1815f7;
  border-top-color: #c4a467;
  box-shadow: inset 0 3px 0 #c4a46716, 0 -5px 25px #0002;
}
.shop-mobile-purchase > a {
  border-color: #c5a263;
  background: linear-gradient(115deg, #8b3e2c, #672c23);
  box-shadow: inset 0 0 0 3px #d1b17922;
}

@media (min-width: 701px) and (max-width: 1080px) {
  .shop-hero { gap: 22px; padding: 38px 24px; }
  .shop-hero-copy { padding: 20px; }
  .shop-hero h1 { font-size: 37px; letter-spacing: .04em; }
  .shop-hero-photo img { aspect-ratio: 4/3; }
  .shop-hero p:not(.shop-eyebrow) { font-size: 17px; }
  .shop-voice-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .shop-voice-card { padding: 26px 28px; }
  .shop-voice-card blockquote { margin-bottom: 16px; }
  #item_ank .c-items { gap: 28px 22px; }
  .item_ct #purchase_form { padding: 24px; }
}

@media (max-width: 700px) {
  body#bd { --lux-art: url('https://www.sinkikai.com/reifu-lp/assets/generated/makie-gold-botanical-20260915-mobile.webp'); }
  .shop-header { padding-block: 14px; }
  .shop-hero {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 28px 18px 34px;
    background-image: linear-gradient(#080f1218, #080f1277 48%, #080f12c9), var(--lux-art);
    background-position: center, center top;
    background-size: cover, auto 620px;
    background-repeat: no-repeat;
  }
  .shop-hero-photo { width: 100%; padding: 8px; margin: 0; order: -1; }
  .shop-hero-photo::before, .shop-hero-photo::after { width: 27px; height: 27px; }
  .shop-hero-photo img { aspect-ratio: 16/10; }
  .shop-hero-copy { width: 100%; padding: 4px 4px 0; background: none; }
  .shop-hero h1 { font-size: clamp(33px, 8.8vw, 45px); line-height: 1.6; }
  .shop-hero .shop-eyebrow { font-size: 15px; line-height: 1.8; }
  .shop-hero p:not(.shop-eyebrow) { font-size: 17px; line-height: 1.9; }
  .shop-hero-link { min-width: 0; width: 100%; min-height: 60px; padding: 14px 20px; font-size: 18px; }
  .shop-proofline { gap: 8px 18px; padding: 18px 22px; font-size: 16px; letter-spacing: .045em; }
  .shop-voices { padding: 36px 18px 18px; }
  .shop-voice-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .shop-voice-card { padding: 25px 24px 22px; }
  .shop-voice-card blockquote { font-size: 17px; line-height: 1.95; }
  .shop-voices-heading h2 { font-size: 29px; }
  .shop-voice-product { font-size: 16px; }
  .shop-paths { padding: 32px 18px 12px; }
  .shop-paths h2 { font-size: 31px; }
  .shop-paths .shop-selector-lead { font-size: 17px; }
  .shop-filters { gap: 9px; }
  .shop-filters button { padding: 10px 12px; font-size: 16px; }
  #item_ank .c-items { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  #item_ank .c-item__thumb { aspect-ratio: 16/10; margin: 8px 8px 0; padding: 4px; }
  .shop-card-label { padding: 13px 24px; font-size: 17px; }
  #item_ank .c-item__title { padding: 22px 24px 12px; }
  .shop-card-name { font-size: 31px; }
  .shop-card-copy { padding: 0 24px 22px; font-size: 17px; }
  #item_ank .c-item__price { padding: 0 24px 22px; }
  .shop-card-action { padding-inline: 18px; min-height: 60px; font-size: 17px; }
  .shop-story div { padding: 28px 24px; }
  .shop-story p { font-size: 17px; }
  .shop-footer-return { padding: 26px 22px; }
  .shop-detail-name { font-size: 34px; }
  .shop-detail-poem { font-size: 18px; }
  .shop-detail-kicker { font-size: 16px; }
  .item_ct .p-item > .p-item__thumb { padding: 8px; }
  .item_ct #purchase_form { padding: 25px 22px; }
  .shop-purchase-kicker, .shop-purchase-copy { font-size: 17px; }
  .item_ct #purchase_form .num_p_pr { font-size: 34px; }
  .shop-use-summary { padding: 20px 22px; font-size: 17px; }
  .shop-detail-toc { gap: 8px; }
  .shop-detail-toc a { padding: 10px 13px; font-size: 16px; }
  .shop-bespoke-note { padding: 30px 24px; background-image: linear-gradient(90deg, #091113f2, #091113d9), url('https://www.sinkikai.com/reifu-lp/assets/generated/bespoke-gold-paper-v1.webp'); }
  .shop-bespoke-note h2 { font-size: 31px; }
  .shop-bespoke-note > p { font-size: 17px; }
  #shop-reviews { padding: 28px 22px; }
  #shop-reviews .review01__comment { font-size: 17px; }
}

@media (max-width: 370px) {
  .shop-hero { padding-inline: 16px; }
  .shop-hero h1 { font-size: 32px; }
  .shop-voice-card { padding-inline: 21px; }
  .shop-paths h2 { font-size: 28px; }
  .shop-filters button { padding-inline: 9px; }
  .shop-card-label { padding-inline: 21px; }
  #item_ank .c-item__title { padding-inline: 21px; }
  .shop-card-copy, #item_ank .c-item__price { padding-inline: 21px; }
  .item_ct #purchase_form { padding: 23px 18px; }
  .shop-bespoke-note { padding-inline: 22px; }
  #shop-reviews { padding-inline: 18px; }
}

@media (prefers-reduced-motion: reduce) {
  #item_ank .c-item, #item_ank .c-item__thumb img,
  .shop-hero-link, .shop-filters button, .shop-mobile-purchase,
  .shop-mobile-purchase > a { animation: none; transition: none; transform: none; }
}
