/* YaSuo editorial marketplace. Scoped chrome and catalog; no checkout rules. */
:root{--ys-header-height:56px;--catalog-ink:#111;--catalog-muted:#747474;--catalog-line:#e7e7e7}
.shop-header.ys-header{background:#101010!important;border-bottom:1px solid #303030;box-shadow:none;min-height:56px;color:#fff}
.shop-header .shop-navbar{min-height:56px;padding:0;gap:24px}
.shop-header .container{max-width:1320px}
.shop-header .ys-brand{color:#fff!important;font-size:24px;letter-spacing:-1px;gap:9px}
.shop-header .yasuo-mark{background:#fff!important;color:#111!important;border-radius:7px!important;width:29px;height:29px;font-size:20px}
.shop-header .ys-nav-main{gap:20px}
.shop-header .ys-nav-links{gap:15px}
.shop-header .nav-link{color:#bababa!important;font-size:13px}
.shop-header .nav-link:hover,.shop-header .nav-link.active{color:#fff!important}
.shop-header .shop-nav-search{margin-left:auto;border:1px solid #393939;border-radius:7px;background:#1c1c1c;padding:2px;max-width:240px}
.shop-header .shop-nav-search input{border:0!important;box-shadow:none!important;background:transparent!important;color:#fff!important;min-width:0;height:32px;font-size:12px}
.shop-header .shop-nav-search input::placeholder{color:#8d8d8d}
.shop-header .shop-nav-search button{background:transparent!important;border:0!important;color:#bbb!important}
.shop-header .ys-nav-actions{gap:12px}
.shop-header .yasuo-locale-switch{background:#1c1c1c;border-color:#353535}
.shop-header .yasuo-locale-switch a{color:#999!important}
.shop-header .yasuo-locale-switch a.is-active{background:#373737!important;color:white!important}
.shop-header .ys-register{background:#fff!important;color:#111!important;border:0!important;border-radius:6px}
.shop-header .nav-member-avatar{background:#f5f5f5;color:#111}
.shop-header .nav-member-copy strong{color:white}.shop-header .nav-member-copy small{color:#aaa}
.shop-header .ys-nav-toggle{border-color:#555}.shop-header .navbar-toggler-icon{filter:invert(1)}
.shop-header :is(a,button,input):focus-visible{outline:2px solid #ccc;outline-offset:4px}
.yasuo-catalog{background:#fff;padding-top:0!important;color:var(--catalog-ink)}
.yasuo-catalog .container{max-width:1240px}
.catalog-intro{padding-top:42px;padding-bottom:36px}
.catalog-eyebrow{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;letter-spacing:2px;color:#808080;padding-top:0;margin-bottom:12px}
.catalog-heading-row{display:flex;align-items:center;justify-content:space-between;gap:24px}
.catalog-heading-row h1{font-size:clamp(26px,2.6vw,36px);font-weight:650;letter-spacing:-1.8px;line-height:1.2;margin:0;color:#111}
.catalog-intro p{font-family:inherit;font-size:14px;color:var(--catalog-muted);margin:10px 0 0;line-height:1.8}
.catalog-console-link{display:flex;align-items:center;gap:16px;padding:11px 15px;border:1px solid #d8d8d8;border-radius:6px;text-decoration:none;color:#222;font-size:12px;flex-shrink:0}
.catalog-console-link:hover{background:#111;color:#fff;border-color:#111}.catalog-console-link span{font-size:20px;line-height:1}
.yasuo-catalog .category{position:sticky;top:var(--ys-header-height);z-index:20;background:#fff;border-top:1px solid var(--catalog-line);border-bottom:1px solid var(--catalog-line);padding:14px 0}
.catalog-index{display:flex;align-items:center;justify-content:space-between;margin-bottom:0}.catalog-index h2{font-size:17px;font-weight:650;letter-spacing:-.4px;margin:0}.catalog-index>span{color:#888;font-size:12px}
.catalog-status{display:inline-flex;align-items:center;gap:7px;color:#8d9696;font-size:11px;white-space:nowrap}.catalog-status i{width:7px;height:7px;border-radius:50%;background:#80b89b;box-shadow:0 0 0 3px #80b89b1f}.catalog-status strong{font-weight:600;color:#c4cccc}
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.catalog-toolbar .catalog-index{gap:14px;margin:0}
.catalog-stock-filters{display:flex;gap:4px;padding:3px;border:1px solid var(--catalog-line);border-radius:6px;flex-shrink:0}
.catalog-stock-filter{border:0;background:transparent;color:var(--catalog-muted);padding:6px 10px;border-radius:4px;font:inherit;font-size:12px;cursor:pointer;min-height:32px}
.catalog-stock-filter:hover,.catalog-stock-filter.is-active{color:var(--catalog-ink);background:#ffffff14}.catalog-stock-filter.is-active{font-weight:650}
.yasuo-catalog .category-menus{overflow-x:auto;scrollbar-width:none}.yasuo-catalog .category-menus::-webkit-scrollbar{display:none}
.yasuo-catalog .category-menus .nav{gap:8px;flex-wrap:nowrap;justify-content:flex-start!important;width:max-content;min-width:100%}
.yasuo-catalog .category-menus .btn{border:1px solid #dedede;color:#666;background:#fff;border-radius:6px;font-size:12px;padding:8px 13px;white-space:nowrap;display:flex;align-items:center;gap:12px}
.yasuo-catalog .category-menus .btn.active{background:#111;color:#fff;border-color:#111}.category-count{opacity:.6;font-size:10px;font-variant-numeric:tabular-nums}
.yasuo-catalog .category-menus .btn:hover{border-color:#222}.yasuo-catalog .category.is-stuck{box-shadow:0 3px 10px #00000007}
.yasuo-catalog .goods{padding-top:24px}
.yasuo-catalog .product-card{height:100%;border:1px solid #e5e5e5;border-radius:9px;box-shadow:none;overflow:hidden;transition:border-color .18s,transform .18s,box-shadow .18s;background:white}
.yasuo-catalog .product-card:before{display:none}
.yasuo-catalog .product-card:hover,.yasuo-catalog .product-card:focus-within{border-color:#999;transform:translateY(-3px);box-shadow:0 8px 22px #00000008}
.yasuo-catalog .product-image{height:224px;min-height:0;object-fit:contain;padding:14px;background:#f6f6f6;opacity:1;transform:none!important}
.yasuo-catalog .product-card>.badge{top:10px!important;left:10px!important;border:1px solid #dedede;background:white!important;color:#666!important;border-radius:4px;font-size:10px;font-weight:500;padding:5px 7px}.yasuo-catalog .product-card>.badge .ali-icon{display:none}
.yasuo-catalog .product-card .card-body{padding:16px;display:flex;flex-direction:column;gap:0}
.yasuo-catalog .product-title{font-size:15px;line-height:1.5;min-height:3em;margin:0 0 12px;font-weight:600;color:#222;letter-spacing:-.2px}
.yasuo-catalog .product-title-link{color:inherit;text-decoration:none}.yasuo-catalog .product-title-link:hover{text-decoration:underline;text-underline-offset:4px}
.yasuo-catalog .catalog-price{border:0;background:transparent;padding:0;color:#111;border-radius:0;text-align:left;justify-content:flex-start;font-size:21px;letter-spacing:-.7px;cursor:inherit}.yasuo-catalog .catalog-price .ali-icon{display:none}
.yasuo-catalog .card-body>h6.mt-2{margin-top:9px!important;margin-bottom:17px}.yasuo-catalog .card-body>h6.mt-2 small{font-size:11px;color:#777!important}
.yasuo-catalog .catalog-actions{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:7px;margin-top:auto}.yasuo-catalog .catalog-actions>.btn,.yasuo-catalog .product-cart-button{min-height:38px;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:7px;width:100%;font-size:12px;margin:0;float:none}
.yasuo-catalog .catalog-actions>.btn-primary{background:#111;border-color:#111}.yasuo-catalog .catalog-actions>.btn-primary:hover{background:#303030;border-color:#303030}
.yasuo-catalog .home-cart-form{margin:0}.yasuo-catalog .product-cart-button{color:#222;border-color:#ddd;background:white}.yasuo-catalog .product-cart-button span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.yasuo-catalog .product-cart-button:hover{background:#f1f1f1;border-color:#999}
.yasuo-catalog [hidden]{display:none!important}.yasuo-catalog .goods-card.is-out-of-stock{opacity:1;filter:none}.yasuo-catalog .goods-card.is-out-of-stock .product-image{filter:grayscale(.5);opacity:.65}.yasuo-catalog .catalog-actions>.btn-secondary{background:#eee;border-color:#eee;color:#777;opacity:1}
.yasuo-catalog :is(a,button,[role=link]):focus-visible{outline:2px solid #222;outline-offset:3px}
.catalog-empty{padding:40px 20px;text-align:center;border:1px dashed #ddd;border-radius:9px;background:#fafafa;margin-bottom:24px}.catalog-empty-symbol{font-size:29px;color:#aaa;display:block;margin-bottom:12px}.catalog-empty h3{font-size:17px;color:#333}.catalog-empty p{font-size:13px;color:#888;margin:12px 0 18px}.catalog-empty a{font-size:12px;color:#222;text-underline-offset:4px}
.goods-search-empty{padding:32px 20px;color:#666;border:1px dashed #ddd;border-radius:8px;text-align:center}
.yasuo-catalog .home-cart-form.is-submitting button{opacity:.5;pointer-events:none}
@media(min-width:992px){.shop-header .ys-nav-actions .ys-cart-label{display:none}}
@media(max-width:1199px){.shop-header .shop-navbar{gap:15px}.shop-header .ys-nav-links{gap:5px}.shop-header .shop-nav-search{max-width:190px}.shop-header .ys-nav-actions{gap:7px}}
@media(max-width:991px){.shop-header .shop-navbar{position:relative;padding:10px 0;flex-wrap:wrap}.shop-header .ys-nav-actions{margin-left:auto}.shop-header .ys-nav-main{order:5;flex-basis:100%;padding:12px 0 6px}.shop-header .ys-nav-links{display:grid;grid-template-columns:1fr 1fr;gap:4px}.shop-header .shop-nav-search{max-width:none;width:100%;margin-top:12px}.shop-header .ys-nav-toggle{order:4}.shop-header .nav-member-copy{display:none}.shop-header .ys-cart-label{display:none}.catalog-intro{padding-top:28px;padding-bottom:28px}}
@media(max-width:575px){.shop-header .shop-navbar{gap:9px}.shop-header .ys-brand{font-size:21px}.shop-header .ys-nav-actions{gap:6px}.shop-header .ys-nav-actions .nav-link{padding:7px;font-size:11px}.shop-header .yasuo-locale-switch{font-size:10px}.shop-header .ys-nav-actions form .btn{padding:5px;font-size:10px}.catalog-eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:20px}.catalog-heading-row{align-items:flex-start;gap:10px}.catalog-heading-row h1{font-size:29px;max-width:260px;letter-spacing:-1px}.catalog-console-link{padding:8px;font-size:10px;gap:4px}.catalog-console-link span{font-size:16px}.catalog-intro p{font-size:12px}.yasuo-catalog .category{padding:15px 0 12px}.catalog-index{margin-bottom:12px}.catalog-index h2{font-size:15px}.yasuo-catalog .product-image{height:160px;padding:10px}.yasuo-catalog .product-card .card-body{padding:12px}.yasuo-catalog .product-title{font-size:13px;margin-bottom:8px}.yasuo-catalog .catalog-price{font-size:19px}.yasuo-catalog .catalog-actions{grid-template-columns:minmax(0,1fr) 36px;gap:5px}.yasuo-catalog .catalog-actions>.btn,.yasuo-catalog .product-cart-button{min-height:36px;font-size:11px}.yasuo-catalog .catalog-actions>.btn svg{display:none}.yasuo-catalog .product-card>.badge{font-size:9px;padding:4px;top:8px!important;left:8px!important}}
@media(prefers-reduced-motion:reduce){.yasuo-catalog .product-card{transition:none}.yasuo-catalog .product-card:hover,.yasuo-catalog .product-card:focus-within{transform:none}}
/* Resolve legacy layout rules at narrow widths, verified in rendered Blade. */
.yasuo-catalog .catalog-price{justify-content:flex-start!important}
.yasuo-catalog .product-cart-button svg{display:block!important;flex-shrink:0}
.shop-header .ys-nav-toggle{background:transparent!important;color:#fff}
.shop-header .ys-nav-toggle svg{display:block}
@media(max-width:991px){.shop-header .ys-navbar{display:flex!important}.shop-header .ys-brand{flex-shrink:0}.shop-header .ys-nav-main{flex:0 0 100%;order:5!important}.shop-header .ys-nav-actions{order:2!important;margin-left:auto!important}.shop-header .ys-nav-toggle{order:3!important}}
@media(max-width:575px){.yasuo-catalog .category .container{padding-left:12px;padding-right:12px}.yasuo-catalog .category .col-md-12{padding-left:12px;padding-right:12px}.yasuo-catalog .category-menus .nav{padding-left:0;padding-right:0}}
@media(max-width:420px){.shop-header .ys-register{display:none!important}.shop-header .ys-nav-actions{gap:4px}}
.yasuo-catalog{font-family:var(--bs-font-sans-serif)}
.yasuo-catalog p{font-family:inherit}

/* YaSuo dark storefront pass: keep the dense catalog legible while matching
   the new black platform shell. This is intentionally scoped to the shop so
   console pages retain their own design system. */
.yasuo-catalog{--catalog-ink:#f5f5f5;--catalog-muted:#9b9b9b;--catalog-line:#242424;background:#080909;color:var(--catalog-ink);position:relative;overflow:hidden}
.yasuo-catalog:before{content:"";position:absolute;inset:0 0 auto;height:220px;pointer-events:none;background:radial-gradient(ellipse at 50% -20%,rgba(255,255,255,.12),transparent 60%),linear-gradient(180deg,#111515 0%,#080909 100%);opacity:.9}
.yasuo-catalog>*{position:relative;z-index:1}
.catalog-intro{padding-top:26px;padding-bottom:24px}
.catalog-eyebrow{color:#8d9696;border-color:#2b3030}
.catalog-heading-row h1{color:#f7f7f7;font-weight:700;letter-spacing:-1.2px;max-width:760px}
.catalog-intro p{color:#9b9b9b;max-width:620px}
.catalog-console-link{border-color:#3b4141;color:#f5f5f5;background:rgba(15,17,17,.7)}
.catalog-console-link:hover{background:#f5f5f5;color:#090a0a;border-color:#f5f5f5}
.yasuo-catalog .category{background:rgba(8,9,9,.92);border-color:#252a2a;backdrop-filter:blur(16px)}
.catalog-index h2{color:#f5f5f5}.catalog-index>span{color:#8d9696}
.yasuo-catalog .category-menus .btn{border-color:#303636;color:#aab0b0;background:#111414}
.yasuo-catalog .category-menus .btn.active{background:#f5f5f5;color:#080909;border-color:#f5f5f5}
.yasuo-catalog .category-menus .btn:hover{border-color:#8e9898}
.yasuo-catalog .catalog-stock-filter:hover{background:#ffffff0d}.yasuo-catalog .catalog-stock-filter.is-active{background:#ffffff14}
.yasuo-catalog .product-card{border-color:#292e2e;background:#111414;box-shadow:0 14px 40px rgba(0,0,0,.2)}
.yasuo-catalog .product-card:hover,.yasuo-catalog .product-card:focus-within{border-color:#697474;box-shadow:0 18px 42px rgba(0,0,0,.32)}
.yasuo-catalog .product-image{background:#171b1b}
.yasuo-catalog .product-card>.badge{border-color:#343b3b;background:#151919!important;color:#b9c0c0!important}
.yasuo-catalog .product-title{color:#f3f3f3}.yasuo-catalog .product-title-link:hover{color:#fff}
.yasuo-catalog .catalog-price{color:#fff}.yasuo-catalog .card-body>h6.mt-2 small{color:#8d9696!important}
.yasuo-catalog .catalog-actions>.btn-primary{background:#f5f5f5!important;border-color:#f5f5f5!important;color:#080909!important}
.yasuo-catalog .catalog-actions>.btn-primary:hover{background:#d9dddd!important;border-color:#d9dddd!important}
.yasuo-catalog .product-cart-button{color:#f5f5f5;border-color:#3c4545;background:#111414}
.yasuo-catalog .product-cart-button:hover{background:#242a2a;border-color:#768181}
.yasuo-catalog .catalog-actions>.btn-secondary{background:#252a2a;border-color:#252a2a;color:#9da5a5}
.catalog-empty,.goods-search-empty{border-color:#303636;background:#111414;color:#c7cece}.catalog-empty h3{color:#f5f5f5}.catalog-empty p{color:#8d9696}.catalog-empty a{color:#f5f5f5}
.yasuo-catalog :is(a,button,[role=link]):focus-visible{outline-color:#f5f5f5}
.yasuo-floating-orders{position:fixed;right:22px;bottom:26px;z-index:30;display:inline-flex;align-items:center;gap:9px;padding:12px 17px;border:1px solid #3d4545;border-radius:999px;background:#161a1a;color:#f3f5f5;text-decoration:none;font-size:12px;box-shadow:0 12px 30px #0008;transition:background-color .18s,border-color .18s,transform .18s}.yasuo-floating-orders:hover,.yasuo-floating-orders:focus-visible{background:#f5f5f5;border-color:#f5f5f5;color:#080909;transform:translateY(-2px)}

/* Compact storefront at phone widths, retaining reachable touch targets. */
@media(max-width:575.98px){
 .catalog-intro{padding-top:22px;padding-bottom:20px}
 .catalog-eyebrow{margin-bottom:12px}
 .catalog-heading-row h1{font-size:26px;max-width:none}
 .catalog-toolbar{gap:8px;margin-bottom:12px}
 .catalog-toolbar .catalog-index{gap:6px;flex-wrap:wrap}
 .catalog-stock-filter{font-size:11px;padding:6px 8px;min-height:36px}
 .yasuo-catalog .category-menus .btn{min-height:40px;padding:7px 10px}
 .yasuo-catalog .goods{padding-top:16px}
 .catalog-status{font-size:10px;gap:5px}.catalog-status strong{display:none}
 .yasuo-floating-orders{right:12px;bottom:16px;padding:11px 13px;font-size:11px}.yasuo-floating-orders span{display:none}
}

/* Shared account destinations stay in one keyboard-accessible profile menu. */
.shop-header .yasuo-account-menu{position:relative;flex-shrink:0}
.shop-header .yasuo-account-menu>.nav-member-chip{border:0;background:transparent;cursor:pointer;min-height:44px}
.shop-header .yasuo-account-dropdown{min-width:230px;max-width:calc(100vw - 24px);padding:8px;background:#181818;border:1px solid #383838;border-radius:12px;box-shadow:0 16px 44px #0006;color:#f5f5f5;margin-top:8px!important}
.shop-header .yasuo-account-summary{display:flex;flex-direction:column;gap:4px;padding:10px 12px;min-width:0}
.shop-header .yasuo-account-summary strong{font-size:14px;overflow-wrap:anywhere}.shop-header .yasuo-account-summary small{font-size:12px;color:#a3a3a3;overflow-wrap:anywhere}
.shop-header .yasuo-account-dropdown .dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 12px;border-radius:7px;color:#ddd;font-size:13px;white-space:normal;overflow-wrap:anywhere;transition:background-color .15s,color .15s}
.shop-header .yasuo-account-dropdown .dropdown-item:hover,.shop-header .yasuo-account-dropdown .dropdown-item:focus{background:#303030;color:#fff}
.shop-header .yasuo-account-dropdown .dropdown-divider{border-color:#393939;margin:6px 4px}
.shop-header .yasuo-menu-count{font-size:11px;flex-shrink:0;padding:2px 7px;border-radius:6px;background:#333;color:#fff}
.shop-header .yasuo-account-dropdown .yasuo-menu-signout{color:#aaa;width:100%;border:0;background:transparent;text-align:left}
@media(prefers-reduced-motion:reduce){.shop-header .yasuo-account-dropdown .dropdown-item{transition:none}}
