/* インテリア・ワコールSHOP ページ用 */
/* ---------- interior simulator ---------- */
.int-hero{padding-bottom:clamp(48px,7vw,88px)}
.int-head{display:grid;gap:4px 56px;align-items:end;margin-bottom:28px}
.int-head h1{margin-bottom:0}
.int-head .lead{margin:0;font-size:.98rem}
@media (min-width:960px){.int-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.int-sim{display:grid;gap:14px}
@media (min-width:1040px){.int-sim{grid-template-columns:minmax(0,1fr) 316px;gap:18px;align-items:start}}
.int-view{position:relative;border-radius:12px;overflow:hidden;background:#cfc9bf;aspect-ratio:16/10;max-width:100%}
@media (max-width:699px){.int-view{aspect-ratio:4/5}}
.int-view canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}
.int-badge{position:absolute;left:12px;top:12px;font:500 .7rem/1 var(--f-lat);letter-spacing:.12em;padding:6px 10px;border-radius:999px;background:rgba(20,20,22,.45);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.int-prog{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.12)}
.int-prog i{display:block;height:100%;background:rgba(255,255,255,.8);transform-origin:left center;transform:scaleX(0);transition:transform .25s linear}
.int-wait{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:#4d4840;font-size:.9rem;text-align:center;padding:24px}
.int-ready .int-wait{display:none}
.int-panel{display:grid;gap:22px;align-content:start;padding:20px;border-radius:12px;background:var(--mist)}
.int-panel .seg{margin-bottom:0;background:var(--mist-2)}
.int-panel .seg4{grid-auto-flow:row;grid-template-columns:1fr 1fr}
.int-panel .seg button{min-height:42px;font-size:.88rem}
.ctl-l{font-size:.8rem;font-weight:700;letter-spacing:.08em;color:var(--ink-2);margin:0 0 10px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.ctl-l b{font-weight:400;letter-spacing:.02em;color:var(--ink)}
.ctl-l small{font-weight:400;letter-spacing:.02em;color:var(--ink-3);font-size:.76rem}
.ctl-desc{font-size:.84rem;line-height:1.8;color:var(--ink-2);margin:10px 0 0}
.ctl-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.ctl-row .ctl-l{margin:0}
.ctl-row output{font:500 .9rem/1 var(--f-lat);color:var(--ink);font-variant-numeric:tabular-nums}
.ctl-scale{display:flex;justify-content:space-between;font-size:.72rem;color:var(--ink-3);margin-top:-4px}
.int-panel .swatches{margin:0;gap:8px}
.int-panel .swatches button{width:38px;height:38px}
.int-panel .swatches button[aria-pressed="true"]{box-shadow:0 0 0 2px var(--ink)}
.int-note{margin-top:14px}
.int-cat{display:grid;gap:28px}
@media (min-width:960px){.int-cat{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px}}
.int-list{margin:0;display:grid;border-top:1px solid var(--line)}
.int-list div{display:grid;gap:2px 24px;padding:16px 2px;border-bottom:1px solid var(--line)}
@media (min-width:640px){.int-list div{grid-template-columns:9.5em minmax(0,1fr);align-items:baseline}}
.int-list dt{font-family:var(--f-min);font-weight:700;font-size:1.12rem;letter-spacing:.06em}
.int-list dd{margin:0;color:var(--ink-2);font-size:.95rem}
.int-makers{margin-top:24px;font-size:.95rem;display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline}
.int-makers span{font-size:.78rem;font-weight:700;letter-spacing:.08em;color:var(--ink-3)}
.int-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:900px){.int-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}
.int-cases{list-style:none;margin:28px 0 12px;padding:0;display:grid;border-top:1px solid var(--line)}
.int-cases li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:14px 2px;border-bottom:1px solid var(--line)}
.int-cases b{font-family:var(--f-min);font-weight:700;letter-spacing:.06em}
.int-cases span{color:var(--ink-2);font-size:.92rem}

/* ---------- wacoal ---------- */
.wac-hero{padding-bottom:clamp(48px,7vw,80px)}
.wac-grid{display:grid;gap:36px;align-items:center}
@media (min-width:960px){.wac-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px}}
.wac-card{background:var(--paper);border-radius:14px;padding:24px 24px 10px;box-shadow:0 1px 0 var(--line)}
.wac-card-t{font-family:var(--f-min);font-weight:700;font-size:1.15rem;letter-spacing:.08em;margin:0 0 8px}
.wac-card dl{margin:0}
.wac-card dl div{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:.93rem;line-height:1.75}
.wac-card dt{color:var(--ink-3);font-size:.84rem}
.wac-card dd{margin:0}
.tnum{font-variant-numeric:tabular-nums;letter-spacing:.04em}
.wac-edge{height:16px;background:
  radial-gradient(circle at 10px 0,var(--blush) 9.4px,transparent 10px) 0 0/20px 16px repeat-x,
  radial-gradient(circle at 10px 12px,var(--blush) 1.6px,transparent 2.2px) 0 0/20px 16px repeat-x}
.wac-cats{display:grid;gap:0;margin-top:36px;border-top:1px solid var(--line)}
.wac-cats article{padding:24px 2px;border-bottom:1px solid var(--line);display:grid;gap:4px}
.wac-cats h3{font-size:1.35rem}
.wac-cats p{margin:0;color:var(--ink-2)}
.wac-k{font:500 .76rem/1 var(--f-lat)!important;letter-spacing:.18em;text-transform:uppercase;color:var(--red)!important;margin-bottom:6px!important}
@media (min-width:900px){.wac-cats{grid-template-columns:repeat(3,minmax(0,1fr));border-top:0;gap:40px}.wac-cats article{border-bottom:0;border-top:1px solid var(--ink);padding-top:20px}}