/* Shared storefront header: identical on home, catalog, checkout and accounts. */
.direct-body > .top { width:min(1417px,calc(100% - 64px)); height:80px; margin:0 auto; display:flex; align-items:center; gap:24px; position:relative; z-index:40; }
.direct-body > .top .brand { min-width:0; font:900 clamp(25px,2.7vw,42px)/1 var(--site-font); letter-spacing:-1.8px; white-space:nowrap; text-shadow:none; }
.direct-body > .top .brand strong { font-weight:900; }
.direct-body > .top .brand i { font-size:38px; margin-left:8px; }
.direct-body > .top .nav { display:flex; height:56px; padding:6px 12px; gap:2px; margin-left:auto; border-radius:999px; background:#202629; }
.direct-body > .top .nav a { display:flex; align-items:center; gap:9px; padding:10px 14px; font:500 14px var(--site-font); border-radius:30px; white-space:nowrap; }
.direct-body > .top .nav .market-icon { width:21px; height:21px; flex:none; }
.direct-body>.top .nav-categories{position:relative}.direct-body>.top .nav-categories summary{display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:30px;color:inherit;font:500 14px var(--site-font);white-space:nowrap;cursor:pointer;list-style:none}.direct-body>.top .nav-categories summary::-webkit-details-marker{display:none}.direct-body>.top .nav-categories[open] summary{background:#343c40;color:#fffefa}.direct-body>.top .nav-categories summary:focus-visible,.direct-body>.top .nav-category-menu a:focus-visible{outline:2px solid #ff6257;outline-offset:3px}.direct-body>.top .nav-category-menu{position:absolute;top:calc(100% + 14px);left:50%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(860px,calc(100vw - 48px));padding:18px;border:1px solid #3b4549;border-radius:22px;background:#171c1f;box-shadow:0 24px 70px #000c;transform:translateX(-50%);animation:category-menu-in .16s ease-out}.direct-body>.top .nav-category-menu header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:4px;padding:2px 2px 15px;border-bottom:1px solid #343d41}.direct-body>.top .nav-category-menu header div{display:grid;gap:3px}.direct-body>.top .nav-category-menu header small{color:#ff8277;font-size:9px;font-weight:850;letter-spacing:.16em}.direct-body>.top .nav-category-menu header strong{color:#fffefa;font-size:18px}.direct-body>.top .nav-category-menu header>a{display:inline-flex;padding:8px 12px;border:1px solid #4b5559;border-radius:10px;color:#fffefa;font-size:12px;font-weight:800}.direct-body>.top .nav-category-menu header>a:hover{border-color:#ff6257;color:#ff8277}.direct-body>.top .nav-category-card{min-width:0;padding:13px;border:1px solid #30393d;border-radius:15px;background:#1d2427;transition:border-color .16s ease,background .16s ease,transform .16s ease}.direct-body>.top .nav-category-card:hover{border-color:#ff6257;background:#222a2e;transform:translateY(-1px)}.direct-body>.top .nav-category-parent{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;padding:0;color:#fffefa}.direct-body>.top .nav-category-parent>span:last-child{display:grid;min-width:0;gap:2px}.direct-body>.top .nav-category-parent strong{overflow:hidden;font-size:14px;text-overflow:ellipsis}.direct-body>.top .nav-category-parent small{color:#8f9a9e;font-size:10px}.direct-body>.top .nav-category-icon{display:grid;width:38px;height:38px;place-items:center;border:1px solid #414b4f;border-radius:11px;background:#151a1d;color:#ff8277}.direct-body>.top .nav-category-icon .market-icon{width:19px;height:19px}.direct-body>.top .nav-category-children{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px;padding:11px 0 0 49px}.direct-body>.top .nav-category-children a{overflow:hidden;color:#aab3b6;font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.direct-body>.top .nav-category-children a:hover{color:#ff8277}@keyframes category-menu-in{from{opacity:0;transform:translate(-50%,-7px)}to{opacity:1;transform:translate(-50%,0)}}@media(prefers-reduced-motion:reduce){.direct-body>.top .nav-category-menu{animation:none}.direct-body>.top .nav-category-card{transition:none}}
.direct-body > .top .account { display:flex; gap:12px; margin-left:auto; }
.direct-body > .top .account a { display:inline-flex; align-items:center; justify-content:center; height:48px; padding:0 23px; border:1px solid #fffdfa; border-radius:30px; font:700 14px var(--site-font); box-shadow:none; }
.direct-body > .top .account .solid { background:#ff6257; border-color:#ff6257; color:#111517; }
.direct-body > .top .menu { display:none; margin-left:auto; }
.direct-body > .top .mobile-account-link { display:none!important; }
@media(max-width:1280px) {
 .direct-body > .top .nav { display:none; }
 .direct-body > .top .menu { display:grid; place-items:center; width:44px; height:44px; border:1px solid #475054; border-radius:12px; background:#202629; color:#fffdfa; }
 .direct-body > .top .account { display:none!important; }
 .direct-body > .top .nav.open { display:flex; position:absolute; top:70px; right:0; height:auto; width:min(310px,100%); padding:12px; flex-direction:column; align-items:stretch; border:1px solid #475054; border-radius:18px; box-shadow:0 12px 32px #0009; }
 .direct-body > .top .nav.open .mobile-account-link { display:flex!important; }
 .direct-body>.top .nav.open .nav-categories summary{min-height:45px}.direct-body>.top .nav.open .nav-category-menu{position:static;display:grid;grid-template-columns:1fr;width:100%;max-height:62vh;overflow:auto;margin-top:6px;padding:10px;transform:none;animation:none;box-shadow:none}.direct-body>.top .nav.open .nav-category-menu header{position:sticky;top:-10px;z-index:1;margin-bottom:0;padding:10px 2px;background:#171c1f}.direct-body>.top .nav.open .nav-category-card{padding:12px}.direct-body>.top .nav.open .nav-category-children{padding-left:49px}
}
@media(max-width:600px) { .direct-body > .top { width:calc(100% - 28px); height:65px; } .direct-body > .top .brand { font-size:28px; letter-spacing:-1px; } .direct-body > .top .brand i { font-size:30px; } }
.cards .demo-category:after { display:none; }
.cards .demo-category, .cards .demo-category:nth-child(n+4) { height:auto; aspect-ratio:2.36; border-radius:16px; }
.cards .demo-category img { display:block; position:static; width:100%; height:100%; object-fit:fill; }
@media(min-width:851px) { .shell .hero { height:clamp(230px,16.45vw,275px); } .shell .hero-title-image { width:45.5%; } }

.direct-body:not(.direct-workspace)>.direct-main.wrap{width:min(1417px,calc(100% - 64px));margin-inline:auto}
@media(max-width:600px){.direct-body:not(.direct-workspace)>.direct-main.wrap{width:calc(100% - 28px)}}

.hero-banner{background:transparent;border:0;box-shadow:none;transform:none}
.hero-banner img{object-fit:contain}
@media(max-width:600px){.shell .hero-art{width:100%;margin-left:0}}
.direct-body>.top .header-cart{position:relative;display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid #737b7f;border-radius:50%;color:#fffdfa}.header-cart svg{width:23px;height:23px}.header-cart>span{position:absolute;right:-5px;top:-5px;min-width:19px;height:19px;padding:0 4px;border-radius:20px;background:#ff6257;color:#111517;text-align:center;font:800 10px/19px var(--site-font)}@media(max-width:1280px){.direct-body>.top .header-cart{margin-left:auto}.direct-body>.top .menu{margin-left:0}}@media(max-width:600px){.direct-body>.top{gap:10px}.direct-body>.top .brand{font-size:26px}.direct-body>.top .brand i{display:none}.direct-body>.top .header-cart{width:40px;height:40px}}
.direct-body>.top .brand{display:block;flex:none}
.direct-body>.top .brand img{display:block;width:clamp(230px,24vw,320px);height:auto}
@media(max-width:600px){.direct-body>.top .brand img{width:clamp(170px,50vw,230px)}}
/* Shared footer, using the demo's coral, cream and illustrated-store palette. */
.direct-footer{width:min(1417px,calc(100% - 64px));margin:40px auto 0;padding:20px 0 12px;border-top:2px solid #ff6257;color:#fffefa;font:400 13px/1.5 var(--site-font)}
.direct-footer-main{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:14px}
.direct-footer-brand{display:flex;align-items:center;gap:18px;min-width:0}.direct-footer-brand img{display:block;width:min(180px,100%);height:auto}
.direct-footer p{margin:0;color:#bdc7cb;white-space:nowrap}
.direct-footer nav>a{display:block;width:fit-content;padding:3px 0;color:#bdc7cb;text-decoration:none}
.direct-footer-links{display:flex;align-items:center;justify-content:flex-end;gap:clamp(16px,2.5vw,34px);flex-wrap:wrap}.direct-footer-links>a{font-weight:700;white-space:nowrap}
.direct-footer a:hover{color:#ff8277}
.direct-footer a:focus-visible{outline:2px solid #a3edd1;outline-offset:5px;border-radius:4px}
.direct-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:10px;border-top:1px solid #374145;color:#9eabad;font-size:11px}
.direct-footer-bottom small{font-size:inherit}
.direct-footer-bottom nav{display:flex;gap:18px}.direct-footer-bottom nav>a{padding:0;color:#9eabad}
.direct-footer-bottom>a{color:#fffefa;white-space:nowrap;text-decoration:none}
.direct-footer-bottom>a span{margin-left:8px;color:#ff6257;font-size:18px}
@media(max-width:900px){.direct-footer-main{align-items:flex-start;flex-direction:column;gap:15px}.direct-footer-links{justify-content:flex-start}}
@media(max-width:760px){.direct-footer-brand img{width:170px}.direct-footer-bottom{flex-wrap:wrap}}
@media(max-width:600px){.direct-footer{width:calc(100% - 28px);margin-top:32px;padding-top:18px}.direct-footer-main{padding-bottom:14px}.direct-footer-brand{align-items:flex-start;flex-direction:column;gap:6px}.direct-footer nav>a{font-size:12px}.direct-footer-brand p{font-size:12px}.direct-footer-links{gap:7px 16px}.direct-footer-bottom nav{order:3;width:100%}}
.action-feedback{margin:0 0 20px;padding:14px 18px;border:1px solid;border-radius:14px;font:600 14px/1.6 var(--site-font);overflow-wrap:anywhere}.action-feedback-error{color:#ffb6ad;background:#35201f;border-color:#87504c}.action-feedback-success{color:#a3edd1;background:#18332b;border-color:#416e5d}
.action-feedback-info{color:#d3e5ff;background:#202d3b;border-color:#4c6380}
/* Shared interaction and small-screen constraints. */
html.direct-theme{color-scheme:dark;--livewire-progress-bar-color:#ff6257}
.direct-body [x-cloak]{display:none!important}

/* Shared textured checkbox, adapted from Uiverse for native and Flux controls. */
.direct-body input[type=checkbox]{appearance:none;width:22px;height:22px;min-width:22px;margin:0;border:2px solid #6c767a;border-radius:2px;background:repeating-linear-gradient(45deg,transparent 0 2px,#0002 2px 4px),#343c40;box-shadow:inset 0 0 0 1px #0004;cursor:pointer;transition:background-color .2s,border-color .2s,box-shadow .2s}
.direct-body input[type=checkbox]:hover{background-color:#465155}.direct-body input[type=checkbox]:checked{border-color:#ff9389;background:linear-gradient(#fff9 0 0) center/10px 10px no-repeat,repeating-linear-gradient(45deg,transparent 0 2px,#00000012 2px 4px),#ff6257;box-shadow:0 0 12px #ff625799,inset 0 0 8px #fff6}.direct-body input[type=checkbox]:checked:hover{background-color:#ff8277;box-shadow:0 0 16px #ff6257cc,inset 0 0 8px #fff8}.direct-body input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed}
.direct-body ui-checkbox [data-flux-checkbox]{width:22px!important;height:22px!important;min-width:22px!important;border:2px solid #6c767a!important;border-radius:2px!important;background:repeating-linear-gradient(45deg,transparent 0 2px,#0002 2px 4px),#343c40!important;box-shadow:inset 0 0 0 1px #0004!important;transition:background-color .2s,border-color .2s,box-shadow .2s}.direct-body ui-checkbox [data-flux-checkbox][data-checked]{border-color:#ff9389!important;background:linear-gradient(#fff9 0 0) center/10px 10px no-repeat,repeating-linear-gradient(45deg,transparent 0 2px,#00000012 2px 4px),#ff6257!important;box-shadow:0 0 12px #ff625799,inset 0 0 8px #fff6!important}.direct-body ui-checkbox [data-flux-checkbox][data-disabled]{opacity:.45}
.direct-body :where(.direct-main,.cart-layout>*,.blog-editor-layout>*,.od-account-content,.settings-console-content,.admin-catalog-list,.admin-catalog-editor){min-width:0}
.direct-body :where(input,select,textarea){max-width:100%}
.direct-body :where(button,[type=submit]):disabled{cursor:not-allowed;opacity:.55}
.direct-body :where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #a3edd1;outline-offset:3px}
.direct-body .nav a[aria-current=page]{background:#343c40;color:#a3edd1}
.direct-body .seller-product-icon{overflow:hidden}
.direct-body .seller-product-icon img{display:block;width:100%;height:100%;object-fit:cover}
.direct-body :where(h1,h2,h3,.blog-post-list strong,.settings-console-content p){overflow-wrap:anywhere}
@media(min-width:1281px) and (max-width:1440px){.direct-body>.top{gap:14px}.direct-body>.top .account a{padding-inline:16px}.direct-body>.top .nav a{padding-inline:10px}}
@media(max-width:600px){.direct-body :where(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}.direct-body .direct-footer-main{min-width:0}.direct-body .blog-post-list article>div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.direct-body *,.direct-body *::before,.direct-body *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.direct-body .direct-category-label{position:absolute;inset:auto 10px 10px;display:block;margin:0;padding:8px 12px;border-radius:12px;background:#111517eb;color:#fffefa;font:800 clamp(12px,1.25vw,18px)/1.4 var(--site-font);text-align:center;overflow-wrap:anywhere;white-space:normal;z-index:1}
.direct-body .direct-category-star{position:absolute;inset:10% 0 auto;display:block;color:#a3edd1;font-size:clamp(36px,5vw,68px);line-height:1;text-align:center}
.direct-body .cards .demo-category:has(.direct-category-label){background:#232b2f}
.direct-body :is(.demo-category,.cat) img.direct-category-upload{object-fit:cover}