:root { --ink:#071329; --ink-soft:#122445; --paper:#f4f7fb; --white:#fff; --blue:#2d66ff; --cyan:#56ddff; --violet:#8e7bff; --muted:#66748e; --line:#dfe6f0; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Arial,"Segoe UI",sans-serif; text-align:right; }
a { color:inherit; }
.skip-link { position:fixed; inset-block-start:.5rem; inset-inline-start:.5rem; z-index:9999; padding:.7rem 1rem; background:white; transform:translateY(-150%); }
.skip-link:focus { transform:translateY(0); }
.topline { padding:.48rem 0; background:var(--ink); color:#b9c8e4; font-size:.78rem; letter-spacing:.02em; }
.navbar { min-height:78px; background:rgba(255,255,255,.96); border-bottom:1px solid rgba(7,19,41,.08); }
.navbar-toggler { border-color:#cbd5e1; }
.brand { display:inline-flex; align-items:center; gap:.65rem; text-decoration:none; }
.brand-mark { display:grid; place-items:center; width:42px; height:42px; color:white; background:linear-gradient(145deg,var(--blue),var(--violet)); border-radius:12px 4px 12px 4px; font-size:1.35rem; font-weight:900; box-shadow:0 10px 25px rgba(45,102,255,.24); }
.brand-copy { display:flex; flex-direction:column; line-height:1; }
.brand-copy strong { letter-spacing:.13em; font-size:.92rem; }
.brand-copy small { margin-top:.4rem; color:var(--muted); font-size:.68rem; }
.nav-link { margin-inline:.25rem; color:#34425a; font-weight:700; }
.nav-link:hover,.nav-link:focus,.nav-link.active { color:var(--blue); }
.header-link { color:var(--blue); font-weight:800; text-decoration:none; }

.hero { position:relative; overflow:hidden; color:white; background:radial-gradient(circle at 15% 10%,rgba(86,221,255,.18),transparent 26%),radial-gradient(circle at 82% 74%,rgba(142,123,255,.24),transparent 30%),var(--ink); }
.hero::after { content:""; position:absolute; inset:0; opacity:.12; background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to left,black,transparent 78%); }
.hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; min-height:610px; padding-block:5.5rem; }
.hero-copy { max-width:660px; }
.eyebrow { display:inline-block; margin-bottom:1.2rem; color:var(--cyan); font-size:.78rem; font-weight:800; letter-spacing:.08em; }
.eyebrow.dark { color:var(--blue); }
.hero h1 { margin:0; font-size:clamp(3.1rem,7vw,6.3rem); line-height:.95; font-weight:900; letter-spacing:-.06em; }
.hero h1 span { color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.85); }
.hero-copy>p { max-width:590px; margin:2rem 0; color:#c7d4e9; font-size:1.16rem; line-height:1.8; }
.hero-actions { display:flex; gap:.8rem; flex-wrap:wrap; }
.btn { border-radius:10px 3px 10px 3px; font-weight:800; }
.btn-primary { border-color:var(--blue); background:var(--blue); box-shadow:0 14px 35px rgba(45,102,255,.3); }
.btn-primary:hover { border-color:#1f54e5; background:#1f54e5; }
.hero-note { margin-top:2rem; color:#93a5c3; font-size:.83rem; }
.hero-note span { color:#43e49b; }
.hero-visual { position:relative; min-height:460px; }
.tech-card { position:absolute; inset:50% auto auto 50%; display:flex; flex-direction:column; width:270px; aspect-ratio:1; padding:1.6rem; border:1px solid rgba(255,255,255,.22); border-radius:36px 8px 36px 8px; background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.05)); backdrop-filter:blur(16px); transform:translate(-50%,-50%) rotate(-7deg); box-shadow:0 36px 80px rgba(0,0,0,.36); }
.tech-card strong { margin:auto; font-size:8rem; line-height:.8; color:transparent; -webkit-text-stroke:2px white; }
.tech-card small { align-self:end; color:var(--cyan); font-weight:800; }
.tech-card-label { color:#bcd0f0; font-size:.68rem; letter-spacing:.18em; }
.orbit { position:absolute; border:1px solid rgba(86,221,255,.3); border-radius:50%; }
.orbit-one { inset:4% 10% 12% 4%; transform:rotate(16deg); }
.orbit-two { inset:18% 0 4% 18%; border-color:rgba(142,123,255,.38); }
.data-pill { position:absolute; padding:.7rem 1rem; color:#dae7fb; border:1px solid rgba(255,255,255,.2); border-radius:999px; background:rgba(9,24,52,.82); font-size:.74rem; font-weight:700; }
.pill-one { inset-block-start:20%; inset-inline-start:2%; }
.pill-two { inset-block-end:17%; inset-inline-end:5%; }

.category-section { padding:7rem 0; }
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:2rem; margin-bottom:2.4rem; }
.section-heading h2,.trust-section h2 { margin:0; font-size:clamp(2.3rem,5vw,4.4rem); font-weight:900; letter-spacing:-.05em; }
.section-heading p { max-width:390px; color:var(--muted); line-height:1.7; }
.category-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; }
.category-card { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:1.4rem; min-height:170px; padding:2rem; border:1px solid var(--line); border-radius:18px 5px 18px 5px; background:white; box-shadow:0 16px 50px rgba(20,39,70,.05); transition:transform .2s ease,border-color .2s ease; }
.category-card:hover { transform:translateY(-4px); border-color:#acc1ff; }
.category-card-primary { color:white; border-color:var(--blue); background:linear-gradient(135deg,#214fe0,var(--blue)); }
.category-index { align-self:start; color:var(--blue); font-size:.74rem; font-weight:900; }
.category-card-primary .category-index { color:var(--cyan); }
.category-card h3 { margin:0 0 .5rem; font-size:1.65rem; font-weight:900; }
.category-card p { margin:0; color:var(--muted); }
.category-card-primary p { color:#dce5ff; }
.category-arrow { font-size:1.6rem; }

.trust-section { padding:7rem 0; color:white; background:var(--ink-soft); }
.trust-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:7rem; }
.trust-points article { display:grid; grid-template-columns:50px 1fr; gap:1rem; padding:1.8rem 0; border-bottom:1px solid rgba(255,255,255,.12); }
.trust-points article:first-child { padding-top:0; }
.trust-points span { color:var(--cyan); font-size:.75rem; font-weight:900; }
.trust-points h3 { margin:0 0 .5rem; font-weight:800; }
.trust-points p { margin:0; color:#aebdd5; line-height:1.7; }
.site-footer { color:#9fadc4; background:#050d1d; }
.footer-grid { display:grid; grid-template-columns:1.4fr .7fr 1fr; gap:4rem; padding-block:4rem; }
.brand-footer { color:white; margin-bottom:1rem; }
.footer-grid p { max-width:430px; margin:.8rem 0 0; line-height:1.7; }
.footer-grid>div { display:flex; flex-direction:column; align-items:flex-start; }
.footer-grid strong { color:white; }
.footer-grid a:not(.brand) { margin-top:.7rem; text-decoration:none; }
.footer-grid a:hover { color:var(--cyan); }
.footer-bottom { padding-block:1.2rem; border-top:1px solid rgba(255,255,255,.08); font-size:.78rem; }

@media (max-width:991.98px) {
  .navbar-collapse { padding:1rem 0; }
  .hero-grid { grid-template-columns:1fr; padding-block:4rem; }
  .hero-visual { min-height:370px; }
  .tech-card { width:220px; }
  .tech-card strong { font-size:6rem; }
  .trust-grid { grid-template-columns:1fr; gap:3rem; }
}

/* UI / Functional Correction 03: GoldTop-defined automatic catalog filters */
.catalog-loading { display:flex; align-items:center; gap:.55rem; width:max-content; margin:-1.25rem 0 1rem; padding:.48rem .7rem; color:#17498e; border:1px solid #c9daf7; border-radius:8px; background:#f4f8ff; font-size:.78rem; font-weight:800; }
.catalog-loading[hidden] { display:none; }
.catalog-loading-spinner { width:15px; height:15px; border:2px solid #b8cff6; border-top-color:var(--blue); border-radius:50%; animation:catalog-filter-spin .7s linear infinite; }
@keyframes catalog-filter-spin { to { transform:rotate(360deg); } }
.catalog-page.is-filter-loading #catalog-results { opacity:.52; transition:opacity .16s ease; }
.catalog-page.is-filter-loading .catalog-filter-form { pointer-events:none; opacity:.78; }
.filter-title { margin-bottom:1rem; }
.catalog-filter-form .filter-group { margin:0; padding:.85rem 0; border-bottom:1px solid var(--line); }
.catalog-filter-form .filter-group:first-of-type { border-top:1px solid var(--line); }
.catalog-filter-form .filter-group summary { display:flex; align-items:center; justify-content:space-between; gap:.6rem; margin:0; list-style:none; }
.catalog-filter-form .filter-group summary::-webkit-details-marker { display:none; }
.catalog-filter-form .filter-group summary::after { content:"+"; flex:0 0 auto; color:var(--blue); font-size:1rem; }
.catalog-filter-form .filter-group[open] summary::after { content:"−"; }
.catalog-filter-form .filter-group summary small { margin-inline-start:auto; color:var(--muted); font-size:.65rem; font-weight:600; }
.catalog-filter-form .filter-group .filter-options { margin-top:.75rem; padding-inline-end:.25rem; }
.catalog-filter-form .price-band-group { margin-bottom:.7rem; padding:.9rem; border:1px solid #cbdaf4; border-radius:9px; background:#f6f9ff; }
.catalog-filter-form .price-band-group .filter-options { max-height:none; }
.filter-options label { min-height:26px; padding:.18rem .15rem; border-radius:5px; }
.filter-options label:hover { background:#f3f7fd; }
.filter-options label.is-unavailable { cursor:not-allowed; opacity:.44; }
.filter-options input { width:16px; height:16px; }
.filter-empty-message { margin:0; padding:.85rem; color:var(--muted); border:1px dashed #cbd4e1; border-radius:8px; font-size:.8rem; line-height:1.6; }
.filter-clear-all { display:inline-flex; margin-top:1rem; color:var(--blue); font-size:.78rem; font-weight:800; text-decoration:none; }
.active-filter-chip { display:inline-flex; align-items:center; gap:.35rem; padding:.32rem .55rem; color:#17498e; border-radius:999px; background:#e2edff; text-decoration:none; }
.active-filter-bar .active-filter-chip span { padding:0; background:transparent; }
.active-filter-chip span:last-child { font-size:1rem; line-height:1; }
.active-filter-bar .clear-filter-link { margin-inline-start:auto; }

@media (max-width:767.98px) {
  .active-filter-bar .active-filter-chip { width:auto; margin-top:0; }
  .active-filter-bar .clear-filter-link { width:100%; margin-top:.35rem; }
  #catalogFilters .offcanvas-body { padding-top:.5rem; }
  #catalogFilters .catalog-filter-form .filter-options { max-height:260px; }
}

@media (prefers-reduced-motion:reduce) {
  .catalog-loading-spinner { animation:none; }
}
@media (max-width:767.98px) {
  .hero-grid { min-height:auto; }
  .hero-copy>p { font-size:1rem; }
  .section-heading { display:block; }
  .section-heading p { margin-top:1rem; }
  .category-grid { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:1fr; gap:2.4rem; }
}

/* Phase 1C live catalog */
.sort-form select,.catalog-results-top select { min-height:44px; padding:.45rem .8rem; border:1px solid var(--line); border-radius:8px; background:#fff; }
.filter-panel { align-self:start; position:sticky; top:1.25rem; padding:1.4rem; border:1px solid var(--line); border-radius:var(--radius-md); background:#fff; }
.catalog-filter-form h2 { margin:.35rem 0 1.2rem; font-size:1.35rem; font-weight:900; }
.catalog-filter-form fieldset,.catalog-filter-form details { padding:0 0 1.2rem; margin:0 0 1.2rem; border:0; border-bottom:1px solid var(--line); }
.catalog-filter-form legend,.catalog-filter-form summary { margin-bottom:.8rem; color:var(--ink); font-size:.92rem; font-weight:900; cursor:pointer; }
.filter-options { display:grid; gap:.55rem; max-height:250px; overflow:auto; }
.filter-options label { display:grid; grid-template-columns:auto 1fr auto; align-items:start; gap:.55rem; color:#34445d; font-size:.82rem; cursor:pointer; }
.filter-options input { margin-top:.2rem; accent-color:var(--blue); }
.filter-options small { color:var(--muted); }
.price-fields { display:grid; grid-template-columns:1fr 1fr; gap:.6rem; }
.price-fields label { color:var(--muted); font-size:.75rem; }
.price-fields input { width:100%; min-height:42px; margin-top:.25rem; padding:.45rem; border:1px solid var(--line); border-radius:7px; }
.filter-actions { display:flex; align-items:center; gap:1rem; }
.filter-actions a { color:var(--muted); font-size:.82rem; }
.pagination-nav { display:flex; justify-content:space-between; align-items:center; margin-top:2rem; padding:1rem; border-top:1px solid var(--line); color:var(--muted); }
.pagination-nav div { display:flex; gap:.6rem; }
.pagination-nav a { padding:.55rem 1rem; color:var(--blue); border:1px solid #bfd0fa; border-radius:8px; text-decoration:none; font-weight:800; }
.catalog-results-top { display:flex; justify-content:space-between; align-items:end; gap:1rem; }
.product-page { padding:2.4rem 0 7rem; }
.product-detail-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr); gap:4rem; align-items:start; }
.product-main-image { display:grid; place-items:center; min-height:520px; padding:2rem; border:1px solid var(--line); border-radius:var(--radius-lg); background:#f7f9fc; }
.product-main-image img { max-width:100%; max-height:480px; object-fit:contain; }
.product-thumbnails { display:flex; gap:.7rem; margin-top:.8rem; overflow:auto; }
.product-thumbnails a { display:grid; place-items:center; width:86px; height:86px; padding:.4rem; border:1px solid var(--line); border-radius:10px; background:#fff; }
.product-thumbnails img { max-width:100%; max-height:100%; object-fit:contain; }
.product-summary { padding-top:2rem; }
.product-summary h1 { margin:.7rem 0 1rem; font-size:clamp(2rem,4vw,3.6rem); line-height:1.15; letter-spacing:-.04em; font-weight:900; }
.detail-price { margin:2rem 0 .7rem; font-size:2.4rem; font-weight:900; }
.warranty,.purchase-note { color:var(--muted); }
.purchase-button { margin-top:1.5rem; }
.purchase-note { margin-top:.8rem; font-size:.78rem; }
.product-content,.related-products { margin-top:4rem; }
.product-content h2,.related-products h2 { margin-bottom:1.4rem; font-size:2rem; font-weight:900; }
.safe-description { max-width:900px; white-space:pre-line; color:#34445d; line-height:1.9; }
.specification-list { max-width:900px; margin:0; border:1px solid var(--line); border-radius:var(--radius-md); overflow:hidden; }
.specification-list>div { display:grid; grid-template-columns:minmax(180px,.35fr) 1fr; border-bottom:1px solid var(--line); }
.specification-list>div:last-child { border-bottom:0; }
.specification-list dt,.specification-list dd { padding:.85rem 1rem; margin:0; }
.specification-list dt { background:#f7f9fc; font-weight:800; }
@media (max-width:991.98px) { .product-detail-grid { grid-template-columns:1fr; gap:1.5rem; }.product-main-image { min-height:360px; } }
@media (max-width:767.98px) { .catalog-results-top { display:block; }.catalog-results-top form { margin-top:1rem; }.pagination-nav { align-items:flex-start; gap:1rem; }.product-main-image { min-height:280px; }.specification-list>div { grid-template-columns:1fr; }.specification-list dd { padding-top:0; }.product-detail-grid { gap:.5rem; } }

/* Phase 1D premium retail system */
:root { --ink:#071a36; --ink-soft:#0b274d; --paper:#f5f7fb; --blue:#1468f3; --blue-dark:#0754d3; --cyan:#14b8e6; --muted:#65738a; --line:#dce3ed; --radius-sm:8px; --radius-md:12px; --radius-lg:18px; --shadow-soft:0 12px 34px rgba(7,26,54,.08); }
body { color:var(--ink); background:var(--paper); font-family:Tahoma,Arial,sans-serif; font-size:15px; }
.container { max-width:1320px; }
.btn { border-radius:7px; box-shadow:none; }
.btn-primary { border-color:var(--blue); background:var(--blue); box-shadow:none; }
.btn-primary:hover,.btn-primary:focus { border-color:var(--blue-dark); background:var(--blue-dark); }
.section-kicker { display:block; margin-bottom:.35rem; color:var(--blue); font-size:.76rem; font-weight:800; }
.section-heading { margin-bottom:1.4rem; }
.section-heading h2 { font-size:clamp(1.55rem,2.5vw,2.25rem); letter-spacing:-.025em; }
.section-heading p { margin:0; }

.site-header { position:sticky; top:0; box-shadow:0 3px 16px rgba(7,26,54,.08); }
.utility-bar { color:#d4deec; background:#071a36; }
.utility-inner { min-height:29px; }
.header-main-grid { grid-template-columns:190px minmax(320px,1fr) auto; min-height:68px; gap:1.4rem; }
.official-brand { order:0; }
.official-brand img { width:162px; }
.header-search { height:44px; border-color:#c9d4e3; border-radius:7px; background:#fff; }
.header-search button { min-width:92px; }
.header-contact { padding-inline-start:1.2rem; border-inline-start:1px solid var(--line); }
.category-nav { background:#06172f; }
.category-nav-inner { min-height:44px; gap:1.8rem; }
.category-menu-trigger { min-width:196px; padding-inline:1.15rem; background:var(--blue); }
.category-menu-trigger::after { content:""; margin-inline-start:auto; border:5px solid transparent; border-top-color:#fff; transform:translateY(3px); }
.category-nav-inner>a { font-size:.84rem; }
.category-mega-menu { border-radius:0 0 12px 12px; }
.mobile-menu-button { width:auto; height:40px; padding:0 .7rem; color:var(--ink); font-size:.76rem; font-weight:800; }

.retail-hero { background:#fff; }
.retail-slide { height:470px; background-color:#edf2f8; background-repeat:no-repeat; background-size:cover; background-position:center; }
.retail-slide-work { background-image:url('/images/campaigns/hero-workstations.png'); }
.retail-slide-gaming { background-image:url('/images/campaigns/hero-gaming.png'); }
.retail-slide-displays { background-image:url('/images/campaigns/hero-displays.png'); }
.retail-slide-content { display:flex; justify-content:flex-start; align-items:center; height:100%; }
.retail-slide-copy { width:min(42%,520px); padding:2rem 0; }
.retail-slide-copy>span { display:block; margin-bottom:.65rem; color:var(--blue); font-weight:800; }
.retail-slide-copy h1,.retail-slide-copy h2 { margin:0 0 1rem; font-size:clamp(2.15rem,4.2vw,3.75rem); line-height:1.08; letter-spacing:-.045em; font-weight:900; }
.retail-slide-copy p { max-width:450px; margin:0 0 1.5rem; color:#4f5f76; font-size:1.05rem; line-height:1.65; }
.retail-slide-copy.is-dark { color:#fff; }
.retail-slide-copy.is-dark>span { color:#65dfff; }
.retail-slide-copy.is-dark p { color:#d6e1f2; }
.retail-hero .carousel-control-prev,.retail-hero .carousel-control-next { width:64px; opacity:1; }
.retail-hero .carousel-control-prev-icon,.retail-hero .carousel-control-next-icon { width:42px; height:42px; padding:.65rem; border-radius:50%; background-color:rgba(7,26,54,.82); background-size:45%; }
.retail-hero .carousel-indicators { margin-bottom:1rem; }
.retail-hero .carousel-indicators button { width:8px; height:8px; border:0; border-radius:50%; background-color:#70829d; }
.carousel-pause { position:absolute; inset-inline-start:1.25rem; bottom:1rem; z-index:3; padding:.35rem .6rem; color:#33445e; border:1px solid rgba(7,26,54,.2); border-radius:6px; background:rgba(255,255,255,.9); font-size:.72rem; }

.shopping-shortcuts { padding:1rem 0 1.4rem; background:#fff; }
.shortcut-grid { display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); gap:.55rem; }
.shortcut-card { position:relative; display:flex; align-items:flex-end; min-height:112px; padding:.65rem; border:1px solid var(--line); border-radius:9px; overflow:hidden; background-color:#f4f7fb; background-repeat:no-repeat; background-size:cover; text-decoration:none; }
.shortcut-card::before { content:""; position:absolute; inset:58% 0 0; background:rgba(255,255,255,.9); }
.shortcut-card span { position:relative; z-index:1; width:100%; color:var(--ink); text-align:center; font-size:.77rem; font-weight:800; line-height:1.25; }
.shortcut-image-1 { background-image:url('/images/campaigns/hero-workstations.png'); background-position:18% center; }
.shortcut-image-2 { background-image:url('/images/campaigns/hero-gaming.png'); background-position:22% center; }
.shortcut-image-3 { background-image:url('/images/campaigns/hero-displays.png'); background-position:20% center; }
.shortcut-card:hover,.shortcut-card:focus-visible { border-color:#8bb3f8; transform:translateY(-2px); }

.home-category-section { padding:3rem 0 3.35rem; background:#f4f6f9; }
.home-category-heading { margin-bottom:1.5rem; }
.home-category-heading p { max-width:520px; }
.home-category-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:.85rem; }
.home-category-tile { display:flex; flex-direction:column; min-width:0; min-height:270px; color:var(--ink); border:1px solid #e0e6ee; border-radius:14px; overflow:hidden; background:#fff; box-shadow:0 8px 24px rgba(7,26,54,.05); text-decoration:none; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.home-category-tile:hover { color:var(--ink); border-color:#b6c9ed; box-shadow:0 14px 34px rgba(7,26,54,.11); transform:translateY(-4px); }
.home-category-tile:focus-visible { outline:3px solid rgba(16,92,219,.34); outline-offset:3px; }
.home-category-image { display:block; aspect-ratio:1.35; overflow:hidden; background:#f8fafc; }
.home-category-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.home-category-tile:hover .home-category-image img { transform:scale(1.035); }
.home-category-copy { display:flex; flex-direction:column; flex:1; justify-content:space-between; gap:.45rem; padding:1rem; border-top:3px solid #105cdb; }
.home-category-tile:nth-child(4n+2) .home-category-copy { border-top-color:#7a4ce0; }
.home-category-tile:nth-child(4n+3) .home-category-copy { border-top-color:#10a588; }
.home-category-tile:nth-child(4n+4) .home-category-copy { border-top-color:#ef8a2f; }
.home-category-copy strong { display:-webkit-box; min-height:2.9rem; overflow:hidden; font-size:.98rem; line-height:1.45; font-weight:900; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.home-category-copy small { color:var(--blue); font-size:.72rem; font-weight:800; }

.promo-strip { padding:1rem 0 2.2rem; background:#fff; }
.promo-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.promo-card { display:flex; flex-direction:column; justify-content:center; min-height:178px; padding:1.5rem; padding-inline-end:50%; color:#fff; border-radius:12px; overflow:hidden; background-color:#0a2347; background-repeat:no-repeat; background-size:cover; background-position:center; text-decoration:none; }
.promo-laptops { color:var(--ink); background-image:url('/images/campaigns/hero-workstations.png'); }
.promo-gaming { background-image:url('/images/campaigns/hero-gaming.png'); }
.promo-card span { font-size:.75rem; font-weight:800; }
.promo-card strong { max-width:300px; margin:.35rem 0 .75rem; font-size:1.55rem; line-height:1.2; }
.promo-card small { text-decoration:underline; text-underline-offset:4px; }

.category-section { padding:3.4rem 0; background:#f5f7fb; }
.visual-category-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.visual-category-card { position:relative; display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; min-height:190px; padding:1.2rem; overflow:hidden; color:#fff; border:0; border-radius:12px; background-color:#0b274d; background-repeat:no-repeat; background-size:cover; background-position:center; box-shadow:none; }
.visual-category-card::before { content:""; position:absolute; inset:48% 0 0; background:rgba(6,23,47,.84); }
.visual-category-card>div,.visual-category-card .category-card-link { position:relative; z-index:1; }
.visual-category-card h3 { margin-bottom:.25rem; font-size:1.15rem; }
.visual-category-card p { color:#d5e0ef; font-size:.78rem; }
.visual-category-card .category-card-link { width:auto; height:auto; margin-top:.65rem; padding:0; color:#fff!important; background:transparent!important; font-size:.74rem; font-weight:800; }
.category-visual-1 { background-image:url('/images/campaigns/hero-workstations.png'); }
.category-visual-2 { background-image:url('/images/campaigns/hero-gaming.png'); }
.category-visual-3 { background-image:url('/images/campaigns/hero-displays.png'); }

.featured-section { padding:3.6rem 0; }
.product-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:.75rem; }
.product-card { border-radius:10px; box-shadow:none; }
.product-card:hover { transform:translateY(-3px); box-shadow:0 10px 28px rgba(7,26,54,.1); }
.product-image { aspect-ratio:4/3; padding:.75rem; background:#fff; border-bottom:1px solid #edf1f6; }
.product-card-body { padding:.8rem; }
.product-brand { min-height:1rem; color:#64748b; font-size:.68rem; }
.product-card h3 { display:-webkit-box; min-height:2.8rem; margin:.28rem 0 .4rem; overflow:hidden; font-size:.87rem; line-height:1.42; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.catalog-number { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.product-card-footer { min-height:2.25rem; align-items:center; padding-top:.7rem; }
.product-card-footer strong { font-size:1.25rem; }
.product-card-footer .contact-price { color:#173f73; font-size:.88rem; line-height:1.35; }
.product-card-actions { display:grid; grid-template-columns:1fr; gap:.35rem; margin-top:.5rem; }
.product-card-actions a { display:flex; align-items:center; justify-content:center; min-height:34px; padding:.35rem; border-radius:6px; text-decoration:none; font-size:.72rem; font-weight:800; }
.product-details-link { color:var(--blue); border:1px solid #9fc0fa; }
.product-purchase-link { color:#fff; border:1px solid var(--blue); background:var(--blue); }
.product-contact-link { white-space:normal; line-height:1.25; }
.image-placeholder { display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:100%; color:var(--muted); border:0; border-radius:0; background:#f7f9fc; }
.image-placeholder img { width:min(70%,145px); height:auto; opacity:.45; filter:grayscale(1); }
.image-placeholder small { margin-top:.5rem; font-size:.7rem; }
.product-image img.is-image-fallback,.product-main-image img.is-image-fallback { max-width:60%; max-height:55%; opacity:.4; filter:grayscale(1); }
.empty-state-logo { width:120px; max-height:60px; object-fit:contain; opacity:.45; filter:grayscale(1); }

.brand-showcase { padding:1.25rem 0; border-block:1px solid var(--line); background:#fff; }
.brand-row { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; overflow:auto; }
.brand-row h2 { flex:0 0 auto; margin:0; font-size:.92rem; }
.brand-row span { flex:0 0 auto; color:#35445c; font-size:1.05rem; font-weight:800; }
.service-advantages { padding:3.6rem 0; background:#fff; }
.advantage-grid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.advantage-grid article { padding:1.35rem; border-inline-end:1px solid var(--line); }
.advantage-grid article:last-child { border-inline-end:0; }
.advantage-grid strong { font-size:.95rem; }
.advantage-grid p { margin:.45rem 0 0; color:var(--muted); font-size:.8rem; line-height:1.6; }
.home-seo { padding:2.6rem 0; color:#4e5e75; background:#eef2f7; }
.home-seo .container { max-width:960px; }
.home-seo h2 { color:var(--ink); font-size:1.25rem; }
.home-seo p { margin:0; line-height:1.8; }

.site-footer { background:#06162d; }
.footer-grid { gap:2.5rem; padding-block:3rem; }
.footer-about img { width:155px; }
.footer-grid p { font-size:.84rem; }
.footer-pending { color:#9fadc4; }

.catalog-page { padding:1.45rem 0 4.5rem; }
.breadcrumbs ol { margin-bottom:1.2rem; }
.catalog-heading-row { align-items:center; margin-bottom:1.2rem; }
.catalog-heading-row h1 { font-size:clamp(1.8rem,3vw,2.65rem); letter-spacing:-.03em; }
.catalog-heading-row p { margin:.3rem 0 0; }
.catalog-toolbar select { min-width:165px; }
.active-filter-bar { display:flex; flex-wrap:wrap; align-items:center; gap:.45rem; margin-bottom:1rem; padding:.7rem .8rem; border:1px solid #c9daf7; border-radius:9px; background:#f4f8ff; font-size:.76rem; }
.active-filter-bar strong { margin-inline-end:.25rem; }
.active-filter-bar span { padding:.32rem .55rem; color:#17498e; border-radius:999px; background:#e2edff; }
.active-filter-bar a { margin-inline-start:auto; color:var(--blue); font-weight:800; }
.catalog-layout { grid-template-columns:250px minmax(0,1fr); gap:1rem; }
.filter-panel { top:150px; padding:1rem; border-radius:10px; box-shadow:none; }
.catalog-filter-form h2 { font-size:1.12rem; }
.catalog-filter-form fieldset,.catalog-filter-form details { margin-bottom:.85rem; padding-bottom:.85rem; }
.filter-options { gap:.42rem; max-height:220px; }
.filter-options label { font-size:.76rem; }
.catalog-results .product-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.pagination-nav { margin-top:1.3rem; padding:1rem 0; }

.retail-search-hero { color:var(--ink); border-bottom:1px solid var(--line); background:#edf3fb; }
.retail-search-hero .page-hero-inner { padding-block:2.2rem; }
.retail-search-hero h1 { margin:0 0 1rem; font-size:clamp(1.8rem,3.5vw,2.8rem); letter-spacing:-.03em; }
.page-search { height:50px; border:1px solid #c9d4e3; border-radius:8px; }
.search-results-section { padding:2.7rem 0 5rem; }
.results-heading h2 { font-size:1.75rem; }

.product-page { padding:1.45rem 0 5rem; }
.product-detail-grid { grid-template-columns:minmax(0,1fr) minmax(350px,.78fr); gap:2.5rem; padding:1.2rem; border:1px solid var(--line); border-radius:14px; background:#fff; }
.product-main-image { min-height:440px; border:0; border-radius:10px; background:#fff; }
.product-summary { padding:1.2rem 0; }
.product-summary h1 { max-width:680px; margin:.55rem 0 .8rem; font-size:clamp(1.3rem,1.7vw,1.85rem); line-height:1.4; letter-spacing:-.015em; }
.detail-price { margin:1.5rem 0 .7rem; font-size:2rem; }
.purchase-button { width:100%; max-width:360px; }
.product-thumbnails button { display:grid; place-items:center; width:76px; height:76px; padding:.35rem; border:1px solid var(--line); border-radius:8px; background:#fff; }
.product-thumbnails button.is-active { border:2px solid var(--blue); }
.product-thumbnails img { max-width:100%; max-height:100%; object-fit:contain; }
.product-content,.related-products { margin-top:2.7rem; padding:1.5rem; border:1px solid var(--line); border-radius:12px; background:#fff; }
.product-content h2,.related-products h2 { font-size:1.45rem; }
.specification-list { max-width:none; }

@media (min-width:1920px) { .container { max-width:1500px; }.retail-slide { height:520px; }.product-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }.catalog-results .product-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:1199.98px) { .header-main-grid { grid-template-columns:170px minmax(280px,1fr); }.product-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }.catalog-results .product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.shortcut-grid { display:flex; overflow:auto; }.shortcut-card { min-width:130px; }.visual-category-grid { grid-template-columns:repeat(3,1fr); } }
@media (max-width:991.98px) { .site-header { position:sticky; }.header-main-grid { grid-template-columns:auto 1fr; }.official-brand img { width:145px; }.retail-slide { height:420px; background-position:35% center; }.retail-slide-copy { width:52%; }.promo-grid { grid-template-columns:1fr; }.visual-category-grid { grid-template-columns:repeat(2,1fr); }.product-grid,.catalog-results .product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.advantage-grid { grid-template-columns:1fr 1fr; }.advantage-grid article:nth-child(2) { border-inline-end:0; }.advantage-grid article:nth-child(-n+2) { border-bottom:1px solid var(--line); }.catalog-layout { grid-template-columns:1fr; }.product-detail-grid { grid-template-columns:1fr; }.product-main-image { min-height:360px; } }
@media (max-width:767.98px) { .utility-bar { display:none; }.header-main-grid { padding-block:.55rem; }.official-brand img { width:132px; }.header-search { height:42px; }.header-search button { min-width:72px; }.retail-slide { height:440px; background-position:24% center; }.retail-slide-content { align-items:flex-end; padding-bottom:3.4rem; }.retail-slide-copy { width:100%; padding:1rem; color:#fff; border-radius:10px; background:rgba(7,26,54,.86); }.retail-slide-copy>span,.retail-slide-copy.is-dark>span { color:#70ddff; }.retail-slide-copy p,.retail-slide-copy.is-dark p { color:#e0e8f4; }.retail-slide-copy h1,.retail-slide-copy h2 { font-size:2rem; }.retail-hero .carousel-control-prev,.retail-hero .carousel-control-next { display:none; }.carousel-pause { inset-inline-start:.6rem; bottom:.55rem; }.shopping-shortcuts { padding-top:.7rem; }.shortcut-card { min-width:112px; min-height:98px; }.promo-card { min-height:150px; padding:1rem; padding-inline-end:45%; }.promo-card strong { font-size:1.2rem; }.category-section,.featured-section,.service-advantages { padding:2.5rem 0; }.visual-category-grid { grid-template-columns:1fr 1fr; gap:.65rem; }.visual-category-card { min-height:150px; padding:.85rem; }.visual-category-card h3 { font-size:.98rem; }.product-grid,.catalog-results .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; }.product-card-body { padding:.65rem; }.product-card h3 { min-height:2.55rem; font-size:.78rem; }.product-card-footer strong { font-size:1.05rem; }.product-card-actions a { min-height:32px; font-size:.66rem; }.brand-row { gap:1.1rem; }.advantage-grid { grid-template-columns:1fr; }.advantage-grid article { border-inline-end:0; border-bottom:1px solid var(--line); }.advantage-grid article:last-child { border-bottom:0; }.footer-grid { gap:2rem; }.catalog-heading-row { display:block; }.catalog-toolbar { margin-top:1rem; }.catalog-toolbar .sort-form { flex:1; }.catalog-toolbar select { width:100%; }.active-filter-bar a { width:100%; margin-top:.35rem; }.pagination-nav { flex-direction:column; }.product-detail-grid { padding:.7rem; }.product-main-image { min-height:280px; padding:.7rem; }.product-summary h1 { font-size:1.4rem; }.product-content,.related-products { padding:1rem; }.retail-search-hero .page-hero-inner { padding-block:1.5rem; }.search-results-section { padding-top:2rem; } }
@media (max-width:390px) { .product-grid,.catalog-results .product-grid { gap:.4rem; }.product-image { padding:.45rem; }.product-card-body { padding:.55rem; }.visual-category-card { min-height:138px; }.promo-card { padding-inline-start:.75rem; }.retail-slide-copy h1,.retail-slide-copy h2 { font-size:1.75rem; } }

/* Correction 06: verified GoldTop homepage manufacturers */
.brand-showcase {
  padding:3.25rem 0;
  border-block:1px solid var(--line);
  background:#f7f9fc;
}
.brand-heading { text-align:center; margin-bottom:1.5rem; }
.brand-heading h2 { margin:.25rem 0 0; font-size:clamp(1.55rem,2vw,2rem); }
.manufacturer-strip {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:.85rem;
}
.manufacturer-logo-card {
  position:relative;
  display:grid;
  place-items:center;
  min-width:0;
  height:112px;
  padding:1.15rem;
  overflow:hidden;
  border:1px solid #e3e8f0;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 24px rgba(20,43,78,.055);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.manufacturer-logo-card:hover {
  transform:translateY(-3px);
  border-color:#cbd8e9;
  box-shadow:0 13px 30px rgba(20,43,78,.1);
}
.manufacturer-logo-card img {
  position:absolute;
  inset:1.15rem;
  width:calc(100% - 2.3rem);
  height:calc(100% - 2.3rem);
  object-fit:contain;
}
.manufacturer-name-fallback { color:#213650; font-size:1rem; font-weight:800; text-align:center; }
.manufacturer-logo-card.is-logo-missing img { display:none; }
@media (max-width:991.98px) { .manufacturer-strip { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:575.98px) {
  .brand-showcase { padding:2.35rem 0; }
  .manufacturer-strip { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; }
  .manufacturer-logo-card { height:92px; padding:.9rem; }
  .manufacturer-logo-card img { inset:.9rem; width:calc(100% - 1.8rem); height:calc(100% - 1.8rem); }
}
@media (max-width:1199.98px) { .home-category-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:991.98px) { .home-category-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:767.98px) { .home-category-section { padding:2.35rem 0 2.6rem; }.home-category-heading { display:block; }.home-category-heading p { margin-top:.7rem; }.home-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.6rem; }.home-category-tile { min-height:205px; border-radius:11px; }.home-category-copy { padding:.75rem; }.home-category-copy strong { min-height:2.6rem; font-size:.84rem; } }

/* UI Correction 02: premium retail header */
.header-main-grid { grid-template-columns:210px minmax(280px,1fr) auto; min-height:88px; gap:1.15rem; }
.brand-lockup { display:flex; flex-direction:column; align-items:center; min-width:0; }
.official-brand { display:block; line-height:0; }
.official-brand img { display:block; width:192px; height:auto; }
.brand-subtitle { margin-top:.2rem; color:#6d7b91; font-size:.72rem; line-height:1.2; font-weight:700; }
.header-search { height:46px; }
.header-support { align-items:center; min-width:0; }
.header-info-item { display:flex; align-items:center; min-width:0; gap:.5rem; padding-inline:.75rem; border-inline-start:1px solid var(--line); }
.header-info-item:first-child { padding-inline-start:0; border-inline-start:0; }
.header-info-item>span:last-child { display:flex; flex-direction:column; min-width:0; line-height:1.25; }
.header-info-item strong { color:var(--ink); font-size:.72rem; white-space:nowrap; }
.header-info-item small { color:#718097; font-size:.62rem; white-space:nowrap; }
.product-count-item strong { color:var(--blue); font-size:1rem; font-weight:900; }
.product-count-item small { font-weight:700; }
.header-info-icon { display:grid; place-items:center; width:34px; height:34px; flex:0 0 34px; border-radius:9px; background:#edf4ff; }
.header-info-icon img,.mobile-header-strip img { filter:invert(34%) sepia(98%) saturate(2250%) hue-rotate(211deg) brightness(96%) contrast(96%); }
.goldtop-brand { align-items:center; justify-content:center; margin-inline-start:.75rem; padding-inline-start:.8rem; border-inline-start:1px solid var(--line); line-height:0; }
.goldtop-brand img { display:block; width:88px; height:auto; mix-blend-mode:multiply; }
.mobile-header-strip { grid-column:1/-1; align-items:center; justify-content:space-between; gap:.65rem; min-height:34px; padding:.35rem .55rem; color:#45556d; border:1px solid #dce5f0; border-radius:8px; background:#f5f8fc; font-size:.68rem; }
.mobile-header-strip span { display:flex; align-items:center; gap:.3rem; min-width:0; white-space:nowrap; }
.mobile-header-strip strong { color:var(--blue); font-size:.78rem; }

@media (max-width:1399.98px) {
  .header-main-grid { grid-template-columns:195px minmax(280px,1fr) auto; gap:.9rem; }
  .official-brand img { width:180px; }
  .header-info-item { padding-inline:.55rem; gap:.4rem; }
  .header-info-icon { width:31px; height:31px; flex-basis:31px; }
  .header-info-icon img { width:21px; height:21px; }
  .hours-item small { font-size:.58rem; }
  .goldtop-brand { margin-inline-start:.55rem; padding-inline-start:.6rem; }
  .goldtop-brand img { width:78px; }
}
@media (max-width:1199.98px) {
  .header-main-grid { grid-template-columns:176px minmax(260px,1fr) auto; min-height:88px; gap:.8rem; }
  .official-brand img { width:164px; }
  .brand-subtitle { font-size:.67rem; }
  .header-info-item { padding-inline:.45rem; }
  .hours-item { display:none; }
}
@media (max-width:991.98px) {
  .header-main-grid { grid-template-columns:auto minmax(0,1fr); min-height:0; gap:.6rem .8rem; padding-block:.65rem; }
  .mobile-menu-button { grid-column:1; grid-row:1; }
  .brand-lockup { grid-column:2; grid-row:1; justify-self:start; }
  .official-brand img { width:172px; }
  .header-search { grid-column:1/-1; grid-row:2; }
  .header-support { grid-column:1/-1; grid-row:3; justify-content:space-between; min-height:38px; padding:.25rem .45rem; border:1px solid #e0e7f0; border-radius:8px; background:#f8fafc; }
  .header-info-item { flex:1; justify-content:center; border-inline-start:1px solid var(--line); }
  .header-info-item:first-child { border-inline-start:0; }
}
@media (max-width:767.98px) {
  .header-main-grid { padding-block:.6rem; }
  .official-brand img { width:156px; }
  .brand-subtitle { font-size:.64rem; }
  .header-search { height:42px; }
  .mobile-header-strip { grid-row:3; }
}
@media (max-width:390px) {
  .header-main-grid { gap:.55rem .65rem; }
  .official-brand img { width:148px; }
  .brand-subtitle { font-size:.61rem; }
  .mobile-menu-button { padding-inline:.55rem; }
  .mobile-header-strip { gap:.4rem; padding-inline:.45rem; font-size:.64rem; }
  .mobile-header-strip strong { font-size:.72rem; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { transition:none!important; }
}

@layer legacy {
/* Phase 1B shell */
:root {
  --header-height: 158px;
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --shadow-soft: 0 16px 45px rgba(7,19,41,.08);
  --shadow-float: 0 24px 70px rgba(7,19,41,.16);
}
button,input { font:inherit; }
button:focus-visible,a:focus-visible,input:focus-visible { outline:3px solid rgba(45,102,255,.4); outline-offset:3px; }
.site-header { z-index:1030; box-shadow:0 6px 24px rgba(7,19,41,.07); }
.utility-bar { color:#c7d3e6; background:#061126; font-size:.76rem; }
.utility-inner { display:flex; justify-content:space-between; align-items:center; min-height:34px; gap:1rem; }
.utility-links { display:flex; align-items:center; gap:1.25rem; }
.utility-links a { text-decoration:none; }
.utility-links a:hover { color:var(--cyan); }
.header-main { background:white; }
.header-main-grid { display:grid; grid-template-columns:auto minmax(320px,1fr) auto; align-items:center; gap:2rem; min-height:82px; }
.official-brand { display:block; line-height:0; }
.official-brand img { display:block; width:185px; height:auto; }
.header-search { display:flex; min-width:0; height:48px; border:1px solid #cbd6e5; border-radius:var(--radius-sm); overflow:hidden; background:#f8faff; transition:border-color .2s,box-shadow .2s; }
.header-search:focus-within { border-color:var(--blue); box-shadow:0 0 0 4px rgba(45,102,255,.1); }
.header-search input { flex:1; min-width:0; padding:0 1rem; color:var(--ink); border:0; outline:0; background:transparent; }
.header-search input::placeholder { color:#8491a7; }
.header-search button { display:flex; align-items:center; justify-content:center; gap:.45rem; min-width:108px; color:white; border:0; background:var(--blue); font-weight:800; }
.header-search button:hover { background:#1d51df; }
.header-search button span:first-child { font-size:1.3rem; }
.header-contact { align-items:center; gap:.7rem; color:var(--ink); text-decoration:none; direction:ltr; }
.header-contact span:last-child { display:flex; flex-direction:column; align-items:flex-start; }
.header-contact small { color:var(--muted); direction:rtl; }
.header-contact strong { font-size:.82rem; }
.contact-icon { display:grid; place-items:center; width:38px; height:38px; color:var(--blue); border-radius:50%; background:#edf2ff; }
.mobile-menu-button { width:44px; height:44px; border:1px solid var(--line); border-radius:10px; background:white; font-size:1.25rem; }
.category-nav { color:#d8e3f4; background:var(--ink); }
.category-nav-inner { display:flex; align-items:center; min-height:48px; gap:1.6rem; }
.category-nav-inner>a { text-decoration:none; font-size:.88rem; font-weight:700; }
.category-nav-inner>a:hover { color:var(--cyan); }
.category-dropdown { align-self:stretch; }
.category-menu-trigger { display:flex; align-items:center; gap:.55rem; height:100%; min-width:220px; padding:0 1.2rem; color:white; border:0; background:var(--blue); font-weight:900; }
.category-menu-trigger .chevron { margin-inline-start:auto; }
.category-mega-menu { inset-inline-start:0!important; width:min(1080px,calc(100vw - 2rem)); max-height:min(70vh,620px); padding:1.25rem; border:0; border-radius:0 0 var(--radius-md) var(--radius-md); overflow:auto; box-shadow:var(--shadow-float); }
.mega-menu-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.4rem 2rem; }
.mega-menu-group { min-width:0; }
.mega-menu-title { display:block; padding-bottom:.65rem; color:var(--ink); border-bottom:1px solid var(--line); text-decoration:none; font-weight:900; }
.mega-menu-title:hover { color:var(--blue); }
.mega-menu-group ul { padding:0; margin:.55rem 0 0; list-style:none; }
.mega-menu-group li a { display:block; padding:.26rem 0; color:var(--muted); text-decoration:none; font-size:.83rem; }
.mega-menu-group li a:hover { color:var(--blue); }
.development-label { padding:.7rem .85rem; color:#6c4b00; border:1px solid #f2d783; border-radius:8px; background:#fff7dc; font-size:.78rem; }
.category-mega-menu>.development-label { margin-bottom:1rem; }
.catalog-status { display:inline-flex; align-items:center; gap:.45rem; margin-inline-start:auto; color:#91a2bd; font-size:.74rem; }
.status-dot { width:7px; height:7px; border-radius:50%; background:#e9a331; }
.status-dot.is-online { background:#3ed58b; box-shadow:0 0 0 4px rgba(62,213,139,.13); }
.mobile-categories { width:min(420px,92vw)!important; }
.mobile-categories .offcanvas-header { color:white; background:var(--ink); }
.mobile-categories .offcanvas-header small { color:var(--cyan); }
.mobile-categories .offcanvas-header h2 { margin:.2rem 0 0; font-size:1.7rem; font-weight:900; }
.mobile-categories .btn-close { filter:invert(1); }
.mobile-main-links { display:grid; gap:.45rem; margin-bottom:1rem; }
.mobile-main-links a,.mobile-category-link { display:flex; justify-content:space-between; align-items:center; min-height:48px; padding:.65rem .2rem; color:var(--ink); border-bottom:1px solid var(--line); text-decoration:none; font-weight:800; }
.mobile-categories .accordion-button { padding:1rem .2rem; font-weight:800; box-shadow:none; }
.mobile-categories .accordion-button:not(.collapsed) { color:var(--blue); background:#f3f6ff; }
.mobile-categories .accordion-body { display:grid; padding:.35rem 1rem 1rem; }
.mobile-categories .accordion-body a { padding:.55rem 0; color:var(--muted); text-decoration:none; }
.mobile-category-all { color:var(--blue)!important; font-weight:800; }
.mobile-contact { display:block; margin-top:1.5rem; padding:1rem; color:white; border-radius:10px; background:var(--blue); text-align:center; text-decoration:none; font-weight:800; }

.quick-benefits { position:relative; z-index:2; margin-top:-32px; }
.quick-benefits-grid { display:grid; grid-template-columns:repeat(3,1fr); background:white; border:1px solid rgba(7,19,41,.08); border-radius:var(--radius-md); box-shadow:var(--shadow-soft); overflow:hidden; }
.quick-benefits article { display:flex; align-items:center; gap:1rem; min-height:92px; padding:1.25rem 1.5rem; border-inline-end:1px solid var(--line); }
.quick-benefits article:last-child { border-inline-end:0; }
.quick-benefits article>span { display:grid; place-items:center; width:42px; height:42px; flex:0 0 auto; color:var(--blue); border-radius:12px; background:#edf2ff; font-size:1.3rem; }
.quick-benefits div { display:flex; flex-direction:column; }
.quick-benefits strong { font-size:.95rem; }
.quick-benefits small { margin-top:.25rem; color:var(--muted); }
.section-development-label { margin:-1rem 0 1.2rem; }
.category-card { position:relative; }
.category-card-link { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; text-decoration:none; }
.category-card-link::after { content:""; position:absolute; inset:0; }
.category-card:not(.category-card-primary) .category-card-link { color:var(--blue); background:#edf2ff; }
.featured-section { padding:7rem 0; background:white; }
.section-link { color:var(--blue); text-decoration:none; font-weight:900; }
.product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.product-card { display:flex; flex-direction:column; min-width:0; border:1px solid var(--line); border-radius:var(--radius-md); overflow:hidden; background:white; transition:transform .2s,box-shadow .2s,border-color .2s; }
.product-card:hover { transform:translateY(-4px); border-color:#b8c8ee; box-shadow:var(--shadow-soft); }
.product-image { display:grid; place-items:center; aspect-ratio:1.15; padding:1.2rem; background:#f7f9fc; overflow:hidden; }
.product-image img { width:100%; height:100%; object-fit:contain; }
.image-placeholder { display:grid; place-items:center; width:90px; height:90px; color:#b5c2d5; border:1px solid #dce3ed; border-radius:25px 6px; font-size:3rem; font-weight:900; }
.product-card-body { display:flex; flex-direction:column; flex:1; padding:1.15rem; }
.product-brand { color:var(--blue); font-size:.72rem; font-weight:900; }
.product-card h3 { margin:.5rem 0; font-size:1rem; line-height:1.55; font-weight:800; }
.product-card h3 a { text-decoration:none; }
.catalog-number { color:var(--muted); font-size:.72rem; }
.product-card-footer { display:flex; justify-content:space-between; align-items:end; gap:.6rem; margin-top:auto; padding-top:1.1rem; }
.product-card-footer strong { font-size:1.2rem; }
.product-card-footer a { max-width:120px; color:var(--blue); text-decoration:none; font-size:.72rem; font-weight:800; }
.catalog-empty-state { display:flex; align-items:center; gap:1.4rem; min-height:180px; padding:2rem; border:1px dashed #bcc8d9; border-radius:var(--radius-md); background:#f8faff; }
.catalog-empty-state h2,.catalog-empty-state h3 { margin:0 0 .5rem; font-weight:900; }
.catalog-empty-state p { max-width:650px; margin:0; color:var(--muted); line-height:1.7; }
.empty-state-mark { display:grid; place-items:center; width:76px; height:76px; flex:0 0 auto; color:white; border-radius:24px 7px; background:linear-gradient(145deg,var(--blue),var(--violet)); font-size:2rem; font-weight:900; }
.editorial-section { padding:7rem 0; color:white; background:#0a1830; }
.editorial-grid { display:grid; grid-template-columns:1fr 1fr; gap:6rem; align-items:center; }
.editorial-panel h2 { margin:0; font-size:clamp(2.5rem,5vw,4.8rem); line-height:1.05; letter-spacing:-.05em; font-weight:900; }
.editorial-copy { padding-inline-start:2rem; border-inline-start:1px solid rgba(255,255,255,.17); }
.editorial-copy p { color:#b8c7de; font-size:1.04rem; line-height:1.9; }

.site-footer { color:#aebbd0; background:#040b18; }
.footer-grid { grid-template-columns:1.4fr .7fr 1fr 1.1fr; gap:3rem; }
.footer-about img { width:170px; height:auto; margin-bottom:1rem; }
.footer-grid h2 { margin:0 0 1rem; color:white; font-size:.95rem; font-weight:900; }
.footer-grid>section { display:flex; flex-direction:column; align-items:flex-start; }
.footer-grid>section>a { margin:.36rem 0; text-decoration:none; }
.footer-grid>section>a:hover { color:var(--cyan); }
.footer-mail,.footer-external { color:white; font-weight:800; }
.footer-pending { margin:.36rem 0; color:#6f7d94; font-size:.82rem; }
.footer-bottom { display:flex; justify-content:space-between; gap:1rem; }

.page-hero { color:white; background:radial-gradient(circle at 20% 20%,rgba(86,221,255,.18),transparent 24%),var(--ink); }
.page-hero-inner { padding-block:5rem; }
.page-hero h1 { margin:0 0 2rem; font-size:clamp(2.6rem,6vw,5.2rem); font-weight:900; letter-spacing:-.05em; }
.page-search { display:flex; max-width:760px; height:58px; padding:.3rem; border-radius:14px; background:white; }
.page-search input { flex:1; min-width:0; padding:0 1rem; border:0; outline:0; }
.page-search .btn { min-width:120px; }
.search-results-section { min-height:420px; padding:5rem 0 7rem; }
.compact-state { max-width:850px; margin:auto; }
.inline-message { padding:1rem 1.2rem; border-radius:10px; }
.inline-message.is-warning { color:#6c4b00; border:1px solid #efd37d; background:#fff7dc; }
.results-heading { margin-bottom:2rem; }
.results-heading span { color:var(--blue); font-size:.8rem; font-weight:800; }
.results-heading h2 { margin:.4rem 0 0; font-size:2.2rem; font-weight:900; }

.catalog-page { min-height:650px; padding:2.4rem 0 7rem; }
.breadcrumbs ol { display:flex; flex-wrap:wrap; gap:.55rem; padding:0; margin:0 0 2.5rem; color:var(--muted); list-style:none; font-size:.8rem; }
.breadcrumbs li+li::before { content:"/"; margin-inline-end:.55rem; color:#adb7c6; }
.breadcrumbs a { text-decoration:none; }
.catalog-heading-row { display:flex; justify-content:space-between; align-items:end; gap:2rem; margin-bottom:2.5rem; }
.catalog-heading-row h1 { margin:0; font-size:clamp(2.6rem,5vw,4.5rem); font-weight:900; letter-spacing:-.05em; }
.catalog-heading-row p { color:var(--muted); }
.catalog-toolbar { display:flex; gap:.7rem; align-items:center; }
.filter-drawer-button,.future-sort { min-height:44px; padding:.65rem 1rem; border:1px solid var(--line); border-radius:8px; background:white; font-weight:800; }
.filter-drawer-button { color:var(--blue); }
.catalog-layout { display:grid; grid-template-columns:270px 1fr; gap:1.5rem; }
.filter-foundation { padding:1.5rem; border:1px solid var(--line); border-radius:var(--radius-md); background:white; }
.filter-kicker { color:var(--blue); font-size:.68rem; font-weight:900; letter-spacing:.15em; }
.filter-foundation h2 { margin:.7rem 0; font-size:1.25rem; font-weight:900; }
.filter-foundation p { color:var(--muted); line-height:1.7; }
.filter-skeleton { display:grid; gap:.8rem; margin-top:1.5rem; }
.filter-skeleton span { display:block; height:12px; border-radius:99px; background:#edf1f7; }
.filter-skeleton span:nth-child(2) { width:78%; }.filter-skeleton span:nth-child(3) { width:88%; }.filter-skeleton span:nth-child(4) { width:62%; }

@media (max-width:1199.98px) {
  .header-main-grid { grid-template-columns:auto minmax(240px,1fr); }
  .product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .footer-grid { grid-template-columns:1.3fr repeat(2,1fr); }
  .footer-grid>section:last-child { grid-column:1/-1; }
}
@media (max-width:991.98px) {
  :root { --header-height:116px; }
  .site-header { position:sticky; top:0; }
  .utility-bar { display:none; }
  .header-main-grid { grid-template-columns:auto 1fr; gap:.8rem 1rem; padding-block:.75rem; }
  .official-brand { justify-self:center; }
  .official-brand img { width:154px; }
  .header-search { grid-column:1/-1; grid-row:2; }
  .quick-benefits { margin-top:0; }
  .quick-benefits-grid { border-radius:0; }
  .quick-benefits article { padding:1rem; }
  .mega-menu-grid { grid-template-columns:repeat(3,1fr); }
  .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .editorial-grid { grid-template-columns:1fr; gap:2.5rem; }
  .editorial-copy { padding-inline-start:0; border-inline-start:0; }
  .catalog-layout { grid-template-columns:1fr; }
}
@media (max-width:767.98px) {
  .header-search { height:44px; }
  .header-search button { min-width:52px; }
  .header-search .search-label { display:none; }
  .hero-grid { padding-block:3.5rem; }
  .quick-benefits-grid { grid-template-columns:1fr; }
  .quick-benefits article { border-inline-end:0; border-bottom:1px solid var(--line); }
  .quick-benefits article:last-child { border-bottom:0; }
  .category-grid-home { grid-template-columns:1fr; }
  .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.7rem; }
  .product-card-body { padding:.85rem; }
  .product-card h3 { font-size:.9rem; }
  .product-card-footer { display:block; }
  .product-card-footer a { display:block; max-width:none; margin-top:.6rem; }
  .catalog-empty-state { align-items:flex-start; padding:1.3rem; }
  .empty-state-mark { width:56px; height:56px; border-radius:18px 5px; }
  .footer-grid { grid-template-columns:1fr; }
  .footer-grid>section:last-child { grid-column:auto; }
  .footer-bottom { display:block; }
  .footer-bottom span { display:block; margin:.35rem 0; }
  .page-hero-inner { padding-block:3.5rem; }
  .page-search { height:52px; }
  .page-search .btn { min-width:88px; }
  .catalog-heading-row { display:block; }
  .catalog-toolbar { margin-top:1.5rem; }
  .future-sort { flex:1; }
}
}

/* UI Correction 04: category rhythm and header proportions */
.home-category-grid {
  column-gap:.85rem;
  row-gap:1.5rem;
}

.header-info-item { gap:.5rem; padding-inline:.65rem; }
.header-info-item strong { font-size:.95rem; line-height:1.25; }
.header-info-item small { color:#5f6f87; font-size:.78rem; line-height:1.3; }
.product-count-item small { color:var(--ink); font-size:.95rem; font-weight:800; }
.product-count-item strong { font-size:1.2rem; line-height:1.15; }

@media (min-width:1200px) {
  .header-main .container { max-width:min(1500px,calc(100% - 32px)); }
  .header-main-grid {
    grid-template-columns:minmax(180px,210px) minmax(250px,460px) minmax(0,1fr);
    gap:1rem;
  }
  .header-support { justify-content:flex-end; }
  .official-brand img { width:192px; }
  .goldtop-brand { margin-inline-start:.65rem; padding-inline-start:.7rem; }
  .goldtop-brand img { width:184px; }
}

@media (max-width:1399.98px) and (min-width:1200px) {
  .header-main-grid {
    grid-template-columns:180px minmax(240px,380px) minmax(0,1fr);
    gap:.8rem;
  }
  .official-brand img { width:180px; }
  .goldtop-brand img { width:172px; }
  .header-info-item { gap:.35rem; padding-inline:.45rem; }
  .header-info-icon { width:31px; height:31px; flex-basis:31px; }
}

@media (max-width:1199.98px) {
  .header-main-grid { grid-template-columns:176px minmax(260px,1fr) auto; }
}

@media (max-width:991.98px) {
  .header-main-grid { grid-template-columns:auto minmax(0,1fr); }
  .header-info-item strong { font-size:.94rem; }
  .header-info-item small { font-size:.78rem; }
  .product-count-item strong { font-size:1.15rem; }
}

@media (max-width:767.98px) {
  .home-category-grid { column-gap:.6rem; row-gap:1.5rem; }
}

/* UI / Functional Correction 05: hierarchical subcategory discovery */
.subcategory-section { margin:0 0 2rem; padding:1.35rem; border:1px solid var(--line); border-radius:14px; background:#f7f9fc; }
.subcategory-heading { display:flex; align-items:end; justify-content:space-between; gap:1.5rem; margin-bottom:1rem; }
.subcategory-heading h2 { margin:0; font-size:1.45rem; font-weight:900; }
.subcategory-heading p { max-width:440px; margin:0; color:var(--muted); font-size:.82rem; line-height:1.55; }
.subcategory-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.85rem; }
.subcategory-card { display:flex; min-width:0; min-height:196px; flex-direction:column; overflow:hidden; color:var(--ink); border:1px solid #dce4ef; border-radius:11px; background:#fff; box-shadow:0 7px 20px rgba(7,26,54,.045); text-decoration:none; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.subcategory-card:hover { color:var(--ink); border-color:#9db8e8; box-shadow:0 11px 26px rgba(7,26,54,.1); transform:translateY(-3px); }
.subcategory-card:focus-visible { outline:3px solid rgba(16,92,219,.32); outline-offset:3px; }
.subcategory-image { display:grid; place-items:center; aspect-ratio:4/3; overflow:hidden; background:linear-gradient(145deg,#fbfcfe,#eef3f9); }
.subcategory-image img { display:block; width:100%; height:100%; padding:.55rem; object-fit:contain; }
.subcategory-copy { display:flex; min-height:68px; flex:1; flex-direction:column; justify-content:space-between; gap:.45rem; padding:.72rem .8rem .78rem; border-top:3px solid #2d66ff; }
.subcategory-copy strong { display:-webkit-box; overflow:hidden; font-size:.88rem; line-height:1.38; font-weight:900; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.subcategory-copy>span { color:var(--blue); font-size:.7rem; font-weight:800; }

@media (max-width:1199.98px) {
  .subcategory-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}

@media (max-width:991.98px) {
  .subcategory-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width:767.98px) {
  .subcategory-section { margin-bottom:1.35rem; padding:.85rem; }
  .subcategory-heading { display:block; margin-bottom:.8rem; }
  .subcategory-heading p { margin-top:.35rem; font-size:.75rem; }
  .subcategory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.6rem; }
  .subcategory-card { min-height:172px; }
  .subcategory-copy { min-height:62px; padding:.6rem; }
  .subcategory-copy strong { font-size:.78rem; }
}

/* UI Correction 07: promotion expansion, notice, and visual benefits */
.promotion-load-more { display:flex; flex-direction:column; align-items:center; margin-top:2rem; }
.promotion-load-more-button {
  min-width:210px;
  min-height:48px;
  padding:.7rem 1.4rem;
  color:#fff;
  border:1px solid var(--blue);
  border-radius:10px;
  background:var(--blue);
  font-weight:900;
  box-shadow:0 8px 20px rgba(20,104,243,.2);
}
.promotion-load-more-button:hover,.promotion-load-more-button:focus-visible { color:#fff; border-color:var(--blue-dark); background:var(--blue-dark); }
.promotion-load-more-button:disabled { color:#dbe7ff; cursor:progress; opacity:.82; }
.promotion-load-more-button.is-loading::before {
  display:inline-block;
  width:1rem;
  height:1rem;
  margin-inline-end:.5rem;
  vertical-align:-.15rem;
  content:"";
  border:2px solid rgba(255,255,255,.45);
  border-top-color:#fff;
  border-radius:50%;
  animation:promotion-spin .7s linear infinite;
}
@keyframes promotion-spin { to { transform:rotate(360deg); } }

.service-advantages { background:#f6f8fb; }
.advantage-grid { gap:.85rem; border:0; overflow:visible; }
.advantage-grid article {
  position:relative;
  display:flex;
  min-height:230px;
  flex-direction:column;
  justify-content:flex-end;
  padding:1.4rem;
  overflow:hidden;
  color:#fff;
  border:0;
  border-radius:14px;
  background-position:center;
  background-size:cover;
  box-shadow:0 12px 30px rgba(7,26,54,.14);
  isolation:isolate;
}
.advantage-grid article::before {
  position:absolute;
  z-index:-1;
  inset:0;
  content:"";
  background:linear-gradient(180deg,rgba(5,18,38,.05) 15%,rgba(5,18,38,.9) 100%);
}
.advantage-grid .advantage-specifications { background-image:url('/images/categories/computer-hardware.webp'); }
.advantage-grid .advantage-search { background-image:url('/images/categories/computers.webp'); }
.advantage-grid .advantage-categories { background-image:url('/images/categories/computer-peripherals.webp'); }
.advantage-grid .advantage-purchase { background-image:url('/images/categories/electronics.webp'); }
.advantage-grid article strong { color:#fff; font-size:1.08rem; text-shadow:0 1px 5px rgba(0,0,0,.45); }
.advantage-grid article p { margin:.45rem 0 0; color:#eef4ff; font-size:.82rem; line-height:1.6; text-shadow:0 1px 5px rgba(0,0,0,.55); }

body.has-privacy-consent { padding-bottom:var(--privacy-consent-height,120px); }
.privacy-consent[hidden],.privacy-preferences-form[hidden],.privacy-consent-actions[hidden],.footer-external-widget[hidden] { display:none; }
.privacy-consent {
  position:fixed;
  z-index:2147483000;
  inset-inline:0;
  bottom:0;
  max-height:min(92vh,680px);
  overflow:auto;
  padding:.9rem 0;
  color:#fff;
  border-top:1px solid rgba(255,255,255,.16);
  background:rgba(5,18,38,.985);
  box-shadow:0 -12px 34px rgba(5,18,38,.28);
}
.privacy-consent-inner { display:grid; grid-template-columns:minmax(260px,1fr) auto; align-items:center; gap:1rem 2rem; }
.privacy-consent-copy h2 { margin:0 0 .25rem; color:#fff; font-size:1.05rem; font-weight:900; }
.privacy-consent-copy p { max-width:760px; margin:0; color:#dce6f4; font-size:.84rem; line-height:1.55; }
.privacy-consent-actions,.privacy-preferences-actions { display:flex; align-items:center; justify-content:flex-end; gap:.55rem; }
.privacy-consent .btn { min-height:42px; padding:.55rem .85rem; border-radius:9px; font-size:.8rem; font-weight:900; }
.privacy-consent-primary { color:#fff; border:1px solid #4b83ff; background:var(--blue); }
.privacy-consent-primary:hover,.privacy-consent-primary:focus-visible { color:#fff; background:var(--blue-dark); }
.privacy-consent-secondary { color:#eef5ff; border:1px solid rgba(255,255,255,.34); background:transparent; }
.privacy-consent-secondary:hover,.privacy-consent-secondary:focus-visible { color:#fff; border-color:#8fb8ff; background:rgba(255,255,255,.08); }
.privacy-preferences-form { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.65rem; padding-top:.85rem; border-top:1px solid rgba(255,255,255,.14); }
.privacy-preference { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.8rem; border:1px solid rgba(255,255,255,.15); border-radius:10px; background:rgba(255,255,255,.055); cursor:pointer; }
.privacy-preference.is-required { opacity:.82; cursor:default; }
.privacy-preference span { display:flex; min-width:0; flex-direction:column; }
.privacy-preference strong { color:#fff; font-size:.84rem; }
.privacy-preference small { margin-top:.18rem; color:#bdcbe0; font-size:.7rem; line-height:1.4; }
.privacy-preference input { width:20px; height:20px; flex:0 0 auto; accent-color:var(--blue); }
.privacy-preferences-actions { grid-column:1/-1; }
.footer-privacy-button { margin:.36rem 0; padding:0; color:#d7e5fb; border:0; background:none; text-align:start; }
.footer-privacy-button:hover,.footer-privacy-button:focus-visible { color:var(--cyan); text-decoration:underline; }
.footer-external-widget { padding-block:1.5rem; background:#fff; }
body.has-privacy-consent #openVSButton,
body.has-privacy-consent #openVSChat,
body.has-privacy-consent #vsinvite,
body.has-privacy-consent [id^="virtualspirit"] { display:none!important; }
body.has-privacy-consent #enable-toolbar { visibility:hidden!important; }
body.show-enable-toolbar #openVSButton,
body.show-enable-toolbar #openVSChat,
body.show-enable-toolbar #vsinvite,
body.show-enable-toolbar [id^="virtualspirit"] { display:none!important; }

/* Correction 12: the licensed Enable settings place the launcher 900px above its fixed bottom toolbar. */
#enable-toolbar #enable-toolbar-trigger {
  position:absolute!important;
  z-index:2147482990!important;
  top:-20px!important;
  right:20px!important;
  bottom:auto!important;
  left:auto!important;
  transform:translateY(-100%)!important;
  transform-origin:bottom right!important;
}
#enable-toolbar #enable-toolbar-trigger:hover,
#enable-toolbar #enable-toolbar-trigger:focus-visible { transform:scale(1.07) translateY(-100%)!important; }

@media (max-width:767.98px) {
  .promotion-load-more { margin-top:1.4rem; }
  .promotion-load-more-button { width:100%; }
  .advantage-grid article { min-height:190px; border-bottom:0; }
  .privacy-consent { padding:.75rem 0; }
  .privacy-consent-inner { grid-template-columns:1fr; gap:.75rem; }
  .privacy-consent-copy p { font-size:.76rem; }
  .privacy-consent-actions { display:grid; grid-template-columns:1fr 1fr; }
  .privacy-consent-actions .privacy-consent-primary { grid-column:1/-1; grid-row:1; }
  .privacy-preferences-form { grid-template-columns:1fr; }
  .privacy-preferences-actions { display:grid; grid-template-columns:1fr 1fr; }
}

@media (prefers-reduced-motion:reduce) {
  .promotion-load-more-button.is-loading::before { animation:none; }
}

/* Correction 08: rich, privacy-conscious footer */
.site-footer { padding-top:0; background:#07152a; }
.footer-feature-area { border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.1); background:linear-gradient(135deg,#0b1e39 0%,#102b50 58%,#0a1a31 100%); }
.footer-feature-grid { display:grid; grid-template-columns:1.08fr 1fr .9fr; gap:1.5rem; padding-block:2.5rem; }
.footer-feature-grid>section { min-width:0; padding:1.35rem; border:1px solid rgba(255,255,255,.1); border-radius:18px; background:rgba(255,255,255,.045); }
.footer-section-heading { margin-bottom:1rem; }
.footer-section-heading span { display:block; margin-bottom:.25rem; color:#80b7ff; font-size:.78rem; font-weight:800; }
.footer-feature-grid h2 { margin:0; color:#fff; font-size:1.18rem; }
.footer-feature-grid p { color:#d8e3f1; font-size:.9rem; line-height:1.75; }
.footer-video-shell { position:relative; aspect-ratio:16/9; overflow:hidden; border-radius:14px; background:#041022; box-shadow:0 14px 32px rgba(0,0,0,.2); }
.footer-video-shell iframe { width:100%; height:100%; border:0; }
.footer-video-launch { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:.55rem; width:100%; padding:1.2rem; color:#fff; border:0; background:radial-gradient(circle at 50% 28%,rgba(45,111,210,.35),transparent 45%),linear-gradient(145deg,#102b50,#061326); cursor:pointer; }
.footer-video-launch img { width:min(58%,210px); height:auto; padding:.35rem .55rem; border-radius:8px; background:#fff; object-fit:contain; }
.footer-video-launch strong { font-size:.94rem; }
.footer-video-launch small { color:#c9d7e9; font-size:.72rem; }
.footer-video-launch:hover .footer-play-icon,.footer-video-launch:focus-visible .footer-play-icon { transform:scale(1.08); background:#fff; color:#174d9e; }
.footer-video-launch:focus-visible { outline:3px solid #8ac0ff; outline-offset:-3px; }
.footer-play-icon { display:grid; width:48px; height:48px; place-items:center; padding-inline-start:3px; color:#fff; border:1px solid rgba(255,255,255,.75); border-radius:50%; background:#1b67d1; transition:transform .18s ease,background .18s ease,color .18s ease; }
.footer-company-section p { max-width:62ch; margin:.55rem 0; }
.footer-brand-pair { display:flex; align-items:center; gap:.7rem; flex-wrap:wrap; margin-top:1rem; }
.footer-brand-pair img { width:auto; max-width:142px; height:42px; padding:.3rem .55rem; border-radius:8px; background:#fff; object-fit:contain; }
.footer-connect-section { display:flex; flex-direction:column; }
.footer-facebook-card { display:flex; align-items:center; gap:.8rem; padding:.85rem; color:#132c50; border-radius:12px; background:#fff; text-decoration:none; transition:transform .18s ease,box-shadow .18s ease; }
.footer-facebook-card:hover,.footer-facebook-card:focus-visible { color:#132c50; transform:translateY(-2px); box-shadow:0 12px 24px rgba(0,0,0,.2); }
.facebook-mark { display:grid; flex:0 0 38px; width:38px; height:38px; place-items:center; color:#fff; border-radius:50%; background:#1877f2; font-family:Arial,sans-serif; font-size:1.65rem; font-weight:700; }
.footer-facebook-card span:nth-child(2) { display:flex; min-width:0; flex:1; flex-direction:column; }
.footer-facebook-card small { color:#5e718c; font-size:.72rem; }
.external-arrow { color:#1877f2; font-size:1.2rem; }
.footer-payment { margin-top:1.25rem; padding-top:1.15rem; border-top:1px solid rgba(255,255,255,.12); }
.footer-payment h2 { margin-bottom:.65rem; font-size:1rem; }
.footer-payment img { display:block; width:100%; max-width:294px; height:auto; padding:.55rem; border-radius:9px; background:#fff; object-fit:contain; }
.footer-payment p { margin:.65rem 0 0; font-size:.76rem; line-height:1.55; }
.footer-links-grid { grid-template-columns:1.35fr repeat(4,1fr); gap:2rem; padding-block:2.3rem 1.8rem; }
.footer-links-grid>section { min-width:0; }
.footer-legal-note { margin-top:.7rem; color:#9fb0c6; font-size:.76rem; line-height:1.55; }
.footer-bottom { gap:1rem 2rem; flex-wrap:wrap; }

@media (max-width:1199.98px) {
  .footer-feature-grid { grid-template-columns:1fr 1fr; }
  .footer-connect-section { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:1rem 1.5rem; }
  .footer-connect-section .footer-section-heading { grid-column:1/-1; margin-bottom:0; }
  .footer-payment { margin-top:0; padding-top:0; padding-inline-start:1.5rem; border-top:0; border-inline-start:1px solid rgba(255,255,255,.12); }
  .footer-links-grid { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:767.98px) {
  .footer-feature-grid { grid-template-columns:1fr; gap:1rem; padding-block:1.5rem; }
  .footer-connect-section { grid-column:auto; display:flex; }
  .footer-connect-section .footer-section-heading { margin-bottom:1rem; }
  .footer-payment { margin-top:1.2rem; padding-top:1.1rem; padding-inline-start:0; border-top:1px solid rgba(255,255,255,.12); border-inline-start:0; }
  .footer-links-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.6rem 1rem; }
}
@media (max-width:479.98px) {
  .footer-feature-grid>section { padding:1rem; border-radius:14px; }
  .footer-video-launch small { max-width:220px; }
  .footer-brand-pair img { max-width:125px; height:38px; }
  .footer-links-grid { grid-template-columns:1fr; }
  .footer-bottom { align-items:flex-start; flex-direction:column; }
}

/* Correction 09: About and company terms */
html { scroll-padding-top:150px; }
.about-hero { position:relative; overflow:hidden; color:#fff; background:radial-gradient(circle at 14% 20%,rgba(48,139,255,.32),transparent 30%),radial-gradient(circle at 88% 70%,rgba(83,224,214,.18),transparent 30%),#071a36; }
.about-hero::after { position:absolute; inset:0; content:""; opacity:.12; background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(90deg,transparent,#000 40%,#000); }
.about-hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:1.12fr .88fr; align-items:center; gap:4rem; min-height:480px; padding-block:4.7rem; }
.about-hero-copy { max-width:700px; }
.section-kicker { display:block; margin-bottom:.55rem; color:#1f75df; font-size:.82rem; font-weight:900; letter-spacing:.02em; }
.about-hero .section-kicker { color:#82bcff; }
.about-hero h1 { margin:0; font-size:clamp(2.8rem,6vw,5.5rem); font-weight:950; letter-spacing:-.055em; }
.about-lead { max-width:670px; margin:1.4rem 0 1.7rem; color:#dce8f8; font-size:1.13rem; line-height:1.8; }
.about-anchor-nav { display:flex; gap:.7rem; flex-wrap:wrap; }
.about-anchor-nav a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:.7rem 1.25rem; color:#fff; border:1px solid rgba(255,255,255,.35); border-radius:9px; text-decoration:none; font-weight:850; }
.about-anchor-nav a:first-child { color:#0b2750; border-color:#fff; background:#fff; }
.about-anchor-nav a:hover,.about-anchor-nav a:focus-visible { border-color:#75b4ff; box-shadow:0 0 0 3px rgba(117,180,255,.25); }
.about-brand-panel { position:relative; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:.8rem; min-height:300px; padding:2.1rem; border:1px solid rgba(255,255,255,.16); border-radius:24px; background:rgba(255,255,255,.07); box-shadow:0 24px 60px rgba(0,0,0,.22); backdrop-filter:blur(8px); }
.about-brand-panel>span { color:#a7bbd5; font-size:.8rem; font-weight:800; }
.about-brand-logo { display:grid; width:min(100%,310px); min-height:74px; place-items:center; padding:.8rem 1rem; border-radius:13px; background:#fff; }
.about-brand-logo img { width:auto; max-width:100%; max-height:62px; object-fit:contain; }
.about-brand-logo-primary { width:min(88%,270px); }
.about-section { padding-block:5rem; background:#f5f8fc; }
.about-content-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:2rem; align-items:start; }
.about-story,.about-relationship-card { padding:2rem; border:1px solid #dce5f0; border-radius:18px; background:#fff; box-shadow:0 14px 36px rgba(7,26,54,.06); }
.about-story h2,.about-relationship-card h2,.about-section-heading h2,.terms-sidebar h2 { margin:.15rem 0 1rem; color:#0b2345; font-size:clamp(1.65rem,3vw,2.35rem); font-weight:900; letter-spacing:-.035em; }
.about-story p,.about-relationship-card p { color:#435570; line-height:1.85; }
.about-card-icon { display:grid; width:48px; height:48px; place-items:center; margin-bottom:1rem; color:#fff; border-radius:12px; background:linear-gradient(145deg,#1466d7,#12a7ba); font-size:1.35rem; font-weight:950; }
.about-capabilities { padding-top:4rem; }
.about-section-heading { max-width:760px; margin-bottom:1.6rem; }
.about-section-heading>p { color:#586980; }
.about-capability-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.about-capability-grid article { min-height:180px; padding:1.4rem; border:1px solid #dce5f0; border-radius:15px; background:#fff; }
.about-capability-grid strong { color:#102c55; font-size:1.05rem; }
.about-capability-grid p { margin:.65rem 0 0; color:#5a6c83; font-size:.88rem; line-height:1.7; }
.terms-section { padding-block:5rem; border-top:1px solid #dce5f0; background:#fff; }
.terms-layout { display:grid; grid-template-columns:minmax(230px,.36fr) minmax(0,1fr); gap:3rem; align-items:start; }
.terms-sidebar { position:sticky; top:155px; padding:1.7rem; border-radius:17px; background:#edf4fd; }
.terms-sidebar p { color:#4e6078; line-height:1.7; }
.terms-sidebar .btn { width:100%; margin-top:.7rem; padding:.8rem; font-size:.82rem; font-weight:900; }
.terms-content { max-width:850px; }
.terms-important { margin-bottom:1.3rem; padding:1.4rem; border:1px solid #aed0fb; border-inline-start:5px solid #1971dc; border-radius:12px; background:#f0f7ff; }
.terms-important strong { color:#0d4d9e; font-size:1.05rem; }
.terms-important p { margin:.45rem 0 0; color:#314b6c; line-height:1.75; }
.terms-content article { padding:1.35rem 0; border-bottom:1px solid #e3e9f1; }
.terms-content article:last-child { border-bottom:0; }
.terms-content h3 { margin:0 0 .55rem; color:#102c55; font-size:1.15rem; font-weight:900; }
.terms-content p { margin:0; color:#4b5d74; line-height:1.85; }
.terms-content a { font-weight:800; }

@media (max-width:991.98px) {
  .about-hero-grid { grid-template-columns:1fr; gap:2.5rem; padding-block:3.5rem; }
  .about-brand-panel { min-height:250px; }
  .about-content-grid { grid-template-columns:1fr; }
  .about-capability-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .terms-layout { grid-template-columns:1fr; gap:1.7rem; }
  .terms-sidebar { position:static; }
}
@media (max-width:575.98px) {
  html { scroll-padding-top:110px; }
  .about-hero-grid { padding-block:2.6rem; }
  .about-hero h1 { font-size:2.7rem; }
  .about-lead { font-size:1rem; }
  .about-anchor-nav a { flex:1; }
  .about-brand-panel { min-height:220px; padding:1.25rem; border-radius:18px; }
  .about-section,.terms-section { padding-block:3rem; }
  .about-story,.about-relationship-card { padding:1.25rem; }
  .about-capabilities { padding-top:3rem; }
  .about-capability-grid { grid-template-columns:1fr; }
  .about-capability-grid article { min-height:auto; }
  .terms-sidebar { padding:1.25rem; }
}

/* Correction 10: complete product detail page */
.product-detail-grid { align-items:start; gap:1.8rem; padding:1.25rem; box-shadow:0 16px 42px rgba(7,26,54,.06); }
.product-gallery { min-width:0; }
.product-main-image { min-height:500px; padding:1.3rem; border:1px solid #e4eaf2; background:#fff; }
.product-main-image img { width:100%; max-width:650px; height:470px; object-fit:contain; }
.product-thumbnails { padding-bottom:.25rem; scrollbar-width:thin; }
.product-thumbnails button { flex:0 0 78px; cursor:pointer; transition:border-color .18s ease,box-shadow .18s ease; }
.product-thumbnails button:hover,.product-thumbnails button:focus-visible { border-color:#7aaef3; box-shadow:0 0 0 3px rgba(20,104,243,.12); }
.product-summary { min-width:0; padding:.4rem 0; }
.product-summary h1 { margin:.4rem 0 .65rem; overflow-wrap:anywhere; }
.product-key-details { display:grid; margin:.85rem 0 0; border-block:1px solid #e2e8f0; }
.product-key-details>div { display:grid; grid-template-columns:110px minmax(0,1fr); gap:.7rem; padding:.48rem 0; border-bottom:1px solid #edf1f6; }
.product-key-details>div:last-child { border-bottom:0; }
.product-key-details dt,.product-key-details dd { min-width:0; margin:0; }
.product-key-details dt { color:#6a788d; font-size:.78rem; font-weight:800; }
.product-key-details dd { overflow-wrap:anywhere; color:#182b49; font-size:.88rem; font-weight:750; }
.product-purchase-panel { margin-top:.9rem; padding:.95rem; border:1px solid #d7e5f8; border-radius:13px; background:linear-gradient(145deg,#f7fbff,#edf5ff); }
.price-label { color:#60718a; font-size:.75rem; font-weight:800; }
.product-purchase-panel .detail-price { margin:.15rem 0 .8rem; color:#0c3977; }
.detail-price-callout { margin-bottom:.8rem; color:#173f73; font-weight:900; }
.product-contact-button { direction:rtl; }
.product-purchase-panel .purchase-button { max-width:none; margin-top:0; }
.product-ticker { margin-top:1.15rem; overflow:hidden; color:#fff; border-radius:10px; background:linear-gradient(90deg,#0b2e5e,#1468f3,#0b2e5e); box-shadow:0 8px 20px rgba(20,104,243,.16); }
.product-ticker-track { display:flex; width:max-content; min-width:200%; animation:productTicker 28s linear infinite; }
.product-ticker-track span { display:block; flex:0 0 50%; min-width:50%; padding:.72rem 3rem; text-align:center; white-space:nowrap; font-size:.82rem; font-weight:800; }
.product-ticker:hover .product-ticker-track,.product-ticker:focus-within .product-ticker-track,.product-ticker:focus .product-ticker-track { animation-play-state:paused; }
@keyframes productTicker { from { transform:translateX(0); } to { transform:translateX(-50%); } }
.product-information { margin-top:1.5rem; border:1px solid #dfe6ef; border-radius:15px; background:#fff; box-shadow:0 14px 36px rgba(7,26,54,.06); }
.product-tabs { display:grid; grid-template-columns:repeat(3,1fr); padding:.32rem; border-bottom:1px solid #dfe6ef; border-radius:15px 15px 0 0; background:#f2f6fb; }
.product-tabs .nav-item { min-width:0; }
.product-tabs .nav-link { width:100%; min-height:40px; padding:.42rem .65rem; color:#53647c; border:0; border-radius:8px; font-size:.94rem; line-height:1.25; font-weight:900; }
.product-tabs .nav-link:hover,.product-tabs .nav-link:focus-visible { color:#0d58bd; background:#e4eefc; }
.product-tabs .nav-link.active { color:#fff; background:#1468f3; box-shadow:0 7px 16px rgba(20,104,243,.22); }
.product-tab-content { min-height:180px; padding:clamp(.85rem,1.8vw,1.35rem); }
.rich-product-content { max-width:100%; overflow-wrap:anywhere; color:#34445d; font-size:.94rem; line-height:1.65; }
.rich-product-content h1,.rich-product-content h2,.rich-product-content h3,.rich-product-content h4,.rich-product-content h5,.rich-product-content h6 { margin:.9rem 0 .4rem; color:#102c55; line-height:1.3; font-weight:900; }
.rich-product-content h1 { font-size:1.45rem; }
.rich-product-content h2 { font-size:1.25rem; }
.rich-product-content h3 { font-size:1.1rem; }
.rich-product-content h4,.rich-product-content h5,.rich-product-content h6 { font-size:1rem; }
.rich-product-content p { margin:.35rem 0; }
.rich-product-content img { display:block; width:auto; max-width:100%; height:auto; margin:.65rem auto; object-fit:contain; }
.rich-product-content table { display:block; width:100%!important; max-width:100%; margin:.65rem 0; overflow-x:auto; border-collapse:collapse; }
.rich-product-content th,.rich-product-content td { min-width:120px; padding:.55rem .7rem; border:1px solid #dfe6ef; vertical-align:top; }
.rich-product-content ul,.rich-product-content ol { margin:.4rem 0; padding-inline-start:1.25rem; }
.rich-product-content iframe { display:block; width:min(100%,900px)!important; height:auto!important; aspect-ratio:16/9; margin:.8rem auto; border:0; border-radius:12px; background:#071a36; }
.rich-product-content a { overflow-wrap:anywhere; }
.product-description-section { margin-top:1.05rem; padding-top:.85rem; border-top:1px solid #e3e9f1; }
.product-description-section:first-child { margin-top:0; padding-top:0; border-top:0; }
.specification-table-wrap { max-width:100%; overflow:hidden; border:1px solid #dfe6ef; border-radius:12px; }
.product-specification-table { width:100%; table-layout:fixed; border-collapse:collapse; }
.product-specification-table th,.product-specification-table td { padding:.65rem .8rem; text-align:start; vertical-align:top; overflow-wrap:anywhere; line-height:1.42; }
.product-specification-table th { width:30%; color:#17375f; font-size:1rem; font-weight:850; }
.product-specification-table td { color:#34445d; font-size:.94rem; }
.product-specification-table tr:nth-child(odd) { background:#f6f9fd; }
.product-specification-table tr+tr { border-top:1px solid #e3e9f1; }
.product-empty-state { padding:2.8rem 1rem; text-align:center; color:#6b7a90; }
.product-empty-state strong { display:block; margin-bottom:.35rem; color:#243b5d; font-size:1.1rem; }
.product-empty-state p { margin:0; }
.shipping-payment-intro { max-width:740px; }
.shipping-payment-intro>span { color:#1468f3; font-size:.78rem; font-weight:900; }
.shipping-payment-intro h3 { margin:.35rem 0 .65rem; color:#102c55; font-size:clamp(1.35rem,2.5vw,2rem); font-weight:900; }
.shipping-payment-intro p { color:#596a82; line-height:1.75; }
.shipping-payment-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-top:1.4rem; }
.shipping-payment-grid article { padding:1.2rem; border:1px solid #dfe7f1; border-radius:12px; background:#f8fafd; }
.shipping-payment-grid strong { color:#15375f; }
.shipping-payment-grid p { margin:.55rem 0 0; color:#607089; font-size:.84rem; line-height:1.7; }
.shipping-terms-link { display:inline-flex; margin-top:1.2rem; font-weight:850; }
.related-products { overflow:hidden; }

@media (max-width:991.98px) {
  .product-detail-grid { gap:1.3rem; }
  .product-main-image { min-height:390px; }
  .product-main-image img { height:360px; }
  .shipping-payment-grid { grid-template-columns:1fr; }
}
@media (max-width:575.98px) {
  .product-page { padding-top:1rem; }
  .product-detail-grid { padding:.75rem; border-radius:11px; }
  .product-main-image { min-height:285px; padding:.5rem; }
  .product-main-image img { height:270px; }
  .product-key-details>div { grid-template-columns:90px minmax(0,1fr); padding:.45rem 0; }
  .product-purchase-panel { padding:.8rem; }
  .product-ticker-track span { padding:.65rem 1.5rem; font-size:.75rem; }
  .product-tabs { gap:.2rem; padding:.28rem; }
  .product-tabs .nav-link { min-height:40px; padding:.4rem .2rem; font-size:.875rem; }
  .product-tab-content { padding:.8rem; }
  .product-specification-table th { width:40%; }
  .product-specification-table th,.product-specification-table td { padding:.62rem .5rem; font-size:.875rem; line-height:1.4; }
}
@media (prefers-reduced-motion:reduce) {
  .product-ticker-track { width:auto; min-width:0; animation:none; }
  .product-ticker-track span { flex:1; min-width:0; white-space:normal; }
  .product-ticker-track span[aria-hidden="true"] { display:none; }
}