:root { --blue:#3869fd; --orange:#ff5000; --red:#ca191d; --text:#1d2129; --muted:#86909c; --border:#e5e6eb; --content-width:1440px; }
* { box-sizing:border-box; }
html { min-width:1366px; scroll-behavior:smooth; }
body { margin:0; min-width:1366px; color:var(--text); background:#f5f5f5; font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; overflow-x:viscroll;}
button,input { font:inherit; } button { cursor:pointer; } a { color:inherit; text-decoration:none; } p,h1,h2 { margin:0; }
.site-shell { min-width:1366px; overflow:visible; }
.site-shell>header { position:sticky; z-index:100; top:-36px; }
.page-width { width:min(var(--content-width),100%); margin-inline:auto; }
.utility-bar { height:36px; color:#fff; background:#000; }
.utility-content { height:36px; display:flex; align-items:center; justify-content:space-between; }
.utility-left,.utility-right { display:flex; align-items:center; gap:20px; }
.utility-bar button,.utility-bar a { padding:0; color:#fff; background:none; border:0; font-size:12px; line-height:14px; white-space:nowrap; }
.utility-bar button { display:flex; align-items:center; gap:6px; }
.utility-bar a:hover,.utility-bar button:hover { color:#b9ccff; }
.utility-right i { width:1px; height:14px; margin-inline:-10px; background:rgba(255,255,255,.45); }
.utility-dropdown { position:relative; height:36px; display:flex; align-items:center; }
.utility-menu { position:absolute; z-index:110; top:32px; left:-12px; min-width:120px; padding:6px; display:flex; flex-direction:column; visibility:hidden; opacity:0; transform:translateY(-6px); color:var(--text); background:#fff; border:1px solid var(--border); border-radius:6px; box-shadow:0 8px 24px rgba(29,33,41,.16); transition:opacity .16s ease,transform .16s ease,visibility .16s; pointer-events:none; }
.utility-menu-language { min-width:112px; }
.utility-dropdown-right .utility-menu { right:-12px; left:auto; }
.utility-menu span { height:30px; padding:0 10px; display:flex; align-items:center; color:var(--text); border-radius:4px; font-size:12px; white-space:nowrap; cursor:default; }
.utility-menu span:hover { color:var(--blue); background:#f2f5ff; }
.utility-dropdown:hover .utility-menu,.utility-dropdown:focus-within .utility-menu { visibility:visible; opacity:1; transform:translateY(0); pointer-events:auto; }
.utility-dropdown:hover .down,.utility-dropdown:focus-within .down { transform:translateY(2px) rotate(225deg); }
.down { width:7px; height:7px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:translateY(-2px) rotate(45deg); transition:transform .16s ease; }
.search-header { height:88px; background:#fff; box-shadow:0 1px 0 rgba(29,33,41,.06); }
.search-header.is-stuck { position:fixed; top:0; left:0; right:0; z-index:100;  }
.search-content { height:88px; display:flex; align-items:center; justify-content:space-between; gap:40px; }
.logo { width:175px; height:40px; object-fit:contain; flex:0 0 auto; }
.search-area { width:min(1120px,calc(100% - 215px)); display:flex; gap:16px; }
.search-box { height:40px; min-width:0; flex:1; display:flex; overflow:hidden; border:2px solid var(--blue); border-radius:4px; background:#fff; }
.search-box:focus-within { box-shadow:0 0 0 2px rgba(56,105,253,.15); }
.search-box input { min-width:0; flex:1; padding:0 12px; border:0; outline:0; color:var(--text); font-size:12px; }
.search-box input::-webkit-search-cancel-button { display:none; }
.search-box input::placeholder { color:#c9cdd4; }
.search-box .search-clear { position:relative; width:32px; flex:0 0 32px; display:grid; place-items:center; visibility:hidden; opacity:0; background:transparent; border:0; transition:opacity .15s ease; pointer-events:none; }
.search-box .search-clear.show { visibility:visible; opacity:1; pointer-events:auto; }
.search-box .search-clear:hover { background:transparent; }
.search-box .search-clear img { position:absolute; width:16px; height:16px; transition:opacity .15s ease; }
.search-box .search-clear-hover { opacity:0; }
.search-box .search-clear:hover .search-clear-default { opacity:0; }
.search-box .search-clear:hover .search-clear-hover { opacity:1; }
.search-box .search-submit { width:80px; flex:0 0 80px; display:flex; align-items:center; justify-content:center; gap:4px; color:#fff; background:var(--blue); border:0; font-size:14px; font-weight:600; }
.search-box .search-submit:hover { background:#2857e8; }
.search-submit img,.image-search img { width:16px; height:16px; }
.image-search { height:40px; padding:0 16px; display:flex; align-items:center; gap:4px; color:var(--orange); background:#fff; border:1px solid var(--orange); border-radius:4px; font-size:14px; font-weight:600; white-space:nowrap; }
.image-search:hover { background:#fff6f2; }
.main { background:#f5f5f5; }
.main-content { padding-top:20px; padding-bottom:0; }
.hero-grid { position:relative; height:376px; display:grid; grid-template-columns:300fr 780fr 320fr; gap:20px; }
.hot-top { height:376px; background:#fff; border-radius:10px; overflow:hidden; display:flex; flex-direction:column; }
.hot-top>h5 { height:40px; margin:0; padding:0 14px; display:flex; align-items:center; color:var(--text); font-size:14px; font-weight:600; border-bottom:1px solid #f0f0f0;  }

.hot-top ul { list-style:none; margin:0; padding:6px 8px; flex:1; overflow-y:auto; }
.hot-top ul::-webkit-scrollbar { width:4px; }
.hot-top ul::-webkit-scrollbar-thumb { background:#d9d9d9; border-radius:4px; }
.hot-top li { padding:6px 0; border-bottom:1px dashed #f2f2f2; }
.hot-top li:last-child { border-bottom:0; }
.hot-top li>a { display:flex; align-items:center; gap:8px; padding:0 4px; transition:background-color .15s; border-radius:4px; }
.hot-top li>a:hover { background:#f7f9ff; }
.hot-top .product-image { position:relative; flex:0 0 52px; width:52px; height:52px; border-radius:6px; overflow:hidden; background:#f5f5f5; }
.hot-top .product-image img { width:100%; height:100%; display:block; object-fit:cover; }
.hot-top .product-label { position:absolute; left:0; top:0; width:18px; height:18px; display:grid; place-items:center; color:#fff; font-size:11px; font-weight:700; line-height:1; background:#b0b4bc; border-radius:0 0 6px 0; }
.hot-top .product-label.top-1 { background:linear-gradient(135deg,#ff4d4f,#ff7875); }
.hot-top .product-label.top-2 { background:linear-gradient(135deg,#fa8c16,#ffa940); }
.hot-top .product-label.top-3 { background:linear-gradient(135deg,#faad14,#ffc53d); }
.hot-top .product-info { min-width:0; flex:1; display:flex; flex-direction:column; gap:2px; }
.hot-top .product-name { margin:0; color:var(--text); font-size:13px; line-height:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hot-top .product-description { margin:0; display:flex; align-items:center; gap:10px; font-size:12px; line-height:16px; }
.hot-top .product-price { color:var(--orange); font-weight:600; font-size:14px;}
.hot-top .product-price small { font-size:11px; font-weight:500; }
.hot-top .product-sales { color:var(--secondary); font-size:12px; }
.hot-top>h5 { position:relative; padding-left:16px; }
.hot-top>h5::before { content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:4px; height:16px; border-radius:2px; background:linear-gradient(180deg,var(--orange),#ff8a3d); box-shadow:0 0 10px rgba(255,80,0,.55); animation:hot-title-pulse 2.4s ease-in-out infinite; }
@keyframes hot-title-pulse { 0%,100% { opacity:1; box-shadow:0 0 10px rgba(255,80,0,.55); } 50% { opacity:.7; box-shadow:0 0 16px rgba(255,80,0,.85); } }
.hot-top li { animation:hot-item-in .45s ease both; }
.hot-top li:nth-child(1) { animation-delay:.06s; }
.hot-top li:nth-child(2) { animation-delay:.12s; }
.hot-top li:nth-child(3) { animation-delay:.18s; }
.hot-top li:nth-child(4) { animation-delay:.24s; }
.hot-top li:nth-child(5) { animation-delay:.30s; }
@keyframes hot-item-in { from { opacity:0; transform:translateX(-10px); } to { opacity:1; transform:translateX(0); } }
.hot-top li>a { transition:transform .18s ease, background-color .18s ease, box-shadow .18s ease; }
.hot-top li>a:hover { background:linear-gradient(90deg,#fff6f2 0,#f7f9ff 100%); transform:translateX(4px); box-shadow:inset 3px 0 0 var(--orange); border-radius:6px; }
.hot-top .product-image { transition:transform .25s ease; }
.hot-top li>a:hover .product-image { transform:scale(1.05); }
.hot-top .product-label.top-1 { animation:badge-glow-1 1.8s ease-in-out infinite; }
.hot-top .product-label.top-2 { animation:badge-glow-2 2.0s ease-in-out infinite; }
.hot-top .product-label.top-3 { animation:badge-glow-3 2.2s ease-in-out infinite; }
@keyframes badge-glow-1 { 0%,100% { box-shadow:0 0 0 0 rgba(255,77,79,.45); } 50% { box-shadow:0 0 0 4px rgba(255,77,79,0); } }
@keyframes badge-glow-2 { 0%,100% { box-shadow:0 0 0 0 rgba(250,140,22,.45); } 50% { box-shadow:0 0 0 4px rgba(250,140,22,0); } }
@keyframes badge-glow-3 { 0%,100% { box-shadow:0 0 0 0 rgba(250,173,20,.45); } 50% { box-shadow:0 0 0 4px rgba(250,173,20,0); } }
@media (prefers-reduced-motion:reduce) { .hot-top li,.hot-top>h5::before,.hot-top .product-label.top-1,.hot-top .product-label.top-2,.hot-top .product-label.top-3 { animation:none; } .hot-top li>a,.hot-top li>a .product-image { transition:none; transform:none; } }

.category-nav { min-width:0; height:376px; padding:8px 0; overflow:hidden; background:#fff; border-radius:10px; }
.category-item { width:calc(100% - 16px); height:36px; margin:0 8px; padding:8px; display:flex; align-items:center; justify-content:space-between; color:var(--text); background:none; border:0; border-radius:4px; font-size:14px; }
.category-nav.submenu-open { border-radius:10px 0 0 10px; }
.category-item:hover,.category-item.active { color:var(--text); background:#edf2ff; }
.category-label { min-width:0; display:flex; align-items:center; gap:9px; white-space:nowrap; }
.category-icon { width:20px; height:20px; display:flex; align-items:center; justify-content:center; line-height:0; color:#607086; font-size:15px; }
.category-icon img { width:20px; height:20px; display:block; object-fit:contain; transform:translateY(-1px); }
.category-arrow { color:#c9cdd4; font-size:20px; line-height:14px; }
.category-item:hover .category-arrow,.category-item.active .category-arrow { color:#8da0c2; }

.category-submenu {
    position: absolute;
    z-index: 20;
    top: 0;
    left: calc((100% - 40px) * .2142857);
    width: 390px;
    height: 376px;
    padding: 10px 24px 10px 0px;
    visibility: hidden;
    opacity: 0;
    transform: translateX(-6px);
    color: var(--text);
    background: #fff;
    border-left: 1px solid var(--border);
    border-radius: 0 10px 10px 0;
    box-shadow: 10px 8px 24px rgba(29,33,41,.08);
    transition: opacity .16s ease,transform .16s ease,visibility .16s;
}


.category-submenu.open { visibility:visible; opacity:1; transform:translateX(0); }
.category-submenu h2 { display:none; }
.submenu-columns { display:grid; grid-template-columns:1fr 1fr; }
.submenu-columns div {
    overflow: hidden;
    padding-left: 24px;
    text-overflow: ellipsis;
    
}
.submenu-columns a { padding:0; font-size:14px; line-height:32px; white-space:nowrap; transition:color .15s ease; color:var(--bs-body-color); }
.submenu-columns a:hover { color:var(--blue); }
.hero-center { min-width:0; height:376px; display:flex; flex-direction:column; gap:16px; }
.banner { position:relative; height:170px; overflow:hidden; border-radius:10px; background:#d9d9d9; }
.banner-track { width:100%; height:100%; display:flex; transition:transform .48s cubic-bezier(.22,.61,.36,1); will-change:transform; }
.banner-slide { min-width:100%; height:100%; flex:0 0 100%; overflow:hidden; }
.banner-slide img { width:100%; height:100%; display:block; object-fit:cover; object-position:center; }
.banner-dots { position:absolute; right:14px; bottom:8px; padding:4px; display:flex; gap:8px; background:rgba(0,0,0,.1); border-radius:100px; }
.banner-dots button { width:6px; height:6px; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.8); transition:width .2s,background-color .2s; }
.banner-dots button.active { background:var(--red); }
.store-row { min-height:0; flex:1; display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.store-card { min-width:0; overflow:hidden; background:linear-gradient(180deg,#d7e9ff 0,#fff 24%); border-radius:10px; }
.store-card .header { height:44px; padding:0 16px; display:flex; align-items:center; justify-content:space-between; background:#fff; font-size:14px; }
.store-card .header a { width:20px; height:20px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; transition:background-color .18s ease,box-shadow .18s ease; }
.store-card .header a img,.showcase header a img { width:6px; height:10px; display:block; transition:transform .18s ease; }
.store-card .header a:hover { background:#edf3ff; box-shadow:none; }
.store-card .header a:hover img { transform:none; }
.showcase header a:hover img { transform:translateX(1px); }
.store-products { height:146px; padding:0 16px; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.mini-product { min-width:0; display:flex; flex-direction:column; align-items:center; gap:8px; color:var(--red); font-size:16px; font-weight:600; }
.mini-product-image { width:100%; aspect-ratio:1; display:block; overflow:hidden; border-radius:8px; }
.mini-product img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .35s ease; }
.mini-product:hover img { transform:scale(1.07); }
.account-side { min-width:0; height:376px; display:flex; flex-direction:column; gap:12px; }
.account-card { height:256px; padding:16px 16px 8px; display:flex; flex-direction:column; align-items:center; background:#fff; border-radius:10px; }
.avatar { width:48px; height:48px; }

.account-card h2 { margin-top:10px; font-size:16px; line-height:24px; font-weight:400; white-space:nowrap; }

.account-card .accountInfo { width:100%; text-align:center;  }
.account-card .accountInfo .logged { text-align:center; padding:16px 0 0px 0;}
.account-card .accountInfo .button { display: block; width:100%; height:40px; line-height: 40px; margin-top:12px; color:#fff; background:var(--orange); border:0; border-radius:4px; font-size:14px; }
.account-card .accountInfo .button:hover { background:#e94700; }
.account-card .accountInfo a{ color:#e94700; font-size:16px; }
.account-card .accountInfo h2{ margin:8px 0 0 0;}
.account-card .accountInfo p { color:var(--muted); font-size:12px; line-height:18px; white-space:nowrap; }
.account-card .accountInfo .out { display:block; margin:12px 0; color:var(--text); }
.account-card .accountInfo .out:hover { color:#e94700;}
.quick-links { width:100%; margin-top:12px; display:flex; justify-content:space-between; }
.quick-links a { display:flex; flex-direction:column; align-items:center; gap:4px; color:var(--text); font-size:12px; white-space:nowrap; transition:color .18s ease; }
.quick-icon { position:relative; width:40px; height:40px; display:grid; place-items:center; background:#f3f3f3; border-radius:50%; transition:background-color .18s ease; }
.quick-icon img { position:absolute; width:24px; height:24px; object-fit:contain; transition:opacity .18s ease; }
.quick-icon-hover { opacity:0; }
.quick-links a:hover { color:#ff5000; }
.quick-links a:hover .quick-icon { background-color:#ffede5; }
.quick-links a:hover .quick-icon-default { opacity:0; }
.quick-links a:hover .quick-icon-hover { opacity:1; }
.merchant-card { min-height:0; flex:1; overflow:hidden; background:#fff; border-radius:10px; }
.merchant-entry,.merchant-entry img { width:100%; height:100%; display:block; }
.merchant-entry img { object-fit:cover; }
.services { height:96px; margin-top:20px; padding:20px; display:grid; grid-template-columns:repeat(5,1fr); background:#fff; border-radius:10px; }
.service-item { min-width:0; display:flex; align-items:center; gap:10px; }
.service-icon { width:56px; height:56px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; }
.service-icon img { width:30px; height:30px; }
.service-item:nth-child(1) .service-icon { background:#dfeefd; }.service-item:nth-child(2) .service-icon { background:#d3f0ea; }.service-item:nth-child(3) .service-icon { background:#ffedbf; }.service-item:nth-child(4) .service-icon { background:#ead9fd; }.service-item:nth-child(5) .service-icon { background:#ffe8e6; }
.service-copy { min-width:0; display:flex; flex-direction:column; line-height:24px; white-space:nowrap; }
.service-copy strong { font-size:16px; }.service-copy span { color:var(--muted); font-size:12px; }
.showcase-row { height:222px; margin-top:20px; display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.showcase { min-width:0; border:1px solid #fff; border-radius:10px; overflow:hidden; }
.showcase.blue { background:linear-gradient(180deg,#e3efff 0,#fff 23%); }.showcase.red { background:linear-gradient(180deg,#ffedee 0,#fff 20%); }
.showcase .showcase-heading { height:44px; padding:0 20px; display:flex; align-items:center; justify-content:space-between; font-size:14px; }
.showcase .showcase-heading a { width:20px; height:20px; flex:0 0 auto; display:grid; place-items:center; background:#fff; border:1px solid transparent; border-radius:50%; box-shadow:none; transition:border-color .18s ease,background-color .18s ease; }
.showcase .showcase-heading a:hover { background:#fff; border-color:#255fac; box-shadow:none; }
.showcase.red .showcase-heading a { color:#db3d39; }
.showcase.red .showcase-heading a:hover { border-color:#db3d39; }
.showcase-products { height:178px; padding:4px 20px 20px; display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.showcase-product { position:relative; min-width:0; aspect-ratio:1; align-self:start; overflow:hidden; border-radius:8px; }
.showcase-product img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .35s ease; }
.showcase-product:hover img { transform:scale(1.07); }
.showcase-product span { position:absolute; left:50%; bottom:5px; transform:translateX(-50%); padding:2px 12px; color:#fff; background:rgba(0,0,0,.5); border-radius:32px; font-size:14px; font-weight:600; white-space:nowrap; }
.products-section { margin-top:20px; padding:0 0 20px 0; }
.product-heading { position:relative; z-index:90; height:52px; padding:8px 0; display:flex; align-items:center; background:transparent; }
.product-heading::before { content:""; position:absolute; z-index:-1; top:0; bottom:0; left:50%; width:max(100vw,1366px); opacity:0; transform:translateX(-50%); background:#fff; box-shadow:0 5px 14px rgba(29,33,41,.1); transition:opacity .16s ease; }
.product-heading.is-stuck { position:fixed; top:88px; left:0; right:0; z-index:99; padding:8px max(0px,calc((100% - var(--content-width)) / 2)); background:#fff; box-shadow:0 5px 14px rgba(29,33,41,.1); }
.product-heading.is-stuck::before { display:none; }
.product-heading h2 { width:104px; flex:0 0 auto; font-size:20px; line-height:36px; }
.filter-nav { position:relative; min-width:0; flex:1; height:36px; display:flex; align-items:stretch; }
.filter-tabs { min-width:0; flex:1; height:36px; display:flex; align-items:stretch; justify-content:flex-end; gap:2px; overflow-x:auto; overflow-y:hidden; scroll-behavior:smooth; scrollbar-width:none; overscroll-behavior-x:contain; }
.filter-tabs::-webkit-scrollbar { display:none; }
.filter-nav.is-overflowing .filter-tabs { justify-content:flex-start; }
.filter-tab { flex:0 0 auto; min-width:max-content; padding:0 12px; display:flex; align-items:center; justify-content:center; gap:0; color:#4e5969; background:none; border:0; border-radius:4px; font-size:14px; white-space:nowrap; }
.filter-tab:hover { color:var(--blue); background:transparent; }
.filter-tab.active { color:var(--blue); background:#edf2ff; font-weight:600; }
.filter-tab img { width:24px; height:24px; flex:0 0 auto; object-fit:contain; }
.filter-scroll { position:relative; z-index:2; width:0; height:32px; flex:0 0 0; padding:0; display:grid; place-items:center; overflow:hidden; visibility:hidden; opacity:0; color:#4e5969; background:#fff; border:0 solid var(--border); border-radius:50%; box-shadow:0 3px 10px rgba(29,33,41,.12); transition:width .18s,flex-basis .18s,margin .18s,opacity .18s,visibility .18s,background-color .18s; }
.filter-scroll img { width:20px; height:20px; }
.filter-nav.is-overflowing .filter-scroll { width:32px; flex-basis:32px; border-width:1px; }
.filter-nav.is-overflowing .filter-scroll-prev { margin-right:6px; }
.filter-nav.is-overflowing .filter-scroll-next { margin-left:6px; }
.filter-nav.is-overflowing .filter-scroll:not(:disabled) { visibility:visible; opacity:1; }
.filter-scroll:hover { background:#f2f5ff; }
.filter-scroll:disabled { visibility:hidden; opacity:0; pointer-events:none; }
.product-grid { margin-top:12px; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:24px; }
.product-card { position:relative; min-width:0; padding-bottom:8px; overflow:hidden; background:#fff; border-radius:8px; cursor:pointer; transition:transform .2s,box-shadow .2s; }
.product-card:hover { z-index:2; transform:translateY(-3px); box-shadow:0 10px 28px rgba(29,33,41,.18); }
.product-image { position:relative; width:100%; aspect-ratio:1; overflow:hidden; background:#eee; }
.product-image img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.product-card:hover .product-image img { transform:scale(1.07); }
.cart-button { position:absolute; right:12px; bottom:12px; width:40px; height:40px; display:grid; place-items:center; opacity:0; transform:translateY(8px); color:var(--orange); background:#fff; border:1px solid #ffd3c0; border-radius:50%; box-shadow:0 4px 12px rgba(29,33,41,.14); transition:opacity .2s,transform .2s,background-color .2s,border-color .2s; }
.product-card:hover .cart-button { opacity:1; transform:none; }
.cart-button:hover { background:var(--orange); border-color:var(--orange); }
.cart-button img { width:20px; height:20px; transition:filter .2s ease; }
.cart-button:hover img { filter:brightness(0) invert(1); }
.product-title { padding:4px 8px 4px; margin-bottom:0px !important; overflow:hidden; font-size:16px; line-height:24px; text-overflow:ellipsis; white-space:nowrap; }
.product-title a { color:var(--text)}
.product-card .product-meta { height:29px; padding:0 8px; display:flex; align-items:baseline; gap:8px; }
.product-card .price { color:var(--orange); font-size:16px; font-weight:600; }.price b { font-size:24px; }.stock { color:var(--muted); font-size:14px; white-space:nowrap; }
.product-card .shipping { height:24px; padding:5px 8px 0 8px; color:#c9cdd4; font-size:12px; line-height:24px; white-space:nowrap; }
.loading { height:94px; padding:30px 0 40px; display:grid; place-items:center; }.loading span { width:24px; height:24px; border:3px dotted #9ca3af; border-radius:50%; animation:spin 1.2s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .banner-track,.mini-product img,.showcase-product img { transition:none; } }
.footer { height:452px; color:rgba(255,255,255,.7); background:#000; }
.footer-content { height:100%; padding-top:48px; padding-bottom:24px; display:flex; flex-direction:column; gap:20px; }
.footer-brand { height:32px; display:flex; align-items:center; gap:10px; color:#fff; font-size:16px; }.footer-brand img { width:87px; height:20px; object-fit:contain; }
.brand-summary p { color:rgba(255,255,255,.8); font-size:14px; line-height:25.2px; }
.footer-columns { padding-top:20px; display:flex; justify-content:space-between; }.footer-nav { width:790px; display:flex; justify-content:space-between; }.footer-nav>div { width:160px; display:flex; flex-direction:column; }.footer-nav>div:last-child { width:120px; }.footer-nav strong,.footer-nav a { font-size:14px; line-height:32px; }.footer-nav strong { color:#fff; }.footer-nav a:hover,.copyright a:hover { color:#fff; }
.contact { width:393px; display:flex; flex-direction:column; font-style:normal; font-size:14px; line-height:28px; }.contact strong { color:#fff; line-height:32px; }
.copyright { margin-top:auto; padding-top:20px; display:flex; justify-content:space-between; border-top:1px solid rgba(255,255,255,.18); font-size:12px; line-height:24px; }
.back-top { position:fixed; z-index:30; right:84px; bottom:48px; width:48px; height:48px; display:grid; place-items:center; visibility:hidden; opacity:0; background:#fff; border:1px solid var(--border); border-radius:50%; box-shadow:0 3px 12px rgba(0,0,0,.1); transition:.2s; }.back-top.show { visibility:visible; opacity:1; }.back-top:hover { transform:translateY(-3px); }.back-top img { width:24px; height:24px; }
.toast { position:fixed; z-index:40; left:50%; bottom:80px; padding:10px 18px; visibility:hidden; opacity:0; transform:translate(-50%,10px); color:#fff; background:rgba(29,33,41,.9); border-radius:6px; font-size:14px; transition:.2s; }.toast.show { visibility:visible; opacity:1; transform:translate(-50%,0); }
@media (max-width:1500px) { .service-icon { width:48px; height:48px; }.service-copy strong { font-size:14px; }.service-copy span { font-size:11px; }.quick-icon { width:34px; height:34px; }.quick-icon img { width:21px; height:21px; }.quick-links a { font-size:11px; }.account-card h2 { font-size:14px; }.footer-nav { width:650px; }.back-top { right:32px; } }
#@media (min-width:1366px) { html,body { overflow-x:clip; } }
@media (min-width:1366px) and (max-width:1439px) {
  .page-width { padding-inline:clamp(0px,calc((1440px - 100vw) * .324),24px); }
  .product-grid { gap:24px; }
}