/* ============================================================
   Cookie Consent Banner — 合规版 A（柠檬绿工业风保留）
   lumyujewelry.com · 2026-09-13
   本文件 = deploy/styles.css 的完整替换版（旧版 2482B / md5 f4df8f26…）

   改动摘要
   1) 「接受全部」与「仅必要」改为【同尺寸 + 同显著性】（两枚都是实心按钮）
      旧版：接受全部 = 实心柠檬绿(#CCFF00)；仅必要 = 透明底 + #444 描边 + 白字
            → 视觉重量严重不对等，属 EDPB《03/2022 暗黑模式指南》
              与法国 CNIL 执法口径认定的 dark pattern（诱导式同意）。
      新版：仅必要 = 实心白底 + 黑字，与实心柠檬绿同等对比度。
   2) 两枚主按钮统一 min-width / padding / 字号 / 字重 → 视觉重量完全对等。
   3) 新增 .cookie-text a 样式（横幅内「隐私与 Cookie 政策」链接）。
   4) 移动端两钮 flex:1 等宽并排，避免「接受全部」独占视线。
   品牌色 #CCFF00 与工业黑底完全保留，观感不变。
   ============================================================ */

/* ---------- 横幅容器 ---------- */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;box-sizing:border-box;width:100vw;max-width:100vw;background:#000;color:#fff;z-index:9999;box-shadow:0 -4px 32px rgba(0,0,0,0.4);border-top:2px solid #CCFF00;padding:24px;transform:translateY(100%);transition:transform 0.4s ease;display:none}
.cookie-banner.show{transform:translateY(0)}
.cookie-content{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.cookie-text h3{font-family:'Syne',sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;margin-bottom:6px;color:#CCFF00;letter-spacing:-0.5px}
.cookie-text p{font-size:13px;color:#999;line-height:1.6;max-width:600px}
.cookie-text a{color:#CCFF00;text-decoration:underline;text-underline-offset:2px}
.cookie-text a:hover{color:#fff}

/* ---------- 按钮区：两枚主按钮完全同权重 ---------- */
.cookie-buttons{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.cookie-btn{padding:14px 26px;min-width:170px;text-align:center;font-family:'Inter',sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;cursor:pointer;border:1px solid transparent;transition:background .3s,color .3s,border-color .3s,transform .3s;white-space:nowrap;line-height:1}
.cookie-btn-primary{background:#CCFF00;color:#000;border-color:#CCFF00}
.cookie-btn-primary:hover{background:#fff;border-color:#fff;transform:translateY(-1px)}
.cookie-btn-secondary{background:#fff;color:#000;border-color:#fff}
.cookie-btn-secondary:hover{background:#CCFF00;border-color:#CCFF00;transform:translateY(-1px)}
.cookie-btn-link{background:transparent;color:#999;border:none;padding:14px 4px;min-width:0;font-weight:500;text-decoration:underline;text-underline-offset:2px}
.cookie-btn-link:hover{color:#CCFF00}

/* ---------- 分类偏好面板（保留原结构，仅细节对齐） ---------- */
.cookie-details{max-width:600px;margin:20px auto 0;display:none;flex-direction:column;gap:14px;padding-top:20px;border-top:1px solid #222}
.cookie-details.show{display:flex}
.cookie-detail-item label{display:flex;align-items:flex-start;gap:12px;cursor:pointer}
.cookie-detail-item input[type="checkbox"]{margin-top:3px;width:16px;height:16px;accent-color:#CCFF00;flex-shrink:0}
.cookie-detail-item span{font-size:13px;font-weight:600;color:#fff}
.cookie-detail-item small{display:block;font-size:11px;color:#888;margin-top:2px;font-weight:400}

/* ---------- 常驻「Cookie 设置」入口（撤回同意用） ---------- */
.cookie-settings-btn{position:fixed;bottom:16px;right:16px;background:#000;color:#CCFF00;border:1px solid #CCFF00;padding:8px 14px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;cursor:pointer;z-index:9998;transition:all .3s;display:none;font-family:'Inter',sans-serif}
.cookie-settings-btn:hover{background:#CCFF00;color:#000;transform:translateY(-1px)}

/* ---------- 移动端：两枚主按钮等宽并排 ---------- */
@media (max-width:768px){
  .cookie-content{flex-direction:column;text-align:center}
  .cookie-content,.cookie-text,.cookie-buttons{min-width:0}
  .cookie-text p{max-width:100%}
  .cookie-buttons{justify-content:center;width:100%}
  .cookie-btn-primary,.cookie-btn-secondary{flex:1 1 0;min-width:0}
  .cookie-btn-link{flex:1 1 100%}
}
/* ---------- 横向溢出兜底：clip 不创建滚动容器，因此不会破坏全站 position:sticky ---------- */
html{overflow-x:clip}
/* ---------- 移动端：内联 3 列 grid 降为单列（minmax(0,1fr) 只让列收缩，卡片文字仍会溢出列）---------- */
@media (max-width:768px){
  [style*="repeat(3,minmax(0,1fr))"]{grid-template-columns:1fr !important}
}