/* 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.32rem;
  --radius-md: 0.266666rem;
  --radius-sm: 0.213334rem;
  --container: 38.4rem;
  --shadow-soft: 0 0.533334rem 1.066666rem rgba(20,27,43,0.08);
  --shadow-xl: 0 0.666666rem 1.333334rem 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.64rem;padding-right:0.64rem}

/* Section */
.section-title{ font-size:0.938666rem;font-weight:900;letter-spacing:-0.02em;text-transform:uppercase;font-style:italic}
.section-sub{color:var(--text-muted);margin:0.266666rem 0 0}
.section-bar{height:0.106666rem;width:2.56rem;background:var(--primary);margin-top:0.213334rem;border-radius:0.053334rem}

/* Buttons */
.btn-primary-k{background:linear-gradient(135deg,var(--primary-strong),var(--primary));color:#fff;border:0;border-radius:var(--radius-lg);padding:0.373334rem 0.853334rem;font-size:0.349866rem;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.64rem;padding-right:0.64rem}
.btn-ghost-k{border:0.026666rem solid var(--border-soft);border-radius:var(--radius-lg);padding:0.32rem 0.586666rem;font-size:0.341334rem;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:26.64rem;padding:0.16rem 0.373334rem;font-size:0.290134rem;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.213334rem;margin-top:0.373334rem}
.swatch-thumb{width:0.906666rem;height:0.906666rem;border-radius:0.24rem;border:0.026666rem 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.053334rem rgba(62,47,188,.16)}

/* Responsive */
@media(max-width:123.9975rem){.container-max{padding-left:0.32rem;padding-right: .32rem}.section-title{margin-bottom: .2667rem; font-size:0.768rem}}

/* INLINE STYLE UTILITIES START */
.u-inline-001{position:relative;z-index:2;}
.u-inline-002{white-space:nowrap;font-size:0.32rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);}
.u-inline-003{font-size:0.3328rem;color:var(--text-muted);margin-bottom:0.266666rem;}
.u-inline-004{font-size:0.3072rem;padding:0.266666rem;}
.u-inline-005{color:var(--text-muted);}
.u-inline-006{color:var(--text-muted);}
.u-inline-007{font-size:0.682666rem;font-style:italic;}
.u-inline-008{border-bottom:0.053334rem solid #fff;padding-bottom:0.053334rem;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.746666rem;}
.u-inline-015{font-size:0.768rem;}
.u-inline-016{font-size:0.234666rem;padding:0.08rem 0.213334rem;}
.u-inline-017{font-size:0.234666rem;padding:0.08rem 0.213334rem;}
.u-inline-018{font-size:0.234666rem;padding:0.08rem 0.213334rem;}
.u-inline-019{background:transparent;border-color:rgba(255,255,255,.3);color:#fff;}
.u-inline-020{color:var(--text-secondary);font-size:0.448rem;line-height:1.7;}
.u-inline-021{max-width:22.933334rem;}
.u-inline-022{font-size:0.3328rem;color:var(--text-muted);margin-bottom:0.266666rem;}
.u-inline-023{font-size:0.3072rem;padding:0.266666rem;}
.u-inline-024{color:var(--text-muted);}
.u-inline-025{color:var(--text-muted);}
.u-inline-026{padding-right:1.12rem;}
.u-inline-027{position:absolute;right:1.173334rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);}
.u-inline-028{font-size:0.3328rem;color:var(--text-muted);margin-bottom:0.266666rem;}
.u-inline-029{font-size:0.3072rem;padding:0.266666rem;}
.u-inline-030{color:var(--text-muted);}
.u-inline-031{color:var(--text-muted);}
.u-inline-032{padding-top:2.666666rem;padding-bottom:2.133334rem;}
.u-inline-033{text-align:right;}
.u-inline-034{font-size:0.3328rem;color:var(--text-muted);margin-bottom:0.266666rem;}
.u-inline-035{font-size:0.3072rem;padding:0.266666rem;}
.u-inline-036{color:var(--text-muted);}
.u-inline-037{color:var(--text-muted);}
.u-inline-038{padding-top: .5333rem;padding-bottom:0;}
.u-inline-039{padding-top:1.066666rem;padding-bottom:0;}
.u-inline-040{padding-bottom:0;}
.u-inline-041{letter-spacing:.05em;}
.u-inline-042{font-size:0.3328rem;color:var(--text-muted);margin-bottom:0.266666rem;}
.u-inline-043{font-size:0.3072rem;padding:0.266666rem;}
.u-inline-044{color:var(--text-muted);}
.u-inline-045{color:var(--text-muted);}
.u-inline-046{padding-bottom:2.133334rem;}
.u-inline-047{position:absolute;top:0.373334rem;left:0.373334rem;}
.u-inline-048{width:92%;}
.u-inline-049{width:85%;}
.u-inline-050{max-width:12.8rem;font-size:0.375466rem;}
.u-inline-051{margin-top:2.133334rem;}
.u-inline-052{font-size:0.768rem;margin-top:0.16rem;}
.u-inline-053{padding:0.213334rem 0.48rem;font-size:0.3072rem;}
.u-inline-054{font-size:0.3328rem;color:var(--text-muted);margin-bottom:0.266666rem;}
.u-inline-055{font-size:0.3072rem;padding:0.266666rem;}
.u-inline-056{color:var(--text-muted);}
.u-inline-057{color:var(--text-muted);}
.u-inline-058{padding-top:1.066666rem;padding-bottom:2.133334rem;}
.u-inline-059{cursor:pointer;}
.u-inline-060{font-size:0.349866rem;font-weight:600;color:var(--text-secondary);}
.u-inline-061{background:var(--error);color:#fff;}
.u-inline-062{padding:0 0.16rem;color:var(--text-muted);}
.u-inline-063{font-size:0.3328rem;color:var(--text-muted);margin-bottom:0.266666rem;}
.u-inline-064{font-size:0.3072rem;padding:0.266666rem;}
.u-inline-065{color:var(--text-muted);}
.u-inline-066{color:var(--text-muted);}
.u-inline-067{font-size:0.3328rem;color:var(--text-muted);margin-bottom:0.266666rem;}
.u-inline-068{font-size:0.3072rem;padding:0.266666rem;}
.u-inline-069{color:var(--text-muted);}
.u-inline-070{color:var(--text-muted);}
/* INLINE STYLE UTILITIES END */