/** Shopify CDN: Minification failed

Line 29:0 All "@import" rules must come first

**/
/* ============================================================
   DEDC Global Design System — assets/dedc-theme.css
   Import this file in your Dawn theme.liquid:
   {{ 'dedc-theme.css' | asset_url | stylesheet_tag }}
   ============================================================ */

/* ---------- Design Tokens ---------- */
:root {
  --dedc-gold:        #e8b84b;
  --dedc-gold-dim:    #b8892a;
  --dedc-gold-glow:   rgba(232, 184, 75, 0.15);
  --dedc-navy:        #050914;
  --dedc-glass-navy:  rgba(11, 21, 38, 0.6);
  --dedc-glass-hover: rgba(16, 30, 56, 0.8);
  --dedc-border-dim:  rgba(232, 184, 75, 0.2);
  --dedc-border-gold: rgba(232, 184, 75, 0.6);
  --dedc-text:        #FFFFFF;
  --dedc-text-muted:  #7A96C2;
  --dedc-font-display: 'Space Grotesk', sans-serif;
  --dedc-font-body:    'Inter', sans-serif;
}

/* ---------- Google Fonts ---------- */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=Inter:wght@400;500&display=swap');

/* ---------- Base Reset for DEDC sections ---------- */
body {
  background-color: var(--dedc-navy);
  color: var(--dedc-text);
  font-family: var(--dedc-font-body);
  overflow-x: hidden;
}

/* Parallax orb CSS removed — snippet is now empty, no DOM elements */

/* ============================================================
   SCROLL REVEAL ANIMATION
   ============================================================ */
.dedc-reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s cubic-bezier(0.16,1,0.3,1), transform 0.8s cubic-bezier(0.16,1,0.3,1);
}
.dedc-reveal.dedc-visible { opacity: 1; transform: translateY(0); }
.dedc-reveal-d1 { transition-delay: 0.1s; }
.dedc-reveal-d2 { transition-delay: 0.2s; }
.dedc-reveal-d3 { transition-delay: 0.3s; }
.dedc-reveal-d4 { transition-delay: 0.4s; }

/* ============================================================
   SHARED COMPONENTS
   ============================================================ */

/* --- Section Tag (glowing dot + label) --- */
.dedc-section-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--dedc-font-display);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--dedc-gold);
  margin-bottom: 20px;
}
.dedc-section-tag::before {
  content: '';
  display: inline-block;
  width: 6px; height: 6px;
  background: var(--dedc-gold);
  border-radius: 50%;
  box-shadow: 0 0 10px var(--dedc-gold);
  animation: dedc-pulse-dot 2s infinite;
}
@keyframes dedc-pulse-dot {
  0%,100% { opacity:1; transform:scale(1); }
  50%      { opacity:0.3; transform:scale(0.8); }
}

/* --- Divider Line --- */
.dedc-divider-line {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--dedc-border-gold), transparent);
  margin: 0 auto 80px;
  width: 80%;
  opacity: 0.5;
}

/* --- Gold Button --- */
.dedc-btn-gold {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 32px;
  background: rgba(11,21,38,0.8);
  border: 1px solid var(--dedc-gold-dim);
  color: var(--dedc-gold);
  font-family: var(--dedc-font-display);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
  transition: all 0.3s ease;
  backdrop-filter: blur(4px);
}
.dedc-btn-gold:hover {
  background: var(--dedc-gold-glow);
  border-color: var(--dedc-gold);
  color: #fff;
  box-shadow: 0 0 20px rgba(232,184,75,0.2);
}
.dedc-btn-small {
  padding: 8px 16px;
  font-size: 11px;
  clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px));
}

/* --- Tactical Glass Card (container) --- */
.dedc-tactical-box {
  position: relative;
  background: var(--dedc-glass-navy);
  backdrop-filter: blur(16px);
  clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
  transition: all 0.4s ease;
  display: flex;
  flex-direction: column;
}
.dedc-tactical-box::before {
  content: '';
  position: absolute;
  inset: 0;
  clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
  border: 1px solid var(--dedc-border-dim);
  transition: border-color 0.4s ease;
  pointer-events: none;
  z-index: 20;
}
.dedc-tactical-box:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.6); }
.dedc-tactical-box:hover::before { border-color: var(--dedc-gold); }

