/* Design Tokens — Coretraino */
:root {
  --primary: #3e2fbc;
  --primary-strong: #574cd5;
  --secondary: #1d4ed8;
  --bg: #f9f9ff;
  --bg-alt: #f1f3ff;
  --surface: #ffffff;
  --surface-dim: #e9edff;
  --text: #141b2b;
  --text-secondary: #474554;
  --text-muted: #777586;
  --border-soft: rgba(200,196,215,0.35);
  --sale: #9c4a00;
  --error: #ba1a1a;
  --radius-lg: 0.16rem;
  --radius-md: 0.133333rem;
  --radius-sm: 0.106667rem;
  --container: 17.0667rem;
  --shadow-soft: 0 0.266667rem 0.533333rem rgba(20,27,43,0.08);
  --shadow-xl: 0 0.333333rem 0.666667rem rgba(62,47,188,0.12);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Inter',sans-serif;color:var(--text);background:var(--bg);line-height:1.5}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container-max{max-width:var(--container);margin:0 auto;padding-left:0;padding-right:0}

/* Section */
.section-title{ margin-bottom: .2667rem; font-size:0.469333rem;font-weight:900;letter-spacing:-0.02em;text-transform:uppercase;font-style:italic}
.section-sub{color:var(--text-muted);margin:0.133333rem 0 0}
.section-bar{height:0.053333rem;width:1.28rem;background:var(--primary);margin-top:0.106667rem;border-radius:0.026667rem}

/* Buttons */
.btn-primary-k{background:linear-gradient(135deg,var(--primary-strong),var(--primary));color:#fff;border:0;border-radius:var(--radius-lg);padding:0.186667rem 0.426667rem;font-size:0.174933rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;display:inline-block;transition:filter .2s}
.btn-primary-k:hover{filter:brightness(1.06);color:#fff}
.btn-cart-k{padding-left:0.32rem;padding-right:0.32rem}
.btn-ghost-k{border:0.013333rem solid var(--border-soft);border-radius:var(--radius-lg);padding:0.16rem 0.293333rem;font-size:0.170667rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#fff;color:var(--text);display:inline-block;transition:all .2s}
.btn-ghost-k:hover{border-color:var(--primary);color:var(--primary)}

/* Chips */
.k-chip{border-radius:13.32rem;padding:0.08rem 0.186667rem;font-size:0.145067rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;display:inline-block}
.k-chip-primary{color:#fff;background:var(--primary-strong)}
.k-chip-soft{color:var(--primary);background:rgba(87,76,213,.12)}
.k-chip-sale{color:#fff;background:var(--sale)}

/* Swatch */
.swatch-row{display:flex;gap:0.106667rem;margin-top:0.186667rem}
.swatch-thumb{width:0.453333rem;height:0.453333rem;border-radius:0.12rem;border:0.013333rem solid rgba(200,196,215,.75);overflow:hidden;cursor:pointer;padding:0;background:transparent;transition:border-color .2s,box-shadow .2s}
.swatch-thumb img{width:100%;height:100%;object-fit:cover}
.swatch-thumb.active{border-color:var(--primary);box-shadow:0 0 0 0.026667rem rgba(62,47,188,.16)}

/* Responsive */
@media(max-width:61.99875rem){.container-max{padding-left:0.24rem;padding-right:0.24rem}.section-title{margin-bottom: .2667rem; font-size:0.384rem}}

/* INLINE STYLE UTILITIES START */
.u-inline-001{position:relative;z-index:2;}
.u-inline-002{white-space:nowrap;font-size:0.16rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);}
.u-inline-003{font-size:0.1664rem;color:var(--text-muted);margin-bottom:0.133333rem;}
.u-inline-004{font-size:0.1536rem;padding:0.133333rem;}
.u-inline-005{color:var(--text-muted);}
.u-inline-006{color:var(--text-muted);}
.u-inline-007{font-size:0.341333rem;font-style:italic;}
.u-inline-008{border-bottom:0.026667rem solid #fff;padding-bottom:0.026667rem;letter-spacing:.1em;cursor:pointer;}
.u-inline-009{background:#e1e8fd;}
.u-inline-010{opacity:.3;filter:grayscale(1);}
.u-inline-011{background:#4069f2;}
.u-inline-012{background:#dce2f7;}
.u-inline-013{opacity:.4;}
.u-inline-014{justify-content:flex-start;padding:0.373333rem;}
.u-inline-015{font-size:0.384rem;}
.u-inline-016{font-size:0.117333rem;padding:0.04rem 0.106667rem;}
.u-inline-017{font-size:0.117333rem;padding:0.04rem 0.106667rem;}
.u-inline-018{font-size:0.117333rem;padding:0.04rem 0.106667rem;}
.u-inline-019{background:transparent;border-color:rgba(255,255,255,.3);color:#fff;}
.u-inline-020{color:var(--text-secondary);font-size:0.224rem;line-height:1.7;}
.u-inline-021{max-width:11.466667rem;}
.u-inline-022{font-size:0.1664rem;color:var(--text-muted);margin-bottom:0.133333rem;}
.u-inline-023{font-size:0.1536rem;padding:0.133333rem;}
.u-inline-024{color:var(--text-muted);}
.u-inline-025{color:var(--text-muted);}
.u-inline-026{padding-right:0.56rem;}
.u-inline-027{position:absolute;right:0.586667rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);}
.u-inline-028{font-size:0.1664rem;color:var(--text-muted);margin-bottom:0.133333rem;}
.u-inline-029{font-size:0.1536rem;padding:0.133333rem;}
.u-inline-030{color:var(--text-muted);}
.u-inline-031{color:var(--text-muted);}
.u-inline-032{padding-top:1.333333rem;padding-bottom:1.066667rem;}
.u-inline-033{text-align:right;}
.u-inline-034{font-size:0.1664rem;color:var(--text-muted);margin-bottom:0.133333rem;}
.u-inline-035{font-size:0.1536rem;padding:0.133333rem;}
.u-inline-036{color:var(--text-muted);}
.u-inline-037{color:var(--text-muted);}
.u-inline-038{padding-top:0.333333rem;padding-bottom:0;}
.u-inline-039{padding-top:0.533333rem;padding-bottom:0;}
.u-inline-040{padding-bottom:0;}
.u-inline-041{letter-spacing:.05em;}
.u-inline-042{font-size:0.1664rem;color:var(--text-muted);margin-bottom:0.133333rem;}
.u-inline-043{font-size:0.1536rem;padding:0.133333rem;}
.u-inline-044{color:var(--text-muted);}
.u-inline-045{color:var(--text-muted);}
.u-inline-046{padding-bottom:1.066667rem;}
.u-inline-047{position:absolute;top:0.186667rem;left:0.186667rem;}
.u-inline-048{width:92%;}
.u-inline-049{width:85%;}
.u-inline-050{max-width:6.4rem;font-size:0.187733rem;}
.u-inline-051{margin-top:1.066667rem;}
.u-inline-052{font-size:0.384rem;margin-top:0.08rem;}
.u-inline-053{padding:0.106667rem 0.24rem;font-size:0.1536rem;}
.u-inline-054{font-size:0.1664rem;color:var(--text-muted);margin-bottom:0.133333rem;}
.u-inline-055{font-size:0.1536rem;padding:0.133333rem;}
.u-inline-056{color:var(--text-muted);}
.u-inline-057{color:var(--text-muted);}
.u-inline-058{padding-top:0.533333rem;padding-bottom:1.066667rem;}
.u-inline-059{cursor:pointer;}
.u-inline-060{font-size:0.174933rem;font-weight:600;color:var(--text-secondary);}
.u-inline-061{background:var(--error);color:#fff;}
.u-inline-062{padding:0 0.08rem;color:var(--text-muted);}
.u-inline-063{font-size:0.1664rem;color:var(--text-muted);margin-bottom:0.133333rem;}
.u-inline-064{font-size:0.1536rem;padding:0.133333rem;}
.u-inline-065{color:var(--text-muted);}
.u-inline-066{color:var(--text-muted);}
.u-inline-067{font-size:0.1664rem;color:var(--text-muted);margin-bottom:0.133333rem;}
.u-inline-068{font-size:0.1536rem;padding:0.133333rem;}
.u-inline-069{color:var(--text-muted);}
.u-inline-070{color:var(--text-muted);}
/* INLINE STYLE UTILITIES END */