/* Inner-page card refinement. Original markup, imagery and route timing are preserved. */
.interior-mode {
  --card-radius:20px;
  --card-inset:22px;
  --card-fill:rgb(255 255 255 / 58%);
  --card-edge:rgb(255 255 255 / 80%);
  --card-hover:rgb(255 255 255 / 76%);
  --card-inset-fill:rgb(255 255 255 / 35%);
  --card-quiet:rgb(39 53 70 / 6%);
  --card-ink:#202630;
  --card-muted:#536071;
  --card-button:#242a33;
  --card-button-hover:#3c4654;
  --card-button-ink:#fff;
  --card-selected:#647487;
  --card-status:#25634c;
  --card-status-fill:#e2eee8;
  --card-focus:#286bba;
  --glass-grain:none;
}
html[data-theme=dark] .interior-mode {
  --card-fill:rgb(31 40 53 / 72%);
  --card-edge:rgb(218 230 247 / 16%);
  --card-hover:rgb(43 54 70 / 84%);
  --card-inset-fill:rgb(163 188 219 / 6%);
  --card-quiet:rgb(181 205 234 / 9%);
  --card-ink:#edf2f8;
  --card-muted:#bcc8d8;
  --card-button:#e7edf5;
  --card-button-hover:#fff;
  --card-button-ink:#202630;
  --card-selected:#9bacc0;
  --card-status:#a3d6bb;
  --card-status-fill:#2b473e;
  --card-focus:#93c5ff;
}