/* ============================================================
   HERO SECTION
   ============================================================ */
.dedc-hero {
  position: relative;
  min-height: calc(100vh - var(--header-height, 56px));
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  padding: calc(var(--header-height, 56px) + 40px) 5% 60px;
  z-index: 2;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .dedc-hero { grid-template-columns: 1fr 320px; }
}

/* ── Canvas 背景定位 ── */
#dedc-hero-canvas {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 0;
  pointer-events: none;
  display: block;
}


/* Hero Content */
.dedc-hero__content { max-width: 800px; position: relative; z-index: 10; }
.dedc-hero__title {
  font-family: var(--dedc-font-display);
  font-size: clamp(2rem, 4.5vw, 3.5rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
  margin-bottom: 0;
}
.dedc-hero__title span { color: var(--dedc-gold); text-shadow: 0 0 40px rgba(232,184,75,0.25); }
.dedc-hero__rule { width:60px; height:2px; background:linear-gradient(90deg,var(--dedc-gold),transparent); margin:28px 0; }
.dedc-hero__sub {
  font-family: var(--dedc-font-display);
  font-size: clamp(0.75rem,1.2vw,0.95rem);
  font-weight: 700;
  letter-spacing: 0.3em;
  color: var(--dedc-text-muted);
}

/* Hero Right Panel */
.dedc-hero__panel {
  display: none;
  position: relative;
  z-index: 10;
  height: 100%;
  border-left: 1px solid var(--dedc-border-dim);
  padding-left: 40px;
  flex-direction: column;
  justify-content: center;
  gap: 28px;
}
@media (min-width: 1024px) { .dedc-hero__panel { display: flex; } }

.dedc-stat-item { display:flex; align-items:center; gap:16px; }
.dedc-stat-tick { width:2px; height:36px; background:linear-gradient(to bottom,var(--dedc-gold),transparent); flex-shrink:0; }
.dedc-stat-value { font-family:var(--dedc-font-display); font-size:28px; font-weight:700; color:var(--dedc-gold); line-height:1; }
.dedc-stat-label { font-family:var(--dedc-font-display); font-size:10px; font-weight:700; letter-spacing:0.2em; text-transform:uppercase; color:var(--dedc-text-muted); margin-top:4px; }

/* Scroll Hint */
.dedc-scroll-hint { position:absolute; bottom:32px; left:5%; display:flex; align-items:center; gap:12px; z-index:10; }
.dedc-scroll-arrow { width:1px; height:40px; background:linear-gradient(to bottom,var(--dedc-gold),transparent); animation:dedc-scroll-bounce 2s infinite; }
@keyframes dedc-scroll-bounce { 0%,100%{opacity:0.3;transform:scaleY(1)} 50%{opacity:0.8;transform:scaleY(1.3)} }
.dedc-scroll-text { font-family:var(--dedc-font-display); font-size:10px; font-weight:700; letter-spacing:0.25em; text-transform:uppercase; color:var(--dedc-text-muted); opacity:0.5; }

/* ============================================================
   BRAND PILLARS SECTION
   ============================================================ */
.dedc-pillar-section {
  padding: 100px 5%;
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
}
.dedc-pillar-header { text-align:center; margin-bottom:60px; }
.dedc-pillar-header h2 { font-family:var(--dedc-font-display); font-size:clamp(2rem,4vw,3.5rem); font-weight:700; letter-spacing:0.08em; margin-bottom:16px; }
.dedc-pillar-header p { color:var(--dedc-text-muted); font-size:14px; max-width:500px; margin:0 auto; line-height:1.6; }

.dedc-pillar-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:40px; }
@media (max-width:900px) { .dedc-pillar-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:500px) { .dedc-pillar-grid { grid-template-columns:1fr; } }

