/* Dj Studio: flat ink surfaces, full-bleed media, solid paper blocks. No grid backgrounds, no rounded corners, no shadows. */
@font-face{font-family:'Barlow Condensed';src:url('./barlow-condensed-regular-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('./barlow-condensed-regular-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('./barlow-condensed-italic-800.woff2') format('woff2');font-weight:800;font-style:italic;font-display:swap}
:root{color-scheme:dark;--paper:#fefefe;--ink:#0c0c0c;--s900:#121315;--s800:#202226;--s700:#2c3035;--s600:#383c42;--s400:#919296;--s300:#e4e4e5;--s200:#f4f4f4;--s100:#fafafa;--brand:#8be2ff;--on-brand:#0c0c0c;--dj-font:'Barlow Condensed','Arial Narrow',sans-serif;--head:6rem;--gutter:clamp(20px,3.4vw,64px);--gutter-end:clamp(20px,5.4vw,112px)}
html{scroll-padding-top:7rem}body{margin:0;background:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased}
button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button,input,select{font:inherit}button:disabled{cursor:not-allowed}a{text-decoration:none}a,button,input,select{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--brand)}::selection{background:var(--brand);color:var(--on-brand)}[x-cloak]{display:none!important}
.dj-skip{position:fixed;top:8px;left:8px;transform:translateY(-200%);background:var(--brand);color:var(--on-brand);padding:12px;z-index:100}.dj-skip:focus{transform:translateY(0)}

/* Shell: one column under a sticky header; the brand lives in the header. */
.dj-shell{width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--ink);font-family:var(--dj-font);font-weight:600}

/* Header: translucent and blurred so full-bleed media runs underneath it. */
.dj-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:32px;height:var(--head);padding:0 var(--gutter-end) 0 var(--gutter);background:rgba(12,12,12,.48);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.dj-brand{display:flex;align-items:center;gap:14px;flex-shrink:0;color:var(--paper)}.dj-brand img{width:54px;height:54px;object-fit:contain}.dj-brand b{font-size:24px;font-weight:700;line-height:1;letter-spacing:.1em;text-transform:uppercase}
.dj-nav{display:flex;flex:1;align-items:center;justify-content:center;gap:32px;min-width:0}
.dj-nav a{font-size:20px;font-weight:600;line-height:1.4;text-transform:uppercase;text-underline-offset:.5rem;color:rgba(255,255,255,.48);transition:color .15s}.dj-nav a:hover{color:var(--paper)}.dj-nav a.is-active{color:var(--paper);text-decoration:underline}
.dj-header-actions{display:flex;align-items:center;gap:20px;flex-shrink:0;margin-left:auto}
.dj-social{display:grid;place-items:center;width:44px;height:44px;font-size:19px;color:var(--paper);transition:color .15s}.dj-social:hover{color:var(--brand)}
.dj-currency select{appearance:auto;background:transparent;border:0;color:var(--paper);font-size:14px;min-height:44px;cursor:pointer}.dj-currency option{background:var(--s900);color:var(--paper)}
.dj-account{display:flex;align-items:center;gap:9px;min-height:44px;background:transparent;border:0;color:var(--paper);font-size:16px;text-transform:uppercase;transition:color .15s}.dj-account:hover{color:var(--brand)}
.dj-cart{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 16px;background:var(--paper);color:var(--ink);font-size:15px;text-transform:uppercase;transition:background .15s}.dj-cart:hover{background:var(--brand)}.dj-cart b{display:grid;place-items:center;min-width:21px;height:21px;background:var(--ink);color:var(--paper);font-size:12px}
.dj-main{flex:1;min-width:0;padding:0 var(--gutter-end) 0 var(--gutter);background:var(--ink)}

/* Full-bleed helper: sections that must reach the viewport edge over the page gutters. */
.dj-bleed{margin-inline:calc(var(--gutter) * -1) calc(var(--gutter-end) * -1)}

