:root{--dj-indigo:#344BB5;--dj-blue:#3084BA;--dj-mint:#24F0BE;--dj-ink:#000;--dj-soft:#F5F5F7;--dj-line:#D2D2D7;--dj-muted:#5B5B63;--dj-radius:28px}
.rte a,.text-block a,.product-description a{color:var(--dj-indigo);text-decoration-color:var(--dj-mint);text-underline-offset:3px}
:focus-visible{outline-color:var(--dj-indigo)}
.dj-wrap{max-width:1400px;margin-inline:auto;padding-inline:16px}
@media(min-width:750px){.dj-wrap{padding-inline:32px}}
.dj-section{padding-block:40px}
@media(min-width:750px){.dj-section{padding-block:64px}}
.dj-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px}
.dj-head h2{margin:0;font-size:clamp(1.6rem,3.2vw,2.5rem);line-height:1.1;letter-spacing:-.02em}
.dj-head p{margin:6px 0 0;color:var(--dj-muted)}
.dj-link{color:var(--dj-indigo);font-weight:600;text-decoration:none;white-space:nowrap}
.dj-link:hover{text-decoration:underline;text-decoration-color:var(--dj-mint);text-underline-offset:4px}
.dj-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:999px;font-weight:600;text-decoration:none;border:1.5px solid var(--dj-indigo);transition:background .2s,color .2s}
.dj-btn--primary{background:var(--dj-indigo);color:#fff}
.dj-btn--primary:hover{background:#2a3d98}
.dj-btn--ghost{background:transparent;color:var(--dj-indigo)}
.dj-btn--ghost:hover{background:var(--dj-soft)}
.dj-pill{position:absolute;top:12px;left:12px;padding:4px 12px;border-radius:999px;background:#fff;color:var(--dj-indigo);font-size:.75rem;font-weight:600;border:1px solid var(--dj-line)}
.dj-pill--qn{background:var(--dj-ink);color:var(--dj-mint);border-color:var(--dj-ink)}
.dj-state{display:inline-block;padding:4px 14px;border-radius:999px;background:var(--dj-soft);color:var(--dj-indigo);font-size:.85rem;font-weight:600;border:1px solid var(--dj-line)}
.dj-state--qn{background:var(--dj-ink);color:var(--dj-mint);border-color:var(--dj-ink)}
.dj-card{display:flex;flex-direction:column;gap:14px}
.dj-card__media{position:relative;display:block;aspect-ratio:1;border-radius:var(--dj-radius);background:var(--dj-soft);overflow:hidden}
.dj-card__img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:8%;transition:transform .35s}
.dj-card__media:hover .dj-card__img{transform:scale(1.04)}
.dj-card__body{display:flex;flex-direction:column;gap:4px;padding-inline:6px}
.dj-card__title{color:var(--dj-ink);font-weight:600;text-decoration:none;line-height:1.3}
.dj-card__price{margin:0;color:var(--dj-muted)}
.dj-dots{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 0;padding:0;list-style:none}
.dj-dot{width:20px;height:20px;padding:0;border-radius:50%;border:1px solid var(--dj-line);background:var(--dj-dot) center/cover no-repeat;cursor:pointer}
.dj-dot.is-active,.dj-dot:hover{outline:2px solid var(--dj-indigo);outline-offset:2px}
.dj-dots__more{font-size:.8rem;color:var(--dj-muted)}
.dj-rail{display:grid;grid-auto-flow:column;grid-auto-columns:68%;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}
.dj-rail::-webkit-scrollbar{display:none}
.dj-rail>*{scroll-snap-align:start}
@media(min-width:750px){.dj-rail{grid-auto-flow:row;grid-auto-columns:unset;grid-template-columns:repeat(4,1fr);gap:24px;overflow:visible;margin-inline:0;padding-inline:0}}
.product-card__content{border-radius:24px;overflow:hidden}
.product-card__content img{mix-blend-mode:multiply}
.header-logo__image{object-fit:contain}