.dedc-pillar-card { padding:32px; display:flex; flex-direction:column; gap:16px; cursor:pointer; }
.dedc-pillar-letter { font-family:var(--dedc-font-display); font-size:56px; font-weight:700; color:var(--dedc-gold); opacity:0.15; line-height:1; transition:opacity 0.3s; }
.dedc-tactical-box:hover .dedc-pillar-letter { opacity:0.4; }
.dedc-pillar-label { font-family:var(--dedc-font-display); font-size:11px; font-weight:700; letter-spacing:0.15em; color:var(--dedc-gold); opacity:0.8; }
.dedc-pillar-title { font-family:var(--dedc-font-display); font-size:16px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:#fff; }
.dedc-pillar-desc { font-size:13px; color:var(--dedc-text-muted); line-height:1.5; flex-grow:1; }
.dedc-pillar-explore { font-family:var(--dedc-font-display); font-size:11px; font-weight:700; letter-spacing:0.15em; color:var(--dedc-gold-dim); padding-top:16px; border-top:1px solid var(--dedc-border-dim); transition:color 0.3s; text-decoration:none; display:block; }
.dedc-tactical-box:hover .dedc-pillar-explore { color:var(--dedc-gold); }

/* ============================================================
   FEATURED PRODUCTS SECTION
   ============================================================ */
.dedc-shop-section { padding:100px 5%; position:relative; z-index:2; }
.dedc-section-header { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:60px; }
.dedc-section-header h2 { font-family:var(--dedc-font-display); font-size:clamp(2rem,4vw,3.5rem); font-weight:700; letter-spacing:0.05em; }

.dedc-product-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:30px; }

.dedc-product-image-wrapper {
  width:100%; height:280px;
  background-color:#FFFFFF;
  display:flex; align-items:center; justify-content:center;
  position:relative;
  box-shadow:inset 0 0 20px rgba(0,0,0,0.05);
  padding:20px;
}
.dedc-product-image-wrapper img { width:100%; height:100%; object-fit:contain; transition:transform 0.5s cubic-bezier(0.2,0.8,0.2,1); }
.dedc-tactical-box:hover .dedc-product-image-wrapper img { transform:scale(1.08) translateY(-5px); }
.dedc-placeholder-svg { width:100%; height:100%; }

.dedc-product-tag {
  position:absolute; top:15px; left:15px;
  font-family:var(--dedc-font-display); font-size:10px; font-weight:700; letter-spacing:0.15em;
  color:var(--dedc-gold); background:var(--dedc-navy); padding:6px 12px;
  border-bottom:2px solid var(--dedc-gold); z-index:10;
}