.dj-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 0;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--s400)}.dj-kicker b{color:var(--paper);font-weight:600;margin-right:6px}

/* Hero: full-bleed stage with solid blocks anchored to its bottom-left corner. */
.dj-hero{position:relative;overflow:hidden;margin-top:calc(var(--head) * -1);min-height:min(100svh,860px);display:flex;flex-direction:column;justify-content:flex-end;background:var(--ink)}
.dj-hero-stage{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:var(--s900)}
.dj-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;opacity:.26;filter:brightness(1.25)}
/* Takes hue from the brand cyan and lightness from the artwork, so the key art reads as one brand-colored image.
   The brand is fully saturated, which turns dark pixels vivid, so the hue is mixed toward grey to stay cold and pale.
   Without blend support the layer would cover the art, so it only paints where the blend applies. */
.dj-hero-tint{display:none;position:absolute;inset:0;background:#8bbaca;background:color-mix(in srgb,var(--brand) 55%,#8a8a8a);pointer-events:none}
@supports (mix-blend-mode:color){.dj-hero-tint{display:block;mix-blend-mode:color}}
.dj-hero-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,12,12,.45) 0,rgba(12,12,12,.05) 38%,rgba(12,12,12,.95) 100%)}
/* Sits outside the stage so the brand tint and gradient leave the cut-out's own colors alone. */
.dj-hero-figure{position:absolute;left:50%;transform:translateX(-50%);bottom:-22%;z-index:1;width:auto;height:110%;max-width:58%;object-fit:contain;object-position:bottom;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent 80%);mask-image:linear-gradient(180deg,#000 45%,transparent 80%)}
.dj-hero-blocks{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;width:100%}
.dj-hero-title{background:var(--paper);color:var(--ink);padding:.8375rem}.dj-hero-title h1{margin:0;font-size:clamp(34px,4.6vw,64px);font-weight:800;line-height:1.05;text-transform:uppercase}
.dj-headline-highlight{background:var(--brand);color:var(--on-brand);padding:0 .18em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.dj-hero-sub{max-width:42.0625rem;padding:2rem;background:rgba(12,12,12,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.dj-hero-sub p{margin:0;font-size:clamp(15px,1.3vw,24px);font-weight:600;line-height:1.34;color:var(--paper)}
.dj-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:24px}

/* Buttons and links: solid rectangles, no radius, no shadow. */
.dj-button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:3.25rem;padding:0 18px;border:0;background:var(--paper);color:var(--ink);font-size:20px;font-weight:600;text-transform:uppercase;transition:background .15s,color .15s}.dj-button:hover{background:var(--brand);color:var(--on-brand)}.dj-button>span{font-size:22px}
.dj-button-ink{background:var(--ink);color:var(--paper)}.dj-button-ink:hover{background:var(--s800);color:var(--paper)}
.dj-text-link{display:inline-flex;align-items:center;gap:12px;height:2.5rem;font-size:16px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--paper);border-bottom:1px solid var(--paper);transition:color .15s,border-color .15s}.dj-text-link:hover{color:var(--brand);border-color:var(--brand)}

/* Tiles: a media panel with the label at the top and a paper bar that grows out of the bottom-left corner. */
.dj-tile{position:relative;display:block;overflow:hidden;background:var(--s700);color:var(--paper);text-align:left}
.dj-tile-media{position:absolute;inset:0}.dj-tile-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.dj-tile:hover .dj-tile-media>img{transform:scale(1.05)}
.dj-tile-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,12,12,.78) 0,rgba(12,12,12,.15) 46%,rgba(12,12,12,.55) 100%)}
.dj-tile-head{position:absolute;left:1.25rem;right:1.25rem;top:1.5rem;z-index:2}.dj-tile-head p{margin:0 0 .75rem;font-size:18px;font-weight:600;line-height:1.2;text-transform:uppercase;color:var(--s300)}.dj-tile-head h3{margin:0;font-size:clamp(22px,1.9vw,34px);font-weight:800;line-height:1.1;text-transform:uppercase;text-wrap:balance;color:var(--paper)}
.dj-tile-bar{position:absolute;left:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;width:10.875rem;height:3.75rem;padding:0 16px;overflow:hidden;background:var(--paper);color:var(--ink);font-size:18px;font-weight:600;text-transform:uppercase;white-space:nowrap;transition:width .3s cubic-bezier(0,0,.2,1)}.dj-tile:hover .dj-tile-bar{width:100%}.dj-tile-bar i{font-style:normal;font-size:20px}
.dj-tile-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--s800)}.dj-tile-fallback img{width:44%;max-width:200px;height:auto;object-fit:contain;opacity:.2}

