/* ════════════════════════════════════════════════════════════════════
   Yukifu Store · Apple-style Minimal Redesign
   Scope: catalog (전체 / 몰드 / 디지털) · product detail · digital
          file detail · cart drawer · responsive PC + mobile.
   Loaded after all inline <style> blocks in store.html so this file
   has the final word on visuals; we keep `!important` to consistently
   beat the legacy `!important` rules from earlier overlays.
   ════════════════════════════════════════════════════════════════════ */

:root{
  --as-bg:            #ffffff;
  --as-bg-soft:       #fbfbfd;
  --as-bg-muted:      #f5f5f7;
  --as-bg-tint:       #eef0f3;
  --as-line:          #d2d2d7;
  --as-line-soft:     #e5e5ea;
  --as-line-faint:    #ececef;
  --as-text:          #1d1d1f;
  --as-text-soft:     #424245;
  --as-text-mute:     #6e6e73;
  --as-text-dim:      #86868b;
  --as-accent:        #0071e3;
  --as-accent-hover:  #0077ed;
  --as-accent-soft:   #e8f1ff;
  --as-accent-line:   #b8d6ff;
  --as-success:       #1d6f42;
  --as-success-soft:  #e6f4ec;
  --as-warn:          #b25e09;
  --as-warn-soft:     #fdf1e1;
  --as-danger:        #bf4800;
  --as-danger-soft:   #fdecea;
  --as-shadow-sm:     0 1px 2px rgba(0,0,0,.04);
  --as-shadow:        0 4px 16px rgba(0,0,0,.06);
  --as-shadow-lg:     0 24px 48px rgba(0,0,0,.10);
  --as-radius-xs:     6px;
  --as-radius-sm:     10px;
  --as-radius:        14px;
  --as-radius-lg:     18px;
  --as-radius-xl:     24px;
  --as-radius-pill:   980px;
  --as-ease:          cubic-bezier(.22,1,.36,1);
  --as-dur:           220ms;
  --as-dur-fast:      140ms;
  --as-font:
    -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","SF Pro KR",
    "Pretendard Variable",Pretendard,"Apple SD Gothic Neo","Noto Sans KR",
    "Helvetica Neue",Arial,system-ui,sans-serif;
  --as-shell:         min(100%, 1240px);
  --as-shell-wide:    min(100%, 1440px);
  --as-gutter:        clamp(20px, 4vw, 56px);
  --as-sidebar:       232px;
}

