/* Shop page — built on V10 main design system */
.shop-page{padding-bottom:72px}.shop-intro{padding-top:30px}.breadcrumbs{display:flex;align-items:center;gap:9px;color:#858ca2;font-size:12px;margin-bottom:22px}.breadcrumbs a:hover{color:var(--brand)}.breadcrumbs i{font-size:9px}.shop-intro__grid{background:linear-gradient(135deg,#f2f5fb 0%,#e7ecf8 100%);border:1px solid #dfe5f2;border-radius:18px;padding:34px 38px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:center;overflow:hidden;position:relative}.shop-intro__grid:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(59,86,166,.06);left:-70px;bottom:-150px}.shop-intro__grid>div{position:relative;z-index:1}.shop-intro small{color:var(--brand);font-weight:800}.shop-intro h1{font-size:34px;margin:8px 0 12px;color:#26365f}.shop-intro p{max-width:820px;color:#697188;line-height:2;font-size:14px}.shop-intro__stats{display:flex;gap:12px}.shop-intro__stats>div{width:104px;height:92px;border:1px solid rgba(59,86,166,.13);background:rgba(255,255,255,.72);border-radius:13px;display:grid;place-items:center;align-content:center;gap:3px}.shop-intro__stats strong{font-size:25px;color:var(--brand-dark)}.shop-intro__stats span{font-size:11px;color:#7b8294}
.shop-category-bar{display:flex;align-items:center;gap:8px;padding-top:20px;padding-bottom:20px;overflow:auto;scrollbar-width:none}.shop-category-bar::-webkit-scrollbar{display:none}.shop-root-chip,.shop-category-chip{height:42px;border:1px solid #dfe4ef;background:#fff;border-radius:10px;padding:0 14px;display:flex;align-items:center;gap:8px;white-space:nowrap;font-weight:700;color:#4e566d;transition:.18s}.shop-root-chip i,.shop-category-chip i{color:var(--brand)}.shop-root-chip:hover,.shop-category-chip:hover,.shop-root-chip.is-active,.shop-category-chip.is-active{border-color:#aebce2;background:var(--brand-soft);color:var(--brand-dark)}.shop-root-chip.is-active{background:var(--brand);border-color:var(--brand);color:#fff}.shop-root-chip.is-active i{color:#fff}.shop-category-divider{width:1px;height:28px;background:#dfe4ef;margin:0 5px;flex:0 0 auto}
.shop-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:start}.shop-sidebar{background:#fff;border:1px solid #e1e5ee;border-radius:14px;padding:18px;position:sticky;top:128px;z-index:12}.shop-sidebar__head{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid #edf0f5}.shop-sidebar__head small{color:#9298a8}.shop-sidebar__head h2{font-size:18px;margin-top:2px}.shop-sidebar__head>button{display:none;width:34px;height:34px;border-radius:50%;background:#f1f3f8}.shop-filter-search{height:42px;border:1px solid #dde2ec;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 11px;margin:15px 0}.shop-filter-search i{color:#9ca3b3}.shop-filter-search input{min-width:0;flex:1;outline:0}.shop-filter-group{border-top:1px solid #edf0f5}.shop-filter-group__title{height:48px;width:100%;display:flex;align-items:center;justify-content:space-between;font-weight:800;text-align:right}.shop-filter-group__title i{font-size:11px;transition:.2s}.shop-filter-group.is-open .shop-filter-group__title i{transform:rotate(180deg)}.shop-filter-group__body{display:none;padding:2px 0 13px}.shop-filter-group.is-open .shop-filter-group__body{display:block}.shop-radio,.shop-check{height:34px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;cursor:pointer;color:#555d70}.shop-radio input,.shop-check input{width:15px;height:15px;accent-color:var(--brand)}.shop-radio b,.shop-check b{font-size:10px;min-width:24px;height:21px;padding:0 6px;border-radius:10px;background:#f1f3f8;color:#858b9c;display:grid;place-items:center}.shop-server-note{display:flex;gap:8px;padding:9px 10px;border-radius:8px;background:#f6f8fc;color:#7a8295;font-size:10px;line-height:1.7;margin-top:5px}.shop-server-note i{color:var(--brand);margin-top:3px}.shop-reset{width:100%;height:40px;border-radius:8px;background:#f3f4f7;color:#646c7f;font-weight:700;margin-top:13px}.shop-reset:hover{background:#e9edf6;color:var(--brand)}
.shop-results{min-width:0}.shop-toolbar{min-height:62px;background:#fff;border:1px solid #e1e5ee;border-radius:12px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.shop-toolbar__result{display:flex;align-items:center;gap:12px;color:#747b8e}.shop-toolbar__result strong{color:#293650}.shop-filter-mobile{display:none;height:38px;padding:0 12px;border-radius:8px;background:var(--brand);color:#fff;font-weight:700;align-items:center;gap:7px}.shop-toolbar__controls{display:flex;align-items:center;gap:14px}.shop-toolbar__controls label{display:flex;align-items:center;gap:7px;color:#777f91}.shop-toolbar select{height:38px;border:1px solid #dfe4ee;border-radius:8px;padding:0 11px;background:#fff;outline:0;min-width:155px}.shop-view-switch{display:flex;border:1px solid #dfe4ee;border-radius:8px;overflow:hidden}.shop-view-switch button{width:38px;height:36px;color:#a0a6b3}.shop-view-switch button+button{border-right:1px solid #dfe4ee}.shop-view-switch button.is-active{background:var(--brand-soft);color:var(--brand)}.shop-active-filters{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px}.shop-filter-tag{height:30px;border:1px solid #d7deef;background:#f7f9fd;border-radius:16px;padding:0 10px;display:flex;align-items:center;gap:7px;color:#52607d;font-size:11px}.shop-filter-tag button{color:#9aa1b0;font-size:12px}
.shop-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.shop-product-card{min-width:0!important;max-width:none!important;height:auto!important;min-height:430px!important;border:1px solid #e4e8f0!important;border-radius:13px!important;padding:14px!important;overflow:hidden!important;box-shadow:0 6px 20px rgba(39,69,157,.035)!important}.shop-product-card .product-media{height:240px!important}.shop-product-card .product-card__content{transform:none!important}.shop-product-card .product-buy-row{opacity:1!important;transform:none!important;margin-top:13px}.shop-product-card h3{font-size:15px;line-height:1.8;min-height:54px;margin:8px 0 5px}.shop-product-card .price{margin:2px 0 0!important;color:var(--brand)!important}.shop-product-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px}.shop-product-meta>small{color:#969dac;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-stock{display:flex;align-items:center;gap:4px;font-size:10px;white-space:nowrap}.shop-stock i{font-size:6px}.shop-stock.is-stock{color:#41885d}.shop-stock.is-order{color:#c07a26}.shop-product-badge{right:auto!important;left:14px!important;background:var(--brand)!important;font-size:10px}.shop-product-card .product-wish{right:14px!important;left:auto!important}.shop-product-card .product-add{min-width:0}.shop-product-grid.is-compact{grid-template-columns:1fr}.shop-product-grid.is-compact .shop-product-card{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:220px!important;gap:18px}.shop-product-grid.is-compact .shop-product-card .product-media{height:190px!important;grid-row:1}.shop-product-grid.is-compact .product-card__content{padding-top:8px}.shop-product-grid.is-compact .shop-product-card h3{min-height:auto;font-size:17px}.shop-empty{text-align:center;padding:70px 20px;border:1px dashed #d7ddea;border-radius:14px;background:#fff}.shop-empty>i{font-size:45px;color:#c6ccda}.shop-empty h3{font-size:20px;margin:14px 0 7px}.shop-empty p{color:#8c93a2}.shop-empty button{margin-top:16px;background:var(--brand);color:#fff;border-radius:8px;padding:10px 16px}.shop-pagination{display:flex;justify-content:center;gap:6px;margin-top:28px}.shop-pagination button{width:38px;height:38px;border:1px solid #dde3ed;border-radius:8px;background:#fff}.shop-pagination button.is-active{background:var(--brand);border-color:var(--brand);color:#fff}.shop-filter-overlay{display:none}
.shop-discount-badge{position:absolute;z-index:4;left:14px;top:48px;min-width:42px;padding:5px 8px;border-radius:999px;background:#d83b3b;color:#fff;text-align:center;font-size:11px;font-weight:800;box-shadow:0 5px 14px rgba(216,59,59,.22)}.shop-product-card{display:flex!important;flex-direction:column}.shop-product-card .product-card__content{display:flex;flex:1;flex-direction:column}.shop-product-card .product-buy-row{margin-top:auto!important}.shop-product-card h4 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.shop-product-grid.is-compact .shop-product-card{display:grid!important}.shop-product-grid.is-compact .product-buy-row{margin-top:13px!important}
@media(max-width:1180px){.shop-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-intro__stats>div{width:88px}.shop-layout{grid-template-columns:245px minmax(0,1fr)}}
@media(max-width:900px){.shop-layout{grid-template-columns:1fr}.shop-sidebar{position:fixed;z-index:120;top:0;right:0;bottom:0;width:min(340px,88vw);border-radius:0;transform:translateX(105%);transition:.25s;overflow:auto}.shop-sidebar.is-open{transform:none}.shop-sidebar__head>button{display:grid;place-items:center}.shop-filter-overlay{display:block;position:fixed;z-index:119;inset:0;background:rgba(17,25,48,.45);opacity:0;visibility:hidden;transition:.2s}.shop-filter-overlay.is-active{opacity:1;visibility:visible}.shop-filter-mobile{display:flex}.shop-intro__grid{grid-template-columns:1fr}.shop-intro__stats{justify-content:flex-start}.shop-toolbar__controls label{font-size:0}.shop-toolbar__controls label select{font-size:12px}}
@media(max-width:620px){.shop-page{padding-bottom:35px}.shop-intro{padding-top:18px}.shop-intro__grid{padding:24px 20px;border-radius:14px}.shop-intro h1{font-size:27px}.shop-intro p{font-size:12px}.shop-intro__stats{gap:7px}.shop-intro__stats>div{width:31%;height:75px;flex:1}.shop-intro__stats strong{font-size:21px}.shop-category-bar{padding-top:13px;padding-bottom:15px}.shop-root-chip,.shop-category-chip{height:38px;padding:0 11px;font-size:11px}.shop-category-divider{display:none}.shop-toolbar{align-items:flex-start}.shop-toolbar__result>span{display:none}.shop-toolbar__controls{margin-right:auto}.shop-toolbar select{min-width:130px;max-width:145px}.shop-view-switch{display:none}.shop-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shop-product-card{min-height:350px!important;padding:9px!important;border-radius:10px!important}.shop-product-card .product-media{height:165px!important}.shop-product-card h3,.shop-product-card h4{font-size:12px;min-height:45px;line-height:1.7}.shop-product-meta>small{font-size:9px}.shop-stock{font-size:8px}.shop-product-card .price{font-size:13px!important}.shop-product-card .product-buy-row{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}.shop-product-card .product-qty{display:none!important}.shop-product-card .product-add{height:36px!important;font-size:10px}.shop-product-badge{font-size:8px;padding:4px 6px}.shop-product-card .product-wish{top:8px!important;right:8px!important;font-size:18px!important}.shop-product-grid.is-compact{grid-template-columns:1fr}.shop-pagination{margin-top:20px}}
.shop-category-strip a{flex:0 0 auto;display:flex;align-items:center;gap:7px;height:42px;padding:0 16px;border:1px solid #dfe4ee;border-radius:999px;background:#fff;color:#5e6879;font-weight:800;white-space:nowrap}.shop-category-strip a b{min-width:23px;padding:2px 6px;border-radius:999px;background:#f0f2f7;text-align:center;font-size:10px}.shop-category-strip a:hover,.shop-category-strip a.is-active{background:var(--green);color:#fff;border-color:var(--green)}.shop-category-strip a.is-active b{background:rgba(255,255,255,.18)}.shop-filter-apply,.shop-filter-reset{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:9px;font-weight:800}.shop-filter-apply{width:100%;background:var(--green);color:#fff}.shop-filter-reset{margin-top:8px;border:1px solid #dfe4ee;color:#697386}.shop-filter-sub{padding-right:18px}.shop-product-card h4{font-size:13px;line-height:1.7;margin:8px 0}.shop-product-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:5px 0;color:#7e8797;font-size:10px}.shop-product-meta span:last-child{margin-right:auto}.shop-product-meta .is-out{color:#b74242}.product-add:disabled{cursor:not-allowed;opacity:.55}.pager__dots{width:28px;display:grid;place-items:center;color:#9098a7}

/* Keep the category row inside its viewport even with many root categories. */
.shop-category-bar{max-width:100%;min-width:0;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;cursor:grab;touch-action:pan-y;overscroll-behavior-inline:contain}
.shop-category-bar.is-dragging{cursor:grabbing}
.shop-category-bar>*{flex:0 0 auto}
.shop-layout,.shop-results,.shop-ajax-region{min-width:0;max-width:100%}
.shop-ajax-region.is-loading{pointer-events:auto;opacity:1}
.shop-ajax-region.is-loading .shop-results{opacity:.7}
.shop-pagination{max-width:100%;flex-wrap:wrap}
.shop-category-bar{touch-action:auto;-webkit-overflow-scrolling:touch}
.shop-sidebar{touch-action:pan-y}
.shop-sidebar.is-swiping{transition:none!important;user-select:none}