/* AXIRA 1.5.2 - Arrow cards respond to their own rendered width, not just the viewport.
   Desktop: left-aligned two-line title next to single-line spine. Narrow cards: stack
   header rows rather than breaking a model name. Stats stack at two columns. */
.axira-arrow-grid-section{--axira-card-green:#6DBD45;color:#f5f5f5;width:100%;max-width:100%;min-width:0}
.axira-arrow-grid-section>h2{font:700 clamp(23px,2.5vw,36px)/1.2 'sui-generis',sans-serif!important;color:#fff;margin:0 0 18px!important}
.axira-arrow-grid{display:grid;grid-template-columns:repeat(var(--axira-columns-desktop,3),minmax(0,1fr));gap:20px;width:100%;min-width:0;align-items:stretch}
.axira-arrow-card{--axira-card-green:#6DBD45;background:#1d1d1d;border:1px solid #353535;min-width:0;overflow:hidden;position:relative;container-type:inline-size;transition:border-color .2s,transform .2s;font-family:'futura-pt-condensed',sans-serif}
.axira-arrow-card:is(:hover,:focus-within){border-color:var(--axira-card-hover-border,var(--axira-card-green));transform:translateY(-2px)}
.axira-arrow-card>a{display:flex;flex-direction:column;width:100%;height:100%;min-height:100%;padding:30px 26px 24px;text-decoration:none!important;color:#fff!important;gap:0;position:relative;cursor:pointer}
.axira-arrow-card>a:focus-visible{outline:2px solid var(--axira-card-hover-border,#6DBD45);outline-offset:-4px}
.axira-arrow-card__head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;min-width:0;min-height:84px}
.axira-arrow-card__head h4{margin:0!important;min-width:0;max-width:100%;text-align:left;color:#fff!important;font:700 clamp(23px,6.1cqw,38px)/1.2 'sui-generis',sans-serif!important;text-transform:uppercase;overflow-wrap:normal;word-break:normal}
.axira-arrow-card__head strong{display:block;min-width:0;text-align:right;font:700 clamp(27px,10cqw,66px)/1 'sui-generis',sans-serif!important;white-space:nowrap;-webkit-text-stroke:1px var(--axira-card-green);color:transparent;text-transform:uppercase}
/* v1.5.3: outline spine fills AXIRA green on hover and keyboard focus.
   Model cards show a solid spine-count label, so they are intentionally excluded. */
.axira-arrow-card:not(.axira-arrow-card--model) .axira-arrow-card__head strong {
 transition:color .23s ease,-webkit-text-stroke-color .23s ease;
}
.axira-arrow-card:not(.axira-arrow-card--model):is(:hover,:focus-within) .axira-arrow-card__head strong {
 color:var(--axira-ui-spine-hover-fill,var(--axira-ui-accent,var(--axira-card-green,#6DBD45)))!important;
}
.axira-arrow-card--model .axira-arrow-card__head strong{font:700 clamp(18px,6.5cqw,32px)/1.2 'sui-generis',sans-serif!important;color:var(--axira-card-green);-webkit-text-stroke:0}
.axira-arrow-card__diameter,.axira-arrow-card__model-name{display:block;white-space:nowrap!important;overflow-wrap:normal!important;word-break:keep-all!important;hyphens:none!important;text-wrap:nowrap;line-height:1.2}
.axira-arrow-card__image{height:270px;display:flex;align-items:center;justify-content:center;min-width:0;position:relative;background:radial-gradient(ellipse at 50% 55%,#303334 0%,#212324 54%,#1d1d1d 85%);margin:4px -26px 0}
.axira-arrow-card__image img{width:100%;height:100%;object-fit:contain;display:block}
.axira-card-image-missing{font:700 12px 'futura-pt-condensed',sans-serif;color:#777;letter-spacing:.12em}
.axira-arrow-card__cta{font-size:17px;color:#f4f4f4;text-align:right;margin:5px 0 22px;text-decoration:underline;white-space:nowrap;text-underline-offset:3px;line-height:1.2}
.axira-arrow-card__cta span{display:inline-flex;align-items:center;justify-content:center;margin-left:10px;width:22px;height:22px;border-radius:100%;background:#f1f1f1;color:#131313;font-size:15px;text-decoration:none}
.axira-arrow-card__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:auto}
.axira-arrow-card__stats span{min-width:0;background:#2c2c2c;padding:9px 5px;text-align:center;color:#f6f6f6;font:700 clamp(12px,3.6cqw,18px)/1.2 'sui-generis',sans-serif;white-space:nowrap}
.axira-arrow-card--compact>a{padding:18px}
.axira-arrow-card--compact .axira-arrow-card__head{min-height:62px}
.axira-arrow-card--compact .axira-arrow-card__image{height:145px;margin:0 -18px}
.axira-arrow-card--compact .axira-arrow-card__cta{margin:5px 0 16px}
.axira-arrow-card--compact .axira-arrow-card__stats{gap:6px}
/* Elementor's responsive column controls can override grid-template-columns.
   The following attributes reflect the actual configured column counts. */
@media(min-width:1025px){.axira-arrow-grid[data-axira-columns-desktop="2"] .axira-arrow-card__stats{grid-template-columns:1fr}}
@media(min-width:768px) and (max-width:1024px){.axira-arrow-grid{grid-template-columns:repeat(var(--axira-columns-tablet,2),minmax(0,1fr))}.axira-arrow-grid[data-axira-columns-tablet="2"] .axira-arrow-card__stats{grid-template-columns:1fr}}
@media(max-width:767px){.axira-arrow-grid{grid-template-columns:repeat(var(--axira-columns-mobile,2),minmax(0,1fr));gap:10px}.axira-arrow-grid[data-axira-columns-mobile="2"] .axira-arrow-card__stats{grid-template-columns:1fr}}
/* Breakpoints are local to each card: they also work when one card is embedded in another layout. */
@container(max-width:370px){
 .axira-arrow-card__head{grid-template-columns:1fr;gap:5px;min-height:0}
 .axira-arrow-card__head h4{font-size:clamp(17px,7cqw,28px)!important;width:100%;text-align:center}
 .axira-arrow-card__head strong{font-size:clamp(24px,13cqw,56px)!important;text-align:center;justify-self:center}
 .axira-arrow-card--model .axira-arrow-card__head strong{font-size:clamp(16px,7.5cqw,29px)!important}
 .axira-arrow-card__image{height:clamp(140px,58cqw,260px)}
}
@container(max-width:330px){
 .axira-arrow-card>a{padding:17px 12px 16px}
 .axira-arrow-card__head{gap:6px}
 .axira-arrow-card__head h4{font-size:clamp(11px,5.4cqw,19px)!important;letter-spacing:-.025em}
 .axira-arrow-card__head strong{font-size:clamp(20px,12cqw,40px)!important}
 .axira-arrow-card--model .axira-arrow-card__head strong{font-size:clamp(13px,6.5cqw,22px)!important}
 .axira-arrow-card__image{height:clamp(90px,58cqw,185px);margin:3px -12px 0}
 .axira-arrow-card__cta{font-size:clamp(11px,5.2cqw,15px);margin:5px 0 12px}
 .axira-arrow-card__stats{grid-template-columns:1fr;gap:5px}
 .axira-arrow-card__stats span{font-size:clamp(11px,5cqw,15px);padding:7px 3px}
 .axira-arrow-card--compact .axira-arrow-card__image{height:clamp(80px,48cqw,140px);margin:3px -12px 0}
}
@container(max-width:190px){.axira-arrow-card__head h4{font-size:clamp(9px,5.2cqw,13px)!important}.axira-arrow-card__cta span{width:18px;height:18px;margin-left:4px}.axira-card-image-missing{font-size:9px}}
@media(prefers-reduced-motion:reduce){.axira-arrow-card{transition:none}.axira-arrow-card:hover{transform:none}.axira-arrow-card .axira-arrow-card__head strong{transition:none}}

/* Standalone Arrow Overview Filter widget: link to grid by Connect ID. */
.axira-arrow-filter{display:flex;flex-direction:column;gap:17px;width:100%;max-width:100%;margin:0 0 18px;color:#f4f4f4;font-family:'futura-pt-condensed',sans-serif}
.axira-arrow-filter__families{display:flex;gap:8px;flex-wrap:wrap}
.axira-arrow-filter__families button{appearance:none;background:transparent;border:1px solid #406b31;color:#f5f5f5;padding:11px 20px;min-height:44px;cursor:pointer;font:400 16px 'futura-pt-condensed',sans-serif;transition:background .2s,border-color .2s,color .2s}
.axira-arrow-filter__families button:is(.is-active,:hover){background:#6DBD45;color:#131313;border-color:#6DBD45}
.axira-arrow-filter__tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.axira-arrow-filter__tools input,.axira-arrow-filter__tools select{min-height:44px;padding:10px 12px;background:#1d1d1d;border:1px solid #406b31;color:#f4f4f4;font:400 16px 'futura-pt-condensed',sans-serif;max-width:100%;box-sizing:border-box}
.axira-arrow-filter__tools input{flex:1 1 260px;min-width:0}
.axira-arrow-filter__tools select{flex:0 1 210px}
.axira-arrow-filter__tools span[data-axira-filter-count]{margin-left:auto;color:#aaa;font-size:14px;white-space:nowrap}
.axira-arrow-filter :is(button,input,select):focus-visible{outline:2px solid #6DBD45;outline-offset:3px}
.axira-arrow-filter__empty{padding:24px 15px;color:#aaa;background:#1d1d1d}
.axira-arrow-grid .axira-arrow-card[hidden]{display:none!important}
@media(max-width:767px){.axira-arrow-filter__tools{align-items:stretch}.axira-arrow-filter__tools input,.axira-arrow-filter__tools select{flex:1 1 100%;width:100%}.axira-arrow-filter__families button{padding:10px 14px}}


.axira-arrow-filter .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}



/* AXIRA 1.5.7: Both image layers share the exact geometric centre.
   Explicit 50% anchors prevent inherited Elementor image positioning or transforms
   from shifting the normal/zoom frame relative to the card. */
.axira-arrow-card__image{isolation:isolate;overflow:hidden;}
.axira-arrow-card__image img{
 position:absolute;inset:auto;top:50%;left:50%;right:auto;bottom:auto;
 display:block;width:100%;height:100%;max-width:none;max-height:none;
 margin:0;padding:0;object-fit:contain;object-position:50% 50%;
 transform-origin:50% 50%;transform:translate(-50%,-50%) scale(1);
 transition:opacity .28s ease,transform .4s ease;
}
.axira-arrow-card__image .axira-arrow-card__image-main{opacity:1;transform:translate(-50%,-50%) scale(1);}
.axira-arrow-card__image .axira-arrow-card__image-zoom{opacity:0;transform:translate(-50%,-50%) scale(1.035);}
.axira-arrow-card:is(:hover,:focus-within) .axira-arrow-card__image:has(.axira-arrow-card__image-zoom) .axira-arrow-card__image-main{opacity:0;}
.axira-arrow-card:is(:hover,:focus-within) .axira-arrow-card__image .axira-arrow-card__image-zoom{opacity:1;transform:translate(-50%,-50%) scale(1.12);}
.axira-arrow-card__cta{margin-top:22px;margin-bottom:30px;}
.axira-arrow-card--compact .axira-arrow-card__cta{margin-top:14px;margin-bottom:20px;}
@container(max-width:330px){.axira-arrow-card__cta{margin-top:13px;margin-bottom:18px;}}
@media(prefers-reduced-motion:reduce){.axira-arrow-card__image img{transition:none;}}

/* v1.5.13: independent model-series selector, same design as the diameter buttons. */
.axira-arrow-filter__series{display:flex;gap:8px;flex-wrap:wrap}
.axira-arrow-filter__series button{appearance:none;background:transparent;border:1px solid #406b31;color:#f5f5f5;padding:11px 20px;min-height:44px;cursor:pointer;font:400 16px 'futura-pt-condensed',sans-serif;transition:background .2s,border-color .2s,color .2s}
.axira-arrow-filter__series button:is(.is-active,:hover){background:#6DBD45;color:#131313;border-color:#6DBD45}
@media(max-width:767px){.axira-arrow-filter__series button{padding:10px 14px}}