.dedc-product-info-wrapper {
  padding:24px; display:flex; flex-direction:column; gap:12px; flex-grow:1;
  border-top:2px solid var(--dedc-gold); background:var(--dedc-glass-navy);
}
.dedc-product-title { font-family:var(--dedc-font-display); font-size:18px; font-weight:600; letter-spacing:0.05em; color:#fff; }
.dedc-product-title a { color:inherit; text-decoration:none; }
.dedc-product-desc { font-size:13px; color:var(--dedc-text-muted); line-height:1.5; flex-grow:1; }
.dedc-product-footer { display:flex; justify-content:space-between; align-items:center; border-top:1px solid rgba(122,150,194,0.15); padding-top:20px; margin-top:5px; }
.dedc-product-price { font-family:var(--dedc-font-display); font-size:20px; color:var(--dedc-gold); font-weight:700; }

/* ============================================================
   FIX A — 导航栏瘦身 + 修复点击元素下沉
   根本原因：Dawn 给 .focus-inset 元素加 outline，鼠标点击也触发
   outline 占据空间导致视觉位移。正确修法是只对键盘导航保留 outline。
   ============================================================ */
.header {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* 鼠标点击时取消 outline（键盘 Tab 导航时保留 :focus-visible）*/
.header a:focus:not(:focus-visible),
.header button:focus:not(:focus-visible),
.header summary:focus:not(:focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}

/* 移动端点击高亮色也去掉，防止闪烁位移 */
.header a,
.header button,
.header summary {
  -webkit-tap-highlight-color: transparent;
}

/* ============================================================
   FIX B — 黑条：清除 section-header 底部间距
   Shopify 在 header section 上可能有 margin-bottom，
   透出 body 深色背景就变成黑条。
   ============================================================ */
.section-header {
  margin-bottom: 0 !important;
}
/* 确保 header-wrapper 有深色背景，不透出空白 */
.header-wrapper {
  background-color: rgba(5, 9, 20, 0.92) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* ============================================================
   DEDC TACTICAL PRODUCT FRAME  v3
   白底图片 × 黑色主题 → 亚克力金边切角展示框（高端版）
   ============================================================ */

/* ------ 外层卡片整体提升 ------ */
.card-wrapper {
  transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1),
              box-shadow 0.45s ease;
}
.card-wrapper:hover {
  transform: translateY(-6px);
  box-shadow:
    0 24px 56px rgba(0, 0, 0, 0.7),
    0 0 30px rgba(232, 184, 75, 0.06);  /* 悬停时底部微微金光 */
}

/* ══════════════════════════════════════════════════════
   所有视觉处理只作用于 .card__media（纯图片区）
   ══════════════════════════════════════════════════════ */

/* ------ .card__media：亚克力质感底 + clip-path 切角 ------ */
.card__media {
  /* 亚克力磨砂玻璃底色：多层渐变模拟深度和光泽 */
  background:
    /* 层1: 细微噪点质感 — 用 repeating-conic-gradient 模拟 */
    repeating-conic-gradient(
      rgba(255, 255, 255, 0.015) 0% 25%,
      transparent 0% 50%
    ) 0 0 / 4px 4px,
    /* 层2: 左上角微弱的亚克力高光反射 */
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.06) 0%,
      rgba(255, 255, 255, 0.02) 15%,
      transparent 40%
    ),
    /* 层3: 底部微弱暖光（模拟桌面反光） */
    linear-gradient(
      to top,
      rgba(232, 184, 75, 0.03) 0%,
      transparent 30%
    ),
    /* 层4: 基底深海军蓝 */
    linear-gradient(
      160deg,
      #0a1428 0%,
      #060d1c 40%,
      #080f1e 100%
    ) !important;
  clip-path: polygon(
    0 0,
    calc(100% - 16px) 0,
    100% 16px,
    100% 100%,
    16px 100%,
    0 calc(100% - 16px)
  );
  /* 外发光：仅保留光晕，不要 spread 形成第二层边框 */
  box-shadow: 0 0 22px rgba(232, 184, 75, 0.05);
  transition: box-shadow 0.4s ease;
}
.card-wrapper:hover .card__media {
  box-shadow: 0 0 40px rgba(232, 184, 75, 0.12);
}

/* ------ 粗金边：::before + 2px border + 金属渐变 ------ */
.card__media::before {
  content: '';
  position: absolute;
  inset: 0;
  clip-path: polygon(
    0 0,
    calc(100% - 16px) 0,
    100% 16px,
    100% 100%,
    16px 100%,
    0 calc(100% - 16px)
  );
  /* 2px 实色金边（border-image 与 clip-path 兼容性差，改用 solid）*/
  border: 2px solid rgba(232, 184, 75, 0.55);
  pointer-events: none;
  z-index: 10;
  transition: border-color 0.4s ease, box-shadow 0.4s ease;
}
.card-wrapper:hover .card__media::before {
  border-color: rgba(232, 184, 75, 0.95);
  box-shadow: inset 0 0 16px rgba(232, 184, 75, 0.1);
}

/* ------ L型角标（左上 + 右下）—— 战术瞄准框 ------ */
/* 用 ::after 做左上角 L 型 bracket */
.card__media::after {
  content: '';
  position: absolute;
  top: 6px; left: 6px;
  width: 18px; height: 18px;
  border-top: 2px solid rgba(232, 184, 75, 0.7);
  border-left: 2px solid rgba(232, 184, 75, 0.7);
  pointer-events: none;
  z-index: 12;
  transition: all 0.4s ease;
}
.card-wrapper:hover .card__media::after {
  border-color: rgba(232, 184, 75, 1);
  /* 只做颜色+发光过渡，不改尺寸，避免看起来像两个独立方框 */
  filter: drop-shadow(-1px -1px 4px rgba(232, 184, 75, 0.5));
}