/* Categories */
.dj-categories{padding-bottom:8px;scroll-margin-top:7rem}
.dj-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.dj-category{height:min(34rem,46svh)}

/* Catalog */
.dj-catalog{padding-top:40px}
.dj-catalog-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid var(--s800)}.dj-catalog-heading h2{margin:8px 0 0;font-size:clamp(30px,3.2vw,56px);font-weight:800;line-height:1.05;text-transform:uppercase}
.dj-catalog-search{margin:24px 0}.dj-catalog-search>div{min-height:56px;background:var(--s900);border:1px solid var(--s800);color:var(--paper)}.dj-catalog-search input{color:var(--paper);font-size:18px}.dj-catalog-search input::placeholder{color:var(--s400)}
.dj-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:24px}.dj-product-cell{min-width:0}
.dj-product-card{width:100%;aspect-ratio:var(--product-card-image-aspect-ratio,16/9);min-height:15rem}.dj-product-card .dj-tile-head{top:1.25rem}.dj-product-card .dj-tile-bar{height:3.25rem}
/* Framework tags: solid paper chips, matching the price bar and the hero title block. */
.dj-product-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.dj-product-tags>span{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:var(--paper);font-size:14px;font-weight:600;line-height:1.2;text-transform:uppercase;color:var(--ink)}
.dj-product-tags i{font-size:13px;color:var(--ink)}
.dj-product-off{display:inline-block;padding:5px 10px;background:#e0313c;color:var(--paper);font-size:17px;font-weight:700;line-height:1.2}
.dj-product-card .dj-product-off{position:absolute;right:0;top:0;z-index:3}
.dj-price-was{display:flex;align-items:center;gap:10px;margin-bottom:2px}.dj-price-was del{font-size:18px;color:var(--s400)}
.dj-product-price{display:flex;align-items:baseline;flex:0 0 auto;gap:6px;font-size:24px;font-weight:700;line-height:1}.dj-product-price del{font-size:15px;font-weight:600;color:var(--s600)}.dj-product-price small{font-size:16px}
.dj-tile-bar.has-slash{width:14rem}
.dj-product-cta{display:flex;align-items:center;gap:10px;opacity:0;transition:opacity .25s .08s}.dj-product-card:hover .dj-product-cta{opacity:1}
.dj-empty{margin-top:24px;padding:40px;background:var(--s900);text-align:center;font-size:18px;color:var(--s400)}

/* Studio info */
.dj-studio-info{margin-top:48px;border-top:1px solid var(--s800)}
.dj-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:12px 0 56px}
.dj-feature-grid article{border-top:1px solid var(--s800);padding-top:20px}
.dj-feature-grid h3{margin:0;font-size:26px;font-weight:800;line-height:1.1;text-transform:uppercase}
.dj-feature-grid p{margin:10px 0 0;font-size:18px;line-height:1.45;color:var(--s400)}

