/*
Theme Name: Arxis
Description: Minimal block theme for the Arxis website.
Version: 0.13.4
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: arxis
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
/* Header and first screen. Image assets retain their original proportions. */
:root { --arxis-bg: #101114; --arxis-bg-alt: #181a1e; --arxis-accent: #ff6b00; --arxis-text: #fff; }
.arxis-categories__grid.arxis-categories__grid--flex {grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:280px;}
.arxis-categories__grid--flex>.arxis-category:last-child:nth-child(odd) {grid-column:1 / -1;}
.arxis-category__caption h3 {overflow-wrap:anywhere;}
.arxis-collection {color:var(--arxis-text);text-decoration:none;}
.arxis-collection__cta {display:inline-block;margin-top:18px;font-size:14px;font-weight:700;color:var(--arxis-accent);}
.arxis-collections__grid[data-count]>:last-child:nth-child(even),.arxis-offers__grid[data-count]>:last-child:nth-child(even) {grid-column:1 / -1;}
.arxis-trending__empty {color:#b8bbc2;}
@media(max-width:650px) {.arxis-categories__grid.arxis-categories__grid--flex{grid-auto-rows:230px;}}
@media(max-width:440px) {.arxis-categories__grid.arxis-categories__grid--flex{grid-template-columns:1fr;}}
body { margin: 0; }
/* Scenario collections: replace the local placeholders with photographs later. */
.arxis-collections { background: var(--arxis-bg); color: var(--arxis-text); padding: clamp(56px, 7vw, 104px) clamp(20px, 5vw, 88px); font-family: Arial, Helvetica, sans-serif; }
.arxis-collections__inner { max-width: 1440px; margin: auto; }
.arxis-collections__eyebrow { margin: 0 0 18px; color: var(--arxis-accent); font-size: 11px; font-weight: 700; letter-spacing: .18em; }
.arxis-collections h2 { margin: 0 0 40px; font-size: clamp(32px, 4vw, 56px); font-weight: 800; line-height: 1.1; letter-spacing: -.045em; }
.arxis-collections__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.arxis-collection { position: relative; isolation: isolate; min-width: 0; min-height: clamp(340px, 31vw, 440px); display: flex; align-items: flex-end; background: var(--arxis-bg-alt); transition: transform .35s cubic-bezier(.22,.68,.24,1), box-shadow .35s ease; }
.arxis-collection--wide { grid-column: 1 / -1; min-height: clamp(380px, 34vw, 490px); }
.arxis-collection__image { position: absolute; z-index: -2; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.arxis-collection::before, .arxis-collection::after { content: ''; position: absolute; z-index: -1; inset: 0; pointer-events: none; }
.arxis-collection::before { background: linear-gradient(0deg, #101114f2, #10111440 65%, #1011140d); }
.arxis-collection::after { background: #101114; opacity: 0; transition: opacity .35s ease; }
.arxis-collection__content { box-sizing: border-box; width: 100%; padding: clamp(24px, 3vw, 44px); display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.arxis-collection h3 { margin: 0 0 12px; font-size: clamp(28px, 3vw, 42px); font-weight: 700; line-height: 1.12; letter-spacing: -.035em; }
.arxis-collection__content p { max-width: 430px; margin: 0; color: #d0d1d5; font-size: 15px; line-height: 1.65; }
.arxis-collection__arrow { flex-shrink: 0; color: var(--arxis-accent); font-size: 38px; line-height: 1; transition: transform .35s ease; }
@media (hover: hover) and (pointer: fine) {
  .arxis-collection:hover { transform: translateY(-4px) scale(1.02); z-index: 2; box-shadow: 0 18px 32px #0004; }
  .arxis-collection:hover::after { opacity: .1; }
  .arxis-collection:hover .arxis-collection__arrow { transform: translate(4px, -4px); }
}
@media (max-width: 780px) {
  .arxis-collections__grid { grid-template-columns: 1fr; gap: 20px; }
  .arxis-collection, .arxis-collection--wide { min-height: 360px; }
  .arxis-collections h2 { margin-bottom: 28px; }
  .arxis-collection__content { gap: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .arxis-collection, .arxis-collection::after, .arxis-collection__arrow { transition: none; }
  .arxis-collection:hover, .arxis-collection:hover .arxis-collection__arrow { transform: none; }
}
.wp-site-blocks:has(.arxis-hero) { padding: 0; position: relative; }
.wp-site-blocks > .arxis-site-header, .wp-site-blocks > .arxis-main { margin-block-start: 0; }
.arxis-header, .arxis-hero { box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; }
.arxis-header { background: #101114; color: #fff; padding: 0 clamp(20px, 5vw, 88px); }
.arxis-header__inner { max-width: 1440px; min-height: 100px; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.arxis-logo { flex-shrink: 0; width: 172px; }
.arxis-logo img { display: block; width: 100%; height: auto; }
.arxis-nav { display: flex; gap: clamp(20px, 3vw, 44px); }
.arxis-nav span, .arxis-nav a { font-size: 14px; font-weight: 600; white-space: nowrap; transition: color .2s ease; }
.arxis-nav [aria-current], .arxis-nav span:hover { color: #ff6b00; }
.arxis-actions { display: flex; gap: 22px; align-items: center; }
.arxis-icon { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; transition: color .2s ease; }
.arxis-icon:hover { color: #ff6b00; }
.arxis-icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.arxis-socials { display: flex; align-items: center; gap: 9px; flex-shrink: 0; }
.arxis-socials--desktop { translate: calc((max(clamp(20px, 5vw, 88px), calc((100vw - 1440px) / 2)) - 22px) / 2) 0; }
@media (min-width: 781px) and (max-width: 900px) {
  .arxis-socials--desktop { translate: calc((clamp(20px, 5vw, 88px) - 16px) / 2) 0; }
}
.arxis-social { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; flex-shrink: 0; border-radius: 50%; border: 1px solid rgba(255,255,255,.16); background: rgba(35,38,43,.6); color: #eef0f3; text-decoration: none; transition: background .225s ease, color .225s ease, transform .225s ease, box-shadow .225s ease; }
.arxis-social svg { display: block; width: 19px; height: 19px; }
.arxis-social:focus-visible { outline: 2px solid #ff6b00; outline-offset: 3px; background: #ff6b00; color: #101114; transform: scale(1.07); box-shadow: 0 0 16px #ff6b0026; }
.arxis-social-menu { display: none; }
@media (hover: hover) and (pointer: fine) {
  .arxis-social:hover { background: #ff6b00; color: #101114; transform: scale(1.07); box-shadow: 0 0 16px #ff6b0026; }
}
@media (max-width: 1100px) {
  .arxis-socials--desktop { display: none; }
  .arxis-social-menu { display: block; position: relative; flex-shrink: 0; }
  .arxis-social-menu summary { display: flex; align-items: center; justify-content: center; width: 24px; height: 32px; cursor: pointer; list-style: none; color: #eef0f3; }
  .arxis-social-menu summary::-webkit-details-marker { display: none; }
  .arxis-social-menu summary svg { width: 22px; height: 22px; fill: currentColor; }
  .arxis-social-menu summary:focus-visible { outline: 2px solid #ff6b00; outline-offset: 2px; border-radius: 3px; }
  .arxis-social-menu[open] summary { color: #ff6b00; }
  .arxis-social-menu .arxis-socials { display: grid; grid-template-columns: repeat(3, 44px); position: absolute; z-index: 6; top: calc(100% + 8px); right: 0; padding: 12px; border: 1px solid #ffffff29; border-radius: 8px; background: #181a1e; box-shadow: 0 8px 24px #0005; }
  .arxis-social-menu .arxis-social { width: 44px; height: 44px; }
  .arxis-social-menu .arxis-social svg { width: 21px; height: 21px; }
  .is-search-open .arxis-social-menu { visibility: hidden; pointer-events: none; }
}
@media (prefers-reduced-motion: reduce) {
  .arxis-social { transition: none; }
  .arxis-social:hover, .arxis-social:focus-visible { transform: none; }
}
.wp-site-blocks:has(.arxis-hero) > .arxis-site-header { position: absolute; z-index: 5; inset: 0 0 auto; }
.arxis-site-header .arxis-header { background: linear-gradient(#101114e6, #10111466); border-bottom: 1px solid #ffffff14; }
.arxis-main { margin: 0; }
.arxis-hero { position: relative; isolation: isolate; overflow: hidden; background: #101114; color: #fff; min-height: 100vh; min-height: 100svh; display: flex; align-items: center; padding: 160px clamp(20px, 5vw, 88px) 70px; }
.admin-bar .arxis-hero { min-height: calc(100svh - 32px); }
.arxis-hero__visual { position: absolute; z-index: -2; inset: 0; }
.arxis-hero__visual img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: right center; }
.arxis-hero::after { content: ''; position: absolute; z-index: -1; inset: 0; pointer-events: none; background: linear-gradient(90deg, #101114d9 0%, #10111480 35%, transparent 65%), linear-gradient(0deg, #101114 0%, transparent 20%); }
.arxis-hero__inner { width: 100%; max-width: 1440px; margin: auto; }
.arxis-hero__copy { max-width: 53%; }
.arxis-eyebrow { margin: 0 0 28px; font-size: 11px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: #d0d1d5; }
.arxis-hero h1 { margin: 0; font-size: clamp(48px, 5.8vw, 88px); line-height: 1.04; letter-spacing: -.055em; font-weight: 900; }
.arxis-hero h1 span { color: #ff6b00; }
.arxis-hero__description { max-width: 400px; margin: 28px 0 34px; color: #d0d1d5; font-size: clamp(16px, 1.3vw, 19px); line-height: 1.65; }
.arxis-cta { display: inline-flex; align-items: center; justify-content: space-between; gap: 36px; padding: 18px 24px; background: #ff6b00; color: #101114; border: 0; border-radius: 2px; font: inherit; font-size: 14px; font-weight: 700; opacity: 1; cursor: default; transition: background .2s ease, box-shadow .2s ease; }
.arxis-cta:hover { background: #ff8126; box-shadow: 0 5px 24px #ff6b0026; }
.arxis-cta span { font-size: 23px; line-height: 1; }
.arxis-hero__copy > * { animation: arxis-appear .7s ease-out both; }
.arxis-hero__copy h1 { animation-delay: .08s; }
.arxis-hero__copy .arxis-hero__description { animation-delay: .16s; }
.arxis-hero__copy .arxis-cta { animation-delay: .24s; }
@keyframes arxis-appear { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 900px) {
  .arxis-header__inner { gap: 18px; }
  .arxis-logo { width: 140px; }
  .arxis-nav { gap: 20px; }
  .arxis-actions { gap: 16px; }
}
@media (max-width: 780px) {
  .arxis-header__inner { min-height: 0; flex-wrap: wrap; gap: 16px; padding: 14px 0 16px; }
  .arxis-logo { width: 128px; }
  .arxis-nav { order: 3; width: 100%; justify-content: space-between; gap: 10px; }
  .arxis-nav span, .arxis-nav a { font-size: 12px; }
  .wp-site-blocks:has(.arxis-hero) > .arxis-site-header { position: relative; }
  .arxis-site-header .arxis-header { background: #101114; }
  .arxis-hero { display: flex; flex-direction: column; align-items: stretch; min-height: calc(100svh - 120px); padding: 0; }
  .admin-bar .arxis-hero { min-height: calc(100svh - 166px); }
  .arxis-hero__visual { position: relative; inset: auto; z-index: 0; }
  .arxis-hero__visual img { width: 100%; height: auto; object-fit: contain; }
  .arxis-hero::after { display: none; }
  .arxis-hero__inner { box-sizing: border-box; margin: 0; padding: 26px 20px 40px; flex: 1; }
  .arxis-hero__copy { max-width: 100%; }
  .arxis-eyebrow { margin-bottom: 18px; font-size: 10px; }
  .arxis-hero h1 { font-size: clamp(40px, 8vw, 60px); }
  .arxis-hero__description { margin: 20px 0 24px; font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .arxis-hero__copy > * { animation: none; }
  .arxis-nav span, .arxis-nav a, .arxis-icon, .arxis-cta { transition: none; }
}

/* Category artwork is isolated in assets/images/category-*.svg for replacement. */
.arxis-categories { background: #101114; color: #fff; padding: clamp(56px, 7vw, 104px) clamp(20px, 5vw, 88px); font-family: Arial, Helvetica, sans-serif; }
.arxis-categories__inner { max-width: 1440px; margin: auto; }
.arxis-categories__heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; margin-bottom: 36px; }
.arxis-categories__eyebrow { color: #ff6b00; margin: 0 0 18px; font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.arxis-categories h2 { margin: 0; font-size: clamp(32px, 4vw, 56px); font-weight: 800; line-height: 1.1; letter-spacing: -.045em; }
.arxis-categories h2 span { color: inherit; }
.arxis-categories__intro { margin: 0; color: #a3a5ab; font-size: 14px; line-height: 1.7; }
.arxis-categories__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: repeat(2, 280px); gap: 16px; }
.arxis-category { position: relative; display: block; overflow: hidden; isolation: isolate; color: #fff; text-decoration: none; background: radial-gradient(ellipse at 65% 35%, #3b3c38, #1d1f22 70%); border: 1px solid #ffffff12; transition: border-color .25s ease, background-color .25s ease; }
.arxis-category--tactical { grid-column: 2; grid-row: 1 / 3; background: radial-gradient(ellipse at 60% 35%, #56594b, #242821 75%); }
.arxis-category--gear { grid-column: 3 / 5; grid-row: 2; background: radial-gradient(ellipse at 65% 35%, #594031, #26211e 75%); }
.arxis-category--urban { background: radial-gradient(ellipse at 65% 35%, #4a5159, #24282f 75%); }
.arxis-category--outerwear { grid-column: 1; grid-row: 2; }
.arxis-category::after { content: ''; position: absolute; z-index: 1; inset: 0; pointer-events: none; background: linear-gradient(0deg, #101114e6, transparent 50%); }
.arxis-category img { display: block; position: absolute; inset: 8% 0 auto; width: 100%; height: 78%; object-fit: contain; filter: drop-shadow(0 18px 18px #0005); transition: transform .4s ease; }
.arxis-category--tactical img { inset: 12% 0 auto; height: 70%; transform: rotate(-7deg) scale(1.1); }
.arxis-category--gear img { width: 57%; left: auto; right: 4%; height: 100%; top: -4%; transform: rotate(8deg); }
.arxis-category__number { position: absolute; top: 20px; left: 20px; z-index: 2; color: #c9c9c3; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.arxis-category__caption { position: absolute; z-index: 2; inset: auto 20px 20px; display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; }
.arxis-category h3 { margin: 0; font-size: clamp(17px, 1.6vw, 23px); line-height: 1.2; font-weight: 700; letter-spacing: -.025em; }
.arxis-category--tactical h3, .arxis-category--gear h3 { font-size: clamp(26px, 2.7vw, 40px); }
.arxis-category__arrow { flex-shrink: 0; width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #ffffff38; border-radius: 50%; font-size: 21px; transition: color .25s ease, background .25s ease, border-color .25s ease; }
.arxis-category:hover, .arxis-category:focus-visible { border-color: #ff6b00; }
.arxis-category:focus-visible { outline: 2px solid #ff6b00; outline-offset: 4px; }
.arxis-category:hover img { transform: translateY(-5px) scale(1.04); }
.arxis-category--tactical:hover img { transform: rotate(-7deg) translateY(-5px) scale(1.14); }
.arxis-category--gear:hover img { transform: rotate(8deg) translateY(-5px) scale(1.04); }
.arxis-category:hover .arxis-category__arrow, .arxis-category:focus-visible .arxis-category__arrow { color: #101114; background: #ff6b00; border-color: #ff6b00; }
@media (max-width: 1050px) {
  .arxis-categories__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(3, 250px); }
  .arxis-category--tactical { grid-column: 2 / 4; grid-row: 1; }
  .arxis-category--outerwear { grid-column: 3; grid-row: 2; }
  .arxis-category--gear { grid-column: 1 / 4; grid-row: 3; }
  .arxis-category--tactical img { width: 55%; left: auto; right: 0; top: 0; height: 100%; }
}
@media (max-width: 650px) {
  .arxis-categories__heading { display: block; margin-bottom: 28px; }
  .arxis-categories__intro { margin-top: 20px; }
  .arxis-categories__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; grid-auto-rows: 230px; gap: 12px; }
  .arxis-category--tactical, .arxis-category--outerwear, .arxis-category--gear { grid-column: auto; grid-row: auto; }
  .arxis-category--tactical, .arxis-category--gear { grid-column: 1 / 3; }
  .arxis-category--gear img { width: 60%; }
  .arxis-category__number { top: 14px; left: 14px; }
  .arxis-category__caption { inset: auto 14px 16px; gap: 8px; }
  .arxis-category h3 { font-size: 17px; }
  .arxis-category--tactical h3, .arxis-category--gear h3 { font-size: 28px; }
  .arxis-category__arrow { width: 28px; height: 28px; font-size: 18px; }
}
@media (max-width: 360px) {
  .arxis-categories__grid { grid-template-columns: 1fr; }
  .arxis-category--tactical, .arxis-category--gear { grid-column: auto; }
}
@media (prefers-reduced-motion: reduce) { .arxis-category, .arxis-category img, .arxis-category__arrow { transition: none; } }

/* Trending: presentation-only product cards. */
.arxis-trending { box-sizing: border-box; background: #181a1e; color: #fff; padding: clamp(48px, 5vw, 80px) clamp(20px, 5vw, 88px) clamp(56px, 6vw, 96px); border-top: 1px solid #ffffff0d; font-family: Arial, Helvetica, sans-serif; }
.arxis-trending__inner { max-width: 1440px; margin: auto; }
.arxis-trending__heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 36px; }
.arxis-trending__eyebrow { color: #ff6b00; margin: 0 0 18px; font-size: 11px; font-weight: 700; letter-spacing: .18em; }
.arxis-trending h2 { margin: 0; font-size: clamp(32px, 4vw, 56px); font-weight: 800; line-height: 1.1; letter-spacing: -.045em; }
.arxis-trending__all { color: inherit; font-size: 14px; font-weight: 600; text-decoration: none; padding-bottom: 5px; border-bottom: 1px solid #ffffff35; max-width: 100%; transition: color .2s ease; }
.arxis-trending__all span { margin-left: 16px; font-size: 20px; }
.arxis-trending__all:hover { color: #ff6b00; }
.arxis-trending__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.arxis-product { min-width: 0; }
.arxis-product__link { display: block; color: inherit; text-decoration: none; }
.arxis-product__visual { position: relative; overflow: hidden; aspect-ratio: 4 / 5; background: #25282d; border: 1px solid #ffffff0a; box-sizing: border-box; transition: border-color .25s ease; }
.arxis-product:nth-child(2) .arxis-product__visual { background: #282c2c; }
.arxis-product:nth-child(3) .arxis-product__visual { background: #2b2b28; }
.arxis-product:nth-child(4) .arxis-product__visual { background: #252a30; }
.arxis-product__visual img { display: block; width: 100%; height: 100%; object-fit: contain; box-sizing: border-box; padding: 20px 0; transition: transform .35s ease; }
.arxis-product__badge { position: absolute; z-index: 1; top: 16px; left: 16px; background: #101114cc; color: #fff; border-left: 2px solid #ff6b00; padding: 7px 11px; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.arxis-product__arrow { position: absolute; bottom: 14px; right: 14px; display: grid; place-items: center; width: 34px; height: 34px; background: #181a1e; color: #fff; font-size: 22px; transition: background .2s ease, color .2s ease; }
.arxis-product__info { padding-top: 18px; }
.arxis-product__category { margin: 0 0 8px; color: #a3a5ab; font-size: 12px; }
.arxis-product h3 { margin: 0; font-size: 19px; font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; }
.arxis-product__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 12px; margin: 14px 0 0; font-size: 21px; font-weight: 700; }
.arxis-product__price--sale > span { color: #ff6b00; }
.arxis-product__price del { font-size: 14px; color: #a3a5ab; font-weight: 400; }
.arxis-product__link { transform-origin: center center; transition: transform .3s cubic-bezier(.22,.68,.24,1), box-shadow .3s ease; }
.arxis-product__link:hover .arxis-product__arrow, .arxis-product__link:focus-visible .arxis-product__arrow { background: #ff6b00; color: #101114; }
.arxis-product__link:hover .arxis-product__visual, .arxis-product__link:focus-visible .arxis-product__visual { border-color: #ff6b0066; }
.arxis-product__link:focus-visible, .arxis-trending__all:focus-visible { outline: 2px solid #ff6b00; outline-offset: 5px; }
.arxis-product__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 1050px) { .arxis-trending__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 20px; } }
@media (max-width: 650px) {
  .arxis-trending__heading { align-items: flex-start; flex-direction: column; gap: 20px; }
  .arxis-trending__grid { gap: 28px 14px; }
  .arxis-product h3 { font-size: 17px; }
  .arxis-product__price { font-size: 19px; gap: 8px; }
  .arxis-product__visual img { padding: 16px 0; }
  .arxis-product__arrow { right: 8px; bottom: 8px; width: 26px; height: 26px; font-size: 18px; }
}
@media (max-width: 420px) { .arxis-trending__grid { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .arxis-product__visual, .arxis-product__visual img, .arxis-product__arrow, .arxis-trending__all { transition: none; } }

/* Progressive enhancement: the grid remains available when JavaScript is off. */
.arxis-carousel { position: relative; min-width: 0; }
.arxis-carousel__nav { display: none; }
.arxis-carousel:focus-visible { outline: 2px solid #ff6b00; outline-offset: 6px; }
.arxis-carousel.is-ready { overflow: hidden; touch-action: pan-y; }
.arxis-carousel.is-ready .arxis-trending__grid { position: relative; display: block; height: var(--carousel-height, 500px); perspective: 1200px; }
.arxis-carousel.is-ready .arxis-product { position: absolute; top: 16px; left: 50%; width: var(--card-width); transform-origin: center center; transform: translateX(calc(-50% + var(--card-x))) scale(var(--card-scale)); opacity: var(--card-opacity); z-index: var(--card-layer); transition: transform 500ms cubic-bezier(.22,.68,.24,1), opacity 500ms ease; will-change: transform; }
.arxis-carousel.is-ready .arxis-product[inert] { pointer-events: none; }
.arxis-carousel.is-ready .arxis-carousel__nav { display: grid; place-items: center; position: absolute; top: 5%; bottom: 12%; width: clamp(64px, 6vw, 96px); z-index: 20; padding: 0; color: #fff; background: #ffffff0d; border: 1px solid #ffffff26; border-radius: 3px; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: inset 0 0 24px #ffffff05; font-size: 30px; cursor: pointer; transition: background .2s ease, border-color .2s ease, opacity .2s ease; }
.arxis-carousel__nav--prev { left: 0; }
.arxis-carousel__nav--next { right: 0; }
.arxis-carousel.is-ready .arxis-carousel__nav:hover:not(:disabled) { border-color: #ff6b0080; background: #ff6b001c; box-shadow: inset 0 0 18px #ff6b0014; }
.arxis-carousel.is-ready .arxis-carousel__nav:disabled { opacity: .25; cursor: default; }
.arxis-carousel__nav:focus-visible { outline: 2px solid #ff6b00; outline-offset: -4px; }
@media (min-width: 1100px) {
  .arxis-carousel.is-ready { margin-inline: calc(-1 * clamp(24px, 3.5vw, 56px)); }
}
@media (max-width: 650px) {
  .arxis-carousel.is-ready .arxis-carousel__nav { width: 42px; top: 10%; bottom: 20%; font-size: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .arxis-carousel.is-ready .arxis-product, .arxis-carousel.is-ready .arxis-carousel__nav { transition: none; }
}

/* Technology: editorial spread, separate from the product display. */
.arxis-technology { background: #101114; color: #fff; padding: clamp(64px, 8vw, 120px) clamp(20px, 5vw, 88px) clamp(40px, 5vw, 72px); font-family: Arial, Helvetica, sans-serif; }
.arxis-technology__inner { max-width: 1440px; margin: auto; }
.arxis-technology__spread { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: clamp(32px, 5vw, 80px); }
.arxis-technology__copy { min-width: 0; }
.arxis-technology__eyebrow { color: #ff6b00; margin: 0 0 32px; font-size: 11px; font-weight: 700; letter-spacing: .18em; }
.arxis-technology h2 { margin: 0; font-size: clamp(34px, 3.5vw, 60px); line-height: 1.08; font-weight: 800; letter-spacing: -.05em; }
.arxis-technology h2 span { color: #ff6b00; }
.arxis-technology__description { max-width: 430px; margin: 32px 0; color: #a3a5ab; font-size: 16px; line-height: 1.8; }
.arxis-technology__more { display: inline-flex; align-items: center; gap: 32px; padding-bottom: 10px; border-bottom: 1px solid #ffffff35; font-size: 14px; font-weight: 600; }
.arxis-technology__more span { color: #ff6b00; font-size: 23px; }
.arxis-technology__figure { margin: 0; min-width: 0; }
.arxis-technology__image { overflow: hidden; aspect-ratio: 10 / 11; background: #252a22; }
.arxis-technology__image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.arxis-technology__image { transition: transform .35s cubic-bezier(.22,.68,.24,1), box-shadow .35s ease; }
.arxis-technology figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-top: 16px; color: #a3a5ab; font-size: 10px; letter-spacing: .1em; }
.arxis-technology__accents { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: clamp(40px, 5vw, 72px); border-top: 1px solid #ffffff20; padding-top: 24px; }
.arxis-technology__accents p { margin: 0; display: flex; align-items: baseline; gap: 20px; font-size: clamp(16px, 1.6vw, 22px); }
.arxis-technology__accents span { color: #ff6b00; font-size: 11px; letter-spacing: .1em; }
[data-technology-reveal] { opacity: 1; transform: none; transition: opacity .7s ease, transform .7s ease; }
[data-technology-reveal].is-reveal-pending { opacity: 0; transform: translateY(20px); }
@media (max-width: 780px) {
  .arxis-technology__spread { grid-template-columns: 1fr; gap: 40px; }
  .arxis-technology h2 { font-size: clamp(30px, 6.4vw, 49px); }
  .arxis-technology__eyebrow { margin-bottom: 24px; }
  .arxis-technology__description { margin: 24px 0; }
  .arxis-technology__accents { gap: 16px; }
  .arxis-technology__accents p { flex-direction: column; gap: 10px; font-size: 15px; }
}
@media (max-width: 360px) { .arxis-technology__accents { grid-template-columns: 1fr; } .arxis-technology__accents p { flex-direction: row; gap: 20px; } }
@media (prefers-reduced-motion: reduce) {
  [data-technology-reveal], [data-technology-reveal].is-reveal-pending { opacity: 1; transform: none; transition: none; }
  .arxis-technology__image img { transition: none; }
}

/* Interface refinements: seamless hero, search and cyclic display. */
.arxis-logo:focus-visible { outline: 2px solid #ff6b00; outline-offset: 5px; }
body:has(.arxis-main) { padding-inline: 0; }
@media (min-width: 781px) {
  /* Keep one overlay; its fade starts beyond the actual contained photo edge. */
  .arxis-hero::after { content: none; }
  .arxis-hero__visual { container-type: size; }
  .arxis-hero__visual::after {
    --hero-photo-left: max(0px, calc(100cqw - 100cqh * 1672 / 941));
    content: ''; position: absolute; z-index: 1; inset: 0; pointer-events: none;
    background: linear-gradient(90deg, #101114 0%, #101114 max(12cqw, calc(var(--hero-photo-left) + 2cqw)), #101114fa max(20cqw, calc(var(--hero-photo-left) + 5cqw)), #101114e6 max(28cqw, calc(var(--hero-photo-left) + 9cqw)), #101114b8 max(36cqw, calc(var(--hero-photo-left) + 13cqw)), #1011147a max(45cqw, calc(var(--hero-photo-left) + 18cqw)), #10111433 max(54cqw, calc(var(--hero-photo-left) + 23cqw)), #1011140a max(61cqw, calc(var(--hero-photo-left) + 28cqw)), #10111400 max(65cqw, calc(var(--hero-photo-left) + 31cqw))), linear-gradient(0deg, #101114 0%, #101114b3 7%, #10111400 26%);
  }
}
.arxis-breadcrumbs { position: absolute; top: 126px; left: max(clamp(20px, 5vw, 88px), calc((100% - 1440px) / 2)); z-index: 2; font-size: 10px; letter-spacing: .12em; color: #c4c6cb; }
.arxis-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 12px; padding: 0; margin: 0; list-style: none; }
.arxis-breadcrumbs li { display: flex; align-items: center; gap: 12px; }
.arxis-breadcrumbs a { color: #fff; text-decoration: none; }
.arxis-breadcrumbs a:hover { color: #ff6b00; }
.arxis-breadcrumbs__separator { color: #ff6b00; }
.arxis-breadcrumbs a:focus-visible, .arxis-cta:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
.arxis-cta { transition: transform .35s cubic-bezier(.22,.68,.24,1), background .3s ease, box-shadow .3s ease; }
.arxis-hero__copy .arxis-cta { animation-name: arxis-cta-appear; }
.arxis-cta span { transition: transform .35s cubic-bezier(.22,.68,.24,1); }
@keyframes arxis-cta-appear { from { opacity: 0; translate: 0 14px; } to { opacity: 1; translate: 0 0; } }
.arxis-cta:focus-visible { transform: scale(1.05); box-shadow: 0 6px 28px #ff6b0038; }
@media (hover: hover) and (pointer: fine) {
  .arxis-cta:hover { transform: scale(1.05); box-shadow: 0 6px 28px #ff6b0038; }
  .arxis-cta:hover span, .arxis-cta:focus-visible span { transform: translate(3px, -3px); }
  .arxis-category:hover { transform: translateY(-5px) scale(1.025); box-shadow: 0 16px 30px #0005; z-index: 5; }
}
.arxis-category { transition: transform .3s ease, box-shadow .3s ease, border-color .25s ease; }
.arxis-category:focus-visible { transform: translateY(-3px) scale(1.02); z-index: 5; }
.arxis-header__center { position: relative; flex: 1; min-width: 0; display: flex; justify-content: center; }
.arxis-header__center .arxis-nav { transition: opacity .25s ease, transform .3s ease; }
.arxis-search-toggle, .arxis-search-close { color: inherit; background: none; border: 0; padding: 0; cursor: pointer; font: inherit; }
.arxis-search-toggle { flex-shrink: 0; }
.arxis-header-search { position: absolute; inset: -12px 0; display: flex; gap: 8px; align-items: center; background: #101114a6; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid #ffffff30; border-radius: 2px; padding: 0 12px 0 18px; opacity: 0; clip-path: inset(0 0 0 100%); pointer-events: none; transition: clip-path .35s cubic-bezier(.22,.68,.24,1), opacity .25s ease; }
.arxis-header-search input { box-sizing: border-box; min-width: 0; width: 100%; color: #fff; background: transparent; border: 0; outline: 0; padding: 10px 0; font: inherit; font-size: 14px; }
.arxis-header-search input::placeholder { color: #a3a5ab; }
.arxis-header-search input::-webkit-search-cancel-button { display: none; }
.arxis-header-search:focus-within { border-color: #ff6b0080; }
.arxis-search-close { width: 32px; height: 32px; flex-shrink: 0; font-size: 26px; }
.arxis-search-close:hover { color: #ff6b00; }
.arxis-search-toggle:focus-visible, .arxis-search-close:focus-visible { outline: 2px solid #ff6b00; outline-offset: 4px; }
.is-search-open .arxis-nav { opacity: 0; transform: translateX(-12px); pointer-events: none; }
.is-search-open .arxis-header-search { opacity: 1; clip-path: inset(0); pointer-events: auto; }
.arxis-carousel.is-resetting .arxis-product { transition: none; }
.arxis-carousel.is-ready .arxis-product__visual { background: var(--product-surface, #25282d); }
.arxis-carousel.is-ready .arxis-product { transition-duration: 500ms; }
.arxis-carousel.is-ready.is-static .arxis-trending__grid { display: grid; height: auto; }
.arxis-carousel.is-ready.is-static .arxis-product { position: relative; left: auto; top: auto; width: auto; transform: none; opacity: 1; }
.arxis-carousel.is-static [data-carousel-copy], .arxis-carousel.is-ready.is-static .arxis-carousel__nav { display: none; }
@media (min-width: 1100px) {
  .arxis-carousel.is-ready { width: calc(100vw - 96px); max-width: calc(100vw - 96px); margin-inline: calc((100% - (100vw - 96px)) / 2); }
}
@media (max-width: 780px) {
  .arxis-header__center { order: 3; flex: 0 0 100%; min-height: 32px; align-items: center; }
  .arxis-header-search { inset: -4px 0; }
  .arxis-breadcrumbs { position: relative; top: auto; left: auto; width: 100%; box-sizing: border-box; padding: 16px 20px; order: -1; }
  .arxis-hero__visual::after { content: ''; position: absolute; inset: auto 0 0; height: 20%; background: linear-gradient(0deg, #101114, transparent); pointer-events: none; }
}
@media (hover: none) {
  .arxis-category:hover, .arxis-category:hover img { transform: none; box-shadow: none; }
}
@media (prefers-reduced-motion: reduce) {
  .arxis-category, .arxis-cta, .arxis-cta span, .arxis-header__center .arxis-nav, .arxis-header-search { transition: none; }
  .arxis-category:hover, .arxis-category:focus-visible, .arxis-cta:hover, .arxis-cta:focus-visible, .arxis-cta:hover span { transform: none; }
  .arxis-carousel.is-ready .arxis-product { transition: none; }
}

/* Technology slides share one grid cell: the tallest layout fixes the height. */
.arxis-technology__slides { display: grid; }
.arxis-technology__slide { grid-area: 1 / 1; min-width: 0; visibility: hidden; pointer-events: none; }
.arxis-technology__slide.is-active { visibility: visible; pointer-events: auto; z-index: 2; }
.arxis-technology__slide.is-leaving { visibility: visible; z-index: 1; }
.arxis-technology__slide--reverse { grid-template-columns: 1fr 1.1fr; --technology-entry: -28px; }
.arxis-technology__slide:not(.arxis-technology__slide--reverse) { --technology-entry: 28px; }
.arxis-technology__slide--reverse .arxis-technology__copy { order: 2; }
.arxis-technology__slide--reverse .arxis-technology__figure { order: 1; }
.arxis-technology__slide .arxis-technology__copy > * { opacity: 0; transform: translateY(12px); transition: opacity 600ms ease, transform 700ms cubic-bezier(.22,.68,.24,1); }
.arxis-technology__slide .arxis-technology__figure { opacity: 0; transform: translateX(var(--technology-entry)); transition: opacity 700ms ease, transform 800ms cubic-bezier(.22,.68,.24,1); }
.arxis-technology__slide.is-active .arxis-technology__copy > *, .arxis-technology__slide.is-active .arxis-technology__figure { opacity: 1; transform: none; }
.arxis-technology__slide.is-active h2 { transition-delay: 100ms; }
.arxis-technology__slide.is-active .arxis-technology__description { transition-delay: 180ms; }
.arxis-technology__slide.is-active .arxis-technology__more { transition-delay: 260ms; }
.arxis-technology__slide.is-leaving .arxis-technology__copy > * { transform: translateY(-10px); transition-delay: 0ms; }
.arxis-technology__slide.is-leaving .arxis-technology__figure { transform: none; }
.arxis-technology__controls { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 24px; }
.arxis-technology__controls[hidden] { display: none; }
.arxis-technology__indicators { display: flex; gap: 6px; }
.arxis-technology__indicator { display: grid; place-items: center; flex-shrink: 0; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; cursor: pointer; transition: width .3s ease; }
.arxis-technology__indicator span { width: 7px; height: 7px; border-radius: 999px; background: #ffffff40; transition: width .3s ease, background .3s ease; }
.arxis-technology__indicator[aria-pressed="true"] { width: 65px; }
.arxis-technology__indicator[aria-pressed="true"] span { width: 28px; background: var(--arxis-accent); }
.arxis-technology__pause { background: none; border: 0; color: #a3a5ab; padding: 12px 0; font: inherit; font-size: 11px; cursor: pointer; }
.arxis-technology__pause:hover { color: #fff; }
.arxis-technology__indicator:focus-visible, .arxis-technology__pause:focus-visible { outline: 2px solid #ff6b00; outline-offset: 2px; }
@media (max-width: 780px) {
 .arxis-technology__slide--reverse { grid-template-columns: 1fr; }
 .arxis-technology__slide--reverse .arxis-technology__copy, .arxis-technology__slide--reverse .arxis-technology__figure { order: initial; }
 .arxis-technology__slide .arxis-technology__figure { transform: translateY(12px); }
 .arxis-technology__slide.is-active .arxis-technology__figure { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
 .arxis-technology__slide .arxis-technology__copy > *, .arxis-technology__slide .arxis-technology__figure, .arxis-technology__indicator, .arxis-technology__indicator span { transition: none; transform: none; }
}

/* Section edges share the primary tone; fades stay inside existing spacing. */
.arxis-hero, .arxis-categories, .arxis-technology { background-color: var(--arxis-bg); color: var(--arxis-text); }
.arxis-trending { border-top: 0; background: linear-gradient(180deg, var(--arxis-bg) 0, var(--arxis-bg-alt) 96px, var(--arxis-bg-alt) calc(100% - 96px), var(--arxis-bg) 100%); color: var(--arxis-text); }
.arxis-categories__eyebrow, .arxis-trending__eyebrow, .arxis-technology__eyebrow, .arxis-technology h2 span { color: var(--arxis-accent); }

/* Shared sticky shell; the homepage keeps its original responsive overlay. */
.wp-site-blocks > .arxis-site-header { position: sticky; top: var(--arxis-admin-offset, 0px); z-index: 100; margin-block: 0; }
.wp-site-blocks:has(.arxis-about-hero) > .arxis-site-header { position: fixed; inset: var(--arxis-admin-offset, 0px) 0 auto; }
.wp-site-blocks .arxis-about-hero { padding-top: calc(var(--arxis-header-height, 100px) + 48px); }
.wp-site-blocks:has(.arxis-hero) > .arxis-site-header { position: fixed; top: var(--arxis-admin-offset, 0px); z-index: 100; }
.arxis-site-header .arxis-header { position: relative; isolation: isolate; background: transparent; }
.arxis-site-header .arxis-header::before, .arxis-site-header .arxis-header::after { content: ''; position: absolute; z-index: -1; inset: 0; pointer-events: none; transition: opacity .3s ease; }
.arxis-site-header .arxis-header::before { background: linear-gradient(#101114e6, #10111466); opacity: 1; }
.arxis-site-header .arxis-header::after { background: #10111466; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); opacity: 0; }
.arxis-site-header.is-scrolled .arxis-header::before { opacity: 0; }
.arxis-site-header.is-scrolled .arxis-header::after { opacity: 1; }
.arxis-site-header.is-scrolled .arxis-header.is-search-open::before { opacity: 1; }
.arxis-site-header.is-scrolled .arxis-header.is-search-open::after { opacity: 0; }
body:has(.arxis-site-header) :where([id]) { scroll-margin-top: calc(var(--arxis-header-height, 100px) + var(--arxis-admin-offset, 0px) + 24px); }
@media (hover: hover) and (pointer: fine) {
  .arxis-site-header.is-scrolled:hover .arxis-header::before { opacity: 1; }
  .arxis-site-header.is-scrolled:hover .arxis-header::after { opacity: 0; }
  .arxis-technology__slide.is-active .arxis-technology__image:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 14px 26px #0004; }
  .arxis-product__link:hover { transform: scale(1.03); box-shadow: 0 10px 24px #0003; }
  .arxis-carousel.is-ready .arxis-product:hover { z-index: 15; }
}
.arxis-product__link:focus-visible { transform: scale(1.025); }
.arxis-carousel.is-ready .arxis-product:focus-within { z-index: 15; }
@media (max-width: 780px) {
  .wp-site-blocks:has(.arxis-hero) > .arxis-site-header { position: sticky; }
  .arxis-site-header .arxis-header::before { background: var(--arxis-bg); }
}
@media (prefers-reduced-motion: reduce) {
  .arxis-site-header .arxis-header::before, .arxis-site-header .arxis-header::after, .arxis-technology__image, .arxis-product__link { transition: none; }
  .arxis-technology__slide.is-active .arxis-technology__image:hover, .arxis-product__link:hover, .arxis-product__link:focus-visible { transform: none; }
}

/* Promotional slots: data and local artwork live in patterns/offers.php. */
.arxis-offers { background: var(--arxis-bg); color: var(--arxis-text); padding: clamp(48px, 5vw, 80px) clamp(20px, 5vw, 88px) clamp(64px, 7vw, 104px); font-family: Arial, Helvetica, sans-serif; }
.arxis-offers__inner { max-width: 1440px; margin: auto; }
.arxis-offers__eyebrow { margin: 0 0 18px; color: var(--arxis-accent); font-size: 11px; font-weight: 700; letter-spacing: .18em; }
.arxis-offers h2 { margin: 0 0 40px; font-size: clamp(32px, 4vw, 56px); font-weight: 800; line-height: 1.1; letter-spacing: -.045em; }
.arxis-offers__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.arxis-offer { position: relative; isolation: isolate; min-width: 0; min-height: 400px; display: flex; align-items: flex-end; background: var(--arxis-bg-alt); transition: transform .35s cubic-bezier(.22,.68,.24,1), box-shadow .35s ease; }
.arxis-offer--featured { grid-column: 1 / -1; min-height: clamp(440px, 36vw, 560px); align-items: center; }
.arxis-offer__image { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; display: block; object-fit: contain; object-position: right center; }
.arxis-offer::before { content: ''; position: absolute; z-index: -1; inset: 0; pointer-events: none; background: linear-gradient(0deg, #101114f2, #10111480 45%, #1011140d); }
.arxis-offer--featured::before { background: linear-gradient(90deg, #101114f2, #101114b3 35%, #10111410 85%); }
.arxis-offer__content { position: relative; box-sizing: border-box; width: 100%; padding: clamp(28px, 3.5vw, 56px); }
.arxis-offer h3 { margin: 0 0 16px; font-size: clamp(30px, 3vw, 42px); line-height: 1.08; font-weight: 700; letter-spacing: -.04em; }
.arxis-offer--featured h3 { max-width: 600px; font-size: clamp(42px, 5vw, 76px); }
.arxis-offer__content p { max-width: 390px; margin: 0 0 28px; color: #d0d1d5; font-size: 15px; line-height: 1.7; }
.arxis-offer__cta { display: inline-flex; align-items: center; gap: 24px; color: var(--arxis-text); text-decoration: none; border-bottom: 1px solid #ffffff50; padding-bottom: 8px; font-size: 13px; font-weight: 700; transition: background .35s ease, box-shadow .35s ease; }
.arxis-offer__cta span { color: var(--arxis-accent); font-size: 22px; line-height: 1; transition: transform .35s ease; }
.arxis-offer--featured .arxis-offer__cta { padding: 18px 24px; border: 0; background: var(--arxis-accent); color: var(--arxis-bg); }
.arxis-offer--featured .arxis-offer__cta span { color: inherit; }
.arxis-offer__cta:focus-visible { outline: 2px solid var(--arxis-accent); outline-offset: 5px; }
@media (hover: hover) and (pointer: fine) {
 .arxis-offer:hover { transform: translateY(-4px) scale(1.02); z-index: 2; box-shadow: 0 18px 32px #0004; }
 .arxis-offer:hover .arxis-offer__cta span { transform: translate(3px, -3px); }
 .arxis-offer--featured:hover .arxis-offer__cta { background: #ff8126; box-shadow: 0 6px 22px #ff6b0026; }
}
@media (max-width: 780px) {
 .arxis-offers__grid { grid-template-columns: 1fr; gap: 20px; }
 .arxis-offers h2 { margin-bottom: 28px; }
 .arxis-offer, .arxis-offer--featured { min-height: 420px; align-items: flex-end; }
 .arxis-offer__image { object-position: center top; }
 .arxis-offer--featured::before { background: linear-gradient(0deg, #101114f2, #10111480 55%, #10111410); }
}
@media (prefers-reduced-motion: reduce) {
 .arxis-offer, .arxis-offer__cta, .arxis-offer__cta span { transition: none; }
 .arxis-offer:hover, .arxis-offer:hover .arxis-offer__cta span { transform: none; }
}

/* Customer information: one shared surface, restrained separators and icons. */
.arxis-customer-info { background: var(--arxis-bg); color: var(--arxis-text); padding: clamp(40px, 4vw, 64px) clamp(20px, 5vw, 88px) clamp(48px, 5vw, 80px); font-family: Arial, Helvetica, sans-serif; }
.arxis-customer-info__inner { max-width: 1440px; margin: auto; }
.arxis-customer-info__eyebrow { margin: 0 0 16px; color: var(--arxis-accent); font-size: 11px; font-weight: 700; letter-spacing: .18em; }
.arxis-customer-info h2 { margin: 0 0 32px; font-size: clamp(28px, 3vw, 42px); font-weight: 700; line-height: 1.15; letter-spacing: -.035em; }
.arxis-customer-info__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin: 0; padding: 0; list-style: none; border-top: 1px solid #ffffff20; border-bottom: 1px solid #ffffff20; }
.arxis-customer-info__item { min-width: 0; padding: 28px 24px; position: relative; }
.arxis-customer-info__item:first-child { padding-left: 0; }
.arxis-customer-info__item:last-child { padding-right: 0; }
.arxis-customer-info__item + .arxis-customer-info__item::before { content: ''; position: absolute; left: 0; top: 28px; bottom: 28px; width: 1px; background: #ffffff20; transition: background .25s ease; }
.arxis-customer-info__content { display: grid; grid-template-columns: 24px minmax(0, 1fr) 18px; align-items: start; gap: 14px; color: inherit; text-decoration: none; }
.arxis-customer-info__icon { color: #c4c6cb; transition: color .25s ease; }
.arxis-customer-info h3 { margin: 0 0 10px; font-size: 19px; line-height: 1.25; font-weight: 600; transition: color .25s ease; }
.arxis-customer-info__text p { margin: 0; color: #a3a5ab; font-size: 13px; line-height: 1.65; }
.arxis-customer-info__arrow { font-size: 21px; line-height: 1.15; color: #a3a5ab; transition: transform .25s ease, color .25s ease; }
.arxis-customer-info__content:focus-visible { outline: 2px solid var(--arxis-accent); outline-offset: 6px; }
@media (hover: hover) and (pointer: fine) {
 .arxis-customer-info__item:hover .arxis-customer-info__arrow { transform: translate(3px, -3px); color: var(--arxis-accent); }
 .arxis-customer-info__item:hover .arxis-customer-info__icon, .arxis-customer-info__item:hover h3 { color: var(--arxis-accent); }
 .arxis-customer-info__item:hover::before { background: #ffffff40; }
}
@media (max-width: 1100px) {
 .arxis-customer-info__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .arxis-customer-info__item { padding: 24px; }
 .arxis-customer-info__item:nth-child(odd) { padding-left: 0; }
 .arxis-customer-info__item:nth-child(even) { padding-right: 0; }
 .arxis-customer-info__item:nth-child(odd)::before { display: none; }
 .arxis-customer-info__item:nth-child(n+3) { border-top: 1px solid #ffffff14; }
}
@media (max-width: 560px) {
 .arxis-customer-info__grid { grid-template-columns: 1fr; }
 .arxis-customer-info__item { padding: 22px 0; }
 .arxis-customer-info__item + .arxis-customer-info__item { border-top: 1px solid #ffffff14; }
 .arxis-customer-info__item::before { display: none; }
 .arxis-customer-info__content { gap: 16px; }
}
@media (prefers-reduced-motion: reduce) {
 .arxis-customer-info__icon, .arxis-customer-info h3, .arxis-customer-info__arrow, .arxis-customer-info__item::before { transition: none; }
 .arxis-customer-info__item:hover .arxis-customer-info__arrow { transform: none; }
}

/* Shared block-theme footer. */
.arxis-footer { background: var(--arxis-bg); color: var(--arxis-text); padding: clamp(28px, 3vw, 44px) clamp(20px, 5vw, 88px) 28px; font-family: Arial, Helvetica, sans-serif; }
.wp-site-blocks > footer:has(.arxis-footer) { margin-block-start: 0; }
.arxis-footer__inner { max-width: 1440px; margin: auto; }
.arxis-footer__columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.2fr); gap: 40px; padding-bottom: 44px; }
.arxis-footer__column { min-width: 0; }
.arxis-footer h2 { margin: 0 0 20px; font-size: 15px; font-weight: 600; }
.arxis-footer ul { padding: 0; margin: 0; list-style: none; }
.arxis-footer__column li { color: #a3a5ab; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.arxis-footer__column li > a, .arxis-footer__column li > span { display: block; padding: 8px 0; }
.arxis-footer a { color: #a3a5ab; text-decoration: none; transition: color .225s ease; }
.arxis-footer__contacts li { padding: 8px 0; }
.arxis-footer__bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 32px; padding-top: 24px; border-top: 1px solid #ffffff20; color: #a3a5ab; font-size: 11px; line-height: 1.6; }
.arxis-footer__bottom p { margin: 0; }
.arxis-footer__bottom nav { min-width: 0; max-width: 100%; }
.arxis-footer__bottom ul { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; }
.arxis-footer__bottom li { display: flex; align-items: center; min-width: 0; }
.arxis-footer__bottom li > :is(a,span,button) { box-sizing: border-box; display: inline-flex; align-items: center; min-height: 44px; margin: 0; padding: 8px 0; border: 0; border-radius: 0; background: none; color: inherit; font: inherit; line-height: inherit; text-align: left; text-decoration: none; overflow-wrap: anywhere; appearance: none; }
.arxis-footer__bottom li > :is(a,button) { cursor: pointer; transition: color .225s ease; }
.arxis-footer__bottom li > :is(a,button):hover { color: var(--arxis-accent); }
.arxis-footer__bottom button:focus-visible { outline: 2px solid var(--arxis-accent); outline-offset: 4px; }
.arxis-footer a:focus-visible { outline: 2px solid var(--arxis-accent); outline-offset: 4px; }
@media (hover: hover) and (pointer: fine) {
 .arxis-footer a:hover { color: var(--arxis-accent); }
}
@media (max-width: 1000px) { .arxis-footer__columns { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; } }
@media (max-width: 560px) {
 .arxis-footer__columns { grid-template-columns: 1fr; gap: 28px; }
 .arxis-footer h2 { margin-bottom: 12px; }
 .arxis-footer__column a { min-height: 44px; box-sizing: border-box; display: flex; align-items: center; }
 .arxis-footer__bottom { flex-direction: column; }
 .arxis-footer__bottom ul { flex-direction: row; gap: 8px 24px; }
 .arxis-footer__bottom a { min-height: 44px; box-sizing: border-box; display: flex; align-items: center; }
}
@media (prefers-reduced-motion: reduce) {
 .arxis-footer a, .arxis-footer__bottom button { transition: none; }
}

.arxis-back-to-top { position: fixed; right: 30px; bottom: calc(30px + env(safe-area-inset-bottom, 0px)); width: 52px; height: 52px; display: grid; place-items: center; padding: 0; z-index: 80; background: var(--arxis-accent); color: var(--arxis-bg); border: 0; border-radius: 13px; box-shadow: 0 6px 18px #0003; cursor: pointer; opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity .3s ease, transform .3s ease, box-shadow .3s ease; }
.arxis-back-to-top[hidden] { display: none; }
.arxis-back-to-top.is-visible { opacity: 1; transform: none; pointer-events: auto; }
.arxis-back-to-top svg { transition: transform .3s ease; }
.arxis-back-to-top:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
body:has(.arxis-header.is-search-open, dialog[open], [aria-modal="true"]) .arxis-back-to-top { opacity: 0; visibility: hidden; pointer-events: none; }
@media (hover: hover) and (pointer: fine) {
 .arxis-back-to-top.is-visible:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 10px 24px #0005; }
 .arxis-back-to-top.is-visible:hover svg { transform: translateY(-2px); }
}
@media (max-width: 560px) {
 .arxis-back-to-top { width: 46px; height: 46px; right: calc(18px + env(safe-area-inset-right, 0px)); bottom: calc(18px + env(safe-area-inset-bottom, 0px)); }
 .arxis-footer { padding-right: calc(84px + env(safe-area-inset-right, 0px)); }
}
@media (prefers-reduced-motion: reduce) {
 .arxis-back-to-top, .arxis-back-to-top svg { transition: none; transform: none; }
 .arxis-back-to-top.is-visible:hover, .arxis-back-to-top.is-visible:hover svg { transform: none; }
}
/* Existing visual treatment shared by the now functional links. */
.arxis-nav a { color: inherit; text-decoration: none; }
.arxis-nav a[aria-current], .arxis-nav a:hover { color: var(--arxis-accent); }
a.arxis-icon { color: inherit; text-decoration: none; }
a.arxis-icon:hover { color: var(--arxis-accent); }
a.arxis-cta { text-decoration: none; cursor: pointer; }
.arxis-product__link:not([href]), .arxis-category:not([href]) { cursor: default; }
.arxis-nav a:focus-visible, a.arxis-icon:focus-visible { outline: 2px solid var(--arxis-accent); outline-offset: 4px; }


/* Editorial photographs share the existing card geometry and hover behavior. */
.arxis-category img { inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: none; transform: none; }
.arxis-category--tactical img { object-position: center 20%; }
.arxis-category:hover img, .arxis-category--tactical:hover img, .arxis-category--gear:hover img { transform: translateY(-3px) scale(1.04); }
.arxis-category::after { background: linear-gradient(0deg, #101114ee, #10111440 45%, #10111420 75%, #10111460); }
.arxis-category__number { color: #e6e6e2; }
.arxis-offer { color: var(--arxis-text); text-decoration: none; }
.arxis-offer:focus-visible { outline: 2px solid var(--arxis-accent); outline-offset: 5px; }
.arxis-offer__image { object-fit: cover; object-position: center; }
.arxis-offer--featured .arxis-offer__image { object-position: 70% center; }
.arxis-collection--wide .arxis-collection__image { object-position: 70% 35%; }
.arxis-collection:not(.arxis-collection--wide) .arxis-collection__image { object-position: center 25%; }

/* A consistent SVG mask replaces font-dependent decorative arrow glyphs. */
:is(.arxis-category__arrow, .arxis-catalog-category-arrow, .arxis-collection__arrow, .arxis-product__arrow, .arxis-customer-info__arrow, .arxis-cta > span, .arxis-offer__cta > span, .arxis-technology__more > span, .arxis-trending__all > span) { position: relative; font-size: 0 !important; flex-shrink: 0; }
:is(.arxis-catalog-category-arrow, .arxis-collection__arrow, .arxis-product__arrow, .arxis-customer-info__arrow, .arxis-cta > span, .arxis-offer__cta > span, .arxis-technology__more > span, .arxis-trending__all > span) { display: inline-block; width: 22px; height: 22px; }
:is(.arxis-category__arrow, .arxis-catalog-category-arrow, .arxis-collection__arrow, .arxis-product__arrow, .arxis-customer-info__arrow, .arxis-cta > span, .arxis-offer__cta > span, .arxis-technology__more > span, .arxis-trending__all > span)::before { content: ''; position: absolute; width: 18px; height: 18px; left: 50%; top: 50%; transform: translate(-50%, -50%); background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19 19 5M5 5h14v14' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19 19 5M5 5h14v14' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat; }
@media (max-width: 767px) {
 :is(.arxis-category__arrow, .arxis-catalog-category-arrow, .arxis-collection__arrow, .arxis-product__arrow, .arxis-customer-info__arrow, .arxis-cta > span, .arxis-offer__cta > span, .arxis-technology__more > span, .arxis-trending__all > span) { display: none !important; }
 .arxis-collection__content { gap: 0; }
 .arxis-offer__cta, .arxis-technology__more, .arxis-trending__all { gap: 0; }
 .arxis-collection--wide .arxis-collection__image { object-position: 78% center; }
 .arxis-offer--featured .arxis-offer__image { object-position: 78% center; }
}
@media (prefers-reduced-motion: reduce) {
 .arxis-category:hover img, .arxis-category--tactical:hover img, .arxis-category--gear:hover img { transform: none; }
}
.arxis-product__arrow { position: absolute; width: 34px; height: 34px; }
@media (max-width: 650px) { .arxis-product__arrow { width: 26px; height: 26px; } }

@media (max-width: 1050px) { .arxis-category--tactical img { object-position: center top; } }
.arxis-category--gear img { object-position: 75% center; }

.arxis-collection__arrow { width: 38px; height: 38px; }
.arxis-collection__arrow::before { width: 30px; height: 30px; }

/* Homepage refinements: preserve card geometry, fill the photo aperture. */
.arxis-main .arxis-trending .arxis-product__visual img { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; object-fit: cover; object-position: center; }
.arxis-customer-info__item > a.arxis-customer-info__content::after { content: ''; position: absolute; inset: 0; }
.arxis-main > .arxis-technology { padding-bottom: clamp(20px, 3vw, 36px); }
/* One continuous homepage canvas: section boundaries cannot clip its lights. */
.arxis-main {
 position: relative;
 isolation: isolate;
 background-color: var(--arxis-bg);
 background-image:
  radial-gradient(ellipse 1000px 820px at -500px 24%, rgb(255 107 0 / 0.225), transparent 85%),
  radial-gradient(ellipse 1150px 980px at calc(100% + 600px) 49%, rgb(255 107 0 / 0.2), transparent 88%),
  radial-gradient(ellipse 1050px 900px at -550px 72%, rgb(255 107 0 / 0.2), transparent 88%),
  radial-gradient(ellipse 950px 820px at calc(100% + 500px) 90%, rgb(255 107 0 / 0.175), transparent 88%);
}
.arxis-main > :is(.arxis-categories, .arxis-technology, .arxis-collections, .arxis-offers, .arxis-customer-info) { background: transparent; }
.arxis-main > .arxis-trending { background: linear-gradient(180deg, transparent, rgb(24 26 30 / .65) 96px, rgb(24 26 30 / .65) calc(100% - 96px), transparent); }
/* Override the more-specific shared arrow selector, not the icon's contents. */
.arxis-main .arxis-product__visual > .arxis-product__arrow { position: absolute; inset: auto 14px 14px auto; width: 34px; height: 34px; display: grid; place-items: center; z-index: 2; }
/* Keep transitioning technology figures inside their own display area. */
.arxis-main .arxis-technology__slides { position: relative; isolation: isolate; overflow: clip; overflow-clip-margin: 12px; }
@media (max-width: 767px) {
 .arxis-main { background-image:
  radial-gradient(ellipse 560px 900px at -350px 24%, rgb(255 107 0 / 0.175), transparent 88%),
  radial-gradient(ellipse 620px 1100px at calc(100% + 400px) 49%, rgb(255 107 0 / 0.1625), transparent 88%),
  radial-gradient(ellipse 600px 1000px at -380px 72%, rgb(255 107 0 / 0.1625), transparent 88%),
  radial-gradient(ellipse 540px 900px at calc(100% + 350px) 90%, rgb(255 107 0 / 0.15), transparent 88%);
 }
}
@media (max-width: 650px) {
 .arxis-main .arxis-product__visual > .arxis-product__arrow { inset: auto 8px 8px auto; width: 26px; height: 26px; }
}