/* 右下角 L 型 bracket —— 用 .card__media .media::after */
.card__media .media::after {
  content: '';
  position: absolute;
  bottom: 6px; right: 6px;
  width: 18px; height: 18px;
  border-bottom: 2px solid rgba(232, 184, 75, 0.7);
  border-right: 2px solid rgba(232, 184, 75, 0.7);
  pointer-events: none;
  z-index: 12;
  transition: all 0.4s ease;
}
.card-wrapper:hover .card__media .media::after {
  border-color: rgba(232, 184, 75, 1);
  box-shadow:
    2px 2px 8px rgba(232, 184, 75, 0.3),
    0 0 4px rgba(232, 184, 75, 0.15);
  width: 22px; height: 22px;
}

/* ══════════════════════════════════════════════════════
   图片"画框"缩进
   ══════════════════════════════════════════════════════ */
.card__media .media {
  inset: 10% !important;
  width: auto !important;
}

/* ------ 图片：contain + 柔和投影 ------ */
.card__media .media img {
  object-fit: contain !important;
  object-position: center center !important;
  width: 100% !important;
  height: 100% !important;
  /* 白底图柔化处理：轻微圆角 + 精致投影 */
  border-radius: 2px;
  filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.55));
  transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1),
              filter 0.4s ease !important;
}

/* Hover → 图片浮起 + 投影加深 */
.card-wrapper:hover .card__media .media img:first-child {
  transform: scale(1.06) translateY(-3px) !important;
  filter: drop-shadow(0 10px 24px rgba(0, 0, 0, 0.7)) !important;
}

/* ------ 文字区底部金色分割线 ------ */
.card__content {
  border-top: 1.5px solid rgba(232, 184, 75, 0.25);
  transition: border-color 0.4s ease;
}
.card-wrapper:hover .card__content {
  border-top-color: rgba(232, 184, 75, 0.55);
}

/* ------ Sold Out / Sale 徽章切角化 ------ */
.card__badge .badge {
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 6px 100%, 0 calc(100% - 6px));
  font-family: var(--dedc-font-display, 'Space Grotesk', sans-serif);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* ------ 产品详情页大图同样处理 ------ */
.product__media .media img {
  object-fit: contain !important;
  filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.5));
}


/* ============================================================
   DEDC COLLECTION PAGE — 全局排版 & 配色升级
   ============================================================ */

/* ── 1. 产品卡片：标题字体 & 间距 ── */
.card__heading,
.card__heading a {
  font-family: var(--dedc-font-display, 'Space Grotesk', sans-serif) !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
  line-height: 1.35 !important;
  color: #e8edf5 !important;          /* 偏冷白，比纯白更高级 */
  text-decoration: none !important;
}
.card__heading a:hover {
  color: var(--dedc-gold) !important;
  transition: color 0.3s ease;
}

/* ── 2. 价格：金色 + 战术字体 ── */
.price .price-item,
.price .price-item--regular,
.price .price-item--sale,
.price__regular,
.price__sale {
  font-family: var(--dedc-font-display, 'Space Grotesk', sans-serif) !important;
  font-weight: 700 !important;
  color: var(--dedc-gold) !important;
  letter-spacing: 0.04em !important;
}
/* "From" 前缀稍微暗一点，突出数字 */
.price .price-item--regular::before,
.price .price__from {
  color: var(--dedc-text-muted) !important;
  font-size: 0.8em !important;
  font-weight: 400 !important;
}
/* 划线原价 */
.price .price-item--regular.price-item--on-sale,
s.price-item {
  color: rgba(122, 150, 194, 0.5) !important;
  font-weight: 400 !important;
}

/* ── 3. 卡片内边距微调 ── */
/* 注意：不给 .card__content 加背景，它在 Dawn 里有一层叠在图片上，会把图片盖掉 */
.card__information {
  padding: 14px 16px 12px !important;
}