/* Support block and footer invert to paper — the site's strongest contrast change. */
.dj-support{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:56px var(--gutter-end) 56px var(--gutter);background:var(--paper);color:var(--ink);scroll-margin-top:7rem}
.dj-support-copy{min-width:0}
.dj-support h2{margin:10px 0 0;font-size:clamp(30px,3.4vw,56px);font-weight:800;line-height:1.06;text-transform:uppercase}
.dj-support .dj-button{flex-shrink:0}
.dj-footer{position:relative;background:#fbfbfc;color:var(--ink);font-family:var(--dj-font);font-weight:600}
.dj-footer-top{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:40px;padding:64px var(--gutter-end) 64px var(--gutter)}
.dj-footer-cols{display:flex;gap:6rem}
.dj-footer-about{display:flex;flex-direction:column;gap:8px;max-width:20rem}
.dj-footer-brand{display:flex;align-items:center;gap:8px;color:var(--ink)}.dj-footer-brand img{width:32px;height:32px;object-fit:contain}.dj-footer-brand b{display:block;font-size:24px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1}.dj-footer-brand i{display:block;margin-top:2px;font-size:13px;font-style:normal;font-weight:500;letter-spacing:.42em;text-transform:uppercase;color:var(--s800)}
.dj-footer-col{display:flex;flex-direction:column;gap:8px;min-width:7.5rem}.dj-footer-col h3{margin:0;font-size:32px;font-weight:600;line-height:1.1;text-transform:uppercase;color:rgba(0,0,0,.8)}.dj-footer-col a{font-size:20px;line-height:1.4;letter-spacing:.02em;color:var(--s800);transition:color .15s}.dj-footer-col a:hover{color:#000}
.dj-footer-social{display:flex;align-items:center;gap:12px}.dj-footer-social span{font-size:20px;letter-spacing:.02em;color:var(--s900)}.dj-footer-social a{display:grid;place-items:center;width:48px;height:48px;font-size:22px;color:var(--ink);transition:opacity .15s}.dj-footer-social a:hover{opacity:.7}
.dj-top{position:absolute;right:var(--gutter-end);bottom:2rem;display:inline-flex;align-items:center;gap:8px;height:3.75rem;padding:0 16px;background:var(--ink);color:var(--paper);font-size:20px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;transition:background .15s}.dj-top:hover{background:var(--s800)}
.dj-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--head);padding:16px var(--gutter-end) 16px var(--gutter);border-top:1px solid var(--s300);background:var(--paper);font-size:20px;line-height:1.4;color:var(--s900)}
.dj-footer-bottom p{margin:0;letter-spacing:.02em}
.dj-footer-bottom nav{display:flex;flex-wrap:wrap;gap:16px}.dj-footer-bottom a{text-transform:uppercase;letter-spacing:.02em;color:var(--s900)}.dj-footer-bottom a:hover{opacity:.7}