/* ── 0. Page chrome resets ─────────────────────────────────────── */
html[data-store-view="catalog"]{
  background:var(--as-bg) !important;
}
html[data-store-view="catalog"] body:not(.detail-page){
  background:var(--as-bg) !important;
  color:var(--as-text) !important;
  font-family:var(--as-font) !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  letter-spacing:-.012em !important;
  overflow-x:hidden !important;
}
html[data-store-view="catalog"] body:not(.detail-page) main{
  padding-top:0 !important;
  background:var(--as-bg) !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .store-page{
  display:block !important;
  padding:0 0 96px !important;
  background:var(--as-bg) !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .store-body{
  display:grid !important;
  grid-template-columns:var(--as-sidebar) minmax(0,1fr) !important;
  grid-template-rows:auto auto auto !important;
  gap:0 32px !important;
  width:var(--as-shell) !important;
  margin:0 auto !important;
  padding:0 var(--as-gutter) !important;
  align-items:start !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .store-main{
  display:contents !important;
}

/* ── 1. Hero ───────────────────────────────────────────────────── */
html[data-store-view="catalog"] body:not(.detail-page) .hero{
  display:block !important;
  grid-column:1 / -1 !important;
  grid-row:1 !important;
  position:relative !important;
  margin:0 calc(var(--as-gutter) * -1) !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:linear-gradient(180deg,#fbfbfd 0%,#f5f5f7 100%) !important;
  overflow:hidden !important;
  box-shadow:none !important;
  min-height:0 !important;
}
html[data-store-mode="mold"] body:not(.detail-page) .hero,
html[data-store-mode="digital"] body:not(.detail-page) .hero{
  background:linear-gradient(180deg,#fbfbfd 0%,#f5f5f7 100%) !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .hero::before,
html[data-store-view="catalog"] body:not(.detail-page) .hero::after,
html[data-store-mode="digital"] body:not(.detail-page) .hero::before,
html[data-store-mode="digital"] body:not(.detail-page) .hero::after,
html[data-store-mode="mold"] body:not(.detail-page) .hero::before,
html[data-store-mode="mold"] body:not(.detail-page) .hero::after{
  display:none !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .hero-feature{
  display:none !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .hero-identity{
  position:relative !important;
  display:grid !important;
  align-content:center !important;
  justify-items:center !important;
  text-align:center !important;
  width:var(--as-shell) !important;
  max-width:none !important;
  min-height:0 !important;
  margin:0 auto !important;
  padding:clamp(20px,2.4vw,32px) var(--as-gutter) clamp(16px,2vw,24px) !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  isolation:auto !important;
  gap:8px !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .hero-identity::before,
html[data-store-view="catalog"] body:not(.detail-page) .hero-identity::after{
  display:none !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .hero-identity-top{
  display:grid !important;
  gap:6px !important;
  justify-items:center !important;
  max-width:780px !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .hero-eyebrow{
  margin:0 !important;
  color:var(--as-text-soft) !important;
  font-family:var(--as-font) !important;
  font-size:13px !important;
  font-weight:500 !important;
  letter-spacing:.005em !important;
  text-transform:none !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .hero-title-wrap{
  display:grid !important;
  gap:14px !important;
  justify-items:center !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .hero-title-wrap h1{
  margin:0 !important;
  width:auto !important;
  max-width:880px !important;
  color:var(--as-text) !important;
  font-family:var(--as-font) !important;
  font-size:clamp(26px,3vw,38px) !important;
  font-weight:700 !important;
  line-height:1.1 !important;
  letter-spacing:-.026em !important;
  word-break:keep-all !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .hero-tagline{
  margin:0 !important;
  width:auto !important;
  max-width:520px !important;
  color:var(--as-text-mute) !important;
  font-family:var(--as-font) !important;
  font-size:clamp(14px,1vw,15.5px) !important;
  font-weight:400 !important;
  line-height:1.5 !important;
  letter-spacing:-.012em !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .hero-search-area{
  width:100% !important;
  max-width:440px !important;
  margin-top:4px !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .hero-search{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-height:40px !important;
  padding:0 16px !important;
  border:1px solid var(--as-line) !important;
  border-radius:var(--as-radius-pill) !important;
  background:#fff !important;
  color:var(--as-text-soft) !important;
  box-shadow:none !important;
  transition:border-color var(--as-dur-fast) var(--as-ease),
             box-shadow var(--as-dur-fast) var(--as-ease) !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .hero-search:focus-within{
  border-color:var(--as-accent) !important;
  background:#fff !important;
  box-shadow:0 0 0 4px var(--as-accent-soft) !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .hero-search-icon{
  color:var(--as-text-mute) !important;
  font-size:16px !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .hero-search input{
  width:100% !important;
  border:0 !important;
  background:transparent !important;
  color:var(--as-text) !important;
  font-family:var(--as-font) !important;
  font-size:15px !important;
  font-weight:500 !important;
  letter-spacing:-.012em !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .hero-search input::placeholder{
  color:var(--as-text-mute) !important;
  font-weight:400 !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .hero-identity-bottom{
  display:none !important;
}

/* ── 2. Catalog tabs ───────────────────────────────────────────── */
.catalog-nav-panel{
  grid-column:1 / -1 !important;
  grid-row:2 !important;
  width:100% !important;
  margin:0 !important;
  padding:18px 0 16px !important;
  border-bottom:1px solid var(--as-line-faint) !important;
  background:var(--as-bg) !important;
}
.catalog-tabs,
html[data-store-view="catalog"] body:not(.detail-page) .catalog-tabs,
html[data-store-view="catalog"] body:not(.detail-page) .catalog-nav-panel .catalog-tabs{
  display:flex !important;
  align-items:center !important;
  gap:28px !important;
  min-height:42px !important;
  padding:0 28px 0 0 !important;
  border:0 !important;
  border-bottom:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow-x:auto !important;
  scrollbar-width:none !important;
  mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent) !important;
  -webkit-mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent) !important;
}
.catalog-tabs::-webkit-scrollbar{display:none !important}
/* Override apple-interface.css's box around catalog tabs and other store elements */
html[data-store-view="catalog"] body:not(.detail-page) .catalog-nav-panel,
html[data-store-view="catalog"] body:not(.detail-page) .catalog-nav-panel .catalog-tabs,
html[data-store-view="catalog"] body:not(.detail-page) .catalog-nav-panel .catalog-filter-strip{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .catalog-nav-panel{
  border-bottom:1px solid var(--as-line-faint) !important;
}
.catalog-tab{
  position:relative !important;
  flex:0 0 auto !important;
  padding:8px 0 !important;
  border:0 !important;
  background:transparent !important;
  color:var(--as-text-mute) !important;
  font-family:var(--as-font) !important;
  font-size:14px !important;
  font-weight:500 !important;
  letter-spacing:-.012em !important;
  cursor:pointer !important;
  transition:color var(--as-dur-fast) var(--as-ease) !important;
}
.catalog-tab:hover{color:var(--as-text) !important}
.catalog-tab.is-active,
html[data-store-mode="all"] .catalog-tab[data-store-mode-link="all"],
html[data-store-mode="mold"] .catalog-tab[data-store-mode-link="mold"],
html[data-store-mode="digital"] .catalog-tab[data-store-mode-link="digital"]{
  color:var(--as-text) !important;
  font-weight:600 !important;
}
.catalog-tab.is-active::after,
html[data-store-mode="all"] .catalog-tab[data-store-mode-link="all"]::after,
html[data-store-mode="mold"] .catalog-tab[data-store-mode-link="mold"]::after,
html[data-store-mode="digital"] .catalog-tab[data-store-mode-link="digital"]::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  width:auto !important;
  bottom:0 !important;
  height:1.5px !important;
  background:var(--as-text) !important;
  border-radius:0 !important;
}

.catalog-filter-strip{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  padding:14px 0 0 !important;
}
.catalog-filter-chip{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  min-height:32px !important;
  padding:0 14px !important;
  border:1px solid var(--as-line) !important;
  border-radius:var(--as-radius-pill) !important;
  background:#fff !important;
  color:var(--as-text-soft) !important;
  font-family:var(--as-font) !important;
  font-size:13px !important;
  font-weight:500 !important;
  letter-spacing:-.01em !important;
  cursor:pointer !important;
  transition:background var(--as-dur-fast) var(--as-ease),
             border-color var(--as-dur-fast) var(--as-ease),
             color var(--as-dur-fast) var(--as-ease) !important;
}
.catalog-filter-chip:hover{
  border-color:var(--as-text) !important;
  color:var(--as-text) !important;
}
.catalog-filter-chip.active{
  border-color:var(--as-text) !important;
  background:var(--as-text) !important;
  color:#fff !important;
}
.catalog-filter-chip strong{
  color:inherit !important;
  opacity:.65 !important;
  font-size:12px !important;
  font-weight:500 !important;
}

/* ── 3. Sidebar (desktop) ──────────────────────────────────────── */
html[data-store-view="catalog"] body:not(.detail-page) .store-sidebar{
  position:sticky !important;
  top:80px !important;
  display:grid !important;
  grid-column:1 !important;
  grid-row:3 !important;
  gap:20px !important;
  max-height:calc(100vh - 100px) !important;
  margin-top:24px !important;
  padding:8px 4px 8px 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:var(--as-text) !important;
  box-shadow:none !important;
  overflow-y:auto !important;
  scrollbar-width:none !important;
  transform:none !important;
  z-index:auto !important;
  width:auto !important;
  bottom:auto !important;
  right:auto !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .store-sidebar::-webkit-scrollbar{
  display:none !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .store-filter-close{
  display:none !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .sidebar-section{
  display:grid !important;
  gap:8px !important;
  padding:0 !important;
  margin:0 0 24px !important;
  border:0 !important;
  border-bottom:0 !important;
  background:transparent !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .sidebar-section:last-child{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .sidebar-filter-label{
  margin:0 0 2px !important;
  color:var(--as-text-dim) !important;
  font-family:var(--as-font) !important;
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .category-rail,
html[data-store-view="catalog"] body:not(.detail-page) .filter-chip-row{
  display:grid !important;
  gap:6px !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .store-category,
html[data-store-view="catalog"] body:not(.detail-page) .smart-filter-chip{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:100% !important;
  min-height:34px !important;
  padding:0 12px !important;
  border:0 !important;
  border-radius:var(--as-radius-sm) !important;
  background:transparent !important;
  color:var(--as-text-soft) !important;
  font-family:var(--as-font) !important;
  font-size:14px !important;
  font-weight:500 !important;
  letter-spacing:-.012em !important;
  text-align:left !important;
  cursor:pointer !important;
  box-shadow:none !important;
  transition:background var(--as-dur-fast) var(--as-ease),
             color var(--as-dur-fast) var(--as-ease) !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .store-category:hover,
html[data-store-view="catalog"] body:not(.detail-page) .smart-filter-chip:hover{
  background:var(--as-bg-muted) !important;
  color:var(--as-text) !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .store-category.active,
html[data-store-view="catalog"] body:not(.detail-page) .smart-filter-chip.active{
  background:var(--as-bg-muted) !important;
  color:var(--as-text) !important;
  font-weight:600 !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .store-category.active::after{
  content:"" !important;
  flex:0 0 auto !important;
  width:6px !important;
  height:6px !important;
  margin-left:auto !important;
  border-radius:50% !important;
  background:var(--as-text) !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .store-category.active .store-category-count,
html[data-store-view="catalog"] body:not(.detail-page) .smart-filter-chip.active strong{
  color:var(--as-text-mute) !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .store-category-count,
html[data-store-view="catalog"] body:not(.detail-page) .smart-filter-chip strong{
  color:var(--as-text-dim) !important;
  font-size:12px !important;
  font-weight:500 !important;
  font-variant-numeric:tabular-nums !important;
}
/* Hide zero-count sidebar filter chips (disabled state) but keep loading placeholders */
html[data-store-view="catalog"] body:not(.detail-page) .smart-filter-chip[disabled]:not(.active):not([data-loading-placeholder]){
  display:none !important;
}
/* Hide sidebar sections that have no visible chips (all zero count) */
html[data-store-view="catalog"] body:not(.detail-page) .sidebar-filter-section:has(.filter-chip-row > .smart-filter-chip[disabled]:not(.active):not([data-loading-placeholder]):only-child){
  display:none !important;
}

/* ── 4. Results (head + grid) ─────────────────────────────────── */
html[data-store-view="catalog"] body:not(.detail-page) .results{
  grid-column:2 !important;
  grid-row:3 !important;
  width:100% !important;
  margin:24px 0 0 !important;
  padding:0 !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .results-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin-bottom:16px !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .results-meta h2,
html[data-store-view="catalog"] body:not(.detail-page) .results-copy h2,
html[data-store-view="catalog"] body:not(.detail-page) .results-copy #storeResultsTitle{
  margin:0 !important;
  color:var(--as-text) !important;
  font-family:var(--as-font) !important;
  font-size:17px !important;
  font-weight:600 !important;
  letter-spacing:-.018em !important;
  line-height:1.25 !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .results-kicker{
  display:none !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .results-copy{
  display:grid !important;
  gap:4px !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .results-summary,
html[data-store-view="catalog"] body:not(.detail-page) .results-status,
html[data-store-view="catalog"] body:not(.detail-page) .results-copy .results-status,
html[data-store-view="catalog"] body:not(.detail-page) #queryStatus{
  margin:0 !important;
  color:var(--as-text-mute) !important;
  font-family:var(--as-font) !important;
  font-size:12.5px !important;
  font-weight:400 !important;
  letter-spacing:-.012em !important;
  line-height:1.4 !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .results-head{
  align-items:baseline !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .results-copy{
  display:flex !important;
  align-items:baseline !important;
  gap:10px !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .results-controls{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .results-sort-select{
  height:36px !important;
  padding:0 32px 0 14px !important;
  border:1px solid var(--as-line) !important;
  border-radius:var(--as-radius-pill) !important;
  background:#fff url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%231d1d1f' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center !important;
  color:var(--as-text) !important;
  font-family:var(--as-font) !important;
  font-size:13px !important;
  font-weight:500 !important;
  letter-spacing:-.012em !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  cursor:pointer !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .results-sort-select:focus-visible{
  outline:none !important;
  border-color:var(--as-accent) !important;
  box-shadow:0 0 0 3px var(--as-accent-soft) !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .store-filter-toggle{
  display:none !important;
}

html[data-store-view="catalog"] body:not(.detail-page) .active-filters-row{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-bottom:14px !important;
  min-height:0 !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .active-filter-chip,
html[data-store-view="catalog"] body:not(.detail-page) .active-filter-pill{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  min-height:30px !important;
  padding:0 12px !important;
  border:1px solid var(--as-text) !important;
  border-radius:var(--as-radius-pill) !important;
  background:var(--as-text) !important;
  color:#fff !important;
  font-family:var(--as-font) !important;
  font-size:12.5px !important;
  font-weight:500 !important;
  letter-spacing:-.01em !important;
  cursor:pointer !important;
  transition:opacity var(--as-dur-fast) var(--as-ease) !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .active-filter-chip:hover,
html[data-store-view="catalog"] body:not(.detail-page) .active-filter-pill:hover{
  opacity:.85 !important;
}

html[data-store-view="catalog"] body:not(.detail-page) .store-feedback{
  margin:18px 0 !important;
  padding:14px 18px !important;
  border:1px solid var(--as-danger-soft) !important;
  border-radius:var(--as-radius-sm) !important;
  background:var(--as-danger-soft) !important;
  color:var(--as-danger) !important;
  font-family:var(--as-font) !important;
  font-size:13.5px !important;
  font-weight:500 !important;
}

/* ── 5. Product grid + cards ───────────────────────────────────── */
html[data-store-view="catalog"] body:not(.detail-page) .store-loading,
html[data-store-view="catalog"] body:not(.detail-page) .store-grid{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:24px 18px !important;
  margin:0 !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .store-grid{
  display:grid;
}
html[data-store-view="catalog"] body:not(.detail-page) .store-loading{
  display:grid;
}
/* Always hide elements with [hidden] attribute */
html[data-store-view="catalog"] body:not(.detail-page) [hidden],
body.detail-page [hidden]{
  display:none !important;
}
/* Safety: hide loading skeletons when actual products are visible */
html[data-store-view="catalog"] body:not(.detail-page) .results:has(.product-card) .store-loading{
  display:none !important;
}
/* Safety: hide empty state when actual products are visible */
html[data-store-view="catalog"] body:not(.detail-page) .results:has(.product-card) .store-empty{
  display:none !important;
}
/* Safety: hide error feedback when products are visible */
html[data-store-view="catalog"] body:not(.detail-page) .results:has(.product-card) .store-feedback{
  display:none !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .loading-card{
  aspect-ratio:1 / 1.32 !important;
  border-radius:var(--as-radius-lg) !important;
  background:linear-gradient(135deg,#f5f5f7 0%,#fafafa 50%,#f5f5f7 100%) !important;
  background-size:200% 100% !important;
  animation:asShimmer 1.6s linear infinite !important;
  border:0 !important;
}
@keyframes asShimmer{
  0%{background-position:200% 0}
  100%{background-position:-200% 0}
}

html[data-store-view="catalog"] body:not(.detail-page) .product-card{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:var(--as-radius-lg) !important;
  background:#fff !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  transition:transform var(--as-dur) var(--as-ease) !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .product-card::before,
html[data-store-view="catalog"] body:not(.detail-page) .product-card::after{
  display:none !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .product-card:hover{
  transform:translateY(-2px) !important;
  border:0 !important;
  box-shadow:none !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .product-media{
  position:relative !important;
  display:block !important;
  aspect-ratio:1 / 1 !important;
  border-radius:var(--as-radius-lg) !important;
  background:var(--as-bg-muted) !important;
  overflow:hidden !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .product-media::after{
  display:none !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .product-thumb{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  transition:transform 600ms var(--as-ease) !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .product-card:hover .product-thumb{
  transform:scale(1.04) !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .product-topline,
html[data-store-view="catalog"] body:not(.detail-page) .product-badges{
  position:absolute !important;
  top:12px !important;
  left:12px !important;
  right:12px !important;
  bottom:auto !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  z-index:2 !important;
  pointer-events:none !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .product-sequence,
html[data-store-view="catalog"] body:not(.detail-page) .product-status,
html[data-store-view="catalog"] body:not(.detail-page) .product-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:22px !important;
  padding:0 9px !important;
  border:0 !important;
  border-radius:var(--as-radius-pill) !important;
  background:rgba(0,0,0,.72) !important;
  color:#fff !important;
  font-family:var(--as-font) !important;
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:-.005em !important;
  text-transform:none !important;
  backdrop-filter:saturate(180%) blur(6px) !important;
  -webkit-backdrop-filter:saturate(180%) blur(6px) !important;
  pointer-events:auto !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .product-sequence{
  background:rgba(255,255,255,.92) !important;
  color:var(--as-text) !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .product-status.pending{
  background:rgba(255,255,255,.92) !important;
  color:var(--as-text-mute) !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .product-status.available,
html[data-store-mode="digital"] body:not(.detail-page) .product-status.available{
  background:rgba(0,0,0,.78) !important;
  color:#fff !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .product-body{
  display:grid !important;
  gap:6px !important;
  padding:14px 4px 4px !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .product-header-row{
  display:block !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .product-name{
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  margin:0 !important;
  min-height:0 !important;
  color:var(--as-text) !important;
  font-family:var(--as-font) !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:1.32 !important;
  letter-spacing:-.018em !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .product-artist{
  margin:0 !important;
  color:var(--as-text-mute) !important;
  font-size:13px !important;
  font-weight:400 !important;
  letter-spacing:-.012em !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .product-price-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  margin-top:4px !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .product-price{
  color:var(--as-text) !important;
  font-family:var(--as-font) !important;
  font-size:14.5px !important;
  font-weight:600 !important;
  letter-spacing:-.018em !important;
  font-variant-numeric:tabular-nums !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .product-facts{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  min-height:0 !important;
  margin-top:2px !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .product-fact{
  display:inline-flex !important;
  align-items:center !important;
  min-height:22px !important;
  padding:0 9px !important;
  border:0 !important;
  border-radius:var(--as-radius-pill) !important;
  background:var(--as-bg-muted) !important;
  color:var(--as-text-mute) !important;
  font-family:var(--as-font) !important;
  font-size:11.5px !important;
  font-weight:500 !important;
  letter-spacing:-.005em !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .product-cart-button{
  position:absolute !important;
  right:10px !important;
  bottom:10px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:32px !important;
  height:32px !important;
  min-height:32px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:var(--as-radius-pill) !important;
  background:rgba(255,255,255,.96) !important;
  color:var(--as-text) !important;
  box-shadow:0 2px 8px rgba(0,0,0,.08) !important;
  backdrop-filter:saturate(180%) blur(10px) !important;
  -webkit-backdrop-filter:saturate(180%) blur(10px) !important;
  cursor:pointer !important;
  opacity:0 !important;
  transform:translateY(4px) !important;
  pointer-events:none !important;
  transition:opacity var(--as-dur-fast) var(--as-ease),
             transform var(--as-dur-fast) var(--as-ease),
             background var(--as-dur-fast) var(--as-ease),
             color var(--as-dur-fast) var(--as-ease) !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .product-card:hover .product-cart-button,
html[data-store-view="catalog"] body:not(.detail-page) .product-card:focus-within .product-cart-button{
  opacity:1 !important;
  transform:translateY(0) !important;
  pointer-events:auto !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .product-cart-button:hover{
  background:var(--as-text) !important;
  color:#fff !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .product-cart-button span{
  display:none !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .product-cart-button svg{
  width:14px !important;
  height:14px !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .card-actions{
  display:none !important;
}

/* Digital mode product media has subtle dot grid */
html[data-store-mode="digital"] body:not(.detail-page) .product-media{
  background:
    radial-gradient(circle, rgba(29,29,31,.06) 1px, transparent 1.4px) 0 0/16px 16px,
    var(--as-bg-muted) !important;
}

/* Empty state */
html[data-store-view="catalog"] body:not(.detail-page) .store-empty{
  display:grid !important;
  align-content:center !important;
  justify-items:center !important;
  text-align:center !important;
  gap:10px !important;
  min-height:280px !important;
  padding:48px 24px !important;
  border:1px dashed var(--as-line) !important;
  border-radius:var(--as-radius-lg) !important;
  background:var(--as-bg-soft) !important;
  color:var(--as-text-soft) !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .store-empty h3{
  margin:0 !important;
  color:var(--as-text) !important;
  font-family:var(--as-font) !important;
  font-size:18px !important;
  font-weight:600 !important;
  letter-spacing:-.02em !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .store-empty p{
  margin:0 !important;
  color:var(--as-text-mute) !important;
  font-size:14px !important;
  font-weight:400 !important;
  letter-spacing:-.012em !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .empty-action{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-top:12px !important;
  padding:10px 22px !important;
  border:0 !important;
  border-radius:var(--as-radius-pill) !important;
  background:var(--as-text) !important;
  color:#fff !important;
  font-family:var(--as-font) !important;
  font-size:14px !important;
  font-weight:500 !important;
  letter-spacing:-.012em !important;
  cursor:pointer !important;
  transition:opacity var(--as-dur-fast) var(--as-ease) !important;
}
html[data-store-view="catalog"] body:not(.detail-page) .empty-action:hover{
  opacity:.86 !important;
}

/* ── 6. Responsive — catalog ──────────────────────────────────── */
@media (max-width: 1240px){
  html[data-store-view="catalog"] body:not(.detail-page) .store-loading,
  html[data-store-view="catalog"] body:not(.detail-page) .store-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 1024px){
  html[data-store-view="catalog"] body:not(.detail-page){
    --as-sidebar:204px;
  }
}
@media (max-width: 900px){
  html[data-store-view="catalog"] body:not(.detail-page) .store-body{
    grid-template-columns:1fr !important;
    grid-template-rows:auto !important;
  }
  html[data-store-view="catalog"] body:not(.detail-page) .hero,
  html[data-store-view="catalog"] body:not(.detail-page) .catalog-nav-panel,
  html[data-store-view="catalog"] body:not(.detail-page) .store-sidebar,
  html[data-store-view="catalog"] body:not(.detail-page) .results{
    grid-column:1 !important;
    grid-row:auto !important;
  }
  /* Mobile: convert sidebar to slide-in drawer */
  html[data-store-view="catalog"] body:not(.detail-page) .store-sidebar{
    position:fixed !important;
    top:0 !important; right:0 !important; bottom:0 !important; left:auto !important;
    z-index:280 !important;
    width:min(86vw, 340px) !important;
    max-height:100vh !important;
    margin:0 !important;
    padding:18px 20px 24px !important;
    background:#fff !important;
    box-shadow:-12px 0 36px rgba(0,0,0,.16) !important;
    transform:translateX(100%) !important;
    transition:transform var(--as-dur) var(--as-ease) !important;
    overflow-y:auto !important;
  }
  html[data-store-view="catalog"] body[data-filters-open="true"]:not(.detail-page) .store-sidebar{
    transform:translateX(0) !important;
  }
  html[data-store-view="catalog"] body:not(.detail-page) .store-filter-backdrop{
    position:fixed !important;
    inset:0 !important;
    z-index:270 !important;
    background:rgba(0,0,0,.32) !important;
    opacity:0 !important;
    pointer-events:none !important;
    transition:opacity var(--as-dur) var(--as-ease) !important;
  }
  html[data-store-view="catalog"] body[data-filters-open="true"]:not(.detail-page) .store-filter-backdrop{
    opacity:1 !important;
    pointer-events:auto !important;
  }
  html[data-store-view="catalog"] body:not(.detail-page) .store-filter-close{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 0 12px auto !important;
    padding:6px 14px !important;
    border:0 !important;
    border-radius:var(--as-radius-pill) !important;
    background:var(--as-text) !important;
    color:#fff !important;
    font-family:var(--as-font) !important;
    font-size:13px !important;
    font-weight:500 !important;
    cursor:pointer !important;
  }
  html[data-store-view="catalog"] body:not(.detail-page) .store-filter-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    gap:6px !important;
    min-height:36px !important;
    width:auto !important;
    min-width:0 !important;
    padding:0 16px !important;
    border:1px solid var(--as-line) !important;
    border-radius:var(--as-radius-pill) !important;
    background:#fff !important;
    color:var(--as-text) !important;
    font-family:var(--as-font) !important;
    font-size:13px !important;
    font-weight:500 !important;
    letter-spacing:-.012em !important;
    line-height:1 !important;
    white-space:nowrap !important;
    cursor:pointer !important;
    transition:background var(--as-dur-fast) var(--as-ease),
               border-color var(--as-dur-fast) var(--as-ease) !important;
  }
  html[data-store-view="catalog"] body:not(.detail-page) .store-filter-toggle:hover{
    border-color:var(--as-text) !important;
    background:var(--as-bg-muted) !important;
  }
  html[data-store-view="catalog"] body:not(.detail-page) .store-filter-toggle::before{
    display:none !important;
    content:none !important;
  }
  html[data-store-view="catalog"] body:not(.detail-page) .store-filter-toggle svg{
    width:14px !important;
    height:14px !important;
    flex:0 0 auto !important;
    color:currentColor !important;
  }
  html[data-store-view="catalog"] body:not(.detail-page) .store-filter-toggle span{
    display:inline-block !important;
    color:currentColor !important;
    font:inherit !important;
    letter-spacing:inherit !important;
    white-space:nowrap !important;
  }
  html[data-store-view="catalog"] body:not(.detail-page) .results{
    margin-top:18px !important;
  }
  html[data-store-view="catalog"] body:not(.detail-page) .results-head{
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto !important;
    justify-items:start !important;
    align-items:start !important;
    text-align:left !important;
    gap:12px !important;
  }
  html[data-store-view="catalog"] body:not(.detail-page) .results-copy{
    display:grid !important;
    width:100% !important;
    max-width:none !important;
    align-items:flex-start !important;
    justify-items:start !important;
    text-align:left !important;
    gap:4px !important;
  }
  html[data-store-view="catalog"] body:not(.detail-page) .results-copy h2,
  html[data-store-view="catalog"] body:not(.detail-page) .results-copy #storeResultsTitle{
    text-align:left !important;
    font-size:20px !important;
    width:auto !important;
    justify-self:start !important;
  }
  html[data-store-view="catalog"] body:not(.detail-page) .results-copy .results-status,
  html[data-store-view="catalog"] body:not(.detail-page) .results-copy #queryStatus{
    text-align:left !important;
    width:auto !important;
    justify-self:start !important;
  }
  html[data-store-view="catalog"] body:not(.detail-page) .results-controls{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    width:100% !important;
    justify-self:start !important;
  }
  html[data-store-view="catalog"] body:not(.detail-page) .results-controls .results-sort-select{
    margin-left:auto !important;
  }
  html[data-store-view="catalog"] body:not(.detail-page) .store-loading,
  html[data-store-view="catalog"] body:not(.detail-page) .store-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:18px 14px !important;
  }
}
@media (max-width: 720px){
  html[data-store-view="catalog"] body:not(.detail-page) .store-loading,
  html[data-store-view="catalog"] body:not(.detail-page) .store-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 540px){
  html[data-store-view="catalog"] body:not(.detail-page) .store-body{
    padding:0 20px !important;
  }
  html[data-store-view="catalog"] body:not(.detail-page) .hero-identity{
    padding:24px 20px 18px !important;
    gap:6px !important;
  }
  html[data-store-view="catalog"] body:not(.detail-page) .hero-title-wrap h1{
    font-size:28px !important;
  }
  html[data-store-view="catalog"] body:not(.detail-page) .hero-tagline{
    font-size:14px !important;
  }
  html[data-store-view="catalog"] body:not(.detail-page) .hero-search{
    min-height:40px !important;
  }
  html[data-store-view="catalog"] body:not(.detail-page) .results-meta h2{
    font-size:16px !important;
  }
  html[data-store-view="catalog"] body:not(.detail-page) .store-loading,
  html[data-store-view="catalog"] body:not(.detail-page) .store-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:16px 12px !important;
  }
  html[data-store-view="catalog"] body:not(.detail-page) .product-name{
    font-size:14px !important;
  }
  html[data-store-view="catalog"] body:not(.detail-page) .product-artist,
  html[data-store-view="catalog"] body:not(.detail-page) .product-price{
    font-size:13px !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   PRODUCT DETAIL · physical & digital · Apple-minimal
   ════════════════════════════════════════════════════════════════════ */

body.detail-page{
  background:var(--as-bg-soft) !important;
}
body.detail-page main{display:none !important}
body.detail-page .store-detail[hidden]{display:block !important}

.store-detail[data-sale-type]{
  --dig-bg:           #ffffff;
  --dig-bg-soft:      #fbfbfd;
  --dig-bg-muted:     #f5f5f7;
  --dig-card:         #ffffff;
  --dig-line:         var(--as-line);
  --dig-line-soft:    var(--as-line-soft);
  --dig-text:         var(--as-text);
  --dig-text-soft:    var(--as-text-soft);
  --dig-muted:        var(--as-text-mute);
  --dig-muted-soft:   var(--as-text-dim);
  --dig-blue:         var(--as-accent);
  --dig-blue-strong:  var(--as-accent-hover);
  --dig-blue-soft:    var(--as-accent-soft);
  --dig-blue-softer:  #f3f8ff;
  --dig-green:        var(--as-success);
  --dig-amber:        var(--as-warn);
  position:relative !important;
  display:block !important;
  inset:auto !important;
  padding:0 !important;
  background:transparent !important;
  color:var(--as-text) !important;
  font-family:var(--as-font) !important;
}
.store-detail[data-sale-type] .store-detail-backdrop{display:none !important}
.store-detail[data-sale-type] .store-detail-card,
body.detail-page .store-detail[data-sale-type] .store-detail-card{
  width:100% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:var(--as-bg-soft) !important;
  box-shadow:none !important;
  color:var(--as-text) !important;
  overflow:visible !important;
}
body.detail-page .store-detail[data-sale-type]{
  padding:64px 0 0 !important;
}
.store-detail[data-sale-type] .detail-shell{
  display:grid !important;
  gap:clamp(36px, 4vw, 64px) !important;
  width:var(--as-shell-wide) !important;
  margin:0 auto !important;
  padding:clamp(20px,3vw,40px) var(--as-gutter) clamp(40px,6vw,72px) !important;
  box-sizing:border-box !important;
}
.store-detail[data-sale-type] .detail-close{
  position:fixed !important;
  top:74px !important;
  left:18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  width:auto !important;
  height:36px !important;
  min-height:36px !important;
  padding:0 14px 0 12px !important;
  border:1px solid var(--as-line-soft) !important;
  border-radius:var(--as-radius-pill) !important;
  background:rgba(255,255,255,.9) !important;
  color:var(--as-text) !important;
  font-family:var(--as-font) !important;
  font-size:13px !important;
  font-weight:500 !important;
  letter-spacing:-.012em !important;
  line-height:1 !important;
  white-space:nowrap !important;
  box-shadow:var(--as-shadow-sm) !important;
  backdrop-filter:saturate(180%) blur(10px) !important;
  -webkit-backdrop-filter:saturate(180%) blur(10px) !important;
  cursor:pointer !important;
  transition:background var(--as-dur-fast) var(--as-ease),
             color var(--as-dur-fast) var(--as-ease),
             border-color var(--as-dur-fast) var(--as-ease) !important;
  z-index:300 !important;
}
.store-detail[data-sale-type] .detail-close svg{
  width:14px !important;
  height:14px !important;
  flex:0 0 auto !important;
  color:currentColor !important;
}
.store-detail[data-sale-type] .detail-close span{
  display:inline-block !important;
  color:currentColor !important;
  font:inherit !important;
  letter-spacing:inherit !important;
}
.store-detail[data-sale-type] .detail-close:hover{
  background:var(--as-text) !important;
  color:#fff !important;
  border-color:var(--as-text) !important;
}

/* Hide legacy long-vertical sections that the v2 skin already hid */
.store-detail[data-sale-type] .detail-story-grid,
.store-detail[data-sale-type] .detail-related-section,
.store-detail[data-sale-type] .detail-channel-list.detail-channel-row,
.store-detail[data-sale-type] .detail-spec-card,
.store-detail[data-sale-type] .detail-note-card{
  display:none !important;
}

/* Breadcrumb */
.detail-breadcrumb{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:6px !important;
  margin:0 !important;
  padding:4px 0 !important;
  color:var(--as-text-mute) !important;
  font-family:var(--as-font) !important;
  font-size:13px !important;
  font-weight:400 !important;
  letter-spacing:-.012em !important;
}
.detail-breadcrumb a,
.detail-breadcrumb span{color:inherit !important}
.detail-breadcrumb a:hover{color:var(--as-text) !important}
.detail-breadcrumb .sep{color:var(--as-text-dim) !important}
.detail-breadcrumb .current{color:var(--as-text) !important; font-weight:500 !important}

/* Hero grid: gallery | info column */
.store-detail[data-sale-type] .detail-hero{
  display:grid !important;
  grid-template-columns:minmax(0, 1.05fr) minmax(380px, 460px) !important;
  gap:clamp(28px, 3vw, 56px) !important;
  align-items:start !important;
}

/* Gallery */
.store-detail[data-sale-type] .detail-gallery{
  position:sticky !important;
  top:78px !important;
  display:grid !important;
  gap:14px !important;
  background:transparent !important;
}
.store-detail[data-sale-type] .detail-media-wrap{
  position:relative !important;
  background:#fff !important;
  border:1px solid var(--as-line-soft) !important;
  border-radius:var(--as-radius-xl) !important;
  overflow:hidden !important;
}
.store-detail[data-sale-type] .detail-media,
.store-detail[data-sale-type] .detail-media-frame{
  position:relative !important;
  display:block !important;
  aspect-ratio:1 / 1 !important;
  background:#fff !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
.store-detail[data-sale-type] .detail-media-frame img,
.store-detail[data-sale-type] .detail-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  background:#fff !important;
}
.detail-media-badge,
.store-detail[data-sale-type] .detail-media-badge{
  position:absolute !important;
  top:14px !important;
  left:14px !important;
  z-index:4 !important;
  display:inline-flex !important;
  align-items:center !important;
  height:24px !important;
  padding:0 10px !important;
  border:0 !important;
  border-radius:var(--as-radius-pill) !important;
  background:rgba(255,255,255,.92) !important;
  color:var(--as-text) !important;
  font-family:var(--as-font) !important;
  font-size:10.5px !important;
  font-weight:600 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  backdrop-filter:saturate(180%) blur(10px) !important;
  -webkit-backdrop-filter:saturate(180%) blur(10px) !important;
  box-shadow:none !important;
}
.store-detail[data-sale-type] .detail-media-nav{
  position:absolute !important;
  top:50% !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:38px !important; height:38px !important;
  margin:-19px 0 0 !important;
  border:1px solid var(--as-line) !important;
  border-radius:var(--as-radius-pill) !important;
  background:rgba(255,255,255,.92) !important;
  color:var(--as-text) !important;
  font-size:18px !important;
  box-shadow:var(--as-shadow) !important;
  backdrop-filter:saturate(180%) blur(8px) !important;
  -webkit-backdrop-filter:saturate(180%) blur(8px) !important;
  cursor:pointer !important;
  transition:background var(--as-dur-fast) var(--as-ease),
             color var(--as-dur-fast) var(--as-ease) !important;
}
.store-detail[data-sale-type] .detail-media-nav.prev{left:14px !important}
.store-detail[data-sale-type] .detail-media-nav.next{right:14px !important}
.store-detail[data-sale-type] .detail-media-nav:hover{
  background:var(--as-text) !important;
  color:#fff !important;
  border-color:var(--as-text) !important;
}

/* Thumbnail rail */
.store-detail[data-sale-type] .detail-gallery-rail{
  display:flex !important;
  gap:8px !important;
  overflow-x:auto !important;
  padding:2px 0 !important;
  scrollbar-width:none !important;
}
.store-detail[data-sale-type] .detail-gallery-rail::-webkit-scrollbar{display:none !important}
.store-detail[data-sale-type] .detail-rail-card{
  flex:0 0 72px !important;
  width:72px !important; height:72px !important;
  border-radius:var(--as-radius-sm) !important;
  background:#fff !important;
  border:1.5px solid var(--as-line-soft) !important;
  box-shadow:none !important;
  overflow:hidden !important;
  cursor:pointer !important;
  transition:border-color var(--as-dur-fast) var(--as-ease) !important;
}
.store-detail[data-sale-type] .detail-rail-card img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
.store-detail[data-sale-type] .detail-rail-card:hover{
  border-color:var(--as-text) !important;
}
.store-detail[data-sale-type] .detail-rail-card.selected{
  border-color:var(--as-text) !important;
  box-shadow:0 0 0 2px var(--as-text) inset !important;
}

/* Info column (right side) */
.store-detail[data-sale-type] .detail-buy-panel{
  position:relative !important;
  top:0 !important;
  display:grid !important;
  gap:18px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.store-detail[data-sale-type] .detail-chip-row{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  margin:0 !important;
}
.store-detail[data-sale-type] .detail-chip-row > *{
  display:inline-flex !important;
  align-items:center !important;
  min-height:24px !important;
  padding:0 10px !important;
  border-radius:var(--as-radius-pill) !important;
  background:var(--as-bg-muted) !important;
  color:var(--as-text-soft) !important;
  font-family:var(--as-font) !important;
  font-size:11.5px !important;
  font-weight:500 !important;
  letter-spacing:-.005em !important;
}
.store-detail[data-sale-type] .detail-kicker{
  margin:0 !important;
  color:var(--as-text-mute) !important;
  font-family:var(--as-font) !important;
  font-size:13px !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
.store-detail[data-sale-type] #storeDetailTitle,
.store-detail[data-sale-type] .detail-buy-panel h1{
  margin:0 !important;
  color:var(--as-text) !important;
  font-family:var(--as-font) !important;
  font-size:clamp(28px, 3.6vw, 38px) !important;
  font-weight:600 !important;
  line-height:1.12 !important;
  letter-spacing:-.026em !important;
}
.store-detail[data-sale-type] .detail-meta-row{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:8px 12px !important;
  color:var(--as-text-soft) !important;
  font-family:var(--as-font) !important;
  font-size:14px !important;
  font-weight:500 !important;
  letter-spacing:-.012em !important;
}
.store-detail[data-sale-type] .detail-status-chip{
  display:inline-flex !important;
  align-items:center !important;
  min-height:22px !important;
  padding:0 10px !important;
  border-radius:var(--as-radius-pill) !important;
  background:var(--as-success-soft) !important;
  color:var(--as-success) !important;
  font-size:11.5px !important;
  font-weight:600 !important;
}
.store-detail[data-sale-type] .detail-lead{
  margin:0 !important;
  color:var(--as-text-soft) !important;
  font-family:var(--as-font) !important;
  font-size:15px !important;
  font-weight:400 !important;
  line-height:1.55 !important;
  letter-spacing:-.012em !important;
}

/* Info pills */
.store-detail[data-sale-type] .detail-info-section{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:4px 0 0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
.store-detail[data-sale-type] .detail-info-section > *{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  min-height:30px !important;
  padding:0 14px !important;
  border:1px solid var(--as-line-soft) !important;
  border-radius:var(--as-radius-pill) !important;
  background:#fff !important;
  color:var(--as-text-soft) !important;
  font-family:var(--as-font) !important;
  font-size:12.5px !important;
  font-weight:500 !important;
  letter-spacing:-.005em !important;
}

/* Price block */
.store-detail[data-sale-type] .detail-price-block{
  display:grid !important;
  gap:6px !important;
  margin:8px 0 0 !important;
  padding:18px 20px !important;
  border:1px solid var(--as-line-soft) !important;
  border-radius:var(--as-radius-lg) !important;
  background:#fff !important;
}
.store-detail[data-sale-type] .detail-price-row{
  display:flex !important;
  align-items:baseline !important;
  gap:10px !important;
}
.store-detail[data-sale-type] #storeDetailPrice,
.store-detail[data-sale-type] .detail-price-row strong{
  color:var(--as-text) !important;
  font-family:var(--as-font) !important;
  font-size:30px !important;
  font-weight:600 !important;
  letter-spacing:-.024em !important;
  font-variant-numeric:tabular-nums !important;
}
.store-detail[data-sale-type] .detail-price-meta{
  color:var(--as-text-mute) !important;
  font-size:13px !important;
  font-weight:400 !important;
  letter-spacing:-.012em !important;
}

/* Purchase overview / quantity */
.store-detail[data-sale-type] .detail-purchase-overview{
  display:grid !important;
  gap:12px !important;
}
.store-detail[data-sale-type] .detail-purchase-overview .detail-qty,
.store-detail[data-sale-type] .detail-qty-control{
  display:inline-flex !important;
  align-items:center !important;
  gap:0 !important;
  border:1px solid var(--as-line) !important;
  border-radius:var(--as-radius-pill) !important;
  background:#fff !important;
  overflow:hidden !important;
}
.store-detail[data-sale-type] .detail-qty button{
  width:40px !important; height:36px !important;
  border:0 !important;
  background:transparent !important;
  color:var(--as-text) !important;
  font-size:16px !important;
  font-weight:500 !important;
  cursor:pointer !important;
  transition:background var(--as-dur-fast) var(--as-ease) !important;
}
.store-detail[data-sale-type] .detail-qty button:hover{
  background:var(--as-bg-muted) !important;
}
.store-detail[data-sale-type] .detail-qty input,
.store-detail[data-sale-type] .detail-qty span{
  width:48px !important;
  text-align:center !important;
  border:0 !important;
  background:transparent !important;
  color:var(--as-text) !important;
  font-family:var(--as-font) !important;
  font-size:14px !important;
  font-weight:600 !important;
  font-variant-numeric:tabular-nums !important;
}

/* Payment selector */
.store-detail[data-sale-type] .detail-payment-selector{
  display:grid !important;
  gap:10px !important;
}
.store-detail[data-sale-type] .detail-currency-row{
  display:inline-flex !important;
  border:1px solid var(--as-line) !important;
  border-radius:var(--as-radius-pill) !important;
  padding:3px !important;
  background:var(--as-bg-muted) !important;
}
.store-detail[data-sale-type] .detail-currency-row > button{
  padding:6px 14px !important;
  border:0 !important;
  border-radius:var(--as-radius-pill) !important;
  background:transparent !important;
  color:var(--as-text-mute) !important;
  font-family:var(--as-font) !important;
  font-size:13px !important;
  font-weight:500 !important;
  letter-spacing:-.012em !important;
  cursor:pointer !important;
  transition:background var(--as-dur-fast) var(--as-ease),
             color var(--as-dur-fast) var(--as-ease) !important;
}
.store-detail[data-sale-type] .detail-currency-row > button.active,
.store-detail[data-sale-type] .detail-currency-row > button[aria-selected="true"]{
  background:#fff !important;
  color:var(--as-text) !important;
  box-shadow:var(--as-shadow-sm) !important;
}
.store-detail[data-sale-type] .detail-payment-method-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill, minmax(min(100%, 160px), 1fr)) !important;
  gap:8px !important;
}

/* Action buttons */
.store-detail[data-sale-type] .detail-actions-row{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  gap:10px !important;
  margin-top:4px !important;
}
.store-detail[data-sale-type] .detail-action,
.store-detail[data-sale-type] .detail-action-secondary{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:48px !important;
  padding:0 22px !important;
  border:0 !important;
  border-radius:var(--as-radius-pill) !important;
  font-family:var(--as-font) !important;
  font-size:15px !important;
  font-weight:500 !important;
  letter-spacing:-.012em !important;
  cursor:pointer !important;
  transition:background var(--as-dur-fast) var(--as-ease),
             color var(--as-dur-fast) var(--as-ease),
             opacity var(--as-dur-fast) var(--as-ease) !important;
}
.store-detail[data-sale-type] .detail-action{
  background:var(--as-accent) !important;
  color:#fff !important;
}
.store-detail[data-sale-type] .detail-action:hover{
  background:var(--as-accent-hover) !important;
}
.store-detail[data-sale-type] .detail-action:disabled,
.store-detail[data-sale-type] .detail-action[disabled]{
  background:var(--as-bg-tint) !important;
  color:var(--as-text-mute) !important;
  cursor:not-allowed !important;
  opacity:1 !important;
}
.store-detail[data-sale-type] .detail-action-secondary,
.store-detail[data-sale-type] .detail-cart-action{
  background:var(--as-bg-muted) !important;
  color:var(--as-text) !important;
}
.store-detail[data-sale-type] .detail-action-secondary:hover,
.store-detail[data-sale-type] .detail-cart-action:hover{
  background:var(--as-bg-tint) !important;
}
.store-detail[data-sale-type] .detail-helper{
  margin:6px 0 0 !important;
  color:var(--as-text-mute) !important;
  font-size:13px !important;
  font-weight:400 !important;
  letter-spacing:-.012em !important;
}

/* Assurance strip */
.store-detail[data-sale-type] .detail-assurance-strip{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px 14px !important;
  margin-top:6px !important;
  padding:14px 16px !important;
  border:1px solid var(--as-line-soft) !important;
  border-radius:var(--as-radius) !important;
  background:var(--as-bg-soft) !important;
  color:var(--as-text-soft) !important;
  font-size:13px !important;
  font-weight:400 !important;
  letter-spacing:-.012em !important;
}
.store-detail[data-sale-type] .detail-assurance-strip > *{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
}

/* Description / Specs sections */
.store-detail[data-sale-type] .detail-description,
.store-detail[data-sale-type] .detail-specs,
.store-detail[data-sale-type] .detail-secondary{
  display:grid !important;
  gap:18px !important;
  padding:28px 30px !important;
  border:1px solid var(--as-line-soft) !important;
  border-radius:var(--as-radius-lg) !important;
  background:#fff !important;
}
.store-detail[data-sale-type] .detail-section-label{
  margin:0 !important;
  color:var(--as-text-mute) !important;
  font-family:var(--as-font) !important;
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
.store-detail[data-sale-type] .detail-section-title{
  margin:0 !important;
  color:var(--as-text) !important;
  font-family:var(--as-font) !important;
  font-size:22px !important;
  font-weight:600 !important;
  letter-spacing:-.022em !important;
}
.store-detail[data-sale-type] .detail-description p,
.store-detail[data-sale-type] .detail-description{
  color:var(--as-text-soft) !important;
  font-family:var(--as-font) !important;
  font-size:15.5px !important;
  font-weight:400 !important;
  line-height:1.65 !important;
  letter-spacing:-.012em !important;
}
.store-detail[data-sale-type] .detail-spec-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill, minmax(min(100%, 220px), 1fr)) !important;
  gap:10px !important;
}
.store-detail[data-sale-type] .detail-spec-row{
  display:flex !important;
  align-items:flex-start !important;
  gap:10px !important;
  padding:12px 14px !important;
  border:1px solid var(--as-line-faint) !important;
  border-radius:var(--as-radius) !important;
  background:var(--as-bg-soft) !important;
}
.store-detail[data-sale-type] .detail-spec-row svg{
  width:18px !important; height:18px !important;
  flex:0 0 auto !important;
  color:var(--as-text-mute) !important;
}
.store-detail[data-sale-type] .detail-spec-row > div,
.store-detail[data-sale-type] .detail-spec-row > span,
.store-detail[data-sale-type] .detail-spec-row > strong{
  display:block !important;
  min-width:0 !important;
}
.store-detail[data-sale-type] .detail-spec-row span{
  color:var(--as-text-mute) !important;
  font-size:11.5px !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}
.store-detail[data-sale-type] .detail-spec-row strong{
  color:var(--as-text) !important;
  font-size:14px !important;
  font-weight:600 !important;
  letter-spacing:-.012em !important;
}

/* External shop links */
.channel-section-shops{
  display:grid !important;
  grid-template-columns:repeat(auto-fill, minmax(min(100%, 156px), 1fr)) !important;
  gap:8px !important;
  margin-top:10px !important;
}
.channel-section-shops .channel-btn.shop-link{
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  min-height:40px !important;
  padding:0 14px !important;
  border:1px solid var(--as-line-soft) !important;
  border-radius:var(--as-radius-pill) !important;
  background:#fff !important;
  color:var(--as-text) !important;
  font-family:var(--as-font) !important;
  font-size:13px !important;
  font-weight:500 !important;
  letter-spacing:-.012em !important;
  text-decoration:none !important;
  transition:background var(--as-dur-fast) var(--as-ease),
             border-color var(--as-dur-fast) var(--as-ease),
             transform var(--as-dur-fast) var(--as-ease) !important;
}
.channel-section-shops .channel-btn.shop-link:not([disabled]):hover{
  background:var(--as-bg-muted) !important;
  border-color:var(--as-text) !important;
  transform:none !important;
}
.channel-section-shops .shop-link-mark{
  display:inline-block !important;
  flex:0 0 auto !important;
  width:8px !important; height:8px !important;
  border-radius:var(--as-radius-pill) !important;
  background:var(--as-text-dim) !important;
}
.channel-section-shops .shop-link.tone-green .shop-link-mark{background:#03c75a !important}
.channel-section-shops .shop-link.tone-red .shop-link-mark{background:#e84142 !important}
.channel-section-shops .shop-link.tone-orange .shop-link-mark{background:#f1641e !important}
.channel-section-shops .shop-link.tone-mint .shop-link-mark{background:#0aa67a !important}
.channel-section-shops .shop-link-label{
  flex:1 !important;
  min-width:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.channel-section-shops .shop-link-arrow{
  flex:0 0 auto !important;
  color:var(--as-text-dim) !important;
  font-size:12px !important;
  font-weight:600 !important;
}
.channel-section-shops .shop-link.is-locked{
  cursor:not-allowed !important;
  opacity:.5 !important;
  background:var(--as-bg-soft) !important;
  border-style:dashed !important;
  color:var(--as-text-mute) !important;
}
.channel-section-shops .shop-link.is-locked .shop-link-mark{opacity:.55 !important}
.channel-section-shops .shop-link.is-locked .shop-link-arrow{color:var(--as-text-dim) !important}

/* ── Digital file detail extras (license + delivery cards) ───── */
.detail-digital-cards[hidden]{display:none !important}
.detail-digital-cards{
  display:grid !important;
  grid-template-columns:repeat(auto-fill, minmax(min(100%, 240px), 1fr)) !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 !important;
}
.detail-digital-card{
  display:grid !important;
  gap:8px !important;
  padding:18px 20px !important;
  border:1px solid var(--as-line-soft) !important;
  border-radius:var(--as-radius-lg) !important;
  background:#fff !important;
}
.detail-digital-card h3{
  margin:0 !important;
  color:var(--as-text) !important;
  font-family:var(--as-font) !important;
  font-size:14px !important;
  font-weight:600 !important;
  letter-spacing:-.012em !important;
}
.detail-digital-card p,
.detail-digital-card li,
.detail-digital-card span{
  color:var(--as-text-soft) !important;
  font-family:var(--as-font) !important;
  font-size:13.5px !important;
  font-weight:400 !important;
  line-height:1.55 !important;
  letter-spacing:-.012em !important;
}
.detail-digital-card strong{
  color:var(--as-text) !important;
  font-weight:600 !important;
}

#storeDetailDigitalNotice,
.store-detail[data-sale-type="digital"] .digital-notice{
  display:grid !important;
  gap:6px !important;
  margin:0 !important;
  padding:14px 16px !important;
  border:1px solid var(--as-warn-soft) !important;
  border-radius:var(--as-radius) !important;
  background:var(--as-warn-soft) !important;
  color:var(--as-warn) !important;
  font-family:var(--as-font) !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1.55 !important;
  letter-spacing:-.012em !important;
}

/* License card buy buttons — constrain width and ensure opacity */
.store-detail[data-sale-type] .detail-license-btn,
.store-detail[data-sale-type] .detail-license-btn.ghost{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  max-width:none !important;
  min-height:42px !important;
  padding:0 22px !important;
  border:1px solid var(--as-line) !important;
  border-radius:var(--as-radius-pill) !important;
  background:#fff !important;
  color:var(--as-text) !important;
  font-family:var(--as-font) !important;
  font-size:14px !important;
  font-weight:500 !important;
  letter-spacing:-.012em !important;
  opacity:1 !important;
  cursor:pointer !important;
  transition:background var(--as-dur-fast) var(--as-ease),
             border-color var(--as-dur-fast) var(--as-ease) !important;
}
.store-detail[data-sale-type] .detail-license-btn:hover,
.store-detail[data-sale-type] .detail-license-btn.ghost:hover{
  border-color:var(--as-text) !important;
  background:var(--as-bg-muted) !important;
}
.store-detail[data-sale-type] .detail-license-btn.primary,
.store-detail[data-sale-type] .detail-license-btn[data-variant="primary"]{
  border-color:transparent !important;
  background:var(--as-accent) !important;
  color:#fff !important;
  opacity:1 !important;
}
.store-detail[data-sale-type] .detail-license-btn.primary:hover,
.store-detail[data-sale-type] .detail-license-btn[data-variant="primary"]:hover{
  background:var(--as-accent-hover) !important;
  border-color:transparent !important;
}
.store-detail[data-sale-type] .detail-license-btn:disabled,
.store-detail[data-sale-type] .detail-license-btn[disabled]{
  opacity:.5 !important;
  cursor:not-allowed !important;
}

/* License card refinement — drop nested chrome */
.store-detail[data-sale-type] .detail-license-panel{
  border:1px solid var(--as-line-soft) !important;
  border-radius:var(--as-radius-lg) !important;
  background:#fff !important;
  padding:18px 20px !important;
  box-shadow:none !important;
}
.store-detail[data-sale-type] .detail-license-row{
  border:0 !important;
  background:transparent !important;
  padding:0 !important;
}
.store-detail[data-sale-type] .detail-license-notice{
  margin:8px 0 0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:var(--as-text-mute) !important;
  font-size:12.5px !important;
  font-weight:400 !important;
  letter-spacing:-.012em !important;
}

/* Detail responsive */
@media (max-width: 980px){
  .store-detail[data-sale-type] .detail-hero{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
  .store-detail[data-sale-type] .detail-gallery{
    position:static !important;
    top:auto !important;
  }
  body.detail-page .store-detail[data-sale-type]{
    padding:56px 0 0 !important;
  }
  .store-detail[data-sale-type] .detail-close{
    top:64px !important;
  }
}
@media (max-width: 600px){
  .store-detail[data-sale-type] .detail-shell{
    gap:24px !important;
    padding:16px 18px 32px !important;
  }
  .store-detail[data-sale-type] .detail-actions-row{
    grid-template-columns:1fr !important;
  }
  .store-detail[data-sale-type] .detail-action,
  .store-detail[data-sale-type] .detail-action-secondary{
    min-height:46px !important;
    font-size:14.5px !important;
  }
  .store-detail[data-sale-type] #storeDetailPrice,
  .store-detail[data-sale-type] .detail-price-row strong{
    font-size:26px !important;
  }
  .store-detail[data-sale-type] #storeDetailTitle{
    font-size:24px !important;
  }
  .store-detail[data-sale-type] .detail-rail-card{
    flex-basis:60px !important;
    width:60px !important; height:60px !important;
  }
  .store-detail[data-sale-type] .detail-description,
  .store-detail[data-sale-type] .detail-specs,
  .store-detail[data-sale-type] .detail-secondary{
    padding:22px 20px !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   CART DRAWER · Apple-minimal slide-in
   ════════════════════════════════════════════════════════════════════ */
.store-cart{
  position:fixed !important;
  inset:0 !important;
  z-index:340 !important;
  pointer-events:none !important;
}
.store-cart[hidden]{display:none !important}
.store-cart-backdrop{
  position:absolute !important;
  inset:0 !important;
  background:rgba(17,24,39,.32) !important;
  opacity:0 !important;
  transition:opacity var(--as-dur) var(--as-ease) !important;
  pointer-events:none !important;
}
.store-cart[data-open="true"]{pointer-events:auto !important}
.store-cart[data-open="true"] .store-cart-backdrop{
  opacity:1 !important;
  pointer-events:auto !important;
}
.store-cart-panel{
  position:absolute !important;
  top:0 !important; right:0 !important; bottom:0 !important;
  display:grid !important;
  grid-template-rows:auto auto 1fr auto auto !important;
  width:min(96vw, 440px) !important;
  background:var(--as-bg) !important;
  color:var(--as-text) !important;
  font-family:var(--as-font) !important;
  box-shadow:-12px 0 36px rgba(0,0,0,.18) !important;
  transform:translateX(100%) !important;
  transition:transform var(--as-dur) var(--as-ease) !important;
  pointer-events:auto !important;
}
.store-cart[data-open="true"] .store-cart-panel{
  transform:translateX(0) !important;
}
.store-cart-top{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:22px 24px 12px !important;
  border:0 !important;
}
.store-cart-top h2{
  margin:0 !important;
  color:var(--as-text) !important;
  font-family:var(--as-font) !important;
  font-size:22px !important;
  font-weight:600 !important;
  letter-spacing:-.022em !important;
}
.store-cart-top p{
  margin:4px 0 0 !important;
  color:var(--as-text-mute) !important;
  font-size:13px !important;
  font-weight:400 !important;
  letter-spacing:-.012em !important;
}
.store-cart-close{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:34px !important; height:34px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:var(--as-radius-pill) !important;
  background:var(--as-bg-muted) !important;
  color:var(--as-text) !important;
  font-size:18px !important;
  cursor:pointer !important;
  transition:background var(--as-dur-fast) var(--as-ease) !important;
}
.store-cart-close:hover{
  background:var(--as-bg-tint) !important;
}
.store-cart-summary{
  margin:0 24px !important;
  padding:14px 16px !important;
  border:1px solid var(--as-line-soft) !important;
  border-radius:var(--as-radius) !important;
  background:var(--as-bg-soft) !important;
  color:var(--as-text-soft) !important;
  font-size:13px !important;
  font-weight:400 !important;
}
.store-cart-summary strong{
  color:var(--as-text) !important;
  font-weight:600 !important;
}
.store-cart-items{
  display:grid !important;
  gap:14px !important;
  padding:14px 24px !important;
  overflow-y:auto !important;
}
.store-cart-empty{
  display:grid !important;
  align-content:center !important;
  justify-items:center !important;
  text-align:center !important;
  padding:48px 24px !important;
  color:var(--as-text-mute) !important;
}
.store-cart-empty strong{
  color:var(--as-text) !important;
  font-size:16px !important;
  font-weight:600 !important;
}
.store-cart-empty p{
  margin:6px 0 0 !important;
  font-size:13.5px !important;
  font-weight:400 !important;
}
.store-cart-item{
  display:grid !important;
  grid-template-columns:80px minmax(0, 1fr) auto !important;
  gap:14px !important;
  padding:12px !important;
  border:1px solid var(--as-line-soft) !important;
  border-radius:var(--as-radius) !important;
  background:#fff !important;
}
.store-cart-item-thumb,
.store-cart-item img{
  width:80px !important; height:80px !important;
  border-radius:var(--as-radius-sm) !important;
  background:var(--as-bg-muted) !important;
  object-fit:cover !important;
}
.store-cart-item-copy{
  display:grid !important;
  gap:4px !important;
  min-width:0 !important;
}
.store-cart-item-copy strong{
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  color:var(--as-text) !important;
  font-family:var(--as-font) !important;
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1.3 !important;
  letter-spacing:-.012em !important;
}
.store-cart-item-copy p,
.store-cart-item-meta{
  margin:0 !important;
  color:var(--as-text-mute) !important;
  font-size:12.5px !important;
  font-weight:400 !important;
  letter-spacing:-.005em !important;
}
.store-cart-item-option{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:2px 8px !important;
  border-radius:var(--as-radius-pill) !important;
  background:var(--as-bg-muted) !important;
  color:var(--as-text-soft) !important;
  font-size:11.5px !important;
}
.store-cart-totals{
  display:grid !important;
  gap:6px !important;
  padding:14px 24px !important;
  border-top:1px solid var(--as-line-soft) !important;
  background:#fff !important;
}
.store-cart-totals > div{
  display:flex !important;
  justify-content:space-between !important;
  color:var(--as-text-soft) !important;
  font-size:13.5px !important;
  font-weight:500 !important;
  letter-spacing:-.012em !important;
}
.store-cart-totals > div.total{
  color:var(--as-text) !important;
  font-size:16px !important;
  font-weight:600 !important;
}
.store-cart .store-cart-footer{
  display:grid !important;
  gap:10px !important;
  padding:0 !important;
  border-top:1px solid var(--as-line-soft) !important;
  background:#fff !important;
}
.store-cart .store-cart-footer-actions,
.store-cart .store-cart-actions,
.store-cart [class*="cart-actions"]:not(.store-cart-footer){
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  gap:10px !important;
  padding:12px 24px 22px !important;
  border-top:0 !important;
  background:transparent !important;
}
.store-cart .store-cart-footer-actions .detail-action,
.store-cart .store-cart-footer-actions .detail-action-secondary,
.store-cart .store-cart-actions .detail-action,
.store-cart .store-cart-actions .detail-action-secondary{
  min-height:44px !important;
  padding:0 18px !important;
  border:0 !important;
  border-radius:var(--as-radius-pill) !important;
  font-family:var(--as-font) !important;
  font-size:14px !important;
  font-weight:500 !important;
  letter-spacing:-.012em !important;
  cursor:pointer !important;
  transition:background var(--as-dur-fast) var(--as-ease) !important;
}
.store-cart .store-cart-footer-actions .detail-action,
.store-cart .store-cart-actions .detail-action{
  background:var(--as-accent) !important;
  color:#fff !important;
}
.store-cart .store-cart-footer-actions .detail-action:hover,
.store-cart .store-cart-actions .detail-action:hover{
  background:var(--as-accent-hover) !important;
}
.store-cart .store-cart-footer-actions .detail-action-secondary,
.store-cart .store-cart-actions .detail-action-secondary{
  background:var(--as-bg-muted) !important;
  color:var(--as-text) !important;
}
.store-cart .store-cart-footer-actions .detail-action-secondary:hover,
.store-cart .store-cart-actions .detail-action-secondary:hover{
  background:var(--as-bg-tint) !important;
}
.store-cart-note{
  margin:0 24px 4px !important;
  color:var(--as-text-mute) !important;
  font-size:12px !important;
  font-weight:400 !important;
  letter-spacing:-.005em !important;
}

/* ── 1480+ desktop ───────────────────────────────────────────── */
@media (min-width: 1480px){
  html[data-store-view="catalog"] body:not(.detail-page){
    --as-shell:1320px;
    --as-sidebar:240px;
  }
}

/* ════════════════════════════════════════════════════════════════════
   DETAIL PAGE POLISH — Apple-minimal final overrides
   Targets remaining inconsistencies: dark info strips, blue accents
   on tabs/prices, oversized buy buttons, badge bleed, disabled states.
   ════════════════════════════════════════════════════════════════════ */

/* 1. DIGITAL FILE badge — only show on actual digital products */
body.detail-page .store-detail[data-sale-type="physical"] .detail-media-badge,
body.detail-page .store-detail:not([data-sale-type="digital"]) .detail-media-badge{
  display:none !important;
}

/* 2. Dark info strips (판매 방식 / 출고 / 재고 상태, 형식 / 전달 / 라이선스) — clean light */
body.detail-page .store-detail .detail-purchase-overview,
body.detail-page .store-detail .detail-channel-list,
body.detail-page .store-detail .detail-info-strip,
body.detail-page .store-detail .detail-quick-strip,
body.detail-page .store-detail .detail-meta-strip{
  background:transparent !important;
  color:var(--as-text) !important;
}
body.detail-page .store-detail .detail-info-strip > *,
body.detail-page .store-detail .detail-quick-strip > *,
body.detail-page .store-detail .detail-purchase-overview > .detail-info-cell,
body.detail-page .store-detail .detail-purchase-overview > div[class*="cell"],
body.detail-page .store-detail .detail-spec-summary > div,
body.detail-page .store-detail .detail-quick-row > *{
  background:var(--as-bg-soft) !important;
  border:1px solid var(--as-line-soft) !important;
  color:var(--as-text) !important;
  border-radius:var(--as-radius) !important;
  box-shadow:none !important;
}
body.detail-page .store-detail [class*="cell"] [class*="label"],
body.detail-page .store-detail [class*="cell"] [class*="kicker"],
body.detail-page .store-detail .detail-info-cell-label,
body.detail-page .store-detail .detail-quick-row [class*="label"]{
  color:var(--as-text-mute) !important;
  font-size:11px !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
body.detail-page .store-detail [class*="cell"] strong,
body.detail-page .store-detail [class*="cell"] [class*="value"]{
  color:var(--as-text) !important;
  font-weight:600 !important;
}

/* 3. Blue tab underlines → black; specifically detail tabs */
body.detail-page .store-detail .detail-tabs,
body.detail-page .store-detail [role="tablist"],
body.detail-page .store-detail .detail-info-tabs,
body.detail-page .store-detail .detail-guide-tabs{
  display:flex !important;
  gap:24px !important;
  border:0 !important;
  border-bottom:1px solid var(--as-line-faint) !important;
  background:transparent !important;
  padding:0 !important;
  margin:0 0 16px !important;
}
body.detail-page .store-detail .detail-tabs > *,
body.detail-page .store-detail [role="tab"],
body.detail-page .store-detail .detail-tab,
body.detail-page .store-detail .detail-info-tab,
body.detail-page .store-detail .detail-guide-tab{
  position:relative !important;
  padding:8px 0 !important;
  border:0 !important;
  background:transparent !important;
  color:var(--as-text-mute) !important;
  font-family:var(--as-font) !important;
  font-size:14px !important;
  font-weight:500 !important;
  letter-spacing:-.012em !important;
  cursor:pointer !important;
  box-shadow:none !important;
}
body.detail-page .store-detail .detail-tab.is-active,
body.detail-page .store-detail .detail-tab[aria-selected="true"],
body.detail-page .store-detail [role="tab"][aria-selected="true"],
body.detail-page .store-detail .detail-info-tab.is-active,
body.detail-page .store-detail .detail-guide-tab.is-active{
  color:var(--as-text) !important;
  font-weight:600 !important;
}
body.detail-page .store-detail .detail-tab.is-active::after,
body.detail-page .store-detail .detail-tab[aria-selected="true"]::after,
body.detail-page .store-detail [role="tab"][aria-selected="true"]::after,
body.detail-page .store-detail .detail-info-tab.is-active::after,
body.detail-page .store-detail .detail-guide-tab.is-active::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important; right:0 !important;
  bottom:-1px !important;
  height:1.5px !important;
  background:var(--as-text) !important;
  border-radius:0 !important;
}

/* 4. Price color → black, not blue */
body.detail-page .store-detail #storeDetailPrice,
body.detail-page .store-detail .detail-price,
body.detail-page .store-detail .detail-price-row strong,
body.detail-page .store-detail .detail-price-display,
body.detail-page .store-detail .detail-price-block strong,
body.detail-page .store-detail .detail-shipping-price,
body.detail-page .store-detail .detail-shipping-card .price,
body.detail-page .store-detail [class*="price"] strong{
  color:var(--as-text) !important;
}
body.detail-page .store-detail .detail-license-price,
body.detail-page .store-detail .detail-license-row .price,
body.detail-page .store-detail .detail-license-row strong{
  color:var(--as-text) !important;
  font-weight:600 !important;
}

/* 5. Buy/cart buttons in info column — constrain reasonable width */
body.detail-page .store-detail .detail-actions-row,
body.detail-page .store-detail .detail-purchase-actions,
body.detail-page .store-detail .detail-buy-row{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  gap:8px !important;
  width:100% !important;
  max-width:none !important;
}
body.detail-page .store-detail .detail-actions-row > .detail-action,
body.detail-page .store-detail .detail-purchase-actions > button:first-child,
body.detail-page .store-detail .detail-buy-row > .detail-action{
  flex:1 1 auto !important;
  min-width:0 !important;
}
body.detail-page .store-detail .detail-actions-row > .detail-action-secondary,
body.detail-page .store-detail .detail-purchase-actions > button:last-child,
body.detail-page .store-detail .detail-buy-row > .detail-action-secondary,
body.detail-page .store-detail .detail-cart-action{
  flex:0 0 auto !important;
  white-space:nowrap !important;
}
/* Inline blue full-width "장바구니 담기" / "로그인 후 구매" — make pill */
body.detail-page .store-detail .detail-action,
body.detail-page .store-detail button.detail-action,
body.detail-page .store-detail .detail-buy-action,
body.detail-page .store-detail .detail-license-btn.primary,
body.detail-page .store-detail .detail-buy-license{
  min-height:48px !important;
  padding:0 24px !important;
  border:0 !important;
  border-radius:var(--as-radius-pill) !important;
  background:var(--as-accent) !important;
  color:#fff !important;
  font-family:var(--as-font) !important;
  font-size:15px !important;
  font-weight:500 !important;
  letter-spacing:-.012em !important;
}
body.detail-page .store-detail .detail-action:hover,
body.detail-page .store-detail .detail-license-btn.primary:hover{
  background:var(--as-accent-hover) !important;
}
body.detail-page .store-detail .detail-action:disabled,
body.detail-page .store-detail .detail-action[disabled]{
  background:var(--as-bg-tint) !important;
  color:var(--as-text-mute) !important;
  cursor:not-allowed !important;
  opacity:1 !important;
}

/* 6. Back button — keep above breadcrumb visually, no overlap */
body.detail-page .store-detail .detail-close{
  top:72px !important;
  left:clamp(16px, 2.4vw, 32px) !important;
  z-index:50 !important;
}
body.detail-page .store-detail .detail-shell{
  padding-top:clamp(40px, 5vw, 64px) !important;
}
body.detail-page .store-detail .detail-breadcrumb{
  padding-left:0 !important;
  margin-left:0 !important;
}

/* 7. Size / spec selector — neutralize blue selected pill (covers .detail-info-pill which is the actual class) */
body.detail-page .store-detail .detail-spec-row,
body.detail-page .store-detail .detail-option-row,
body.detail-page .store-detail .detail-variant-row,
body.detail-page .store-detail .detail-info-pills,
body.detail-page .store-detail .detail-info-pill-row{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
}
body.detail-page .store-detail .detail-option-pill,
body.detail-page .store-detail .detail-variant-pill,
body.detail-page .store-detail .detail-info-pill,
body.detail-page .store-detail .detail-spec-row [data-pill],
body.detail-page .store-detail .detail-spec-row [class*="-pill"],
body.detail-page .store-detail .detail-size-pill,
body.detail-page .store-detail [data-variant-option]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  min-height:32px !important;
  padding:0 14px !important;
  border:1px solid var(--as-line) !important;
  border-radius:var(--as-radius-pill) !important;
  background:#fff !important;
  color:var(--as-text-soft) !important;
  font-family:var(--as-font) !important;
  font-size:13px !important;
  font-weight:500 !important;
  letter-spacing:-.012em !important;
  cursor:pointer !important;
  transition:border-color var(--as-dur-fast) var(--as-ease),
             color var(--as-dur-fast) var(--as-ease),
             background var(--as-dur-fast) var(--as-ease) !important;
}
body.detail-page .store-detail .detail-info-pill > *,
body.detail-page .store-detail .detail-option-pill > *,
body.detail-page .store-detail .detail-variant-pill > *{
  color:inherit !important;
  background:transparent !important;
  font:inherit !important;
}
body.detail-page .store-detail .detail-option-pill[aria-selected="true"],
body.detail-page .store-detail .detail-option-pill.is-selected,
body.detail-page .store-detail .detail-option-pill.active,
body.detail-page .store-detail .detail-variant-pill[aria-selected="true"],
body.detail-page .store-detail .detail-variant-pill.is-selected,
body.detail-page .store-detail .detail-info-pill[aria-selected="true"],
body.detail-page .store-detail .detail-info-pill.is-selected,
body.detail-page .store-detail .detail-info-pill.active,
body.detail-page .store-detail .detail-size-pill.is-selected,
body.detail-page .store-detail [data-variant-option][aria-selected="true"],
body.detail-page .store-detail [data-variant-option].is-selected{
  border-color:var(--as-text) !important;
  background:var(--as-text) !important;
  color:#fff !important;
  box-shadow:none !important;
}
body.detail-page .store-detail .detail-info-pill[aria-selected="true"] > *,
body.detail-page .store-detail .detail-info-pill.is-selected > *,
body.detail-page .store-detail .detail-info-pill.active > *{
  color:#fff !important;
}

/* 7b. External shop channels — single horizontal flex row with tighter spacing */
body.detail-page .store-detail .channel-section-shops,
body.detail-page .store-detail .channel-section{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  margin:8px 0 0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
}
body.detail-page .store-detail .channel-section-shops .channel-btn.shop-link,
body.detail-page .store-detail .channel-section .channel-btn.shop-link,
body.detail-page .store-detail .channel-btn.shop-link{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  flex:0 0 auto !important;
  min-height:32px !important;
  padding:0 12px !important;
  border:1px solid var(--as-line-soft) !important;
  border-radius:var(--as-radius-pill) !important;
  background:#fff !important;
  color:var(--as-text) !important;
  font-family:var(--as-font) !important;
  font-size:12.5px !important;
  font-weight:500 !important;
  letter-spacing:-.012em !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
body.detail-page .store-detail .channel-btn.shop-link:not([disabled]):hover,
body.detail-page .store-detail .channel-btn.shop-link:not(.is-locked):hover{
  background:var(--as-bg-muted) !important;
  border-color:var(--as-text) !important;
  transform:none !important;
}
body.detail-page .store-detail .channel-btn.shop-link.is-locked,
body.detail-page .store-detail .channel-btn.shop-link[disabled]{
  cursor:not-allowed !important;
  opacity:.55 !important;
  background:var(--as-bg-soft) !important;
  border-color:var(--as-line-soft) !important;
  border-style:dashed !important;
  color:var(--as-text-mute) !important;
}
body.detail-page .store-detail .channel-btn.shop-link .shop-link-mark{
  width:6px !important;
  height:6px !important;
  border-radius:50% !important;
  flex:0 0 auto !important;
}
body.detail-page .store-detail .channel-btn.shop-link .shop-link-arrow,
body.detail-page .store-detail .channel-btn.shop-link svg.shop-link-lock,
body.detail-page .store-detail .channel-btn.shop-link [class*="lock"]{
  width:11px !important;
  height:11px !important;
  margin-left:2px !important;
  color:var(--as-text-dim) !important;
  opacity:.7 !important;
  font-size:11px !important;
}
body.detail-page .store-detail .channel-btn.shop-link .shop-link-label{
  font-size:12.5px !important;
  letter-spacing:-.012em !important;
  white-space:nowrap !important;
}

/* 8. Disabled "장바구니 불가" pale-blue → neutral gray */
body.detail-page .store-detail .detail-cart-action[disabled],
body.detail-page .store-detail .detail-cart-action:disabled,
body.detail-page .store-detail button[data-cart-status="unavailable"],
body.detail-page .store-detail .detail-license-btn[disabled],
body.detail-page .store-detail .detail-buy-license[disabled]{
  background:var(--as-bg-tint) !important;
  color:var(--as-text-mute) !important;
  border-color:transparent !important;
  cursor:not-allowed !important;
  opacity:1 !important;
}

/* 9. 3D viewer caption — small, clean, no ghost duplicate */
body.detail-page .store-detail .detail-model-overlay,
body.detail-page .store-detail .detail-viewer-caption,
body.detail-page .store-detail .detail-media-caption,
body.detail-page .store-detail .detail-3d-caption{
  position:absolute !important;
  left:14px !important;
  bottom:14px !important;
  z-index:3 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
  padding:8px 12px !important;
  border-radius:var(--as-radius-sm) !important;
  background:rgba(0,0,0,.55) !important;
  color:#fff !important;
  font-family:var(--as-font) !important;
  font-size:12px !important;
  font-weight:500 !important;
  letter-spacing:-.005em !important;
  pointer-events:none !important;
  backdrop-filter:saturate(160%) blur(6px) !important;
  -webkit-backdrop-filter:saturate(160%) blur(6px) !important;
  text-shadow:none !important;
  opacity:1 !important;
  max-width:280px !important;
}
body.detail-page .store-detail .detail-model-overlay *,
body.detail-page .store-detail .detail-viewer-caption *,
body.detail-page .store-detail .detail-media-caption *{
  color:inherit !important;
  background:transparent !important;
  margin:0 !important;
  text-shadow:none !important;
  letter-spacing:-.005em !important;
}
body.detail-page .store-detail .detail-model-overlay span{
  font-size:10.5px !important;
  font-weight:500 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
  opacity:.7 !important;
}
body.detail-page .store-detail .detail-model-overlay strong{
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
}
body.detail-page .store-detail .detail-model-overlay p{
  font-size:11.5px !important;
  font-weight:400 !important;
  opacity:.85 !important;
}

/* 9b. Detail-overview-item (형식 / 즉시 다운로드 / 라이선스) — proper Apple-style cards */
body.detail-page .store-detail .detail-purchase-overview{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(110px, 1fr)) !important;
  gap:8px !important;
  margin:8px 0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
}
body.detail-page .store-detail .detail-overview-item{
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
  padding:12px 14px !important;
  border:1px solid var(--as-line-soft) !important;
  border-radius:var(--as-radius) !important;
  background:var(--as-bg-soft) !important;
  color:var(--as-text) !important;
}
body.detail-page .store-detail .detail-overview-item > *:first-child,
body.detail-page .store-detail .detail-overview-item .detail-overview-label,
body.detail-page .store-detail .detail-overview-item .label,
body.detail-page .store-detail .detail-overview-item .kicker{
  color:var(--as-text-mute) !important;
  font-size:11px !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
body.detail-page .store-detail .detail-overview-item > *:last-child,
body.detail-page .store-detail .detail-overview-item .detail-overview-value,
body.detail-page .store-detail .detail-overview-item .value,
body.detail-page .store-detail .detail-overview-item strong{
  color:var(--as-text) !important;
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:-.012em !important;
}

/* 9c. Detail rail viewer panel — compact 3D thumbnail */
body.detail-page .store-detail .detail-rail-card.is-viewer{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  background:var(--as-text) !important;
  color:#fff !important;
  font-size:9px !important;
  font-weight:500 !important;
  text-align:center !important;
}
body.detail-page .store-detail .detail-rail-card.is-viewer span{
  font-size:8.5px !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  opacity:.85 !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  max-width:64px !important;
}
body.detail-page .store-detail .detail-rail-card.is-viewer strong{
  font-size:10px !important;
  font-weight:600 !important;
  letter-spacing:.04em !important;
}

/* 10. External shop links (스마트스토어/쿠팡/ETSY/SHOPIFY) — single row, condensed */
body.detail-page .store-detail .detail-channel-list,
body.detail-page .store-detail .detail-marketplace-row,
body.detail-page .store-detail .detail-external-shops{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr)) !important;
  gap:6px !important;
  margin:8px 0 0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
body.detail-page .store-detail .detail-channel-list .channel-btn,
body.detail-page .store-detail .detail-marketplace-row > a,
body.detail-page .store-detail .detail-external-shops > a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  min-height:36px !important;
  padding:0 12px !important;
  border:1px solid var(--as-line-soft) !important;
  border-radius:var(--as-radius-pill) !important;
  background:#fff !important;
  color:var(--as-text) !important;
  font-family:var(--as-font) !important;
  font-size:12.5px !important;
  font-weight:500 !important;
  letter-spacing:-.012em !important;
  text-decoration:none !important;
}
body.detail-page .store-detail .detail-channel-list .channel-btn[disabled],
body.detail-page .store-detail .detail-channel-list .channel-btn.is-locked{
  cursor:not-allowed !important;
  opacity:.5 !important;
  background:var(--as-bg-soft) !important;
  border-style:dashed !important;
  color:var(--as-text-mute) !important;
}

/* 11. Detail title — let it breathe */
body.detail-page .store-detail #storeDetailTitle,
body.detail-page .store-detail .detail-buy-panel h1{
  font-size:clamp(24px, 2.4vw, 32px) !important;
  letter-spacing:-.024em !important;
  line-height:1.12 !important;
  margin:6px 0 !important;
}

/* 12. Detail kicker / category color reset */
body.detail-page .store-detail .detail-kicker,
body.detail-page .store-detail #storeDetailCategory{
  color:var(--as-text-mute) !important;
  font-size:12.5px !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  margin:0 !important;
}

/* 13. Sync-status / "동기화 중" pill — subtle neutral */
body.detail-page .store-detail .detail-status-chip,
body.detail-page .store-detail [class*="sync-chip"],
body.detail-page .store-detail [class*="status-chip"]{
  display:inline-flex !important;
  align-items:center !important;
  height:22px !important;
  padding:0 10px !important;
  border:0 !important;
  border-radius:var(--as-radius-pill) !important;
  background:var(--as-bg-muted) !important;
  color:var(--as-text-soft) !important;
  font-size:11.5px !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}
body.detail-page .store-detail .detail-status-chip.success,
body.detail-page .store-detail .detail-status-chip[data-status="success"],
body.detail-page .store-detail .detail-status-chip[data-status="ready"],
body.detail-page .store-detail .detail-status-chip[data-status="available"]{
  background:var(--as-success-soft) !important;
  color:var(--as-success) !important;
}

/* 14. Detail seller / by-line area */
body.detail-page .store-detail #storeDetailSeller,
body.detail-page .store-detail .detail-byline{
  color:var(--as-text-soft) !important;
  font-size:14px !important;
  font-weight:500 !important;
}

/* 15. Detail description / lead text */
body.detail-page .store-detail #storeDetailLead,
body.detail-page .store-detail .detail-lead{
  color:var(--as-text-soft) !important;
  font-size:14.5px !important;
  font-weight:400 !important;
  line-height:1.55 !important;
  letter-spacing:-.012em !important;
}

/* 16. Quantity stepper — clean apple-style */
body.detail-page .store-detail .detail-qty-control,
body.detail-page .store-detail .detail-qty,
body.detail-page .store-detail .detail-quantity{
  display:inline-flex !important;
  align-items:center !important;
  border:1px solid var(--as-line) !important;
  border-radius:var(--as-radius-pill) !important;
  background:#fff !important;
  overflow:hidden !important;
  height:36px !important;
}
body.detail-page .store-detail .detail-qty-control button,
body.detail-page .store-detail .detail-qty button{
  width:36px !important;
  height:34px !important;
  min-height:34px !important;
  border:0 !important;
  background:transparent !important;
  color:var(--as-text) !important;
  font-size:16px !important;
  font-weight:500 !important;
  cursor:pointer !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
body.detail-page .store-detail .detail-qty-control button:hover,
body.detail-page .store-detail .detail-qty button:hover{
  background:var(--as-bg-muted) !important;
}
body.detail-page .store-detail .detail-qty-control input,
body.detail-page .store-detail .detail-qty input,
body.detail-page .store-detail .detail-qty-control span,
body.detail-page .store-detail .detail-qty span{
  width:40px !important;
  text-align:center !important;
  border:0 !important;
  background:transparent !important;
  color:var(--as-text) !important;
  font-family:var(--as-font) !important;
  font-size:14px !important;
  font-weight:600 !important;
  font-variant-numeric:tabular-nums !important;
}

/* 17. Shipping/info card "₩79,000" + 배송비/예상 배송일/배송 안내 → no blue */
body.detail-page .store-detail .detail-shipping-card,
body.detail-page .store-detail .detail-shipping-info,
body.detail-page .store-detail .detail-info-card{
  border:1px solid var(--as-line-soft) !important;
  border-radius:var(--as-radius-lg) !important;
  background:#fff !important;
  box-shadow:none !important;
}
body.detail-page .store-detail .detail-shipping-card *,
body.detail-page .store-detail .detail-shipping-info *,
body.detail-page .store-detail .detail-info-card .price,
body.detail-page .store-detail .detail-info-card strong{
  color:inherit !important;
}
body.detail-page .store-detail .detail-shipping-card .detail-shipping-price,
body.detail-page .store-detail .detail-shipping-info .price,
body.detail-page .store-detail .detail-shipping-card h2,
body.detail-page .store-detail .detail-shipping-card h3,
body.detail-page .store-detail .detail-shipping-card .total{
  color:var(--as-text) !important;
}

/* 18. Color/option row inside shipping card (색상 / 빨강 · 재고 3개) */
body.detail-page .store-detail .detail-color-row,
body.detail-page .store-detail .detail-option-summary{
  background:var(--as-bg-soft) !important;
  border-top:1px solid var(--as-line-faint) !important;
  border-bottom:1px solid var(--as-line-faint) !important;
}

/* 19. License panel — drop blue tint, neutral */
body.detail-page .store-detail .detail-license-row.is-active,
body.detail-page .store-detail .detail-license-row.selected,
body.detail-page .store-detail .detail-license-row[aria-selected="true"]{
  border-color:var(--as-text) !important;
  background:#fff !important;
}
body.detail-page .store-detail .detail-license-row [type="radio"]:checked + *,
body.detail-page .store-detail .detail-license-row [type="radio"]:checked ~ *{
  color:var(--as-text) !important;
}

/* 20. Detail breadcrumb — give breathing room from back button */
body.detail-page .store-detail .detail-breadcrumb,
body.detail-page .store-detail #storeDetailBreadcrumb{
  padding:0 0 12px !important;
  margin:0 0 12px !important;
  color:var(--as-text-mute) !important;
  font-size:13px !important;
}

/* 21. Currency selector pill row — match active color to text */
body.detail-page .store-detail .detail-currency-row > button.active,
body.detail-page .store-detail .detail-currency-row > button[aria-selected="true"]{
  background:#fff !important;
  color:var(--as-text) !important;
  box-shadow:0 1px 2px rgba(0,0,0,.04) !important;
}

/* 22. Mobile detail tweaks */
@media (max-width: 720px){
  body.detail-page .store-detail .detail-shell{
    padding-top:64px !important;
  }
  body.detail-page .store-detail .detail-close{
    top:64px !important;
  }
  body.detail-page .store-detail .detail-actions-row{
    flex-direction:column !important;
  }
  body.detail-page .store-detail .detail-actions-row > .detail-action,
  body.detail-page .store-detail .detail-actions-row > .detail-action-secondary{
    width:100% !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   2026-05-12 store apple-minimal — 이미지 중심, 풀폭, 과감한 단순화
   ════════════════════════════════════════════════════════════════════ */

/* 거대 hero / featured / 검색바 / quick filter / 사이드바 등 모두 제거 — html attr selector specificity 매칭 */
html[data-store-view="catalog"] body:not(.detail-page) .hero,
html[data-store-view="catalog"] body:not(.detail-page) .hero-feature,
html[data-store-view="catalog"] body:not(.detail-page) .hero-identity-top,
html[data-store-view="catalog"] body:not(.detail-page) .hero-search-area,
html[data-store-view="catalog"] body:not(.detail-page) .hero-identity-bottom,
html[data-store-view="catalog"] body:not(.detail-page) .hero-quick-filters,
html[data-store-view="catalog"] body:not(.detail-page) .catalog-filter-strip,
html[data-store-view="catalog"] body:not(.detail-page) .store-sidebar,
html[data-store-view="catalog"] body:not(.detail-page) .store-filter-backdrop,
html[data-store-view="catalog"] body:not(.detail-page) .store-filter-toggle,
html[data-store-view="catalog"] body:not(.detail-page) .active-filters-wrap,
html[data-store-view="catalog"] body:not(.detail-page) .results-status,
html[data-store-view="catalog"] body:not(.detail-page) .results-copy h2,
html[data-store-view="catalog"] body:not(.detail-page) .results-copy,
.store-page .hero,
.store-page .hero-feature,
.store-page .hero-identity-top,
.store-page .hero-search-area,
.store-page .hero-identity-bottom,
.store-page .hero-quick-filters,
.store-page .catalog-filter-strip,
.store-page .store-sidebar,
.store-page .store-filter-backdrop,
.store-page .store-filter-toggle,
.store-page .active-filters-wrap,
.store-page .results-status,
.store-page .results-copy h2,
.store-page .results-copy{
  display:none !important;
}

/* main wrapper 풀폭 */
.store-page,
.store-page .store-body,
.store-page .store-main{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  background:transparent !important;
}
.store-page .store-body{
  padding:0 !important;
}
.store-page .store-main{
  padding:0 clamp(14px,2.4vw,32px) !important;
}

/* Catalog tabs — 미니멀 3개 */
.store-page .catalog-nav-panel{
  margin:24px 0 8px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
.store-page .catalog-tabs{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  list-style:none !important;
  align-items:center !important;
}
.store-page .catalog-tabs > a{
  display:inline-flex !important;
  align-items:center !important;
  min-height:36px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  background:transparent !important;
  border:1px solid rgba(0,0,0,.08) !important;
  color:#1d1d1f !important;
  font-size:13.5px !important;
  font-weight:550 !important;
  letter-spacing:-.012em !important;
  text-decoration:none !important;
  transition:background .2s ease,border-color .2s ease,color .2s ease !important;
}
.store-page .catalog-tabs > a:hover{
  background:#f5f5f7 !important;
}
.store-page .catalog-tabs > a[aria-current="page"],
.store-page .catalog-tabs > a.active,
.store-page .catalog-tabs > a.is-active{
  background:#1d1d1f !important;
  color:#fff !important;
  border-color:#1d1d1f !important;
}
/* 불필요 탭 제거 */
.store-page .catalog-tabs > a[data-store-mode-link="mold"],
.store-page .catalog-tabs > a[href="/custom/"],
.store-page .catalog-tabs > a[href="/store?sort=best"],
.store-page .catalog-tabs > a[href="/store?sort=new"]{
  display:none !important;
}

/* Results head — sort select만 우측에 작게 */
.store-page .results{
  padding:0 !important;
  margin:0 !important;
}
.store-page .results-head{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  margin:14px 0 18px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
.store-page .results-controls{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}
.store-page .results-sort-select{
  height:36px !important;
  padding:0 30px 0 14px !important;
  border:1px solid rgba(0,0,0,.08) !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#1d1d1f !important;
  font-size:13.5px !important;
  font-weight:550 !important;
  letter-spacing:-.012em !important;
  cursor:pointer !important;
  outline:none !important;
}
.store-page .results-sort-select:hover{
  background:#f5f5f7 !important;
}

/* Product grid — 풀폭 4열 PC */
.store-page .store-grid,
.store-page .store-loading{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:0 !important;
  padding:0 0 64px !important;
  width:100% !important;
  max-width:none !important;
}
@media (max-width:1024px){
  .store-page .store-grid,
  .store-page .store-loading{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media (max-width:720px){
  .store-page .store-grid,
  .store-page .store-loading{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  .store-page .store-main{
    padding:0 14px !important;
  }
  .store-page .catalog-nav-panel{
    margin:16px 0 4px !important;
  }
  .store-page .results-head{
    margin:10px 0 14px !important;
  }
}
@media (max-width:480px){
  .store-page .catalog-tabs > a{
    font-size:13px !important;
    padding:0 14px !important;
  }
}

/* Product card — 매력적인 commerce card */
.store-page .store-grid > .product-card{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:16px !important;
  box-shadow:none !important;
  text-decoration:none !important;
  color:inherit !important;
  overflow:visible !important;
  padding:0 !important;
  cursor:pointer !important;
  transition:transform .3s cubic-bezier(.22,1,.36,1) !important;
}
.store-page .store-grid > .product-card:hover{
  transform:translateY(-4px) !important;
}
.store-page .store-grid > .product-card:focus-visible{
  outline:2px solid #0071e3 !important;
  outline-offset:4px !important;
  border-radius:16px !important;
}

/* 이미지 영역 — 4:5 portrait 또는 1:1, 큰 비주얼 */
.store-page .store-grid .product-media{
  position:relative !important;
  width:100% !important;
  aspect-ratio:1 !important;
  border-radius:16px !important;
  background:#f5f5f7 !important;
  overflow:hidden !important;
  margin:0 !important;
}
.store-page .store-grid .product-media::after{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,transparent 70%,rgba(0,0,0,.04) 100%) !important;
  opacity:0 !important;
  transition:opacity .3s cubic-bezier(.22,1,.36,1) !important;
}
.store-page .store-grid > .product-card:hover .product-media::after{
  opacity:1 !important;
}
.store-page .store-grid .product-thumb{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:16px !important;
  background:#f5f5f7 !important;
  transition:transform .6s cubic-bezier(.22,1,.36,1) !important;
}
.store-page .store-grid > .product-card:hover .product-thumb{
  transform:scale(1.04) !important;
}

/* 카트 버튼 — 우상단 floating frosted icon */
.store-page .store-grid .product-cart-button{
  position:absolute !important;
  top:10px !important;
  right:10px !important;
  z-index:2 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:36px !important;
  height:36px !important;
  padding:0 !important;
  border:1px solid rgba(0,0,0,.08) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.92) !important;
  color:#1d1d1f !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  box-shadow:0 1px 2px rgba(0,0,0,.06) !important;
  opacity:0 !important;
  transform:translateY(4px) !important;
  transition:opacity .26s cubic-bezier(.22,1,.36,1),transform .26s cubic-bezier(.22,1,.36,1),background .2s ease,color .2s ease !important;
}
.store-page .store-grid > .product-card:hover .product-cart-button,
.store-page .store-grid > .product-card:focus-within .product-cart-button{
  opacity:1 !important;
  transform:translateY(0) !important;
}
.store-page .store-grid .product-cart-button:hover{
  background:#1d1d1f !important;
  color:#fff !important;
  border-color:#1d1d1f !important;
}
.store-page .store-grid .product-cart-button[aria-pressed="true"]{
  background:#0071e3 !important;
  color:#fff !important;
  border-color:#0071e3 !important;
  opacity:1 !important;
  transform:translateY(0) !important;
}
.store-page .store-grid .product-cart-button svg{
  width:18px !important;
  height:18px !important;
  stroke-width:1.7 !important;
}
.store-page .store-grid .product-cart-button span{
  display:none !important;
}

/* Body — 이미지 아래 타이포 */
.store-page .store-grid .product-body{
  padding:14px 4px 4px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
}
.store-page .store-grid .product-header-row{
  display:contents !important;
}
.store-page .store-grid .product-header{
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
}
.store-page .store-grid .product-name{
  margin:0 !important;
  color:#1d1d1f !important;
  font-size:14.5px !important;
  font-weight:600 !important;
  line-height:1.35 !important;
  letter-spacing:-.012em !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.store-page .store-grid .product-footer{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  margin-top:2px !important;
}
.store-page .store-grid .product-price-row{
  display:flex !important;
  align-items:baseline !important;
  gap:6px !important;
}
.store-page .store-grid .product-price-stack{
  display:flex !important;
  align-items:baseline !important;
  gap:6px !important;
}
.store-page .store-grid .product-price{
  color:#1d1d1f !important;
  font-size:14.5px !important;
  font-weight:650 !important;
  letter-spacing:-.012em !important;
}
.store-page .store-grid .product-price-compare,
.store-page .store-grid .product-price-original{
  color:#86868b !important;
  font-size:12.5px !important;
  font-weight:450 !important;
  text-decoration:line-through !important;
}

/* "상품 보기" CTA — hover 시에만 부드럽게 노출 */
.store-page .store-grid .card-actions{
  display:none !important;
}

/* 카드 우상단 배지 — NEW, BEST, SOLD-OUT 등 */
.store-page .store-grid .product-badge{
  position:absolute !important;
  top:10px !important;
  left:10px !important;
  z-index:2 !important;
  display:inline-flex !important;
  align-items:center !important;
  padding:4px 10px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.92) !important;
  color:#1d1d1f !important;
  font-size:10.5px !important;
  font-weight:600 !important;
  letter-spacing:-.005em !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  box-shadow:0 1px 2px rgba(0,0,0,.06) !important;
}
.store-page .store-grid .product-badge.is-new{
  background:#0071e3 !important;
  color:#fff !important;
}
.store-page .store-grid .product-badge.is-best{
  background:#1d1d1f !important;
  color:#fff !important;
}
.store-page .store-grid .product-badge.is-soldout{
  background:rgba(29,29,31,.6) !important;
  color:#fff !important;
}

/* Sold-out 오버레이 */
.store-page .store-grid .product-card.is-soldout .product-thumb{
  opacity:.55 !important;
  filter:grayscale(.2) !important;
}

/* ════════════════════════════════════════════════════════════════════
   2026-05-12 product detail apple-minimal — 실물 + 디지털 공통
   * 좌측: 큰 이미지 + 미니멀 캐러셀
   * 우측: 가격 / 옵션 / 수량 / CTA만
   * 거대 description은 max-width 720px + 가독성
   * spec-card / marketplace-card / note-card / microfacts / trust-row 등 제거
   ════════════════════════════════════════════════════════════════════ */
body.detail-page,
body.detail-page .store-detail{
  background:#ffffff !important;
}
body.detail-page .store-detail .detail-shell{
  max-width:1180px !important;
  margin:0 auto !important;
  padding:32px clamp(14px,2.4vw,32px) 80px !important;
}
/* breadcrumb 자체는 표시하지 않음 — 헤더 + "<스토어" back 버튼만으로 충분 */
body.detail-page .store-detail .detail-breadcrumb,
body.detail-page .store-detail #storeDetailBreadcrumb{
  display:none !important;
}

/* 상단 back 버튼 ("<스토어") 미니멀 알약 */
body.detail-page .detail-back,
body.detail-page [data-detail-back],
body.detail-page .store-detail .detail-back-link{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:0 14px !important;
  height:34px !important;
  border-radius:999px !important;
  background:#f5f5f7 !important;
  border:0 !important;
  color:#1d1d1f !important;
  font-size:13px !important;
  font-weight:550 !important;
  text-decoration:none !important;
  transition:background .2s ease !important;
}
body.detail-page .detail-back:hover{
  background:#e8e8ed !important;
}

/* 거대 hero — 좌측 갤러리 + 우측 buy-panel 깔끔 */
body.detail-page .store-detail .detail-hero{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,420px) !important;
  gap:48px !important;
  align-items:start !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
body.detail-page .store-detail .detail-gallery{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  padding:0 !important;
}
body.detail-page .store-detail .detail-media-badge,
body.detail-page .store-detail .detail-meta-strip{
  display:none !important;
}
body.detail-page .store-detail .detail-media-wrap{
  position:relative !important;
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border-radius:0 !important;
}
body.detail-page .store-detail .detail-media{
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
}
body.detail-page .store-detail .detail-media-frame{
  width:100% !important;
  aspect-ratio:1 !important;
  border-radius:20px !important;
  background:#f5f5f7 !important;
  overflow:hidden !important;
  position:relative !important;
}
body.detail-page .store-detail .detail-media-frame img,
body.detail-page .store-detail .detail-media-frame video{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:20px !important;
}

/* 좌/우 nav arrow — frosted floating */
body.detail-page .store-detail .detail-media-nav{
  width:40px !important;
  height:40px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(0,0,0,.06) !important;
  color:#1d1d1f !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  box-shadow:0 1px 2px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.06) !important;
  opacity:0 !important;
  transition:opacity .22s ease,background .2s ease !important;
}
body.detail-page .store-detail .detail-media-wrap:hover .detail-media-nav,
body.detail-page .store-detail .detail-media-wrap:focus-within .detail-media-nav{
  opacity:1 !important;
}
body.detail-page .store-detail .detail-media-nav:hover{
  background:#ffffff !important;
}
body.detail-page .store-detail .detail-media-nav.prev{ left:14px !important; }
body.detail-page .store-detail .detail-media-nav.next{ right:14px !important; }

/* 썸네일 캐러셀 */
body.detail-page .store-detail .detail-gallery-rail{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  padding:0 !important;
  margin-top:4px !important;
  overflow-x:auto !important;
  -webkit-overflow-scrolling:touch !important;
  scrollbar-width:none !important;
}
body.detail-page .store-detail .detail-gallery-rail::-webkit-scrollbar{display:none !important}
body.detail-page .store-detail .detail-rail-card{
  flex:0 0 auto !important;
  width:64px !important;
  height:64px !important;
  padding:0 !important;
  border-radius:10px !important;
  border:1px solid rgba(0,0,0,.06) !important;
  background:#f5f5f7 !important;
  overflow:hidden !important;
  cursor:pointer !important;
  transition:border-color .18s ease,transform .18s ease !important;
}
body.detail-page .store-detail .detail-rail-card img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
body.detail-page .store-detail .detail-rail-card:hover{
  border-color:#1d1d1f !important;
}
body.detail-page .store-detail .detail-rail-card.selected{
  border:2px solid #0071e3 !important;
}

/* 우측 Buy panel — sticky 미니멀 */
body.detail-page .store-detail .detail-buy-panel{
  position:sticky !important;
  top:88px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:24px !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Title block — 깔끔한 타이포 hierarchy */
body.detail-page .store-detail .detail-title-block{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  padding:0 !important;
  margin:0 !important;
}
body.detail-page .store-detail .detail-chip-row{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  margin:0 0 4px !important;
}
body.detail-page .store-detail .detail-chip{
  display:inline-flex !important;
  align-items:center !important;
  padding:4px 10px !important;
  border-radius:999px !important;
  background:#f5f5f7 !important;
  color:#6e6e73 !important;
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:-.005em !important;
  border:0 !important;
}
body.detail-page .store-detail .detail-kicker{
  display:none !important;
}
body.detail-page .store-detail .detail-title-block h1,
body.detail-page .store-detail #storeDetailTitle{
  margin:0 !important;
  color:#1d1d1f !important;
  font-size:clamp(24px,2.4vw,30px) !important;
  font-weight:650 !important;
  line-height:1.2 !important;
  letter-spacing:-.024em !important;
}
body.detail-page .store-detail .detail-byline{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 !important;
  font-size:13px !important;
  color:#6e6e73 !important;
  font-weight:500 !important;
}
body.detail-page .store-detail .detail-status-chip{
  font-size:11px !important;
  padding:2px 8px !important;
  border-radius:999px !important;
  background:#e6f5ec !important;
  color:#04893e !important;
  font-weight:600 !important;
}
body.detail-page .store-detail .detail-lead{
  display:none !important;
}

/* Info section (옵션 chip 등) — 미니멀 */
body.detail-page .store-detail .detail-info-section,
body.detail-page .store-detail .detail-info-section .detail-info-section{
  display:block !important;
  width:100% !important;
  padding:0 !important;
  margin:0 0 14px !important;
  border:0 !important;
  background:transparent !important;
}
body.detail-page .store-detail .detail-info-section .detail-info-section:last-child{
  margin-bottom:0 !important;
}
body.detail-page .store-detail .detail-info-section-label{
  margin:0 0 10px !important;
  color:#1d1d1f !important;
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:-.005em !important;
}
body.detail-page .store-detail .detail-option-count{
  color:#86868b !important;
  font-weight:450 !important;
  margin-left:4px !important;
}
/* 옵션 grid — 균일한 칸, 깔끔한 wrap */
body.detail-page .store-detail .detail-option-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(96px,1fr)) !important;
  gap:6px !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
}
body.detail-page .store-detail .detail-option-chip{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:2px !important;
  width:100% !important;
  min-height:54px !important;
  padding:8px 12px !important;
  border-radius:12px !important;
  background:#ffffff !important;
  border:1px solid rgba(0,0,0,.12) !important;
  color:#1d1d1f !important;
  font-size:13px !important;
  font-weight:550 !important;
  letter-spacing:-.012em !important;
  cursor:pointer !important;
  text-align:left !important;
  transition:background .18s ease,border-color .18s ease,color .18s ease !important;
}
body.detail-page .store-detail .detail-option-chip:hover{
  border-color:#1d1d1f !important;
}
body.detail-page .store-detail .detail-option-chip.is-selected{
  background:#1d1d1f !important;
  border-color:#1d1d1f !important;
  color:#ffffff !important;
}
body.detail-page .store-detail .detail-option-chip.is-soldout{
  opacity:.4 !important;
  cursor:not-allowed !important;
  text-decoration:line-through !important;
}
body.detail-page .store-detail .detail-option-label{
  display:block !important;
  color:inherit !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
}
body.detail-page .store-detail .detail-option-stock{
  display:block !important;
  color:inherit !important;
  font-size:11px !important;
  font-weight:450 !important;
  opacity:.65 !important;
  line-height:1.2 !important;
}
body.detail-page .store-detail .detail-option-chip.is-selected .detail-option-stock{
  opacity:.8 !important;
}

/* Purchase stack — 가격 + 수량 + CTA */
body.detail-page .store-detail .detail-purchase-stack{
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
}
body.detail-page .store-detail .detail-pricebar{
  display:flex !important;
  align-items:baseline !important;
  gap:12px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
}
body.detail-page .store-detail .detail-pricebar strong,
body.detail-page .store-detail #storeDetailPrice{
  color:#1d1d1f !important;
  font-size:28px !important;
  font-weight:700 !important;
  letter-spacing:-.028em !important;
  line-height:1 !important;
}
body.detail-page .store-detail .detail-price-meta{
  color:#86868b !important;
  font-size:12px !important;
  font-weight:500 !important;
}

/* 부수 영역 제거 — overview / trust row / spec / note / microfacts */
body.detail-page .store-detail .detail-purchase-overview,
body.detail-page .store-detail .detail-trust-row,
body.detail-page .store-detail .detail-spec-card,
body.detail-page .store-detail .detail-note-card,
body.detail-page .store-detail .detail-microfacts,
body.detail-page .store-detail .detail-channel-list,
body.detail-page .store-detail .detail-related-section{
  display:none !important;
}

/* 디지털 marketplace 카드는 미니멀 row로 유지 */
body.detail-page.digital-detail .store-detail .detail-marketplace-card{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:8px !important;
  padding:14px 0 0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.detail-page.digital-detail .store-detail .detail-marketplace-card > *{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  background:#f5f5f7 !important;
  color:#1d1d1f !important;
  font-size:12.5px !important;
  font-weight:550 !important;
  text-decoration:none !important;
  border:0 !important;
}
body.detail-page.digital-detail .store-detail .detail-marketplace-card > *:hover{
  background:#e8e8ed !important;
}
body.detail-page.physical-detail .store-detail .detail-marketplace-card{
  display:none !important;
}

/* 디지털 페이지에서 "문의" 텍스트 등 흐릿 보이는 빈 영역 해결 */
body.detail-page.digital-detail .store-detail .detail-pricebar:empty,
body.detail-page.digital-detail .store-detail #storeDetailPrice:empty,
body.detail-page.digital-detail .store-detail .detail-pricebar:has(strong:empty){
  display:none !important;
}
body.detail-page.digital-detail .store-detail .detail-pricebar strong{
  color:#1d1d1f !important;
}

/* 디지털 info-section — 라벨 + 값을 한 행에 깔끔하게 */
body.detail-page.digital-detail .store-detail #storeDetailInfoPills{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  align-items:flex-start !important;
  text-align:left !important;
}
body.detail-page.digital-detail .store-detail #storeDetailInfoPills > .detail-info-section{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:8px 12px !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  text-align:left !important;
}
body.detail-page.digital-detail .store-detail .detail-info-section-label,
body.detail-page.digital-detail .store-detail .detail-info-label{
  display:inline-block !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  color:#86868b !important;
  font-size:12.5px !important;
  font-weight:500 !important;
  letter-spacing:-.005em !important;
  min-width:84px !important;
  flex:0 0 auto !important;
}
body.detail-page.digital-detail .store-detail .detail-info-pill-row{
  display:inline-flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:6px !important;
  flex:1 1 auto !important;
  min-width:0 !important;
}
body.detail-page.digital-detail .store-detail .detail-info-pill{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  height:30px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  background:#f5f5f7 !important;
  color:#1d1d1f !important;
  font-size:12.5px !important;
  font-weight:550 !important;
  letter-spacing:-.005em !important;
}
body.detail-page.digital-detail .store-detail .detail-info-pill svg{
  width:14px !important;
  height:14px !important;
}
body.detail-page.digital-detail .store-detail .detail-info-kv{
  margin:0 !important;
  padding:0 !important;
  color:#1d1d1f !important;
  font-size:13px !important;
  font-weight:550 !important;
}
body.detail-page.digital-detail .store-detail .detail-info-kv .note{
  margin-left:6px !important;
  color:#86868b !important;
  font-size:12px !important;
  font-weight:450 !important;
}

/* 빈 사용 프린터 row 등 — 값 element가 없으면 row 자체 숨김 */
body.detail-page.digital-detail .store-detail #storeDetailInfoPills > .detail-info-section:not(:has(.detail-info-pill, .detail-info-kv, b, strong)){
  display:none !important;
}

/* "문의" 등 가격 placeholder 가독성 강화 */
body.detail-page .store-detail #storeDetailPrice,
body.detail-page .store-detail .detail-pricebar strong{
  color:#1d1d1f !important;
  font-size:28px !important;
  font-weight:700 !important;
  letter-spacing:-.024em !important;
  line-height:1 !important;
  opacity:1 !important;
}

/* 수량 + CTA buttons */
body.detail-page .store-detail .detail-quantity-row,
body.detail-page .store-detail .detail-qty-row{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:0 !important;
  margin:0 !important;
}
body.detail-page .store-detail .detail-qty-control{
  display:inline-flex !important;
  align-items:center !important;
  gap:0 !important;
  height:46px !important;
  border-radius:999px !important;
  background:#f5f5f7 !important;
  border:0 !important;
  padding:0 4px !important;
}
body.detail-page .store-detail .detail-qty-btn{
  width:38px !important;
  height:38px !important;
  border-radius:999px !important;
  background:transparent !important;
  border:0 !important;
  color:#1d1d1f !important;
  font-size:18px !important;
  cursor:pointer !important;
  transition:background .18s ease !important;
}
body.detail-page .store-detail .detail-qty-btn:hover{
  background:#e8e8ed !important;
}
body.detail-page .store-detail .detail-qty-value{
  min-width:40px !important;
  text-align:center !important;
  color:#1d1d1f !important;
  font-size:15px !important;
  font-weight:600 !important;
}

body.detail-page .store-detail .detail-actions-row,
body.detail-page .store-detail .detail-cta-row{
  display:flex !important;
  gap:8px !important;
  margin-top:4px !important;
}
body.detail-page .store-detail .detail-action,
body.detail-page .store-detail .detail-action-primary,
body.detail-page .store-detail .detail-actions-row > button{
  flex:1 1 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:52px !important;
  padding:0 20px !important;
  border-radius:999px !important;
  border:0 !important;
  background:#1d1d1f !important;
  color:#ffffff !important;
  font-size:14.5px !important;
  font-weight:600 !important;
  letter-spacing:-.012em !important;
  cursor:pointer !important;
  transition:background .22s ease,transform .22s ease,box-shadow .22s ease !important;
}
body.detail-page .store-detail .detail-action:hover,
body.detail-page .store-detail .detail-action-primary:hover,
body.detail-page .store-detail .detail-actions-row > button:hover{
  background:#000 !important;
  transform:translateY(-1px) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.2) !important;
}
body.detail-page .store-detail .detail-action-secondary,
body.detail-page .store-detail .detail-actions-row > .detail-action-secondary{
  background:#f5f5f7 !important;
  color:#1d1d1f !important;
}
body.detail-page .store-detail .detail-action-secondary:hover{
  background:#e8e8ed !important;
}

/* Description 영역 — 거대 콘텐츠 정리 */
body.detail-page .store-detail .detail-digital-cards,
body.detail-page .store-detail .detail-description,
body.detail-page .store-detail .detail-story-grid{
  max-width:760px !important;
  margin:48px auto 0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  display:block !important;
  font-size:15px !important;
  line-height:1.7 !important;
  color:#1d1d1f !important;
}
body.detail-page .store-detail .detail-digital-cards p,
body.detail-page .store-detail .detail-description p{
  margin:0 0 14px !important;
  color:#1d1d1f !important;
  font-size:15px !important;
  line-height:1.7 !important;
}
body.detail-page .store-detail .detail-digital-cards img,
body.detail-page .store-detail .detail-description img,
body.detail-page .store-detail .detail-story-grid img{
  max-width:100% !important;
  max-height:420px !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  display:block !important;
  margin:14px auto !important;
  border-radius:12px !important;
}

/* Description 안의 거대 인포그래픽 / 그리드 등도 가독성 폭 제한 */
body.detail-page .store-detail .detail-digital-cards > *,
body.detail-page .store-detail .detail-description > *{
  max-width:100% !important;
}
body.detail-page .store-detail .detail-digital-cards{
  max-height:none !important;
}
body.detail-page .store-detail .detail-digital-cards table{
  width:100% !important;
  border-collapse:collapse !important;
  margin:18px 0 !important;
  font-size:13.5px !important;
}
body.detail-page .store-detail .detail-digital-cards table th,
body.detail-page .store-detail .detail-digital-cards table td{
  padding:10px 12px !important;
  border-bottom:1px solid rgba(0,0,0,.06) !important;
  text-align:left !important;
}

body.detail-page .store-detail .detail-digital-notice{
  max-width:760px !important;
  margin:24px auto 0 !important;
  padding:14px 16px !important;
  border-radius:12px !important;
  background:#f5f5f7 !important;
  color:#6e6e73 !important;
  font-size:12.5px !important;
  font-weight:500 !important;
  border:0 !important;
}

/* Close 버튼 */
body.detail-page .store-detail .detail-close,
body.detail-page .store-detail #storeDetailClose{
  width:40px !important;
  height:40px !important;
  top:32px !important;
  right:32px !important;
  border-radius:999px !important;
  background:#f5f5f7 !important;
  border:0 !important;
  color:#1d1d1f !important;
  transition:background .2s ease,transform .22s cubic-bezier(.22,1,.36,1) !important;
}
body.detail-page .store-detail .detail-close:hover{
  background:#e8e8ed !important;
  transform:rotate(90deg) !important;
}

/* 반응형 */
@media (max-width:1024px){
  body.detail-page .store-detail .detail-hero{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
  body.detail-page .store-detail .detail-buy-panel{
    position:static !important;
  }
}
@media (max-width:720px){
  body.detail-page .store-detail .detail-shell{
    padding:24px 14px 64px !important;
  }
  body.detail-page .store-detail .detail-title-block h1,
  body.detail-page .store-detail #storeDetailTitle{
    font-size:22px !important;
  }
  body.detail-page .store-detail .detail-pricebar strong,
  body.detail-page .store-detail #storeDetailPrice{
    font-size:24px !important;
  }
  body.detail-page .store-detail .detail-actions-row{
    flex-direction:column !important;
  }
  body.detail-page .store-detail .detail-action,
  body.detail-page .store-detail .detail-action-primary{
    width:100% !important;
  }
  body.detail-page .store-detail .detail-close{
    top:14px !important;
    right:14px !important;
    width:36px !important;
    height:36px !important;
  }
  body.detail-page .store-detail .detail-digital-cards,
  body.detail-page .store-detail .detail-description{
    margin-top:32px !important;
    font-size:14.5px !important;
  }
}

/* Loading skeleton */
.store-page .loading-card{
  aspect-ratio:1 !important;
  border-radius:14px !important;
  background:linear-gradient(90deg,#f0f0f3 0%,#f8f8fa 50%,#f0f0f3 100%) !important;
  background-size:200% 100% !important;
  animation:store-skeleton 1.4s ease-in-out infinite !important;
}
@keyframes store-skeleton{
  0%{background-position:200% 0}
  100%{background-position:-200% 0}
}

/* Empty state */
.store-page .store-empty{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:280px !important;
  padding:48px 24px !important;
  text-align:center !important;
  background:transparent !important;
}
.store-page .store-empty h3{
  font-size:18px !important;
  font-weight:600 !important;
  color:#1d1d1f !important;
  margin:0 0 8px !important;
}
.store-page .store-empty p{
  color:#86868b !important;
  font-size:14px !important;
  margin:0 0 16px !important;
}
.store-page .empty-action{
  height:40px !important;
  padding:0 18px !important;
  border-radius:999px !important;
  background:#0071e3 !important;
  border:0 !important;
  color:#fff !important;
  font-size:13.5px !important;
  font-weight:600 !important;
  cursor:pointer !important;
}