/* =========================================================================
   Anand Syndicats: site styles (child of Hello Commerce)
   Scoped under body.as-site. Colours and spacing follow the approved design.
   The doubled ".as-site.as-site " prefix is deliberate: Hello Commerce styles
   every button inside Elementor shortcode widgets at specificity (0,3,0), and
   this stylesheet loads after it, so (0,3,0) here wins without !important.
   ========================================================================= */

:root {
	--as-navy: #2B4360;
	--as-navy-ink: #1F3550;
	--as-blue: #4A7FB5;
	--as-blue-soft: #EDF3FA;
	--as-gold: #D9A54A;
	--as-gold-ink: #9A6516;
	--as-gold-soft: #FBF3E2;
	--as-badge-bg: #F6E7C8;
	--as-badge-ink: #7A5418;
	--as-ink: #101828;
	--as-text: #344054;
	--as-muted: #475467;
	--as-muted-2: #667085;
	--as-muted-3: #98A2B3;
	--as-line: #EAECF0;
	--as-line-2: #E4EAF1;
	--as-field: #C9D2DE;
	--as-bg-soft: #F7F8FA;
	--as-err: #B42318;
	--as-radius: 8px;
	--as-font: 'Nunito Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--as-mono: 'IBM Plex Mono', ui-monospace, monospace;
}

/* ---------- Base ---------- */
body.as-site.as-site {
	font-family: var(--as-font);
	font-size: 14px;
	line-height: 1.45;
	color: var(--as-ink);
	background: #fff;
}
.as-site.as-site a { color: var(--as-navy); text-decoration: none; }
.as-site.as-site a:hover { color: var(--as-gold-ink); }
.as-site.as-site [hidden] { display: none !important; }
.as-site.as-site h1, .as-site.as-site h2, .as-site.as-site h3 { font-family: inherit; }
.as-site.as-site input[type=checkbox], .as-site.as-site input[type=radio] { width: 18px; height: 18px; margin: 0; accent-color: var(--as-navy); flex: none; }
.as-site.as-site :focus-visible { outline: 2px solid var(--as-gold); outline-offset: 2px; }

/* Neutralise the parent theme's button skins inside our components. */
.as-site.as-site :where(.as-header, .as-catnav-wrap, .as-block, .as-side, .as-modal, .as-footer, .as-apps, .as-card) :is(button, [type=button], [type=submit], [type=reset]) {
	background: none;
	border: 0;
	border-radius: 0;
	color: inherit;
	padding: 0;
	font: inherit;
	white-space: normal;
	text-align: inherit;
	text-transform: none;
	letter-spacing: inherit;
	transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease, color .15s ease;
}