/* Product detail */
/* Breaks out of the page gutters, then re-centres a fixed reading column on the viewport. */
.dj-detail{margin-inline:calc(var(--gutter) * -1) calc(var(--gutter-end) * -1);padding:0 max(var(--gutter),calc((100% - 1280px + var(--gutter) + var(--gutter-end)) / 2)) 48px}
.dj-detail-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:start}
.dj-detail-media{min-width:0;background:var(--s900)}
.dj-detail-side{display:flex;flex-direction:column;gap:8px;min-width:0}
.dj-detail-panel{background:var(--s900);padding:24px}
.dj-detail-panel h1{margin:0;font-size:clamp(26px,2.2vw,38px);font-weight:800;line-height:1.1;text-transform:uppercase}
.dj-detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.dj-detail-tags>a,.dj-detail-tags>span{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:var(--paper);color:var(--ink);font-size:14px;font-weight:600;line-height:1.2;text-transform:uppercase}
.dj-detail-tags i{font-size:13px;color:var(--ink)}
.dj-detail-price{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px}.dj-detail-price strong{font-size:40px;font-weight:800;line-height:1}
.dj-detail-each{font-size:16px;color:var(--s400)}
.dj-detail-status{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:12px;font-size:16px;color:var(--s400)}.dj-detail-status .status{display:inline-flex;align-items:center;gap:8px}
.dj-detail-panel form>div{background:transparent;border:0;padding-inline:0;padding-block:18px 0}
/* The buy box takes the theme's paper button instead of the platform's accent fill. */
.dj-detail-panel button{min-height:3.25rem;text-transform:uppercase}
.dj-shell .dj-detail-panel .bg-accent-500{background-color:var(--paper);border-color:var(--paper);color:var(--ink)}
.dj-shell .dj-detail-panel .bg-accent-500:hover:enabled{background-color:var(--brand);border-color:var(--brand);color:var(--on-brand)}
.dj-shell .dj-detail-panel .border-accent-500{border-color:var(--paper)}
.dj-shell .dj-detail-panel .text-accent-500{color:var(--paper)}
/* Description and admin tabs collapse into stacked panels under the buy box. */
.dj-detail-accordion{display:flex;flex-direction:column;gap:8px}
.dj-accordion-item{background:var(--s900)}
.dj-accordion-item>button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px 20px;border:0;background:transparent;color:var(--paper);font-size:19px;font-weight:600;text-align:left;text-transform:uppercase}
.dj-accordion-item>button:hover{color:var(--brand)}
.dj-accordion-item>button>span{display:inline-flex;align-items:center;gap:10px}
.dj-accordion-item>button .fa-chevron-down{font-size:14px;transition:transform .2s}
.dj-accordion-item>button .fa-chevron-down.is-open{transform:rotate(180deg)}
.dj-accordion-body{padding:18px 20px 20px;border-top:1px solid var(--s800);color:var(--s300)}
.dj-detail-cover{display:flex;align-items:center;justify-content:center;min-height:24rem;padding:40px;background:var(--s800)}.dj-detail-cover img{width:170px;height:170px;object-fit:contain;opacity:.55}
.dj-detail-back{display:inline-flex;align-items:center;gap:10px;margin:20px 0 24px;font-size:18px;text-transform:uppercase;color:var(--s400);transition:color .15s}.dj-detail-back:hover{color:var(--paper)}

/* Platform pages (catalog filters, cart, account, blog) reuse the same flat panels and left-aligned headings. */
.dj-page-head{margin:0 0 32px;padding:12px 0 18px;border-bottom:1px solid var(--s800)}
.dj-page-title{margin:0;font-size:clamp(30px,3.2vw,56px);font-weight:800;line-height:1.05;text-align:left;text-transform:uppercase;color:var(--paper)}
.dj-page-rule{display:none}
.dj-main aside .sticky{top:calc(var(--head) + 1.5rem)}
.dj-main aside>div{background:var(--s900)}
.dj-main label{text-transform:uppercase;letter-spacing:.08em}
.dj-main button:not(.dj-button):not(.dj-account),.dj-main aside a,.dj-main form a{text-transform:uppercase;letter-spacing:.04em}
.dj-main input,.dj-main select,.dj-main textarea{background-color:var(--s900);border-color:var(--s800);color:var(--paper)}
.dj-main input::placeholder,.dj-main textarea::placeholder{color:var(--s400);text-transform:uppercase;letter-spacing:.06em}

/* Legibility for the platform's existing forms and customer flows. */
.dj-shell [class*="border-white/"],.dj-shell [class*="border-y-white/"]{border-color:var(--s800)}
.dj-shell .text-accent-500{color:var(--brand)}.dj-shell .bg-accent-500{background-color:var(--brand);color:var(--on-brand)}
.dj-shell .bg-background{background-color:var(--s900)}.dj-shell [class*="bg-background/35"]{background-color:var(--s800)}
.dj-shell .bg-card,.dj-shell [class*="bg-card/"]{background-color:var(--s900)}
.dj-main>.component:not(.dj-hero):not(.dj-categories):not(.dj-catalog):not(.dj-studio-info){padding-block:24px}
.dj-main>.component h1,.dj-main>.component h2{font-weight:800;text-transform:uppercase}
.dj-shell input,.dj-shell textarea{accent-color:var(--brand)}.dj-shell .editor a{color:var(--brand)}
.dj-shell .choices__inner{background:var(--s900);border-color:var(--s800);color:var(--paper)}.dj-shell .choices__list--dropdown{background:var(--s900);color:var(--paper)}
.dj-shell [role=dialog]{font-family:var(--dj-font)}
.dj-shell [class*="rounded"]{border-radius:0}