/* ── 4. 页面主标题 "Products" ── */
/* 只针对 collection 页面下的 title，不用 h1.title（范围太广） */
.collection .title,
.collection__title {
  font-family: var(--dedc-font-display, 'Space Grotesk', sans-serif) !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  color: #ffffff !important;
  border-left: 3px solid var(--dedc-gold);
  padding-left: 16px !important;
  margin-left: 0 !important;
}

/* ── 5. 筛选 & 排序栏 ── */
/* 标签文字 */
.facets__summary,
.facets .caption-large,
.facet-filters__label,
.facet-filters .caption-large,
.product-count__text {
  font-family: var(--dedc-font-display, 'Space Grotesk', sans-serif) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--dedc-text-muted) !important;
}
/* 底部横线用金色 */
.facets-wrap,
.facets-container {
  border-bottom: 1px solid rgba(232, 184, 75, 0.15) !important;
  padding-bottom: 12px !important;
  margin-bottom: 8px !important;
}
/* 筛选 pill 激活状态 */
.active-facets__button,
.active-facets .button {
  background: rgba(232, 184, 75, 0.1) !important;
  border: 1px solid rgba(232, 184, 75, 0.4) !important;
  color: var(--dedc-gold) !important;
  font-family: var(--dedc-font-display, 'Space Grotesk', sans-serif) !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 5px) 0, 100% 5px, 100% 100%, 5px 100%, 0 calc(100% - 5px));
}
/* select 排序下拉：深色背景 */
.facet-filters__sort .select__select,
.facets-vertical-sort .select__select,
.select__select {
  font-family: var(--dedc-font-display, 'Space Grotesk', sans-serif) !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  color: var(--dedc-gold) !important;
  background-color: #080f1e !important;  /* 深色背景，不再透明 */
  border-color: rgba(232, 184, 75, 0.3) !important;
}

/* 下拉 option 列表：深色底 + 亮文字（Chrome/Firefox 支持，Safari 有限） */
.facet-filters__sort .select__select option,
.facets-vertical-sort .select__select option,
.select__select option,
select option {
  background-color: #080f1e !important;
  color: #e8edf5 !important;
}

/* 选中的 option 高亮金色 */
.facet-filters__sort .select__select option:checked,
.facets-vertical-sort .select__select option:checked,
.select__select option:checked,
select option:checked {
  background-color: rgba(232, 184, 75, 0.2) !important;
  color: var(--dedc-gold) !important;
}

/* ── 6. Vendor / 品牌小标签 ── */
.caption-with-letter-spacing {
  font-family: var(--dedc-font-display, 'Space Grotesk', sans-serif) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--dedc-gold) !important;
  opacity: 0.7;
}

/* ── 7. 分页按钮 ── */
.pagination__item a,
.pagination__item button {
  font-family: var(--dedc-font-display, 'Space Grotesk', sans-serif) !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  color: var(--dedc-text-muted) !important;
  border-color: rgba(232, 184, 75, 0.2) !important;
  background: transparent !important;
  transition: all 0.3s ease !important;
}
.pagination__item--current a,
.pagination__item--current span {
  color: var(--dedc-gold) !important;
  border-color: rgba(232, 184, 75, 0.6) !important;
  background: rgba(232, 184, 75, 0.08) !important;
}
.pagination__item a:hover {
  color: var(--dedc-gold) !important;
  border-color: rgba(232, 184, 75, 0.5) !important;
  background: rgba(232, 184, 75, 0.06) !important;
}

/* ============================================================
   DEDC PRODUCT DETAIL PAGE — 商品详情页全面升级
   ============================================================ */

/* ── 1. 主图画廊：亚克力深色底 ── */
.product__media .media {
  background: #080f1e !important;
}
.product__media .media img,
.product-media-modal .media img {
  object-fit: contain !important;
  filter: drop-shadow(0 6px 20px rgba(0,0,0,0.6));
}

/* 主图外框加金边（不用 ::after 以防 Dawn overflow hidden 裁掉）*/
.product__media {
  outline: 1.5px solid rgba(232, 184, 75, 0.35);
  outline-offset: -1px;
  transition: outline-color 0.4s ease;
}
.product__media:hover {
  outline-color: rgba(232, 184, 75, 0.75);
}