.as-wrap { max-width: 1320px; margin: 0 auto; padding: 0 24px; box-sizing: border-box; }
.as-tile { width: 30px; height: 30px; flex: none; border-radius: var(--as-radius); display: flex; align-items: center; justify-content: center; background: var(--as-blue-soft); }
.as-tile img { display: block; }
.as-eyebrow { font-size: 12px; font-weight: 700; color: var(--as-muted); letter-spacing: .06em; }
.as-site.as-site .as-link-gold { color: var(--as-gold-ink); font-weight: 600; font-size: 13px; }
.as-muted { font-size: 12px; color: var(--as-muted); }
.as-mono { font-family: var(--as-mono); }
.as-site.as-site .as-iconbtn { width: 36px; height: 36px; border: 1px solid var(--as-line); border-radius: var(--as-radius); background: #fff; color: var(--as-muted); font-size: 18px; line-height: 1; display: inline-flex; align-items: center; justify-content: center; text-align: center; }
.as-site.as-site .as-iconbtn:hover { border-color: var(--as-navy); color: var(--as-navy); background: #fff; }

/* ---------- Header ---------- */
.as-header { background: #fff; border-bottom: 1px solid var(--as-line-2); }
.as-header__main { padding-top: 12px; padding-bottom: 12px; display: flex; flex-wrap: wrap; gap: 14px 28px; align-items: center; }
.as-logo { display: flex; align-items: center; flex: none; font-weight: 800; font-size: 20px; }
.as-logo img { height: 60px; width: auto; display: block; }

.as-search { flex: 999 1 420px; min-width: 0; display: flex; height: 46px; border: 2px solid var(--as-blue); border-radius: var(--as-radius); overflow: hidden; background: #fff; margin: 0; }
.as-site.as-site .as-search__cat { width: auto; max-width: 160px; height: 100%; border: 0; border-right: 1px solid var(--as-line); border-radius: 0; background: var(--as-bg-soft); padding: 0 12px; font: inherit; color: var(--as-ink); }
.as-site.as-site .as-search__input { flex: 1 1 auto; min-width: 0; width: auto; height: 100%; border: 0; border-radius: 0; padding: 0 14px; font: inherit; font-size: 15px; outline: none; background: #fff; }
.as-site.as-site .as-search__input:focus { border: 0; }
.as-site.as-site .as-search__btn { width: 54px; flex: none; background: var(--as-blue); color: #fff; display: flex; align-items: center; justify-content: center; }
.as-site.as-site .as-search__btn:hover, .as-site.as-site .as-search__btn:focus { background: var(--as-navy); color: #fff; }

.as-deliver { display: flex; align-items: center; gap: 8px; color: var(--as-navy); min-height: 44px; }
.as-deliver .as-ico { color: var(--as-gold); }
.as-deliver > span { display: flex; flex-direction: column; font-size: 12px; color: #5D6C7E; }
.as-deliver b { font-size: 14px; font-weight: 600; color: var(--as-navy); }

.as-account { display: flex; gap: 20px; align-items: center; }
.as-site.as-site .as-account a { position: relative; display: flex; flex-direction: column; align-items: center; gap: 2px; font-size: 12px; color: var(--as-navy); min-width: 44px; }
.as-site.as-site .as-account a:hover { color: var(--as-gold-ink); }
.as-cart-count { position: absolute; top: -6px; right: 0; background: var(--as-badge-bg); color: var(--as-badge-ink); font-size: 11px; font-weight: 700; padding: 1px 6px; border-radius: var(--as-radius); line-height: 1.4; }
.as-cart-count.is-empty { display: none; }

/* ---------- Category bar + mega menu ---------- */
.as-catnav-wrap { position: relative; z-index: 30; }
.as-catnav { background: var(--as-blue-soft); border-bottom: 1px solid var(--as-line-2); }
.as-catnav__inner { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 28px; min-height: 48px; }
.as-site.as-site .as-allcats { display: flex; align-items: center; gap: 10px; background: var(--as-blue); color: #fff; font-weight: 700; padding: 0 18px; height: 48px; font-size: 14px; }
.as-site.as-site .as-allcats:hover, .as-site.as-site .as-allcats:focus { background: var(--as-navy); color: #fff; }
.as-allcats__open { display: inline-flex; }
.as-allcats__close, .as-allcats[aria-expanded=true] .as-allcats__open { display: none; }
.as-allcats[aria-expanded=true] .as-allcats__close { display: inline-flex; }
.as-catnav__links { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 28px; align-items: center; }
.as-site.as-site .as-catnav__links a { color: var(--as-navy); font-size: 14px; font-weight: 500; display: inline-flex; min-height: 44px; align-items: center; }
.as-site.as-site .as-catnav__links a:hover { color: var(--as-gold); }

.as-mega { position: absolute; top: 100%; left: 0; right: 0; }
.as-mega__backdrop { position: absolute; left: 0; right: 0; top: 0; height: 2400px; background: rgba(8, 24, 51, .35); }
.as-mega__wrap { position: relative; }
.as-mega__panel { background: #fff; border: 1px solid var(--as-line); border-radius: 0 0 var(--as-radius) var(--as-radius); box-shadow: 0 24px 48px rgba(11, 31, 58, .18); display: flex; height: 560px; overflow: hidden; }
.as-mega__cats { list-style: none; margin: 0; padding: 6px 0; width: 340px; flex: none; background: var(--as-bg-soft); border-right: 1px solid var(--as-line); overflow-y: auto; }
.as-site.as-site .as-mega__cat { width: 100%; min-height: 44px; display: flex; align-items: center; gap: 10px; padding: 0 14px; font-size: 13px; color: var(--as-ink); font-weight: 500; text-align: left; }
.as-site.as-site .as-mega__cat:hover, .as-site.as-site .as-mega__cat:focus { background: rgba(255, 255, 255, .6); color: var(--as-ink); }
.as-site.as-site .as-mega__cat[aria-selected=true] { background: #fff; color: var(--as-navy); font-weight: 700; box-shadow: inset 4px 0 0 var(--as-gold); }
.as-mega__catname { flex: 1 1 auto; }
.as-mega__body { flex: 1 1 auto; min-width: 0; overflow-y: auto; }
.as-mega__pane { padding: 22px 28px; display: flex; flex-direction: column; gap: 16px; min-height: 100%; box-sizing: border-box; }
.as-mega__head, .as-strip__panehead { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.as-site.as-site .as-mega__name { font-size: 20px; font-weight: 700; color: var(--as-ink); }
.as-mega__actions { display: flex; align-items: center; gap: 16px; }
.as-mega__cols { columns: 3 220px; column-gap: 28px; }
.as-subgroup { break-inside: avoid; display: flex; flex-direction: column; gap: 3px; padding-bottom: 16px; }
.as-site.as-site .as-subgroup__title { font-weight: 700; color: var(--as-ink); font-size: 14px; padding-bottom: 2px; }
.as-subgroup__title small { font-weight: 400; color: var(--as-muted-2); font-size: 12px; }
.as-subgroup ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.as-site.as-site .as-subgroup li a { color: var(--as-muted); font-size: 13px; padding: 2px 0; display: inline-block; }
.as-site.as-site .as-subgroup li a:hover { color: var(--as-gold-ink); }
.as-subgroup li small { color: var(--as-muted-3); font-size: 12px; }
.as-mega__brands { margin-top: auto; display: flex; flex-direction: column; gap: 8px; }
.as-mega__brands div { display: flex; flex-wrap: wrap; gap: 8px; }
.as-site.as-site .as-mega__brands a { border: 1px solid var(--as-line); border-radius: var(--as-radius); padding: 8px 14px; font-weight: 700; }
.as-site.as-site .as-mega__brands a:hover { border-color: var(--as-navy); }

/* ---------- Homepage layout (Elementor containers) ---------- */
.as-hero { position: relative; overflow: hidden; }
.as-hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(245, 248, 252, .85) 0%, rgba(245, 248, 252, .55) 38%, rgba(245, 248, 252, 0) 58%); pointer-events: none; z-index: 0; }
.as-hero > .e-con-inner, .as-hero > .elementor-element { position: relative; z-index: 1; }
.as-site.as-site .as-badge .elementor-heading-title { display: inline-block; background: var(--as-badge-bg); color: var(--as-badge-ink); font-size: 12px; font-weight: 700; letter-spacing: .06em; padding: 5px 10px; border-radius: var(--as-radius); line-height: 1.45; }
.as-site.as-site .as-hero__title .elementor-heading-title { margin: 0; font-size: 42px; line-height: 1.1; max-width: 600px; font-weight: 700; color: var(--as-navy-ink); }
.as-hero__title .elementor-heading-title span { color: var(--as-blue); }
.as-site.as-site .as-hero .as-hero__text { font-size: 15px; color: #56687D; max-width: 480px; }
.as-hero__text p { margin: 0; }

.as-benefits { background: var(--as-bg-soft); border-bottom: 1px solid var(--as-line); }
.as-benefits .elementor-icon-list-items { display: flex !important; flex-wrap: wrap; justify-content: space-between; gap: 10px 20px; margin: 0 !important; }
.as-benefits .elementor-icon-list-item { margin: 0 !important; padding: 0 !important; font-size: 13px; font-weight: 700; color: var(--as-ink); }
.as-benefits .elementor-icon-list-item::after { display: none !important; }
.as-benefits .elementor-icon-list-icon { color: var(--as-navy); }
.as-benefits .elementor-icon-list-icon i, .as-benefits .elementor-icon-list-icon svg { color: var(--as-navy); fill: var(--as-navy); font-size: 17px; width: 18px; }

/* Column sizing (Elementor sets --width on child containers; flex rules here win) */
.as-home__row > .as-home__side { flex: 1 1 260px !important; max-width: 280px; width: auto !important; min-width: 0; }
.as-home__row > .as-home__main { flex: 999 1 640px !important; width: auto !important; min-width: 0; }
.as-about > .as-about__main { flex: 999 1 520px !important; width: auto !important; min-width: 0; }
.as-about > .as-certcard { flex: 1 1 340px !important; max-width: 420px; width: auto !important; }
.as-biz > .as-biz__copy { flex: 1 1 420px !important; width: auto !important; }
.as-biz > .as-biz__ctas, .as-hero__ctas { width: auto !important; }
.as-stats { margin-top: auto; }
.as-certcard .as-btn-outline { margin-top: auto; }
@media (max-width: 899px) {
	.as-home__row > .as-home__side { order: 2; max-width: none; }
}

@media (min-width: 900px) {
	.as-home__side { position: sticky; top: 16px; max-height: calc(100vh - 32px); overflow-y: auto; align-self: flex-start; scrollbar-width: thin; }
}

/* Elementor buttons used across the homepage */
.as-site.as-site .as-btn-primary .elementor-button,
.as-site.as-site .as-btn-outline .elementor-button,
.as-site.as-site .as-btn-outline-light .elementor-button { height: 44px; padding: 0 20px; border-radius: var(--as-radius); font-weight: 700; font-size: 14px; display: inline-flex; align-items: center; justify-content: center; line-height: 1; font-family: inherit; box-sizing: border-box; }
.as-site.as-site .as-btn-primary .elementor-button { background: var(--as-blue); color: #fff; border: 1px solid var(--as-blue); }
.as-site.as-site .as-btn-primary .elementor-button:hover { background: var(--as-navy); border-color: var(--as-navy); color: #fff; }
.as-site.as-site .as-btn-outline .elementor-button { background: #fff; color: var(--as-blue); border: 1px solid var(--as-blue); }
.as-site.as-site .as-btn-outline .elementor-button:hover { background: var(--as-blue-soft); color: var(--as-navy); }
.as-site.as-site .as-btn-outline-light .elementor-button { background: transparent; color: #fff; border: 1px solid #8FB0D3; font-weight: 600; }
.as-site.as-site .as-btn-outline-light .elementor-button:hover { border-color: #fff; color: #fff; }
.as-site.as-site .as-btn-lg .elementor-button { height: 46px; }
.as-site.as-site .as-btn-block, .as-site.as-site .as-btn-block .elementor-button { width: 100%; }
.as-site.as-site .as-btn-block .elementor-button { height: 40px; gap: 8px; }

/* ---------- Generic blocks ---------- */
.as-block { display: flex; flex-direction: column; gap: 12px; }
.as-block__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 8px 12px; }
.as-block__titles { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.as-site.as-site .as-block__title, .as-site.as-site .as-h2 .elementor-heading-title { margin: 0; font-size: 22px; font-weight: 700; line-height: 1.25; color: var(--as-ink); }
.as-site.as-site .as-block__link { font-weight: 600; font-size: 13px; color: var(--as-navy); min-height: 36px; display: inline-flex; align-items: center; cursor: pointer; }
.as-site.as-site .as-block__link:hover { color: var(--as-gold-ink); background: none; }

/* Category strip */
.as-strip__row { display: grid; grid-template-columns: repeat(11, minmax(84px, 1fr)); gap: 8px; overflow-x: auto; padding-bottom: 4px; scrollbar-width: thin; }
.as-site.as-site .as-strip__cat { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 12px 6px 10px; border: 1px solid var(--as-line); border-radius: var(--as-radius); background: #fff; font-size: 12.5px; line-height: 1.3; text-align: center; color: var(--as-ink); font-weight: 500; }
.as-site.as-site .as-strip__cat:hover { border-color: var(--as-field); box-shadow: 0 4px 12px rgba(11, 31, 58, .08); background: #fff; color: var(--as-ink); }
.as-site.as-site .as-strip__cat[aria-selected=true] { border-color: var(--as-gold); font-weight: 700; background: #FDFAF3; }
.as-strip__cat .as-tile { width: 60px; height: 60px; }
.as-strip__cat[aria-selected=true] .as-tile { background: #fff; }
.as-strip__name { flex: 1 1 auto; }
.as-strip__n { font-size: 11px; color: var(--as-muted-2); font-weight: 500; padding-top: 2px; border-top: 1px solid #F2F4F7; align-self: stretch; }
.as-strip__pane { border: 1px solid var(--as-line); border-top: 3px solid var(--as-gold); border-radius: var(--as-radius); padding: 14px 18px; display: flex; flex-direction: column; gap: 12px; background: #FDFAF3; }
.as-strip__panehead > span:first-child { font-size: 13px; color: var(--as-muted); }
.as-strip__panehead b { font-size: 15px; color: var(--as-ink); }
.as-strip__subs { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 8px; }
.as-strip__subs .as-subgroup { border: 1px solid var(--as-line); border-radius: var(--as-radius); padding: 10px 12px; background: #fff; gap: 6px; }
.as-strip__subs .as-subgroup:hover { border-color: var(--as-navy); }
.as-strip__subs .as-subgroup__title { font-size: 13px; display: flex; justify-content: space-between; gap: 8px; }
.as-strip__subs .as-subgroup__title small { font-weight: 500; }
.as-strip__subs .as-subgroup ul { flex-direction: row; flex-wrap: wrap; gap: 4px 12px; }
.as-site.as-site .as-strip__subs .as-subgroup li a { font-size: 12px; padding: 0; }
.as-strip__subs .as-subgroup li small { display: none; }

/* Deals */
.as-deals { background: var(--as-gold-soft); border-radius: var(--as-radius); padding: 24px; gap: 20px; }
.as-timer { display: flex; align-items: center; gap: 4px; font-family: var(--as-mono); }
.as-timer__label { font-family: var(--as-font); font-size: 13px; color: var(--as-muted); margin-right: 4px; }
.as-timer b { background: var(--as-blue); color: #fff; font-weight: 600; font-size: 14px; padding: 4px 7px; border-radius: var(--as-radius); }

/* Product cards */
.as-grid--deals { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 16px; }
.as-grid--cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(185px, 1fr)); gap: 12px; }
.as-card { background: #fff; border: 1px solid var(--as-line); border-radius: var(--as-radius); padding: 12px; display: flex; flex-direction: column; gap: 8px; min-width: 0; transition: box-shadow .15s ease, border-color .15s ease; }
.as-card:hover { border-color: var(--as-field); box-shadow: 0 6px 18px rgba(11, 31, 58, .08); }
.as-card--deal { border-color: #EEDFC0; padding: 16px; }
.as-card__media { position: relative; height: 150px; background: var(--as-bg-soft); border-radius: var(--as-radius); display: flex; align-items: center; justify-content: center; color: var(--as-muted-3); }
.as-card--deal .as-card__media { margin-bottom: 6px; }
.as-card__img { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: inherit; }
.as-card__img img { max-height: 132px; width: auto; object-fit: contain; mix-blend-mode: multiply; }
.as-card__badge { position: absolute; top: 8px; left: 8px; font-size: 11px; font-weight: 700; padding: 3px 7px; border-radius: var(--as-radius); z-index: 1; line-height: 1.4; }
.as-card__badge--rank { background: var(--as-blue); color: var(--as-gold); font-family: var(--as-mono); font-weight: 600; }
.as-card__badge--off { top: 10px; left: 10px; background: var(--as-badge-bg); color: var(--as-badge-ink); font-size: 12px; padding: 3px 8px; }
.as-card__badge--new { background: var(--as-blue); color: #fff; }
.as-card__brand { font-family: var(--as-mono); font-size: 11px; font-weight: 600; color: var(--as-muted); letter-spacing: .04em; }
.as-site.as-site .as-card__name { font-weight: 600; color: var(--as-ink); line-height: 1.35; min-height: 2.7em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.as-site.as-site .as-card__name:hover { color: var(--as-navy); text-decoration: underline; }
.as-site.as-site .as-card__cert { align-self: flex-start; background: var(--as-gold-soft); color: var(--as-badge-ink); font-size: 11px; font-weight: 600; padding: 3px 8px; border-radius: var(--as-radius); }
.as-site.as-site .as-card__cert:hover { background: var(--as-badge-bg); color: var(--as-badge-ink); }
.as-card__rating { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--as-muted); }
.as-card__rating svg { color: var(--as-gold-ink); }
.as-card__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 6px; margin-top: 2px; }
.as-card__now { font-size: 16px; font-weight: 700; color: var(--as-ink); }
.as-card--deal .as-card__now { font-size: 18px; }
.as-card__now--ask { font-size: 14px; color: var(--as-muted); }
.as-card__mrp { font-size: 12px; color: var(--as-muted-2); }
.as-card__off { font-size: 12px; font-weight: 600; color: var(--as-gold-ink); }
.as-card__tax { font-size: 12px; color: var(--as-muted); white-space: nowrap; }
.as-card__claim { margin-top: auto; padding-top: 6px; display: flex; flex-direction: column; gap: 6px; font-size: 12px; color: var(--as-muted); }
.as-card__bar { height: 6px; background: var(--as-line); border-radius: var(--as-radius); overflow: hidden; }
.as-card__bar span { display: block; height: 100%; background: var(--as-gold); border-radius: var(--as-radius); }
.as-site.as-site .as-card__cta { height: 40px; border-radius: var(--as-radius); background: var(--as-blue); color: #fff; font-weight: 600; margin-top: auto; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 14px; }
.as-site.as-site .as-card__cta:hover, .as-site.as-site .as-card__cta:focus { background: var(--as-navy); color: #fff; }
.as-site.as-site .as-card__cta.loading { opacity: .7; }
.as-site.as-site .as-card__cta.added::after { content: ' \2713'; }
.as-site.as-site .as-card .added_to_cart { font-size: 12px; font-weight: 600; color: var(--as-gold-ink); text-align: center; }

/* Tabs */
.as-tabs { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; }
.as-tabs::-webkit-scrollbar { display: none; }
.as-site.as-site .as-tab { flex: none; white-space: nowrap; height: 36px; padding: 0 14px; border-radius: var(--as-radius); font-size: 13px; font-weight: 600; background: #fff; color: var(--as-text); border: 1px solid #D0D5DD; }
.as-site.as-site .as-tab:hover { border-color: var(--as-navy); background: #fff; color: var(--as-navy); }
.as-site.as-site .as-tab[aria-selected=true] { background: var(--as-blue); color: #fff; border-color: var(--as-navy); }

/* Shop by Application (Elementor image boxes) */
.as-apps { background: var(--as-blue-soft); border-radius: var(--as-radius); }
.as-apps__head { justify-content: space-between; }
.as-apps__nav { display: flex; align-items: center; gap: 8px; }
.as-apps__range { font-size: 12px; color: var(--as-muted); margin-right: 4px; }
.as-site.as-site .as-arrow { width: 36px; height: 36px; border: 1px solid #D0D5DD; border-radius: var(--as-radius); background: #fff; color: var(--as-navy); font-size: 18px; display: flex; align-items: center; justify-content: center; }
.as-site.as-site .as-arrow:hover { border-color: var(--as-navy); background: #fff; color: var(--as-navy); }
.as-apps__track { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.as-app { position: relative; background: #fff; border: 1px solid #E1E7EF; border-radius: var(--as-radius); overflow: hidden; transition: box-shadow .15s ease, border-color .15s ease; }
.as-app:hover { border-color: var(--as-field); box-shadow: 0 6px 18px rgba(11, 31, 58, .08); }
.as-app .elementor-image-box-wrapper { display: flex; flex-direction: column; height: 100%; text-align: left !important; }
.as-app .elementor-image-box-img { width: 100% !important; margin: 0 !important; height: 112px; background: linear-gradient(135deg, #4A7FB5 0%, #79A3CF 100%); display: flex; align-items: center; justify-content: center; }
.as-app .elementor-image-box-img img { width: 58px; height: 58px; }
.as-app .elementor-image-box-content { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 4px; flex: 1 1 auto; }
.as-app .elementor-image-box-title { margin: 0; font-size: 15px; font-weight: 700; line-height: 1.25; color: var(--as-ink); }
.as-site.as-site .as-app .elementor-image-box-title a { color: var(--as-ink); }
.as-app .elementor-image-box-title a::after { content: ''; position: absolute; inset: 0; }
.as-app .elementor-image-box-description { margin: 0; font-size: 12px; color: var(--as-muted); }
.as-app .elementor-image-box-content::after { content: 'Shop now \2192'; margin-top: auto; padding-top: 10px; font-weight: 600; font-size: 13px; color: var(--as-gold-ink); }

/* Popular brands */
.as-brandgrid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.as-site.as-site .as-brandcard { height: 100px; background: #fff; border: 1px solid var(--as-line); border-radius: var(--as-radius); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; color: var(--as-navy); text-align: center; padding: 0 8px; transition: box-shadow .15s ease, border-color .15s ease; }
.as-site.as-site .as-brandcard:hover { border-color: var(--as-field); box-shadow: 0 6px 18px rgba(11, 31, 58, .08); }
.as-brandcard__logo { height: 46px; width: 100%; display: flex; align-items: center; justify-content: center; }
.as-brandcard__logo img { max-height: 42px; max-width: 78%; width: auto; height: auto; display: block; }
.as-brandcard__n { font-size: 12px; font-weight: 500; color: var(--as-muted-2); }

/* Authorised brands band (Elementor image carousel) */
.as-auth { background: var(--as-navy); border-radius: var(--as-radius); }
.as-site.as-site .as-auth .elementor-heading-title { margin: 0; font-size: 16px; font-weight: 700; letter-spacing: .03em; text-align: center; color: #fff; line-height: 1.4; }
.as-auth .swiper-slide-inner, .as-auth .swiper-slide figure { height: 72px; background: #fff; border-radius: var(--as-radius); display: flex !important; align-items: center; justify-content: center; padding: 6px 10px; box-sizing: border-box; margin: 0; }
.as-auth .swiper-slide-image { max-width: 100%; max-height: 60px; width: auto; height: auto; }
.as-auth .elementor-swiper-button { width: 36px; height: 44px; border: 1px solid #8FB0D3; border-radius: var(--as-radius); color: #fff; font-size: 18px; display: flex; align-items: center; justify-content: center; }
.as-auth .elementor-swiper-button svg { fill: #fff; width: 14px; height: 14px; }

/* About */
.as-site.as-site .as-eyebrow-gold .elementor-heading-title { font-size: 12px; font-weight: 700; color: var(--as-gold-ink); letter-spacing: .08em; line-height: 1.4; }
.as-site.as-site .as-about__title .elementor-heading-title { margin: 0; font-size: 30px; font-weight: 800; line-height: 1.2; color: var(--as-navy-ink); }
.as-about__text { color: #3E5068; font-size: 15px; line-height: 1.7; max-width: 72ch; }
.as-about__text p { margin: 0 0 12px; }
.as-about__text p:last-child { margin-bottom: 0; }
.as-stats { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }
.as-stat { border: 1px solid var(--as-line-2); border-top: 3px solid var(--as-gold); border-radius: var(--as-radius); background: #fff; padding: 18px 16px 16px; }
.as-stat .elementor-icon-box-wrapper, .as-value .elementor-icon-box-wrapper { text-align: left !important; display: flex; flex-direction: column; gap: 8px; }
.as-stat .elementor-icon-box-icon, .as-value .elementor-icon-box-icon { margin: 0 !important; }
.as-stat .elementor-icon, .as-value .elementor-icon { width: 40px; height: 40px; border-radius: var(--as-radius); background: var(--as-blue-soft); color: var(--as-blue); fill: var(--as-blue); font-size: 19px; display: flex !important; align-items: center; justify-content: center; }
.as-stat .elementor-icon svg, .as-value .elementor-icon svg { width: 20px; height: 20px; }
.as-stat .elementor-icon-box-content { display: flex; flex-direction: column; gap: 8px; }
.as-stat .elementor-icon-box-title { margin: 0; font-size: 26px; font-weight: 800; line-height: 1.1; color: var(--as-navy); }
.as-stat .elementor-icon-box-description { margin: 0; font-size: 13px; line-height: 1.45; color: #56687D; }

.as-certcard { border: 1px solid var(--as-line-2); border-radius: var(--as-radius); background: #fff; }
.as-certcard__img a { position: relative; display: block; border: 1px solid var(--as-line-2); background: #F5F8FC; border-radius: var(--as-radius); padding: 12px; cursor: zoom-in; }
.as-certcard__img img { width: 100%; height: 220px !important; object-fit: contain; display: block; background: #fff; border-radius: var(--as-radius); }
.as-certcard__img a::after { content: 'Click to enlarge'; position: absolute; right: 18px; bottom: 18px; background: rgba(255, 255, 255, .95); border: 1px solid var(--as-line-2); border-radius: var(--as-radius); padding: 4px 8px; font-size: 11px; font-weight: 600; color: var(--as-navy); }
.as-site.as-site .as-certcard__title .elementor-heading-title { margin: 0; font-weight: 700; font-size: 15px; color: var(--as-navy-ink); line-height: 1.35; }
.as-certcard__text { font-size: 13px; line-height: 1.5; color: #56687D; }
.as-certcard__text p { margin: 0; }
.as-certcard .as-btn-outline .elementor-button { height: 40px; padding: 0 16px; }

/* Values */
.as-values__grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px; }
.as-value { border: 1px solid var(--as-line); border-radius: var(--as-radius); padding: 16px; }
.as-value .elementor-icon { background: var(--as-gold-soft); color: var(--as-gold-ink); fill: var(--as-gold-ink); }
.as-value .elementor-icon-box-content { display: flex; flex-direction: column; gap: 8px; }
.as-value .elementor-icon-box-title { margin: 0; font-size: 14px; font-weight: 700; color: var(--as-ink); line-height: 1.3; }
.as-value .elementor-icon-box-description { margin: 0; font-size: 13px; color: var(--as-muted); }

/* Business buyers band */
.as-biz { background: var(--as-navy); border-radius: var(--as-radius); color: #fff; }
.as-site.as-site .as-biz .as-eyebrow-gold .elementor-heading-title { color: var(--as-gold); letter-spacing: .06em; }
.as-site.as-site .as-biz__title .elementor-heading-title { margin: 0; font-size: 22px; font-weight: 700; line-height: 1.2; color: #fff; }
.as-biz__text { color: var(--as-field); }
.as-biz__text p { margin: 0; }

/* Sidebar help box */
.as-help { border-radius: var(--as-radius); background: var(--as-blue-soft); border: 1px solid #DCE6F2; color: var(--as-navy-ink); }
.as-site.as-site .as-help .as-eyebrow-gold .elementor-heading-title { letter-spacing: .06em; }
.as-site.as-site .as-help__title .elementor-heading-title { margin: 0; font-size: 16px; font-weight: 700; line-height: 1.3; color: var(--as-navy-ink); }
.as-help__text { font-size: 13px; color: #56687D; }
.as-help__text p { margin: 0; }

/* ---------- Sidebar filters ---------- */
.as-side { border: 1px solid var(--as-line); border-radius: var(--as-radius); background: #fff; font-size: 13px; }
.as-side__head { padding: 14px 16px 8px; display: flex; justify-content: space-between; align-items: center; }
.as-side__title { font-weight: 700; font-size: 15px; }
.as-side__cats { list-style: none; margin: 0; padding: 0 6px 8px; }
.as-site.as-site .as-side__row { width: 100%; display: flex; align-items: center; gap: 10px; padding: 6px 10px; border-radius: var(--as-radius); text-align: left; color: var(--as-ink); font-size: 13px; min-height: 40px; line-height: 1.3; }
.as-site.as-site .as-side__row:hover, .as-site.as-site .as-side__row:focus { background: var(--as-bg-soft); color: var(--as-ink); }
.as-side__name { flex: 1 1 auto; }
.as-chev { color: var(--as-muted-3); font-size: 16px; display: inline-block; transition: transform .15s ease; }
[aria-expanded=true] > .as-chev { transform: rotate(90deg); }
.as-side__subs { list-style: none; margin: 2px 0 8px 48px; padding: 0 0 0 10px; border-left: 2px solid var(--as-line); display: flex; flex-direction: column; }
.as-side__subs > li > .as-link-gold { display: block; padding: 4px 0; font-size: 12px; }
.as-site.as-site .as-side__sub { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 6px; padding: 5px 0; text-align: left; font-size: 13px; color: var(--as-text); font-weight: 500; }
.as-site.as-site .as-side__sub:hover, .as-site.as-site .as-side__sub:focus { color: var(--as-ink); background: none; }
.as-site.as-site .as-side__sub[aria-expanded=true] { color: var(--as-ink); font-weight: 700; }
.as-side__sub small, .as-side__types small { color: var(--as-muted-3); font-size: 12px; font-weight: 400; }
.as-side__types { list-style: none; margin: 0 0 6px; padding: 0 0 0 10px; border-left: 2px solid #F2F4F7; }
.as-site.as-site .as-side__types a { display: flex; justify-content: space-between; gap: 6px; padding: 3px 0; color: var(--as-muted); font-size: 12px; }
.as-side__form { margin: 0; }
.as-side__group { border: 0; border-top: 1px solid var(--as-line); margin: 0; padding: 14px 16px; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.as-side__group legend, .as-side__legend { float: left; width: 100%; padding: 0; font-weight: 700; font-size: 14px; margin-bottom: 4px; }
.as-check { display: flex; align-items: center; gap: 10px; min-height: 32px; cursor: pointer; color: var(--as-ink); line-height: 1.3; }
.as-check span { flex: 1 1 auto; }
.as-check small { font-size: 12px; color: var(--as-muted-3); }
.as-side__range { display: flex; gap: 6px; align-items: center; margin-top: 6px; }
.as-site.as-site .as-side__range input { width: 0; flex: 1 1 auto; height: 34px; border: 1px solid var(--as-field); border-radius: var(--as-radius); padding: 0 8px; font-size: 13px; }
.as-side__range span { color: var(--as-muted-2); }
.as-site.as-site .as-side__search { height: 34px; border: 1px solid var(--as-field); border-radius: var(--as-radius); padding: 0 10px; margin-bottom: 4px; font-size: 13px; }
.as-site.as-site .as-side__more { align-self: flex-start; padding: 4px 0; color: var(--as-gold-ink); font-weight: 600; font-size: 13px; }
.as-site.as-site .as-side__more:hover { color: var(--as-navy); background: none; }
.as-side__links { list-style: none; margin: 0; padding: 0; }
.as-site.as-site .as-side__links a { display: block; padding: 5px 0; color: var(--as-text); }
.as-side__apply { position: sticky; bottom: 0; border-top: 1px solid var(--as-line); background: #fff; padding: 12px 16px; display: flex; flex-direction: column; gap: 8px; border-radius: 0 0 var(--as-radius) var(--as-radius); }
.as-site.as-site .as-side__clear { color: var(--as-gold-ink); font-weight: 600; min-height: 32px; text-align: center; }
.as-site.as-site .as-side__clear:hover { color: var(--as-navy); background: none; }

/* ---------- Buttons used in plugin markup ---------- */
.as-site.as-site .as-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 40px; padding: 0 14px; border-radius: var(--as-radius); font-weight: 600; font-size: 14px; cursor: pointer; text-align: center; box-sizing: border-box; }
.as-site.as-site .as-btn--primary { background: var(--as-blue); color: #fff; border: 0; font-weight: 700; height: 44px; }
.as-site.as-site .as-btn--primary:hover, .as-site.as-site .as-btn--primary:focus { background: var(--as-navy); color: #fff; }
.as-site.as-site .as-btn--primary:disabled { background: var(--as-field); color: var(--as-muted); }
.as-site.as-site .as-btn--ghost { border: 1px solid var(--as-field); background: #fff; color: var(--as-text); }
.as-site.as-site .as-btn--ghost:hover, .as-site.as-site .as-btn--ghost:focus { border-color: var(--as-navy); background: #fff; color: var(--as-navy); }
.as-site.as-site .as-btn--dashed { border: 1px dashed var(--as-navy); background: #fff; color: var(--as-navy); }
.as-site.as-site .as-btn--dashed:hover, .as-site.as-site .as-btn--dashed:focus { background: var(--as-blue-soft); color: var(--as-navy); }
.as-site.as-site .as-btn--lg { height: 46px; padding: 0 22px; font-size: 15px; }
.as-site.as-site .as-linkbtn { min-height: 32px; font-size: 13px; }

/* ---------- Pop-ups ---------- */
html.as-modal-open { overflow: hidden; }
.as-modal { position: fixed; inset: 0; z-index: 99999; background: rgba(8, 24, 51, .7); display: flex; align-items: flex-start; justify-content: center; padding: 32px 16px; overflow-y: auto; box-sizing: border-box; }
.as-cert { align-items: center; padding: 24px; }
.as-modal__box { background: #fff; border-radius: var(--as-radius); max-width: 780px; width: 100%; box-sizing: border-box; box-shadow: 0 24px 48px rgba(0, 0, 0, .25); }
.as-modal__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 20px 24px 14px; }
.as-site.as-site .as-modal__title { margin: 0; font-size: 20px; font-weight: 700; line-height: 1.3; color: var(--as-ink); }
.as-modal__sub { margin: 2px 0 0; font-size: 13px; color: var(--as-muted); }
.as-site.as-site .as-modal__close { width: 40px; height: 40px; flex: none; border: 1px solid var(--as-line); border-radius: var(--as-radius); background: #fff; font-size: 20px; line-height: 1; color: var(--as-ink); text-align: center; }
.as-site.as-site .as-modal__close:hover, .as-site.as-site .as-modal__close:focus { border-color: var(--as-navy); background: #fff; color: var(--as-navy); }
.as-cert__box { max-width: 960px; padding: 16px; display: flex; flex-direction: column; gap: 12px; }
.as-cert__box .as-modal__head { padding: 0; align-items: center; }
.as-cert__box .as-modal__title { font-size: 16px; }
.as-cert__img { width: 100%; max-height: 70vh; object-fit: contain; display: block; }
.as-cert__note { margin: 0; font-size: 12px; color: var(--as-muted); }

/* Quote form */
.as-quote__form { margin: 0; }
.as-steps { list-style: none; margin: 0; padding: 0 24px 14px; display: flex; gap: 8px; border-bottom: 1px solid var(--as-line); }
.as-steps li { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: var(--as-muted-2); padding-right: 16px; }
.as-steps span { width: 24px; height: 24px; border-radius: var(--as-radius); background: var(--as-line); color: var(--as-muted); display: flex; align-items: center; justify-content: center; font-size: 12px; }
.as-steps li.is-on { font-weight: 700; color: var(--as-navy); }
.as-steps li.is-on span { background: var(--as-blue); color: #fff; }
.as-quote__step[data-step="1"] { padding: 18px 24px; display: flex; flex-direction: column; gap: 14px; }
.as-quote__row-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.as-quote__h { font-weight: 700; font-size: 15px; }
.as-quote__items { display: flex; flex-direction: column; gap: 10px; }
.as-qitem { border: 1px solid var(--as-line); border-radius: var(--as-radius); padding: 12px; display: flex; flex-direction: column; gap: 10px; background: #FCFCFD; }
.as-qitem__head { display: flex; justify-content: space-between; align-items: center; font-size: 13px; }
.as-site.as-site .as-qitem__remove { height: 32px; padding: 0 10px; border: 1px solid var(--as-line); border-radius: var(--as-radius); background: #fff; color: var(--as-muted); font-size: 12px; }
.as-site.as-site .as-qitem__remove:hover { border-color: var(--as-err); color: var(--as-err); background: #fff; }
.as-qitem__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.as-f { display: flex; flex-direction: column; gap: 5px; font-weight: 600; font-size: 12px; line-height: 1.3; color: var(--as-ink); }
.as-f--2 { grid-column: span 2; }
.as-f--4 { grid-column: span 4; }
.as-site.as-site .as-fld { height: 42px; border: 1px solid var(--as-field); border-radius: var(--as-radius); padding: 0 12px; font-size: 14px; font-weight: 400; width: 100%; box-sizing: border-box; background: #fff; color: var(--as-ink); line-height: 1.3; }
.as-site.as-site textarea.as-fld { height: auto; min-height: 64px; padding: 10px 12px; resize: vertical; }
.as-site.as-site .as-fld:focus { outline: 2px solid var(--as-gold); outline-offset: 0; border-color: var(--as-gold); }
.as-quote__tools { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.as-quote__file { position: relative; }
.as-quote__file input { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
.as-quote__file:focus-within { outline: 2px solid var(--as-gold); }
.as-quote__order { border-top: 1px solid var(--as-line); padding-top: 14px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; }
.as-span-2 { grid-column: 1 / -1; }
.as-radios { border: 0; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px 20px; align-items: center; min-width: 0; }
.as-radios legend { float: left; width: 100%; font-weight: 600; font-size: 12px; padding: 0; margin-bottom: 6px; }
.as-radios label { display: flex; align-items: center; gap: 8px; cursor: pointer; }
.as-err { color: var(--as-err); font-size: 12px; font-weight: 500; }
.as-err--block { font-size: 13px; font-weight: 600; }
.as-quote__foot { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; border-top: 1px solid var(--as-line); padding-top: 14px; }
.as-quote__foot .as-muted { flex: 1 1 200px; }
.as-quote__foot--end { justify-content: flex-end; }
.as-quote__foot--center { justify-content: center; border-top: 0; padding-top: 8px; }
.as-quote__details { padding: 18px 24px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; }
.as-quote__summary { background: var(--as-bg-soft); border: 1px solid var(--as-line); border-radius: var(--as-radius); padding: 12px 14px; display: flex; flex-direction: column; gap: 6px; }
.as-quote__summary b { font-size: 13px; }
.as-quote__summary ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.as-quote__summary li { font-size: 13px; color: var(--as-text); display: flex; justify-content: space-between; gap: 12px; }
.as-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.as-quote__done { padding: 32px 24px; display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
.as-quote__done h3 { margin: 0; font-size: 20px; font-weight: 700; }
.as-quote__done p { margin: 0; color: var(--as-muted); max-width: 460px; }
.as-quote__tick { width: 56px; height: 56px; border-radius: var(--as-radius); background: var(--as-gold-soft); color: var(--as-gold-ink); display: flex; align-items: center; justify-content: center; }

/* ---------- Product images: show the whole product, never cropped ----------
   Thumbnails are generated uncropped (see anandsyndicats-core/includes/images.php);
   here each one sits centred inside a square white box. */
.as-site.as-site .as-card__img img { width: 100%; height: 100%; max-height: none; object-fit: contain; }
.as-site.as-site .as-card__img { padding: 10px; box-sizing: border-box; }

/* Shop, category and related-products grids */
.as-site.as-site.woocommerce ul.products li.product a img,
.as-site.as-site .woocommerce ul.products li.product a img {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	background: #fff;
	padding: 8px;
	box-sizing: border-box;
	border: 1px solid var(--as-line);
	border-radius: var(--as-radius);
}

/* Single product: gallery thumbnails in an even grid of square boxes */
.as-site.as-site div.product div.images .flex-control-thumbs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 8px; }
.as-site.as-site div.product div.images .flex-control-thumbs li { width: auto; float: none; }
.as-site.as-site div.product div.images .flex-control-thumbs li img {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: contain;
	background: #fff;
	padding: 4px;
	box-sizing: border-box;
	border: 1px solid var(--as-line);
	border-radius: var(--as-radius);
}
.as-site.as-site div.product div.images .flex-control-thumbs li img.flex-active { border-color: var(--as-blue); }

/* ---------- Footer ---------- */
.as-footer { background: var(--as-navy); color: var(--as-field); }
.as-footer__inner { padding-top: 40px; padding-bottom: 20px; display: flex; flex-direction: column; gap: 28px; }
.as-footer__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 28px; }
.as-footer__col { display: flex; flex-direction: column; gap: 8px; font-size: 13px; }
.as-footer__about { gap: 10px; }
.as-footer__about p { margin: 0; }
.as-footer__logo img { height: 72px; width: auto; display: block; }
.as-site.as-site .as-footer__title { margin: 0; font-weight: 700; color: #fff; font-size: 14px; line-height: 1.4; }
.as-footer__links { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.as-site.as-site .as-footer a { color: var(--as-field); }
.as-site.as-site .as-footer a:hover { color: var(--as-gold); }
.as-site.as-site .as-footer__pay { display: block; background: #fff; border-radius: var(--as-radius); padding: 8px; max-width: 260px; }
.as-footer__pay img { width: 100%; height: auto; display: block; }
.as-footer__legal { border-top: 1px solid #3D6A99; padding-top: 14px; display: flex; flex-wrap: wrap; gap: 8px; justify-content: space-between; font-size: 12px; }

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
	.as-mega__cats { width: 260px; }
}
@media (max-width: 760px) {
	.as-wrap { padding: 0 16px; }
	.as-logo img { height: 48px; }
	.as-search { order: 5; flex-basis: 100%; }
	.as-site.as-site .as-search__cat { max-width: 110px; padding: 0 8px; }
	.as-deliver { display: none; }
	.as-account { margin-left: auto; }
	.as-catnav__inner { gap: 0 18px; overflow-x: auto; flex-wrap: nowrap; }
	.as-catnav__links { flex-wrap: nowrap; white-space: nowrap; }
	.as-mega__panel { flex-direction: column; height: auto; max-height: calc(100vh - 140px); }
	.as-mega__cats { width: 100%; max-height: 38vh; border-right: 0; border-bottom: 1px solid var(--as-line); }
	.as-mega__pane { padding: 16px; }
	.as-site.as-site .as-hero__title .elementor-heading-title { font-size: 30px; }
	.as-hero::after { background: linear-gradient(180deg, rgba(245, 248, 252, .94) 0%, rgba(245, 248, 252, .82) 65%, rgba(245, 248, 252, .35) 100%); }
	.as-site.as-site .as-allcats { flex: none; white-space: nowrap; }
	.as-grid--deals, .as-grid--cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.as-card, .as-card--deal { padding: 10px; }
	.as-card__media { height: 120px; }
	.as-apps__track, .as-brandgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.as-qitem__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.as-f--2, .as-f--4 { grid-column: 1 / -1; }
	.as-quote__order, .as-quote__details { grid-template-columns: 1fr; }
	.as-steps, .as-modal__head, .as-quote__step[data-step="1"], .as-quote__details { padding-left: 16px; padding-right: 16px; }
	.as-deals { padding: 16px; }
}

/* Keep WooCommerce image rules from resizing the store header logo. */
.as-site :is(.as-header, .as-auth-header, .as-co-header) {
	--as-header-logo-height: 60px;
}

.as-site :is(.as-header, .as-auth-header, .as-co-header) .as-logo img {
	height: var(--as-header-logo-height);
	max-height: var(--as-header-logo-height);
	width: auto;
	object-fit: contain;
}

.as-site :is(.as-auth-header-inner, .as-co-header__inner) {
	max-width: 1320px;
}

@media (max-width: 760px) {
	.as-site :is(.as-header, .as-auth-header, .as-co-header) {
		--as-header-logo-height: 48px;
	}
}