@media(min-width:1700px){.dj-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1400px){:root{--gutter:28px;--gutter-end:36px}.dj-hero-figure{height:96%;bottom:-16%}.dj-footer-cols{gap:3.5rem}}
@media(max-width:1150px){.dj-hero-figure{display:none}.dj-nav{gap:22px}.dj-nav a{font-size:18px}.dj-header-actions{gap:14px}.dj-category-grid,.dj-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dj-feature-grid{gap:24px}.dj-support{flex-direction:column;align-items:flex-start;gap:24px}.dj-footer-top{flex-direction:column}.dj-top{position:static;align-self:flex-start}}
@media(max-width:900px){:root{--head:60px;--gutter:20px;--gutter-end:20px}
  .dj-detail-grid{grid-template-columns:minmax(0,1fr)}.dj-detail-panel{padding:18px}.dj-detail-price strong{font-size:32px}
  .dj-header{gap:16px;padding-inline:20px}.dj-brand img{width:36px;height:36px}.dj-brand b{font-size:18px}
  .dj-nav{position:fixed;left:0;right:0;top:60px;z-index:49;justify-content:flex-start;gap:0;padding:0;overflow-x:auto;background:var(--s900);border-bottom:1px solid var(--s800);scrollbar-width:none}.dj-nav::-webkit-scrollbar{display:none}
  .dj-nav a{flex:none;display:flex;align-items:center;min-height:52px;padding:0 18px;font-size:17px;white-space:nowrap;border-right:1px solid var(--s800);text-decoration:none}.dj-nav a.is-active{background:var(--brand);color:var(--on-brand);text-decoration:none}
  .dj-main{padding-top:52px}
  .dj-hero{margin-top:calc((var(--head) + 52px) * -1);min-height:min(100svh,720px)}
  .dj-hero-blocks{flex-direction:column;align-items:flex-start}.dj-hero-sub{padding:20px}.dj-hero-sub p{font-size:15px}
  .dj-category{height:auto;aspect-ratio:526/720}
  .dj-footer-cols{flex-wrap:wrap;gap:2.5rem}
}
@media(max-width:620px){
  .dj-header-actions{gap:10px}.dj-account span,.dj-cart>span{display:none}.dj-cart{padding:0 10px;gap:8px;min-height:40px}.dj-currency select{font-size:13px;max-width:56px}
  .dj-kicker{font-size:11px;letter-spacing:.1em}.dj-kicker>span:last-child{display:none}
  .dj-hero-title{padding:8.5px}.dj-hero-actions{gap:12px;margin-top:18px}.dj-hero-actions .dj-button{width:100%}
  .dj-category-grid,.dj-product-grid{grid-template-columns:minmax(0,1fr)}
  .dj-tile-head{left:13px;right:13px;top:20px}.dj-tile-head p{margin-bottom:4px;font-size:13px}
  .dj-tile-bar{width:109px;height:37.5px;padding:0 10px;font-size:12.5px}
  
  .dj-catalog-heading{flex-direction:column;align-items:flex-start;gap:12px}
  .dj-feature-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .dj-support{padding-block:40px}.dj-support .dj-button{width:100%}
  .dj-footer-top{padding-block:40px}.dj-footer-bottom{flex-direction:column;align-items:flex-start;font-size:16px}.dj-footer-col h3{font-size:24px}.dj-footer-col a{font-size:16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{transition:none!important;animation:none!important}}