/* AirTracks UI 2026-10-07. Scoped presentation layer; no price or order logic. */
html.at-ui { --ui-ink:#132336; --ui-muted:#536477; --ui-blue:#155eef; --ui-line:#dce3ec; --ui-soft:#f4f7fb; --ui-dark:#102638; color:var(--ui-ink); }
html.at-ui body { color:var(--ui-ink); background:#fff; font-family:Manrope,"Segoe UI",Arial,sans-serif; line-height:1.6; }
html.at-ui body *,html.at-ui body *::before,html.at-ui body *::after { box-sizing:border-box; }
html.at-ui body h1 { font-size:clamp(28px,3.3vw,46px); line-height:1.16; letter-spacing:-1.2px; color:var(--ui-ink); }
html.at-ui body h2 { font-size:clamp(25px,2.6vw,36px); line-height:1.22; letter-spacing:-.7px; color:var(--ui-ink); }
html.at-ui body h3 { line-height:1.35; color:var(--ui-ink); }
html.at-ui body a { text-underline-offset:4px; }
html.at-ui body :focus-visible { outline:3px solid #155eef!important; outline-offset:4px; }
html.at-ui body .uk-container { max-width:1360px; }
html.at-ui body .uk-container-xsmall { max-width:1040px; }
html.at-ui body .uk-section { padding-top:48px; padding-bottom:48px; }
html.at-ui body .uk-section-small { padding-top:28px; padding-bottom:28px; }
html.at-ui body .uk-section-muted { background:var(--ui-soft); }
html.at-ui body .uk-button-primary,html.at-ui body .addtocart-button,html.at-ui body .at-flt-apply,html.at-ui body .d2s-send { background:var(--ui-blue)!important; background-image:none!important; color:white!important; border-radius:10px!important; border:1px solid transparent!important; box-shadow:none!important; min-height:44px; font-weight:700; transition:background-color .15s ease,box-shadow .15s ease!important; }
html.at-ui body .uk-button-primary:hover,html.at-ui body .addtocart-button:hover { background:#124bcc!important; }
html.at-ui body .uk-button,html.at-ui body input,html.at-ui body select,html.at-ui body textarea { max-width:100%; }
html.at-ui body [uk-scrollspy-class],html.at-ui body [uk-scrollspy],html.at-ui body .d2-reveal,html.at-ui body .d2b-blur { visibility:visible!important; opacity:1!important; transform:none!important; filter:none!important; }
html.at-ui body .d2-uline::after,html.at-ui body .d2-prog,html.at-ui body .d2b-conf,html.at-ui body .d2b-fly { display:none!important; }
html.at-ui body .d2-pulse,html.at-ui body .d2-bounce { animation:none!important; }
/* Preserve the existing navigation, search handlers, and cart markup. */
html.at-ui body .tm-header>div { box-shadow:none!important; border-bottom:1px solid var(--ui-line); }
html.at-ui body .tm-header .uk-navbar-container { background:#fff!important; }
html.at-ui body .tm-header .uk-navbar-nav>li>a { min-height:76px; font-size:14px; text-transform:none; }
html.at-ui body .tm-header .uk-navbar-item { min-height:76px; }
html.at-ui body .tm-headerbar-top { padding-top:10px; padding-bottom:10px; background:var(--ui-soft); }
html.at-ui body .tm-header img[alt="airtracks"] { max-width:210px; height:auto; }
html.at-ui body .uk-navbar-dropdown,html.at-ui body .uk-offcanvas-bar { border-radius:12px; box-shadow:0 14px 40px #13233618; }
html.at-ui body .uk-offcanvas-bar a { color:var(--ui-ink); }
html.at-ui body .uk-offcanvas-bar .uk-nav>li>a { padding:12px 0; }
html.at-ui body [id^="offlajn-ajax-search"].uk-form,html.at-ui body .offlajn-ajax-search-container,html.at-ui body .offlajn-ajax-search-inner,html.at-ui body [id^="search-form"] { min-width:0!important; max-width:100%!important; }
html.at-ui body .offlajn-ajax-search-container { width:100%!important; }
html.at-ui body .offlajn-ajax-search-inner { border:1px solid var(--ui-line)!important; box-shadow:none!important; border-radius:10px!important; background:#fff!important; overflow:hidden; }
html.at-ui body input[id^="search-area"] { font-family:inherit!important; width:calc(100% - 44px)!important; min-width:0!important; box-shadow:none!important; }
html.at-ui body .uk-breadcrumb { margin-top:0; margin-bottom:24px; font-size:12px; }
/* Home: existing product media, with a compact category entry point. */
html.at-ui body .d2-hero.at-ui-hero { max-width:1320px; margin:24px auto 0; padding:48px; background:#eff4f9; color:var(--ui-ink); border:1px solid var(--ui-line); border-radius:20px; text-align:left; overflow:hidden; }
.at-ui .at-ui-hero-copy { max-width:780px; position:relative; z-index:1; }
.at-ui .at-ui-eyebrow { color:#365372; text-transform:uppercase; letter-spacing:2px; font-size:11px; font-weight:800; margin:0 0 18px; }
html.at-ui body .at-ui-hero h2 { color:var(--ui-ink); font-size:clamp(34px,4.2vw,62px); line-height:1.06; letter-spacing:-2px; max-width:900px; margin:0 0 20px; }
html.at-ui body .at-ui-hero p { color:var(--ui-muted); max-width:560px; margin:0 0 24px; font-size:16px; }
.at-ui .at-ui-actions { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
html.at-ui body .d2-hero a.d2-cta { background:var(--ui-blue); color:#fff; border-radius:10px; box-shadow:none; padding:13px 22px; transform:none!important; }
.at-ui .at-ui-secondary { display:inline-flex; padding:12px 18px; border:1px solid #b9c8d9; border-radius:10px; color:var(--ui-ink)!important; text-decoration:none; font-weight:700; }
.at-ui .at-ui-hero-media { display:block; width:100%; height:auto; margin:36px 0 -16px; mix-blend-mode:multiply; }
.at-ui .at-ui-directions { max-width:1320px; margin:24px auto 16px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.at-ui .at-ui-direction { padding:22px; border:1px solid var(--ui-line); border-radius:12px; color:var(--ui-ink)!important; text-decoration:none!important; background:#fff; transition:border-color .15s; }
.at-ui .at-ui-direction:hover { border-color:var(--ui-blue); }
.at-ui .at-ui-direction small { display:block; color:var(--ui-muted); font-size:11px; letter-spacing:1px; margin-bottom:8px; }
.at-ui .at-ui-direction strong { display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:16px; }
/* Product cards keep their original forms, events and prices. */
html.at-ui body .at-ui-card { border:1px solid var(--ui-line)!important; background:#fff!important; border-radius:14px!important; box-shadow:none!important; overflow:hidden; transform:none!important; transition:border-color .15s ease!important; height:100%; }
html.at-ui body .at-ui-card:hover { border-color:#9eafc4!important; transform:none!important; box-shadow:0 8px 24px #13233609!important; }
html.at-ui body .at-ui-card .uk-card-body { padding:18px!important; }
html.at-ui body .at-ui-card .el-title { height:auto!important; min-height:44px; margin:12px 0!important; font-size:15px!important; line-height:1.45!important; color:var(--ui-ink)!important; }
html.at-ui body .at-ui-card .el-title a { color:var(--ui-ink)!important; }
html.at-ui body .at-ui-card .el-meta { height:auto!important; margin:14px 0!important; font-size:21px!important; font-weight:800; color:var(--ui-ink)!important; }
html.at-ui body .at-ui-card .el-content { height:auto!important; margin:0!important; }
html.at-ui body .at-ui-card img { object-fit:contain; height:230px; max-width:100%; transform:none!important; transition:none!important; }
html.at-ui body .at-ui-card .addtocart-button { padding:0 10px!important; font-size:13px!important; white-space:normal; }
html.at-ui body .at-ui-card .at-qv { min-height:34px; margin:8px 0; border:1px solid var(--ui-line); }
html.at-ui body .at-ui-card-grid { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-left:0!important; }
html.at-ui body .at-ui-card-grid::before,html.at-ui body .at-ui-card-grid::after { display:none!important; }
html.at-ui body .at-ui-card-grid>div { width:auto!important; padding-left:0!important; margin-top:0!important; min-width:0; }
html.at-ui.at-ui-home body .at-ui-card-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
/* Filters: meaningful labels; same controls and original application logic. */
html.at-ui body .at-filter { display:flex!important; flex-wrap:wrap; align-items:flex-end; gap:10px!important; max-width:none; margin:18px 0 28px; padding:16px!important; border:1px solid var(--ui-line); box-shadow:none!important; background:var(--ui-soft); }
html.at-ui body .at-filter>span { width:auto!important; flex:0 0 auto; }
.at-ui .at-ui-filter-field { display:flex; flex:0 1 150px; flex-direction:column; gap:5px; min-width:110px; font-size:12px; color:var(--ui-muted); }
html.at-ui body .at-filter .at-flt-min,html.at-ui body .at-filter .at-flt-max,html.at-ui body .at-filter .at-flt-sort { display:block!important; width:100%!important; min-width:0; height:44px!important; background:#fff; border:1px solid #c6d2e1!important; border-radius:8px!important; font-size:14px; padding:8px 10px!important; }
html.at-ui body .at-filter>.at-flt-sort { flex:1 1 200px; width:auto!important; }
html.at-ui body .at-filter button { min-height:44px; border-radius:8px!important; }
html.at-ui.at-ui-catalog body .uk-section:first-of-type { padding-top:28px; }
html.at-ui.at-ui-catalog body h1 { margin:12px 0 22px; }
html.at-ui body .d2-ai-block { border:1px solid var(--ui-line)!important; border-left:3px solid #a8bdd6!important; border-radius:10px!important; background:var(--ui-soft)!important; color:var(--ui-muted)!important; font-size:14px!important; padding:14px 18px!important; }
html.at-ui body .at-ui-info { margin:18px 0; border:1px solid var(--ui-line); border-radius:10px; background:var(--ui-soft); }
.at-ui .at-ui-info>summary { padding:12px 16px; color:var(--ui-ink); cursor:pointer; font-size:13px; font-weight:700; }
html.at-ui body .at-ui-info .d2-ai-block { border:0!important; margin:0!important; }
/* Product detail: expose important content immediately; avoid decorative hiding. */
html.at-ui body .at-ui-product-panel h1 { font-size:clamp(27px,2.8vw,40px)!important; line-height:1.16!important; margin:0 0 20px; }
html.at-ui body .at-ui-product-panel>.at-ui-price { width:auto; border:0!important; font-size:32px; margin:16px 0!important; }
html.at-ui body .at-ui-product-panel>.at-ui-buy { border:1px solid var(--ui-line); padding:16px; border-radius:12px; margin:16px 0!important; background:var(--ui-soft); }
html.at-ui body .at-ui-product-panel .d2s-scheme { background:#f8fafc; border:1px solid var(--ui-line); margin-top:22px; }
html.at-ui body .at-ui-gallery { border:1px solid var(--ui-line); border-radius:16px; overflow:hidden; background:#fff; }
html.at-ui body .at-ui-gallery .uk-slideshow-items { min-height:300px; }
html.at-ui body .at-ui-gallery .uk-slideshow-items img { object-fit:contain; }
html.at-ui body .at-ui-gallery-column { align-items:flex-start!important; }
html.at-ui.at-ui-product body .uk-grid-divider>div::before { border-color:var(--ui-line); }
html.at-ui body .at-ui-buy .uk-card-primary { background:transparent!important; padding:0!important; box-shadow:none!important; }
html.at-ui body .at-ui-buy .d2s-main { background:var(--ui-dark)!important; }
html.at-ui body .at-ui-product-panel .uk-heading-line>::before,html.at-ui body .at-ui-product-panel .uk-heading-line>::after { display:none; }
/* Contact drawer: original links/buttons are moved, never copied or intercepted. */
.at-ui .at-ui-contact { position:fixed; right:20px; bottom:20px; z-index:990; }
.at-ui .at-ui-contact>summary { list-style:none; width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; background:var(--ui-dark); color:white; border:1px solid #fff; box-shadow:0 5px 20px #10263822; }
.at-ui .at-ui-contact>summary::-webkit-details-marker { display:none; }
.at-ui .at-ui-contact>summary svg { width:23px; height:23px; }
html.at-ui body .at-ui-contact .at-fab { position:static; display:flex; flex-direction:column; padding:12px; margin-bottom:10px; background:#fff; border:1px solid var(--ui-line); border-radius:12px; box-shadow:0 8px 30px #1323361a; gap:8px; }
html.at-ui body .at-ui-contact:not([open]) .at-fab { display:none; }
html.at-ui body .at-ui-contact[open] { display:flex; flex-direction:column-reverse; align-items:flex-end; }
html.at-ui body .at-ui-contact .at-fab-btn { width:44px; height:44px; box-shadow:none!important; transform:none!important; }
html.at-ui body.at-buybar-vis .at-ui-contact,html.at-ui body.at-has-buybar .at-ui-contact { bottom:90px; }
html.at-ui body:has(#at-cc) .at-ui-contact { display:none; }
html.at-ui body .at-buybar { box-shadow:0 -2px 16px #1323360b; border-top:1px solid var(--ui-line); background:#fff; }
html.at-ui body .at-buybar .at-buybar-name { color:var(--ui-ink); }
html.at-ui body .at-buybar-btn { border-radius:8px!important; }
html.at-ui body .at-buybar-wa,html.at-ui body .at-buybar-max { display:none; }
/* Footer and legal/cookie styles. Preserve all destinations and consent handlers. */
html.at-ui body .tm-footer { background:var(--ui-dark)!important; padding:44px 0!important; }
html.at-ui body .tm-footer h3 { color:#fff!important; font-size:17px; }
html.at-ui body .tm-footer a,html.at-ui body .tm-footer p { color:#cdd9e6!important; font-size:14px; }
html.at-ui body .at-navhub { background:#142e43!important; border-top:1px solid #ffffff18!important; color:#fff!important; display:flex; flex-wrap:wrap; justify-content:center; gap:8px 14px; padding:20px!important; }
html.at-ui body .at-navhub a,html.at-ui body .at-navhub b { color:#d8e4f0!important; margin:0!important; white-space:normal!important; }
html.at-ui body #at-law { background:#0d2031!important; color:#aabfd3!important; display:flex; flex-wrap:wrap; justify-content:center; gap:4px 10px; }
html.at-ui body #at-law a { color:#b9cddd!important; white-space:normal!important; }
html.at-ui body #at-cc { background:#102638!important; border:1px solid #60748a; border-radius:12px!important; max-width:720px; left:16px!important; right:16px!important; bottom:16px!important; box-shadow:0 8px 30px #0002!important; }
html.at-ui body #at-cc a { color:#b9d4ff!important; }
html.at-ui body #at-cc-all { background:#155eef!important; min-height:44px; }
html.at-ui body #at-cc-req { background:#29445c!important; min-height:44px; }
html.at-ui body .at-app { padding:20px 0!important; background:#f7f9fc; }
html.at-ui body .at-app-card { box-shadow:none!important; border:1px solid var(--ui-line); }
/* Standalone information pages can opt into the same shared layer. */
html.at-ui.at-ui-doc body { background:#fff; }
html.at-ui.at-ui-doc body>.t { background:#eff4f9!important; color:var(--ui-ink)!important; padding:40px 0; border-bottom:1px solid var(--ui-line); }
html.at-ui.at-ui-doc body .t a { color:#365372; }
html.at-ui.at-ui-doc body .w { max-width:1040px; }
html.at-ui.at-ui-doc body>.w { padding-top:24px; padding-bottom:32px; }
html.at-ui.at-ui-doc body th { background:#edf3fa; color:var(--ui-ink); }
html.at-ui.at-ui-doc body table,html.at-ui.at-ui-doc body .f { box-shadow:none; border:1px solid var(--ui-line); }
html.at-ui.at-ui-doc body .c a { background:var(--ui-blue); }
.at-ui .at-ui-doc-header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; max-width:1320px; margin:auto; padding:18px 20px; }
.at-ui .at-ui-doc-header img { width:180px; height:auto; }
.at-ui .at-ui-doc-header nav { display:flex; flex-wrap:wrap; gap:20px; }
.at-ui .at-ui-doc-header a { color:var(--ui-ink); text-decoration:none; font-size:14px; }
.at-ui .at-ui-table-scroll { max-width:100%; overflow-x:auto; margin:20px 0; }
html.at-ui body .at-ui-card .el-title { max-height:none!important; overflow:visible!important; -webkit-line-clamp:unset!important; }
html.at-ui body .at-ui-card .uk-margin-top { margin-top:12px!important; }
html.at-ui body .at-ui-filters { margin:14px 0 22px; border:1px solid var(--ui-line); border-radius:10px; background:var(--ui-soft); }
html.at-ui body .at-ui-filters>summary { padding:12px 16px; cursor:pointer; font-weight:700; font-size:13px; }
html.at-ui body .at-ui-filters .at-filter { margin:0; border:0; }
html.at-ui body .at-filter .at-ui-filter-field { width:auto!important; flex:1 1 100px; }
html.at-ui body .tm-top.uk-section { padding-bottom:12px; }
html.at-ui body .at-ui-hero h2 { font-size:clamp(34px,4vw,58px)!important; line-height:1.08!important; }
@media(min-width:1024px) {
  html.at-ui.at-ui-product body .uk-section:first-of-type { padding-top:30px; }
  html.at-ui body .d2-hero.at-ui-hero { display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:center; min-height:410px; }
  html.at-ui body .at-ui-hero-media { margin:0; }
}
@media(max-width:1390px) { html.at-ui body .d2-hero.at-ui-hero,.at-ui .at-ui-directions { margin-left:24px; margin-right:24px; } }
@media(max-width:1023px) {
  html.at-ui body .tm-header-mobile .uk-navbar-container { background:#fff!important; border-bottom:1px solid var(--ui-line); }
  html.at-ui body .tm-header-mobile .uk-navbar-item,html.at-ui body .tm-header-mobile .uk-navbar-toggle { min-height:70px; }
  html.at-ui body .tm-header-mobile img { max-width:170px; }
  html.at-ui body .uk-section { padding-top:32px; padding-bottom:32px; }
  html.at-ui.at-ui-home body .at-ui-card-grid,html.at-ui body .at-ui-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  .at-ui .at-ui-directions { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html.at-ui body .d2-hero.at-ui-hero { padding:32px; }
}
@media(max-width:639px) {
  html.at-ui body h1 { letter-spacing:-.7px; }
  html.at-ui body .uk-container { padding-left:16px; padding-right:16px; }
  html.at-ui body .d2-hero.at-ui-hero { margin:16px 16px 0; padding:24px 20px; border-radius:14px; }
  html.at-ui body .at-ui-hero h2 { font-size:34px; letter-spacing:-1.3px; }
  html.at-ui body .at-ui-hero p { font-size:14px; }
  .at-ui .at-ui-hero-media { margin:24px 0 0; }
  .at-ui .at-ui-actions { gap:10px; }
  .at-ui .at-ui-actions a { font-size:13px; padding:12px 14px!important; }
  .at-ui .at-ui-directions { margin:16px; gap:8px; }
  .at-ui .at-ui-direction { padding:14px 12px; }
  .at-ui .at-ui-direction strong { font-size:13px; }
  html.at-ui body [id^="offlajn-ajax-search"].uk-form { width:100%!important; }
  html.at-ui body .offlajn-ajax-search-container,html.at-ui body .offlajn-ajax-search-inner,html.at-ui body [id^="search-form"] { width:100%!important; }
  html.at-ui body .at-filter { gap:8px!important; padding:12px!important; margin:12px 0 20px; }
  .at-ui .at-ui-filter-field { flex:1 1 40%; min-width:0; }
  html.at-ui body .at-filter>.at-flt-sort { flex:1 1 100%; }
  html.at-ui body .at-filter>.at-flt-cnt { flex:1 1 100%; }
  html.at-ui body .at-ui-card img { height:150px; }
  html.at-ui body .at-ui-card .uk-card-body { padding:12px!important; }
  html.at-ui body .at-ui-card .el-title { font-size:13px!important; min-height:58px; }
  html.at-ui body .at-ui-card .el-meta { font-size:18px!important; }
  html.at-ui body .at-ui-card .addtocart-button { font-size:11px!important; line-height:1.25; padding:8px!important; }
  html.at-ui body .at-ui-card .addtocart-button svg { display:none; }
  html.at-ui body .at-ui-card-grid { gap:10px!important; }
  html.at-ui body .at-ui-contact { right:16px; bottom:16px; }
  html.at-ui body .at-ui-contact>summary { width:46px; height:46px; }
  html.at-ui body .at-ui-gallery .uk-slideshow-items { min-height:240px; }
  html.at-ui body .at-ui-product-panel>.at-ui-price { font-size:28px; }
  html.at-ui body .at-buybar-info { min-width:0; }
  html.at-ui body .at-buybar-btn { min-height:44px; padding:8px 20px; }
  html.at-ui body .at-app-h { font-size:14px; }
  html.at-ui body #at-cc { left:8px!important; right:8px!important; bottom:8px!important; padding:12px!important; font-size:12px!important; }
  html.at-ui.at-ui-doc body>.t { padding:28px 0; }
  .at-ui .at-ui-doc-header { padding:14px 16px; }
  .at-ui .at-ui-doc-header nav { gap:14px; }
}
@media(max-width:359px) { html.at-ui.at-ui-home body .at-ui-card-grid,html.at-ui body .at-ui-card-grid { grid-template-columns:minmax(0,1fr); } html.at-ui body .at-ui-card img { height:190px; } }
@media(prefers-reduced-motion:reduce) { html.at-ui body *,html.at-ui body *::before,html.at-ui body *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
html.at-ui body [id^="search-results"] { max-width:calc(100vw - 32px)!important; box-sizing:border-box!important; }
/* Stage 4: scoped footer and home editorial navigation; no commerce selectors. */
html.at-ui body .at-ui-replaced-block { display:none!important; }
html.at-ui body .at-ui-site-footer { background:#102638; color:#cdd9e6; padding:0; margin:0; }
.at-ui .at-ui-footer-inner { max-width:1320px; margin:auto; padding:48px 24px 36px; display:grid; grid-template-columns:1.3fr repeat(4,1fr); gap:28px; }
html.at-ui body .at-ui-site-footer h2 { font-size:14px!important; line-height:1.5!important; letter-spacing:0!important; color:white; margin:0 0 16px; }
.at-ui .at-ui-site-footer nav a,.at-ui .at-ui-footer-brand>a { display:block; width:fit-content; color:#cdd9e6; font-size:13px; line-height:1.6; text-decoration:none; margin-bottom:10px; }
.at-ui .at-ui-footer-brand>a.at-ui-footer-logo { font-size:27px; font-weight:750; color:#fff; letter-spacing:-.8px; margin-top:-8px; }
.at-ui .at-ui-footer-brand p { font-size:13px; line-height:1.8; margin:0 0 18px; }
.at-ui .at-ui-site-footer a:hover { color:white; text-decoration:underline; }
.at-ui .at-ui-site-footer a:focus-visible { outline:2px solid #91bbff; outline-offset:4px; }
.at-ui .at-ui-footer-legal { border-top:1px solid #ffffff20; max-width:1272px; margin:auto; padding:22px 0 32px; display:flex; flex-wrap:wrap; gap:8px 24px; }
.at-ui .at-ui-site-footer .at-ui-footer-legal a { font-size:12px; margin:0; }
.at-ui .at-ui-guides { max-width:1320px; margin:48px auto; padding:0 24px; }
.at-ui .at-ui-guides-head { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:16px; }
html.at-ui body .at-ui-guides h2 { font-size:clamp(27px,3vw,38px); margin:0; }
.at-ui .at-ui-guides-head>a { color:#155eef; font-size:14px; font-weight:650; }
.at-ui .at-ui-guides-intro { color:#536477; max-width:650px; margin:14px 0 24px; line-height:1.8; }
.at-ui .at-ui-guides-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.at-ui .at-ui-guide-card { display:flex; flex-direction:column; padding:28px; border:1px solid #dce3ec; border-radius:16px; background:#f5f8fc; color:#132336; text-decoration:none!important; }
.at-ui .at-ui-guide-card small { color:#536477; font-size:11px; letter-spacing:1px; }
html.at-ui body .at-ui-guide-card h3 { color:#132336; font-size:24px; line-height:1.3; margin:20px 0 12px; }
.at-ui .at-ui-guide-card p { color:#536477; font-size:14px; line-height:1.8; margin:0 0 24px; }
.at-ui .at-ui-guide-card>span { margin-top:auto; color:#155eef; font-size:13px; font-weight:700; }
@media(hover:hover) { .at-ui .at-ui-guide-card { transition:transform .18s ease,border-color .18s ease; } .at-ui .at-ui-guide-card:hover { transform:translateY(-3px); border-color:#155eef; } }
@media(max-width:1100px) { .at-ui .at-ui-footer-inner { grid-template-columns:repeat(4,minmax(0,1fr)); } .at-ui .at-ui-footer-brand { grid-column:1/-1; } .at-ui .at-ui-footer-legal { margin:0 24px; } }
@media(max-width:639px) {
 .at-ui .at-ui-footer-inner { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 20px; padding:34px 16px 24px; }
 .at-ui .at-ui-footer-legal { margin:0 16px; padding-bottom:80px; gap:14px; }
 .at-ui .at-ui-guides { margin:32px auto; padding:0 16px; }
 .at-ui .at-ui-guides-grid { grid-template-columns:1fr; gap:12px; }
 .at-ui .at-ui-guide-card { padding:22px; }
 html.at-ui body .at-ui-guide-card h3 { font-size:23px; margin-top:12px; }
}
@media(prefers-reduced-motion:reduce) { .at-ui .at-ui-guide-card { transition:none; transform:none!important; } }
/* Stage 5: category entry points only; product cards and prices are unchanged. */
html.at-ui body h1.at-ui-catalog-heading { font-size:clamp(28px,3vw,40px)!important; line-height:1.2!important; margin:0 0 22px!important; max-width:1050px; }
html.at-ui body h1.at-ui-catalog-heading>div { text-align:left!important; }
.at-ui .at-ui-category-nav { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 20px; }
.at-ui .at-ui-category-nav a { display:inline-flex; align-items:center; min-height:44px; padding:8px 15px; border:1px solid #dce3ec; border-radius:9px; color:#365372; font-size:13px; text-decoration:none; background:#f5f8fc; }
.at-ui .at-ui-category-nav a[aria-current] { background:#132336; color:white; border-color:#132336; }
.at-ui .at-ui-category-nav a:hover { border-color:#155eef; }
html.at-ui body .at-ui-category-grid { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:20px!important; margin:24px 0 36px!important; }
html.at-ui body .at-ui-category-grid::before,html.at-ui body .at-ui-category-grid::after { display:none; }
html.at-ui body .at-ui-category-grid>.at-ui-category-column { width:auto!important; padding:0!important; margin:0!important; min-width:0; }
.at-ui .at-ui-category-column>div { margin:0!important; height:100%; }
html.at-ui body .at-ui-category-tile { display:flex!important; flex-direction:column; width:100%; height:100%; box-sizing:border-box; overflow:hidden; border:1px solid #dce3ec; border-radius:14px; background:#f7f9fc; text-decoration:none!important; box-shadow:none; }
html.at-ui body .at-ui-category-tile>img,html.at-ui body .at-ui-category-tile>.at-tile-media { display:block!important; width:100%!important; height:180px!important; min-height:0!important; margin:0!important; object-fit:contain!important; background-color:#fff; background-size:contain!important; background-position:center; background-repeat:no-repeat; transform:none!important; }
html.at-ui body .at-ui-category-tile>[class*="uk-position"],html.at-ui body .at-ui-category-tile>.at-tile-label { position:static!important; background:none!important; width:auto!important; padding:20px 20px 0!important; color:#132336!important; font-size:18px!important; font-weight:700; line-height:1.4; }
html.at-ui body .at-ui-category-tile .uk-overlay { padding:0!important; width:auto!important; }
html.at-ui body .at-ui-category-tile h3 { margin:0!important; font-size:18px!important; line-height:1.4!important; color:#132336!important; }
.at-ui .at-ui-category-hint { display:block; padding:10px 20px 18px; color:#536477; font-size:13px; line-height:1.6; }
.at-ui .at-ui-category-go { display:block; padding:0 20px 22px; margin-top:auto; font-size:13px; font-weight:700; color:#155eef; }
@media(hover:hover) { .at-ui .at-ui-category-tile { transition:border-color .18s ease,box-shadow .18s ease; } .at-ui .at-ui-category-tile:hover { border-color:#155eef; box-shadow:0 8px 24px #1323360c; } }
@media(max-width:1100px) { html.at-ui body .at-ui-category-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; } }
@media(max-width:639px) {
 html.at-ui body h1.at-ui-catalog-heading { font-size:28px!important; margin-bottom:18px!important; }
 .at-ui .at-ui-category-nav { flex-wrap:nowrap; overflow-x:auto; padding:2px 2px 8px; scrollbar-width:thin; }
 .at-ui .at-ui-category-nav a { flex:0 0 auto; }
 html.at-ui body .at-ui-category-grid { grid-template-columns:1fr!important; gap:14px!important; margin-top:18px!important; }
 html.at-ui body .at-ui-category-tile>img,html.at-ui body .at-ui-category-tile>.at-tile-media { height:165px!important; }
}
@media(prefers-reduced-motion:reduce) { .at-ui .at-ui-category-tile { transition:none; } }
/* Stage 6: strict empty-cart state. No checkout, payment or product selectors. */
html.at-ui-empty-cart-active body .at-app,html.at-ui-empty-cart-active body .at-kpcart { display:none!important; }
html.at-ui body .at-ui-empty-cart { max-width:960px; margin:12px auto 28px; padding:48px; border:1px solid #dce3ec; border-radius:18px; background:#f7f9fc; box-shadow:none; }
.at-ui .at-ui-empty-original-label { display:none!important; }
html.at-ui body .at-ui-empty-cart h1 { margin:0 0 16px; font-size:clamp(28px,3vw,40px)!important; line-height:1.2!important; }
.at-ui .at-ui-empty-intro { color:#536477; font-size:16px; line-height:1.7; margin:0 auto 24px; }
html.at-ui body .at-ui-empty-continue { min-height:48px; padding:12px 24px; font-size:15px; }
.at-ui .at-ui-empty-directions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:32px auto 0; max-width:700px; text-align:left; }
.at-ui .at-ui-empty-directions a { display:flex; align-items:center; min-height:60px; border:1px solid #dce3ec; border-radius:10px; padding:16px 20px; color:#132336; background:white; font-size:14px; text-decoration:none; }
.at-ui .at-ui-empty-directions a:hover { border-color:#155eef; color:#155eef; }
.at-ui .at-ui-empty-help { color:#536477; font-size:13px; line-height:1.8; margin:24px 0 0; }
.at-ui .at-ui-empty-help a { color:#155eef; text-decoration:underline; }
@media(max-width:639px) {
 html.at-ui body .at-ui-empty-cart { padding:28px 18px; margin:0 auto 12px; border-radius:14px; }
 .at-ui .at-ui-empty-intro { font-size:14px; }
 .at-ui .at-ui-empty-directions { grid-template-columns:1fr; gap:10px; margin-top:24px; }
 .at-ui .at-ui-empty-directions a { min-height:52px; padding:13px 15px; }
 html.at-ui body .at-ui-empty-continue { display:block; width:100%; box-sizing:border-box; }
}
/* Stage 19: mobile catalog controls. No filtering, pricing, or cart logic. */
@media(max-width:639px) {
 html.at-ui body .at-ui-filters .at-filter { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px!important; align-items:end; }
 html.at-ui body .at-ui-filters .at-flt-lbl,
 html.at-ui body .at-ui-filters .at-flt-px,
 html.at-ui body .at-ui-filters .at-flt-dash { display:none!important; }
 html.at-ui body .at-ui-filters .at-ui-filter-field { min-width:0; width:100%!important; }
 html.at-ui body .at-ui-filters .at-flt-sort,
 html.at-ui body .at-ui-filters .at-flt-cnt { grid-column:1 / -1; width:100%!important; margin:0; }
 html.at-ui body .at-ui-filters .at-flt-cnt:empty { display:none; }
 html.at-ui body .at-ui-filters input,
 html.at-ui body .at-ui-filters select { font-size:16px!important; }
 html.at-ui body .at-ui-card .at-qvbtn,
 html.at-ui body .at-ui-card .addtocart-button { min-height:44px!important; height:auto!important; padding:10px 8px!important; font-size:12px!important; line-height:1.35!important; white-space:normal!important; }
 html.at-ui body .at-ui-card .at-fav-btn,
 html.at-ui body .at-ui-card .d2s-cmp { width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; top:8px!important; }
 html.at-ui body .at-ui-card .at-fav-btn { right:8px!important; }
 html.at-ui body .at-ui-card .d2s-cmp { right:60px!important; }
}
/* Stage 20: square product media; original utility controls in the price area. */
html.at-ui body .at-ui-card .uk-card-media-top { height:auto!important; padding:0!important; aspect-ratio:1 / 1!important; flex:0 0 auto; }
html.at-ui body .at-ui-card .uk-card-media-top>a { display:block!important; width:100%; aspect-ratio:1 / 1; }
html.at-ui body .at-ui-card .uk-card-media-top .uk-inline-clip { display:block!important; width:100%!important; height:100%!important; }
html.at-ui body .at-ui-card .uk-card-media-top img.el-image { display:block!important; width:100%!important; height:100%!important; max-height:none!important; object-fit:contain!important; }
html.at-ui body .at-ui-card-price-row { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; margin:12px 0; }
html.at-ui body .at-ui-card .at-ui-card-price-row>.el-meta { flex:1 0 auto; width:auto!important; min-width:0; padding:0!important; margin:0!important; border:0!important; }
html.at-ui body .at-ui-card-actions { display:flex; align-items:center; gap:4px; margin-left:auto; }
html.at-ui body .at-ui-card .at-ui-card-actions>button { position:static!important; flex:0 0 32px; width:32px!important; height:32px!important; min-width:32px!important; min-height:32px!important; padding:0!important; border:1px solid #dce3ec; border-radius:8px!important; box-shadow:none!important; transform:none!important; }
html.at-ui body .at-ui-card .at-ui-card-actions>.at-fav-btn:not(.at-fav-on) { color:#687b90; background:#f5f7fa; }
/* Stage 21: shared 4:3 catalog thumbnail standard, without cropping products. */
html.at-ui body .at-ui-card { display:flex!important; flex-direction:column; }
html.at-ui body .at-ui-card .uk-card-media-top { aspect-ratio:4 / 3!important; }
html.at-ui body .at-ui-card .uk-card-media-top>a { aspect-ratio:auto!important; height:100%!important; }
html.at-ui body .at-ui-card .uk-card-media-top img.el-image { object-position:center center; }
html.at-ui body .at-ui-card .uk-card-body { flex:1 1 auto; height:auto!important; display:flex; flex-direction:column; }
html.at-ui body .at-ui-card .uk-card-body>.el-title { min-height:0!important; margin:0 0 12px!important; }
html.at-ui body .at-ui-card .at-ui-card-price-row { margin: auto 0 12px!important; }
html.at-ui body .at-ui-card .at-ui-card-price-row+div { margin:0!important; }
html.at-ui body .at-ui-card .at-ui-card-price-row+div .addtocart-area { margin-bottom:0!important; }
/* Stage 22: enlarge only detected empty borders; retain source photos and proportions. */
html.at-ui body .at-ui-card .uk-card-media-top,
html.at-ui body .at-ui-gallery .uk-slideshow-items>li { overflow:hidden; }
html.at-ui body .at-ui-card .uk-card-media-top img.at-ui-photo-fit,
html.at-ui body .at-ui-gallery .uk-slideshow-items img.at-ui-photo-fit { transform:var(--at-photo-transform)!important; transform-origin:50% 50%!important; object-position:50% 50%!important; transition:none!important; }

/* Batch34: visible content and reduced motion without waiting for JS observers. */
html.at-ui .at-stats,html.at-ui .at-finder,html.at-ui .at-cmp,html.at-ui .at-qual,html.at-ui .at-related,html.at-ui .at-news,html.at-ui .at-faq{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){html.at-ui *,html.at-ui *::before,html.at-ui *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}