/* One continuous translucent surface, without stacked rims or cast shadows. */
.interior-mode .faq details,
.interior-mode :is(.product-card,.compact-card,.empty-orders,.detail-workspace,.order-guide) {
  color:var(--card-ink);
  background:var(--card-fill);
  border:1px solid var(--card-edge);
  border-radius:var(--card-radius);
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.interior-mode .product-grid,.interior-mode .compact-grid { gap:20px; }
.interior-mode .product-card { padding:0; }
.interior-mode .product-art {
  height:190px;
  flex:0 0 190px;
  border-radius:19px 19px 0 0;
  background:transparent;
  /* The existing illustrations dissolve into the same card surface. No live blur. */
  -webkit-mask-image:linear-gradient(#000 65%,transparent 100%);
  mask-image:linear-gradient(#000 65%,transparent 100%);
}
.interior-mode .product-art>img { object-fit:contain; }
.interior-mode .team-scene { background:transparent; }
.interior-mode .tier {
  box-shadow:none;
  border-color:var(--card-edge);
  transition:transform .14s ease-out;
}
.interior-mode .tier-front { background:#d9e9e1; }
.interior-mode .tier-back { background:#e6e4ef; }
.interior-mode .team-scene:hover .tier-front { transform:translate(-14px,10px) rotate(-7deg); }
.interior-mode .team-scene:hover .tier-back { transform:translate(22px,-6px) rotate(7deg); }
.interior-mode .product-body { padding:10px var(--card-inset) var(--card-inset); }
.interior-mode .product-heading { align-items:baseline; gap:8px 12px; }
.interior-mode .product-heading h3,
html[lang=en] .interior-mode .product-heading h3 {
  color:var(--card-ink);
  font-size:24px;
  line-height:1.35;
  font-weight:600;
  letter-spacing:-.5px;
}
.interior-mode .badge {
  padding:4px 8px;
  border-radius:6px;
  font-size:12px;
  line-height:1.5;
  color:var(--card-muted);
  background:var(--card-quiet);
}
.interior-mode .badge.green { color:var(--card-status); background:var(--card-status-fill); }
.interior-mode .description {
  color:var(--card-ink);
  font-size:var(--ui-body);
  line-height:1.6;
  min-height:3.2em;
  margin:12px 0 16px;
}
.interior-mode .specs { gap:4px; margin-bottom:22px; line-height:1.6; }
.interior-mode .specs span:last-child { color:var(--card-muted); }
.interior-mode .product-bottom {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:16px;
  border:0;
  padding:0;
}
.interior-mode .product-bottom>div { min-height:57px; }
.interior-mode .price { font-size:24px; line-height:1.35; font-weight:600; }
.interior-mode .price small { font-size:var(--ui-note); color:var(--card-muted); white-space:nowrap; }
.interior-mode .pending-price { display:inline-block; font-size:18px; line-height:1.8; }
.interior-mode .price-note { color:var(--card-muted); line-height:1.5; margin-top:5px; }

/* Black / white actions carry the entrance's typography and tone into the shop. */
.interior-mode .action {
  background:var(--card-button);
  color:var(--card-button-ink);
  border:0;
  border-radius:999px;
  box-shadow:none;
  min-height:44px;
  padding:10px 18px;
  line-height:1.5;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.interior-mode .action.soft {
  background:var(--card-quiet);
  color:var(--card-ink);
  border:0;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.interior-mode .action:hover { filter:none; background:var(--card-button-hover); }
.interior-mode .action.soft:hover { background:var(--card-inset-fill); }
.interior-mode .product-bottom .action { width:100%; justify-content:space-between; }
.interior-mode :is(.action,.compact-card,.faq summary):focus-visible {
  outline:2px solid var(--card-focus);
  outline-offset:4px;
}
.interior-mode .product-card:focus-within { border-color:var(--card-selected); }

/* Secondary services use the same material with a quieter, compact composition. */
.interior-mode .compact-card {
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  min-height:96px;
  padding:18px 20px;
  gap:12px;
  text-align:left;
}
.interior-mode .compact-card:hover { background:var(--card-hover); border-color:var(--card-edge); }
.interior-mode .product-mark {
  width:36px;
  height:36px;
  border-radius:10px;
  color:var(--card-ink);
  background:var(--card-quiet);
}
.interior-mode .mark-claude { color:#9a6048; }
html[data-theme=dark] .interior-mode .mark-claude { color:#dba98b; }
.interior-mode .compact-copy strong { font-size:var(--ui-body); line-height:1.5; font-weight:600; }
.interior-mode .compact-copy small,.interior-mode .compact-action { color:var(--card-muted); font-size:var(--ui-note); }
.interior-mode .compact-action { gap:8px; }
.interior-mode .order-guide { padding:22px 24px; }
.interior-mode .order-guide p { color:var(--card-muted); line-height:1.65; }
.interior-mode .order-guide a { color:var(--card-ink); }

/* Detail and support cards share the catalog's surface and type roles. */
.interior-mode .detail-left { padding:28px; }
.interior-mode .detail-art { border-radius:12px; background:var(--card-inset-fill); }
.interior-mode .detail-art>img { background:transparent; }
.interior-mode .plan {
  background:var(--card-inset-fill);
  border:1px solid var(--card-edge);
  border-radius:12px;
  padding:18px;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.interior-mode .plan.selected { background:var(--card-inset-fill); border-color:var(--card-selected); }
.interior-mode .plan p,.interior-mode .detail-note { color:var(--card-muted); }
.interior-mode .plan .plan-status { font-size:var(--ui-body); line-height:1.6; }
.interior-mode .summary { background:var(--card-quiet); border:0; padding:28px; }
.interior-mode .summary h2 { font-size:22px; }
.interior-mode .summary :is(p,dt) { color:var(--card-muted); }
.interior-mode .summary-total { border:0; padding-top:18px; gap:12px; flex-wrap:wrap; }
.interior-mode .summary-help { color:var(--card-ink); }
.interior-mode .faq details { padding:20px 22px; margin-bottom:12px; }
.interior-mode .faq summary { font-size:var(--ui-body); line-height:1.6; }
.interior-mode .faq details p,.interior-mode .empty-orders p { color:var(--card-muted); line-height:1.75; }

/* Controls stay subordinate to the product cards. */
.interior-mode .search input,
.interior-mode .categories button:not([aria-pressed=true]) {
  background:var(--card-inset-fill);
  color:var(--card-muted);
  box-shadow:none;
  border:1px solid var(--card-edge);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.interior-mode .categories button[aria-pressed=true] { background:var(--card-button); color:var(--card-button-ink); box-shadow:none; }
.interior-mode .search input { color:var(--card-ink); }
.interior-mode .search input::placeholder { color:var(--card-muted); }

@media(max-width:1000px) {
  .interior-mode .product-grid,.interior-mode .compact-grid { gap:16px; }
  .interior-mode .toolbar { flex-wrap:wrap; }
  .interior-mode .search { flex:1 1 240px; }
  .interior-mode .detail-workspace { grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr); }
  .interior-mode .detail-left,.interior-mode .summary { padding:22px; }
  .interior-mode .plans { grid-template-columns:1fr; }
}
@media(max-width:760px) {
  .interior-mode .header { height:auto; }
  .interior-mode .header-inner { width:calc(100% - 28px); flex-wrap:wrap; gap:0 8px; padding-top:6px; }
  .interior-mode .header-actions { margin-left:auto; }
  .interior-mode .header-actions .divider { display:none; }
  .interior-mode .nav,html[lang=en] .interior-mode .nav {
    order:3;
    width:100%;
    height:48px;
    margin-left:0;
    justify-content:space-between;
    gap:12px;
  }
}
@media(max-width:680px) {
  .interior-mode { --card-inset:20px; }
  .interior-mode .product-art { height:180px; flex-basis:180px; }
  .interior-mode .description { min-height:0; }
  .interior-mode .product-bottom>div { min-height:0; }
  .interior-mode .compact-card { padding:18px; gap:10px; }
  .interior-mode .detail-workspace { grid-template-columns:minmax(0,1fr); }
  .interior-mode .order-guide { padding:20px; }
  .interior-mode .faq details { padding:18px 20px; }
  .interior-mode .categories { justify-content:flex-start; }
  .interior-mode .categories button { flex:1 1 auto; }
}
@media(max-width:360px) {
  .interior-mode .nav,html[lang=en] .interior-mode .nav { gap:8px; }
}
@media(prefers-reduced-motion:reduce) {
  .interior-mode .tier { transition:none; }
  .interior-mode .team-scene:hover .tier-front { transform:translate(-10px,10px) rotate(-7deg); }
  .interior-mode .team-scene:hover .tier-back { transform:translate(18px,-6px) rotate(7deg); }
}