/* ── 2. 缩略图条：激活金边 ── */
.thumbnail-list__item .product__media-thumbnail,
.product__media-thumbnail {
  border-color: rgba(232, 184, 75, 0.2) !important;
  background: #080f1e !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}
.thumbnail-list__item--active .product__media-thumbnail,
.thumbnail-list__item:hover .product__media-thumbnail {
  border-color: rgba(232, 184, 75, 0.85) !important;
  box-shadow: 0 0 10px rgba(232, 184, 75, 0.2) !important;
}
.product__media-thumbnail img {
  object-fit: contain !important;
}

/* ── 3. 品牌标签 "DEDC"（vendor）── */
.product__text.caption-with-letter-spacing,
.product__vendor {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: var(--dedc-font-display, 'Space Grotesk', sans-serif) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  color: var(--dedc-gold) !important;
  margin-bottom: 10px !important;
}
.product__text.caption-with-letter-spacing::before,
.product__vendor::before {
  content: '';
  display: inline-block;
  width: 5px; height: 5px;
  background: var(--dedc-gold);
  border-radius: 50%;
  box-shadow: 0 0 6px rgba(232, 184, 75, 0.8);
  animation: dedc-pulse-dot 2s infinite;
}

/* ── 4. 产品标题 ── */
.product__title,
.product__title h1 {
  font-family: var(--dedc-font-display, 'Space Grotesk', sans-serif) !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.15 !important;
  color: #f0f4ff !important;
}

/* ── 5. 价格区上方金色分割线 ── */
.product-form__price,
.product__info-container .price {
  border-top: 1px solid rgba(232, 184, 75, 0.2) !important;
  padding-top: 16px !important;
  margin-top: 8px !important;
}

/* ── 6. 数量选择器：深色战术风格 ── */
.quantity {
  background: rgba(8, 15, 30, 0.95) !important;
  border-color: rgba(232, 184, 75, 0.35) !important;
  border-radius: 0 !important;
}
.quantity__button {
  color: var(--dedc-gold) !important;
  background: transparent !important;
  border-color: rgba(232, 184, 75, 0.25) !important;
}
.quantity__button:hover {
  color: #fff !important;
  background: rgba(232, 184, 75, 0.12) !important;
}
.quantity__input {
  color: #fff !important;
  background: transparent !important;
  font-family: var(--dedc-font-display, 'Space Grotesk', sans-serif) !important;
  font-weight: 600 !important;
}

/* ── 7. Add to Cart 按钮：切角战术风格 ── */
.product-form__submit {
  background: rgba(232, 184, 75, 0.92) !important;
  color: #050914 !important;
  font-family: var(--dedc-font-display, 'Space Grotesk', sans-serif) !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  border: none !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
  transition: background 0.3s ease, box-shadow 0.3s ease !important;
}
.product-form__submit:hover:not([disabled]) {
  background: #e8b84b !important;
  box-shadow: 0 0 28px rgba(232, 184, 75, 0.35) !important;
}
.product-form__submit[disabled] {
  background: rgba(122, 150, 194, 0.12) !important;
  color: rgba(122, 150, 194, 0.45) !important;
}

/* ── 8. 描述区：小标题金色 + 分割线 ── */
.product__description {
  border-top: 1px solid rgba(232, 184, 75, 0.15) !important;
  padding-top: 20px !important;
  margin-top: 12px !important;
}
.product__description h1,
.product__description h2,
.product__description h3,
.product__description h4,
.product__description strong {
  color: var(--dedc-gold) !important;
  font-family: var(--dedc-font-display, 'Space Grotesk', sans-serif) !important;
}
.product__description p,
.product__description li {
  color: var(--dedc-text-muted) !important;
  line-height: 1.7 !important;
  font-size: 14px !important;
}

/* ── 9. 变体选择器标签 ── */
.product-form__input label,
.product-form__input .form__label {
  font-family: var(--dedc-font-display, 'Space Grotesk', sans-serif) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--dedc-text-muted) !important;
}

/* ── 10. "More payment options" 链接 ── */
.shopify-payment-button__more-options,
.product-form__payment-info a {
  color: var(--dedc-text-muted) !important;
  font-size: 12px !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}