:root{color-scheme:light;--navy:#102b4e;--navy2:#173e68;--gold:#bd9445;--ink:#202938;--muted:#687386;--line:#e8edf3;--soft:#f6f8fb;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff}.top{min-height:72px;padding:12px max(22px,calc((100% - 1200px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(12px);z-index:5}.brand{display:flex;align-items:center;gap:10px;font-weight:850;color:var(--navy);font-size:1.12rem;text-decoration:none;letter-spacing:-.3px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--navy);color:white;font-size:.8rem;letter-spacing:-1px}.top nav{display:flex;gap:26px}.top nav a,footer a{color:var(--muted);text-decoration:none;font-weight:650}.top nav a:hover,footer a:hover{color:var(--navy)}.top nav .current{color:var(--gold)}.wrap{max-width:1200px;padding:0 24px;margin:auto}.intro{text-align:center;padding:66px 0 34px}.eyebrow{font-size:.72rem;letter-spacing:2.2px;font-weight:850;color:var(--gold)}h1{font-size:clamp(2.45rem,5.2vw,4.1rem);line-height:1.06;letter-spacing:-2.2px;color:var(--navy);margin:14px 0}h1 em{font-style:normal;color:#b68b3d}.intro>p:not(.notice){color:var(--muted);max-width:650px;margin:15px auto}.trust-row{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin:22px 0 8px;color:#526174;font-size:.83rem;font-weight:650}.trust-row span::first-letter{color:#3b896b}.notice{display:inline-block;background:#fbf8f1;color:#705b34;border:1px solid #eee5d5;padding:8px 13px;border-radius:8px;font-size:.78rem;margin:10px 0 0}.shop-tools{padding:16px 0 0;border-top:1px solid var(--line)}.toolbar{display:flex;gap:12px;align-items:end}.search{display:flex;align-items:center;gap:10px;flex:1;min-width:180px;border:1px solid var(--line);border-radius:10px;padding:0 14px;color:var(--muted);font-size:1.35rem}.search:focus-within{border-color:#9eafc2;box-shadow:0 0 0 3px #102b4e0b}.search input{border:0;outline:0;width:100%;padding:13px 0;font:inherit;font-size:.93rem;color:var(--ink);background:transparent}.filter-label{display:grid;gap:4px;color:var(--muted);font-size:.72rem;font-weight:700}.filter-label select{min-width:155px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font:inherit;font-size:.88rem}.meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.8rem;margin:17px 0 9px}.status{color:var(--muted);font-size:.82rem;min-height:1.2em;margin:6px 0 14px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product{border:1px solid var(--line);border-radius:13px;overflow:hidden;display:flex;flex-direction:column;min-width:0;background:#fff;transition:box-shadow .2s,border-color .2s,transform .2s}.product:hover{transform:translateY(-3px);border-color:#d8e0e9;box-shadow:0 14px 32px #102b4e12}.photo{height:210px;background:linear-gradient(145deg,#f8fafc,#f1f4f8);display:grid;place-items:center;text-decoration:none;overflow:hidden}.photo img{width:100%;height:100%;object-fit:contain;padding:12px;mix-blend-mode:multiply;transition:transform .25s}.product:hover .photo img{transform:scale(1.035)}.no-photo{color:#9aa3af;font-size:.82rem}.pbody{padding:15px;display:flex;flex-direction:column;flex:1}.source{font-size:.67rem;color:#9a742f;font-weight:850;text-transform:uppercase;letter-spacing:.8px}.product h2{font-size:.96rem;line-height:1.42;color:var(--navy);margin:8px 0 7px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:4.05em}.desc{color:var(--muted);font-size:.79rem;line-height:1.5;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.price{font-size:1.17rem;font-weight:850;color:var(--ink);margin-top:auto;padding-top:8px}.old{font-size:.76rem;color:#8a93a1;text-decoration:line-through;margin-left:7px;font-weight:500}.cta{display:flex;justify-content:center;align-items:center;gap:8px;background:var(--navy);color:#fff;text-decoration:none;padding:10px 12px;border-radius:8px;font-weight:750;font-size:.84rem;margin-top:12px;transition:background .2s}.cta:hover{background:var(--navy2)}.empty{grid-column:1/-1;display:grid;gap:5px;padding:48px 20px;text-align:center;background:var(--soft);border:1px dashed #dce3ec;border-radius:12px;color:var(--muted)}.empty strong{color:var(--navy)}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin:28px 0;color:var(--muted);font-size:.85rem}.pagination button{border:1px solid var(--line);background:white;border-radius:8px;padding:9px 15px;color:var(--navy);font:inherit;font-weight:700;cursor:pointer}.pagination button:disabled{opacity:.4;cursor:not-allowed}.disclosure{margin:52px 0 32px;border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font-size:.86rem}.disclosure h2{color:var(--navy);font-size:1.08rem;margin:0 0 8px}footer{text-align:center;border-top:1px solid var(--line);padding:24px;color:var(--muted);font-size:.82rem}footer div{display:flex;justify-content:center;gap:10px}footer p{margin:8px 0 0}@media(max-width:980px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.top{padding:11px 16px}.top nav{gap:17px}.wrap{padding:0 16px}.intro{padding:46px 0 27px}.trust-row{gap:9px 16px}.toolbar{flex-wrap:wrap}.search{flex-basis:100%}.filter-label{flex:1}.filter-label select{width:100%;min-width:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.photo{height:158px}.pbody{padding:11px}.product h2{font-size:.87rem}.desc{font-size:.74rem}.price{font-size:1.04rem}.cta{font-size:.76rem;padding:9px 7px}.meta{font-size:.73rem}}@media(max-width:380px){.grid{grid-template-columns:1fr}.photo{height:205px}.top nav{gap:12px}.brand{font-size:1rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* usamarket.live mall storefront identity */
.top .mall-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#102b4e}
.top .mall-mark{width:48px;height:48px;flex:0 0 48px}
.top .mall-wordmark{display:flex;flex-direction:column;line-height:1.05;letter-spacing:-.03em}
.top .mall-wordmark strong{font-size:1.08rem;font-weight:900;color:#102b4e}
.top .mall-wordmark small{align-self:flex-start;margin-top:4px;padding:3px 9px;border-radius:5px;background:#102b4e;color:#fff;font-size:.65rem;font-weight:900;letter-spacing:.2em}
@media(max-width:520px){.top .mall-mark{width:40px;height:40px;flex-basis:40px}.top .mall-wordmark strong{font-size:.92rem}}

/* Main mall banner: shop page only */
.mall-banner{width:100%;max-width:1200px;margin:0 auto;padding:18px 24px 0}.mall-banner img{display:block;width:100%;height:auto;max-height:340px;object-fit:cover;object-position:center;border-radius:14px}@media(max-width:700px){.mall-banner{padding:12px 16px 0}.mall-banner img{border-radius:10px;max-height:none}}

/* Shop language selector uses the same Google page-translation widget as the news homepage. */
.top nav .language-control select{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--navy);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;max-width:145px}
@media(max-width:520px){.top nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}.top nav .language-control select{max-width:125px;padding:7px 6px;font-size:.75rem}}

/* Product photography: larger, clean image stage similar to major retail catalogues. */
.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.photo{height:260px;background:#fff;border-bottom:1px solid #f0f2f5;padding:10px}
.photo img{width:100%;height:100%;object-fit:contain;padding:0;mix-blend-mode:normal}
.product{border-radius:12px;box-shadow:0 2px 10px rgba(16,43,78,.045)}
.product:hover{box-shadow:0 12px 28px rgba(16,43,78,.11)}
.pbody{padding:16px}
.product h2{font-size:.98rem;min-height:4.15em}
@media(max-width:980px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.photo{height:230px}}
@media(max-width:700px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo{height:190px;padding:8px}.pbody{padding:12px}}
@media(max-width:380px){.grid{grid-template-columns:1fr}.photo{height:250px}}

/* Premium catalogue refresh: consistent image stages, hierarchy and responsive cards */
.intro{padding-top:48px;padding-bottom:30px}
.shop-tools{position:relative}
.meta{align-items:center;margin-top:20px}
#count{font-weight:800;color:#102b4e}
.grid{align-items:stretch;gap:22px}
.product{position:relative;border:1px solid #e6ebf1;border-radius:16px;box-shadow:0 3px 14px rgba(16,43,78,.055);overflow:hidden}
.photo{height:278px;padding:16px;background:linear-gradient(180deg,#fff 0%,#fafbfd 100%);border-bottom:1px solid #edf0f4}
.photo img{object-fit:contain;transition:transform .3s ease}
.product:hover .photo img{transform:scale(1.055)}
.pbody{padding:17px;gap:2px}
.source{display:inline-flex;align-self:flex-start;align-items:center;background:#f7f2e8;color:#876323;border-radius:30px;padding:4px 9px;font-size:.62rem;letter-spacing:.55px}
.product h2{font-size:1rem;line-height:1.4;min-height:4.2em;margin:9px 0 5px}
.desc{font-size:.8rem;line-height:1.55;min-height:2.4em}
.price{font-size:1.22rem;color:#102b4e;padding-top:10px}
.old{color:#929baa}
.cta{min-height:44px;border-radius:9px;font-size:.86rem;letter-spacing:.1px;box-shadow:0 3px 8px rgba(16,43,78,.12)}
.cta:hover{background:#214d78;transform:translateY(-1px)}
.pagination{gap:12px;margin:34px 0 42px}
.pagination button{min-width:92px;padding:10px 16px}
.pagination button:not(:disabled):hover{background:#102b4e;color:#fff;border-color:#102b4e}
.status{font-size:.84rem}
@media(max-width:980px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.photo{height:235px}}
@media(max-width:700px){.intro{padding-top:34px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo{height:190px;padding:10px}.pbody{padding:12px}.product h2{font-size:.88rem;min-height:4.2em}.source{font-size:.57rem}.price{font-size:1.06rem}.cta{font-size:.76rem;min-height:40px}}
@media(max-width:380px){.grid{grid-template-columns:1fr}.photo{height:255px}.pbody{padding:15px}}


/* Borderless horizontal catalogue shelves */
#products.catalogues{display:block;overflow:visible}
.catalogue{padding:24px 0 30px;margin:0 0 10px;border:0}
.catalogue-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 16px}
.catalogue-kicker{display:block;color:#a17a35;font-size:.66rem;font-weight:900;letter-spacing:1.7px}
.catalogue-head h2{margin:5px 0 2px;color:#102b4e;font-size:clamp(1.35rem,2.6vw,1.9rem);line-height:1.2;letter-spacing:-.6px}
.catalogue-total{color:#7b8797;font-size:.78rem;font-weight:650}
.shelf-arrows{display:flex;gap:8px;flex-shrink:0}
.shelf-arrows button{width:42px;height:42px;border:0;border-radius:50%;background:#102b4e;color:#fff;font-size:1.65rem;line-height:1;cursor:pointer;box-shadow:0 3px 12px #102b4e20}
.shelf-arrows button:hover{background:#bd9445}
.shelf{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 66px)/4);gap:22px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c7d0dc transparent;padding:2px 2px 14px}
.shelf .product{scroll-snap-align:start;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}
.shelf .product:hover{transform:translateY(-3px);box-shadow:none}
.shelf .photo{height:250px;border:0;border-radius:12px;background:#f7f8fa;padding:14px}
.shelf .pbody{padding:12px 3px 4px}
.shelf .product h2{min-height:4.1em;font-size:.94rem}
.shelf .cta{border-radius:7px}
.shelf::-webkit-scrollbar{height:6px}.shelf::-webkit-scrollbar-thumb{background:#c7d0dc;border-radius:8px}
@media(max-width:980px){.shelf{grid-auto-columns:calc((100% - 44px)/3);gap:22px}}
@media(max-width:700px){.catalogue{padding:18px 0 24px}.shelf{grid-auto-columns:calc((100% - 12px)/2);gap:12px}.shelf .photo{height:190px;padding:8px}.shelf .pbody{padding:10px 2px}.shelf .product h2{font-size:.86rem}.shelf-arrows button{width:36px;height:36px}}
@media(max-width:380px){.shelf{grid-auto-columns:82%}.shelf .photo{height:225px}}
.product-title-link{color:inherit;text-decoration:none}.product-title-link:hover{text-decoration:underline;text-underline-offset:3px}


/* Mobile product detail: stack image and information instead of squeezing the image column. */
@media (max-width: 700px) {
  .product-detail {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 20px !important;
  }
  .product-detail > div:first-child {
    min-width: 0;
    width: 100%;
  }
  .product-detail > div:first-child img {
    display: block;
    width: 100% !important;
    max-width: 100%;
    max-height: 440px;
    height: auto;
    object-fit: contain;
    margin: 0 auto;
  }
  .product-detail h1 {
    font-size: clamp(1.9rem, 8vw, 2.65rem);
    line-height: 1.12;
    letter-spacing: -1px;
  }
}