/*
Theme Name: AGNERO Theme
Theme URI: https://agnero.com.tr
Author: AGNERO
Author URI: https://agnero.com.tr
Description: Modern WooCommerce theme for AGNERO - Industrial Electrical Solutions
Version: 3.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: agnero-theme
Tags: woocommerce, e-commerce, industrial, business
*/

:root {
  --bg: #ffffff;
  --surface: #ffffff;
  --surface-soft: #f4f8fd;
  --text: #123778;
  --text-muted: #3f5d80;
  --line: #d9e4f1;
  --line-strong: #bdcfe2;
  --brand: #123778;
  --brand-soft: #123778;
  --accent: #123778;
  --accent-soft: #e6eef8;
  --success: #2f8f62;
  --warning: #a46f2f;
  --danger: #b14848;

  --font-body: "Manrope", "Avenir Next", "Segoe UI", sans-serif;
  --font-heading: "Manrope", sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;

  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 28px;

  --shadow-sm: 0 8px 20px rgba(18, 55, 120, 0.08);
  --shadow-md: 0 18px 42px rgba(18, 55, 120, 0.12);

  --container: 1280px;
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4rem;
  --space-8: 5rem;

  --transition: 0.24s ease;
}

* {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  scroll-behavior: auto;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  line-height: 1.62;
  letter-spacing: 0.01em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

img {
  max-width: 100%;
  display: block;
  height: auto;
}

a {
  color: inherit;
  text-decoration: none;
  transition: color var(--transition), opacity var(--transition), border-color var(--transition), background-color var(--transition);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid rgba(18, 55, 120, 0.35);
  outline-offset: 2px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.2;
}

p {
  margin: 0;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

button,
input,
select,
textarea {
  font: inherit;
}

.container {
  width: min(var(--container), calc(100% - 2.5rem));
  margin-inline: auto;
}

.site-main {
  min-height: 55vh;
}

.content-shell {
  padding-block: var(--space-6);
}

.section {
  padding-block: clamp(3rem, 6vw, 5rem);
}

.section-title {
  font-size: clamp(1.8rem, 4vw, 2.9rem);
  margin-bottom: var(--space-2);
}

.section-subtitle {
  color: var(--text-muted);
  max-width: 58ch;
}

.text-center {
  text-align: center;
}

.mt-4 {
  margin-top: var(--space-5);
}

.is-hidden {
  display: none !important;
}

/* Unified navy button component for site-wide CTA consistency. */
.agnero-btn,
.btn,
.button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce .button.alt,
.woocommerce input.button {
  display: inline-flex;
  align-items: stretch;
  justify-content: center;
  gap: 0.5rem;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  min-height: 2.6rem;
  padding: 0.78rem 1.35rem;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  text-decoration: none;
  transition: transform var(--transition), box-shadow var(--transition), background-color var(--transition), border-color var(--transition), color var(--transition);
}

.agnero-btn:hover,
.btn:hover,
.button:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce .button.alt:hover,
.woocommerce input.button:hover {
  transform: translateY(-1px);
}

.agnero-btn:active,
.btn:active,
.button:active,
.woocommerce button.button:active,
.woocommerce a.button:active,
.woocommerce .button.alt:active,
.woocommerce input.button:active {
  transform: translateY(0);
}

.agnero-btn--primary,
.btn-primary,
.btn-accent,
.button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce .button.alt,
.woocommerce input.button,
.quick-order-btn,
.newsletter-submit,
.auth-card button[type="submit"],
.cart-drawer-actions .btn-accent {
  background: var(--brand);
  color: #fff;
  border-color: var(--brand);
  box-shadow: 0 8px 18px rgba(18, 55, 120, 0.18);
}

.agnero-btn--primary:hover,
.btn-primary:hover,
.btn-accent:hover,
.button:hover,
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce .button.alt:hover,
.woocommerce input.button:hover,
.quick-order-btn:hover,
.newsletter-submit:hover,
.auth-card button[type="submit"]:hover,
.cart-drawer-actions .btn-accent:hover {
  background: var(--brand-soft);
  border-color: var(--brand-soft);
  color: #fff;
  box-shadow: 0 10px 20px rgba(18, 55, 120, 0.2);
}

.agnero-btn--outline,
.btn-outline,
.btn-outline-white {
  background: transparent;
  color: var(--text);
  border-color: var(--line-strong);
  box-shadow: none;
}

.agnero-btn--outline:hover,
.btn-outline:hover,
.btn-outline-white:hover {
  border-color: var(--text);
  color: var(--text);
}

.btn-whatsapp {
  background: #1e9d69;
  color: #fff;
  border-color: #1e9d69;
}

.btn-whatsapp:hover {
  background: #158455;
  border-color: #158455;
}

.top-bar {
  position: relative;
  z-index: 5200;
  border-bottom: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.top-bar .container {
  min-height: 2.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-3);
}

.top-bar-left,
.top-bar-right {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  font-size: 0.8rem;
  color: var(--text-muted);
}

.top-bar-link {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.top-bar-rate-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  outline: none;
}

.top-bar-rate-wrap::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
  height: 0.85rem;
}

.top-bar-rate {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  cursor: help;
}

.top-bar-rate-panel {
  position: absolute;
  top: calc(100% + 0.75rem);
  right: 0;
  width: min(18rem, calc(100vw - 2rem));
  padding: 0.85rem 0.95rem;
  border: 1px solid rgba(213, 223, 235, 0.9);
  border-radius: 8px;
  background: #ffffff;
  color: var(--text);
  box-shadow: 0 18px 42px rgba(18, 55, 120, 0.18);
  font-size: 0.78rem;
  font-weight: 500;
  line-height: 1.45;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity 160ms ease, transform 160ms ease;
  z-index: 5300;
}

.top-bar-rate-panel::before {
  content: "";
  position: absolute;
  top: -6px;
  right: 1.25rem;
  width: 10px;
  height: 10px;
  border-top: 1px solid rgba(213, 223, 235, 0.9);
  border-left: 1px solid rgba(213, 223, 235, 0.9);
  background: #ffffff;
  transform: rotate(45deg);
}

.top-bar-rate-panel strong,
.top-bar-rate-panel span,
.top-bar-rate-panel a {
  display: block;
}

.top-bar-rate-panel strong {
  margin-bottom: 0.35rem;
  color: var(--header-navy);
  font-size: 0.82rem;
  font-weight: 800;
}

.top-bar-rate-panel span + span,
.top-bar-rate-panel span + a {
  margin-top: 0.35rem;
}

.top-bar-rate-panel a {
  margin-top: 0.55rem;
  color: var(--header-orange);
  font-weight: 800;
  text-decoration: none;
}

.top-bar-rate-panel a:hover,
.top-bar-rate-panel a:focus-visible {
  color: var(--header-orange-strong);
  text-decoration: underline;
}

.top-bar-rate-wrap:hover .top-bar-rate-panel,
.top-bar-rate-wrap:focus-within .top-bar-rate-panel {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.top-bar-link:hover {
  color: var(--text);
}

.separator {
  opacity: 0.35;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 5100;
  border-bottom: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 4px 20px rgba(18, 55, 120, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.header-main {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  align-items: center;
  gap: var(--space-4);
  min-height: 5.2rem;
}

.site-logo img {
  display: block;
  width: auto;
  max-height: 2.2rem;
}

.agnero-logo-link {
  --logo-hover-x: 50%;
  --logo-hover-y: 50%;
  position: relative;
  display: inline-block;
  line-height: 0;
  isolation: isolate;
}

.agnero-logo-link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: var(--header-orange, #ff7a00);
  clip-path: circle(0% at var(--logo-hover-x) var(--logo-hover-y));
  mask: url("assets/images/agnero-logo.svg") center / contain no-repeat;
  -webkit-mask: url("assets/images/agnero-logo.svg") center / contain no-repeat;
  transition: clip-path 420ms cubic-bezier(0.2, 0.8, 0.2, 1);
}

.agnero-logo-link:hover::after,
.agnero-logo-link:focus-visible::after {
  clip-path: circle(150% at var(--logo-hover-x) var(--logo-hover-y));
}

.agnero-logo-link:focus-visible {
  outline: 2px solid var(--header-orange, #ff7a00);
  outline-offset: 0.35rem;
  border-radius: 0.35rem;
}

@media (prefers-reduced-motion: reduce) {
  .agnero-logo-link::after {
    transition: none;
  }
}

/* ==========================================================================
   AGNERO Homepage V3 - compact first-viewport commerce layout
   ========================================================================== */

body.home {
  background: #f6f9fd;
}

body.home .site-main {
  overflow: clip;
}

.agnero-home-v3 {
  --home-v3-navy: #123778;
  --home-v3-navy-dark: #123778;
  --home-v3-orange: #ff6a00;
  --home-v3-line: #c8d8e9;
  --home-v3-soft: #f5f8fc;
  --home-v3-max: var(--container);
  --home-v3-shell: min(var(--home-v3-max), calc(100% - 2.5rem));
  --home-v3-gutter: clamp(0.75rem, 1.25vw, 1.5rem);
  --home-v3-baseline: 0.5rem;
  width: 100%;
  color: var(--home-v3-navy);
  background:
    linear-gradient(180deg, #ffffff 0%, #f7fafd 51%, #f4f8fc 100%);
}

.agnero-home-v3-hero {
  position: relative;
  width: var(--home-v3-shell);
  min-height: clamp(14.5rem, 27vh, 19.25rem);
  margin: clamp(0.85rem, 1.8vh, 1.25rem) auto 0;
  border: 1px solid #d7e3ef;
  border-radius: 0.75rem 0.75rem 0 0;
  border-bottom: 1px solid #ceddec;
  overflow: hidden;
  background:
    radial-gradient(circle at 63% 38%, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.28) 28%, rgba(237, 244, 251, 0) 47%),
    linear-gradient(100deg, #ffffff 0%, #f7fbff 43%, #e8f0f8 100%);
}

.agnero-home-v3-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.78) 42%, rgba(255, 255, 255, 0.16) 64%, rgba(255, 255, 255, 0.7)),
    radial-gradient(circle at 74% 56%, rgba(18, 55, 120, 0.1), transparent 34%);
  pointer-events: none;
}

.agnero-home-v3-hero__inner {
  position: relative;
  z-index: 1;
  width: calc(100% - clamp(2rem, 4.2vw, 5.5rem));
  min-height: inherit;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: center;
  column-gap: var(--home-v3-gutter);
}

.agnero-home-v3-hero__copy {
  grid-column: 1 / 6;
  padding: clamp(1.35rem, 3.1vh, 2.3rem) 0 clamp(1.1rem, 2.6vh, 1.9rem);
}

.agnero-home-v3-hero__copy h1 {
  max-width: 13ch;
  margin: 0;
  color: var(--home-v3-navy);
  font-size: clamp(2.2rem, 3.2vw, 4rem);
  font-weight: 850;
  line-height: 1.03;
  letter-spacing: 0;
}

.agnero-home-v3-hero__copy p {
  max-width: 30rem;
  margin: clamp(0.55rem, 1.1vh, 0.95rem) 0 0;
  color: #123778;
  font-size: clamp(0.95rem, 1.05vw, 1.25rem);
  font-weight: 620;
  line-height: 1.35;
}

.agnero-home-v3-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.65rem, 1.1vw, 1.35rem);
  margin-top: clamp(0.9rem, 1.8vh, 1.45rem);
}

.agnero-home-v3-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  min-width: clamp(11.5rem, 12vw, 14.8rem);
  min-height: clamp(2.45rem, 4.1vh, 3rem);
  padding: 0.65rem 1.35rem;
  border: 1.5px solid transparent;
  border-radius: 0.34rem;
  font-size: clamp(0.82rem, 0.86vw, 0.98rem);
  font-weight: 850;
  line-height: 1;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.agnero-home-v3-btn:hover,
.agnero-home-v3-btn:focus-visible {
  transform: translateY(-1px);
}

.agnero-home-v3-btn--primary {
  background: var(--home-v3-orange);
  color: #fff;
  box-shadow: 0 10px 20px rgba(255, 106, 0, 0.18);
}

.agnero-home-v3-btn--primary:hover,
.agnero-home-v3-btn--primary:focus-visible {
  color: #fff;
  background: #eb5f00;
}

.agnero-home-v3-btn--secondary {
  border-color: var(--home-v3-navy);
  color: var(--home-v3-navy);
  background: rgba(255, 255, 255, 0.84);
}

.agnero-home-v3-btn--secondary:hover,
.agnero-home-v3-btn--secondary:focus-visible {
  color: var(--home-v3-navy);
  background: #fff;
  box-shadow: 0 10px 22px rgba(18, 55, 120, 0.11);
}

.agnero-home-v3-dots {
  display: flex;
  align-items: center;
  gap: 0.72rem;
  margin-top: clamp(0.8rem, 1.8vh, 1.45rem);
  padding-left: clamp(20.5rem, 25vw, 30rem);
}

.agnero-home-v3-dots span {
  width: 0.78rem;
  height: 0.78rem;
  border-radius: 999px;
  background: #cbd9e8;
}

.agnero-home-v3-dots span.is-active {
  background: var(--home-v3-orange);
}

.agnero-home-v3-hero__tools {
  position: relative;
  grid-column: 6 / 13;
  min-height: clamp(12.5rem, 24vh, 18rem);
  align-self: end;
}

.agnero-home-v3-tool {
  position: absolute;
  bottom: clamp(0.4rem, 0.9vh, 0.8rem);
  object-fit: contain;
  filter: drop-shadow(0 18px 16px rgba(18, 55, 120, 0.18));
}

.agnero-home-v3-tool--freze {
  left: 2%;
  width: clamp(16rem, 20vw, 27rem);
  height: clamp(12.2rem, 21vh, 18rem);
  object-position: center bottom;
}

.agnero-home-v3-tool--freze-b {
  left: 11%;
  width: clamp(15rem, 18.5vw, 24rem);
  height: clamp(11.5rem, 20vh, 17rem);
  transform: rotate(-7deg);
  opacity: 0.98;
}

.agnero-home-v3-tool--freze-c {
  left: 19%;
  width: clamp(14rem, 17.5vw, 23rem);
  height: clamp(11rem, 19vh, 16.5rem);
  transform: rotate(7deg);
  opacity: 0.96;
}

.agnero-home-v3-tool--matkap {
  left: 33%;
  width: clamp(5.2rem, 6.4vw, 8.4rem);
  height: clamp(11rem, 20vh, 17rem);
}

.agnero-home-v3-tool--kilavuz {
  left: 48%;
  width: clamp(5rem, 6.2vw, 8.2rem);
  height: clamp(11rem, 20vh, 17rem);
}

.agnero-home-v3-tool--rayba {
  left: 60%;
  width: clamp(5.2rem, 6.3vw, 8.4rem);
  height: clamp(11rem, 20vh, 17rem);
}

.agnero-home-v3-tool--insert {
  left: 66%;
  bottom: clamp(0.1rem, 0.3vh, 0.35rem);
  width: clamp(7.2rem, 8.8vw, 12rem);
  height: clamp(4.5rem, 7vh, 6.8rem);
}

.agnero-home-v3-tool--piko {
  right: 2%;
  bottom: clamp(0.2rem, 0.6vh, 0.55rem);
  width: clamp(8.6rem, 11vw, 14.5rem);
  height: clamp(6rem, 10vh, 8.8rem);
}

.agnero-home-v3-slider-arrow {
  position: absolute;
  top: 50%;
  z-index: 3;
  width: clamp(3rem, 3.6vw, 4.05rem);
  height: clamp(3rem, 3.6vw, 4.05rem);
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--home-v3-navy);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 24px rgba(18, 55, 120, 0.12);
  transform: translateY(-50%);
}

.agnero-home-v3-slider-arrow--prev {
  left: calc(-1 * clamp(2.55rem, 3.2vw, 3.8rem));
}

.agnero-home-v3-slider-arrow--next {
  right: calc(-1 * clamp(2.55rem, 3.2vw, 3.8rem));
}

.agnero-home-v3-assurance {
  width: var(--home-v3-shell);
  margin: clamp(1.2rem, 2.5vw, 2rem) auto;
  position: relative;
  overflow: hidden;
  border: 1px solid #244b87;
  border-radius: 1rem;
  background: linear-gradient(110deg, #0d2b5d 0%, #123778 68%, #183f7b 100%);
  box-shadow: 0 18px 36px rgba(18, 55, 120, 0.14);
}

.agnero-home-v3-assurance::after {
  content: "";
  position: absolute;
  width: 23rem;
  height: 23rem;
  right: -8rem;
  top: -9rem;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 50%;
  box-shadow: 0 0 0 3.2rem rgba(255, 255, 255, 0.025), 0 0 0 6.4rem rgba(255, 255, 255, 0.018);
  pointer-events: none;
}

.agnero-home-v3-assurance__intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  align-items: center;
  gap: clamp(1.5rem, 4vw, 5rem);
  position: relative;
  z-index: 1;
  padding: clamp(1.65rem, 3vw, 2.6rem) clamp(1.35rem, 3.5vw, 3.6rem);
}

.agnero-home-v3-assurance__heading {
  display: grid;
  gap: 0.65rem;
  padding-left: clamp(1rem, 1.8vw, 1.5rem);
  border-left: 0.24rem solid var(--home-v3-orange);
}

.agnero-home-v3-assurance__heading > span {
  color: #b9d2f1;
  font-size: 0.73rem;
  font-weight: 800;
  letter-spacing: 0.15em;
  line-height: 1.3;
  text-transform: uppercase;
}

.agnero-home-v3-assurance h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.55rem, 2.25vw, 2.35rem);
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.12;
}

.agnero-home-v3-assurance__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.15rem;
}

.agnero-home-v3-assurance__intro p {
  margin: 0;
  max-width: 41rem;
  color: #e3edfa;
  font-size: clamp(0.93rem, 1vw, 1.06rem);
  font-weight: 500;
  line-height: 1.55;
}

.agnero-home-v3-assurance__link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  min-height: 2.75rem;
  padding: 0.65rem 0.85rem 0.65rem 1.1rem;
  border-radius: 0.55rem;
  background: var(--home-v3-orange);
  color: #fff;
  font-size: 0.88rem;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
}

.agnero-home-v3-assurance__link:hover,
.agnero-home-v3-assurance__link:focus-visible {
  background: #fff;
  color: #123778;
}

.agnero-home-v3-assurance__link:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}

.agnero-home-v3-assurance__link span {
  font-size: 1.2rem;
  line-height: 1;
}

.agnero-home-v3-trust {
  width: var(--home-v3-shell);
  margin-inline: auto;
  overflow: hidden;
  border-inline: 1px solid #cddbea;
  border-bottom: 1px solid #cddbea;
  border-radius: 0 0 0.62rem 0.62rem;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: center;
  background: #fff;
  box-shadow: 0 10px 24px rgba(18, 55, 120, 0.06);
}

/* The catalog wrapper lets responsive layouts change the order of the
   product, assurance, and service-detail sections without duplicating markup. */
.agnero-home-v3-catalog {
  display: block;
}

.agnero-home-v3-trust__item {
  min-width: 0;
  min-height: clamp(4.4rem, 7vh, 5.2rem);
  display: flex;
  align-items: center;
  gap: clamp(0.62rem, 0.9vw, 0.95rem);
  padding: 0.72rem clamp(0.8rem, 1.35vw, 1.4rem);
  border-right: 1px solid #d8e2ed;
}

.agnero-home-v3-trust__item:last-child {
  border-right: 0;
}

.agnero-home-v3-trust__item--support {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.agnero-home-v3-trust__item--support:hover,
.agnero-home-v3-trust__item--support:focus-visible {
  background: #f2f7fc;
  box-shadow: inset 0 -2px 0 #ff6a00;
  outline: none;
}

.agnero-home-v3-trust__item--support:hover .agnero-home-v3-trust__icon,
.agnero-home-v3-trust__item--support:focus-visible .agnero-home-v3-trust__icon {
  color: #ff6a00;
}

.agnero-home-v3-trust__icon {
  flex: 0 0 auto;
  color: var(--home-v3-navy);
  display: inline-flex;
}

.agnero-home-v3-trust__copy {
  display: grid;
  gap: 0.18rem;
  min-width: 0;
}

.agnero-home-v3-trust__item strong {
  display: block;
  max-width: 20rem;
  color: var(--home-v3-navy);
  font-size: clamp(0.76rem, 0.82vw, 0.92rem);
  font-weight: 850;
  line-height: 1.16;
}

.agnero-home-v3-trust__item small {
  display: block;
  max-width: 14rem;
  color: #55708d;
  font-size: clamp(0.63rem, 0.68vw, 0.75rem);
  font-weight: 650;
  line-height: 1.28;
}

.agnero-home-v3-products {
  width: var(--home-v3-shell);
  margin: clamp(0.8rem, 1.8vh, 1.25rem) auto clamp(0.75rem, 1.5vh, 1rem);
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--home-v3-gutter);
}

/* Curated product rail: a compact industrial contact sheet below the catalog. */
.agnero-home-v3-popular {
  position: relative;
  width: var(--home-v3-shell);
  margin: clamp(1rem, 2.1vh, 1.45rem) auto;
  padding: clamp(1rem, 1.8vw, 1.45rem);
  overflow: hidden;
  /* Let the rail sit directly on the homepage canvas instead of inside a
     second white panel; the product cards retain their own boundaries. */
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.agnero-home-v3-popular__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: clamp(0.8rem, 1.5vw, 1.2rem);
}

.agnero-home-v3-popular__intro {
  display: grid;
  gap: 0.28rem;
}

.agnero-home-v3-popular__eyebrow {
  color: #55708d;
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.66rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  line-height: 1;
  text-transform: uppercase;
}

.agnero-home-v3-popular h2 {
  margin: 0;
  color: var(--home-v3-navy);
  font-size: clamp(1.35rem, 1.9vw, 1.95rem);
  font-weight: 850;
  line-height: 1.08;
}

.agnero-home-v3-popular__aside {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.agnero-home-v3-popular__aside p {
  max-width: 18rem;
  margin: 0;
  color: #55708d;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.35;
  text-align: right;
}

.agnero-home-v3-popular .cart-rec-scroll-next {
  position: static;
  flex: 0 0 auto;
  width: 2.45rem;
  height: 2.45rem;
  transform: none;
  border: 1px solid #b9cade;
  background: #f5f8fc;
  color: var(--home-v3-navy);
  box-shadow: none;
}

.agnero-home-v3-popular .cart-rec-scroll-next:hover,
.agnero-home-v3-popular .cart-rec-scroll-next:focus-visible {
  border-color: var(--home-v3-orange);
  background: #fff4eb;
  color: var(--home-v3-orange);
  outline: none;
}

.agnero-home-v3-popular .cart-rec-scroll-next.is-hidden {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.agnero-home-v3-popular__viewport.cart-empty-recommendations-viewport {
  margin-inline: 0;
  overflow: hidden;
}

.agnero-home-v3-popular__slider.cart-empty-recommendations-slider {
  padding: 0.15rem 0 0.35rem;
  scroll-snap-type: x mandatory;
}

.agnero-home-v3-popular__list.cart-empty-recommendations-list {
  gap: clamp(0.7rem, 1.1vw, 1rem);
}

.agnero-home-v3-popular-card.cart-rec-item {
  flex: 0 0 clamp(14.2rem, 17.2vw, 17.4rem);
  min-width: clamp(14.2rem, 17.2vw, 17.4rem);
  min-height: 0;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 0;
  padding: 0;
  overflow: hidden;
  scroll-snap-align: start;
  border: 1px solid #d5e1ed;
  border-radius: 0.52rem;
  background: #fff;
  box-shadow: 0 8px 18px rgba(18, 55, 120, 0.06);
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.agnero-home-v3-popular-card:hover,
.agnero-home-v3-popular-card:focus-within {
  transform: translateY(-2px);
  border-color: #a6bdd5;
  box-shadow: 0 14px 24px rgba(18, 55, 120, 0.11);
}

.agnero-home-v3-popular-card__thumb.cart-rec-thumb {
  position: relative;
  aspect-ratio: 1.36 / 1;
  border: 0;
  border-bottom: 1px solid #e1e9f1;
  border-radius: 0;
  background:
    linear-gradient(135deg, rgba(255, 106, 0, 0.08), transparent 52%),
    #f6f9fc;
}

.agnero-home-v3-popular-card__thumb.cart-rec-thumb img {
  width: 100%;
  height: 100%;
  padding: 0.7rem 0.9rem;
  object-fit: contain;
  filter: drop-shadow(0 10px 12px rgba(18, 55, 120, 0.14));
}

.agnero-home-v3-popular-card__placeholder {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  color: #9fb3c8;
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: 0.16em;
}

.agnero-home-v3-popular-card__body.cart-rec-content {
  min-height: 11.8rem;
  display: flex;
  gap: 0.38rem;
  padding: 0.85rem 0.9rem 0.9rem;
}

.agnero-home-v3-popular-card__eyebrow.cart-rec-badge {
  color: #6b849e;
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.61rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-transform: uppercase;
}

.agnero-home-v3-popular-card__name.cart-rec-name {
  min-height: 2.7rem;
  color: var(--home-v3-navy);
  font-size: 0.94rem;
  font-weight: 850;
  line-height: 1.28;
  text-decoration: none;
}

.agnero-home-v3-popular-card__name.cart-rec-name:hover,
.agnero-home-v3-popular-card__name.cart-rec-name:focus-visible {
  color: var(--home-v3-orange);
  text-decoration: underline;
  text-decoration-thickness: 0.1rem;
  text-underline-offset: 0.16rem;
}

.agnero-home-v3-popular-card__meta {
  min-height: 1.2rem;
  color: #617b95;
  font-size: 0.72rem;
  font-weight: 650;
  line-height: 1.3;
}

.agnero-home-v3-popular-card__variant {
  display: block;
  margin-bottom: 0.08rem;
  color: var(--home-v3-orange);
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.2;
}

.agnero-home-v3-popular-card__meta .price {
  color: var(--home-v3-navy);
  font-size: 0.84rem;
  font-weight: 850;
}

.agnero-home-v3-popular-card__actions.cart-rec-actions {
  margin-top: auto;
  padding-top: 0.25rem;
}

.agnero-home-v3-popular-card__buy {
  display: grid;
  gap: 0.45rem;
}

.agnero-home-v3-popular-card__quantity.quantity {
  min-height: 2.2rem;
  display: grid;
  grid-template-columns: 2.15rem minmax(0, 1fr) 2.15rem;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid #c8d8e9;
  border-radius: 0.34rem;
  background: #f8fbfe;
}

.agnero-home-v3-popular-card__quantity-button {
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--home-v3-navy);
  cursor: pointer;
  font-size: 1rem;
  font-weight: 850;
  line-height: 1;
}

.agnero-home-v3-popular-card__quantity-button:hover,
.agnero-home-v3-popular-card__quantity-button:focus-visible {
  background: #eef4fb;
  color: var(--home-v3-orange);
  outline: none;
}

.agnero-home-v3-popular-card__quantity-input {
  width: 100%;
  min-width: 0;
  min-height: 2.1rem;
  padding: 0.15rem 0.25rem;
  border: 0;
  border-right: 1px solid #dbe6f1;
  border-left: 1px solid #dbe6f1;
  border-radius: 0;
  background: #fff;
  color: var(--home-v3-navy);
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1;
  text-align: center;
  appearance: textfield;
}

/* The shared .qty-input rule sets a fixed width later in this stylesheet.
   Keep the homepage stepper's centre column filled so its value remains
   visually centred between the equal +/- controls. */
.agnero-home-v3-popular-card__quantity-input.qty-input {
  width: 100%;
  max-width: none;
  text-align: center;
}

.agnero-home-v3-popular-card__quantity-input::-webkit-outer-spin-button,
.agnero-home-v3-popular-card__quantity-input::-webkit-inner-spin-button {
  margin: 0;
  appearance: none;
}

.agnero-home-v3-popular-card__quantity-input:focus-visible {
  outline: 2px solid var(--home-v3-orange);
  outline-offset: -2px;
}

.agnero-home-v3-popular-card__cta {
  width: 100%;
  min-height: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.34rem;
  font-size: 0.72rem;
  font-weight: 850;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.agnero-home-v3-popular-card__cta--add {
  border: 1px solid var(--home-v3-orange);
  background: var(--home-v3-orange);
  color: #fff;
  cursor: pointer;
}

.agnero-home-v3-popular-card__cta--add:hover,
.agnero-home-v3-popular-card__cta--add:focus-visible {
  border-color: #e45d00;
  background: #e45d00;
  color: #fff;
  outline: none;
  transform: translateY(-1px);
}

.agnero-home-v3-popular-card__cta--group {
  border: 1px solid #9fb8d4;
  background: #f7fafd;
  color: var(--home-v3-navy);
}

.agnero-home-v3-popular-card__cta--group:hover,
.agnero-home-v3-popular-card__cta--group:focus-visible {
  border-color: var(--home-v3-navy);
  background: #eef4fb;
  color: var(--home-v3-navy);
  outline: none;
  transform: translateY(-1px);
}

.agnero-home-v3-popular-card__cta--add.is-loading {
  cursor: wait;
  opacity: 0.72;
}

.agnero-home-v3-popular-card__other-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.28rem;
  width: 100%;
  margin-top: 0.42rem;
  color: #55708d;
  font-size: 0.64rem;
  font-weight: 750;
  line-height: 1.2;
  text-align: center;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 0.14rem;
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.agnero-home-v3-popular-card__other-link span:last-child {
  color: var(--home-v3-orange);
  font-size: 0.74rem;
  line-height: 1;
  text-decoration: none;
}

.agnero-home-v3-popular-card__other-link:hover,
.agnero-home-v3-popular-card__other-link:focus-visible {
  color: var(--home-v3-navy);
  text-decoration-color: currentColor;
}

.agnero-home-v3-popular-card__other-link:focus-visible {
  outline: 2px solid var(--home-v3-orange);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .agnero-home-v3-popular-card,
  .agnero-home-v3-popular-card__cta,
  .agnero-home-v3-popular-card__other-link {
    transition: none;
  }
}

@media (min-width: 1021px) {
  .agnero-home-v3-catalog {
    display: flex;
    flex-direction: column;
  }

  .agnero-home-v3-trust {
    order: 1;
  }

  .agnero-home-v3-products {
    order: 2;
    margin-bottom: 0;
  }

  .agnero-home-v3-popular {
    order: 3;
    margin-bottom: 0;
  }

  .agnero-home-v3-assurance {
    order: 4;
    margin-bottom: 0;
  }
}

.agnero-home-v3-card {
  position: relative;
  grid-column: span 4;
  width: 100%;
  min-width: 0;
  min-height: clamp(7.8rem, 13.2vh, 10.6rem);
  display: grid;
  grid-template-columns: clamp(9rem, 11.7vw, 13.6rem) minmax(0, 1fr);
  grid-template-rows: 1fr auto;
  align-items: center;
  column-gap: clamp(0.85rem, 1.2vw, 1.4rem);
  overflow: hidden;
  border: 1px solid var(--home-v3-line);
  border-radius: 0.54rem;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 10px 24px rgba(18, 55, 120, 0.08);
  color: var(--home-v3-navy);
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.agnero-home-v3-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(120deg, rgba(255, 106, 0, 0.08), transparent 32%);
  opacity: 0;
}

.agnero-home-v3-card:hover,
.agnero-home-v3-card:focus-visible {
  transform: translateY(-2px);
  border-color: #9fb8d4;
  color: var(--home-v3-navy);
  box-shadow: 0 16px 32px rgba(18, 55, 120, 0.12);
}

.agnero-home-v3-card:hover::before,
.agnero-home-v3-card:focus-visible::before {
  opacity: 1;
}

.agnero-home-v3-card__media {
  grid-row: 1 / 3;
  align-self: stretch;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(var(--media-count), minmax(0, 1fr));
  align-items: end;
  gap: clamp(0.12rem, 0.22vw, 0.3rem);
  padding: 0.7rem 0.35rem 0.65rem 0.65rem;
}

.agnero-home-v3-card__media-item {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.agnero-home-v3-card__media-item img {
  display: block;
  width: 100%;
  height: auto;
  max-height: clamp(6.6rem, 12.6vh, 9.9rem);
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 12px 14px rgba(18, 55, 120, 0.15));
}

.agnero-home-v3-card__media-item.is-landscape img {
  position: absolute;
  top: calc(50% + 3px);
  left: 50%;
  width: clamp(6.6rem, 12.6vh, 9.9rem);
  max-width: none;
  max-height: none;
  transform: translate(-50%, -50%) rotate(-90deg);
}

.agnero-home-v3-card.has-grid-media .agnero-home-v3-card__media {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: 0.32rem 0.48rem;
  padding: 0.95rem 0.7rem 0.95rem 0.85rem;
}

.agnero-home-v3-card.has-grid-media .agnero-home-v3-card__media-item {
  align-items: center;
}

.agnero-home-v3-card.has-grid-media .agnero-home-v3-card__media-item img {
  width: 86%;
  max-height: clamp(2.8rem, 5.1vh, 3.95rem);
}

/* The second insert in the home-page grid is BLMP. Present it in the same
   right-facing orientation used for the curated insert catalog artwork. */
.agnero-home-v3-card--insertler .agnero-home-v3-card__media-item:nth-child(2) img {
  transform: rotate(90deg);
}

.agnero-home-v3-card__body {
  min-width: 0;
  display: grid;
  gap: clamp(0.25rem, 0.55vh, 0.45rem);
  padding: clamp(0.85rem, 1.55vh, 1.25rem) clamp(1rem, 1.3vw, 1.45rem) 0.1rem 0;
}

.agnero-home-v3-card__body strong {
  color: var(--home-v3-navy);
  font-size: clamp(1.1rem, 1.25vw, 1.55rem);
  font-weight: 850;
  line-height: 1.1;
}

.agnero-home-v3-card__body span {
  max-width: 31rem;
  overflow-wrap: anywhere;
  color: #123778;
  font-size: clamp(0.76rem, 0.82vw, 0.94rem);
  font-weight: 560;
  line-height: 1.32;
}

.agnero-home-v3-card__cta {
  grid-column: 2;
  justify-self: end;
  align-self: end;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0 1.05rem clamp(0.72rem, 1.2vh, 0.95rem) 0;
  color: var(--home-v3-navy);
  font-size: clamp(0.72rem, 0.78vw, 0.86rem);
  font-weight: 850;
}

body.home .site-footer {
  margin-top: 0;
}

/* ============================================
   ADMIN-MANAGED HOMEPAGE BANNER
   ============================================ */
.agnero-home-banner {
  position: relative;
  isolation: isolate;
  width: var(--home-v3-shell);
  aspect-ratio: 4 / 1;
  min-height: 18.5rem;
  margin: clamp(0.85rem, 1.8vh, 1.25rem) auto 0;
  overflow: hidden;
  border: 1px solid #cbdbea;
  border-radius: 0.9rem 0.9rem 0 0;
  background: #123778;
  box-shadow: 0 20px 52px rgba(18, 55, 120, 0.12);
}

.agnero-home-banner__track,
.agnero-home-banner__slide {
  position: absolute;
  inset: 0;
}

.agnero-home-banner__slide {
  display: grid;
  background: var(--banner-bg, #123778);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: scale(1.015);
  transition: opacity 0.5s ease, visibility 0.5s ease, transform 0.85s cubic-bezier(0.22, 1, 0.36, 1);
}

.agnero-home-banner__slide--visual-shipping_basket {
  background-color: #123778;
  background-image: url("assets/images/promotions/free-shipping-illuminated-navy-background.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.agnero-home-banner__slide.active,
.agnero-home-banner:not(.js-ready) .agnero-home-banner__slide:first-child {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: scale(1);
}

.agnero-home-banner__media,
.agnero-home-banner__media img,
.agnero-home-banner__overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.agnero-home-banner__media {
  z-index: 0;
  display: block;
}

.agnero-home-banner__media img {
  display: block;
  object-fit: cover;
  object-position: center;
  opacity: 1;
}

.agnero-home-banner__overlay {
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(5, 27, 58, 0.78) 0%, rgba(5, 27, 58, 0.34) 48%, transparent 72%);
  opacity: var(--banner-overlay, 0);
}

.agnero-home-banner__click-target {
  position: absolute;
  inset: 0;
  z-index: 2;
}

.agnero-home-banner__inner {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: center;
  width: calc(100% - clamp(3.5rem, 7vw, 8rem));
  height: 100%;
  margin-inline: auto;
}

.agnero-home-banner__content {
  grid-column: 1 / 6;
  padding-left: clamp(1rem, 1.8vw, 1.75rem);
  color: #123778;
}

.agnero-home-banner__slide--center .agnero-home-banner__content {
  grid-column: 3 / 11;
  text-align: center;
}

.agnero-home-banner__slide--right .agnero-home-banner__content {
  grid-column: 8 / 13;
  text-align: right;
}

.agnero-home-banner__content h1,
.agnero-home-banner__content > h2 {
  max-width: 12ch;
  margin: 0;
  font-size: clamp(2.25rem, 3.4vw, 4rem);
  font-weight: 900;
  line-height: 0.98;
  letter-spacing: -0.035em;
}

.agnero-home-banner__content > p {
  max-width: 31rem;
  margin: 0.8rem 0 0;
  color: #123778;
  font-size: clamp(0.96rem, 1.05vw, 1.25rem);
  font-weight: 620;
  line-height: 1.4;
}

.agnero-home-banner__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.25rem;
}

.agnero-home-banner__tools {
  position: relative;
  grid-column: 6 / 13;
  align-self: stretch;
  height: 100%;
  isolation: isolate;
}

.agnero-home-banner__slide--visual-tools {
  background:
    radial-gradient(circle at 78% 42%, rgba(255, 255, 255, 0.98) 0 17%, rgba(232, 243, 255, 0.68) 42%, transparent 66%),
    linear-gradient(112deg, #f8fbff 0%, #eef6ff 58%, #e6f1ff 100%);
}

.agnero-home-banner__slide--visual-tools .agnero-home-banner__content {
  grid-column: 1 / 7;
  align-self: center;
  padding-left: clamp(1rem, 2vw, 2rem);
}

.agnero-home-banner__slide--visual-tools .agnero-home-banner__tools {
  position: absolute;
  inset: 0 1% 0 47%;
  height: 100%;
}

.agnero-home-banner__slide--visual-tools .agnero-home-banner__content h1,
.agnero-home-banner__slide--visual-tools .agnero-home-banner__content > h2 {
  max-width: 13ch;
  font-size: clamp(2rem, 2.75vw, 3.25rem);
  line-height: 0.96;
  text-wrap: balance;
}

.agnero-home-banner__slide--visual-tools .agnero-home-banner__content > p {
  max-width: 27rem;
  margin-top: 0.65rem;
  font-size: clamp(0.84rem, 0.92vw, 1.05rem);
  line-height: 1.32;
}

.agnero-home-banner__slide--visual-tools .agnero-home-banner__actions {
  margin-top: 0.85rem;
}

.agnero-home-banner__slide--visual-tools .agnero-home-v3-btn {
  min-height: 2.55rem;
  padding-block: 0.62rem;
}

.agnero-home-banner__tools::before {
  position: absolute;
  z-index: -2;
  right: 3%;
  bottom: -20%;
  width: 96%;
  height: 112%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 125, 28, 0.18) 0 12%, rgba(69, 139, 211, 0.11) 38%, transparent 69%);
  content: "";
}

.agnero-home-banner__tools::after {
  position: absolute;
  z-index: -1;
  right: 3%;
  bottom: 1.5%;
  width: 91%;
  height: 9%;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(18, 55, 120, 0.27), rgba(18, 55, 120, 0.06) 52%, transparent 74%);
  filter: blur(4px);
  content: "";
}

.agnero-home-banner__tool {
  position: absolute;
  bottom: 1%;
  max-height: 90%;
  object-fit: contain;
  filter: drop-shadow(0 18px 13px rgba(18, 55, 120, 0.2));
}

.agnero-home-banner__tool--freze { z-index: 1; left: 0; width: 34%; height: 90%; }
.agnero-home-banner__tool--matkap { z-index: 2; left: 24%; width: 17%; height: 85%; }
.agnero-home-banner__tool--kilavuz { z-index: 3; left: 37%; width: 17%; height: 82%; }
.agnero-home-banner__tool--rayba { z-index: 4; left: 50%; width: 17%; height: 80%; }
.agnero-home-banner__tool--piko { z-index: 5; right: 1%; width: 29%; height: 57%; }
.agnero-home-banner__tool--insert { z-index: 6; right: 18%; bottom: 3%; width: 24%; height: 40%; }

.agnero-home-banner__shipping-art {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.agnero-home-banner__shipping-art img {
  position: absolute;
  left: 70%;
  bottom: 0;
  display: block;
  width: auto;
  max-width: none;
  height: 96%;
  object-fit: contain;
  filter: drop-shadow(0 22px 22px rgba(2, 18, 43, 0.28));
  transform: translateX(-50%);
}

.agnero-home-banner__slide--visual-support_agent {
  background:
    radial-gradient(circle at 78% 40%, rgba(255, 255, 255, 0.98) 0 15%, rgba(255, 249, 241, 0.72) 31%, transparent 52%),
    linear-gradient(112deg, #ff8a1f 0%, #ffad55 17%, #ffd39f 34%, #fff2df 54%, #fff 82%);
}

.agnero-home-banner__slide--visual-support_agent .agnero-home-banner__overlay {
  background: linear-gradient(90deg, rgba(255, 138, 31, 0.1), transparent 46%);
}

.agnero-home-banner__slide--visual-support_agent .agnero-home-banner__content {
  position: relative;
  z-index: 2;
  grid-column: 1 / 10;
  align-self: center;
  padding-left: clamp(1rem, 2vw, 2rem);
}

.agnero-home-banner__support-art {
  position: absolute;
  z-index: 1;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.agnero-home-banner__support-art img {
  position: absolute;
  right: -5%;
  bottom: -29%;
  display: block;
  width: auto;
  max-width: none;
  height: 145%;
  object-fit: contain;
  filter: drop-shadow(0 20px 24px rgba(107, 52, 8, 0.18));
}

.agnero-support-offer {
  display: grid;
  grid-template-columns: minmax(14rem, 0.82fr) minmax(17rem, 24rem);
  gap: clamp(1.25rem, 3vw, 3.5rem);
  align-items: center;
  width: 100%;
  color: #123778;
}

.agnero-support-offer__eyebrow {
  display: block;
  margin-bottom: 0.15rem;
  color: #123778;
  font-size: clamp(0.85rem, 1vw, 1.1rem);
  font-weight: 750;
}

.agnero-support-offer h2 {
  margin: 0;
  color: #123778;
  font-size: clamp(2rem, 3.1vw, 3.8rem);
  font-weight: 900;
  line-height: 0.92;
  letter-spacing: -0.045em;
  text-transform: uppercase;
}

.agnero-support-offer h2 strong {
  display: block;
  color: #c93f00;
  font-size: 1.42em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.28);
}

.agnero-support-offer__copy > p {
  max-width: 22rem;
  margin: 0.65rem 0 0;
  color: #123778;
  font-size: clamp(0.78rem, 0.92vw, 1rem);
  font-weight: 620;
}

.agnero-support-offer__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1rem;
}

.agnero-support-offer__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 2.65rem;
  padding: 0.65rem 1rem;
  border-radius: 999px;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 850;
  box-shadow: 0 9px 20px rgba(103, 48, 5, 0.16);
}

.agnero-support-offer__button:hover { color: #fff; transform: translateY(-2px); }
.agnero-support-offer__button--call { background: #f26800; }
.agnero-support-offer__button--whatsapp { background: #20a852; }

.agnero-support-icon {
  display: inline-block;
  width: 1.05rem;
  height: 1.05rem;
  background-color: currentColor;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.agnero-support-icon--phone {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.62 10.79a15.46 15.46 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2Z'/%3E%3C/svg%3E");
}

.agnero-support-icon--whatsapp {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12.04 2a9.84 9.84 0 0 0-8.47 14.83L2.05 22l5.29-1.47A9.95 9.95 0 1 0 12.04 2Zm5.8 14.04c-.25.71-1.46 1.36-2.04 1.45-.53.08-1.2.12-1.94-.12-.45-.14-1.03-.33-1.77-.65-3.11-1.34-5.14-4.47-5.3-4.68-.15-.21-1.26-1.68-1.26-3.2 0-1.53.8-2.28 1.08-2.59.28-.3.61-.38.82-.38h.59c.19 0 .44-.07.69.53.25.61.85 2.08.92 2.23.08.15.13.33.03.54-.1.2-.15.33-.31.51-.15.18-.32.4-.46.54-.15.15-.31.31-.13.62.18.3.8 1.31 1.72 2.12 1.18 1.05 2.18 1.38 2.49 1.53.31.15.49.13.67-.08.18-.2.77-.9.97-1.2.2-.31.41-.26.69-.16.28.11 1.77.84 2.08.99.3.15.51.23.59.36.07.13.07.74-.18 1.44Z'/%3E%3C/svg%3E");
}

.agnero-support-offer__contacts {
  display: grid;
  gap: 0.65rem;
  width: min(100%, 24rem);
}

.agnero-support-offer__contacts > a {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  min-height: 4rem;
  padding: 0.6rem 1rem 0.6rem 0.65rem;
  border: 1px solid rgba(242, 104, 0, 0.18);
  border-radius: 1.1rem;
  color: #123778;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: 0 12px 28px rgba(89, 48, 13, 0.1);
  backdrop-filter: blur(8px);
}

.agnero-support-offer__contact-icon {
  display: grid;
  flex: 0 0 2.75rem;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  color: #fff;
  background: #f26800;
}

.agnero-support-offer__contact-icon .agnero-support-icon { width: 1.35rem; height: 1.35rem; }

.agnero-support-offer__contact-icon--wa { background: #20a852; }
.agnero-support-offer__contacts small { display: block; color: #e65d00; font-size: 0.68rem; font-weight: 800; }
.agnero-support-offer__contacts strong { display: block; color: #123778; font-size: clamp(1.1rem, 1.45vw, 1.65rem); line-height: 1.1; white-space: nowrap; }

.agnero-home-banner__arrow {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.48);
  border-radius: 999px;
  color: #fff;
  background: rgba(18, 55, 120, 0.56);
  box-shadow: 0 12px 28px rgba(4, 25, 53, 0.2);
  backdrop-filter: blur(9px);
  transform: translateY(-50%);
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.agnero-home-banner__arrow:hover,
.agnero-home-banner__arrow:focus-visible {
  background: #ff6a00;
  transform: translateY(-50%) scale(1.06);
}

.agnero-home-banner__arrow--prev { left: 0.9rem; }
.agnero-home-banner__arrow--next { right: 0.9rem; }

.agnero-home-banner__dots {
  position: absolute;
  z-index: 5;
  left: 50%;
  bottom: 1rem;
  display: flex;
  gap: 0.5rem;
  transform: translateX(-50%);
}

.agnero-home-banner__dot {
  width: 0.7rem;
  height: 0.7rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.62);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.16);
  transition: width 0.25s ease, background-color 0.25s ease;
}

.agnero-home-banner__dot.active {
  width: 2rem;
  background: #ff6a00;
}

.agnero-home-banner__autoplay {
  position: absolute;
  z-index: 5;
  right: 1rem;
  bottom: 0.85rem;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 999px;
  color: #fff;
  background: rgba(18, 55, 120, 0.56);
  font-size: 0.75rem;
}

.agnero-shipping-offer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #ff6a00;
  text-shadow: 0 4px 20px rgba(4, 25, 53, 0.22);
}

.agnero-shipping-offer s {
  font-size: clamp(1.25rem, 2vw, 2.1rem);
  font-weight: 900;
  line-height: 1;
  text-decoration-thickness: 0.14em;
}

.agnero-shipping-offer h2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0.15rem 0 0;
  color: inherit;
  font-size: clamp(1.45rem, 2vw, 2.35rem);
  font-weight: 880;
  line-height: 0.96;
  letter-spacing: -0.03em;
}

.agnero-shipping-offer h2 strong {
  font-size: clamp(4rem, 6.5vw, 7.4rem);
  line-height: 0.82;
}

.agnero-shipping-offer h2 em {
  margin-top: 0.18em;
  font-size: 1.65em;
  font-style: normal;
  font-weight: 950;
}

.agnero-shipping-offer p {
  margin: 0.55rem 0 0;
  color: #fff;
  font-size: clamp(0.82rem, 1.05vw, 1.15rem);
  font-weight: 760;
}

.agnero-home-banner__slide.active [data-animate="rise"] {
  animation: agnero-banner-rise 0.72s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.agnero-home-banner__slide.active [data-animate="zoom"] {
  animation: agnero-banner-zoom 0.9s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes agnero-banner-rise {
  from { opacity: 0; transform: translateY(1.25rem); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes agnero-banner-zoom {
  from { opacity: 0; transform: scale(0.96); }
  to { opacity: 1; transform: scale(1); }
}

@media (max-width: 1020px) {
  .agnero-home-banner {
    aspect-ratio: 6 / 5;
    min-height: 0;
  }

  .agnero-home-banner__inner {
    width: calc(100% - 2rem);
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .agnero-home-banner__content {
    grid-column: 1 / 7;
  }

  .agnero-home-banner__tools {
    grid-column: 7 / 13;
  }

  .agnero-home-banner__shipping-art {
    inset: 0;
  }

  .agnero-home-banner__shipping-art img {
    left: 76%;
    bottom: 0;
    height: 90%;
  }

  .agnero-home-banner__content h1,
  .agnero-home-banner__content > h2 {
    font-size: clamp(1.8rem, 5.5vw, 2.8rem);
  }

  .agnero-home-banner__content > p {
    font-size: clamp(0.78rem, 2.4vw, 1rem);
  }

  .agnero-home-banner__slide--visual-support_agent .agnero-home-banner__content {
    grid-column: 1 / 10;
    padding-left: 0.5rem;
  }

  .agnero-support-offer {
    grid-template-columns: minmax(10rem, 0.9fr) minmax(12rem, 1.1fr);
    gap: 1rem;
  }

  .agnero-home-banner__support-art img {
    right: -14%;
    bottom: -10%;
    height: 92%;
  }
}

@media (max-width: 560px) {
  .agnero-home-banner {
    width: min(44rem, calc(100% - 2rem));
    border-radius: 0.72rem 0.72rem 0 0;
  }

  .agnero-home-banner__inner {
    width: calc(100% - 1.2rem);
  }

  .agnero-home-banner__content {
    grid-column: 1 / 7;
  }

  .agnero-home-banner__content h1,
  .agnero-home-banner__content > h2 {
    font-size: clamp(1.35rem, 7vw, 2rem);
  }

  .agnero-home-banner__content > p {
    margin-top: 0.45rem;
    font-size: 0.72rem;
    line-height: 1.25;
  }

  .agnero-home-banner__actions {
    display: grid;
    gap: 0.4rem;
    margin-top: 0.65rem;
  }

  .agnero-home-banner__actions .agnero-home-v3-btn {
    min-width: 0;
    min-height: 2rem;
    width: fit-content;
    padding: 0.5rem 0.7rem;
    font-size: 0.68rem;
  }

  .agnero-home-banner__tools {
    grid-column: 7 / 13;
  }

  .agnero-home-banner__slide--visual-tools .agnero-home-banner__content {
    grid-column: 1 / 8;
    padding-left: 0.55rem;
  }

  .agnero-home-banner__slide--visual-tools .agnero-home-banner__tools {
    inset: 7% 1% 2% 51%;
  }

  .agnero-home-banner__slide--visual-tools .agnero-home-banner__content h1,
  .agnero-home-banner__slide--visual-tools .agnero-home-banner__content > h2 {
    max-width: 10ch;
    font-size: clamp(1.32rem, 7.1vw, 1.64rem);
    line-height: 0.98;
  }

  .agnero-home-banner__slide--visual-tools .agnero-home-banner__content > p {
    max-width: 9rem;
    margin-top: 0.55rem;
    font-size: 0.64rem;
    line-height: 1.28;
  }

  .agnero-home-banner__slide--visual-tools .agnero-home-banner__actions a:nth-child(n + 2) {
    display: none;
  }

  .agnero-home-banner__slide--visual-tools .agnero-home-banner__tools::before {
    right: -22%;
    bottom: -12%;
    width: 142%;
    height: 110%;
  }

  .agnero-home-banner__slide--visual-tools .agnero-home-banner__tool {
    width: auto;
    max-width: none;
    max-height: none;
  }

  .agnero-home-banner__slide--visual-tools .agnero-home-banner__tool--freze {
    left: 2%;
    height: 78%;
  }

  .agnero-home-banner__slide--visual-tools .agnero-home-banner__tool--matkap {
    left: 37%;
    height: 62%;
  }

  .agnero-home-banner__slide--visual-tools .agnero-home-banner__tool--kilavuz {
    right: 6%;
    left: auto;
    height: 51%;
  }

  .agnero-home-banner__slide--visual-tools .agnero-home-banner__tool--rayba {
    display: none;
  }

  .agnero-home-banner__slide--visual-tools .agnero-home-banner__tool--piko {
    display: none;
  }

  .agnero-home-banner__slide--visual-tools .agnero-home-banner__tool--insert {
    display: none;
  }

  .agnero-home-banner__arrow {
    display: none;
  }

  .agnero-home-banner__dots {
    bottom: 0.6rem;
  }

  .agnero-home-banner__autoplay {
    right: 0.55rem;
    bottom: 0.45rem;
  }

  .agnero-shipping-offer s {
    font-size: clamp(0.78rem, 4.8vw, 1.25rem);
  }

  .agnero-shipping-offer h2 {
    font-size: clamp(0.82rem, 4.2vw, 1.18rem);
  }

  .agnero-shipping-offer h2 strong {
    font-size: clamp(2.35rem, 13vw, 3.7rem);
  }

  .agnero-shipping-offer h2 em {
    font-size: 1.35em;
  }

  .agnero-shipping-offer p {
    margin-top: 0.35rem;
    font-size: 0.58rem;
    white-space: nowrap;
  }

  .agnero-home-banner__slide--visual-support_agent {
    background:
      radial-gradient(circle at 80% 52%, #fff 0 18%, rgba(255,255,255,0.62) 38%, transparent 57%),
      linear-gradient(145deg, #ff942f 0%, #ffc06f 30%, #fff0db 58%, #fff 100%);
  }

  .agnero-home-banner__slide--visual-support_agent .agnero-home-banner__content {
    grid-column: 1 / 10;
    align-self: start;
    padding: 1rem 0 0 0.2rem;
  }

  .agnero-support-offer {
    display: block;
    width: 68%;
  }

  .agnero-support-offer__eyebrow { font-size: 0.62rem; }
  .agnero-support-offer h2 { font-size: clamp(1.35rem, 7.4vw, 2rem); }
  .agnero-support-offer__copy > p { display: none; }
  .agnero-support-offer__actions { display: none; }
  .agnero-support-offer__button { min-height: 1.8rem; padding: 0.35rem 0.55rem; font-size: 0.55rem; }
  .agnero-support-offer__button > .agnero-support-icon { width: 0.7rem; height: 0.7rem; }
  .agnero-support-offer__contacts { gap: 0.32rem; margin-top: 0.55rem; }
  .agnero-support-offer__contacts > a { gap: 0.4rem; min-height: 2.45rem; padding: 0.3rem 0.55rem 0.3rem 0.35rem; border-radius: 0.75rem; }
  .agnero-support-offer__contact-icon { flex-basis: 1.65rem; width: 1.65rem; height: 1.65rem; font-size: 0.48rem; }
  .agnero-support-offer__contacts small { font-size: 0.46rem; }
  .agnero-support-offer__contacts strong { font-size: clamp(0.72rem, 3.6vw, 0.95rem); }

  .agnero-home-banner__support-art img {
    right: -29%;
    bottom: -3%;
    height: 88%;
  }
}

/* ============================================
   Account Center — product-led commerce UI (2026-07)
   ============================================ */

.woocommerce-account.logged-in .entry-content,
.woocommerce-account.logged-in .woocommerce-MyAccount-content {
  min-width: 0;
}

.woocommerce-account.logged-in .woocommerce {
  grid-template-columns: minmax(15.5rem, 17.5rem) minmax(0, 1fr);
  gap: 1.25rem;
  padding: 1.25rem;
  border: 1px solid #dce3ec;
  border-radius: 1rem;
  background: #f4f6f8;
  box-shadow: none;
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
}

.woocommerce-account .agnero-account-nav {
  border-color: #dce3ec;
  border-radius: 0.82rem;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
}

.woocommerce-account .agnero-account-nav-item a {
  min-height: 2.85rem;
}

.woocommerce-account .agnero-account-panel {
  gap: 1rem;
}

.woocommerce-account .agnero-account-panel-head {
  padding: 0 0 0.85rem;
  border-bottom-color: #dce3ec;
}

.woocommerce-account .agnero-account-panel-head h2 {
  color: #112f63;
  font-size: clamp(1.2rem, 1.5vw, 1.55rem);
}

.woocommerce-account .agnero-account-panel-head p {
  margin: 0.28rem 0 0;
  color: #64748b;
  line-height: 1.5;
}

.agnero-orders-list {
  display: grid;
  gap: 0.8rem;
}

.agnero-order-card {
  overflow: hidden;
  border: 1px solid #d9e0e8;
  border-radius: 0.78rem;
  background: #fff;
}

.agnero-order-card__head,
.agnero-order-card__body,
.agnero-order-card__actions {
  padding: 0.85rem 1rem;
}

.agnero-order-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid #e5e9ef;
  background: #fbfcfd;
}

.agnero-order-card__identity {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.35rem 0.75rem;
}

.agnero-order-card__number {
  color: #123778;
  font-size: 0.86rem;
  font-weight: 800;
}

.agnero-order-card__identity time {
  color: #718096;
  font-size: 0.75rem;
}

.agnero-order-status {
  display: inline-flex;
  align-items: center;
  min-height: 1.65rem;
  padding: 0 0.58rem;
  border-radius: 999px;
  background: #e8f2ff;
  color: #175da8;
  font-size: 0.69rem;
  font-weight: 800;
  white-space: nowrap;
}

.agnero-order-status--completed {
  background: #e6f5ed;
  color: #16704a;
}

.agnero-order-status--cancelled,
.agnero-order-status--failed,
.agnero-order-status--refunded {
  background: #f1f3f5;
  color: #64748b;
}

.agnero-order-card__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
}

.agnero-order-card__products {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 0.65rem;
}

.agnero-order-product {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 0.65rem;
}

.agnero-order-product:not(:first-child) .agnero-order-product__copy {
  display: none;
}

.agnero-order-product__image,
.agnero-account-order-product-thumb {
  width: 4.5rem;
  height: 4.5rem;
  flex: 0 0 4.5rem;
  overflow: hidden;
  border: 1px solid #e1e6ec;
  border-radius: 0.55rem;
  background: #fff;
}

.agnero-order-product__image img,
.agnero-account-order-product-thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  padding: 0.28rem;
}

.agnero-order-product__copy {
  display: grid;
  min-width: 9rem;
  max-width: 24rem;
  gap: 0.2rem;
}

.agnero-order-product__copy a,
.agnero-order-product__copy strong {
  overflow: hidden;
  color: #172033;
  font-size: 0.83rem;
  font-weight: 750;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agnero-order-product__copy span,
.agnero-order-card__more {
  color: #718096;
  font-size: 0.72rem;
}

.agnero-order-card__more {
  white-space: nowrap;
}

.agnero-order-card__summary {
  display: grid;
  min-width: 8.5rem;
  gap: 0.18rem;
  text-align: right;
}

.agnero-order-card__summary span {
  color: #718096;
  font-size: 0.72rem;
}

.agnero-order-card__summary strong {
  color: #123778;
  font-size: 0.92rem;
}

.agnero-order-card__actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.45rem;
  border-top: 1px solid #e5e9ef;
  background: #fbfcfd;
}

.woocommerce-account .agnero-order-action.button {
  min-height: 2.25rem;
  padding: 0.55rem 0.9rem;
  border: 1px solid #cbd5e1;
  border-radius: 0.5rem;
  background: #fff;
  color: #123778;
  font-size: 0.75rem;
  font-weight: 800;
}

.woocommerce-account .agnero-order-action--view.button {
  border-color: #123778;
  background: #123778;
  color: #fff;
}

.agnero-orders-pagination {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 1rem;
}

.agnero-account-rebuy-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.85rem;
  padding: 0.75rem;
}

.agnero-account-order-products {
  display: flex;
}

.agnero-account-order-product-thumb {
  width: 4rem;
  height: 4rem;
  flex-basis: 4rem;
}

.agnero-account-order-product-thumb + .agnero-account-order-product-thumb {
  margin-left: -0.75rem;
}

.agnero-account-rebuy-card .agnero-account-order-main {
  display: grid;
  justify-content: start;
  gap: 0.15rem;
}

.agnero-account-order-number {
  color: #718096;
  font-size: 0.69rem;
  font-weight: 750;
}

.agnero-account-rebuy-card .agnero-account-order-main small {
  color: #718096;
  font-size: 0.72rem;
}

.agnero-account-rebuy-card .agnero-account-inline-form {
  margin: 0;
}

.woocommerce-account .agnero-account-empty-state--bare {
  min-height: 9rem;
  align-content: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 1rem 0;
}

.woocommerce-account .agnero-addresses-panel {
  display: grid;
  gap: 0.8rem;
}

.woocommerce-account .agnero-addresses-head {
  align-items: center;
  border: 0;
  border-bottom: 1px solid #dce3ec;
  border-radius: 0;
  background: transparent;
  padding: 0 0 0.85rem;
}

.woocommerce-account .agnero-address-card {
  min-height: 15rem;
  border-radius: 0.75rem;
  box-shadow: none;
}

.woocommerce-account .agnero-address-card-head {
  background: #fbfcfd;
}

.agnero-profile-form {
  display: grid;
  gap: 1rem;
}

.agnero-profile-form__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid #dce3ec;
}

.agnero-profile-form__head h2 {
  margin: 0;
  color: #112f63;
  font-size: clamp(1.2rem, 1.5vw, 1.55rem);
}

.agnero-profile-form__head p {
  margin: 0.28rem 0 0;
  color: #64748b;
  font-size: 0.83rem;
}

.woocommerce-account .agnero-password-modal-open.button {
  min-height: 2.45rem;
  border: 1px solid #123778;
  border-radius: 0.55rem;
  background: #fff;
  color: #123778;
  font-size: 0.78rem;
  font-weight: 800;
}

.agnero-profile-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem 1rem;
}

.woocommerce-account .agnero-profile-form .form-row {
  float: none;
  width: 100%;
  margin: 0;
}

.woocommerce-account .agnero-profile-form label {
  display: block;
  margin-bottom: 0.35rem;
  color: #334155;
  font-size: 0.75rem;
  font-weight: 750;
}

.woocommerce-account .agnero-profile-form .input-text,
.woocommerce-account .agnero-profile-form select,
.woocommerce-account .agnero-profile-form textarea {
  min-height: 2.75rem;
  border: 1px solid #cbd5e1;
  border-radius: 0.55rem;
  background: #fff;
  color: #172033;
  font-size: 0.85rem;
}

.woocommerce-account .agnero-profile-form .input-text:focus,
.woocommerce-account .agnero-profile-form select:focus,
.woocommerce-account .agnero-profile-form textarea:focus {
  border-color: #1e65b5;
  box-shadow: 0 0 0 3px rgba(30, 101, 181, 0.12);
}

.agnero-field-help {
  display: block;
  margin-top: 0.3rem;
  color: #718096;
  font-size: 0.7rem;
  line-height: 1.4;
}

.agnero-profile-extra-fields {
  display: grid;
  gap: 0.8rem;
}

.agnero-profile-extra-fields fieldset {
  margin: 0;
  padding: 0.9rem;
  border: 1px solid #dce3ec;
  border-radius: 0.7rem;
  background: rgba(255, 255, 255, 0.6);
}

.agnero-profile-extra-fields legend {
  padding: 0 0.35rem;
  color: #123778;
  font-size: 0.8rem;
  font-weight: 800;
}

.agnero-profile-form__actions {
  display: flex;
  justify-content: flex-end;
  padding-top: 0.9rem;
  border-top: 1px solid #dce3ec;
}

body.agnero-modal-open {
  overflow: hidden;
}

.agnero-password-modal[hidden] {
  display: none;
}

.agnero-password-modal {
  position: fixed;
  z-index: 100000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 1rem;
}

.agnero-password-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(7, 19, 42, 0.58);
  backdrop-filter: blur(3px);
}

.agnero-password-modal__dialog {
  position: relative;
  width: min(100%, 31rem);
  overflow: hidden;
  border: 1px solid #d7dee8;
  border-radius: 0.85rem;
  background: #fff;
  box-shadow: 0 24px 70px rgba(7, 19, 42, 0.24);
}

.agnero-password-modal__head,
.agnero-password-modal__body,
.agnero-password-modal__actions {
  padding: 1rem 1.1rem;
}

.agnero-password-modal__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid #e5e9ef;
}

.agnero-password-modal__head span {
  color: #1e65b5;
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.agnero-password-modal__head h2 {
  margin: 0.2rem 0 0;
  color: #112f63;
  font-size: 1.25rem;
}

.agnero-password-modal__close {
  width: 2rem;
  height: 2rem;
  border: 0;
  border-radius: 50%;
  background: #f1f4f7;
  color: #475569;
  cursor: pointer;
  font-size: 1.25rem;
}

.agnero-password-modal__body {
  display: grid;
  gap: 0.8rem;
}

.agnero-password-modal__hint {
  margin: 0;
  color: #718096;
  font-size: 0.72rem;
}

.agnero-password-modal__actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  border-top: 1px solid #e5e9ef;
  background: #fbfcfd;
}

@media (max-width: 1200px) {
  .woocommerce-account.logged-in .woocommerce {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 780px) {
  .woocommerce-account.logged-in .woocommerce {
    padding: 0.75rem;
  }

  .agnero-order-card__body,
  .agnero-account-rebuy-card {
    grid-template-columns: 1fr;
  }

  .agnero-order-card__summary {
    min-width: 0;
    text-align: left;
  }

  .agnero-order-card__products {
    overflow-x: auto;
    padding-bottom: 0.25rem;
  }

  .agnero-order-product__image,
  .agnero-account-order-product-thumb {
    width: 4rem;
    height: 4rem;
    flex-basis: 4rem;
  }

  .agnero-account-rebuy-card .agnero-account-inline-form .button {
    width: 100%;
  }

  .agnero-profile-form__head {
    align-items: stretch;
    flex-direction: column;
  }

  .woocommerce-account .agnero-password-modal-open.button {
    width: 100%;
  }

  .agnero-profile-form__grid {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .agnero-home-banner__slide,
  .agnero-home-banner__slide [data-animate] {
    transition: none !important;
    animation: none !important;
  }
}

@media (max-width: 1280px) {
  .agnero-home-v3-hero__inner {
    width: calc(100% - clamp(1.5rem, 3.8vw, 4.5rem));
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .agnero-home-v3-products {
    width: var(--home-v3-shell);
  }

  .agnero-home-v3-card {
    grid-template-columns: 8.4rem minmax(0, 1fr);
  }

  .agnero-home-v3-card__body span {
    font-size: 0.74rem;
  }
}

@media (max-width: 1080px) {
  .agnero-home-v3 {
    --home-v3-shell: min(var(--home-v3-max), calc(100% - 2.5rem));
  }
}

@media (min-width: 901px) and (max-height: 860px) {
  .agnero-home-v3-hero {
    min-height: 15.6rem;
  }

  .agnero-home-v3-hero__copy h1 {
    font-size: clamp(2.1rem, 3vw, 3.35rem);
  }

  .agnero-home-v3-trust,
  .agnero-home-v3-trust__item {
    min-height: 4rem;
  }

  .agnero-home-v3-products {
    gap: 0.72rem;
    margin-top: 0.7rem;
    margin-bottom: 0.7rem;
  }

  .agnero-home-v3-card {
    min-height: 8.35rem;
  }
}

@media (max-width: 1020px) {
  .agnero-home-v3-hero__inner {
    grid-template-columns: 1fr;
    width: min(100% - 2rem, 44rem);
  }

  .agnero-home-v3-hero__copy,
  .agnero-home-v3-hero__tools {
    grid-column: auto;
  }

  .agnero-home-v3-hero__tools {
    display: none;
  }

  .agnero-home-v3-dots {
    padding-left: 0;
  }

  .agnero-home-v3-trust,
  .agnero-home-v3-products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .agnero-home-v3-catalog {
    display: flex;
    flex-direction: column;
  }

  .agnero-home-v3-products {
    order: 1;
    margin-bottom: 0;
  }

  .agnero-home-v3-popular {
    order: 2;
  }

  .agnero-home-v3-assurance {
    order: 3;
  }

  .agnero-home-v3-trust {
    order: 4;
  }

  .agnero-home-v3-card {
    grid-column: auto;
  }

  .agnero-home-v3-trust__item {
    justify-content: flex-start;
    border-bottom: 1px solid #c8d8e9;
  }

  .agnero-home-v3-trust__item:nth-child(2n) {
    border-right: 0;
  }

  .agnero-home-v3-trust__item:nth-last-child(-n + 2) {
    border-bottom: 0;
  }
}

@media (max-width: 900px) {
  .agnero-home-v3 {
    --home-v3-shell: min(44rem, calc(100% - 2rem));
    padding-bottom: 0.5rem;
  }

  .agnero-home-v3-hero {
    min-height: 19rem;
  }

  .agnero-home-v3-hero__copy h1 {
    max-width: 11ch;
    font-size: 2.65rem;
  }

  .agnero-home-v3-slider-arrow {
    display: none;
  }

  .agnero-home-v3-products {
    grid-template-columns: 1fr;
  }

  .agnero-home-v3-assurance__intro {
    grid-template-columns: 1fr;
    gap: 0.65rem;
  }

  .agnero-home-v3-card {
    min-height: 8.6rem;
  }
}

@media (max-width: 560px) {
  .agnero-home-v3-hero {
    min-height: 18.5rem;
  }

  .agnero-home-v3-hero__inner {
    width: min(100% - 1.25rem, 24rem);
  }

  .agnero-home-v3-hero__copy h1 {
    font-size: 2.28rem;
  }

  .agnero-home-v3-hero__actions {
    display: grid;
  }

  .agnero-home-v3-btn {
    width: 100%;
  }

  .agnero-home-v3-trust {
    grid-template-columns: 1fr;
  }

  .agnero-home-v3-trust__item {
    min-height: 3.7rem;
    border-right: 0;
    border-bottom: 1px solid #d8e2ed;
    justify-content: flex-start;
  }

  .agnero-home-v3-trust__item:nth-last-child(2) {
    border-bottom: 1px solid #d8e2ed;
  }

  .agnero-home-v3-trust__item:last-child {
    border-bottom: 0;
  }

  .agnero-home-v3-products,
  .agnero-home-v3-assurance {
    width: min(100% - 1rem, 24rem);
  }

  .agnero-home-v3-popular {
    padding: 0.9rem;
  }

  .agnero-home-v3-popular__head {
    align-items: start;
  }

  .agnero-home-v3-popular__aside p {
    display: none;
  }

  .agnero-home-v3-popular-card.cart-rec-item {
    flex-basis: 14rem;
    min-width: 14rem;
  }

  .agnero-home-v3-card {
    grid-template-columns: 8.25rem minmax(0, 1fr);
    min-height: 8.25rem;
  }

  .agnero-home-v3-card__media {
    padding-left: 0.45rem;
  }

  .agnero-home-v3-card__body {
    padding-right: 0.8rem;
  }

  .agnero-home-v3-card__body strong {
    font-size: 1.02rem;
  }

  .agnero-home-v3-card__body span {
    font-size: 0.72rem;
  }

  .agnero-home-v3-assurance__intro {
    padding: 1rem;
  }
}

.header-search {
  position: relative;
}

.header-search .search-form,
.mobile-header-search .search-form {
  display: flex;
  align-items: center;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 999px;
  min-height: 3rem;
  box-shadow: none;
  transition: border-color var(--transition), box-shadow var(--transition), background-color var(--transition), transform var(--transition);
}

.header-search .search-form:focus-within,
.mobile-header-search .search-form:focus-within {
  border-color: rgba(18, 55, 120, 0.34);
  box-shadow: 0 16px 34px rgba(18, 55, 120, 0.17), 0 0 0 3px rgba(18, 55, 120, 0.08);
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  transform: translate3d(0, -1px, 0);
}

.search-field {
  width: 100%;
  border: 0;
  background: transparent;
  padding: 0 1rem;
  color: var(--text);
}

.search-field:focus,
.search-field:focus-visible {
  outline: none;
}

.search-field::placeholder {
  color: var(--text-muted);
}

.search-submit {
  width: 2.7rem;
  height: 2.7rem;
  border: 0;
  border-radius: 50%;
  margin-right: 0.2rem;
  background: var(--surface-soft);
  color: var(--text);
}

.search-submit:hover {
  background: var(--accent-soft);
}

.header-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  position: relative;
}

.header-action-item {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 0.52rem 0.9rem;
  min-height: 2.7rem;
  background: var(--surface);
  color: var(--text);
}

.header-action-item:hover {
  border-color: var(--line-strong);
  box-shadow: var(--shadow-sm);
}

.header-action-item .action-label,
.header-action-item .cart-total {
  font-size: 0.8rem;
  font-weight: 700;
}

.cart-icon-wrapper,
.mobile-quick-icon-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cart-count {
  position: absolute;
  top: -0.35rem;
  right: -0.55rem;
  min-width: 1.2rem;
  height: 1.2rem;
  border-radius: 999px;
  border: 2px solid var(--surface);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-inline: 0.28rem;
  font-size: 0.67rem;
  font-weight: 800;
  background: var(--text);
  color: #fff;
}

.cart-count.is-hidden {
  display: none;
}

.mobile-header-controls {
  display: none;
}

.main-navigation {
  position: relative;
  z-index: 5090;
  isolation: isolate;
  border-bottom: 1px solid var(--line);
  background: var(--surface-soft);
}

.nav-inner {
  position: relative;
  z-index: 2;
  min-height: 3.5rem;
  display: flex;
  align-items: center;
  gap: var(--space-4);
}

.all-products-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: transparent;
  border: 0;
  font-size: 0.86rem;
  font-weight: 700;
  color: var(--text);
}

.all-products-toggle-copy {
  display: inline-flex;
  align-items: center;
  gap: 0;
}

.all-products-toggle-copy strong {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.all-products-toggle-copy small {
  display: none;
}

.mobile-nav-head,
.mobile-nav-brand {
  display: none;
}

.primary-menu-wrapper {
  flex: 1;
}

.nav-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
}

.nav-menu > .menu-item {
  position: relative;
}

.nav-menu > .menu-item > a {
  display: inline-flex;
  align-items: center;
  min-height: 2.7rem;
  padding: 0 0.6rem;
  font-size: 0.84rem;
  font-weight: 700;
  color: var(--text-muted);
  white-space: nowrap;
}

.nav-menu > .menu-item-has-children {
  position: static;
}

.nav-menu > .menu-item-has-children > a::after {
  content: "";
  width: 0.45rem;
  height: 0.45rem;
  margin-left: 0.45rem;
  border-right: 1.6px solid currentColor;
  border-bottom: 1.6px solid currentColor;
  transform: rotate(45deg) translateY(-1px);
  opacity: 0.78;
}

.nav-menu > .menu-item-has-children:hover > a::after,
.nav-menu > .menu-item-has-children:focus-within > a::after,
.nav-menu > .menu-item-has-children.is-dropdown-open > a::after {
  transform: rotate(225deg) translateY(-1px);
}

.nav-menu > .menu-item > a:hover,
.nav-menu > .menu-item.current-menu-item > a,
.nav-menu > .menu-item.current-menu-ancestor > a {
  color: var(--text);
}

.nav-menu .sub-menu {
  position: absolute;
  top: calc(100% + 0.25rem);
  left: 0;
  min-width: 14rem;
  padding: 0.5rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-md);
  background: var(--surface);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity var(--transition), transform var(--transition), visibility var(--transition);
  z-index: 20;
}

.nav-menu .menu-item-has-children:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.nav-menu .menu-item-has-children.is-dropdown-open > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.nav-menu .sub-menu a {
  display: block;
  border-radius: 10px;
  padding: 0.5rem 0.7rem;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--text-muted);
}

.nav-menu .sub-menu a:hover {
  background: var(--surface-soft);
  color: var(--text);
}

@media (min-width: 901px) {
  .main-navigation::before {
    content: "";
    position: fixed;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    background: rgba(240, 245, 252, 0.52);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transition: opacity 0.28s ease, visibility 0.28s ease;
    z-index: 0;
  }

  .main-navigation.has-desktop-dropdown::before {
    opacity: 1;
    visibility: visible;
  }

  .nav-menu > .menu-item-has-children > .sub-menu,
  .agnero-desktop-dropdown {
    position: fixed;
    top: var(--agnero-dropdown-top, 11.2rem);
    left: 50%;
    width: min(72rem, calc(100vw - 3rem));
    max-height: none;
    overflow: visible;
    padding: clamp(0.75rem, 1.25vw, 1.05rem);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(188px, 1fr));
    align-content: start;
    gap: clamp(1rem, 1.6vw, 1.25rem);
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate3d(-50%, 0.65rem, 0);
    transition: opacity 0.26s ease, transform 0.26s ease, visibility 0.26s ease;
    z-index: 2;
  }

  .nav-menu > .menu-item-has-children:hover > .sub-menu,
  .nav-menu > .menu-item-has-children:focus-within > .sub-menu,
  .nav-menu > .menu-item-has-children.is-dropdown-open > .sub-menu,
  .agnero-desktop-dropdown.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate3d(-50%, 0, 0);
  }

  .nav-menu > .menu-item-has-children > .sub-menu > li {
    list-style: none;
  }

  .nav-menu > .menu-item-has-children > .sub-menu > li > a {
    position: relative;
    display: grid;
    grid-template-rows: minmax(7.5rem, auto) auto;
    gap: 0.85rem;
    min-height: 12rem;
    padding: 0.9rem;
    border-radius: 1rem;
    border: 1px solid rgba(18, 55, 120, 0.22);
    background: linear-gradient(165deg, rgba(255, 255, 255, 0.34), rgba(236, 245, 255, 0.22));
    box-shadow: 0 8px 16px rgba(18, 55, 120, 0.07);
    backdrop-filter: blur(16px) saturate(145%);
    -webkit-backdrop-filter: blur(16px) saturate(145%);
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--text);
    overflow: visible;
    z-index: 1;
    transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease, background 0.24s ease, color 0.24s ease;
  }

  .nav-menu > .menu-item-has-children > .sub-menu > li > a::before {
    content: "";
    display: block;
    width: 100%;
    min-height: 7.5rem;
    border-radius: 0.8rem;
    border: 1px dashed rgba(18, 55, 120, 0.28);
    background-image:
      url("assets/images/agnero-logo.svg"),
      linear-gradient(150deg, rgba(255, 255, 255, 0.6), rgba(232, 243, 255, 0.36));
    background-repeat: no-repeat, no-repeat;
    background-position: center center, center center;
    background-size: 52px, cover;
    transition: border-color 0.24s ease, background-size 0.24s ease;
  }

  .nav-menu > .menu-item-has-children > .sub-menu > li > a:hover,
  .nav-menu > .menu-item-has-children > .sub-menu > li > a:focus-visible,
  .nav-menu > .menu-item-has-children > .sub-menu > li > a.is-pointer-hover {
    transform: translateY(-4px);
    border-color: rgba(18, 55, 120, 0.35);
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.45), rgba(233, 245, 255, 0.3));
    box-shadow: 0 12px 24px rgba(18, 55, 120, 0.1);
    color: var(--brand);
    z-index: 2;
  }

  .nav-menu > .menu-item-has-children > .sub-menu > li > a:hover::before,
  .nav-menu > .menu-item-has-children > .sub-menu > li > a:focus-visible::before,
  .nav-menu > .menu-item-has-children > .sub-menu > li > a.is-pointer-hover::before {
    border-color: rgba(18, 55, 120, 0.46);
    background-size: 58px, cover;
  }
}

.mobile-nav-close,
.mobile-search-toggle,
.mobile-search-close,
.menu-toggle {
  border: 1px solid rgba(18, 55, 120, 0.16);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(245, 249, 255, 0.9));
  color: var(--text);
  border-radius: 999px;
  width: 2.5rem;
  height: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 22px rgba(18, 55, 120, 0.11);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease;
}

.mobile-nav-close:hover,
.mobile-search-toggle:hover,
.mobile-search-close:hover,
.menu-toggle:hover {
  transform: translate3d(0, -1px, 0);
  border-color: rgba(18, 55, 120, 0.28);
  box-shadow: 0 13px 26px rgba(18, 55, 120, 0.14);
}

.mobile-nav-close:active,
.mobile-search-toggle:active,
.mobile-search-close:active,
.menu-toggle:active {
  transform: translate3d(0, 0, 0);
}

.menu-toggle svg {
  transition: transform 0.22s ease;
}

.menu-toggle.is-active {
  border-color: rgba(18, 55, 120, 0.3);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(235, 244, 255, 0.92));
}

.menu-toggle.is-active svg {
  transform: rotate(90deg);
}

.mobile-submenu-toggle {
  display: none;
  border: 0;
  background: transparent;
  color: var(--text-muted);
  border-radius: 0;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
}

.mobile-submenu-toggle:hover,
.mobile-submenu-toggle:focus-visible {
  color: var(--text);
}

.mobile-submenu-toggle svg {
  width: 14px;
  height: 14px;
}

.mobile-search-toggle:focus,
.mobile-search-toggle:focus-visible {
  outline: none;
}

.mobile-nav-close {
  display: none;
}

.mobile-quick-nav {
  display: none;
}

.mobile-header-search {
  padding-bottom: 1rem;
}

.mobile-header-search[hidden] {
  display: none !important;
}

.mobile-header-search-panel {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: var(--shadow-md);
  padding: var(--space-3);
}

.mobile-header-search-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--space-2);
}

.mobile-header-search.active {
  display: block;
}

.agnero-live-search-dropdown {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 40;
  margin-top: 0.5rem;
  max-height: 24rem;
  overflow: auto;
  border: 1px solid rgba(18, 55, 120, 0.12);
  border-radius: 1rem;
  background: linear-gradient(140deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 253, 0.98));
  box-shadow: 0 26px 52px rgba(18, 55, 120, 0.16);
  padding: 0.35rem;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, -8px, 0) scale(0.98);
  transform-origin: top center;
  transition: opacity 0.2s ease, transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

.agnero-live-search-dropdown::-webkit-scrollbar {
  width: 8px;
}

.agnero-live-search-dropdown::-webkit-scrollbar-thumb {
  background: rgba(18, 55, 120, 0.2);
  border-radius: 999px;
}

.agnero-live-search-dropdown.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translate3d(0, 0, 0) scale(1);
}

.agnero-live-search-dropdown[data-state="loading"] {
  overflow: hidden;
}

.agnero-live-search-group-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.55rem 0.35rem;
  color: var(--text-muted);
  font-size: 0.69rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.agnero-live-search-item {
  --agnero-live-search-thumb-width: 7rem;
  --agnero-live-search-thumb-height: 4.25rem;
  display: grid;
  grid-template-columns: var(--agnero-live-search-thumb-width) minmax(0, 1fr);
  gap: 0.7rem;
  align-items: center;
  border-radius: 0.82rem;
  min-height: calc(var(--agnero-live-search-thumb-height) + 0.7rem);
  padding: 0.35rem 0.55rem;
  opacity: 0;
  transform: translate3d(0, 10px, 0);
  animation: agneroLiveSearchItemIn 0.34s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
  animation-delay: calc(var(--item-index, 0) * 34ms);
  transition: background-color 0.2s ease, transform 0.22s ease;
}

.agnero-live-search-item:hover,
.agnero-live-search-item.is-active {
  background: linear-gradient(120deg, rgba(18, 55, 120, 0.09), rgba(18, 55, 120, 0.03));
  transform: translate3d(4px, 0, 0);
}

.agnero-live-search-thumb {
  position: relative;
  display: grid;
  place-items: center;
  width: var(--agnero-live-search-thumb-width);
  height: var(--agnero-live-search-thumb-height);
  border-radius: 0;
  overflow: hidden;
  background: transparent;
}

.agnero-live-search-thumb img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  object-fit: contain;
  object-position: center;
  transform-origin: center;
}

.agnero-live-search-thumb img.is-portrait {
  inset: auto;
  top: 50%;
  left: 50%;
  width: var(--agnero-live-search-thumb-width);
  height: var(--agnero-live-search-thumb-width);
  transform: translate(-50%, -50%) rotate(90deg);
}

.agnero-live-search-thumb-placeholder {
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(135deg, #dde9f6, #edf3f9);
}

.agnero-live-search-name {
  display: block;
  font-size: 0.84rem;
  font-weight: 700;
}

.agnero-live-search-meta .agnero-hard-material-indicator {
  margin-top: 0.22rem;
  min-height: 1.35rem;
  padding: 0.2rem 0.42rem;
  font-size: 0.58rem;
}

.agnero-live-search-sub {
  display: flex;
  gap: 0.6rem;
  margin-top: 0.12rem;
  font-size: 0.75rem;
  color: var(--text-muted);
}

.agnero-live-search-code {
  font-family: var(--font-mono);
  font-size: 0.7rem;
}

.agnero-live-search-price {
  font-weight: 700;
  color: var(--brand);
}

@media (max-width: 640px) {
  .agnero-live-search-item {
    --agnero-live-search-thumb-width: 5rem;
    --agnero-live-search-thumb-height: 4rem;
    gap: 0.5rem;
    padding-inline: 0.4rem;
  }
}

/* Keep the title and its product-family link as one compact heading block. */
body.single-product.woocommerce div.product div.summary > h1.product_title {
  margin: 0 !important;
}

body.single-product.woocommerce div.product div.summary > .agnero-insert-family-link {
  margin: 0 0 2px !important;
  line-height: 1.25;
}

body.single-product.woocommerce div.product div.summary > p.price {
  margin: 14px 0 16px !important;
}

body.single-product.woocommerce div.product div.summary > .woocommerce-product-details__short-description {
  margin-top: 12px;
}

body.single-product.woocommerce div.product div.summary {
  row-gap: 4px;
}

/* Discount details are intentionally on-demand, never a table-level warning. */
.agnero-price-sale {
  position: relative;
}

.agnero-price-sale__info {
  position: relative;
  width: 1.15rem;
  height: 1.15rem;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid currentColor;
  border-radius: 50%;
  background: #fff;
  color: var(--brand);
  font: inherit;
  font-size: 0.7rem;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
}

.agnero-price-sale__info:hover,
.agnero-price-sale__info:focus-visible,
.agnero-price-sale.is-open .agnero-price-sale__info {
  border-color: #ff6900;
  background: #ff6900;
  color: #fff;
  outline: none;
}

.agnero-price-sale__popover {
  position: absolute;
  z-index: 40;
  top: calc(100% + 10px);
  right: -8px;
  left: auto;
  display: grid;
  width: max-content;
  min-width: 190px;
  max-width: min(260px, calc(100vw - 32px));
  gap: 3px;
  padding: 13px 15px 14px;
  border: 1px solid rgba(255, 116, 19, 0.88);
  border-radius: 12px;
  background:
    radial-gradient(circle at 10% 0%, rgba(38, 115, 202, 0.58), transparent 44%),
    #062451;
  color: #fff;
  box-shadow: 0 16px 30px rgba(4, 25, 57, 0.28);
  font-family: var(--font-body);
  line-height: 1.15;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity 150ms ease, transform 150ms ease;
}

.agnero-price-sale__popover::before {
  position: absolute;
  top: -6px;
  right: 12px;
  left: auto;
  width: 10px;
  height: 10px;
  border-top: 1px solid rgba(255, 116, 19, 0.88);
  border-left: 1px solid rgba(255, 116, 19, 0.88);
  background: #0b3267;
  content: "";
  transform: rotate(45deg);
}

.agnero-price-sale__popover > span,
.agnero-price-sale__popover > em {
  color: #ff7a00;
  font-size: 0.63rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.agnero-price-sale__popover > strong {
  color: #fff;
  font-size: 0.9rem;
  line-height: 1.2;
}

.agnero-price-sale__popover > strong b {
  color: #ff7a00;
}

.agnero-price-sale__info:hover + .agnero-price-sale__popover,
.agnero-price-sale__info:focus-visible + .agnero-price-sale__popover,
.agnero-price-sale.is-open .agnero-price-sale__popover {
  opacity: 1;
  pointer-events: auto;
  transform: none;
}

/* The cart and checkout use the same campaign card, anchored to their own ?. */
.agnero-discount-popover {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.agnero-discount-popover__trigger {
  width: 1.05rem;
  height: 1.05rem;
  display: inline-grid;
  place-items: center;
  margin-left: 0.28rem;
  padding: 0;
  border: 1px solid currentColor;
  border-radius: 50%;
  background: #fff;
  color: var(--brand);
  font: inherit;
  font-size: 0.68rem;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
}

.agnero-discount-popover__trigger:hover,
.agnero-discount-popover__trigger:focus-visible,
.agnero-discount-popover.is-open .agnero-discount-popover__trigger {
  border-color: #ff6900;
  background: #ff6900;
  color: #fff;
  outline: none;
}

.agnero-discount-popover__panel {
  position: absolute;
  z-index: 60;
  top: calc(100% + 10px);
  right: -8px;
  display: grid;
  width: max-content;
  min-width: 190px;
  max-width: min(260px, calc(100vw - 32px));
  gap: 3px;
  padding: 13px 15px 14px;
  border: 1px solid rgba(255, 116, 19, 0.88);
  border-radius: 12px;
  background: radial-gradient(circle at 10% 0%, rgba(38, 115, 202, 0.58), transparent 44%), #062451;
  box-shadow: 0 16px 30px rgba(4, 25, 57, 0.28);
  color: #fff;
  font-family: var(--font-body);
  line-height: 1.15;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity 150ms ease, transform 150ms ease;
}

.agnero-discount-popover__panel::before {
  position: absolute;
  top: -6px;
  right: 12px;
  width: 10px;
  height: 10px;
  border-top: 1px solid rgba(255, 116, 19, 0.88);
  border-left: 1px solid rgba(255, 116, 19, 0.88);
  background: #0b3267;
  content: "";
  transform: rotate(45deg);
}

.agnero-discount-popover__panel > span,
.agnero-discount-popover__panel > em {
  color: #ff7a00;
  font-size: 0.63rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.agnero-discount-popover__panel > strong {
  color: #fff;
  font-size: 0.9rem;
  line-height: 1.2;
}

.agnero-discount-popover__panel > strong b {
  color: #ff7a00;
}

.agnero-discount-popover__trigger:hover + .agnero-discount-popover__panel,
.agnero-discount-popover__trigger:focus-visible + .agnero-discount-popover__panel,
.agnero-discount-popover.is-open .agnero-discount-popover__panel {
  opacity: 1;
  pointer-events: auto;
  transform: none;
}

.product-specs-table-wrapper:has(.agnero-price-sale__info:hover),
.product-specs-table-wrapper:has(.agnero-price-sale__info:focus-visible),
.product-specs-table-wrapper:has(.agnero-price-sale.is-open) {
  overflow: visible;
}

@media (max-width: 700px) {
  .agnero-price-sale__popover {
    right: 0;
  }

  .agnero-price-sale__popover::before {
    right: 12px;
    left: auto;
  }
}

/* Single-product purchase hierarchy: regular price first, sale price second. */
body.single-product div.product div.summary {
  grid-template-columns: minmax(0, 1fr) 52px;
  row-gap: 10px;
}

body.single-product .product_title {
  margin-bottom: 0;
}

body.single-product .agnero-insert-family-link {
  margin: -9px 0 3px;
}

body.single-product div.product p.price,
body.single-product div.product span.price {
  align-items: flex-start;
}

body.single-product div.product p.price:has(.agnero-price-sale),
body.single-product div.product span.price:has(.agnero-price-sale) {
  gap: 0 12px;
}

body.single-product div.product p.price:has(.agnero-price-sale)::before {
  content: none;
  display: none;
}

body.single-product div.product div.summary .agnero-price-sale {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  padding-right: 1.55rem;
}

body.single-product div.product div.summary .agnero-price-sale__regular,
body.single-product div.product div.summary .agnero-price-sale__regular .woocommerce-Price-amount,
body.single-product div.product div.summary .agnero-price-sale__regular .woocommerce-Price-currencySymbol {
  color: #8a96a3;
  font-size: 1rem;
  font-weight: 700;
}

body.single-product div.product div.summary .agnero-price-sale__current,
body.single-product div.product div.summary .agnero-price-sale__current .woocommerce-Price-amount,
body.single-product div.product div.summary .agnero-price-sale__current .woocommerce-Price-currencySymbol {
  color: #08705f;
  font-size: clamp(2rem, 3.4vw, 2.75rem);
  font-weight: 850;
  line-height: 1;
}

body.single-product div.product div.summary .agnero-price-sale__info {
  position: absolute;
  right: 0;
  bottom: 0.28rem;
  margin: 0;
}

body.single-product div.product div.summary > form.cart {
  grid-column: 1;
}

body.single-product div.product div.summary > .agnero-favorite-single-wrap {
  grid-column: 2;
  width: 52px;
}

body.single-product .agnero-favorite-single-button {
  width: 52px;
  min-width: 52px;
  padding: 0;
}

body.single-product .agnero-favorite-single-button .agnero-favorite-text {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

body.single-product .agnero-product-jump-links {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  margin-top: 2px;
}

body.single-product .agnero-product-jump-links a {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border: 1px solid #cbd9e6;
  border-radius: 999px;
  background: #fff;
  color: var(--agnero-product-blue);
  font-size: 0.78rem;
  font-weight: 800;
  width: 100%;
}

body.single-product .agnero-product-jump-links a:hover,
body.single-product .agnero-product-jump-links a:focus-visible {
  border-color: var(--agnero-product-blue);
  background: #eef4fa;
  color: var(--agnero-product-blue);
}

body.single-product #agnero-installment-options,
body.single-product #tab-description,
body.single-product #agnero-product-contact {
  scroll-margin-top: 150px;
}

@media (max-width: 700px) {
  body.single-product div.product div.summary {
    grid-template-columns: minmax(0, 1fr) 48px;
  }

  body.single-product div.product div.summary > .agnero-favorite-single-wrap,
  body.single-product .agnero-favorite-single-button {
    width: 48px;
    min-width: 48px;
  }

  body.single-product .agnero-product-jump-links a {
    width: 100%;
  }
}

/* ============================================
   SHOP CATALOGUE — ORDERED PRODUCT DISCOVERY
   ============================================ */
body.woocommerce-shop {
  background: #f6f8fb;
}

body.woocommerce-shop .agnero-woocommerce-shell {
  padding-block: clamp(1.25rem, 2.5vw, 2rem) clamp(3.5rem, 6vw, 5rem);
}

body.woocommerce-shop .shop-content--store {
  display: grid;
  gap: clamp(1.15rem, 2vw, 1.6rem);
}

.agnero-shop-hero {
  position: relative;
  min-height: clamp(11rem, 20vw, 14.5rem);
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 2rem;
  border-radius: 1.5rem;
  background:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(135deg, #123778 0%, #081b34 100%);
  background-size: 32px 32px, 32px 32px, auto;
  box-shadow: 0 18px 42px rgba(8, 27, 52, 0.16);
  color: #fff;
  padding: clamp(1.5rem, 3.5vw, 2.7rem);
}

.agnero-shop-hero::before {
  content: "";
  position: absolute;
  inset: 1.5rem auto 1.5rem 0;
  width: 4px;
  border-radius: 0 999px 999px 0;
  background: #f68b1e;
}

.agnero-shop-hero__copy {
  position: relative;
  z-index: 1;
  max-width: 50rem;
}

.agnero-shop-eyebrow {
  margin: 0 0 0.55rem;
  color: #58718e;
  font-family: var(--font-mono);
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.agnero-shop-hero .agnero-shop-eyebrow {
  color: #b9cbe0;
}

.agnero-shop-hero h1 {
  max-width: 17ch;
  margin: 0;
  color: #fff;
  font-size: clamp(2rem, 4.5vw, 3.65rem);
  font-weight: 750;
  line-height: 1.02;
  letter-spacing: -0.045em;
}

.agnero-shop-hero__copy > p:last-child {
  max-width: 62ch;
  margin-top: 0.85rem;
  color: #d5e0ed;
  font-size: clamp(0.86rem, 1.15vw, 1rem);
  line-height: 1.6;
}

.agnero-shop-hero__summary {
  position: relative;
  z-index: 1;
  min-width: 10.5rem;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding-left: 1.25rem;
}

.agnero-shop-hero__summary span,
.agnero-shop-hero__summary strong {
  display: block;
}

.agnero-shop-hero__summary span {
  color: #a9bed6;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.agnero-shop-hero__summary strong {
  margin-top: 0.18rem;
  color: #fff;
  font-size: 1rem;
  font-weight: 800;
}

body.woocommerce-shop .store-front-shell {
  border: 1px solid #dce5ef;
  border-radius: 1.35rem;
  background: #fff;
  box-shadow: 0 10px 28px rgba(18, 55, 120, 0.06);
  padding: clamp(1.1rem, 2vw, 1.55rem);
}

.store-front-shell__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 1rem;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid #e4ebf3;
}

.store-front-shell__head .agnero-shop-eyebrow {
  margin-bottom: 0.18rem;
}

.store-front-shell__head h2 {
  color: #102d54;
  font-size: clamp(1.15rem, 2vw, 1.5rem);
  font-weight: 800;
  letter-spacing: -0.025em;
}

.store-front-shell__head > p {
  color: #5b718b;
  font-size: 0.78rem;
}

body.woocommerce-shop .store-category-rail {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.55rem;
  margin-top: 0;
}

body.woocommerce-shop .store-category-item {
  position: relative;
  min-height: 8.4rem;
  align-content: center;
  border: 1px solid transparent;
  border-radius: 1rem;
  padding: 0.75rem 0.55rem;
  transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

body.woocommerce-shop .store-category-item:hover,
body.woocommerce-shop .store-category-item:focus-visible {
  border-color: #cad8e7;
  background: #f6f9fc;
  box-shadow: 0 8px 20px rgba(18, 55, 120, 0.07);
}

body.woocommerce-shop .store-category-item-media {
  width: 4.5rem;
  height: 4.5rem;
  border: 0;
  background: #f4f7fb;
  transition: background-color 180ms ease;
}

body.woocommerce-shop .store-category-item:hover .store-category-item-media,
body.woocommerce-shop .store-category-item:focus-visible .store-category-item-media {
  background: #eaf0f7;
}

body.woocommerce-shop .store-category-item-media img {
  width: 76%;
  height: 76%;
}

body.woocommerce-shop .store-category-item-name {
  max-width: 15ch;
  color: #18395f;
  font-size: 0.76rem;
  font-weight: 750;
  line-height: 1.3;
}

.agnero-shop-toolbar {
  min-height: 4.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border: 1px solid #dce5ef;
  border-radius: 1rem;
  background: #fff;
  padding: 0.75rem 0.85rem 0.75rem 1rem;
}

body.woocommerce-shop .agnero-shop-toolbar .woocommerce-result-count,
body.woocommerce-shop .agnero-shop-toolbar .woocommerce-ordering {
  float: none;
  width: auto;
  margin: 0;
}

body.woocommerce-shop .agnero-shop-toolbar .woocommerce-result-count {
  color: #536b86;
  font-size: 0.8rem;
  font-weight: 650;
}

body.woocommerce-shop .agnero-shop-toolbar .orderby {
  min-width: 15.5rem;
  min-height: 2.7rem;
  appearance: none;
  border: 1px solid #cbd8e6;
  border-radius: 0.7rem;
  background:
    linear-gradient(45deg, transparent 50%, #23466e 50%) calc(100% - 16px) calc(50% - 2px) / 6px 6px no-repeat,
    linear-gradient(135deg, #23466e 50%, transparent 50%) calc(100% - 10px) calc(50% - 2px) / 6px 6px no-repeat,
    #fff;
  color: #18395f;
  cursor: pointer;
  font-size: 0.78rem;
  font-weight: 700;
  padding: 0 2.25rem 0 0.85rem;
}

body.woocommerce-shop .agnero-shop-toolbar .orderby:hover {
  border-color: #8ca5bf;
}

body.woocommerce-shop .agnero-shop-toolbar .orderby:focus-visible {
  border-color: #123778;
  box-shadow: 0 0 0 3px rgba(18, 55, 120, 0.12);
}

body.woocommerce-shop ul.products,
body.woocommerce-shop.woocommerce-page ul.products {
  align-items: stretch;
  gap: clamp(0.8rem, 1.5vw, 1.15rem);
}

body.woocommerce-shop ul.products li.product,
body.woocommerce-shop.woocommerce-page ul.products li.product {
  position: relative;
  height: 100%;
  min-width: 0;
  gap: 0.65rem;
  overflow: hidden;
  border: 1px solid #dce5ef;
  border-radius: 1.1rem;
  background: #fff;
  box-shadow: 0 8px 22px rgba(18, 55, 120, 0.055);
  padding: 0.75rem;
  text-align: left;
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

body.woocommerce-shop ul.products li.product:hover,
body.woocommerce-shop.woocommerce-page ul.products li.product:hover {
  border-color: #b9cadc;
  box-shadow: 0 16px 34px rgba(18, 55, 120, 0.11);
  transform: translateY(-3px);
}

body.woocommerce-shop ul.products li.product .woocommerce-loop-product__link {
  min-width: 0;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  color: #123778;
}

body.woocommerce-shop ul.products li.product a img {
  width: 100% !important;
  height: clamp(13.5rem, 18vw, 16rem) !important;
  max-height: 16rem;
  margin: 0 0 0.85rem !important;
  border: 0;
  border-radius: 0.8rem;
  background: #f3f6fa;
  object-fit: contain;
  object-position: center;
  padding: clamp(0.85rem, 1.4vw, 1.2rem);
}

body.woocommerce-shop ul.products li.product:hover a img {
  transform: none;
}

body.woocommerce-shop ul.products li.product .woocommerce-loop-product__title {
  min-height: 2.85em;
  margin: 0;
  padding: 0 0.25rem;
  color: #15385f;
  font-size: clamp(0.86rem, 1.05vw, 0.98rem);
  font-weight: 800;
  line-height: 1.42;
}

body.woocommerce-shop ul.products li.product .agnero-hard-material-indicator {
  align-self: flex-start;
  margin: 0.5rem 0.25rem 0;
}

body.woocommerce-shop ul.products li.product .price {
  margin: 0.15rem 0.25rem;
  color: #123778;
  font-size: 0.96rem;
}

body.woocommerce-shop ul.products li.product > .agnero-favorite-loop-button {
  position: absolute;
  z-index: 2;
  top: 1.15rem;
  right: 1.15rem;
  width: 2.45rem;
  min-width: 2.45rem;
  height: 2.45rem;
  min-height: 2.45rem;
  border-color: #d3dee9;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 5px 14px rgba(18, 55, 120, 0.09);
  cursor: pointer;
  padding: 0;
}

body.woocommerce-shop ul.products li.product > .agnero-favorite-loop-button .agnero-favorite-text {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

body.woocommerce-shop ul.products li.product > .agnero-favorite-loop-button .agnero-favorite-icon {
  font-size: 1.15rem;
  line-height: 1;
}

body.woocommerce-shop ul.products li.product > .button {
  min-height: 2.85rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #123778;
  border-radius: 0.72rem;
  background: #123778;
  color: #fff;
  cursor: pointer;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.035em;
  text-transform: none;
  transition: background-color 180ms ease, border-color 180ms ease;
}

body.woocommerce-shop ul.products li.product > .button:hover,
body.woocommerce-shop ul.products li.product > .button:focus-visible {
  border-color: #0a2647;
  background: #0a2647;
  color: #fff;
}

@media (max-width: 1024px) {
  body.woocommerce-shop .store-category-rail {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.woocommerce-shop .store-category-item {
    min-height: 7.7rem;
  }
}

@media (max-width: 700px) {
  .agnero-shop-hero {
    min-height: 0;
    grid-template-columns: 1fr;
    align-items: start;
    gap: 1.25rem;
    border-radius: 1.15rem;
    padding: 1.45rem 1.25rem 1.35rem;
  }

  .agnero-shop-hero::before {
    inset-block: 1.2rem;
  }

  .agnero-shop-hero h1 {
    font-size: clamp(1.8rem, 9vw, 2.5rem);
  }

  .agnero-shop-hero__summary {
    min-width: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-left: 0;
    padding-top: 0.85rem;
    padding-left: 0;
  }

  .store-front-shell__head {
    display: block;
  }

  .store-front-shell__head > p {
    margin-top: 0.3rem;
  }

  body.woocommerce-shop .store-category-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.woocommerce-shop .store-category-item {
    min-height: 7.25rem;
  }

  body.woocommerce-shop .store-category-item-media {
    width: 3.8rem;
    height: 3.8rem;
  }

  .agnero-shop-toolbar {
    align-items: stretch;
    flex-direction: column;
    gap: 0.55rem;
    padding: 0.85rem;
  }

  body.woocommerce-shop .agnero-shop-toolbar .orderby {
    width: 100%;
    min-width: 0;
  }

  body.woocommerce-shop ul.products li.product a img {
    height: 15rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.woocommerce-shop .store-category-item,
  body.woocommerce-shop ul.products li.product,
  body.woocommerce-shop ul.products li.product > .button {
    transition: none;
  }

  body.woocommerce-shop ul.products li.product:hover {
    transform: none;
  }
}

.agnero-live-search-stock.is-out {
  display: inline-flex;
  margin-top: 0.2rem;
  border-radius: 999px;
  background: #f7e4e4;
  color: #8f3e3e;
  padding: 0.15rem 0.5rem;
  font-size: 0.67rem;
  font-weight: 700;
}

.agnero-live-search-loading {
  display: grid;
  gap: 0.45rem;
  padding: 0.15rem 0.05rem 0.25rem;
}

.agnero-live-search-skeleton {
  display: grid;
  grid-template-columns: 3rem 1fr;
  gap: 0.8rem;
  align-items: center;
  border-radius: 0.82rem;
  padding: 0.52rem;
}

.agnero-live-search-skeleton-thumb {
  width: 3rem;
  height: 3rem;
  border-radius: 10px;
  background: linear-gradient(120deg, #e7eef7 18%, #f3f7fc 50%, #e7eef7 82%);
  background-size: 220% 100%;
  animation: agneroSearchShimmer 1.2s linear infinite;
}

.agnero-live-search-skeleton-meta {
  display: grid;
  gap: 0.35rem;
}

.agnero-live-search-skeleton-line {
  display: block;
  border-radius: 999px;
  height: 0.5rem;
  background: linear-gradient(120deg, #e7eef7 18%, #f3f7fc 50%, #e7eef7 82%);
  background-size: 220% 100%;
  animation: agneroSearchShimmer 1.2s linear infinite;
}

.agnero-live-search-skeleton-line.is-short {
  width: 48%;
}

.agnero-live-search-empty {
  padding: 0.9rem 0.8rem;
  text-align: left;
  border-radius: 0.8rem;
  background: rgba(18, 55, 120, 0.03);
}

.agnero-live-search-empty strong {
  display: block;
  font-size: 0.86rem;
  margin-bottom: 0.2rem;
}

.agnero-live-search-empty span {
  font-size: 0.76rem;
  color: var(--text-muted);
}

.agnero-live-search-all {
  margin-top: 0.1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.6rem;
  border-radius: 0.82rem;
  border: 1px solid rgba(18, 55, 120, 0.12);
  background: rgba(18, 55, 120, 0.04);
  padding: 0.62rem 0.7rem;
  font-size: 0.74rem;
  font-weight: 700;
}

.agnero-live-search-all strong {
  font-size: 0.68rem;
  color: var(--text-muted);
  font-family: var(--font-mono);
}

.agnero-live-search-all:hover {
  background: rgba(18, 55, 120, 0.08);
}

@keyframes agneroLiveSearchItemIn {
  from {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes agneroSearchShimmer {
  from {
    background-position: 100% 0;
  }
  to {
    background-position: -120% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .agnero-live-search-dropdown,
  .agnero-live-search-item {
    transition: none;
    animation: none;
  }

  .agnero-live-search-item {
    opacity: 1;
    transform: none;
  }

  .agnero-live-search-skeleton-thumb,
  .agnero-live-search-skeleton-line {
    animation: none;
  }
}

.cart-drawer-overlay {
  position: fixed;
  inset: 0;
  background: rgba(5, 31, 58, 0.46);
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--transition), visibility var(--transition), background-color 180ms ease;
  z-index: 5290;
}

.cart-drawer-overlay.active {
  opacity: 1;
  visibility: visible;
}

body.agnero-cart-summary-expanded .cart-drawer-overlay.active {
  background: rgba(5, 20, 38, 0.72);
}

.cart-drawer {
  position: fixed;
  top: 0;
  right: 0;
  width: min(28rem, 100%);
  height: 100%;
  transform: translate3d(100%, 0, 0);
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  background: var(--surface);
  z-index: 5300;
  display: flex;
  flex-direction: column;
  border-left: 1px solid var(--line);
  box-shadow: -20px 0 60px rgba(18, 55, 120, 0.15);
}

.cart-drawer.active {
  transform: translate3d(0, 0, 0);
}

.cart-drawer-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.2rem;
  border-bottom: 1px solid var(--line);
}

.cart-drawer-title {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.cart-drawer-title h3 {
  font-size: 1.05rem;
}

.cart-drawer-close {
  border: 1px solid var(--line);
  background: var(--surface-soft);
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cart-drawer-body {
  flex: 1;
  overflow: auto;
  padding: 1rem;
}

.cart-item {
  display: grid;
  grid-template-columns: 4.8rem 1fr auto;
  gap: 0.9rem;
  align-items: center;
  padding: 0.75rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--surface-soft);
}

.cart-item + .cart-item {
  margin-top: 0.65rem;
}

.cart-item-image {
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 0;
  overflow: visible;
  background: transparent;
}

.cart-item-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.cart-item-name {
  font-size: 0.82rem;
  margin-bottom: 0.15rem;
  line-height: 1.36;
}

.cart-item-quantity,
.cart-item-total {
  font-size: 0.75rem;
  color: var(--text-muted);
}

.cart-item-total {
  color: var(--text);
  font-weight: 700;
}

.cart-item-quantity-control {
  display: inline-grid;
  grid-template-columns: 1.85rem 2rem 1.85rem;
  align-items: center;
  width: fit-content;
  min-height: 1.9rem;
  overflow: hidden;
  border: 1px solid #d8e5f2;
  border-radius: 8px;
  background: #fff;
  margin-top: 0.35rem;
}

.cart-item-quantity-control button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.85rem;
  height: 1.9rem;
  border: 0;
  background: transparent;
  color: #123778;
  font-size: 0.95rem;
  font-weight: 850;
  cursor: pointer;
}

.cart-item-quantity-control button:hover {
  background: #f3f7fb;
}

.cart-item-quantity-control button.is-loading {
  opacity: 0.45;
  cursor: wait;
}

.cart-item-quantity-control span {
  min-width: 2rem;
  color: #123778;
  font-size: 0.78rem;
  font-weight: 850;
  text-align: center;
}

.cart-item-remove {
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--line-strong);
  border-radius: 50%;
  background: var(--surface);
  color: var(--text-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cart-item-remove:hover {
  color: var(--brand);
  border-color: var(--brand-soft);
}

.cart-item-remove.is-loading {
  opacity: 0.5;
  pointer-events: none;
}

.cart-empty {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 0.8rem 0.9rem;
  border: 1px solid rgba(18, 55, 120, 0.14);
  border-radius: var(--radius-md);
  padding: 1rem;
  color: var(--text);
  background: linear-gradient(135deg, #f7faff 0%, #fff 68%);
  box-shadow: 0 10px 28px rgba(18, 55, 120, 0.08);
}

.cart-empty__icon {
  display: grid;
  width: 3.5rem;
  height: 3.5rem;
  place-items: center;
  border-radius: 1rem;
  color: var(--brand);
  background: rgba(18, 55, 120, 0.08);
}

.cart-empty__copy {
  min-width: 0;
}

.cart-empty__copy strong {
  display: block;
  margin-bottom: 0.25rem;
  color: var(--brand);
  font-size: 1rem;
  line-height: 1.2;
}

.cart-empty__copy p {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.78rem;
  line-height: 1.45;
}

.cart-empty__cta {
  grid-column: 1 / -1;
  display: inline-flex;
  min-height: 2.65rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  background: var(--brand);
  color: #fff;
  font-size: 0.82rem;
  font-weight: 800;
  text-decoration: none;
}

.cart-empty-recommendations {
  margin-top: 0.9rem;
  display: grid;
  gap: 0.65rem;
}

.cart-empty-recommendations-head {
  display: block;
}

.cart-empty-recommendations-title {
  margin: 0;
  font-size: 0.84rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: var(--text);
}

.cart-rec-scroll-next {
  position: absolute;
  top: 50%;
  right: 0.25rem;
  transform: translateY(-50%);
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 50%;
  border: 1px solid var(--line);
  background: #fff;
  color: var(--text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color var(--transition), border-color var(--transition), opacity var(--transition);
  z-index: 4;
}

.cart-rec-scroll-next:hover {
  border-color: var(--brand-soft);
  color: var(--brand);
}

.cart-rec-scroll-next.is-hidden,
.cart-rec-scroll-next:disabled {
  opacity: 0.35;
  cursor: default;
}

.cart-empty-recommendations-viewport {
  position: relative;
  overflow: hidden;
  margin-inline: -1rem;
}

.cart-empty-recommendations-slider {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 0.15rem;
  padding-inline: 0;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
}

.cart-empty-recommendations-slider::-webkit-scrollbar {
  display: none;
}

.cart-empty-recommendations-viewport::before,
.cart-empty-recommendations-viewport::after {
  content: "";
  position: absolute;
  top: 0;
  width: 2.4rem;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--transition);
  z-index: 2;
}

.cart-empty-recommendations-viewport::before {
  left: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.94) 70%, rgba(255, 255, 255, 0));
}

.cart-empty-recommendations-viewport::after {
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.94) 70%, rgba(255, 255, 255, 1));
}

.cart-empty-recommendations-viewport.has-overflow:not(.is-start)::before {
  opacity: 1;
}

.cart-empty-recommendations-viewport.has-overflow:not(.is-end)::after {
  opacity: 1;
}

.cart-empty-recommendations-list {
  display: flex;
  gap: 0.6rem;
  align-items: stretch;
  width: max-content;
  min-width: 0;
}

.cart-rec-item {
  flex: 0 0 11.8rem;
  min-width: 11.8rem;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 0.55rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface-soft);
  padding: 0.65rem;
}

.cart-rec-thumb {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 0.7rem;
  overflow: hidden;
  border: 1px solid var(--line);
  background: #fff;
}

.cart-rec-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.cart-rec-content {
  min-width: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 0.32rem;
}

.cart-rec-badge {
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--text-muted);
}

.cart-rec-badge.is-price-drop {
  color: #1e9d69;
}

.cart-rec-badge.is-favorite {
  color: var(--brand);
}

.cart-rec-name {
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--text);
}

.cart-rec-price-wrap {
  font-size: 0.78rem;
  margin-top: auto;
}

.cart-rec-price-wrap .price {
  margin: 0;
}

.cart-rec-price {
  font-weight: 800;
}

.cart-rec-price-old {
  color: var(--text-muted);
  text-decoration: line-through;
  font-size: 0.73rem;
  margin-right: 0.35rem;
}

.cart-rec-price-new {
  color: #1e9d69;
  font-size: 0.8rem;
  font-weight: 800;
}

.cart-rec-link {
  display: inline-flex;
  width: fit-content;
  font-size: 0.73rem;
  font-weight: 700;
  color: var(--brand);
}

.cart-rec-actions {
  margin-top: 0.35rem;
}

.cart-rec-add-button {
  width: 100%;
  min-height: 2.05rem;
  border-radius: 999px;
  font-size: 0.73rem;
  padding: 0.2rem 0.6rem;
}

.cart-rec-add-button.is-loading {
  opacity: 0.7;
  pointer-events: none;
}

.cart-rec-link:hover {
  color: var(--text);
}

.cart-drawer-footer {
  border-top: 1px solid var(--line);
  padding: 1rem;
  display: grid;
  gap: 0.9rem;
  background: var(--surface-soft);
}

.cart-drawer-footer.is-hidden {
  display: none;
}

.cart-summary {
  display: grid;
  gap: 0.36rem;
  justify-items: end;
}

.cart-summary-breakdown {
  display: grid;
  gap: 0.36rem;
  width: 100%;
}

.cart-summary-row {
  display: grid;
  grid-template-columns: max-content minmax(5.8rem, max-content);
  justify-content: end;
  align-items: center;
  gap: 1rem;
  width: 100%;
  font-size: 0.86rem;
  line-height: 1.25;
  color: var(--text-muted);
  text-align: right;
}

.cart-summary-row span {
  text-align: right;
}

.cart-summary-row strong {
  color: var(--text);
  font-weight: 800;
  text-align: right;
  white-space: nowrap;
}

.cart-summary-row--tax {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #7f8da0;
  font-size: 0.8rem;
}

.cart-summary-row--tax strong {
  color: #7f8da0;
  font-weight: 750;
}

.cart-summary-row--discount,
.cart-summary-row--discount strong {
  color: #d75b00;
  font-weight: 850;
}

.cart-summary-row--total {
  margin-top: 0.2rem;
  padding-top: 0.78rem;
  border-top: 0;
  color: var(--text);
  font-size: 1rem;
  font-weight: 800;
}

.cart-summary-total-label {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.32rem;
}

.cart-summary-toggle {
  display: none;
  width: 1.75rem;
  height: 1.75rem;
  margin: -0.3rem 0;
  padding: 0;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--brand);
  cursor: pointer;
}

.cart-summary-toggle svg {
  transition: transform 180ms ease;
}

.cart-summary-toggle[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

.agnero-shipping-policy-note {
  margin: 0;
  color: #4d6681;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.35;
}

.agnero-shipping-policy-note--drawer {
  justify-self: stretch;
  border-top: 1px solid rgba(18, 55, 120, 0.08);
  padding-top: 0.48rem;
  text-align: right;
}

.agnero-shipping-policy-note--summary {
  margin: -0.45rem 0 0.8rem;
  border-bottom: 1px solid #edf2f7;
  padding-bottom: 0.8rem;
  text-align: right;
}

.cart-total-amount {
  color: #071526;
  font-size: 1.28rem;
  font-weight: 800;
  letter-spacing: 0;
}

.cart-installments-mobile-note {
  display: none;
  margin: -0.55rem 0 0;
  color: #60738b;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.25;
  text-align: right;
}

.cart-installments-popover {
  position: relative;
  justify-self: end;
  text-align: right;
}

.cart-installments-popover > summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.8rem;
  padding: 0 0.35rem;
  color: #123778;
  cursor: pointer;
  font-size: 0.76rem;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.cart-installments-popover > summary::-webkit-details-marker {
  display: none;
}

.cart-installments-popover__layer {
  position: absolute;
  right: 0;
  bottom: calc(100% + 0.45rem);
  z-index: 5310;
  display: block;
  width: min(22rem, calc(100vw - 2rem));
  padding: 0;
  background: transparent;
  opacity: 0;
  pointer-events: none;
  transform: translateY(0.45rem) scale(0.98);
  transform-origin: bottom right;
  transition: opacity 180ms ease, transform 180ms ease;
}

.cart-installments-popover[open] .cart-installments-popover__layer {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.cart-installments-popover__panel {
  width: 100%;
  border: 1px solid #d6e2ef;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(7, 21, 38, 0.2);
  padding: 0.85rem;
  text-align: left;
}

.cart-installments-preview {
  display: grid;
  gap: 0.55rem;
  padding: 0.72rem;
  border: 1px solid #d8e5f2;
  border-radius: 8px;
  background: #fff;
}

.cart-installments-preview__header,
.cart-installments-preview__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.cart-installments-preview__header span {
  color: #425872;
  font-size: 0.7rem;
  font-weight: 850;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.cart-installments-preview__header strong {
  color: #123778;
  font-size: 0.86rem;
  font-weight: 850;
  white-space: nowrap;
}

.cart-installments-preview__rows {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.38rem;
}

.cart-installments-preview__row {
  min-width: 0;
  padding: 0.42rem 0.5rem;
  border-radius: 6px;
  background: #f4f7fb;
  color: #425872;
  font-size: 0.76rem;
  line-height: 1.2;
}

.cart-installments-preview__row strong {
  color: #101820;
  font-size: 0.78rem;
  font-weight: 850;
  text-align: left;
  white-space: nowrap;
}

.cart-installments-preview p {
  margin: 0;
  color: #6d7c8e;
  font-size: 0.68rem;
  line-height: 1.35;
}

.cart-installments-popover__close {
  width: 100%;
  min-height: 2.3rem;
  margin-top: 0.65rem;
  border: 1px solid #d8e5f2;
  border-radius: 8px;
  background: #f5f8fc;
  color: #123778;
  font-size: 0.78rem;
  font-weight: 850;
  cursor: pointer;
}

.cart-drawer-actions {
  display: grid;
  gap: 0.5rem;
}

.cart-drawer-actions .btn {
  width: 100%;
}

.cart-drawer-actions .btn-accent {
  background: #ff6b00 !important;
  border-color: #ff6b00 !important;
  color: #fff !important;
  box-shadow: none !important;
}

.cart-drawer-actions .btn-accent:hover,
.cart-drawer-actions .btn-accent:focus-visible {
  background: #e95f00 !important;
  border-color: #e95f00 !important;
  color: #fff !important;
}

.hero-slider {
  position: relative;
  margin-top: 1.2rem;
  margin-inline: auto;
  width: min(var(--container), calc(100% - 2.5rem));
  min-height: clamp(21rem, 50vw, 35rem);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: #e9eff8;
  box-shadow: var(--shadow-md);
}

.hero-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transform: scale(1.03);
  transition: opacity 0.45s ease, transform 0.7s ease;
  background-size: cover;
  background-position: center;
}

body.home .hero-slider {
  background: #123778;
}

body.home .hero-slide {
  background-image: none !important;
  background-color: #123778 !important;
}

.hero-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, rgb(8, 32, 58), rgb(18, 55, 120));
  opacity: var(--hero-overlay-opacity, 0.7);
}

.hero-slide .container {
  position: relative;
  z-index: 2;
  height: 100%;
  padding-inline: clamp(1.75rem, 4.2vw, 4.75rem);
}

.hero-slide-overlay-link {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.hero-slide:first-child,
.hero-slide.active,
.hero-slider:not(.js-ready) .hero-slide:first-child {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.hero-content {
  position: relative;
  z-index: 2;
  color: #fff;
  max-width: 39rem;
  padding: clamp(2rem, 8vw, 6rem) 0;
}

.hero-content--center {
  margin-inline: auto;
  text-align: center;
}

.hero-content--right {
  margin-left: auto;
  text-align: right;
}

.hero-content h1 {
  font-size: clamp(2rem, 5vw, 3.9rem);
  margin-bottom: 0.8rem;
}

.hero-content p {
  font-size: clamp(0.92rem, 1.4vw, 1.12rem);
  color: rgba(255, 255, 255, 0.88);
}

.hero-buttons {
  margin-top: var(--space-4);
  display: inline-flex;
  gap: 0.6rem;
  flex-wrap: wrap;
}

.hero-content--center .hero-buttons {
  justify-content: center;
}

.hero-content--right .hero-buttons {
  justify-content: flex-end;
}

.slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.45);
  background: rgba(18, 55, 120, 0.48);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.slider-arrow.prev { left: 1rem; }
.slider-arrow.next { right: 1rem; }

.slider-dots {
  position: absolute;
  bottom: 1.2rem;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  gap: 0.4rem;
  z-index: 2;
}

.slider-dot {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}

.slider-dot.active {
  width: 1.5rem;
  background: #fff;
}

.page-template-page-home2,
.agnero-home2 {
  background: #f7f9fc;
}

.agnero-home2 {
  --home2-shell: min(85rem, calc(100% - 15.5rem));
  padding: 0;
}

.agnero-home2 .container {
  width: var(--home2-shell);
}

.agnero-home2-slider {
  width: 100%;
  min-height: clamp(26rem, 49.8vh, 26.5rem);
  margin-top: 0;
  border-radius: 0;
  border: 0;
  background:
    radial-gradient(circle at 55% 52%, rgba(255, 139, 35, 0.16), transparent 36%),
    linear-gradient(112deg, #123778 0%, #243955 19%, #65483b 42%, #b94d06 70%, #ff6400 100%);
  box-shadow: none;
}

.agnero-home2-slide {
  background: transparent !important;
}

.agnero-home2-slide::before {
  display: none;
}

.agnero-home2-slider .slider-arrow {
  width: 4.4rem;
  height: 4.4rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #fff;
  box-shadow: none;
}

.agnero-home2-slider .slider-arrow:hover {
  background: transparent;
}

.agnero-home2-slider .slider-arrow svg {
  width: 2.55rem;
  height: 2.55rem;
  stroke-width: 1.25;
}

.agnero-home2-slider .slider-arrow.prev {
  left: 1.25rem;
}

.agnero-home2-slider .slider-arrow.next {
  right: 1.25rem;
}

.agnero-home2-products {
  position: relative;
  z-index: 3;
  margin-top: -7.65rem;
  padding-bottom: clamp(2.8rem, 5vw, 4.6rem);
}

.agnero-home2-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.35rem 1.48rem;
}

.agnero-home2-card {
  min-height: 8.95rem;
}

.agnero-home2-card-photo {
  width: clamp(5.4rem, 7.2vw, 7.4rem);
  height: 8.7rem;
  pointer-events: none;
}

.agnero-home2-card-photo img {
  object-position: center bottom;
}

.agnero-home2-card--insertler .agnero-home2-card-photo {
  width: clamp(6.2rem, 7.8vw, 8rem);
  height: 7.45rem;
}

.agnero-home2-card--frezeler .agnero-home2-card-photo,
.agnero-home2-card--kilavuzlar .agnero-home2-card-photo,
.agnero-home2-card--matkaplar .agnero-home2-card-photo,
.agnero-home2-card--raybalar .agnero-home2-card-photo,
.agnero-home2-card--piko .agnero-home2-card-photo {
  height: 9.4rem;
}

.agnero-home2-card-copy {
  display: grid;
  min-width: 0;
}

.agnero-home2-card-copy strong {
  font-size: clamp(1.15rem, 1.4vw, 1.55rem);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: 0;
  transition: color var(--transition), transform var(--transition);
}

.agnero-home2-card-copy span {
  max-width: 28ch;
  margin-top: 0.24rem;
  color: var(--text);
  font-size: clamp(0.82rem, 0.92vw, 0.98rem);
  line-height: 1.25;
}

.agnero-home2-card:hover .agnero-home2-card-copy strong,
.agnero-home2-card:focus-visible .agnero-home2-card-copy strong {
  color: var(--brand);
}

@media (min-width: 1025px) and (max-height: 820px) {
  .agnero-home2-card {
    min-height: 8.3rem;
  }

  .agnero-home2-card-photo {
    height: 9.4rem;
  }
}

@media (max-width: 980px) {
  .agnero-home2 {
    --home2-shell: min(var(--container), calc(100% - 1.25rem));
  }

  .agnero-home2-grid {
    grid-template-columns: 1fr;
  }

  .agnero-home2-slider {
    min-height: 15rem;
  }
}

@media (max-width: 560px) {
  .agnero-home2-slide .container {
    padding-inline: 2.75rem;
  }

  .agnero-home2-card {
    min-height: 7.25rem;
  }

  .agnero-home2-card-photo {
    width: min(6rem, 74%);
    height: 5.7rem;
  }

  .agnero-home2-card-copy strong {
    font-size: 1rem;
  }

  .agnero-home2-card-copy span {
    font-size: 0.76rem;
  }
}

.entry-gates,
.trust-strip,
.featured-products,
.category-showcase,
.taksit-section,
.why-section,
.cta-banner,
.newsletter-section {
  padding-block: clamp(2.8rem, 6vw, 4.6rem);
}

.category-cards-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: minmax(13rem, auto);
  gap: var(--space-3);
}

.category-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid #c7d8ea;
  border-radius: calc(var(--radius-md) + 6px);
  background: #fff;
  padding: clamp(1rem, 1.2vw, 1.4rem);
  display: grid;
  gap: 0.75rem;
  align-content: start;
  box-shadow: var(--shadow-sm);
  min-height: 100%;
  transition: transform var(--transition), border-color var(--transition), box-shadow var(--transition), background-color var(--transition);
}

.category-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(135deg, rgba(255, 122, 0, 0.1), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(18, 55, 120, 0.12), transparent 30%);
  opacity: 0;
  transition: opacity var(--transition);
}

.category-card:hover,
.category-card:focus-within {
  transform: translateY(-4px);
  border-color: rgba(18, 55, 120, 0.34);
  background: #fbfdff;
  box-shadow: 0 22px 46px rgba(18, 55, 120, 0.14);
}

.category-card:hover::before,
.category-card:focus-within::before {
  opacity: 1;
}

@keyframes agneroGateIntroCard {
  0% {
    opacity: 0;
    transform: translate3d(-12px, -16px, 0) scale(0.985);
    border-color: #c7d8ea;
    background: #fff;
    box-shadow: var(--shadow-sm);
  }

  34% {
    opacity: 1;
    transform: translate3d(0, -6px, 0) scale(1.012);
    border-color: rgba(18, 55, 120, 0.34);
    background: #fbfdff;
    box-shadow: 0 22px 46px rgba(18, 55, 120, 0.14);
  }

  66% {
    opacity: 1;
    transform: translateY(-4px) scale(1.006);
    border-color: rgba(18, 55, 120, 0.3);
    background: #fbfdff;
    box-shadow: 0 18px 38px rgba(18, 55, 120, 0.13);
  }

  100% {
    opacity: 1;
    transform: none;
    border-color: #c7d8ea;
    background: #fff;
    box-shadow: var(--shadow-sm);
  }
}

@keyframes agneroGateIntroGlow {
  0%,
  16%,
  100% {
    opacity: 0;
  }

  42%,
  68% {
    opacity: 1;
  }
}

.entry-gates .category-card {
  animation: agneroGateIntroCard 0.64s cubic-bezier(0.2, 0.8, 0.2, 1) backwards;
}

.entry-gates .category-card::before {
  animation: agneroGateIntroGlow 0.64s ease backwards;
}

.entry-gates .category-card--kilavuzlar {
  animation-delay: 0.08s;
}

.entry-gates .category-card--kilavuzlar::before {
  animation-delay: 0.08s;
}

.entry-gates .category-card--raybalar {
  animation-delay: 0.2s;
}

.entry-gates .category-card--raybalar::before {
  animation-delay: 0.2s;
}

.entry-gates .category-card--insertler {
  animation-delay: 0.32s;
}

.entry-gates .category-card--insertler::before {
  animation-delay: 0.32s;
}

.entry-gates .category-card--matkaplar,
.entry-gates .category-card--karbur-matkaplar {
  animation-delay: 0.44s;
}

.entry-gates .category-card--matkaplar::before,
.entry-gates .category-card--karbur-matkaplar::before {
  animation-delay: 0.44s;
}

.entry-gates .category-card--karbur-frezeler,
.entry-gates .category-card--frezeler {
  animation-delay: 0.56s;
}

.entry-gates .category-card--karbur-frezeler::before,
.entry-gates .category-card--frezeler::before {
  animation-delay: 0.56s;
}

@media (prefers-reduced-motion: reduce) {
  .entry-gates .category-card,
  .entry-gates .category-card::before {
    animation: none;
  }
}

.category-card-main {
  display: grid;
  align-items: center;
  gap: 0.85rem;
  color: var(--text);
  transition: color var(--transition);
}

.category-card--insertler {
  grid-row: auto;
}

.category-card-photo {
  width: min(8.5rem, 78%);
  height: 7.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  padding: 0;
  background: transparent;
  transition: transform var(--transition), filter var(--transition);
}

.category-card-photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 14px 18px rgba(18, 55, 120, 0.16));
}

.category-card h3 {
  font-size: clamp(1.25rem, 1.6vw, 1.8rem);
  font-weight: 500;
  line-height: 1.15;
  transition: color var(--transition), transform var(--transition);
}

.category-card-subs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.sub-cat-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  padding: 0.3rem 0.95rem;
  border: 1px solid #bed2e7;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  color: #123778;
  font-size: clamp(0.82rem, 0.92vw, 0.98rem);
  line-height: 1;
  white-space: nowrap;
  transition: transform var(--transition), border-color var(--transition), background-color var(--transition), color var(--transition), box-shadow var(--transition);
}

.sub-cat-link:hover,
.sub-cat-link:focus-visible {
  transform: translateY(-1px);
  border-color: #9db8d4;
  color: var(--brand);
  background: #fff;
  box-shadow: 0 7px 16px rgba(18, 55, 120, 0.1);
}

.category-card:hover .category-card-main,
.category-card:focus-within .category-card-main {
  color: var(--brand);
}

.category-card:hover .category-card-photo,
.category-card:focus-within .category-card-photo {
  transform: translateY(-3px) scale(1.04);
  filter: drop-shadow(0 10px 14px rgba(18, 55, 120, 0.16));
}

.category-card:hover h3,
.category-card:focus-within h3 {
  color: var(--brand);
}

.category-card:hover .sub-cat-link:not(.sub-cat-link--soon),
.category-card:focus-within .sub-cat-link:not(.sub-cat-link--soon) {
  border-color: rgba(18, 55, 120, 0.24);
  background: #fff;
}

.category-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.24rem;
}

.category-card .category-card-main {
  display: block;
  padding-left: calc(clamp(5.4rem, 7.2vw, 7.4rem) + clamp(0.85rem, 1.1vw, 1.05rem));
}

.category-card .category-card-photo {
  position: absolute;
  left: clamp(1rem, 1.2vw, 1.4rem);
  top: 50%;
  transform: translateY(-50%);
  width: clamp(5.4rem, 7.2vw, 7.4rem);
  height: clamp(6.1rem, 8vw, 7.8rem);
}

.category-card:hover .category-card-photo,
.category-card:focus-within .category-card-photo {
  transform: translateY(calc(-50% - 3px)) scale(1.04);
}

.category-card h3 {
  font-size: clamp(1.15rem, 1.4vw, 1.55rem);
  text-align: left;
}

.category-card .category-card-subs {
  padding-left: calc(clamp(4.6rem, 6vw, 6.4rem) + clamp(0.75rem, 1vw, 0.95rem));
  gap: 0.34rem 0.45rem;
  justify-content: flex-start;
  margin-top: 0;
}

.agnero-home2 .agnero-home2-card {
  min-height: 8.95rem;
}

.agnero-home2 .agnero-home2-card .agnero-home2-card-photo {
  width: clamp(5.4rem, 7.2vw, 7.4rem);
  height: 8.7rem;
}

.agnero-home2 .agnero-home2-card .agnero-home2-card-copy {
  display: grid;
  min-width: 0;
}

.agnero-home2 .agnero-home2-card--insertler .agnero-home2-card-photo {
  width: clamp(6.2rem, 7.8vw, 8rem);
  height: 7.45rem;
}

.agnero-home2 .agnero-home2-card--frezeler .agnero-home2-card-photo,
.agnero-home2 .agnero-home2-card--kilavuzlar .agnero-home2-card-photo,
.agnero-home2 .agnero-home2-card--matkaplar .agnero-home2-card-photo,
.agnero-home2 .agnero-home2-card--raybalar .agnero-home2-card-photo,
.agnero-home2 .agnero-home2-card--piko .agnero-home2-card-photo {
  height: 9.4rem;
}

.agnero-home2 .agnero-home2-card .agnero-home2-card-copy strong {
  font-size: clamp(1.15rem, 1.4vw, 1.55rem);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: 0;
  transition: color var(--transition), transform var(--transition);
}

.agnero-home2 .agnero-home2-card .agnero-home2-card-copy span {
  max-width: 28ch;
  margin-top: 0.24rem;
  color: var(--text);
  font-size: clamp(0.82rem, 0.92vw, 0.98rem);
  line-height: 1.25;
}

.agnero-home2 .agnero-home2-card:hover .agnero-home2-card-copy strong,
.agnero-home2 .agnero-home2-card:focus-visible .agnero-home2-card-copy strong {
  color: var(--brand);
}

.trust-grid,
.trust-items {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-3);
}

.trust-item {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
  padding: 1.15rem;
  display: grid;
  gap: 0.45rem;
}

.trust-icon,
.ssl-badge {
  color: var(--text-muted);
}

.trust-item h4 {
  font-size: 1rem;
}

.trust-item p,
.trust-label {
  color: var(--text-muted);
  font-size: 0.82rem;
}

.trust-badges {
  display: flex;
  gap: 0.4rem;
  flex-wrap: wrap;
}

.payment-badge,
.cargo-badge,
.bank-badge {
  border: 1px solid var(--line-strong);
  background: var(--surface-soft);
  border-radius: 999px;
  padding: 0.3rem 0.6rem;
  font-size: 0.67rem;
  font-weight: 700;
  color: var(--text-muted);
}

.featured-products-wrapper .products {
  margin-top: var(--space-4);
}

.woocommerce ul.products,
.woocommerce-page ul.products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-3);
  margin: 0;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
  display: none;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  float: none;
  width: auto;
  margin: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: all var(--transition);
  text-align: center;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-md);
  border-color: var(--brand);
}

.woocommerce ul.products li.product a img {
  width: 100%;
  border-radius: var(--radius-sm);
  background: var(--surface-soft);
  transition: transform var(--transition);
}

body.search.woocommerce ul.products li.product a img,
body.search.woocommerce-page ul.products li.product a img {
  height: clamp(15rem, 20vw, 20rem);
  padding: clamp(0.75rem, 1.4vw, 1.25rem);
  object-fit: contain;
  object-position: center;
}

.woocommerce ul.products li.product:hover a img {
  transform: scale(1.04);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 1rem;
  font-family: var(--font-body);
  font-weight: 700;
  line-height: 1.4;
  color: var(--brand);
  margin-top: 0.5rem;
}

.agnero-hard-material-indicator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: 100%;
  min-height: 1.65rem;
  padding: 0.28rem 0.62rem;
  border: 1px solid rgba(143, 56, 28, 0.28);
  border-radius: 8px;
  background: #fff4ec;
  color: #8f381c;
  font-size: 0.68rem;
  font-weight: 850;
  line-height: 1.05;
  letter-spacing: 0.04em;
  text-align: center;
  text-transform: uppercase;
}

.woocommerce ul.products li.product .agnero-hard-material-indicator {
  align-self: center;
  margin-top: -0.2rem;
}

.woocommerce ul.products li.product .price {
  font-size: 1.1rem;
  color: var(--brand);
  font-weight: 800;
  margin-block: 0.25rem;
}

.woocommerce ul.products li.product .button {
  width: 100%;
  margin-top: auto;
  background: var(--brand);
  border-radius: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.8rem;
}

.showcase-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
}

.showcase-card {
  position: relative;
  min-height: 12rem;
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  overflow: hidden;
  background: #e9f0fa;
  background-size: cover;
  background-position: center;
}

.showcase-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(165deg, rgba(8, 32, 58, 0.32), rgba(8, 32, 58, 0.72));
}

.showcase-content {
  position: absolute;
  inset: auto 1rem 1rem 1rem;
  z-index: 2;
  color: #fff;
}

.showcase-content h3 {
  font-size: 1.25rem;
  margin-bottom: 0.3rem;
}

.showcase-count {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.88);
}

.taksit-section .text-center {
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--surface);
  padding: clamp(1.5rem, 4vw, 2.5rem);
}

.taksit-section h2 {
  font-size: clamp(1.7rem, 4vw, 2.5rem);
}

.taksit-subtitle {
  margin-top: 0.55rem;
  color: var(--text-muted);
}

.bank-badges {
  margin: var(--space-4) auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.why-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.9fr;
  gap: var(--space-5);
}

.why-list {
  margin-top: var(--space-4);
  display: grid;
  gap: 0.75rem;
}

.why-item {
  display: flex;
  gap: 0.65rem;
  align-items: flex-start;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--surface);
  padding: 0.75rem 0.9rem;
}

.why-check {
  color: var(--success);
  flex: 0 0 auto;
}

.why-item span {
  font-size: 0.86rem;
  color: var(--text-muted);
}

.why-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.stat-card {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--surface);
  padding: 1rem;
  box-shadow: var(--shadow-sm);
}

.stat-number {
  font-family: var(--font-heading);
  font-size: 1.8rem;
  margin-bottom: 0.1rem;
}

.stat-label {
  color: var(--text-muted);
  font-size: 0.78rem;
}

.cta-banner-inner {
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 100% 0%, rgba(195, 138, 62, 0.08), transparent 34%),
    var(--surface);
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--space-4);
  align-items: center;
  padding: clamp(1.4rem, 4vw, 2.6rem);
}

.cta-content p {
  margin-top: 0.5rem;
  color: var(--text-muted);
}

.cta-buttons {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.newsletter-wrapper {
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--surface);
  padding: clamp(1.3rem, 4vw, 2.5rem);
}

.newsletter-wrapper h3 {
  font-size: clamp(1.45rem, 3vw, 2rem);
}

.newsletter-wrapper p {
  color: var(--text-muted);
  margin-top: 0.55rem;
}

.newsletter-form {
  margin-top: var(--space-4);
}

.newsletter-input-wrapper {
  max-width: 34rem;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.5rem;
}

.newsletter-input,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
input.input-text,
select,
textarea,
.auth-card input[type="text"],
.auth-card input[type="email"],
.auth-card input[type="password"],
.auth-card input[type="tel"] {
  width: 100%;
  min-height: 2.9rem;
  border-radius: 12px;
  border: 1px solid var(--line-strong);
  background: #fff;
  color: var(--text);
  padding: 0.62rem 0.8rem;
}

textarea,
.woocommerce form .form-row textarea {
  min-height: 7rem;
  resize: vertical;
}

.newsletter-checkbox {
  margin-top: 0.8rem;
  font-size: 0.75rem;
  color: var(--text-muted);
}

.newsletter-checkbox label {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.45rem;
}

.newsletter-checkbox input {
  margin-top: 0.1rem;
}

/* ============================================
   CONTACT PAGE
   ============================================ */
.contact-page {
  padding-block: clamp(2rem, 4vw, 3rem) clamp(3rem, 6vw, 5rem);
}

.contact-hero,
.contact-info-strip,
.contact-main-section {
  padding-block: clamp(1.4rem, 3.5vw, 2.2rem);
}

.contact-hero-inner {
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 95% 5%, rgba(18, 55, 120, 0.08), transparent 36%),
    var(--surface);
  box-shadow: var(--shadow-sm);
  display: grid;
  grid-template-columns: 1fr auto;
  gap: var(--space-4);
  align-items: center;
  padding: clamp(1.4rem, 4vw, 2.6rem);
}

.contact-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  padding: 0.28rem 0.65rem;
  font-size: 0.68rem;
  font-weight: 700;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.contact-hero-content h1 {
  margin-top: 0.75rem;
  font-size: clamp(2rem, 4.5vw, 3.3rem);
}

.contact-hero-content p {
  margin-top: 0.7rem;
  max-width: 62ch;
  color: var(--text-muted);
}

.contact-badges {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.contact-badge {
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  background: var(--surface-soft);
  color: var(--text-muted);
  font-size: 0.72rem;
  font-weight: 700;
  padding: 0.28rem 0.62rem;
}

.contact-hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.55rem;
}

.contact-info-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-3);
}

.contact-info-card {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
  padding: 1rem;
  display: grid;
  gap: 0.45rem;
}

.contact-info-icon {
  width: 2.2rem;
  height: 2.2rem;
  border: 1px solid var(--line-strong);
  border-radius: 50%;
  background: var(--surface-soft);
  color: var(--brand);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.contact-info-card h3 {
  font-size: 0.98rem;
}

.contact-info-card p,
.contact-info-card a {
  color: var(--text-muted);
  font-size: 0.82rem;
  line-height: 1.5;
}

.contact-info-card a {
  font-weight: 700;
  color: var(--brand);
}

.contact-hours-line {
  display: block;
}

.contact-main-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: var(--space-4);
  align-items: start;
}

.contact-alert {
  margin-bottom: 0.8rem;
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  padding: 0.6rem 1rem;
  font-size: 0.8rem;
  font-weight: 700;
}

.contact-alert--success {
  border-color: #b9dec9;
  background: #edf8f2;
  color: #236445;
}

.contact-alert--error {
  border-color: #e5c4c4;
  background: #fdf2f2;
  color: #8b3d3d;
}

.contact-form-card,
.contact-panel,
.contact-page-extra .entry-content {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}

.contact-form-card {
  padding: clamp(1rem, 2.6vw, 1.5rem);
}

.contact-form-header h2 {
  font-size: clamp(1.4rem, 3vw, 2rem);
}

.contact-form-header p {
  margin-top: 0.45rem;
  color: var(--text-muted);
}

.contact-form {
  margin-top: 1rem;
}

.contact-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

.contact-field--full {
  grid-column: 1 / -1;
}

.contact-field label {
  display: inline-block;
  margin-bottom: 0.3rem;
  color: var(--text-muted);
  font-size: 0.75rem;
  font-weight: 700;
}

.contact-checkbox label {
  margin-bottom: 0;
  display: inline-flex;
  align-items: flex-start;
  gap: 0.45rem;
}

.contact-checkbox input {
  margin-top: 0.15rem;
}

.contact-submit-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.contact-submit {
  min-width: 13rem;
}

.contact-note {
  color: var(--text-muted);
  font-size: 0.75rem;
}

.contact-panel {
  padding: clamp(1rem, 2.6vw, 1.5rem);
  display: grid;
  gap: 0.75rem;
}

.contact-panel h3 {
  font-size: 1.1rem;
}

.contact-panel-list {
  display: grid;
  gap: 0.45rem;
}

.contact-panel-list li {
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--surface-soft);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  padding: 0.55rem 0.7rem;
  font-size: 0.76rem;
}

.contact-panel-list li span {
  color: var(--text-muted);
}

.contact-panel-list li a {
  color: var(--brand);
  font-weight: 700;
}

.contact-map {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  overflow: hidden;
  aspect-ratio: 16 / 11;
}

.contact-map iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.contact-panel-actions {
  display: grid;
  gap: 0.5rem;
}

.contact-page-extra {
  margin-top: 0.9rem;
}

.contact-page-extra .entry-content {
  padding: 1rem;
}

.contact-hp-field {
  position: absolute;
  left: -9999px;
  opacity: 0;
  pointer-events: none;
}

@media (max-width: 1200px) {
  .contact-hero-inner {
    grid-template-columns: 1fr;
  }

  .contact-hero-actions {
    justify-content: flex-start;
  }

  .contact-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .contact-main-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .contact-page .container {
    width: min(var(--container), calc(100% - 1.2rem));
  }

  .contact-info-grid,
  .contact-form-grid {
    grid-template-columns: 1fr;
  }

  .contact-hero-actions,
  .contact-submit-row {
    align-items: stretch;
  }

  .contact-hero-actions .btn,
  .contact-submit,
  .contact-panel-actions .btn {
    width: 100%;
  }
}

.fade-up,
.agnero-appear {
  opacity: 1;
  transform: none;
}

body.js-enabled .fade-up,
body.js-enabled .agnero-appear {
  --appear-y: 1.75rem;
  --appear-scale: 1;
  --appear-blur: 10px;
  --appear-delay: 0ms;
  opacity: 0;
  filter: blur(var(--appear-blur));
  transform: translate3d(0, var(--appear-y), 0) scale(var(--appear-scale));
  transition:
    opacity 720ms cubic-bezier(0.16, 1, 0.3, 1) var(--appear-delay),
    filter 720ms cubic-bezier(0.16, 1, 0.3, 1) var(--appear-delay),
    transform 720ms cubic-bezier(0.16, 1, 0.3, 1) var(--appear-delay);
  will-change: opacity, filter, transform;
}

body.js-enabled .agnero-appear--section {
  --appear-y: 2.15rem;
  --appear-blur: 12px;
}

body.js-enabled .agnero-appear--card {
  --appear-y: 1.45rem;
  --appear-scale: 0.985;
  --appear-blur: 8px;
}

body.js-enabled .agnero-appear--line {
  --appear-y: 0.9rem;
  --appear-blur: 5px;
  transition-duration: 520ms;
}

body.js-enabled .fade-up.visible,
body.js-enabled .agnero-appear-visible {
  opacity: 1;
  filter: blur(0);
  transform: translate3d(0, 0, 0) scale(1);
  will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
  body.js-enabled .fade-up,
  body.js-enabled .agnero-appear {
    opacity: 1;
    filter: none;
    transform: none;
    transition: none;
  }
}

.agnero-woocommerce-shell {
  padding-block: var(--space-5) var(--space-7);
}

.agnero-checkout-progress {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.85rem;
  align-items: stretch;
  margin: 0 0 1.35rem;
  padding: 0;
  border: 0;
  background: transparent;
}

.agnero-checkout-progress > br,
.agnero-checkout-progress > p:empty {
  display: none !important;
}

.agnero-checkout-progress__step {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  min-width: 0;
  min-height: 4.1rem;
  border: 1px solid var(--brand);
  border-radius: 8px;
  background: #fff;
  color: #123778;
  font-size: 0.98rem;
  font-weight: 850;
  padding: 0.72rem 0.95rem;
  white-space: normal;
  text-decoration: none;
}

.agnero-checkout-progress__label {
  min-width: 0;
  line-height: 1.2;
  overflow-wrap: normal;
}

a.agnero-checkout-progress__step {
  cursor: pointer;
}

.agnero-checkout-progress__step::after {
  display: none;
}

.agnero-checkout-progress__step:last-child::after {
  display: none;
}

.agnero-checkout-progress__step.is-active {
  color: #fff;
  background: #123778;
  border-color: var(--brand);
}

.agnero-checkout-progress__step.is-complete {
  color: #123778;
  background: #fff;
}

.agnero-checkout-progress__index {
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 50%;
  border: 1px solid currentColor;
  background: #fff;
  color: #123778;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.96rem;
  font-weight: 900;
  flex: 0 0 auto;
}

.agnero-checkout-progress__step.is-active .agnero-checkout-progress__index {
  background: #fff;
  color: #123778;
  border-color: #fff;
}

.agnero-checkout-progress__step.is-complete .agnero-checkout-progress__index {
  background: var(--brand);
  color: #fff;
  border-color: var(--brand);
}

.agnero-conversion-strip,
.agnero-conversion-note {
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  color: var(--text-muted);
  font-size: 0.78rem;
  text-align: center;
  margin-bottom: 0.8rem;
  padding: 0.55rem 1rem;
}

.shop-content.shop-content--store {
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
  border-radius: 0;
  overflow-x: clip;
  overflow-y: visible;
}

.store-front-shell {
  background: transparent;
  padding: 0;
  border-radius: 0;
  max-width: 100%;
}

.store-front-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(16rem, 24rem);
  gap: 1.5rem;
  align-items: start;
}

.store-front-title {
  font-size: clamp(2.8rem, 8vw, 4.9rem);
  line-height: 0.96;
  letter-spacing: -0.03em;
  color: #0f1f34;
}

.store-front-hero-side {
  max-width: 24rem;
  text-align: right;
}

.store-front-hero-side h2 {
  font-size: clamp(1rem, 2vw, 1.95rem);
  line-height: 1.2;
  margin-bottom: 0.65rem;
  color: #123778;
}

.store-front-hero-link {
  display: block;
  color: #0a4f9d;
  font-size: 0.84rem;
  font-weight: 700;
}

.store-front-hero-link + .store-front-hero-link {
  margin-top: 0.25rem;
}

.store-front-hero-link:hover {
  color: #123778;
}

.store-category-rail {
  margin-top: 1.1rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(6.5rem, 1fr));
  gap: 0.85rem 0.9rem;
}

.store-category-item {
  min-width: 0;
  display: grid;
  justify-items: center;
  gap: 0.5rem;
  text-align: center;
  color: #1d304c;
}

.store-category-item-media {
  width: 4.9rem;
  height: 4.9rem;
  border-radius: 50%;
  background: #fff;
  border: 1px solid rgba(18, 55, 120, 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.store-category-item-media img {
  width: 82%;
  height: 82%;
  object-fit: contain;
}

.store-category-item-placeholder {
  font-size: 1.3rem;
  font-weight: 800;
  color: #123778;
}

.store-category-item-name {
  font-size: 0.74rem;
  font-weight: 700;
  line-height: 1.24;
}

.store-shelf {
  margin-top: 2.1rem;
}

.store-shelf-head {
  margin-bottom: 0.95rem;
}

.store-shelf-head h2 {
  font-size: clamp(1.3rem, 2.5vw, 2rem);
  color: #697588;
  line-height: 1.2;
}

.store-shelf-head h2 span {
  color: #101f33;
  font-weight: 800;
}

.store-shelf-head--compact {
  margin-bottom: 1.2rem;
}

.store-card-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.8rem;
}

.store-product-card {
  min-width: 0;
  border-radius: 26px;
  background: linear-gradient(155deg, #123778 0%, #0a1526 100%);
  box-shadow: 0 20px 34px rgba(8, 20, 36, 0.22);
  overflow: hidden;
}

.store-product-card-media {
  display: block;
  aspect-ratio: 1.1 / 1;
  background: radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.11), transparent 54%);
}

.store-product-card-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 1.3rem;
}

.store-product-card-placeholder {
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(140deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.04));
}

.store-product-card-copy {
  padding: 1.1rem 1.15rem 1.3rem;
}

.store-product-card-kicker {
  margin-bottom: 0.35rem;
  color: rgba(212, 225, 242, 0.84);
  font-size: 0.66rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 700;
}

.store-product-card-copy h3 {
  font-size: 1.4rem;
  line-height: 1.16;
  margin-bottom: 0.45rem;
}

.store-product-card-copy h3 a {
  color: #fff;
}

.store-product-card-copy h3 a:hover {
  color: #d9e7fb;
}

.store-product-card-price,
.store-product-card-price .price {
  color: #d9e7fb;
  font-size: 0.84rem;
  font-weight: 700;
}

.store-product-card-price .woocommerce-Price-amount {
  color: #d9e7fb;
}

.store-highlight-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.7rem;
}

.store-highlight-card {
  border-radius: 22px;
  border: 1px solid rgba(18, 55, 120, 0.12);
  background: #fff;
  min-height: 15.5rem;
  padding: 0.95rem;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 0.7rem;
}

.store-highlight-copy {
  display: grid;
  gap: 0.35rem;
}

.store-highlight-copy small {
  color: #6f7d90;
  font-size: 0.65rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 700;
}

.store-highlight-copy strong {
  color: #123778;
  font-size: 0.98rem;
  line-height: 1.3;
}

.store-highlight-copy em {
  color: #24518a;
  font-style: normal;
  font-size: 0.8rem;
  font-weight: 700;
}

.store-highlight-media {
  border-radius: 16px;
  background: linear-gradient(180deg, #f7fbff 0%, #eaf2fb 100%);
  border: 1px solid rgba(18, 55, 120, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.7rem;
}

.store-highlight-media img {
  width: 100%;
  height: auto;
  max-height: 10rem;
  object-fit: contain;
}

.store-benefits {
  margin-top: 1.9rem;
}

.store-benefits h2 {
  font-size: clamp(1.15rem, 2.1vw, 1.55rem);
  line-height: 1.2;
  color: #6e7b8d;
}

.store-benefits h2 span {
  color: #101f33;
}

.store-benefits-grid {
  margin-top: 0.8rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
}

.store-benefit-card {
  border-radius: 20px;
  background: #fff;
  border: 1px solid rgba(18, 55, 120, 0.12);
  padding: 1rem;
}

.store-benefit-card h3 {
  font-size: 1rem;
  margin-bottom: 0.35rem;
  color: #123778;
}

.store-benefit-card p {
  font-size: 0.8rem;
  color: #5e6e83;
}

.store-all-products {
  margin-top: 2.4rem;
  max-width: 100%;
}

.store-all-products .woocommerce .woocommerce-breadcrumb {
  margin-bottom: 0.3rem;
}

@media (max-width: 1200px) {
  .store-card-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .store-highlight-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .store-front-hero {
    grid-template-columns: 1fr;
    gap: 0.95rem;
  }

  .store-front-hero-side {
    text-align: left;
    max-width: none;
  }

  .store-category-item-media {
    width: 4.1rem;
    height: 4.1rem;
  }

  .store-benefits-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .store-card-row {
    grid-template-columns: 1fr;
  }

  .store-highlight-grid {
    grid-template-columns: 1fr;
  }
}

.shop-layout {
  display: grid;
  grid-template-columns: 18rem 1fr;
  gap: var(--space-4);
  align-items: start;
}

.shop-layout.no-sidebar {
  grid-template-columns: minmax(0, 1fr);
}

.shop-sidebar,
.shop-content,
.woocommerce-account .woocommerce,
.woocommerce-checkout .woocommerce,
.woocommerce-cart .woocommerce,
.agnero-favorites-page,
.product-group-table-section .container > * {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}

.shop-sidebar {
  padding: 1rem;
  position: sticky;
  top: 8.5rem;
}

.agnero-filter-panel {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.agnero-filter-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.agnero-filter-panel-head h3 {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 800;
  color: #1f1f1f;
}

.agnero-filter-clear {
  color: var(--brand);
  font-size: 0.78rem;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.agnero-filter-panel-copy {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.76rem;
  line-height: 1.45;
}

.agnero-filter-group {
  margin: 0;
  padding-top: 0.65rem;
  border-top: 1px solid var(--line);
}

.agnero-filter-group:first-of-type {
  padding-top: 0.2rem;
  border-top: 0;
}

.agnero-filter-group > summary {
  list-style: none;
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0.15rem 1.35rem 0.3rem 0;
  font-size: 1rem;
  font-weight: 750;
  color: #2b2f33;
}

.agnero-filter-group > summary::-webkit-details-marker {
  display: none;
}

.agnero-filter-group > summary::after {
  content: "";
  position: absolute;
  top: 0.52rem;
  right: 0.15rem;
  width: 0.44rem;
  height: 0.44rem;
  border-right: 2px solid #8e949b;
  border-bottom: 2px solid #8e949b;
  transform: rotate(45deg);
  transition: transform 0.2s ease;
}

.agnero-filter-group[open] > summary::after {
  transform: rotate(225deg);
  top: 0.72rem;
}

.agnero-filter-subtitle {
  margin: 0.48rem 0 0.25rem;
  color: var(--text-muted);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.agnero-filter-list {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  margin: 0;
  max-height: 15.5rem;
  overflow: auto;
  padding-right: 0.15rem;
}

.agnero-filter-list--compact {
  max-height: 12rem;
}

.shop-sidebar .agnero-filter-option {
  display: grid;
  grid-template-columns: 1rem 1fr auto;
  align-items: center;
  column-gap: 0.48rem;
  border-radius: 8px;
  color: #2f353a;
  text-decoration: none;
  padding: 0.38rem 0.1rem;
}

.shop-sidebar .agnero-filter-option:hover {
  background: rgba(18, 55, 120, 0.05);
  color: #101418;
}

.agnero-filter-option-check {
  width: 0.92rem;
  height: 0.92rem;
  border: 2px solid #c8cdd3;
  border-radius: 0.3rem;
  position: relative;
  background: #fff;
}

.agnero-filter-option.is-selected .agnero-filter-option-check {
  border-color: #f68b1e;
  background: #f68b1e;
}

.agnero-filter-option.is-selected .agnero-filter-option-check::after {
  content: "";
  position: absolute;
  left: 0.2rem;
  top: 0.02rem;
  width: 0.25rem;
  height: 0.48rem;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(40deg);
}

.agnero-filter-option-label {
  font-size: 0.88rem;
  line-height: 1.2;
}

.agnero-filter-option-count {
  color: #8a9097;
  font-size: 0.72rem;
  font-weight: 700;
}

.shop-sidebar .widget + .widget {
  margin-top: var(--space-3);
}

.shop-sidebar .widget-title {
  font-size: 0.96rem;
  margin-bottom: 0.5rem;
}

.shop-sidebar li {
  margin: 0;
}

.shop-sidebar a {
  display: flex;
  justify-content: space-between;
  border-radius: 10px;
  color: var(--text-muted);
  padding: 0.42rem 0.55rem;
  font-size: 0.8rem;
}

.shop-sidebar a:hover {
  background: var(--surface-soft);
  color: var(--text);
}

.shop-content {
  padding: 1.1rem;
}

.shop-header {
  margin-bottom: var(--space-5);
  padding-bottom: var(--space-4);
  border-bottom: 1px solid var(--line);
}

.page-title {
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  color: var(--brand);
  font-weight: 800;
  margin-bottom: 0.6rem;
}

.category-description {
  max-width: 65ch;
  color: var(--text-muted);
  font-size: 1rem;
  line-height: 1.7;
}

.woocommerce .woocommerce-breadcrumb {
  font-size: 0.76rem;
  color: var(--text-muted);
  margin-bottom: 0.9rem;
}

.woocommerce-result-count,
.woocommerce-ordering {
  font-size: 0.78rem;
  color: var(--text-muted);
  margin-bottom: var(--space-3);
}

.woocommerce nav.woocommerce-pagination ul {
  border: 0;
  display: flex;
  justify-content: center;
  margin-top: var(--space-6);
}

.woocommerce nav.woocommerce-pagination ul li {
  border: 0;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  border: 1px solid var(--line-strong);
  margin-inline: 0.3rem;
  border-radius: 12px;
  padding: 0.6rem 1rem;
  color: var(--text-muted);
  font-weight: 700;
  transition: all var(--transition);
}

.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: var(--brand);
  color: white;
  border-color: var(--brand);
  box-shadow: 0 4px 12px rgba(18, 55, 120, 0.15);
}

.woocommerce .quantity .qty,
.qty-input {
  width: 4.2rem;
  min-height: 2.2rem;
  text-align: center;
  border-radius: 10px;
  border: 1px solid var(--line-strong);
}

.woocommerce-tabs ul.tabs {
  display: flex;
  gap: 0.4rem;
  margin-bottom: 0.8rem;
  border: 0;
}

.woocommerce-tabs ul.tabs li {
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  background: transparent;
  margin: 0;
  padding: 0;
}

.woocommerce-tabs ul.tabs li::before,
.woocommerce-tabs ul.tabs li::after {
  display: none;
}

.woocommerce-tabs ul.tabs li a {
  padding: 0.45rem 0.85rem;
  display: block;
  font-size: 0.75rem;
  color: var(--text-muted);
}

.woocommerce-tabs ul.tabs li.active {
  border-color: var(--text);
}

.woocommerce-tabs ul.tabs li.active a {
  color: var(--text);
}

.woocommerce .product .entry-summary,
.woocommerce div.product div.images {
  margin-bottom: var(--space-4);
}

.woocommerce div.product .product_title {
  font-size: clamp(1.8rem, 4vw, 2.7rem);
  margin-bottom: 0.4rem;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--text);
  font-size: 1.2rem;
  margin-bottom: 0.6rem;
}

.agnero-single-specs,
.agnero-installments,
.agnero-single-order-table,
.agnero-group-banner,
.agnero-favorites-table-wrap,
.agnero-favorites-empty-state,
.agnero-favorite-single-wrap {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}

.agnero-single-specs,
.agnero-installments,
.agnero-favorite-single-wrap {
  margin-top: var(--space-3);
  padding: 1rem;
}

.agnero-single-specs__title,
.agnero-installments h4 {
  font-size: 1rem;
  margin-bottom: 0.6rem;
}

.agnero-single-specs__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem;
}

.agnero-single-specs__item {
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 0.5rem 0.65rem;
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}

.agnero-single-specs__label {
  font-size: 0.74rem;
  color: var(--text-muted);
}

.agnero-single-specs__value {
  font-size: 0.78rem;
  font-family: var(--font-mono);
}

.agnero-installments__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.77rem;
}

.agnero-installments__table th,
.agnero-installments__table td {
  border-bottom: 1px solid var(--line);
  text-align: left;
  padding: 0.45rem;
}

.agnero-installments__table th {
  color: var(--text-muted);
  font-weight: 700;
}

.agnero-installments__note {
  margin-top: 0.5rem;
  color: var(--text-muted);
  font-size: 0.72rem;
}

.agnero-paytr-installments {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
  margin: var(--space-4) 0;
  padding: 1rem;
}

.agnero-paytr-installments--notice {
  display: grid;
  gap: 0.25rem;
  color: var(--text);
}

.agnero-paytr-installments--notice span {
  color: var(--text-muted);
  font-size: 0.84rem;
}

.agnero-paytr-installments__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.8rem;
}

.agnero-paytr-installments__header span {
  color: var(--text-muted);
  display: block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.agnero-paytr-installments__header h3 {
  color: var(--text);
  font-size: 1rem;
  line-height: 1.25;
  margin: 0.12rem 0 0;
}

.agnero-paytr-installments__header strong {
  color: var(--text);
  font-family: var(--font-mono);
  font-size: 0.88rem;
  white-space: nowrap;
}

.agnero-paytr-installments__table {
  overflow-x: auto;
  width: 100%;
}

.agnero-paytr-installments__banks {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  min-width: 100%;
}

.agnero-paytr-installments--uniform {
  box-shadow: none;
}

.agnero-paytr-uniform-plans {
  display: grid;
  min-width: 100%;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: #fff;
}

.agnero-paytr-uniform-plans__row {
  display: grid;
  grid-template-columns: minmax(4.5rem, 0.55fr) minmax(5rem, 0.65fr) minmax(8rem, 1fr) minmax(8rem, 1fr);
  gap: 0.65rem;
  align-items: center;
  min-height: 3.1rem;
  padding: 0.7rem 0.85rem;
  border-top: 1px solid var(--line);
  color: var(--text);
  font-size: 0.88rem;
}

.agnero-paytr-uniform-plans__row:first-child {
  border-top: 0;
}

.agnero-paytr-uniform-plans__row--head {
  min-height: 2.45rem;
  background: var(--surface-soft);
  color: var(--text-muted);
  font-size: 0.68rem;
  font-weight: 850;
  text-transform: uppercase;
}

.agnero-paytr-uniform-plans__row strong {
  color: var(--brand);
  font-size: 0.94rem;
  font-weight: 900;
}

.agnero-paytr-banks {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.9rem;
  margin-bottom: 0.85rem;
  padding: 0.7rem 0.9rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--surface-soft);
}

.agnero-paytr-banks__label {
  flex: 0 0 auto;
  color: var(--text-muted);
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.agnero-paytr-banks__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  width: fit-content;
  max-width: 100%;
}

.agnero-paytr-banks__item {
  display: inline-flex;
  flex: 0 0 auto;
  width: fit-content;
  min-width: 0;
  max-width: 100%;
  height: 2.3rem;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.7rem;
  border: 1px solid var(--line);
  border-radius: 0.45rem;
  background: #fff;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.agnero-paytr-banks__item:hover {
  border-color: var(--brand);
  box-shadow: 0 4px 10px rgba(16, 24, 32, 0.08);
}

/* An explicit height gives viewBox-only SVG logos a stable intrinsic width. */
.agnero-paytr-banks__item img {
  display: block;
  width: auto;
  max-width: 7rem;
  height: 1.3rem;
  object-fit: contain;
}

.agnero-paytr-installments__availability-note {
  margin: 0.75rem 0 0;
  color: var(--text-muted);
  font-size: 0.76rem;
  line-height: 1.45;
}

.agnero-paytr-uniform-plans:has(.agnero-paytr-plans) {
  overflow: visible;
  border: 0;
  background: transparent;
}

.agnero-paytr-plans {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr));
  gap: 0.65rem;
}

.agnero-paytr-plan {
  display: grid;
  align-content: start;
  gap: 0.4rem;
  padding: 0.85rem 0.95rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: #fff;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.agnero-paytr-plan:hover {
  border-color: var(--brand);
  box-shadow: 0 10px 22px rgba(16, 24, 32, 0.09);
  transform: translateY(-1px);
}

.agnero-paytr-plan__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.3rem 0.5rem;
}

.agnero-paytr-plan__top strong {
  color: var(--brand);
  font-size: 0.92rem;
  font-weight: 850;
  white-space: nowrap;
}

.agnero-paytr-plan__rate {
  flex: 0 0 auto;
  padding: 0.18rem 0.5rem;
  border-radius: 999px;
  background: var(--surface-soft);
  color: var(--text-muted);
  font-size: 0.66rem;
  font-weight: 750;
  white-space: nowrap;
}

.agnero-paytr-plan--single {
  border-color: rgba(24, 121, 78, 0.35);
  background: linear-gradient(180deg, #f2fbf6, #fff);
}

.agnero-paytr-plan--single .agnero-paytr-plan__rate {
  background: #e0f5e9;
  color: #18794e;
}

.agnero-paytr-plan__monthly {
  display: flex;
  align-items: baseline;
  gap: 0.28rem;
}

.agnero-paytr-plan__monthly b {
  color: var(--text);
  font-family: var(--font-mono);
  font-size: 1.05rem;
  font-weight: 800;
}

.agnero-paytr-plan__monthly i {
  color: var(--text-muted);
  font-size: 0.72rem;
  font-style: normal;
}

.agnero-paytr-plan__total {
  color: var(--text-muted);
  font-size: 0.74rem;
}

.agnero-paytr-plan__total b {
  color: var(--text);
  font-weight: 700;
}

@media (max-width: 640px) {
  .agnero-paytr-plans {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .agnero-paytr-plan {
    min-width: 0;
  }
}

.agnero-installment-bank {
  display: grid;
  gap: 0.75rem;
  min-width: 0;
  padding: 0.85rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
}

.agnero-installment-bank__heading {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding-bottom: 0.65rem;
  border-bottom: 1px solid var(--line);
}

.agnero-installment-bank__logo {
  display: inline-flex;
  width: 2rem;
  height: 2rem;
  flex: 0 0 2rem;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--surface-soft);
  color: var(--brand);
  font-size: 0.82rem;
  font-weight: 800;
}

.agnero-installment-bank__logo--image {
  width: auto;
  min-width: 4.6rem;
  height: 2.3rem;
  flex: 0 0 auto;
  padding: 0.25rem 0.6rem;
  background: #fff;
}

.agnero-installment-bank__logo--image img {
  display: block;
  max-width: 4.4rem;
  max-height: 1.3rem;
  object-fit: contain;
}

.agnero-installment-bank__heading strong {
  color: var(--text);
  font-size: 0.92rem;
  font-weight: 800;
}

.agnero-installment-bank__plans {
  display: grid;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
}

.agnero-installment-bank__row {
  display: grid;
  grid-template-columns: minmax(62px, 0.8fr) minmax(92px, 1fr) minmax(82px, 0.9fr);
  gap: 0.5rem;
  align-items: center;
  min-height: 2.35rem;
  padding: 0.5rem 0.6rem;
  border-top: 1px solid var(--line);
  color: var(--text);
  font-size: 0.82rem;
  line-height: 1.25;
}

.agnero-installment-bank__row:first-child {
  border-top: 0;
}

.agnero-installment-bank__row--head {
  background: var(--surface-soft);
  color: var(--text-muted);
  font-size: 0.66rem;
  font-weight: 800;
  text-transform: uppercase;
}

.agnero-installment-bank__row strong {
  color: var(--brand);
  font-weight: 800;
}

.agnero-paytr-installments__table table {
  min-width: 520px;
}

.agnero-paytr-installments__note {
  color: var(--text-muted);
  font-size: 0.74rem;
  line-height: 1.45;
  margin: 0.7rem 0 0;
}

.agnero-single-order-table {
  margin-top: var(--space-6);
  padding: var(--space-5);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.agnero-single-technical-table {
  margin-top: var(--space-6);
  padding: var(--space-5);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.product-specs-table--single {
  min-width: 520px;
}

.product-specs-table--single th {
  width: 38%;
  color: var(--text-muted);
  font-weight: 700;
}

.agnero-single-order-table__eyebrow {
  display: inline-flex;
  border-radius: 999px;
  background: var(--accent-soft);
  color: var(--brand);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 0.4rem 1rem;
  margin-bottom: 1rem;
}

.agnero-single-order-table__header h2 {
  font-size: clamp(2rem, 4vw, 2.8rem);
  margin-bottom: 0.5rem;
  color: var(--brand);
  font-weight: 800;
}

.agnero-single-order-table__header p {
  color: var(--text-muted);
  font-size: 1.1rem;
  margin-bottom: var(--space-5);
}

.product-table-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
  margin-bottom: var(--space-4);
  padding: var(--space-3);
  background: var(--surface-soft);
  border-radius: var(--radius-md);
}

.product-table-search {
  flex: 1;
  display: flex;
  gap: 0.5rem;
  min-width: min(100%, 28rem);
}

.product-table-search .product-search-input {
  flex: 1;
  min-width: 0;
}

.product-search-input,
.product-sort-select {
  min-height: 3rem;
  border-radius: 12px;
  border: 1px solid var(--line-strong);
  background: #fff;
  padding: 0 1.2rem;
  font-weight: 600;
  transition: border-color var(--transition);
}

.product-search-input:focus,
.product-sort-select:focus {
  border-color: var(--brand);
  outline: none;
}

.btn-search,
.btn-add-to-cart {
  border: 1px solid var(--line-strong);
  border-radius: 10px;
  min-height: 2.4rem;
  padding: 0 0.7rem;
  background: var(--surface);
  color: var(--text);
  font-weight: 700;
}

.btn-search:hover,
.btn-add-to-cart:hover {
  border-color: var(--text);
}

.btn-add-to-cart.added {
  border-color: #b6dec6;
  color: #2f8f62;
}

.btn-add-to-cart.loading {
  opacity: 0.6;
  pointer-events: none;
}

.product-specs-table-wrapper {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  background: var(--surface);
}

.product-specs-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 46rem;
  font-size: 0.82rem;
}

.product-specs-table thead th {
  font-family: var(--font-body);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--brand);
  background: var(--accent-soft);
  position: sticky;
  top: 0;
  z-index: 10;
  padding: 1rem 0.75rem;
  border-bottom: 2px solid var(--brand);
}

.product-specs-table th,
.product-specs-table td {
  border-bottom: 1px solid var(--line);
  padding: 0.85rem 0.75rem;
  text-align: left;
  vertical-align: middle;
}

.agnero-table-head-sub {
  white-space: nowrap;
}

.product-specs-table tbody tr {
  transition: background-color var(--transition);
}

.product-specs-table tbody tr:hover {
  background: #fff3e6;
}

.product-specs-table tbody tr:nth-child(even) {
  background: var(--surface-soft);
}

.product-specs-table tbody tr:nth-child(even):hover {
  background: #fff3e6;
}

.product-code a {
  font-family: var(--font-mono);
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--brand);
  border-bottom: 1px solid transparent;
}

.product-code a:hover {
  border-bottom-color: var(--brand);
}

.agnero-coating-mark--dlc {
  display: inline-block;
  color: #008fb8;
  background: linear-gradient(45deg, #e95791 0%, #58b783 52%, #008fb8 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 950;
  letter-spacing: 0.025em;
  filter: drop-shadow(0 1px 0.9px rgba(18, 55, 120, 0.46));
}

.agnero-table-hardness-heading,
.agnero-table-hardness-cell {
  min-width: 5.5rem;
  white-space: nowrap;
}

.agnero-table-length-heading,
.agnero-table-length-cell {
  min-width: 8.5rem;
}

.agnero-table-tip-heading,
.agnero-table-tip-cell {
  min-width: 6rem;
}

.agnero-length-indicator {
  display: grid;
  justify-items: start;
  gap: 0.35rem;
  min-width: 7.25rem;
}

.agnero-length-indicator__label {
  color: var(--brand);
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.01em;
  line-height: 1.1;
  white-space: nowrap;
}

.agnero-length-indicator__arrow {
  display: block;
  width: 54%;
  min-width: 3.7rem;
  height: 0.7rem;
  overflow: visible;
  color: var(--accent);
}

.agnero-length-indicator--long .agnero-length-indicator__arrow {
  width: 100%;
  color: var(--brand);
}

.agnero-length-indicator__arrow path {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.3;
}

.agnero-tip-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-width: 5.5rem;
  color: var(--brand);
  cursor: help;
  white-space: nowrap;
}

.agnero-tip-badge::after {
  position: absolute;
  left: 0;
  bottom: calc(100% + 0.6rem);
  z-index: 140;
  width: max-content;
  max-width: min(17rem, 70vw);
  padding: 0.62rem 0.72rem;
  border: 1px solid rgba(18, 55, 120, 0.18);
  border-radius: 0.55rem;
  background: #123778;
  box-shadow: 0 10px 24px rgba(18, 55, 120, 0.2);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 0.7rem;
  font-weight: 650;
  line-height: 1.4;
  opacity: 0;
  pointer-events: none;
  transform: translateY(0.25rem);
  transition: opacity 160ms ease, transform 160ms ease;
  visibility: hidden;
  white-space: normal;
}

.agnero-tip-badge::before {
  position: absolute;
  left: 1.1rem;
  bottom: calc(100% + 0.25rem);
  z-index: 141;
  width: 0.55rem;
  height: 0.55rem;
  background: #123778;
  content: '';
  opacity: 0;
  transform: rotate(45deg) translateY(0.25rem);
  transition: opacity 160ms ease, transform 160ms ease;
  visibility: hidden;
}

.agnero-tip-badge:hover::before,
.agnero-tip-badge:hover::after,
.agnero-tip-badge:focus-visible::before,
.agnero-tip-badge:focus-visible::after {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

.agnero-tip-badge:hover::before,
.agnero-tip-badge:focus-visible::before {
  transform: rotate(45deg) translateY(0);
}

.agnero-tip-badge:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}

.agnero-tip-badge__icon {
  width: 2.05rem;
  height: 2.05rem;
  flex: 0 0 2.05rem;
}

.agnero-tip-badge__icon circle:first-child {
  fill: #edf4ff;
  stroke: var(--brand);
  stroke-width: 1.6;
}

.agnero-tip-badge__icon .agnero-tip-badge__inner {
  fill: none;
  stroke: currentColor;
  stroke-dasharray: 1 2.5;
  stroke-width: 1;
}

.agnero-tip-badge--b {
  color: #b85c15;
}

.agnero-tip-badge--b .agnero-tip-badge__icon circle:first-child {
  fill: #fff3e6;
  stroke: currentColor;
}

.agnero-tip-badge__icon text {
  fill: currentColor;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 950;
}

.agnero-tip-badge__label {
  font-size: 0.76rem;
  font-weight: 850;
  letter-spacing: 0.01em;
}

.product-price.agnero-price-request {
  display: inline-flex;
  align-items: center;
  min-height: 0;
  border: 1px solid #f2a25f;
  border-radius: 999px;
  padding: 0.24rem 0.48rem;
  background: #fff7ef;
  color: #b94e00;
  cursor: pointer;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 850;
  line-height: 1.2;
  text-align: left;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.product-price.agnero-price-request:hover {
  border-color: #d85f0a;
  background: #fff3e6;
  color: #b94e00;
}

.product-price.agnero-price-request:focus-visible {
  border-color: var(--accent);
  outline: 3px solid rgba(242, 122, 22, 0.18);
  outline-offset: 1px;
}

.agnero-hardness-value {
  display: inline-block;
  font-weight: 900;
  letter-spacing: 0.015em;
}

.agnero-hardness-value--55 {
  color: #9d735a;
}

.agnero-hardness-value--65 {
  color: #008fc6;
  background: linear-gradient(90deg, #008fc6 0%, #913690 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (forced-colors: active) {
  .agnero-coating-mark--dlc {
    color: CanvasText;
    background: none;
    -webkit-text-fill-color: currentColor;
    filter: none;
  }

  .agnero-hardness-value--65 {
    color: CanvasText;
    background: none;
    -webkit-text-fill-color: currentColor;
  }
}

.stock-indicator {
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.95rem;
  font-weight: 900;
  line-height: 1;
}

.stock-indicator.in-stock {
  background: #e7f6ed;
  color: #168a4a;
  box-shadow: inset 0 0 0 1px rgba(22, 138, 74, 0.18);
}

.stock-indicator.out-of-stock {
  background: #f1f3f5;
  color: #8a96a3;
  box-shadow: inset 0 0 0 1px rgba(116, 129, 143, 0.2);
}

.product-price {
  font-weight: 800;
  color: var(--brand);
  font-size: 0.9rem;
}

.agnero-price-sale {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3rem 0.42rem;
  color: var(--brand);
  line-height: 1.25;
}

.agnero-price-sale__regular {
  color: var(--text-muted);
  font-size: 0.78em;
  font-weight: 600;
  text-decoration-thickness: 1px;
}

.agnero-price-sale__current {
  color: var(--brand);
  font-weight: 850;
  text-decoration: none;
}

.agnero-price-sale__info {
  width: 1.05rem;
  height: 1.05rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  color: var(--brand);
  font-family: Georgia, serif;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1;
  cursor: help;
}

.agnero-price-sale__info:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
}

.qty-input {
  width: 4rem;
  padding: 0.4rem 0.5rem;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-xs);
  background: var(--surface);
  text-align: center;
  font-weight: 600;
}

.qty-input:focus {
  border-color: var(--brand);
  outline: none;
}

.agnero-qty-stepper {
  display: inline-grid;
  grid-template-columns: minmax(3.4rem, 1fr) 2.25rem 0;
  gap: 0.42rem;
  align-items: center;
  width: max-content;
}

.agnero-qty-stepper.is-expanded {
  grid-template-columns: minmax(3.4rem, 1fr) 2.25rem 2.25rem;
}

.agnero-qty-stepper__button,
.agnero-qty-stepper__input {
  min-height: 2.65rem;
  border: 2px solid #c5d9ec;
  border-radius: 8px;
  background: #fff;
  font: inherit;
}

.agnero-qty-stepper__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  min-width: 2.25rem;
  padding: 0;
  color: #1675b8;
  cursor: pointer;
  font-size: 1.28rem;
  font-weight: 500;
  line-height: 1;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

.agnero-qty-stepper__button--minus {
  width: 0;
  min-width: 0;
  overflow: hidden;
  border-width: 0;
  opacity: 0;
  pointer-events: none;
}

.agnero-qty-stepper.is-expanded .agnero-qty-stepper__button--minus {
  width: 2.25rem;
  min-width: 2.25rem;
  border-width: 2px;
  opacity: 1;
  pointer-events: auto;
}

.agnero-qty-stepper__input {
  width: 3.4rem;
  padding: 0 0.5rem;
  color: #050505;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  appearance: textfield;
  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.agnero-qty-stepper:not(.is-disabled) .agnero-qty-stepper__button:hover {
  border-color: #1675b8;
  background: #eef7ff;
  color: #0d5f9d;
  box-shadow: 0 4px 10px rgba(22, 117, 184, 0.14);
}

.agnero-qty-stepper:not(.is-disabled) .agnero-qty-stepper__input:hover {
  border-color: #9fc4e5;
  background: #fbfdff;
}

.agnero-qty-stepper__input::-webkit-outer-spin-button,
.agnero-qty-stepper__input::-webkit-inner-spin-button {
  margin: 0;
  appearance: none;
}

.agnero-qty-stepper__input:focus,
.agnero-qty-stepper__button:focus-visible {
  border-color: #1675b8;
  outline: 3px solid rgba(22, 117, 184, 0.16);
  outline-offset: 1px;
}

.agnero-qty-stepper.is-disabled {
  opacity: 0.48;
}

.agnero-qty-stepper.is-disabled .agnero-qty-stepper__button {
  cursor: not-allowed;
}

.btn-add-to-cart {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 8px;
  background: var(--brand);
  color: white;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--transition);
  font-size: 1rem;
}

.btn-add-to-cart:hover {
  background: var(--brand-soft);
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(18, 55, 120, 0.2);
}

.btn-add-to-cart:disabled {
  background: var(--line-strong);
  cursor: not-allowed;
  transform: none;
}

.agnero-row-actions {
  display: inline-flex;
  gap: 0.35rem;
  align-items: center;
}

.agnero-favorite-toggle {
  min-height: 2.3rem;
  min-width: 2.3rem;
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0 0.65rem;
  font-size: 0.74rem;
  color: var(--text-muted);
  font-weight: 700;
}

.agnero-favorite-toggle:hover {
  color: var(--text);
  border-color: var(--text);
}

.agnero-favorite-toggle.is-active {
  border-color: #cf8787;
  color: #a24343;
  background: #fff6f6;
}

.product-count {
  margin-top: 0.6rem;
  color: var(--text-muted);
  font-size: 0.74rem;
}

.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  margin: 0 0 0.8rem;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line-strong);
  background: #fff;
  color: var(--text);
  font-size: 0.8rem;
}

.woocommerce-message {
  border-color: #b9d7c8;
}

.woocommerce-error {
  border-color: #e4b5b5;
}

.woocommerce-info {
  border-color: #cdc8bc;
}

.woocommerce table.shop_table {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  font-size: 0.8rem;
}

.woocommerce table.shop_table thead th {
  background: var(--surface-soft);
  color: var(--text-muted);
  font-size: 0.68rem;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  font-weight: 800;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  border: 0;
  border-bottom: 1px solid var(--line);
  padding: 0.72rem 0.6rem;
}

.woocommerce-cart-form,
.cart_totals,
.woocommerce-checkout-review-order,
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review,
.woocommerce-checkout #order_review_heading,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}

.woocommerce-cart-form,
.cart_totals,
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review {
  padding: 1rem;
}

.woocommerce-cart .cart_totals {
  margin-top: 0.8rem;
}

.woocommerce-cart .wc-proceed-to-checkout .button {
  width: 100%;
  text-align: center;
}

.woocommerce-cart .coupon,
.woocommerce-checkout .checkout_coupon {
  display: grid;
  gap: 0.5rem;
  align-items: center;
  grid-template-columns: 1fr auto;
}

.woocommerce-checkout .woocommerce {
  display: grid;
  gap: var(--space-3);
}

.woocommerce-cart .shop-content {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
}

.woocommerce-cart .shop-content > .page-title,
.woocommerce-cart .shop-content .woocommerce > .page-title,
.woocommerce-cart .shop-content .entry-title {
  display: none !important;
}

.woocommerce-cart .woocommerce {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.42fr);
  gap: 1.45rem;
  align-items: start;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
}

.woocommerce-cart .woocommerce-cart-form {
  position: relative;
  overflow: hidden;
  padding: 0;
  border-color: #dce6f1;
  box-shadow: 0 18px 42px rgba(18, 55, 120, 0.06);
}

.woocommerce-cart .woocommerce-cart-form::before,
.woocommerce-cart .cart_totals::before {
  content: "";
  display: block;
  height: 4px;
  background: linear-gradient(90deg, #123778 0%, #123778 62%, #f68b1e 62%, #f68b1e 100%);
}

.woocommerce-cart .woocommerce-cart-form table.shop_table {
  margin: 0 !important;
  border: 0;
  border-radius: 0;
}

.woocommerce-cart .woocommerce-cart-form table.shop_table thead th {
  background: #f5f8fc;
  color: #38506c;
  font-size: 0.72rem;
  letter-spacing: 0.06em;
}

.woocommerce-cart .woocommerce-cart-form table.shop_table th,
.woocommerce-cart .woocommerce-cart-form table.shop_table td {
  padding: 1rem 0.95rem;
  vertical-align: middle;
}

.woocommerce-cart .woocommerce-cart-form .cart_item td {
  background: #fff;
}

.woocommerce-cart .woocommerce-cart-form .product-thumbnail img {
  width: 4.8rem;
  max-width: 4.8rem;
  aspect-ratio: 1;
  object-fit: contain;
  border: 1px solid #e5edf5;
  border-radius: 8px;
  background: #f7fafc;
  padding: 0.35rem;
}

.woocommerce-cart .woocommerce-cart-form .product-name a {
  color: #123778;
  font-size: 0.96rem;
  font-weight: 850;
  line-height: 1.35;
}

.woocommerce-cart .woocommerce-cart-form .product-price,
.woocommerce-cart .woocommerce-cart-form .product-subtotal {
  color: #123778;
  font-weight: 900;
  white-space: nowrap;
}

.woocommerce-cart .woocommerce-cart-form .product-quantity .quantity {
  display: inline-flex;
}

.woocommerce-cart .woocommerce-cart-form .product-quantity .qty {
  width: 4.8rem;
  min-height: 2.5rem;
  border-radius: 8px;
  border-color: #cbd8e6;
  color: #123778;
  font-weight: 800;
}

.woocommerce-cart .woocommerce-cart-form .product-remove a.remove {
  width: 2rem;
  height: 2rem;
  border: 1px solid #d7e2ee;
  border-radius: 999px;
  color: #6c7d90 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  line-height: 1;
}

.woocommerce-cart .woocommerce-cart-form .product-remove a.remove:hover {
  background: #fff3e6;
  border-color: #f68b1e;
  color: #bd5d00 !important;
}

.woocommerce-cart .woocommerce-cart-form .actions {
  background: #f8fafd;
}

.woocommerce-cart .cart-collaterals {
  width: 100%;
}

.woocommerce-cart .cart-collaterals .cart_totals {
  float: none;
  width: 100%;
}

.woocommerce-cart .wc-proceed-to-checkout .button {
  min-height: 3.4rem;
  border-radius: 8px;
  background: #f68b1e !important;
  border-color: #f68b1e !important;
  color: #fff !important;
  font-size: 0.98rem;
  font-weight: 900;
  box-shadow: 0 14px 28px rgba(246, 139, 30, 0.24);
}

.woocommerce-cart .wc-proceed-to-checkout .button:hover {
  background: #d96f00 !important;
  border-color: #d96f00 !important;
  box-shadow: 0 16px 32px rgba(217, 111, 0, 0.28);
}

.woocommerce-cart .cart_totals {
  overflow: hidden;
  padding: 0;
  border-color: #dce6f1;
  box-shadow: 0 18px 42px rgba(18, 55, 120, 0.08);
}

.woocommerce-cart .cart_totals h2 {
  margin: 0;
  padding: 1rem 1rem 0.35rem;
  color: #123778;
  font-size: 0.92rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.woocommerce-cart .cart_totals table.shop_table {
  margin: 0 !important;
  border: 0;
  border-radius: 0;
}

.woocommerce-cart .cart_totals table.shop_table th,
.woocommerce-cart .cart_totals table.shop_table td {
  padding: 0.9rem 1rem;
  border-bottom: 1px solid #e8eef5;
}

.woocommerce-cart .cart_totals table.shop_table th {
  color: #425872;
  font-weight: 750;
}

.woocommerce-cart .cart_totals table.shop_table td {
  color: #123778;
  font-weight: 850;
  text-align: right;
}

.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td {
  color: #071526;
  font-size: 1.28rem;
  font-weight: 950;
}

.woocommerce-cart .cart_totals .wc-proceed-to-checkout {
  padding: 1rem;
}

.woocommerce-cart .wp-block-woocommerce-cart,
.woocommerce-cart .wc-block-cart {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.42fr);
  gap: 1.45rem;
  align-items: start;
}

.woocommerce-cart .wc-block-cart__main,
.woocommerce-cart .wc-block-cart__sidebar {
  width: 100%;
  padding: 0;
}

.woocommerce-cart .wc-block-cart-items,
.woocommerce-cart .wc-block-components-sidebar {
  overflow: hidden;
  border: 1px solid #dce6f1;
  border-radius: var(--radius-md);
  background: #fff;
  box-shadow: 0 18px 42px rgba(18, 55, 120, 0.06);
}

.woocommerce-cart .wc-block-cart-items::before,
.woocommerce-cart .wc-block-components-sidebar::before {
  content: "";
  display: block;
  height: 4px;
  background: linear-gradient(90deg, #123778 0%, #123778 62%, #f68b1e 62%, #f68b1e 100%);
}

.woocommerce-cart .wc-block-cart-items th {
  background: #f5f8fc;
  color: #38506c;
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.woocommerce-cart .wc-block-cart-items td {
  border-color: #e8eef5;
  padding: 1rem 0.95rem;
}

.woocommerce-cart .wc-block-cart-items__row {
  background: #fff;
}

.woocommerce-cart .wc-block-cart-item__image img {
  width: 4.8rem;
  max-width: 4.8rem;
  aspect-ratio: 1;
  object-fit: contain;
  border: 1px solid #e5edf5;
  border-radius: 8px;
  background: #f7fafc;
  padding: 0.35rem;
}

.woocommerce-cart .wc-block-components-product-name {
  color: #123778;
  font-size: 0.96rem;
  font-weight: 850;
  line-height: 1.35;
}

.woocommerce-cart .wc-block-components-product-price,
.woocommerce-cart .wc-block-components-formatted-money-amount {
  color: #123778;
  font-weight: 900;
}

.woocommerce-cart .wc-block-components-quantity-selector {
  border-color: #cbd8e6;
  border-radius: 8px;
}

.woocommerce-cart .wc-block-components-sidebar {
  padding: 0;
  box-shadow: 0 18px 42px rgba(18, 55, 120, 0.08);
}

.woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-main {
  width: 100%;
}

.woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-sidebar {
  width: 100%;
}

.woocommerce-cart .wc-block-cart__totals-title {
  margin: 0;
  padding: 1rem 1rem 0.35rem;
  color: #123778;
  font-size: 0.92rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.woocommerce-cart .wc-block-components-totals-wrapper {
  padding: 0.9rem 1rem;
  border-top: 0;
  border-bottom: 1px solid #e8eef5;
}

.woocommerce-cart .wc-block-components-totals-item {
  justify-content: flex-end;
  gap: 1rem;
}

.woocommerce-cart .wc-block-components-totals-item__label,
.woocommerce-cart .wc-block-components-totals-item__value {
  flex: 0 1 auto;
  margin-left: auto;
  text-align: right;
}

.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  color: #071526;
  font-size: 1.28rem;
  font-weight: 950;
}

.woocommerce-cart .wc-block-cart__submit-container {
  padding: 1rem;
}

.woocommerce-cart .wc-block-cart__submit-button,
.woocommerce-cart .wc-block-components-button.wc-block-cart__submit-button {
  min-height: 3.4rem;
  border-radius: 8px;
  background: #f68b1e !important;
  border-color: #f68b1e !important;
  color: #fff !important;
  font-size: 0.98rem;
  font-weight: 900;
  box-shadow: 0 14px 28px rgba(246, 139, 30, 0.24);
  text-decoration: none;
}

.woocommerce-cart .wc-block-cart__submit-button:hover,
.woocommerce-cart .wc-block-components-button.wc-block-cart__submit-button:hover {
  background: #d96f00 !important;
  border-color: #d96f00 !important;
}

.woocommerce-checkout .shop-content,
.woocommerce-checkout .woocommerce {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
}

.woocommerce-checkout .shop-content {
  overflow: visible;
}

.woocommerce-checkout .page-title {
  margin-bottom: 1rem;
  font-size: clamp(2.1rem, 5vw, 3.4rem);
  letter-spacing: 0;
}

.woocommerce-checkout .woocommerce-notices-wrapper,
.woocommerce-checkout .agnero-micro-reward-panel,
.woocommerce-checkout .agnero-conversion-note,
.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout .checkout_coupon {
  max-width: 100%;
}

.woocommerce-checkout .woocommerce-notices-wrapper,
.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout .checkout_coupon,
.woocommerce-cart .woocommerce-notices-wrapper {
  display: none !important;
}

.woocommerce-checkout .agnero-micro-reward-panel,
.woocommerce-checkout .agnero-conversion-note,
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-checkout .checkout_coupon {
  border: 1px solid #dfe8f2;
  border-radius: 8px;
  background: #fff;
  box-shadow: none;
}

.woocommerce-checkout .agnero-micro-reward-panel {
  position: relative;
  margin: 0 0 0.75rem;
  padding: 0.9rem 1rem 1rem;
  overflow: hidden;
  color: #1d314a;
}

.woocommerce-checkout .agnero-micro-reward-panel::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: #1f8f5f;
}

.woocommerce-checkout .agnero-micro-reward-panel strong {
  display: block;
  color: var(--brand);
  font-size: 0.82rem;
  font-weight: 800;
}

.woocommerce-checkout .agnero-micro-reward-panel p {
  max-width: 72ch;
  color: #42526a;
  line-height: 1.45;
}

.woocommerce-checkout .agnero-micro-reward-bar {
  max-width: 38rem;
}

.agnero-micro-reward-panel {
  display: none !important;
}

.woocommerce-checkout .agnero-conversion-note {
  margin: 0 0 0.75rem;
  padding: 0.82rem 1rem;
  color: #60718a;
  text-align: left;
  line-height: 1.45;
}

.woocommerce-checkout .agnero-checkout-account-prompt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.9rem;
  border-color: #cfdceb;
  background: #f8fbff;
  color: #30415b;
}

.agnero-checkout-account-prompt__copy {
  display: grid;
  gap: 0.18rem;
  min-width: 0;
}

.agnero-checkout-account-prompt__copy strong {
  color: var(--brand);
  font-size: 0.92rem;
  font-weight: 900;
  line-height: 1.25;
}

.agnero-checkout-account-prompt__copy span {
  color: #5b6f88;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.4;
}

.agnero-checkout-account-prompt__action {
  display: flex;
  flex: 0 0 auto;
}

.agnero-checkout-account-prompt__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.45rem;
  border-radius: 8px;
  background: #f68b1e;
  color: #fff;
  font-size: 0.84rem;
  font-weight: 900;
  line-height: 1;
  padding: 0.72rem 1rem;
  text-decoration: none;
  box-shadow: 0 10px 20px rgba(246, 139, 30, 0.2);
  transition: background 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
  white-space: nowrap;
}

.agnero-checkout-account-prompt__button:hover,
.agnero-checkout-account-prompt__button:focus-visible {
  background: #d96f00;
  color: #fff;
  box-shadow: 0 12px 22px rgba(217, 111, 0, 0.24);
  transform: translateY(-1px);
}

.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
  margin: 0;
  padding: 0.78rem 1rem;
  color: #30415b;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle a {
  color: var(--brand);
  font-weight: 800;
  text-decoration: none;
}

.woocommerce-checkout .checkout_coupon {
  margin: 0 0 0.85rem;
  padding: 0.9rem;
}

.woocommerce-checkout form.checkout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.44fr);
  grid-template-areas:
    "customer heading"
    "customer review";
  gap: 1.25rem;
  align-items: start;
}

.woocommerce-checkout.agnero-checkout-step-delivery form.checkout,
.woocommerce-checkout.agnero-checkout-step-payment form.checkout {
  grid-template-areas: "customer review";
}

.woocommerce-checkout #customer_details {
  grid-area: customer;
  margin: 0;
}

.woocommerce-checkout #order_review_heading {
  grid-area: heading;
  margin: 0;
  padding: 1.15rem 1.15rem 0;
  border-bottom: 0;
}

.woocommerce-checkout #order_review {
  grid-area: review;
  margin: 0;
  align-self: start;
}

.woocommerce-checkout .agnero-checkout-payment-panel {
  grid-area: customer;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.92fr);
  gap: 0.95rem 1.05rem;
  align-self: start;
  border: 1px solid #dfe8f2;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(18, 55, 120, 0.05);
  padding: 1.2rem;
}

.agnero-checkout-payment-panel__head {
  grid-column: 1 / -1;
  display: grid;
  gap: 0.4rem;
  margin: -1.2rem -1.2rem 0;
  padding: 1.05rem 1.2rem;
  border-bottom: 1px solid #dfe8f2;
  background: #f7f9fc;
}

.agnero-checkout-payment-panel__head a {
  color: #60718a;
  font-size: 0.78rem;
  font-weight: 800;
  text-decoration: none;
}

.agnero-checkout-payment-panel__head a:hover {
  color: var(--brand);
}

.agnero-payment-method-strip {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 1rem;
  min-height: 4.35rem;
  color: #ff6b00;
  font-size: 1.08rem;
  font-weight: 900;
}

.agnero-payment-method-strip__radio {
  width: 1.25rem;
  height: 1.25rem;
  border: 3px solid #ff6b00;
  border-radius: 999px;
  box-shadow: inset 0 0 0 4px #fff;
  background: #ff6b00;
  flex: 0 0 auto;
}

.agnero-payment-method-strip__icon {
  width: 2rem;
  height: 1.42rem;
  border-radius: 4px;
  background:
    linear-gradient(#ff6b00 0 0) 0 0.18rem / 100% 0.38rem no-repeat,
    linear-gradient(#ff6b00 0 0) 0.32rem 0.92rem / 1.02rem 0.22rem no-repeat,
    #ff6b00;
  flex: 0 0 auto;
}

.woocommerce-checkout.agnero-checkout-step-payment #customer_details {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.woocommerce-checkout.agnero-checkout-step-delivery .agnero-paytr-installments,
.woocommerce-checkout.agnero-checkout-step-delivery .woocommerce-checkout-payment {
  display: none !important;
}

.agnero-checkout-step-actions {
  display: none;
  gap: 0.65rem;
  margin-top: 0.95rem;
  padding-top: 0.95rem;
  border-top: 1px solid #edf2f7;
}

.agnero-checkout-next-payment {
  width: 100%;
  min-height: 3.15rem;
  border-radius: 8px !important;
  background: var(--brand) !important;
  color: #fff !important;
  font-size: 0.96rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

.agnero-checkout-next-payment:hover {
  background: #123778 !important;
}

.woocommerce-checkout-review-order {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.woocommerce-checkout h3 {
  color: var(--brand);
  font-size: 1.18rem;
  line-height: 1.2;
  margin: 0 0 0.95rem;
}

.woocommerce-checkout #order_review,
.woocommerce-checkout #order_review_heading {
  position: sticky;
  top: 1rem;
}

.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review,
.woocommerce-checkout #order_review_heading {
  border-color: #dfe8f2;
  box-shadow: 0 18px 45px rgba(18, 55, 120, 0.05);
}

.woocommerce-checkout #customer_details {
  padding: 1.2rem;
}

.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields {
  display: grid;
  gap: 0.9rem;
}

.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields {
  border: 1px solid #dfe8f2;
  border-radius: 8px;
  background: #fff;
  padding: 1rem;
}

.woocommerce-checkout .woocommerce-shipping-fields {
  margin-top: 1rem;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 0.8rem;
  row-gap: 0.85rem;
}

.woocommerce-checkout .form-row,
.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last,
.woocommerce-checkout .form-row-wide {
  float: none;
  clear: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

.woocommerce-checkout .form-row-wide,
.woocommerce-checkout #billing_email_field,
.woocommerce-checkout #billing_phone_field,
.woocommerce-checkout #billing_company_field,
.woocommerce-checkout #agnero_invoice_type_field,
.woocommerce-checkout #billing_address_1_field,
.woocommerce-checkout #billing_city_field,
.woocommerce-checkout #billing_state_field,
.woocommerce-checkout #billing_postcode_field,
.woocommerce-checkout #billing_country_field,
.woocommerce-checkout #shipping_company_field,
.woocommerce-checkout #shipping_address_1_field,
.woocommerce-checkout #shipping_city_field,
.woocommerce-checkout #shipping_state_field,
.woocommerce-checkout #shipping_postcode_field,
.woocommerce-checkout #shipping_country_field {
  grid-column: 1 / -1;
}

.woocommerce-checkout #ship-to-different-address {
  display: none;
}

.woocommerce-checkout.agnero-checkout-step-delivery #ship-to-different-address {
  display: block;
}

.woocommerce-checkout.agnero-checkout-step-delivery .woocommerce-additional-fields {
  display: none;
}

.woocommerce-checkout .agnero-invoice-type-field .woocommerce-input-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
}

.woocommerce-checkout .agnero-invoice-type-field input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.woocommerce-checkout .agnero-invoice-type-field label.radio {
  display: flex !important;
  min-height: 3.2rem;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: 1px solid #cfdbea;
  border-radius: 8px;
  background: #f8fbff;
  color: #20334c;
  font-size: 0.9rem;
  font-weight: 900;
  cursor: pointer;
}

.woocommerce-checkout .agnero-invoice-type-field input:checked + label.radio {
  border-color: var(--brand);
  background: #123778;
  color: #fff;
}

.woocommerce-checkout.agnero-invoice-is-personal #billing_company_field,
.woocommerce-checkout.agnero-invoice-is-personal #agnero_billing_tax_number_field,
.woocommerce-checkout.agnero-invoice-is-personal #agnero_billing_tax_office_field {
  display: none;
}

.agnero-same-as-invoice {
  display: grid;
  gap: 0.25rem;
  margin: 0 0 0.9rem;
  padding: 0.78rem 0.85rem;
  border: 1px solid #dfe8f2;
  border-radius: 8px;
  background: #f8fbff;
}

.agnero-same-as-invoice label {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin: 0;
  color: #20334c;
  font-size: 0.88rem;
  font-weight: 850;
}

.agnero-same-as-invoice input {
  width: 1.05rem;
  height: 1.05rem;
  margin: 0;
  accent-color: var(--brand);
}

.agnero-same-as-invoice p {
  margin: 0;
  color: #60718a;
  font-size: 0.76rem;
  line-height: 1.45;
}

[data-agnero-address-modal="shipping"] .agnero-same-as-invoice {
  margin: 1rem 0 0;
}

.woocommerce-checkout.agnero-checkout-step-delivery #customer_details {
  display: block;
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
  min-height: 0;
}

.woocommerce-checkout.agnero-checkout-step-delivery #customer_details::before,
.woocommerce-checkout.agnero-checkout-step-delivery #customer_details::after {
  display: none;
}

.woocommerce-checkout.agnero-checkout-step-delivery .woocommerce-billing-fields > h3,
.woocommerce-checkout.agnero-checkout-step-delivery .woocommerce-shipping-fields > h3 {
  margin: -1rem -1rem 1rem;
  padding: 1.05rem 1.15rem;
  border-bottom: 1px solid #dfe8f2;
  background: #f7f9fc;
  color: #123778;
  font-size: 1.08rem;
  font-weight: 900;
}

.woocommerce-checkout.agnero-checkout-step-delivery .woocommerce-shipping-fields {
  margin-top: 0;
}

.agnero-address-picker {
  grid-area: customer;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  align-self: start;
}

.agnero-delivery-validation {
  grid-column: 1 / -1;
  border: 1px solid #dc2626;
  border-radius: 8px;
  background: #fff7f7;
  box-shadow: 0 12px 32px rgba(153, 27, 27, 0.08);
  padding: 1rem 1.1rem;
  color: #7f1d1d;
  outline: none;
}

.agnero-delivery-validation strong {
  display: block;
  margin-bottom: 0.3rem;
  color: #991b1b;
  font-size: 0.98rem;
  font-weight: 900;
}

.agnero-delivery-validation p {
  margin: 0;
  color: #7f1d1d;
  font-size: 0.84rem;
  line-height: 1.5;
}

.agnero-delivery-validation ul {
  display: grid;
  gap: 0.35rem;
  margin: 0.75rem 0 0;
  padding: 0;
  list-style: none;
}

.agnero-delivery-validation button {
  border: 0;
  background: transparent;
  padding: 0;
  color: #b42318;
  font: inherit;
  font-size: 0.84rem;
  font-weight: 800;
  text-align: left;
  text-decoration: underline;
  text-underline-offset: 0.18em;
  cursor: pointer;
}

.agnero-address-choice {
  min-height: 13.5rem;
  border: 1px solid #dfe8f2;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(18, 55, 120, 0.05);
  overflow: hidden;
}

.agnero-address-choice__head {
  min-height: 4.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  padding: 1rem;
  border-bottom: 1px solid #dfe8f2;
  background: #f7f9fc;
}

.agnero-address-choice__head h3 {
  margin: 0;
  color: #123778;
  font-size: 1.08rem;
  font-weight: 900;
}

.agnero-address-choice__head button {
  min-height: 2.25rem;
  border: 1px solid #ff7a1a;
  border-radius: 7px;
  background: #fff;
  color: #f26b12;
  padding: 0 0.75rem;
  font-size: 0.78rem;
  font-weight: 900;
  cursor: pointer;
}

.agnero-address-choice__saved {
  margin: 1rem;
  min-height: 5.6rem;
  display: grid;
  align-content: center;
  gap: 0.35rem;
  border: 1px solid #ffd0a8;
  border-radius: 8px;
  background: #fff8f1;
  padding: 0.95rem 1rem;
}

.agnero-address-choice.is-empty .agnero-address-choice__saved {
  border-color: #dfe8f2;
  background: #fbfdff;
}

.agnero-address-choice.has-errors {
  border-color: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.08);
}

.agnero-address-choice.has-errors .agnero-address-choice__saved {
  border-color: #ef4444;
  background: #fff7f7;
}

.agnero-address-choice__saved [data-agnero-address-error] {
  margin: 0.2rem 0 0;
  color: #b42318;
  font-size: 0.78rem;
  font-weight: 900;
}

.agnero-address-choice__saved strong {
  color: #123778;
  font-size: 0.95rem;
  font-weight: 900;
}

.agnero-address-choice__saved p {
  color: #52657d;
  font-size: 0.85rem;
  line-height: 1.45;
}

.agnero-address-modal {
  position: fixed;
  inset: 0;
  z-index: 7000;
  display: none;
}

.agnero-address-modal.is-open {
  display: block;
}

.agnero-address-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(8, 25, 45, 0.46);
}

.agnero-address-modal__panel {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(42rem, calc(100vw - 2rem));
  max-height: min(86vh, 48rem);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 28px 80px rgba(8, 25, 45, 0.28);
  transform: translate(-50%, -50%);
  overflow: hidden;
}

.agnero-address-modal__head,
.agnero-address-modal__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.15rem;
  border-bottom: 1px solid #dfe8f2;
  background: #f7f9fc;
}

.agnero-address-modal__actions {
  justify-content: flex-end;
  border-top: 1px solid #dfe8f2;
  border-bottom: 0;
}

.agnero-address-modal__head h3 {
  margin: 0;
  color: #123778;
  font-size: 1.08rem;
  font-weight: 900;
}

.agnero-address-modal__close {
  width: 2.25rem;
  height: 2.25rem;
  border: 1px solid #dfe8f2;
  border-radius: 999px;
  background: #fff;
  color: #123778;
  font-size: 1.35rem;
  line-height: 1;
  cursor: pointer;
}

.agnero-address-modal__body {
  overflow: auto;
  padding: 1rem;
}

.agnero-address-book {
  display: grid;
  gap: 0.78rem;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #dfe8f2;
}

.agnero-address-copy {
  display: grid;
  gap: 0.35rem;
  padding: 0.78rem 0.85rem;
  border: 1px solid #bfd7ef;
  border-radius: 8px;
  background: #f3f8fe;
}

.agnero-address-copy[hidden] {
  display: none;
}

.agnero-address-copy button {
  width: fit-content;
  min-height: 2.35rem;
  border: 1px solid #123778;
  border-radius: 7px;
  background: #123778;
  padding: 0 0.8rem;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 900;
  cursor: pointer;
}

.agnero-address-copy p {
  margin: 0;
  color: #52657d;
  font-size: 0.76rem;
  line-height: 1.45;
}

.agnero-address-book__title {
  display: grid;
  gap: 0.35rem;
  margin: 0;
  color: #233650;
  font-size: 0.78rem;
  font-weight: 800;
}

.agnero-address-book__title input {
  width: 100%;
  min-height: 2.75rem;
  border: 1px solid #cfdbea;
  border-radius: 8px;
  background: #fff;
  padding: 0.68rem 0.82rem;
  color: #18263a;
  font-size: 0.9rem;
}

.agnero-address-book__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.agnero-address-book__head strong {
  color: #123778;
  font-size: 0.9rem;
  font-weight: 900;
}

.agnero-address-book__head button {
  min-height: 2rem;
  border: 1px solid #ff7a1a;
  border-radius: 7px;
  background: #fff;
  color: #f26b12;
  padding: 0 0.7rem;
  font-size: 0.76rem;
  font-weight: 900;
  cursor: pointer;
}

.agnero-address-book__list {
  display: grid;
  gap: 0.55rem;
}

.agnero-address-book-card {
  display: grid;
  gap: 0.18rem;
  width: 100%;
  border: 1px solid #dfe8f2;
  border-radius: 8px;
  background: #f8fbff;
  padding: 0.72rem 0.82rem 0.72rem 2.55rem;
  color: #123778;
  text-align: left;
  position: relative;
  cursor: pointer;
}

.agnero-address-book-card::before {
  content: "";
  position: absolute;
  left: 0.85rem;
  top: 50%;
  width: 1rem;
  height: 1rem;
  border: 2px solid #d8dde5;
  border-radius: 999px;
  background: #fff;
  transform: translateY(-50%);
}

.agnero-address-book-card:hover,
.agnero-address-book-card.is-selected {
  border-color: #ff7a1a;
  background: #fff8f1;
}

.agnero-address-book-card.is-selected::before {
  border-color: #ff6b00;
  background: #ff6b00;
  box-shadow: inset 0 0 0 3px #fff;
}

.agnero-address-book-card strong {
  color: #123778;
  font-size: 0.88rem;
  font-weight: 900;
}

.agnero-address-book-card span,
.agnero-address-book__empty {
  color: #60718a;
  font-size: 0.8rem;
  line-height: 1.35;
}

.agnero-address-book__empty {
  margin: 0;
  border: 1px dashed #cfdbea;
  border-radius: 8px;
  background: #fbfdff;
  padding: 0.72rem 0.82rem;
}

.agnero-address-modal__body .woocommerce-billing-fields,
.agnero-address-modal__body .woocommerce-shipping-fields {
  border: 0;
  box-shadow: none;
  padding: 0;
}

.agnero-address-modal__body .woocommerce-billing-fields > h3,
.agnero-address-modal__body .woocommerce-shipping-fields > h3 {
  display: none !important;
}

.agnero-address-modal__save.is-saving {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  cursor: wait;
}

.agnero-address-modal__save.is-saving::before {
  content: "";
  width: 0.9rem;
  height: 0.9rem;
  border: 2px solid rgba(255, 255, 255, 0.48);
  border-top-color: #fff;
  border-radius: 999px;
  animation: agnero-address-saving-spin 0.7s linear infinite;
}

@keyframes agnero-address-saving-spin {
  to {
    transform: rotate(360deg);
  }
}

body.agnero-modal-open {
  overflow: hidden;
}

.woocommerce-checkout .form-row label {
  display: block;
  margin: 0 0 0.35rem;
  color: #233650;
  font-size: 0.78rem;
  font-weight: 800;
}

.woocommerce-checkout .required {
  color: #b42318;
  text-decoration: none;
}

.woocommerce-checkout .agnero-checkout-field-invalid .input-text,
.woocommerce-checkout .agnero-checkout-field-invalid select,
.woocommerce-checkout .agnero-checkout-field-invalid textarea {
  border-color: #dc2626;
}

.woocommerce-checkout .agnero-checkout-field-invalid .input-text:focus,
.woocommerce-checkout .agnero-checkout-field-invalid select:focus,
.woocommerce-checkout .agnero-checkout-field-invalid textarea:focus {
  border-color: #b42318;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.12);
  outline: none;
}

.woocommerce-checkout .agnero-field-error {
  display: block;
  width: 100%;
  margin-top: 0.35rem;
  color: #b42318;
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1.4;
}

.woocommerce-checkout .input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.woocommerce-checkout .select2-container--default .select2-selection--single {
  width: 100%;
  min-height: 3rem;
  border: 1px solid #cfdbea;
  border-radius: 8px;
  background: #fff;
  color: #18263a;
  font-size: 0.92rem;
  box-shadow: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.woocommerce-checkout .input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
  padding: 0.72rem 0.85rem;
}

.woocommerce-checkout textarea {
  min-height: 6rem;
  resize: vertical;
}

.woocommerce-checkout .input-text:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout .select2-container--open .select2-selection--single {
  outline: 0;
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(18, 55, 120, 0.11);
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #18263a;
  line-height: 3rem;
  padding-inline: 0.85rem 2.1rem;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
  min-height: 3rem;
}

.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td {
  font-weight: 700;
}

.woocommerce-checkout-review-order-table {
  border: 0 !important;
  border-radius: 0;
  margin: 0 0 0.9rem !important;
  overflow: visible;
}

.woocommerce-checkout-review-order-table thead {
  display: none;
}

.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th {
  padding: 0.68rem 0 !important;
  border-bottom: 1px solid #edf2f7 !important;
}

.woocommerce-checkout-review-order-table .product-name {
  color: #26384f;
  font-weight: 700;
}

.woocommerce-checkout-review-order-table .product-total,
.woocommerce-checkout-review-order-table tfoot td {
  color: #123778;
  text-align: right;
}

.woocommerce-checkout-review-order-table tfoot th {
  color: #425872;
  text-align: right;
}

.woocommerce-checkout-review-order-table tfoot td,
.woocommerce-checkout-review-order-table tfoot td .amount {
  text-align: right;
}

.woocommerce-checkout .wc-block-components-sidebar .wc-block-components-totals-item,
.woocommerce-checkout .wc-block-components-sidebar .wc-block-components-totals-footer-item,
.woocommerce-checkout .wc-block-components-sidebar .agnero-block-total-eur-row {
  justify-content: flex-end;
  gap: 1rem;
  text-align: right;
}

.woocommerce-checkout .wc-block-components-sidebar .wc-block-components-totals-item__label,
.woocommerce-checkout .wc-block-components-sidebar .wc-block-components-totals-item__value {
  flex: 0 1 auto;
  margin-left: auto;
  text-align: right;
}

.woocommerce-checkout-review-order-table tfoot tr:last-child th,
.woocommerce-checkout-review-order-table tfoot tr:last-child td {
  border-bottom: 0 !important;
  color: var(--brand);
  font-size: 1.22rem;
  font-weight: 900;
}

.agnero-total-eur-row th,
.agnero-total-eur-row td {
  color: #123778 !important;
  font-size: 1rem !important;
  font-weight: 850 !important;
}

.agnero-shipping-policy-row th,
.agnero-shipping-policy-row td {
  color: #425872 !important;
  font-size: 0.86rem !important;
  font-weight: 750 !important;
}

.agnero-shipping-policy-row td {
  line-height: 1.4;
}

.woocommerce-checkout-payment {
  border: 1px solid #dfe8f2;
  border-radius: 8px;
  background: #fbfdff;
  margin-top: 0.9rem;
  padding: 0.95rem;
}

.woocommerce-checkout.agnero-checkout-step-payment .agnero-checkout-payment-panel > .woocommerce-checkout-payment {
  grid-column: 1;
  grid-row: 4;
  margin-top: 0;
  background: #fff;
  align-self: start;
  overflow: hidden;
}

.woocommerce-checkout.agnero-checkout-step-payment .agnero-checkout-payment-panel > .woocommerce-checkout-payment {
  display: none !important;
}

.woocommerce-checkout.agnero-checkout-step-payment .agnero-checkout-payment-panel:not(:has(> .agnero-paytr-installments)) > .woocommerce-checkout-payment {
  grid-column: 1 / -1;
}

.woocommerce-checkout.agnero-checkout-step-payment .agnero-checkout-payment-panel > .agnero-paytr-installments {
  grid-column: 2;
  grid-row: 3;
  margin: 0;
  padding: 0;
  align-self: start;
  border-color: #dfe8f2;
  border-radius: var(--radius-md);
  background: #fff;
  box-shadow: none;
  overflow: hidden;
}

.woocommerce-checkout.agnero-checkout-step-payment .agnero-checkout-payment-panel > .agnero-card-entry {
  grid-column: 1;
  grid-row: 3;
  align-self: start;
  height: max-content;
}

.woocommerce-checkout.agnero-checkout-step-payment .agnero-checkout-payment-panel .agnero-paytr-uniform-plans {
  gap: 0;
  border: 0;
  border-radius: 0;
}

.woocommerce-checkout.agnero-checkout-step-payment .agnero-checkout-payment-panel .agnero-paytr-uniform-plans > p {
  display: contents;
  margin: 0;
}

.woocommerce-checkout.agnero-checkout-step-payment .agnero-checkout-payment-panel .agnero-paytr-uniform-plans br,
.woocommerce-checkout.agnero-checkout-step-payment .agnero-checkout-payment-panel .agnero-paytr-installments > p {
  display: none !important;
}

.woocommerce-checkout.agnero-checkout-step-payment .agnero-checkout-payment-panel .agnero-paytr-uniform-plans__row {
  display: grid;
  grid-template-columns: auto minmax(5.5rem, 1fr) auto;
  column-gap: 0.65rem !important;
  row-gap: 0 !important;
  align-items: center;
  min-height: 2.65rem;
  padding: 0.56rem 0.9rem;
  border: 0 !important;
  border-top: 1px solid #dfe3e8 !important;
  box-shadow: none !important;
  color: #30343b;
  font-size: 0.84rem;
  cursor: pointer;
}

.woocommerce-checkout.agnero-checkout-step-payment .agnero-checkout-payment-panel .agnero-paytr-uniform-plans__row br {
  display: none;
}

.woocommerce-checkout.agnero-checkout-step-payment .agnero-checkout-payment-panel .agnero-paytr-uniform-plans__row:last-child {
  border-bottom: 0 !important;
}

.woocommerce-checkout.agnero-checkout-step-payment .agnero-checkout-payment-panel .agnero-paytr-uniform-plans__row input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.woocommerce-checkout.agnero-checkout-step-payment .agnero-checkout-payment-panel .agnero-paytr-uniform-plans__row:has(input:checked) {
  background: #eef6ff;
}

.agnero-paytr-installment-mark {
  width: 1rem;
  height: 1rem;
  border: 2px solid #e1e4e8;
  border-radius: 999px;
  background: #fff;
}

.agnero-paytr-uniform-plans__row:has(input:checked) .agnero-paytr-installment-mark {
  border-color: #ff6b00;
  background: #ff6b00;
  box-shadow: inset 0 0 0 2px #fff;
}

.agnero-paytr-installment-amount {
  justify-self: end;
  color: #30343b;
  font-size: 0.84rem;
  font-weight: 900;
}

.woocommerce-checkout.agnero-checkout-step-payment .agnero-checkout-payment-panel .agnero-paytr-uniform-plans__row strong {
  color: #30343b;
  font-size: 0.84rem;
  font-weight: 600;
}

.woocommerce-checkout.agnero-checkout-step-payment .woocommerce-checkout-payment .payment_methods {
  margin: 0;
}

.woocommerce-checkout.agnero-checkout-step-payment .woocommerce-checkout-payment .wc_payment_method > label {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-height: 3.8rem;
  margin: -0.95rem -0.95rem 0;
  padding: 0.95rem 1rem;
  border-bottom: 1px solid #dfe8f2;
  background: #f7f9fc;
  color: #123778;
  font-size: 1rem;
  font-weight: 900;
}

.woocommerce-checkout.agnero-checkout-step-payment .woocommerce-checkout-payment .payment_box {
  display: none !important;
}

.woocommerce-checkout.agnero-checkout-step-payment .woocommerce-privacy-policy-text {
  display: none !important;
}

.woocommerce-checkout.agnero-checkout-step-payment .agnero-paytr-methods--technical {
  display: none !important;
}

.agnero-card-entry {
  display: grid;
  gap: 0;
  border: 1px solid #dfe3e8;
  border-radius: var(--radius-md);
  background: #fff;
  overflow: hidden;
  padding-bottom: 0;
}

.agnero-card-entry__head {
  min-height: 4.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin: 0;
  padding: 1rem 1.35rem;
  border-bottom: 1px solid #dfe3e8;
  background: #fff;
}

.agnero-card-entry__input--invalid {
  border-color: #ff6670 !important;
  box-shadow: 0 0 0 3px rgba(255, 102, 112, 0.12) !important;
}

.agnero-card-entry__head strong {
  color: #33363a;
  font-size: 1.08rem;
  font-weight: 800;
}

.agnero-card-entry__head button {
  min-height: 2.25rem;
  border: 1px solid #ff6b00;
  border-radius: 7px;
  background: #fff;
  color: #f26b12;
  padding: 0 0.85rem;
  font-size: 0.86rem;
  font-weight: 900;
}

.agnero-card-entry__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(10rem, 0.34fr);
  gap: 1.4rem 2rem;
  padding: 1.15rem 1.35rem 1.25rem;
}

.agnero-card-entry__field--number,
.agnero-card-entry__field--owner {
  grid-column: 1 / -1;
}

.agnero-card-entry__field,
.agnero-card-entry__expiry {
  display: grid;
  gap: 0.55rem;
  color: #33363a;
  font-size: 1rem;
  font-weight: 500;
}

.agnero-card-entry__expiry > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.agnero-card-entry__field--cvv span {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}

.agnero-card-entry__field--cvv small {
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  align-items: center;
  justify-content: center;
  border: 2px solid #ff9b57;
  border-radius: 999px;
  color: #ff7a1a;
  font-size: 0.7rem;
  font-weight: 900;
  line-height: 1;
}

.agnero-card-entry__grid input {
  min-height: 3rem;
  width: 100%;
  border: 1px solid #dfe3e8;
  border-radius: 8px;
  background: #f7f7f7;
  padding: 0.72rem 0.85rem;
  color: #30343b;
  font-size: 1rem;
}

.agnero-card-entry__secure {
  display: inline-flex !important;
  align-items: center;
  gap: 0.55rem;
  padding: 0 1.35rem 1.1rem;
  color: #6a6e73;
  font-size: 0.98rem;
  font-weight: 500;
}

.agnero-card-entry__secure input {
  width: 1.35rem;
  height: 1.35rem;
  margin: 0;
  accent-color: #ff7a1a;
}

.agnero-card-entry__save {
  display: inline-flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.55rem;
  padding: 0 1.35rem 1.25rem;
  color: #33363a;
  font-size: 0.9rem;
  font-weight: 600;
}

.agnero-card-entry__save input {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0;
  accent-color: #ff7a1a;
}

.agnero-card-entry__save strong {
  flex: 0 0 100%;
  margin-left: 1.75rem;
  color: #123778;
  font-size: 0.82rem;
  font-weight: 850;
}

.agnero-card-entry__selected {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 0.75rem;
  border: 1px solid #ffd0a8;
  border-radius: 8px;
  background: #fff8f1;
  padding: 0.8rem 0.9rem;
}

.agnero-card-entry__selected[hidden],
.agnero-card-entry__selected:empty {
  display: none !important;
}

.agnero-card-entry__selected strong {
  color: #123778;
  font-size: 0.92rem;
  font-weight: 900;
}

.agnero-card-entry__selected span {
  color: #52657d;
  font-size: 0.82rem;
  font-weight: 800;
}

.agnero-card-entry__selected button {
  min-height: 2rem;
  border: 1px solid #ff7a1a;
  border-radius: 7px;
  background: #fff;
  color: #f26b12;
  padding: 0 0.7rem;
  font-size: 0.78rem;
  font-weight: 900;
  cursor: pointer;
}

.agnero-card-vault-modal {
  position: fixed;
  inset: 0;
  z-index: 7100;
  display: none;
}

.agnero-card-vault-modal.is-open {
  display: block;
}

.agnero-card-vault-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(8, 25, 45, 0.46);
}

.agnero-card-vault-modal__panel {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(38rem, calc(100vw - 2rem));
  max-height: min(86vh, 44rem);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 28px 80px rgba(8, 25, 45, 0.28);
  transform: translate(-50%, -50%);
  overflow: hidden;
}

.agnero-card-vault-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.15rem;
  border-bottom: 1px solid #dfe8f2;
  background: #f7f9fc;
}

.agnero-card-vault-modal__head h3 {
  margin: 0;
  color: #123778;
  font-size: 1.08rem;
  font-weight: 900;
}

.agnero-card-vault-modal__head button {
  width: 2.25rem;
  height: 2.25rem;
  border: 1px solid #dfe8f2;
  border-radius: 999px;
  background: #fff;
  color: #123778;
  font-size: 1.35rem;
  line-height: 1;
  cursor: pointer;
}

.agnero-card-vault-modal__body {
  display: grid;
  gap: 1rem;
  overflow: auto;
  padding: 1rem;
}

.agnero-card-vault-modal__list {
  display: grid;
  gap: 0.85rem;
}

.agnero-card-vault-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.9rem;
  min-height: 5.45rem;
  border: 1px solid #dfe8f2;
  border-radius: 8px;
  background: #f8f8f8;
  padding: 0.95rem 1rem;
  color: #123778;
  text-align: left;
  cursor: pointer;
}

.agnero-card-vault-card:hover,
.agnero-card-vault-card.is-selected {
  border-color: #ff7a1a;
  background: #fff8f1;
}

.agnero-card-vault-card__radio {
  width: 1.25rem;
  height: 1.25rem;
  border: 3px solid #e1e4e8;
  border-radius: 999px;
  background: #fff;
}

.agnero-card-vault-card.is-selected .agnero-card-vault-card__radio {
  border-color: #ff6b00;
  background: #ff6b00;
  box-shadow: inset 0 0 0 4px #fff;
}

.agnero-card-vault-card__body {
  display: grid;
  gap: 0.45rem;
}

.agnero-card-vault-card strong {
  color: #333;
  font-size: 1.05rem;
  font-weight: 900;
}

.agnero-card-vault-card em {
  color: #343434;
  font-size: 0.96rem;
  font-style: normal;
  font-weight: 850;
}

.agnero-card-vault-card__brand {
  color: #152c78;
  font-size: 1.25rem;
  font-weight: 950;
  text-transform: uppercase;
}

.agnero-card-vault-card--add {
  grid-template-columns: auto auto;
  justify-content: center;
  min-height: 4rem;
  background: #fff;
}

.agnero-card-vault-card__plus {
  color: #ff6b00;
  font-size: 1.25rem;
  font-weight: 900;
}

.agnero-card-vault-modal__form {
  display: grid;
  gap: 0.7rem;
  border-top: 1px solid #edf2f7;
  padding-top: 1rem;
}

.agnero-card-vault-modal__form[hidden] {
  display: none !important;
}

.agnero-card-vault-modal__form strong {
  color: #123778;
  font-size: 0.95rem;
  font-weight: 900;
}

.agnero-card-vault-modal__form div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
}

.agnero-card-vault-modal__form input {
  min-height: 3rem;
  width: 100%;
  border: 1px solid #cfdbea;
  border-radius: 8px;
  background: #fff;
  padding: 0.72rem 0.85rem;
  color: #18263a;
}

.agnero-card-vault-modal__form small {
  color: #60718a;
  font-size: 0.76rem;
  line-height: 1.45;
}

.agnero-card-vault-modal__form button {
  min-height: 3rem;
  border: 0;
  border-radius: 8px;
  background: #ff6b00;
  color: #fff;
  font-size: 0.9rem;
  font-weight: 900;
  cursor: pointer;
}

.agnero-card-vault-modal__footer {
  padding: 1rem 1.15rem;
  border-top: 1px solid #dfe8f2;
  background: #fff;
}

.agnero-card-vault-modal__footer button {
  width: 100%;
  min-height: 3.35rem;
  border: 0;
  border-radius: 7px;
  background: #ff7a1a;
  color: #fff;
  font-size: 1.05rem;
  font-weight: 950;
  cursor: pointer;
}

.agnero-save-card-modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: none;
}

.agnero-save-card-modal.is-open {
  display: block;
}

.agnero-save-card-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(8, 25, 45, 0.46);
}

.agnero-save-card-modal__panel {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(28rem, calc(100vw - 2rem));
  display: grid;
  border-radius: var(--radius-md);
  background: #fff;
  box-shadow: 0 28px 80px rgba(8, 25, 45, 0.28);
  transform: translate(-50%, -50%);
  overflow: hidden;
}

.agnero-save-card-modal__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.05rem 1.15rem;
  border-bottom: 1px solid #dfe8f2;
  background: #f7f9fc;
}

.agnero-save-card-modal__head span {
  display: block;
  margin-bottom: 0.2rem;
  color: #60718a;
  font-size: 0.72rem;
  font-weight: 850;
  text-transform: uppercase;
}

.agnero-save-card-modal__head h3 {
  margin: 0;
  color: #123778;
  font-size: 1.08rem;
  font-weight: 900;
}

.agnero-save-card-modal__head button {
  width: 2.25rem;
  height: 2.25rem;
  border: 1px solid #dfe8f2;
  border-radius: 999px;
  background: #fff;
  color: #123778;
  font-size: 1.35rem;
  line-height: 1;
  cursor: pointer;
}

.agnero-save-card-modal__body {
  display: grid;
  gap: 0.85rem;
  padding: 1.15rem;
}

.agnero-save-card-modal__body p {
  margin: 0;
  color: #52657d;
  font-size: 0.9rem;
  line-height: 1.5;
}

.agnero-save-card-modal__body label {
  display: grid;
  gap: 0.45rem;
  color: #33363a;
  font-size: 0.9rem;
  font-weight: 800;
}

.agnero-save-card-modal__body input {
  min-height: 3rem;
  width: 100%;
  border: 1px solid #cfdbea;
  border-radius: 8px;
  background: #fff;
  padding: 0.72rem 0.85rem;
  color: #18263a;
  font-size: 1rem;
}

.agnero-save-card-modal__body small {
  color: #60718a;
  font-size: 0.76rem;
  line-height: 1.45;
}

.agnero-save-card-modal__actions {
  display: grid;
  grid-template-columns: 1fr 1.35fr;
  gap: 0.75rem;
  padding: 1rem 1.15rem;
  border-top: 1px solid #dfe8f2;
  background: #fff;
}

.agnero-save-card-modal__actions button {
  min-height: 3rem;
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 900;
  cursor: pointer;
}

.agnero-save-card-modal__actions button:first-child {
  border: 1px solid #dfe8f2;
  background: #fff;
  color: #123778;
}

.agnero-save-card-modal__actions button:last-child {
  border: 0;
  background: #ff6b00;
  color: #fff;
}

.agnero-paytr-uniform-plans__title {
  min-height: 2.6rem;
  display: flex;
  align-items: center;
  padding: 0.62rem 0.9rem;
  border-bottom: 1px solid #e4eaf2;
  color: #333;
  font-size: 0.86rem;
  font-weight: 900;
}

.woocommerce-checkout.agnero-checkout-step-payment .agnero-paytr-uniform-plans__title {
  border-bottom: 0 !important;
}

.woocommerce-checkout.agnero-checkout-step-payment .woocommerce-checkout-payment .wc_payment_method > label {
  display: none;
}

.woocommerce-checkout.agnero-checkout-step-payment .woocommerce-checkout-payment .payment_box {
  padding-top: 0.65rem;
}

.agnero-place-order-hidden {
  display: none !important;
}

.woocommerce-checkout.agnero-checkout-step-payment #place_order {
  display: none !important;
}

.agnero-summary-actions {
  display: grid;
  gap: 0.65rem;
  margin-top: 0.95rem;
  padding-top: 0.95rem;
  border-top: 1px solid #edf2f7;
}

.agnero-summary-button {
  width: 100%;
  min-height: 3.15rem;
  border-radius: 8px !important;
  background: var(--brand) !important;
  color: #fff !important;
  font-size: 0.96rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

.agnero-summary-button:hover {
  background: #123778 !important;
}

.agnero-payment-preparing {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: grid;
  place-items: center;
  padding: 1.25rem;
  background: rgba(255, 255, 255, 0.4);
  color: #17355f;
  font-family: var(--font-body);
}

.agnero-payment-preparing[hidden] {
  display: none;
}

.agnero-payment-preparing__panel {
  width: min(34rem, 100%);
  display: grid;
  justify-items: center;
  gap: 1.35rem;
  padding: 1rem;
  text-align: center;
}

.agnero-payment-preparing__copy {
  min-width: 0;
}

.agnero-payment-preparing strong,
.agnero-payment-preparing small {
  display: block;
}

.agnero-payment-preparing strong {
  color: #112f63;
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3.2vw, 1.85rem);
  font-weight: 750;
  line-height: 1.18;
  letter-spacing: -0.025em;
}

.agnero-payment-preparing small {
  max-width: 27rem;
  margin: 0.65rem auto 0;
  color: #5f7189;
  font-size: clamp(0.9rem, 2vw, 1rem);
  line-height: 1.55;
}

.agnero-payment-preparing__spinner {
  width: 3.25rem;
  height: 3.25rem;
  border: 4px solid #d9e3f1;
  border-top-color: var(--brand, #123778);
  border-radius: 50%;
  animation: agnero-payment-spin 0.75s linear infinite;
  will-change: transform;
}

.agnero-payment-is-preparing {
  overflow: hidden;
}

.agnero-checkout-error-action {
  display: inline-flex;
  margin: 0.65rem 0 0;
  color: #123778;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 0.16em;
}

@keyframes agnero-payment-spin {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .agnero-payment-preparing__spinner {
    animation-duration: 1.6s;
  }
}

.woocommerce-checkout.agnero-checkout-step-delivery #order_review_heading,
.woocommerce-checkout.agnero-checkout-step-payment #order_review_heading {
  display: none !important;
}

.woocommerce-checkout.agnero-checkout-step-delivery #order_review,
.woocommerce-checkout.agnero-checkout-step-payment #order_review {
  width: fit-content;
  min-width: 22rem;
  justify-self: end;
}

.woocommerce-checkout.agnero-checkout-step-delivery .agnero-summary-button,
.woocommerce-checkout.agnero-checkout-step-payment .agnero-summary-button {
  background: #ff6b00 !important;
}

.woocommerce-checkout.agnero-checkout-step-delivery .agnero-summary-button:hover,
.woocommerce-checkout.agnero-checkout-step-payment .agnero-summary-button:hover {
  background: #e95f00 !important;
}

.woocommerce .checkout #place_order {
  width: 100%;
  min-height: 3.15rem;
  border-radius: 8px;
  background: var(--brand);
  color: #fff;
  font-size: 0.96rem;
  font-weight: 900;
  letter-spacing: 0;
  box-shadow: none;
}

.woocommerce .checkout #place_order:hover {
  background: #123778;
}

.woocommerce ul#shipping_method li label,
.woocommerce-checkout-payment .payment_method label {
  font-size: 0.79rem;
}

.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
.woocommerce-checkout .woocommerce-privacy-policy-text {
  color: #6a7a90;
  font-size: 0.76rem;
  line-height: 1.45;
}

.woocommerce-checkout .wp-block-woocommerce-checkout {
  margin: 0;
  max-width: 100%;
}

.woocommerce-checkout .wc-block-components-sidebar-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.44fr);
  gap: 1.35rem;
  align-items: start;
}

.woocommerce-checkout .wc-block-components-main {
  width: auto;
  padding: 0;
}

.woocommerce-checkout .wc-block-components-sidebar {
  width: auto;
  position: sticky;
  top: 8.5rem;
  border: 1px solid #dfe8f2;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(18, 55, 120, 0.05);
  padding: 1.15rem;
}

.woocommerce-checkout .wc-block-components-sidebar::before {
  display: none;
}

.woocommerce-checkout .wc-block-checkout__form {
  display: grid;
  gap: 0.95rem;
}

.woocommerce-checkout .wc-block-components-checkout-step {
  margin: 0;
  border: 1px solid #dfe8f2;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(18, 55, 120, 0.05);
  padding: 1.15rem;
}

.woocommerce-checkout .wc-block-components-checkout-step__heading {
  margin: 0 0 0.95rem;
}

.woocommerce-checkout .wc-block-components-title.wc-block-components-checkout-step__title {
  color: var(--brand);
  font-size: 1.16rem;
  font-weight: 900;
  line-height: 1.2;
  margin: 0;
}

.woocommerce-checkout .wc-block-components-checkout-step__content {
  padding: 0;
}

.woocommerce-checkout .wc-block-components-address-form,
.woocommerce-checkout .wc-block-components-address-form-wrapper {
  display: grid;
  gap: 0.85rem;
}

.woocommerce-checkout .wc-block-components-address-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.woocommerce-checkout .wc-block-components-address-form__email,
.woocommerce-checkout .wc-block-components-address-form__country,
.woocommerce-checkout .wc-block-components-address-form__address_1,
.woocommerce-checkout .wc-block-components-address-form__state,
.woocommerce-checkout .wc-block-components-address-form__phone {
  grid-column: 1 / -1;
}

.woocommerce-checkout .wc-block-components-text-input input[type="text"],
.woocommerce-checkout .wc-block-components-text-input input[type="email"],
.woocommerce-checkout .wc-block-components-text-input input[type="tel"],
.woocommerce-checkout .wc-block-components-text-input input[type="number"],
.woocommerce-checkout .wc-blocks-components-select__select,
.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input {
  min-height: 3rem;
  border: 1px solid #cfdbea;
  border-radius: 8px;
  background: #fff;
  color: #18263a;
  box-shadow: none;
  font-size: 0.92rem;
}

.woocommerce-checkout .wc-block-components-text-input input:focus,
.woocommerce-checkout .wc-blocks-components-select__select:focus,
.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(18, 55, 120, 0.11);
  outline: 0;
}

.woocommerce-checkout .wc-block-components-text-input label,
.woocommerce-checkout .wc-blocks-components-select__label {
  color: #60718a;
  font-weight: 700;
}

.woocommerce-checkout .wc-block-components-address-card {
  border: 1px solid #dfe8f2;
  border-radius: 8px;
  background: #fbfdff;
  box-shadow: none;
}

.woocommerce-checkout .wc-block-components-address-card__edit {
  color: var(--brand);
  font-weight: 800;
}

.woocommerce-checkout .wc-block-components-address-form__address_2-toggle {
  color: #60718a;
  font-size: 0.8rem;
  font-weight: 700;
}

.woocommerce-checkout .wc-block-components-radio-control,
.woocommerce-checkout .wc-block-components-radio-control-accordion-option,
.woocommerce-checkout .wc-block-components-radio-control__option,
.woocommerce-checkout .wc-block-components-radio-control-accordion-content {
  border-color: #dfe8f2;
}

.woocommerce-checkout .wc-block-components-radio-control-accordion-option {
  border-radius: 8px;
  background: #fbfdff;
}

.woocommerce-checkout .wc-block-components-radio-control__label {
  color: #20334c;
  font-weight: 800;
}

.woocommerce-checkout .wc-block-components-radio-control-accordion-content {
  color: #60718a;
  font-size: 0.82rem;
}

.woocommerce-checkout .wc-block-components-checkbox__input {
  border-color: #cfdbea;
  border-radius: 5px;
}

.woocommerce-checkout .wc-block-checkout__actions_row {
  border-top: 1px solid #edf2f7;
  margin-top: 0.7rem;
  padding-top: 1rem;
}

.woocommerce-checkout .wc-block-components-checkout-place-order-button {
  min-height: 3.15rem;
  border-radius: 8px;
  background: var(--brand);
  color: #fff;
  font-size: 0.96rem;
  font-weight: 900;
  box-shadow: none;
}

.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover {
  background: #123778;
}

.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
  border: 0;
  background: transparent;
}

.woocommerce-checkout .wc-block-components-sidebar .wc-block-components-totals-wrapper,
.woocommerce-checkout .wc-block-components-sidebar .wc-block-components-panel {
  border-color: #edf2f7;
}

.woocommerce-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item {
  border-color: #edf2f7;
}

.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  color: var(--brand);
  font-size: 1.22rem;
  font-weight: 900;
}

.woocommerce-checkout .wc-block-components-totals-item__label {
  color: #26384f;
  font-weight: 700;
}

.woocommerce-checkout .wc-block-components-totals-item__value {
  color: #123778;
  font-weight: 800;
}

.woocommerce-checkout .agnero-block-total-eur-row {
  border-top: 1px solid #edf2f7;
  padding: 0.78rem 0;
}

.woocommerce-checkout .agnero-block-total-eur-row .wc-block-components-totals-item__label,
.woocommerce-checkout .agnero-block-total-eur-row .wc-block-components-totals-item__value {
  color: #123778;
  font-size: 0.96rem;
  font-weight: 850;
}

.agnero-paytr-methods {
  display: grid;
  gap: 0.9rem;
  margin-top: 0.35rem;
}

.agnero-paytr-methods__head {
  display: grid;
  gap: 0.25rem;
}

.agnero-paytr-methods__head strong {
  color: var(--brand);
  font-size: 1.08rem;
  font-weight: 900;
}

.agnero-paytr-methods__head span {
  color: #60718a;
  font-size: 0.78rem;
  line-height: 1.45;
}

.agnero-paytr-methods__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.55rem;
}

.agnero-paytr-method-card {
  position: relative;
  display: grid !important;
  grid-template-columns: auto 1fr;
  min-height: 4.35rem;
  gap: 0.75rem;
  align-items: center;
  padding: 0.85rem 0.95rem;
  border: 1px solid #dfe8f2;
  border-radius: 8px;
  background: var(--surface);
  color: var(--text);
  cursor: pointer;
  transition: border-color var(--transition), box-shadow var(--transition), background var(--transition);
}

.agnero-paytr-method-card input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.agnero-paytr-method-card.is-selected {
  border-color: var(--brand);
  background: #f8fbff;
  box-shadow: 0 0 0 2px rgba(18, 55, 120, 0.1);
}

.agnero-paytr-method-card.is-disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.agnero-paytr-method-card__mark,
.agnero-paytr-plan-card__mark {
  width: 1.15rem;
  height: 1.15rem;
  border: 2px solid #cdd6e3;
  border-radius: 50%;
  background: #fff;
}

.agnero-paytr-method-card.is-selected .agnero-paytr-method-card__mark,
.agnero-paytr-plan-card:has(input:checked) .agnero-paytr-plan-card__mark {
  border-color: #ff7a1a;
  box-shadow: inset 0 0 0 4px #fff;
  background: #ff7a1a;
}

.agnero-paytr-method-card__copy {
  display: grid;
  gap: 0.18rem;
}

.agnero-paytr-method-card__title {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  align-items: center;
  color: #20334c;
  font-size: 0.92rem;
  font-weight: 850;
}

.agnero-paytr-method-card__title em {
  padding: 0.14rem 0.4rem;
  border-radius: 999px;
  background: var(--accent-soft);
  color: var(--brand);
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 850;
}

.agnero-paytr-method-card__meta {
  color: #60718a;
  font-size: 0.76rem;
  line-height: 1.35;
}

.agnero-paytr-single-preview {
  display: grid;
  gap: 0.55rem;
  padding: 0.9rem;
  border: 1px solid #dfe8f2;
  border-radius: 8px;
  background: var(--surface);
}

.agnero-paytr-single-preview[hidden] {
  display: none;
}

.agnero-paytr-single-preview strong {
  color: #20334c;
  font-size: 0.92rem;
  font-weight: 900;
}

.agnero-paytr-single-preview p {
  margin: 0;
  color: #60718a;
  font-size: 0.76rem;
  line-height: 1.45;
}

.agnero-paytr-card-preview {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(6rem, 0.5fr) minmax(4.5rem, 0.35fr);
  gap: 0.55rem;
}

.agnero-paytr-card-preview span {
  min-height: 2.8rem;
  display: inline-flex;
  align-items: center;
  padding: 0 0.75rem;
  border: 1px dashed #cbd7e6;
  border-radius: 8px;
  background: #fff;
  color: #7b8aa0;
  font-size: 0.78rem;
  font-weight: 750;
}

.agnero-paytr-installment-picker {
  display: grid;
  gap: 0.7rem;
  padding: 0.9rem;
  border: 1px solid #dfe8f2;
  border-radius: 8px;
  background: var(--surface);
}

.agnero-paytr-installment-picker[hidden] {
  display: none;
}

.agnero-paytr-installment-picker__title {
  color: #20334c;
  font-size: 0.92rem;
  font-weight: 900;
}

.agnero-paytr-installment-picker__banks {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.agnero-paytr-installment-picker__banks span {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 0 0.55rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface-soft);
  color: var(--brand);
  font-size: 0.68rem;
  font-weight: 850;
}

.agnero-paytr-installment-picker__plans {
  display: grid;
  border: 1px solid #e4eaf2;
  border-radius: 8px;
  overflow: hidden;
}

.agnero-paytr-plan-card {
  display: grid !important;
  grid-template-columns: auto minmax(7rem, 1fr) auto auto;
  gap: 0.75rem;
  align-items: center;
  min-height: 3.35rem;
  padding: 0.75rem 0.9rem;
  border: 0;
  border-bottom: 1px solid #e4eaf2;
  border-radius: 0;
  background: #fff;
  cursor: pointer;
}

.agnero-paytr-plan-card:last-child {
  border-bottom: 0;
}

.agnero-paytr-plan-card:has(input:checked) {
  background: #f2f8ff;
  box-shadow: none;
}

.agnero-paytr-plan-card input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.agnero-paytr-plan-card strong {
  color: #20334c;
  font-size: 0.9rem;
  font-weight: 900;
}

.agnero-paytr-plan-card__rate {
  justify-self: start;
  border-radius: 5px;
  background: #ebf8f0;
  color: #15803d;
  padding: 0.2rem 0.45rem;
  font-size: 0.72rem;
  font-weight: 800;
}

.agnero-paytr-plan-card__amount,
.agnero-paytr-installment-picker__note {
  color: #20334c;
  font-size: 0.8rem;
  font-weight: 850;
  line-height: 1.35;
}

.agnero-paytr-installment-picker__note {
  color: #60718a;
  font-size: 0.72rem;
  font-weight: 600;
}

.agnero-paytr-installment-picker__note {
  margin: 0;
}

.woocommerce-checkout-payment ul,
.woocommerce-checkout-payment li {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.woocommerce-checkout-payment .payment_box {
  margin: 0.8rem 0 0;
  padding: 0;
  background: transparent;
}

.agnero-paytr-checkout-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.92fr);
  gap: 1.1rem;
  align-items: start;
}

.agnero-paytr-card-panel,
.agnero-paytr-installment-picker {
  border: 1px solid #dfe8f2;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}

.agnero-paytr-card-panel__head,
.agnero-paytr-installment-picker__title {
  min-height: 3.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.95rem 1rem;
  border-bottom: 1px solid #dfe8f2;
  background: #f7f9fc;
}

.agnero-paytr-card-panel__head strong,
.agnero-paytr-installment-picker__title {
  color: #123778;
  font-size: 1rem;
  font-weight: 900;
}

.agnero-paytr-card-panel__head span {
  color: #718299;
  font-size: 0.76rem;
  font-weight: 800;
}

.agnero-paytr-token-button {
  min-height: 2rem;
  border: 1px solid #ff7a1a;
  border-radius: 7px;
  background: #fff;
  color: #f26b12;
  padding: 0 0.7rem;
  font-size: 0.78rem;
  font-weight: 900;
  cursor: pointer;
}

.agnero-paytr-card-panel .agnero-paytr-single-preview {
  border: 0;
  border-radius: 0;
  background: #fff;
  padding: 1rem;
}

.agnero-paytr-card-panel .agnero-paytr-single-preview p {
  color: #52657d;
  font-size: 0.8rem;
}

.agnero-paytr-card-panel .agnero-paytr-card-preview {
  grid-template-columns: minmax(0, 1fr) minmax(5rem, 0.28fr) minmax(5rem, 0.28fr) minmax(5.4rem, 0.32fr);
}

.agnero-paytr-card-panel .agnero-paytr-card-preview span {
  min-height: 3.05rem;
  border-style: solid;
  background: #f9fbfe;
  color: #8795a7;
}

.agnero-paytr-card-panel .agnero-paytr-card-preview span:first-child {
  border-left: 4px solid #ff6b6b;
}

.agnero-paytr-secure-check {
  display: inline-flex !important;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.45rem;
  color: #52657d;
  font-size: 0.82rem;
  font-weight: 800;
}

.agnero-paytr-secure-check input {
  width: 1.05rem;
  height: 1.05rem;
  margin: 0;
  accent-color: #ff7a1a;
}

.agnero-paytr-checkout-grid .agnero-paytr-installment-picker {
  display: grid;
  gap: 0;
  padding: 0;
}

.agnero-paytr-checkout-grid .agnero-paytr-installment-picker__banks,
.agnero-paytr-checkout-grid .agnero-paytr-installment-picker__note {
  margin: 0;
  padding: 0.75rem 1rem;
}

.agnero-paytr-checkout-grid .agnero-paytr-installment-picker__plans {
  border: 0;
  border-radius: 0;
}

.agnero-paytr-checkout-grid .agnero-paytr-plan-card {
  grid-template-columns: auto minmax(6rem, 1fr) minmax(4.8rem, auto) minmax(8rem, auto);
  min-height: 3.65rem;
  padding: 0.85rem 1rem;
}

.agnero-paytr-checkout-grid .agnero-paytr-plan-card:has(input:checked) {
  background: #eef6ff;
}

.agnero-paytr-checkout-grid .agnero-paytr-plan-card__rate {
  background: #eff6ff;
  color: #123778;
}

.agnero-paytr-checkout-grid .agnero-paytr-plan-card__amount {
  justify-self: end;
  color: #123778;
  font-size: 0.86rem;
  font-weight: 900;
}

@media (max-width: 760px) {
  .agnero-paytr-methods__grid {
    grid-template-columns: 1fr;
  }

  .agnero-paytr-checkout-grid {
    grid-template-columns: 1fr;
  }

  .agnero-paytr-plan-card {
    grid-template-columns: auto 1fr auto;
  }

  .agnero-paytr-uniform-plans__row {
    grid-template-columns: minmax(4rem, 0.55fr) minmax(4.5rem, 0.65fr) 1fr;
  }

  .agnero-paytr-uniform-plans__row span:last-child {
    grid-column: 3;
  }

  .agnero-paytr-card-preview {
    grid-template-columns: 1fr;
  }

  .agnero-paytr-plan-card__amount {
    grid-column: 2 / -1;
    justify-self: start;
  }
}

.agnero-order-received {
  display: grid;
  gap: 1rem;
}

.woocommerce-order-received .page-title {
  display: none;
}

.woocommerce-order-received .entry-content,
.woocommerce-order-received .woocommerce-order {
  width: 100%;
  max-width: 100%;
}

.woocommerce-order-received .shop-content,
.woocommerce-order-received .woocommerce {
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
}

.agnero-order-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(17rem, 0.36fr);
  gap: 1rem;
  align-items: stretch;
  border: 1px solid rgba(18, 55, 120, 0.12);
  border-radius: var(--radius-md);
  background:
    linear-gradient(135deg, rgba(18, 55, 120, 0.96), rgba(18, 76, 126, 0.92)),
    var(--brand);
  box-shadow: var(--shadow-md);
  color: #fff;
  overflow: hidden;
}

.agnero-order-hero__content {
  padding: clamp(1.2rem, 3vw, 2rem);
  min-width: 0;
}

.agnero-order-status-icon {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ff7a00;
  color: #fff;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18);
  margin-bottom: 1rem;
}

.agnero-order-status-icon svg {
  width: 1.55rem;
  height: 1.55rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.agnero-order-eyebrow {
  margin-bottom: 0.45rem;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.78);
}

.agnero-order-hero h1,
.agnero-order-failed-panel h1 {
  color: inherit;
  font-size: clamp(2rem, 4vw, 3.45rem);
  line-height: 1;
  margin-bottom: 0.75rem;
}

.agnero-order-hero__copy {
  max-width: 42rem;
  color: rgba(255, 255, 255, 0.84);
  font-size: 1rem;
}

.agnero-order-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  margin-top: 1.4rem;
}

.woocommerce .agnero-order-actions .button,
.agnero-order-actions .button {
  min-height: 2.85rem;
  border-radius: var(--radius-xs);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.78rem 1rem;
  font-weight: 800;
  line-height: 1.1;
}

.woocommerce .agnero-order-action-primary,
.agnero-order-action-primary {
  background: #ff7a00;
  border: 1px solid #ff7a00;
  color: #fff;
}

.woocommerce .agnero-order-action-primary:hover,
.agnero-order-action-primary:hover {
  background: #e86f00;
  border-color: #e86f00;
  color: #fff;
}

.woocommerce .agnero-order-action-secondary,
.agnero-order-action-secondary {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.38);
  color: #fff;
}

.woocommerce .agnero-order-action-secondary:hover,
.agnero-order-action-secondary:hover {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
}

.agnero-order-hero__summary {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.35rem;
  min-width: 0;
  min-height: 100%;
  padding: clamp(1.2rem, 3vw, 2rem);
  background: rgba(255, 255, 255, 0.1);
  border-left: 1px solid rgba(255, 255, 255, 0.16);
}

.agnero-order-hero__summary span,
.agnero-order-hero__summary small {
  color: rgba(255, 255, 255, 0.72);
  overflow-wrap: anywhere;
}

.agnero-order-hero__summary strong {
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1;
}

.agnero-order-metrics,
.agnero-order-next-grid {
  display: grid;
  gap: 0.75rem;
}

.agnero-order-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
}

.agnero-order-metrics li {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
  padding: 0.95rem 1rem;
  min-width: 0;
}

.agnero-order-metrics span {
  display: block;
  margin-bottom: 0.25rem;
  color: var(--text-muted);
  font-size: 0.76rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.agnero-order-metrics strong {
  display: block;
  color: var(--text);
  font-size: 0.98rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.agnero-order-next-grid {
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.42fr);
}

.agnero-order-next-card,
.agnero-order-details-shell,
.agnero-order-failed-panel {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}

.agnero-order-next-card {
  padding: 1.1rem;
}

.agnero-order-next-card h2,
.agnero-order-details-shell .woocommerce-order-details__title,
.agnero-order-details-shell .woocommerce-column__title {
  margin-bottom: 0.85rem;
  color: var(--text);
  font-size: 1.15rem;
}

.agnero-order-next-card ul {
  display: grid;
  gap: 0.6rem;
}

.agnero-order-next-card li {
  position: relative;
  padding-left: 1.25rem;
  color: var(--text-muted);
}

.agnero-order-next-card li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.72em;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background: #ff7a00;
}

.agnero-order-next-card p {
  color: var(--text-muted);
}

.agnero-order-next-card a {
  display: inline-flex;
  margin-top: 0.85rem;
  color: var(--brand);
  font-weight: 800;
}

.agnero-order-details-shell {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.agnero-order-details-shell .woocommerce-order-details,
.agnero-order-details-shell .woocommerce-customer-details {
  margin: 0;
}

.agnero-order-details-shell .woocommerce-customer-details {
  margin-top: 1rem;
}

.agnero-order-details-shell table.shop_table {
  overflow: hidden;
  border-radius: var(--radius-sm);
}

.agnero-order-details-shell table.shop_table th,
.agnero-order-details-shell table.shop_table td {
  padding: 0.9rem 1rem;
}

.agnero-order-details-shell table.shop_table thead th {
  background: var(--surface-soft);
  color: var(--text-muted);
  font-size: 0.78rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.agnero-order-details-shell table.shop_table tfoot tr:last-child th,
.agnero-order-details-shell table.shop_table tfoot tr:last-child td {
  color: var(--text);
  font-size: 1rem;
}

.agnero-receipt {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
  padding: clamp(1rem, 2vw, 1.25rem);
}

.agnero-receipt .amount {
  white-space: nowrap;
}

.agnero-receipt bdi {
  white-space: nowrap;
}

.agnero-receipt__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.agnero-receipt__eyebrow {
  margin-bottom: 0.25rem;
  color: var(--text-muted);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.agnero-receipt__meta {
  min-width: 8rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--surface-soft);
  padding: 0.75rem 0.85rem;
  text-align: right;
}

.agnero-receipt__meta span {
  display: block;
  color: var(--text-muted);
  font-size: 0.76rem;
  font-weight: 800;
  text-transform: uppercase;
}

.agnero-receipt__meta strong {
  display: block;
  color: var(--text);
  font-size: 1.35rem;
  line-height: 1.2;
}

.agnero-receipt__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(19rem, 0.38fr);
  gap: 1rem;
  align-items: start;
}

.agnero-receipt__items {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: #fff;
  overflow: hidden;
}

.agnero-receipt__items-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(8rem, auto);
  gap: 1rem;
  padding: 0.85rem 1rem;
  background: var(--surface-soft);
  color: var(--text-muted);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.agnero-receipt__items-head span:last-child {
  text-align: right;
}

.agnero-receipt-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(9.5rem, auto);
  gap: 1rem;
  padding: 1rem;
  border-top: 1px solid var(--line);
}

.agnero-receipt-item:first-of-type {
  border-top: 0;
}

.agnero-receipt-item__main {
  min-width: 0;
}

.agnero-receipt-item__topline {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  justify-content: space-between;
  margin-bottom: 0.45rem;
}

.agnero-receipt-item h3 {
  color: var(--text);
  font-size: 1rem;
  font-weight: 800;
}

.agnero-receipt-item h3 a {
  color: inherit;
}

.agnero-receipt-item__qty {
  flex: 0 0 auto;
  border-radius: 999px;
  background: var(--accent-soft);
  color: var(--brand);
  padding: 0.22rem 0.55rem;
  font-size: 0.76rem;
  font-weight: 800;
  white-space: nowrap;
}

.agnero-receipt-item__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  color: var(--text-muted);
  font-size: 0.82rem;
}

.agnero-receipt-item__meta span,
.agnero-receipt-item .wc-item-meta li {
  border-radius: 999px;
  background: #f8fbff;
  border: 1px solid var(--line);
  padding: 0.18rem 0.5rem;
}

.agnero-receipt-item .wc-item-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 0.55rem;
  padding: 0;
}

.agnero-receipt-item .wc-item-meta li {
  display: inline-flex;
  gap: 0.25rem;
  align-items: center;
  color: var(--text-muted);
  font-size: 0.78rem;
}

.agnero-receipt-item .wc-item-meta p {
  display: inline;
}

.agnero-receipt-item__note {
  margin-top: 0.75rem;
  border-left: 3px solid #ff7a00;
  background: #fff8f1;
  color: var(--text-muted);
  padding: 0.65rem 0.75rem;
  border-radius: 0 var(--radius-xs) var(--radius-xs) 0;
}

.agnero-receipt-item__total {
  text-align: right;
  align-self: start;
}

.agnero-receipt-item__total span {
  display: block;
  margin-bottom: 0.2rem;
  color: var(--text-muted);
  font-size: 0.75rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.agnero-receipt-item__total strong {
  display: block;
  color: var(--text);
  font-size: 1.08rem;
  white-space: nowrap;
}

.agnero-receipt-summary {
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: #fff;
  overflow: hidden;
}

.agnero-receipt-summary h3 {
  padding: 0.95rem 1rem;
  background: var(--brand);
  color: #fff;
  font-size: 1rem;
}

.agnero-receipt-summary__rows {
  margin: 0;
}

.agnero-receipt-summary__rows div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: baseline;
  padding: 0.78rem 1rem;
  border-top: 1px solid var(--line);
}

.agnero-receipt-summary__rows div:first-child {
  border-top: 0;
}

.agnero-receipt-summary dt {
  color: var(--text-muted);
  font-size: 0.82rem;
  font-weight: 700;
}

.agnero-receipt-summary dd {
  margin: 0;
  color: var(--text);
  font-weight: 800;
  text-align: right;
}

.agnero-receipt-summary__rows .agnero-receipt-summary__grand-total {
  background: #fff8f1;
  border-top: 1px solid rgba(255, 122, 0, 0.28);
  padding-block: 1rem;
}

.agnero-receipt-summary__grand-total dt {
  color: var(--text);
  font-size: 0.95rem;
}

.agnero-receipt-summary__grand-total dd {
  color: #d66300;
  font-size: 1.3rem;
}

.agnero-receipt-summary__note {
  margin: 0 1rem 1rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-xs);
  background: var(--surface-soft);
  padding: 0.75rem;
}

.agnero-receipt-summary__note strong {
  display: block;
  margin-bottom: 0.25rem;
}

.agnero-receipt__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 1rem;
}

.agnero-receipt__actions .button {
  border-radius: var(--radius-xs);
}

.agnero-order-failed-panel {
  display: grid;
  gap: 0.5rem;
  padding: clamp(1.2rem, 3vw, 2rem);
}

.agnero-order-status-icon--failed {
  background: var(--danger);
  color: #fff;
  font-size: 1.6rem;
  font-weight: 900;
}

.agnero-order-failed-panel .agnero-order-eyebrow {
  color: var(--danger);
}

.agnero-order-failed-panel p {
  max-width: 48rem;
  color: var(--text-muted);
}

.woocommerce a.remove {
  color: #9c5050 !important;
  border: 1px solid #dfb1b1;
  border-radius: 999px;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.35rem;
}

.woocommerce a.remove:hover {
  background: #9c5050;
  color: #fff !important;
}

.woocommerce-MyAccount-navigation ul {
  padding: 0.5rem;
}

.woocommerce-MyAccount-navigation a {
  display: block;
  border-radius: 10px;
  padding: 0.5rem 0.65rem;
  font-size: 0.78rem;
  color: var(--text-muted);
}

.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation a:hover {
  background: var(--surface-soft);
  color: var(--text);
}

.woocommerce-account .woocommerce {
  display: grid;
  grid-template-columns: 15rem 1fr;
  gap: 0.8rem;
  padding: 0.8rem;
}

.woocommerce-MyAccount-content {
  padding: 1rem;
}

.woocommerce-account:not(.logged-in) .shop-content,
.woocommerce-account:not(.logged-in) .woocommerce {
  border: 0;
  background: transparent;
  box-shadow: none;
}

.woocommerce-account:not(.logged-in) .shop-content {
  padding: 1.1rem;
}

.woocommerce-account:not(.logged-in) .page-title {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.woocommerce-account:not(.logged-in) .woocommerce {
  padding: 0;
  display: block;
}

.agnero-auth-wrapper {
  width: 100%;
  max-width: 1320px;
  margin-inline: auto;
  padding: clamp(0.4rem, 1.4vw, 1.1rem);
  scroll-margin-top: 9rem;
}

.agnero-auth-global-google {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 auto 1rem;
}

.agnero-auth-global-google .agnero-google-auth-button {
  width: min(100%, 30rem);
  margin-top: 0;
}

body.agnero-auth-legal-open {
  overflow: hidden;
}

.agnero-auth-legal-modal[hidden] {
  display: none;
}

.agnero-auth-legal-modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  place-items: center;
  padding: 1rem;
}

.agnero-auth-legal-modal__backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: rgba(8, 29, 53, 0.62);
  cursor: default;
}

.agnero-auth-legal-modal__dialog {
  position: relative;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  width: min(800px, 100%);
  max-height: min(86vh, 850px);
  overflow: hidden;
  border: 1px solid #dce5ef;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 24px 80px rgba(5, 18, 34, 0.3);
}

.agnero-auth-legal-modal:not([hidden]) .agnero-auth-legal-modal__backdrop {
  animation: agneroAuthLegalBackdropIn 0.22s ease-out both;
}

.agnero-auth-legal-modal:not([hidden]) .agnero-auth-legal-modal__dialog {
  animation: agneroAuthLegalSlideUp 0.28s cubic-bezier(0.22, 1, 0.36, 1) both;
  will-change: transform, opacity;
}

@keyframes agneroAuthLegalBackdropIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes agneroAuthLegalSlideUp {
  from {
    opacity: 0;
    transform: translate3d(0, 2.5rem, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.agnero-auth-legal-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.1rem 1.3rem;
  border-bottom: 1px solid #e3e9f0;
  background: #f8fafc;
}

.agnero-auth-legal-modal__header span {
  display: block;
  margin-bottom: 0.18rem;
  color: #75859a;
  font-size: 0.65rem;
  font-weight: 900;
  letter-spacing: 0.1em;
}

.agnero-auth-legal-modal__header h2 {
  margin: 0;
  color: #123778;
  font-size: 1.15rem;
  line-height: 1.25;
}

.agnero-auth-legal-modal__close {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 2.25rem;
  height: 2.25rem;
  border: 1px solid #d5dfe9;
  border-radius: 50%;
  background: #fff;
  color: #273b53;
  cursor: pointer;
}

.agnero-auth-legal-modal__close:hover {
  border-color: var(--header-orange);
  color: var(--header-orange-strong);
}

.agnero-auth-legal-modal__close:focus-visible,
.agnero-auth-legal-modal__done:focus-visible {
  outline: 3px solid rgba(255, 122, 0, 0.28);
  outline-offset: 2px;
}

.agnero-auth-legal-modal__close svg {
  width: 1rem;
  height: 1rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
}

.agnero-auth-legal-modal__body {
  overflow: auto;
  padding: 1.3rem 1.5rem;
  color: #35465a;
  font-size: 0.86rem;
  line-height: 1.7;
  overscroll-behavior: contain;
}

.agnero-auth-legal-modal__body .agnero-legal-updated {
  margin-top: 0;
}

.agnero-auth-legal-modal__body h2 {
  margin: 1.4rem 0 0.55rem;
  color: #123778;
  font-size: 1rem;
}

.agnero-auth-legal-modal__body p,
.agnero-auth-legal-modal__body li {
  font-size: inherit;
  line-height: inherit;
}

.agnero-auth-legal-modal__body table {
  width: 100%;
  border-collapse: collapse;
}

.agnero-auth-legal-modal__body th,
.agnero-auth-legal-modal__body td {
  padding: 0.55rem;
  border: 1px solid #dce5ef;
  text-align: left;
}

.agnero-auth-legal-modal__footer {
  display: flex;
  justify-content: flex-end;
  padding: 0.8rem 1.3rem;
  border-top: 1px solid #e3e9f0;
  background: #fff;
}

.agnero-auth-legal-modal__done {
  min-height: 2.6rem !important;
  padding: 0.6rem 1.1rem !important;
  border-radius: 7px !important;
  background: var(--header-orange) !important;
  color: #fff !important;
  font-size: 0.8rem !important;
  font-weight: 900 !important;
}

@media (max-width: 600px) {
  .agnero-auth-legal-modal {
    place-items: end center;
    padding: 0;
  }

  .agnero-auth-legal-modal__dialog {
    width: 100%;
    max-height: 92vh;
    border-radius: 14px 14px 0 0;
  }

  .agnero-auth-legal-modal:not([hidden]) .agnero-auth-legal-modal__dialog {
    animation-name: agneroAuthLegalSheetIn;
  }

  .agnero-auth-legal-modal__header,
  .agnero-auth-legal-modal__body,
  .agnero-auth-legal-modal__footer {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

@keyframes agneroAuthLegalSheetIn {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .agnero-auth-legal-modal:not([hidden]) .agnero-auth-legal-modal__backdrop,
  .agnero-auth-legal-modal:not([hidden]) .agnero-auth-legal-modal__dialog {
    animation: none;
    will-change: auto;
  }
}

.agnero-auth-layout {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 2px;
  align-items: stretch;
  filter: drop-shadow(0 16px 38px rgba(18, 55, 120, 0.1));
}

.agnero-auth-mobile-tabs {
  display: none;
}

.agnero-auth-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dce7f3;
  background: #fff;
}

.agnero-auth-card--login {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border-radius: 18px 0 0 18px;
  padding: clamp(1.25rem, 2vw, 2rem) clamp(1.5rem, 5vw, 5.1rem) clamp(1.6rem, 3vw, 3rem);
}

.agnero-auth-card--register {
  border-radius: 0 18px 18px 0;
}

.agnero-auth-heading {
  margin-bottom: clamp(1.4rem, 2.4vw, 2.1rem);
  text-align: center;
}

.agnero-auth-heading__icon {
  display: grid;
  place-items: center;
  width: 4rem;
  height: 4rem;
  margin: 0 auto 0.45rem;
  border-radius: 50%;
  color: #103d86;
  background: linear-gradient(145deg, #edf5ff, #dceaff);
}

.agnero-auth-heading__icon svg {
  width: 2.75rem;
  height: 2.75rem;
}

.agnero-auth-heading h1,
.agnero-register-heading h2 {
  color: #06245a;
  font-size: clamp(1.35rem, 1.8vw, 1.72rem);
  font-weight: 750;
  letter-spacing: -0.025em;
}

.agnero-auth-heading p,
.agnero-register-heading p {
  color: #3f5d80;
  font-size: 0.85rem;
  line-height: 1.55;
}

.agnero-auth-heading p {
  max-width: 28ch;
  margin: 0.42rem auto 0;
}

.agnero-auth-alert {
  margin: -0.75rem 0 1.1rem;
  border: 1px solid #f0c5c5;
  border-radius: 10px;
  background: #fff6f6;
  color: #8e3434;
  padding: 0.72rem 0.85rem;
  font-size: 0.76rem;
  line-height: 1.45;
}

.agnero-auth-form {
  margin: 0;
}

.agnero-auth-form .form-row {
  margin: 0;
  width: 100%;
  float: none;
  clear: none;
}

.agnero-auth-form label {
  display: flex;
  align-items: baseline;
  gap: 0.22rem;
  margin-bottom: 0.34rem;
  color: #08265c;
  font-size: 0.77rem;
  font-weight: 750;
  line-height: 1.35;
}

.agnero-auth-form label .required,
.agnero-profile-completion label > span:not(:only-child) {
  color: #b04444;
}

.agnero-auth-input {
  position: relative;
  display: block;
}

.agnero-auth-input > svg {
  position: absolute;
  top: 50%;
  left: 0.9rem;
  z-index: 1;
  width: 1.15rem;
  height: 1.15rem;
  color: #7188a5;
  transform: translateY(-50%);
  pointer-events: none;
}

.agnero-auth-form input[type="text"],
.agnero-auth-form input[type="email"],
.agnero-auth-form input[type="password"],
.agnero-auth-form input[type="tel"],
.agnero-profile-completion input[type="text"],
.agnero-profile-completion input[type="tel"] {
  width: 100%;
  min-height: 2.85rem;
  border: 1px solid #c8d8ea;
  border-radius: 8px;
  background: #fff;
  color: #08265c;
  padding: 0.65rem 0.9rem;
  font-family: inherit;
  font-size: 0.82rem;
  box-shadow: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.agnero-auth-input input {
  padding-left: 3rem !important;
  padding-right: 2.75rem !important;
}

.agnero-auth-form input::placeholder,
.agnero-profile-completion input::placeholder {
  color: #8194ae;
}

.agnero-auth-form input:focus,
.agnero-profile-completion input:focus {
  border-color: #123778;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(18, 55, 120, 0.11);
}

.agnero-auth-input .show-password-input {
  position: absolute;
  top: 50%;
  right: 0.55rem;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #7188a5;
  padding: 0;
  transform: translateY(-50%);
  cursor: pointer;
}

.agnero-auth-input .show-password-input:hover {
  background: #edf4fc;
  color: #123778;
}

.agnero-auth-card--login .agnero-auth-form {
  display: grid;
  gap: 1.05rem;
}

.agnero-auth-login-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: -0.35rem;
}

.agnero-auth-login-options label {
  align-items: center;
  margin: 0;
  color: #536d8f;
  font-size: 0.73rem;
  font-weight: 550;
}

.agnero-auth-login-options input,
.agnero-auth-consent input,
.agnero-profile-completion__consent input {
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
  accent-color: #123778;
}

.agnero-auth-login-options a {
  color: #075fd8;
  font-size: 0.73rem;
  font-weight: 700;
}

.agnero-auth-submit,
.agnero-auth-card .agnero-auth-submit,
.agnero-profile-completion__form > button {
  position: relative;
  width: 100%;
  height: 2.8rem !important;
  min-height: 2.8rem !important;
  border: 0;
  border-radius: 8px;
  background: linear-gradient(110deg, #001c4f 0%, #07377a 100%);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0 0.55rem 0 0.85rem !important;
  font-family: inherit;
  font-size: 0.81rem !important;
  font-weight: 750;
  box-shadow: 0 8px 18px rgba(0, 35, 88, 0.17);
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.agnero-auth-submit span {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding-inline: 3.2rem;
  text-align: center;
  pointer-events: none;
}

.agnero-profile-completion__form > button span {
  flex: 1;
  text-align: center;
}

.agnero-auth-submit svg,
.agnero-profile-completion__form > button svg {
  position: relative;
  z-index: 1;
  width: 2.3rem;
  height: 2.8rem;
  margin-left: auto;
  border-left: 1px solid rgba(255, 255, 255, 0.14);
  padding-left: 0.7rem;
}

.agnero-auth-submit:hover,
.agnero-profile-completion__form > button:hover {
  transform: translateY(-1px);
  filter: brightness(1.08);
  box-shadow: 0 11px 22px rgba(0, 35, 88, 0.23);
}

.agnero-auth-panel-divider {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  display: grid;
  place-items: center;
  width: 3.15rem;
  height: 3.15rem;
  border: 1px solid #cbd9e8;
  border-radius: 50%;
  background: #fff;
  color: #123778;
  font-size: 0.72rem;
  font-weight: 750;
  box-shadow: 0 8px 22px rgba(18, 55, 120, 0.12);
  transform: translate(-50%, -50%);
}

.agnero-google-auth-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.85rem;
  height: 2.8rem !important;
  min-height: 2.8rem !important;
  border: 1px solid #c9d8e8;
  border-radius: 8px;
  background: #fff;
  color: #08265c;
  font-size: 0.78rem !important;
  font-weight: 750;
  margin-top: 0.85rem;
  transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.agnero-google-auth-button:hover {
  border-color: #7f9dbf;
  background: #f8fbff;
  transform: translateY(-1px);
}

.agnero-google-auth-button svg {
  width: 1.35rem;
  height: 1.35rem;
}

.agnero-google-auth-button.is-unconfigured {
  opacity: 0.72;
}

.agnero-register-heading {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-height: 8.6rem;
  background:
    radial-gradient(circle at 75% -50%, rgba(19, 83, 171, 0.55), transparent 62%),
    linear-gradient(120deg, #00255c 0%, #073b84 100%);
  color: #fff;
  padding: 1.5rem clamp(1.3rem, 4vw, 4rem);
}

.agnero-register-heading > span {
  display: grid;
  place-items: center;
  width: 4rem;
  height: 4rem;
  flex: 0 0 auto;
  border-radius: 50%;
  background: rgba(7, 82, 178, 0.56);
}

.agnero-register-heading > span svg {
  width: 2.8rem;
  height: 2.8rem;
}

.agnero-register-heading h2 {
  color: #fff;
}

.agnero-register-heading p {
  max-width: 34ch;
  margin-top: 0.35rem;
  color: rgba(255, 255, 255, 0.9);
}

.agnero-register-body {
  padding: clamp(1.3rem, 2.8vw, 2.4rem) clamp(1.2rem, 3.5vw, 3.4rem) 1rem;
}

.agnero-register-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-flow: row dense;
  column-gap: 1rem;
  row-gap: 0.9rem;
}

.agnero-register-form > * {
  grid-column: 1 / -1;
}

.agnero-register-form .agnero-register-first-name {
  grid-column: 1;
  order: 1;
}

.agnero-register-form .agnero-register-last-name {
  grid-column: 2;
  order: 1;
}

.agnero-register-form .agnero-register-email {
  grid-column: 1;
  order: 2;
}

.agnero-register-form .agnero-register-phone {
  grid-column: 2;
  order: 2;
}

.agnero-register-form .agnero-register-password {
  order: 3;
}

.agnero-register-form .agnero-register-company {
  order: 4;
}

.agnero-register-form .agnero-register-username {
  order: 0;
}

.agnero-register-form .woocommerce-privacy-policy-text {
  display: none !important;
}

.agnero-register-form .agnero-auth-info {
  order: 5;
  color: #536d8f;
  font-size: 0.72rem;
}

.agnero-password-rules {
  order: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  color: #526b8b;
  font-size: 0.66rem;
}

.agnero-password-rules span {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  white-space: nowrap;
}

.agnero-password-rules i {
  display: grid;
  place-items: center;
  width: 0.9rem;
  height: 0.9rem;
  border: 1px solid #a9c5b6;
  border-radius: 50%;
  color: #309363;
  font-size: 0.58rem;
  font-style: normal;
}

.agnero-password-rules span.is-valid {
  color: #23744e;
}

.agnero-password-rules span.is-valid i {
  border-color: #309363;
  background: #e9f8ef;
}

.agnero-auth-consent {
  order: 7;
  align-items: flex-start !important;
  margin: 0.05rem 0 0 !important;
  color: #405e82 !important;
  font-size: 0.68rem !important;
  font-weight: 500 !important;
}

.agnero-auth-consent input {
  margin-top: 0.05rem;
}

.agnero-auth-consent a {
  color: #075fd8;
  font-weight: 700;
}

.agnero-register-submit {
  order: 8;
}

.agnero-auth-trust {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 1.15rem;
  border: 1px solid #e2eaf3;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 24px rgba(18, 55, 120, 0.06);
  padding: 1.05rem 1.2rem;
}

.agnero-auth-trust > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  min-width: 0;
  border-right: 1px solid #dbe5f0;
  padding: 0 1rem;
}

.agnero-auth-trust > div:last-child {
  border-right: 0;
}

.agnero-auth-trust svg {
  width: 2.15rem;
  height: 2.15rem;
  flex: 0 0 auto;
  color: #123778;
}

.agnero-auth-trust span {
  display: grid;
}

.agnero-auth-trust strong {
  color: #08265c;
  font-size: 0.72rem;
}

.agnero-auth-trust small {
  color: #536d8f;
  font-size: 0.63rem;
  white-space: nowrap;
}

.agnero-profile-completion {
  min-height: 70vh;
  display: grid;
  place-items: center;
  padding: clamp(1rem, 4vw, 4rem);
  background:
    radial-gradient(circle at 6% 35%, rgba(177, 205, 239, 0.28), transparent 28%),
    radial-gradient(circle at 95% 65%, rgba(177, 205, 239, 0.2), transparent 30%),
    #f8fbff;
}

.agnero-profile-completion__card {
  width: min(100%, 760px);
  border: 1px solid #dbe6f2;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 22px 54px rgba(18, 55, 120, 0.12);
  padding: clamp(1.35rem, 4vw, 3rem);
}

.agnero-profile-completion__progress {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(100%, 15rem);
  margin: 0 auto 1.7rem;
}

.agnero-profile-completion__progress span {
  display: grid;
  place-items: center;
  width: 1.85rem;
  height: 1.85rem;
  border: 1px solid #8aabc9;
  border-radius: 50%;
  color: #123778;
  font-size: 0.72rem;
  font-weight: 800;
}

.agnero-profile-completion__progress span:first-child {
  background: #123778;
  border-color: #123778;
  color: #fff;
}

.agnero-profile-completion__progress i {
  height: 1px;
  flex: 1;
  background: #8aabc9;
}

.agnero-profile-completion header {
  margin-bottom: 1.5rem;
  text-align: center;
}

.agnero-profile-completion__eyebrow {
  color: #075fd8;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.agnero-profile-completion h1 {
  margin-top: 0.25rem;
  color: #06245a;
  font-size: clamp(1.55rem, 3vw, 2rem);
}

.agnero-profile-completion header p {
  max-width: 58ch;
  margin: 0.55rem auto 0;
  color: #536d8f;
  font-size: 0.83rem;
}

.agnero-profile-completion__errors {
  margin-bottom: 1rem;
  border: 1px solid #efc9c9;
  border-radius: 9px;
  background: #fff7f7;
  color: #8e3434;
  padding: 0.75rem 0.9rem;
  font-size: 0.75rem;
}

.agnero-profile-completion__errors ul {
  margin: 0.35rem 0 0 1.1rem;
  list-style: disc;
}

.agnero-profile-completion__form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.agnero-profile-completion__form p {
  margin: 0;
}

.agnero-profile-completion__form label {
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
  margin-bottom: 0.35rem;
  color: #08265c;
  font-size: 0.76rem;
  font-weight: 750;
}

.agnero-profile-completion__form label small {
  color: #7288a3;
  font-size: 0.65rem;
  font-weight: 500;
}

.agnero-profile-completion__invoice,
.agnero-profile-completion__tax-fields,
.agnero-profile-completion__consent,
.agnero-profile-completion__form > button {
  grid-column: 1 / -1;
}

.agnero-profile-completion__invoice {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin: 0;
  border: 0;
  padding: 0;
}

.agnero-profile-completion__invoice legend {
  width: 100%;
  margin-bottom: 0.4rem;
  color: #08265c;
  font-size: 0.76rem;
  font-weight: 750;
}

.agnero-profile-completion__invoice label {
  flex: 1;
  align-items: center;
  justify-content: center;
  min-height: 2.7rem;
  margin: 0;
  border: 1px solid #c8d8ea;
  border-radius: 8px;
  cursor: pointer;
}

.agnero-profile-completion__invoice input {
  accent-color: #123778;
}

.agnero-profile-completion__tax-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.agnero-profile-completion__tax-fields[hidden] {
  display: none;
}

.agnero-profile-completion__consent {
  align-items: flex-start !important;
  margin: 0 !important;
  color: #536d8f !important;
  font-weight: 500 !important;
}

.agnero-profile-completion__consent a {
  color: #075fd8;
  font-weight: 700;
}

.agnero-profile-completion__form > .agnero-profile-completion__skip {
  height: 2.65rem !important;
  min-height: 2.65rem !important;
  border: 1px solid #c8d8ea;
  background: #fff;
  color: #123778;
  box-shadow: none;
}

.agnero-profile-completion__form > .agnero-profile-completion__skip:hover,
.agnero-profile-completion__form > .agnero-profile-completion__skip:focus-visible {
  border-color: #8eabc9;
  background: #f4f8fc;
  color: #08265c;
  box-shadow: 0 7px 16px rgba(18, 55, 120, 0.1);
  filter: none;
}

@media (max-width: 1024px) {
  .agnero-auth-card--login {
    padding-inline: clamp(1.4rem, 4vw, 2.6rem);
  }

  .agnero-register-body {
    padding-inline: clamp(1.2rem, 3vw, 2rem);
  }

  .agnero-password-rules {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.35rem;
  }

  .agnero-auth-trust {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 1rem;
  }

  .agnero-auth-trust > div:nth-child(2) {
    border-right: 0;
  }

  .agnero-auth-trust > div:nth-child(-n + 2) {
    border-bottom: 1px solid #dbe5f0;
    padding-bottom: 1rem;
  }
}

@media (max-width: 760px) {
  .woocommerce-account:not(.logged-in) .shop-content {
    padding: 0.55rem;
  }

  .agnero-auth-wrapper {
    padding: 0;
  }

  .agnero-auth-mobile-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.35rem;
    margin-bottom: 0.6rem;
  }

  .agnero-auth-mobile-tabs button {
    min-height: 2.75rem;
    border: 1px solid #c8d8ea;
    border-radius: 9px;
    background: #fff;
    color: #536d8f;
    font-family: inherit;
    font-size: 0.76rem;
    font-weight: 750;
  }

  .agnero-auth-mobile-tabs button.is-active {
    border-color: #123778;
    background: #123778;
    color: #fff;
  }

  .agnero-auth-layout {
    display: block;
    filter: none;
  }

  .agnero-auth-panel-divider {
    display: none;
  }

  .agnero-auth-card {
    display: none;
    border-radius: 14px;
  }

  .agnero-auth-card.is-active {
    display: block;
  }

  .agnero-auth-card--login {
    padding: 1.5rem 1.1rem;
  }

  .agnero-register-heading {
    min-height: 0;
    padding: 1.2rem;
  }

  .agnero-register-heading > span {
    width: 3.25rem;
    height: 3.25rem;
  }

  .agnero-register-heading > span svg {
    width: 2.25rem;
    height: 2.25rem;
  }

  .agnero-register-body {
    padding: 1.2rem 1rem 0.7rem;
  }

  .agnero-register-form,
  .agnero-profile-completion__form,
  .agnero-profile-completion__tax-fields {
    grid-template-columns: 1fr;
  }

  .agnero-register-form .agnero-register-first-name,
  .agnero-register-form .agnero-register-last-name,
  .agnero-register-form .agnero-register-email,
  .agnero-register-form .agnero-register-phone {
    grid-column: 1 / -1;
  }

  .agnero-register-form .agnero-register-first-name {
    order: 1;
  }

  .agnero-register-form .agnero-register-last-name {
    order: 2;
  }

  .agnero-register-form .agnero-register-email {
    order: 3;
  }

  .agnero-register-form .agnero-register-phone {
    order: 4;
  }

  .agnero-register-form .agnero-register-password {
    order: 5;
  }

  .agnero-register-form .agnero-register-company {
    order: 6;
  }

  .agnero-register-form .agnero-password-rules {
    order: 5;
  }

  .agnero-register-form .agnero-auth-consent {
    order: 8;
  }

  .agnero-register-form .agnero-register-submit {
    order: 9;
  }

  .agnero-auth-trust {
    grid-template-columns: 1fr;
    padding: 0.85rem;
  }

  .agnero-auth-trust > div,
  .agnero-auth-trust > div:nth-child(2) {
    justify-content: flex-start;
    border-right: 0;
    border-bottom: 1px solid #dbe5f0;
    padding: 0 0 0.8rem;
  }

  .agnero-auth-trust > div:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }

  .agnero-auth-trust small {
    white-space: normal;
  }

  .agnero-profile-completion {
    padding: 0.7rem;
  }

  .agnero-profile-completion__card {
    border-radius: 14px;
    padding: 1.2rem 1rem;
  }
}

.agnero-favorites-page {
  padding: 1rem;
}

.agnero-favorites-page > h2 {
  font-size: 1.55rem;
  margin-bottom: 0.5rem;
}

.agnero-favorites-meta {
  color: var(--text-muted);
  font-size: 0.8rem;
  margin-bottom: 0.8rem;
}

.agnero-favorites-table-wrap {
  padding: 0.8rem;
}

.agnero-favorites-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.78rem;
}

.agnero-favorites-table th,
.agnero-favorites-table td {
  border-bottom: 1px solid var(--line);
  text-align: left;
  padding: 0.55rem;
}

.agnero-favorites-table th {
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.66rem;
  color: var(--text-muted);
}

.agnero-favorites-product-cell {
  display: grid;
  grid-template-columns: 3.2rem 1fr;
  align-items: center;
  gap: 0.6rem;
}

.agnero-favorites-thumb {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 10px;
  overflow: hidden;
  background: #edf3fa;
}

.agnero-favorites-product-name {
  font-weight: 700;
  font-size: 0.8rem;
  display: block;
}

.agnero-favorites-product-sku {
  font-size: 0.67rem;
  color: var(--text-muted);
}

.agnero-favorites-actions {
  display: inline-flex;
  gap: 0.35rem;
}

.agnero-price-change,
.agnero-stock-change {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  border-radius: 999px;
  padding: 0.2rem 0.5rem;
  font-size: 0.68rem;
  font-weight: 700;
}

.agnero-price-change,
.agnero-stock-change-neutral,
.agnero-price-change-neutral {
  background: #eaf1f9;
  color: var(--text-muted);
}

.agnero-price-change.is-up,
.agnero-stock-change.is-down {
  background: #f8e7e7;
  color: #a34444;
}

.agnero-price-change.is-down,
.agnero-stock-change.is-up {
  background: #e7f3ec;
  color: #2f8f62;
}

.agnero-favorites-empty-state {
  margin-top: 0.8rem;
  padding: 1rem;
  text-align: center;
}

.agnero-group-page .product-group-hero {
  padding-block: var(--space-5);
}

.product-group-hero .container,
.product-group-table-section .container {
  width: min(var(--container), calc(100% - 2.5rem));
  margin-inline: auto;
}

.breadcrumb {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.72rem;
  color: var(--text-muted);
  margin-bottom: 0.8rem;
}

.group-hero-content {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  align-items: center;
  padding: 1rem;
}

.group-hero-image {
  width: 10rem;
  height: 10rem;
  border-radius: var(--radius-sm);
  overflow: hidden;
  background: #f1f1eb;
}

.group-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.group-title {
  font-size: clamp(1.6rem, 4vw, 2.5rem);
  margin-bottom: 0.35rem;
}

.group-description {
  color: var(--text-muted);
  font-size: 0.86rem;
  margin-bottom: 0.65rem;
}

.group-meta-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.meta-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  background: var(--surface-soft);
  padding: 0.28rem 0.62rem;
  color: var(--text-muted);
  font-size: 0.69rem;
  font-weight: 700;
}

.meta-pill strong {
  color: var(--text);
}

.product-group-table-section {
  padding-bottom: var(--space-7);
}

.empty-group-message {
  text-align: center;
  padding: 2rem 1rem;
  border: 1px dashed var(--line-strong);
  border-radius: var(--radius-md);
  background: var(--surface-soft);
}

.empty-group-message .dashicons {
  color: #aaa;
  font-size: 2.1rem;
  width: 2.1rem;
  height: 2.1rem;
}

.empty-group-message h3 {
  margin: 0.45rem 0 0.3rem;
  font-size: 1.15rem;
}

.empty-group-message p {
  color: var(--text-muted);
  font-size: 0.82rem;
  margin-bottom: 0.75rem;
}

.site-footer {
  --footer-bg: #0c1f3c;
  --footer-panel: #112a4d;
  --footer-line: rgba(206, 224, 246, 0.16);
  --footer-copy: #b9c9db;
  --footer-bright: #f6f9fd;
  position: relative;
  overflow: hidden;
  border-top: 0;
  background: var(--footer-bg);
  color: var(--footer-bright);
  margin-top: var(--space-6);
}

.site-footer::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 8rem;
  pointer-events: none;
  opacity: 0.18;
  background-image:
    linear-gradient(90deg, transparent 49.8%, rgba(255, 255, 255, 0.2) 50%, transparent 50.2%),
    linear-gradient(0deg, transparent 49.8%, rgba(255, 255, 255, 0.2) 50%, transparent 50.2%);
  background-size: 2rem 2rem;
  mask-image: linear-gradient(to bottom, #000, transparent);
}

.footer-intro {
  position: relative;
  display: grid;
  grid-template-columns: minmax(20rem, 1fr) auto;
  align-items: end;
  gap: 2rem;
  padding-block: clamp(2.5rem, 5vw, 4.5rem) clamp(2rem, 4vw, 3.25rem);
  border-bottom: 1px solid var(--footer-line);
}

.footer-intro__title {
  max-width: 24ch;
  color: var(--footer-bright);
  font-size: clamp(1.65rem, 3vw, 2.8rem);
  font-weight: 600;
  letter-spacing: -0.045em;
  line-height: 1.08;
}

.footer-intro__action {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  min-height: 2.8rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.45);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 700;
  white-space: nowrap;
}

.footer-intro__action svg {
  transition: transform var(--transition);
}

.footer-intro__action:hover,
.footer-intro__action:focus-visible {
  border-color: #ff545d;
  color: #fff;
}

.footer-intro__action:hover svg,
.footer-intro__action:focus-visible svg {
  transform: translateX(0.25rem);
}

.site-footer .footer-grid {
  display: grid;
  grid-template-columns: minmax(15rem, 1.4fr) repeat(3, minmax(9rem, 0.8fr));
  gap: clamp(2rem, 5vw, 4.5rem);
  padding-block: clamp(2.75rem, 5vw, 4.75rem);
}

.footer-logo {
  margin-bottom: 1.25rem;
}

.footer-logo img {
  display: block;
  width: min(10.5rem, 100%);
  height: auto;
}

.footer-column h4 {
  font-family: var(--font-body);
  color: var(--footer-bright);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin-bottom: 1rem;
}

.footer-about p,
.footer-links a,
.footer-contact,
.footer-contact a {
  color: var(--footer-copy);
  font-size: 0.8rem;
  line-height: 1.65;
}

.footer-about p {
  max-width: 37ch;
}

.footer-links li + li,
.footer-contact li + li {
  margin-top: 0.48rem;
}

.footer-links a:hover,
.footer-contact a:hover,
.footer-legal a:hover {
  color: #fff;
}

.footer-social {
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.footer-social__handle {
  color: #d9e5f2;
  font-family: var(--font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.02em;
}

.footer-social__links {
  display: flex;
  gap: 0.45rem;
}

.footer-social__links a {
  width: 2.15rem;
  height: 2.15rem;
  border-radius: 0.55rem;
  border: 1px solid var(--footer-line);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--footer-copy);
  background: rgba(255, 255, 255, 0.035);
}

.footer-social__links a:hover,
.footer-social__links a:focus-visible {
  border-color: rgba(255, 255, 255, 0.55);
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  transform: translateY(-2px);
}

.footer-contact li {
  display: flex;
  gap: 0.45rem;
  align-items: flex-start;
}

.footer-contact svg {
  flex: 0 0 auto;
  margin-top: 0.12rem;
  color: #7f9bb8;
}

.footer-contact .footer-hours {
  display: grid;
  gap: 0.18rem;
}

.footer-hours strong,
.footer-hours span {
  display: block;
}

.footer-trust {
  position: relative;
  border-top: 1px solid var(--footer-line);
  border-bottom: 1px solid var(--footer-line);
  background: rgba(4, 17, 36, 0.34);
  padding-block: 1.15rem;
}

.site-footer .trust-items {
  display: grid;
  grid-template-columns: 1.45fr 1fr 0.75fr;
  gap: 0;
}

.site-footer .trust-item {
  min-width: 0;
  min-height: 4.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  border: 0;
  border-right: 1px solid var(--footer-line);
  border-radius: 0;
  background: transparent;
  padding: 0.35rem clamp(1rem, 3vw, 2rem);
}

.site-footer .trust-item:first-child {
  padding-left: 0;
}

.site-footer .trust-item:last-child {
  border-right: 0;
  padding-right: 0;
}

.trust-item__copy {
  display: grid;
  flex: 0 0 auto;
  gap: 0.12rem;
}

.site-footer .trust-label,
.site-footer .ssl-badge small {
  color: #809bb7;
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
}

.trust-item__copy strong,
.site-footer .ssl-badge strong {
  color: #edf5fd;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.35;
}

.site-footer .trust-badges {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.38rem;
  flex-wrap: wrap;
}

.payment-logo {
  width: 3.15rem;
  height: 1.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 0.38rem;
  background: #fff;
}

.payment-logo svg {
  display: block;
  width: 100%;
  height: 100%;
}

.payment-logo--visa text {
  fill: #1434cb;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-style: italic;
  font-weight: 900;
  letter-spacing: -1.5px;
}

.payment-logo--mastercard circle:first-child {
  fill: #eb001b;
}

.payment-logo--mastercard circle:last-child {
  fill: #f79e1b;
  fill-opacity: 0.88;
}

.payment-logo--troy text {
  fill: #314059;
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: 900;
  letter-spacing: -1px;
}

.payment-logo--troy circle {
  fill: #16a085;
}

.payment-logo--amex rect {
  fill: #006fcf;
}

.payment-logo--amex text {
  fill: #fff;
  font-family: Arial, sans-serif;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: -0.6px;
}

.cargo-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 8.2rem;
  min-height: 2.35rem;
  border-radius: 0.45rem;
  background: #fff;
  padding: 0.45rem 0.65rem;
}

.cargo-logo img {
  width: 100%;
  height: 1.55rem;
  object-fit: contain;
}

.site-footer .ssl-badge {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: #8fb6dd;
}

.site-footer .ssl-badge span {
  display: grid;
  gap: 0.12rem;
}

.footer-bottom {
  padding-block: 1.35rem;
}

.footer-bottom-content {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2rem;
}

.footer-bottom__meta {
  display: grid;
  gap: 0.75rem;
}

.ozki-signature {
  position: relative;
  display: inline-grid;
  grid-template-columns: 3.65rem auto;
  align-items: center;
  gap: 0.7rem;
  width: fit-content;
  min-height: 3.25rem;
  border: 1px solid var(--footer-line);
  border-radius: 0.7rem;
  background: rgba(255, 255, 255, 0.035);
  padding: 0.55rem 0.8rem;
  color: #9fb3c9;
  transition: color var(--transition), background-color var(--transition), border-color var(--transition), transform var(--transition);
}

.ozki-signature__mark {
  width: 3.65rem;
  height: auto;
  fill: currentColor;
  transition: fill var(--transition), transform var(--transition);
}

.ozki-signature__i {
  fill: currentColor;
}

.ozki-signature__copy {
  display: grid;
  line-height: 1.2;
}

.ozki-signature__copy small {
  color: #7f9ab6;
  font-size: 0.56rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.ozki-signature__copy strong {
  color: #dce7f2;
  font-size: 0.68rem;
  font-weight: 700;
}

.ozki-signature__hint {
  position: absolute;
  left: 0;
  bottom: calc(100% + 0.55rem);
  width: max-content;
  max-width: min(15rem, 80vw);
  border-radius: 0.45rem;
  background: #fff;
  padding: 0.42rem 0.65rem;
  color: #111827;
  font-size: 0.64rem;
  font-weight: 700;
  opacity: 0;
  pointer-events: none;
  transform: translateY(0.35rem);
  transition: opacity var(--transition), transform var(--transition);
  box-shadow: 0 10px 30px rgba(2, 10, 24, 0.25);
}

.ozki-signature:hover,
.ozki-signature:focus-visible {
  border-color: rgba(255, 255, 255, 0.85);
  background: #fff;
  color: #b1000b;
  transform: translateY(-2px);
}

.ozki-signature:hover .ozki-signature__i,
.ozki-signature:focus-visible .ozki-signature__i {
  fill: #111;
}

.ozki-signature:hover .ozki-signature__copy small,
.ozki-signature:focus-visible .ozki-signature__copy small {
  color: #6b7280;
}

.ozki-signature:hover .ozki-signature__copy strong,
.ozki-signature:focus-visible .ozki-signature__copy strong {
  color: #111827;
}

.ozki-signature:hover .ozki-signature__hint,
.ozki-signature:focus-visible .ozki-signature__hint {
  opacity: 1;
  transform: translateY(0);
}

.footer-copyright,
.footer-legal a {
  color: #829ab3;
  font-size: 0.68rem;
}

.footer-legal {
  display: flex;
  justify-content: flex-end;
  gap: 0.45rem 0.9rem;
  flex-wrap: wrap;
  max-width: 45rem;
}

@media (max-width: 1100px) {
  .footer-intro {
    grid-template-columns: 1fr auto;
  }

  .site-footer .footer-grid {
    grid-template-columns: minmax(15rem, 1.3fr) repeat(3, minmax(8rem, 0.75fr));
    gap: 2rem;
  }

  .site-footer .trust-items {
    grid-template-columns: 1fr 1fr;
  }

  .site-footer .trust-item:nth-child(2) {
    border-right: 0;
  }

  .site-footer .trust-item:last-child {
    grid-column: 1 / -1;
    min-height: 3.5rem;
    justify-content: center;
    border-top: 1px solid var(--footer-line);
    padding: 0.9rem 0 0;
    margin-top: 0.75rem;
  }
}

@media (max-width: 760px) {
  .footer-intro {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 1.25rem;
  }

  .footer-intro__action {
    width: fit-content;
  }

  .site-footer .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem 1.25rem;
  }

  .footer-about {
    grid-column: 1 / -1;
  }

  .site-footer .trust-items {
    grid-template-columns: 1fr;
  }

  .site-footer .trust-item,
  .site-footer .trust-item:first-child,
  .site-footer .trust-item:last-child {
    grid-column: auto;
    min-height: 4rem;
    justify-content: space-between;
    border: 0;
    border-bottom: 1px solid var(--footer-line);
    margin: 0;
    padding: 0.85rem 0;
  }

  .site-footer .trust-item:last-child {
    justify-content: flex-start;
    border-bottom: 0;
  }

  .footer-bottom-content {
    align-items: flex-start;
    flex-direction: column;
  }

  .footer-legal {
    justify-content: flex-start;
  }
}

@media (max-width: 460px) {
  .site-footer .footer-grid {
    grid-template-columns: 1fr;
  }

  .footer-about {
    grid-column: auto;
  }

  .site-footer .trust-item:first-child {
    align-items: flex-start;
    flex-direction: column;
  }

  .site-footer .trust-badges {
    justify-content: flex-start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .footer-intro__action svg,
  .footer-social__links a,
  .ozki-signature,
  .ozki-signature__mark,
  .ozki-signature__hint {
    transition: none;
  }
}

.whatsapp-float {
  position: fixed;
  right: clamp(0.8rem, 2vw, 1.5rem);
  bottom: clamp(1rem, 2vw, 1.5rem);
  min-height: 3.5rem;
  max-width: calc(100vw - 2rem);
  padding: 0.75rem 1.1rem 0.75rem 0.9rem;
  gap: 0.6rem;
  border-radius: 999px;
  border: 1px solid #1e9d69;
  background: #1e9d69;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-body);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  z-index: 1060;
  box-shadow: 0 12px 26px rgba(30, 157, 105, 0.35);
  transition: transform var(--transition), background-color var(--transition), border-color var(--transition), box-shadow var(--transition);
}

.whatsapp-float__icon {
  flex: 0 0 auto;
  width: 1.65rem;
  height: 1.65rem;
}

.whatsapp-float:hover {
  background: #158455;
  border-color: #158455;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 15px 30px rgba(30, 157, 105, 0.42);
}

.whatsapp-float:focus-visible {
  outline: 2px solid #123778;
  outline-offset: 3px;
}

@media (max-width: 480px) {
  .whatsapp-float {
    min-height: 3.25rem;
    padding: 0.7rem 0.9rem 0.7rem 0.8rem;
    gap: 0.5rem;
    font-size: 0.8rem;
  }

  .whatsapp-float__icon {
    width: 1.45rem;
    height: 1.45rem;
  }
}

@media (max-width: 1200px) {
  .header-main {
    grid-template-columns: auto 1fr auto;
  }

  .header-actions {
    display: none;
  }

  .mobile-header-controls {
    display: inline-flex;
    gap: 0.4rem;
    justify-self: end;
  }

  .category-cards-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: minmax(11.5rem, auto);
  }

  .category-card--insertler .category-card-photo {
    width: clamp(4.5rem, 9vw, 5.8rem);
    height: clamp(4.5rem, 9vw, 5.8rem);
  }

  .category-card--insertler h3 {
    font-size: clamp(1.45rem, 3vw, 1.95rem);
  }

  .category-card--insertler .sub-cat-link {
    min-height: 1.95rem;
    padding-inline: 0.95rem;
    font-size: 0.88rem;
  }

  .category-card:not(.category-card--insertler) h3 {
    font-size: clamp(1.05rem, 1.8vw, 1.35rem);
  }

  .woocommerce ul.products,
  .woocommerce-page ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .shop-layout {
    grid-template-columns: 1fr;
  }

  .shop-sidebar {
    position: static;
  }

  .why-grid,
  .cta-banner-inner,
  .footer-grid,
  .trust-grid,
  .trust-items,
  .showcase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .woocommerce-account .woocommerce {
    grid-template-columns: 1fr;
  }

  .woocommerce-checkout #order_review,
  .woocommerce-checkout #order_review_heading {
    position: static;
  }
}

@media (max-width: 900px) {
  .top-bar {
    display: none;
  }

  .woocommerce-checkout form.checkout {
    grid-template-columns: 1fr;
    grid-template-areas:
      "customer"
      "heading"
      "review";
  }

  .woocommerce-checkout.agnero-checkout-step-delivery form.checkout,
  .woocommerce-checkout.agnero-checkout-step-payment form.checkout {
    grid-template-columns: 1fr;
    grid-template-areas:
      "customer"
      "review";
  }

  .woocommerce-checkout #order_review,
  .woocommerce-checkout #order_review_heading {
    position: static;
    width: auto;
    min-width: 0;
  }

  .woocommerce-checkout .wc-block-components-sidebar-layout {
    grid-template-columns: 1fr;
  }

  .woocommerce-checkout .wc-block-components-sidebar {
    position: static;
  }

  .agnero-address-picker {
    grid-template-columns: 1fr;
  }

  .woocommerce-checkout .agnero-checkout-payment-panel {
    grid-template-columns: 1fr;
  }

  .woocommerce-checkout.agnero-checkout-step-payment .agnero-checkout-payment-panel > .woocommerce-checkout-payment,
  .woocommerce-checkout.agnero-checkout-step-payment .agnero-checkout-payment-panel > .agnero-paytr-installments {
    grid-column: 1;
    grid-row: auto;
  }

  .woocommerce-checkout.agnero-checkout-step-payment .agnero-checkout-payment-panel > .agnero-paytr-installments {
    grid-row: 3;
  }

  .woocommerce-checkout.agnero-checkout-step-payment .agnero-checkout-payment-panel > .agnero-card-entry {
    grid-column: 1;
    grid-row: 4;
  }

  .agnero-card-entry__grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .agnero-card-entry__expiry > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .agnero-checkout-progress {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
  }

  .agnero-checkout-progress__step::after {
    display: none;
  }

  .main-navigation {
    position: fixed;
    inset: 0;
    z-index: 5180;
    overflow: hidden;
    border: 0;
    background:
      radial-gradient(130% 90% at 0% -14%, rgba(219, 233, 248, 0.9), rgba(219, 233, 248, 0) 58%),
      radial-gradient(100% 82% at 100% 112%, rgba(186, 211, 238, 0.42), rgba(186, 211, 238, 0) 62%),
      linear-gradient(180deg, rgba(252, 254, 255, 0.98), rgba(238, 246, 254, 0.96));
    backdrop-filter: blur(20px) saturate(140%);
    -webkit-backdrop-filter: blur(20px) saturate(140%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate3d(0, 1.6rem, 0) scale(0.985);
    transition: opacity 0.34s cubic-bezier(0.22, 1, 0.36, 1), transform 0.34s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.34s ease;
  }

  .main-navigation.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate3d(0, 0, 0) scale(1);
  }

  .main-navigation .container {
    width: 100%;
    min-height: 100%;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 0.85rem;
    padding: calc(0.75rem + env(safe-area-inset-top)) clamp(0.85rem, 4vw, 1.25rem) calc(0.9rem + env(safe-area-inset-bottom));
  }

  .mobile-nav-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
  }

  .mobile-nav-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.62rem;
    min-width: 0;
    max-width: calc(100% - 3.35rem);
    padding: 0.3rem 0.4rem 0.3rem 0.3rem;
    border: 1px solid rgba(18, 55, 120, 0.16);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.68);
    box-shadow: 0 14px 30px rgba(18, 55, 120, 0.11);
  }

  .mobile-nav-brand-mark {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(18, 55, 120, 0.22);
    background: linear-gradient(165deg, rgba(255, 255, 255, 0.9), rgba(226, 238, 252, 0.9));
  }

  .mobile-nav-brand-mark img {
    width: 1.2rem;
    height: 1.2rem;
    object-fit: contain;
  }

  .mobile-nav-brand-text {
    min-width: 0;
    display: grid;
    gap: 0.06rem;
    line-height: 1.08;
  }

  .mobile-nav-brand-text strong {
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text);
  }

  .mobile-nav-brand-text small {
    display: block;
    color: var(--text-muted);
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .nav-inner {
    align-items: stretch;
    min-height: 0;
    padding: 0;
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 0.8rem;
    overflow: hidden;
  }

  .mobile-nav-close {
    display: inline-flex;
    margin: 0;
    width: 2.75rem;
    height: 2.75rem;
    flex-shrink: 0;
    border-color: rgba(18, 55, 120, 0.24);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 14px 28px rgba(18, 55, 120, 0.16);
  }

  .all-products-toggle {
    justify-content: flex-start;
    gap: 0.7rem;
    border: 1px solid rgba(18, 55, 120, 0.2);
    border-radius: 1.1rem;
    padding: 0.85rem 0.95rem;
    background: linear-gradient(165deg, rgba(255, 255, 255, 0.84), rgba(230, 242, 255, 0.74));
    box-shadow: 0 16px 30px rgba(18, 55, 120, 0.11);
  }

  .all-products-toggle svg {
    width: 1.12rem;
    height: 1.12rem;
    flex-shrink: 0;
  }

  .all-products-toggle-copy {
    display: grid;
    gap: 0.1rem;
    line-height: 1.22;
  }

  .all-products-toggle-copy strong {
    font-size: 0.93rem;
    font-weight: 800;
  }

  .all-products-toggle-copy small {
    display: block;
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--text-muted);
    letter-spacing: 0.01em;
  }

  .primary-menu-wrapper,
  .nav-menu {
    display: grid;
    gap: 0.45rem;
  }

  .primary-menu-wrapper {
    min-height: 0;
    overflow: auto;
    padding-right: 0.12rem;
  }

  .primary-menu-wrapper::-webkit-scrollbar {
    width: 6px;
  }

  .primary-menu-wrapper::-webkit-scrollbar-thumb {
    background: rgba(18, 55, 120, 0.18);
    border-radius: 999px;
  }

  .nav-menu > .menu-item > a {
    border: 1px solid rgba(18, 55, 120, 0.15);
    border-radius: 1rem;
    padding: 0.84rem 2.75rem 0.84rem 0.95rem;
    min-height: auto;
    font-size: 0.93rem;
    font-weight: 700;
    color: #123778;
    background: linear-gradient(175deg, rgba(255, 255, 255, 0.82), rgba(239, 247, 255, 0.64));
    box-shadow: 0 12px 26px rgba(18, 55, 120, 0.09);
    transition: transform 0.24s ease, border-color 0.24s ease, box-shadow 0.24s ease, color 0.24s ease, background 0.24s ease;
  }

  .nav-menu > .menu-item > a:hover,
  .nav-menu > .menu-item > a:focus-visible,
  .nav-menu > .menu-item.current-menu-item > a,
  .nav-menu > .menu-item.current-menu-ancestor > a {
    border-color: rgba(18, 55, 120, 0.28);
    color: var(--text);
    background: linear-gradient(175deg, rgba(255, 255, 255, 0.92), rgba(236, 246, 255, 0.78));
    box-shadow: 0 16px 28px rgba(18, 55, 120, 0.14);
    transform: translate3d(0, -1px, 0);
  }

  .nav-menu > .menu-item-has-children > a::after {
    display: none;
  }

  .nav-menu .sub-menu {
    position: static;
    margin-top: 0.28rem;
    opacity: 0;
    visibility: visible;
    transform: none;
    box-shadow: none;
    border: 0;
    background: transparent;
    display: block;
    padding: 0 0.2rem;
    max-height: 0;
    overflow: hidden;
    pointer-events: none;
    transition: max-height 0.36s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.2s ease, padding 0.25s ease;
  }

  .nav-menu .menu-item.submenu-open > .sub-menu {
    max-height: 26rem;
    opacity: 1;
    pointer-events: auto;
    padding: 0.34rem 0.2rem 0.7rem;
  }

  .nav-menu .menu-item-has-children {
    position: relative;
  }

  .nav-menu .sub-menu a {
    border: 1px solid rgba(18, 55, 120, 0.12);
    border-radius: 0.85rem;
    padding: 0.62rem 0.75rem;
    font-size: 0.82rem;
    font-weight: 650;
    color: var(--text-muted);
    background: rgba(255, 255, 255, 0.64);
  }

  .nav-menu .sub-menu a:hover,
  .nav-menu .sub-menu a:focus-visible {
    border-color: rgba(18, 55, 120, 0.24);
    color: var(--text);
    background: rgba(255, 255, 255, 0.84);
  }

  .mobile-submenu-toggle {
    display: inline-flex;
    position: absolute;
    top: 0.52rem;
    right: 0.55rem;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: 999px;
    border: 1px solid transparent;
    background: rgba(18, 55, 120, 0.04);
    color: var(--text-muted);
    align-items: center;
    justify-content: center;
    transition: transform 0.24s ease, color 0.24s ease, background 0.24s ease, border-color 0.24s ease;
  }

  .mobile-submenu-toggle svg {
    width: 13px;
    height: 13px;
    transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1);
  }

  .nav-menu .menu-item.submenu-open > .mobile-submenu-toggle {
    color: var(--text);
    background: rgba(18, 55, 120, 0.09);
    border-color: rgba(18, 55, 120, 0.16);
  }

  .nav-menu .menu-item.submenu-open > .mobile-submenu-toggle svg {
    transform: rotate(180deg);
  }

  .mobile-submenu-toggle:hover,
  .mobile-submenu-toggle:focus-visible {
    color: var(--text);
    background: rgba(18, 55, 120, 0.12);
  }

  .mobile-quick-nav {
    position: fixed;
    left: 50%;
    bottom: calc(0.5rem + env(safe-area-inset-bottom));
    z-index: 5040;
    display: grid;
    width: min(94vw, 29rem);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.2rem;
    border: 1px solid rgba(18, 55, 120, 0.16);
    border-radius: 1.26rem;
    padding: 0.2rem;
    background: linear-gradient(175deg, rgba(255, 255, 255, 0.88), rgba(234, 244, 255, 0.74));
    box-shadow: none;
    backdrop-filter: blur(18px) saturate(140%);
    -webkit-backdrop-filter: blur(18px) saturate(140%);
    transform: translate3d(-50%, 0, 0);
    transform-origin: bottom center;
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.24s ease;
    }

  .mobile-quick-nav-item,
  .mobile-quick-nav-item--button {
    border: 0;
    border-radius: 1rem;
    background: transparent;
    color: var(--text-muted);
    display: grid;
    justify-items: center;
    gap: 0.22rem;
    padding: 0.45rem 0.2rem 0.38rem;
    min-height: 3.15rem;
    font-size: 0.63rem;
    font-weight: 750;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
  }

  .mobile-quick-nav.has-cart-items {
    display: flex;
    grid-template-columns: none;
  }

  .mobile-quick-nav.has-cart-items > .mobile-quick-nav-item:not(.mobile-quick-nav-cart) {
    flex: 1 1 0;
    min-width: 0;
  }

  .mobile-quick-nav-cart {
    min-width: 0;
  }

  .mobile-quick-cart-copy {
    display: contents;
  }

  .mobile-quick-cart-total {
    display: none;
    opacity: 0;
    transform: translate3d(-0.4rem, 0, 0);
    transition: opacity 0.24s ease, transform 0.36s cubic-bezier(0.22, 1, 0.36, 1);
  }

  .mobile-quick-nav.has-cart-items .mobile-quick-nav-cart {
    flex: 0 1 auto;
    width: max-content;
    min-width: calc((100% - 0.4rem) / 3);
    max-width: 11rem;
    position: relative;
    grid-template-columns: max-content auto;
    align-items: center;
    justify-items: initial;
    column-gap: 0.18rem;
    padding-inline: 0.55rem;
    text-align: left;
  }

  .mobile-quick-nav.has-cart-items .mobile-quick-cart-copy {
    display: grid;
    width: max-content;
    min-width: max-content;
    gap: 0.08rem;
    order: 1;
    justify-items: start;
    text-align: left;
  }

  .mobile-quick-nav.has-cart-items .mobile-quick-cart-icon {
    position: static;
    order: 2;
    justify-self: end;
    margin-right: 0.25rem;
  }

  .mobile-quick-nav.has-cart-items .mobile-quick-cart-label {
    color: inherit;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1.1;
  }

  .mobile-quick-nav.has-cart-items .mobile-quick-cart-total {
    display: block;
    max-width: 8rem;
    overflow: hidden;
    color: inherit;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    font-size: 0.74rem;
    font-weight: 800;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-quick-nav.is-cart-transitioning:not(.has-cart-items) .mobile-quick-cart-total {
    display: block;
  }

  .mobile-quick-nav.has-cart-items .mobile-quick-count {
    top: -0.34rem;
    right: -0.46rem;
    min-width: 1.35rem;
    height: 1.35rem;
    padding-inline: 0.3rem;
    font-size: 0.72rem;
  }

  .mobile-quick-nav.has-cart-items .mobile-quick-cart-icon .mobile-quick-count {
    top: -0.3rem;
    right: -0.9rem;
  }

  .mobile-quick-nav-item.is-active,
  .mobile-quick-nav-item--button.is-active {
    color: var(--text);
    background: rgba(255, 255, 255, 0.7);
  }

  .mobile-quick-nav-item:hover,
  .mobile-quick-nav-item--button:hover,
  .mobile-quick-nav-item:focus-visible,
  .mobile-quick-nav-item--button:focus-visible {
    color: var(--text);
    background: rgba(255, 255, 255, 0.7);
    transform: translate3d(0, -1px, 0);
  }

  .mobile-quick-icon-wrap {
    width: 1.55rem;
    height: 1.55rem;
  }

  .mobile-quick-count {
    right: -0.28rem;
    top: -0.18rem;
  }

  body.menu-open .mobile-quick-nav,
  body.mobile-search-open .mobile-quick-nav {
    opacity: 0;
    pointer-events: none;
    transform: translate3d(-50%, calc(105% + 0.6rem), 0);
  }

  body {
    padding-bottom: 5.35rem;
  }

  body.mobile-search-open {
    overflow: hidden;
  }

  .mobile-header-search {
    position: fixed;
    inset: 0;
    z-index: 5210;
    padding: calc(0.9rem + env(safe-area-inset-top)) 0.95rem calc(0.9rem + env(safe-area-inset-bottom));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(242, 248, 255, 0.96));
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate3d(0, 1.25rem, 0);
    transition: opacity 0.24s ease, transform 0.24s ease, visibility 0.24s ease;
  }

  .mobile-header-search.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate3d(0, 0, 0);
    display: block;
  }

  .mobile-header-search-panel {
    height: 100%;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

  .mobile-header-search-head {
    margin-bottom: 0;
  }

  .mobile-header-search-head strong {
    display: none;
  }

  .mobile-header-search .search-form {
    margin-top: 0;
    min-height: 3.35rem;
    border-width: 1px;
    border-color: var(--line-strong);
    box-shadow: none;
  }

  .mobile-quick-count {
    right: -0.28rem;
    top: -0.18rem;
  }

  body {
    padding-bottom: 5.35rem;
  }

  .hero-slider,
  .entry-gates .container,
  .trust-strip .container,
  .featured-products .container,
  .category-showcase .container,
  .taksit-section .container,
  .why-section .container,
  .cta-banner .container,
  .newsletter-section .container,
  .agnero-group-page .product-group-hero .container,
  .agnero-group-page .product-group-table-section .container {
    width: min(var(--container), calc(100% - 1.2rem));
  }

  .hero-slider {
    min-height: 20rem;
    border-radius: var(--radius-md);
  }

  .hero-slide .container {
    padding-inline: 1rem;
  }

  .category-card--insertler {
    grid-row: auto;
    grid-column: auto;
    padding: 1.2rem 1rem 1.15rem;
    align-content: start;
  }

  .category-card--insertler .category-card-main {
    margin-top: 0;
    gap: 0.7rem;
  }

  .category-card--insertler .category-card-photo {
    width: 4.6rem;
    height: 4.6rem;
  }

  .category-card--insertler h3 {
    font-size: 1.55rem;
  }

  .category-card--insertler .category-card-subs {
    padding-inline: 0;
    gap: 0.45rem 0.55rem;
  }

  .category-card--insertler .sub-cat-link {
    min-height: 1.85rem;
    padding: 0.25rem 0.75rem;
    font-size: 0.82rem;
  }

  .category-card:not(.category-card--insertler) {
    gap: 0.2rem;
  }

  .category-card:not(.category-card--insertler) .category-card-main {
    padding-left: 5.45rem;
  }

  .category-card:not(.category-card--insertler) .category-card-photo {
    left: 1rem;
    width: 4.35rem;
    height: 5.4rem;
  }

  .category-card:not(.category-card--insertler) h3 {
    font-size: 1.2rem;
  }

  .category-card:not(.category-card--insertler) .category-card-subs {
    padding-left: 5.45rem;
    gap: 0.34rem;
  }

  .sub-cat-link {
    min-height: 1.8rem;
    padding: 0.24rem 0.68rem;
    font-size: 0.8rem;
  }

  .hero-content {
    max-width: none;
    padding-inline: 0.2rem;
  }

  .slider-arrow {
    display: none;
  }

  .why-grid,
  .cta-banner-inner,
  .footer-grid,
  .trust-grid,
  .trust-items,
  .showcase-grid,
  .newsletter-input-wrapper,
  .product-table-controls,
  .product-table-search,
  .woocommerce ul.products,
  .woocommerce-page ul.products,
  .group-hero-content,
  .agnero-single-specs__list {
    grid-template-columns: 1fr;
  }

  .group-hero-image {
    width: 100%;
    height: 12rem;
  }

  .agnero-favorites-table {
    min-width: 38rem;
  }

  .cart-drawer {
    top: auto;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    height: fit-content;
    min-height: min(72vh, 34rem);
    min-height: min(72dvh, 34rem);
    max-height: calc(100vh - 1rem);
    max-height: calc(100dvh - 1rem);
    transform: translate3d(0, 105%, 0);
    border-left: 0;
    border-top: 1px solid var(--line);
    border-radius: 1.15rem 1.15rem 0 0;
    box-shadow: 0 -18px 42px rgba(18, 55, 120, 0.24);
  }

  .cart-drawer.active {
    transform: translate3d(0, 0, 0);
  }

  .cart-drawer-header {
    position: relative;
    padding-top: 1.15rem;
  }

  .cart-drawer-header::before {
    content: "";
    position: absolute;
    top: 0.45rem;
    left: 50%;
    width: 2.5rem;
    height: 0.24rem;
    border-radius: 999px;
    background: var(--line-strong);
    transform: translateX(-50%);
  }

  .cart-drawer-footer {
    position: relative;
    z-index: 2;
    padding-bottom: calc(1rem + env(safe-area-inset-bottom));
  }

  .cart-drawer-body {
    min-height: 0;
    overflow-anchor: none;
  }

  .cart-drawer::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: inherit;
    background: rgba(5, 20, 38, 0.28);
    opacity: 0;
    pointer-events: none;
    transition: opacity 180ms ease;
  }

  .cart-drawer.is-summary-expanded::after {
    opacity: 1;
    pointer-events: auto;
    cursor: pointer;
  }

  .cart-drawer.is-summary-expanded .cart-summary-breakdown.is-expanded {
    position: absolute;
    left: -1rem;
    right: -1rem;
    bottom: 100%;
    z-index: 3;
    width: auto;
    max-height: min(52vh, 22rem);
    overflow: auto;
    margin: 0;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    padding: 1rem;
    background: var(--surface-soft);
    box-shadow: 0 -12px 30px rgba(18, 55, 120, 0.12);
  }

  .cart-summary-breakdown:not(.is-expanded) {
    display: none;
  }

  .cart-summary-toggle {
    display: inline-flex;
  }

  .cart-summary-row--total {
    cursor: pointer;
  }

  .cart-summary-toggle:focus,
  .cart-summary-toggle:focus-visible {
    outline: none;
    box-shadow: none;
  }

  .cart-installments-popover {
    display: none;
  }

  .cart-installments-mobile-note {
    display: block;
  }

  .woocommerce-cart .woocommerce {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .woocommerce-cart .wp-block-woocommerce-cart,
  .woocommerce-cart .wc-block-cart {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .woocommerce-cart .woocommerce-cart-form table.shop_table th,
  .woocommerce-cart .woocommerce-cart-form table.shop_table td {
    padding: 0.82rem 0.75rem;
  }

  .woocommerce-cart .cart_totals {
    position: static;
  }

  .whatsapp-float {
    right: 0.8rem;
    bottom: 5.2rem;
  }
}

@media (max-width: 900px) and (prefers-reduced-motion: reduce) {
  .main-navigation,
  .mobile-header-search,
  .mobile-quick-nav,
  .nav-menu > .menu-item > a,
  .nav-menu .sub-menu,
  .mobile-submenu-toggle,
  .mobile-submenu-toggle svg {
    transition: none;
  }
}

@media (max-width: 600px) {
  .container {
    width: min(var(--container), calc(100% - 1rem));
  }

  .woocommerce-checkout .page-title {
    font-size: clamp(1.85rem, 12vw, 2.45rem);
  }

  .woocommerce-checkout #customer_details,
  .woocommerce-checkout #order_review,
  .woocommerce-checkout #order_review_heading,
  .woocommerce-checkout .agnero-micro-reward-panel,
  .woocommerce-checkout .agnero-conversion-note,
  .woocommerce-checkout .checkout_coupon {
    padding-inline: 0.85rem;
  }

  .woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
  .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
  .woocommerce-checkout .checkout_coupon,
  .woocommerce-checkout .wc-block-components-address-form {
    grid-template-columns: 1fr;
  }

  .woocommerce-checkout .wc-block-components-checkout-step,
  .woocommerce-checkout .wc-block-components-sidebar {
    padding: 0.9rem;
  }

  .agnero-checkout-progress {
    grid-template-columns: 1fr;
    gap: 0.55rem;
  }

  .agnero-checkout-progress__step {
    min-height: 2.65rem;
    border-radius: 10px;
    white-space: normal;
  }

  .woocommerce-checkout .agnero-checkout-account-prompt {
    align-items: stretch;
    flex-direction: column;
    gap: 0.75rem;
  }

  .agnero-checkout-account-prompt__action {
    width: 100%;
  }

  .agnero-checkout-account-prompt__button {
    width: 100%;
    min-height: 2.75rem;
  }

  .header-main {
    gap: 0.6rem;
    min-height: 4.5rem;
  }

  .site-logo img {
    max-height: 1.7rem;
  }

  .header-search {
    display: none;
  }

  .woocommerce table.shop_table,
  .product-specs-table {
    font-size: 0.73rem;
  }

  .shop-content,
  .shop-sidebar,
  .woocommerce-cart-form,
  .cart_totals,
  .woocommerce-checkout #customer_details,
  .woocommerce-checkout #order_review,
  .woocommerce-MyAccount-content,
  .woocommerce-MyAccount-navigation,
  .agnero-favorites-page,
  .agnero-single-order-table,
  .product-group-table-section .container > * {
    border-radius: var(--radius-sm);
  }

  .cta-buttons .btn,
  .cart-drawer-actions .btn {
    width: 100%;
  }
}

@media (max-width: 960px) {
  .agnero-order-hero,
  .agnero-order-next-grid,
  .agnero-receipt__layout {
    grid-template-columns: 1fr;
  }

  .agnero-order-hero__summary {
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    border-left: 0;
  }

  .agnero-order-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .agnero-order-received {
    gap: 0.75rem;
    max-width: calc(100vw - 1rem);
    overflow: hidden;
  }

  .agnero-order-hero,
  .agnero-order-metrics,
  .agnero-order-next-grid,
  .agnero-order-details-shell {
    width: 100%;
    max-width: 100%;
  }

  .agnero-order-hero h1,
  .agnero-order-failed-panel h1 {
    font-size: 1.85rem;
  }

  .agnero-order-hero__copy {
    font-size: 0.92rem;
    max-width: 18.5rem;
  }

  .agnero-order-hero__summary small {
    max-width: 18.5rem;
  }

  .agnero-order-actions .button {
    width: 100%;
  }

  .agnero-order-metrics {
    grid-template-columns: 1fr;
  }

  .agnero-order-details-shell {
    padding: 0;
  }

  .agnero-order-details-shell table.shop_table th,
  .agnero-order-details-shell table.shop_table td {
    padding: 0.75rem;
  }

  .agnero-receipt {
    padding: 0.75rem;
  }

  .agnero-receipt__head,
  .agnero-receipt-item__topline {
    display: grid;
  }

  .agnero-receipt__meta {
    width: 100%;
    text-align: left;
  }

  .agnero-receipt__items-head {
    display: none;
  }

  .agnero-receipt-item {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }

  .agnero-receipt-item__qty {
    width: max-content;
  }

  .agnero-receipt-item__total {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    border-top: 1px solid var(--line);
    padding-top: 0.75rem;
    text-align: left;
  }

  .agnero-receipt-summary__rows div {
    gap: 0.75rem;
  }

  .agnero-receipt-summary__grand-total dd {
    font-size: 1.15rem;
  }
}


/* ==========================================================================
   PATRON OVERRIDES - 2026-02-18
   ========================================================================== */

.product-group-hero {
  padding-block: var(--space-7);
  background: var(--surface);
  border-bottom: 1px solid var(--line);
  margin-bottom: var(--space-6);
}

.group-hero-content {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: var(--space-6);
  align-items: center;
}

.group-hero-image img {
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  border: 1px solid var(--line);
}

.group-title {
  font-size: clamp(2rem, 5vw, 3.2rem);
  color: var(--brand);
  font-weight: 800;
  margin-bottom: 1rem;
}

.group-description {
  font-size: 1.15rem;
  color: var(--text-muted);
  line-height: 1.7;
  max-width: 65ch;
  margin-bottom: 2rem;
}

.group-meta-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.meta-pill {
  background: var(--surface-soft);
  border: 1px solid var(--line);
  padding: 0.6rem 1.25rem;
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--text) !important;
}

.meta-pill strong {
  color: var(--brand);
  margin-right: 0.25rem;
}

.meta-pill.price-range {
  background: var(--accent-soft);
  border-color: rgba(18, 55, 120, 0.1);
  color: var(--brand) !important;
}

/* Product range pages: one measurable Muller-Brockmann content frame. */
:root {
  --agnero-range-width: 1200px;
  --agnero-range-gutter: 24px;
  --agnero-table-sticky-top: 0px;
}

.product-group-hero .container.agnero-range-shell,
.product-group-table-section .container.agnero-range-shell,
body.single-product .agnero-woocommerce-shell {
  width: min(var(--agnero-range-width), calc(100% - 2.5rem));
}

body.single-product .agnero-woocommerce-shell .woocommerce,
body.single-product .agnero-woocommerce-shell div.product,
body.single-product .agnero-group-banner,
body.single-product .agnero-single-order-table {
  width: 100%;
  max-width: var(--agnero-range-width);
  margin-inline: auto;
}

.agnero-range-grid,
body.single-product div.product {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--agnero-range-gutter);
  align-items: start;
}

.agnero-range-grid .group-hero-image,
body.single-product div.product div.images {
  grid-column: 1 / span 5;
  width: 100%;
  margin: 0;
}

.agnero-range-grid .group-hero-info,
body.single-product div.product div.summary {
  grid-column: 6 / -1;
  width: 100%;
  margin: 0;
}

body.single-product div.product > .agnero-single-order-table,
body.single-product div.product > .woocommerce-tabs,
body.single-product div.product > .related,
body.single-product div.product > .agnero-support-ticket-section {
  grid-column: 1 / -1;
}

body.single-product .agnero-group-banner {
  margin-bottom: 24px;
}

body.single-product .woocommerce-product-gallery__wrapper,
.group-hero-image {
  aspect-ratio: 1 / 1;
  min-height: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #f7f9fc;
}

.group-hero-content {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
}

body.single-product .woocommerce-product-gallery__wrapper img,
.group-hero-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

body.single-product .agnero-single-order-table,
.product-group-table-section {
  margin-top: 32px;
}

.product-group-hero {
  padding-block: 32px 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.product-group-table-section {
  padding-bottom: 64px;
}

.agnero-range-table-heading {
  margin-bottom: 24px;
}

.product-group-table-section .container > .agnero-range-table-card {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.agnero-range-table-card > .agnero-product-table-wrapper {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.agnero-range-table-heading h2 {
  margin-bottom: 8px;
  color: var(--brand);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 800;
}

.agnero-range-table-heading p {
  max-width: none;
  color: var(--text-muted);
  white-space: nowrap;
}

.agnero-freze-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0 0 28px;
}

.agnero-freze-gallery__item {
  display: grid;
  grid-template-rows: minmax(180px, 280px) auto;
  place-items: center;
  gap: 10px;
  min-width: 0;
  margin: 0;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #f7f9fc;
}

.agnero-freze-gallery__item img,
.agnero-freze-gallery__item .agnero-catalog-visual {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  margin: 0;
  object-fit: contain;
}

.agnero-freze-gallery__item figcaption {
  color: var(--brand);
  font-size: 0.9rem;
  font-weight: 700;
  text-align: center;
}

/* Combined milling-cutter pages: products stay tangible on the left while
   the matching technical geometry remains selectable on the right. */
.agnero-catalog-shell--combined {
  gap: clamp(0.8rem, 1.4vh, 1.2rem);
  padding-top: 0;
}

.agnero-combined-showcase {
  display: grid;
  height: auto;
  min-height: 0;
  grid-template-columns: minmax(0, 0.96fr) minmax(0, 1.04fr);
  grid-template-rows: auto;
  column-gap: 0;
  align-items: start;
  overflow: visible;
  background: #fff;
}

.agnero-combined-overview {
  display: grid;
  grid-column: 1;
  grid-row: 1;
  align-content: start;
  gap: 60px;
  min-width: 0;
}

.agnero-combined-title {
  align-self: start;
  font-size: clamp(1.55rem, 2.2vw, 2rem);
  line-height: 1.15;
}

.agnero-combined-products {
  display: grid;
  min-width: 0;
  grid-template-rows: repeat(2, auto);
  align-content: start;
  gap: 48px;
  padding: 0 clamp(1.2rem, 2.4vw, 2.2rem) 0 0;
}

.agnero-combined-products--count-3 {
  grid-template-rows: repeat(3, auto);
}

.agnero-combined-showcase:has(.agnero-combined-products--count-3) {
  height: auto;
}

.agnero-combined-showcase.agnero-combined-showcase--expanded {
  height: auto;
  min-height: 660px;
  overflow: visible;
}

.agnero-combined-product {
  --agnero-selection-label-shift: clamp(2.6rem, 4vw, 3.8rem);
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 0;
  grid-template-rows: clamp(5rem, 9vh, 7rem) auto;
  align-content: start;
  gap: 0.15rem;
  padding: 0 0 0 clamp(0.7rem, 1vw, 0.9rem);
  border: 0;
  background: transparent;
  color: var(--brand);
  text-align: left;
  cursor: pointer;
}

.agnero-combined-product__selection-trace {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

.agnero-combined-product__selection-line,
.agnero-combined-product__selection-arrow {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  opacity: 0;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
}

.agnero-combined-product.is-active .agnero-combined-product__selection-line,
.agnero-combined-product.is-active .agnero-combined-product__selection-arrow {
  opacity: 1;
  stroke-dashoffset: 0;
}

.agnero-combined-product.is-active.is-selection-entering .agnero-combined-product__selection-line {
  animation: agnero-combined-selection-trace 680ms cubic-bezier(0.22, 0.78, 0.22, 1) both;
}

.agnero-combined-product.is-active.is-selection-entering .agnero-combined-product__selection-arrow {
  animation: agnero-combined-selection-arrow 160ms cubic-bezier(0.22, 0.78, 0.22, 1) 590ms both;
}

.agnero-combined-product__media,
.agnero-combined-product__caption {
  z-index: 2;
}

.agnero-combined-product__media {
  --agnero-combined-tool-diameter: clamp(3rem, 3.3vw, 3.95rem);
  position: relative;
  display: grid;
  min-height: 0;
  place-items: center start;
  overflow: hidden;
  container-type: inline-size;
}

.agnero-combined-product__media img,
.agnero-combined-product__media .agnero-catalog-visual {
  display: block;
  margin: 0;
  padding: 0;
  object-position: left center;
}

.agnero-combined-product .agnero-combined-product__media .agnero-catalog-visual {
  min-height: 0;
  overflow: visible;
}

.agnero-combined-product .agnero-combined-product__media .agnero-catalog-visual img {
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  padding: 0;
  object-fit: contain;
  object-position: left center;
  filter: none;
  transform: none;
}

.agnero-combined-product--landscape-image .agnero-combined-product__media .agnero-catalog-visual img,
.agnero-combined-product--landscape-image .agnero-combined-product__media > img {
  width: auto;
  height: var(--agnero-combined-tool-diameter);
}

.agnero-combined-product--portrait-image:not(.agnero-combined-product--horizontal-image) .agnero-combined-product__media .agnero-catalog-visual img,
.agnero-combined-product--portrait-image:not(.agnero-combined-product--horizontal-image) .agnero-combined-product__media > img {
  width: var(--agnero-combined-tool-diameter);
  height: auto;
}

.agnero-combined-product--composite-image {
  grid-template-rows: clamp(15rem, 32vh, 22rem) auto;
}

.agnero-combined-product--composite-image .agnero-combined-product__media {
  place-items: end start;
  overflow: hidden;
}

.agnero-combined-product.agnero-combined-product--portrait-image.agnero-combined-product--composite-image .agnero-combined-product__media .agnero-catalog-visual img,
.agnero-combined-product.agnero-combined-product--portrait-image.agnero-combined-product--composite-image .agnero-combined-product__media > img {
  width: auto;
  height: 100%;
  max-width: 100%;
  object-position: left bottom;
}

.agnero-combined-product--horizontal-image .agnero-combined-product__media .agnero-catalog-visual {
  position: absolute;
  inset: 0;
  display: block;
  width: auto;
  height: auto;
}

.agnero-combined-product--horizontal-image {
  grid-template-rows: clamp(3rem, 6vh, 4.25rem) auto;
}

.agnero-combined-product--series-aluminyum-kure-uzun-boy-frezeler-polisajli .agnero-combined-product__media {
  --agnero-combined-tool-diameter: clamp(2.65rem, 3vw, 3.16rem);
}

/* The long punta source has a substantially taller canvas than its standard
   counterpart. It is rotated for the combined selector, so a smaller source
   diameter keeps the full tool inside the horizontal selection frame. */
.agnero-combined-product--series-punta-matkaplar-uzun-boy .agnero-combined-product__media {
  --agnero-combined-tool-diameter: clamp(3rem, 3.45vw, 4.125rem);
}

/* After rotation, keep the complete standard punta at half the visible
   horizontal length of the long-boy selector. The clamp follows the long-boy
   scale and the 8cqi cap preserves the 50% ratio when that image overflows. */
.agnero-combined-product--series-punta-matkaplar-standart-boy .agnero-combined-product__media {
  --agnero-combined-tool-diameter: min(8cqi, clamp(2.4rem, 2.77vw, 3.32rem));
}

.agnero-combined-product--series-punta-matkaplar-standart-boy .agnero-catalog-visual {
  transform: translateY(-0.45rem);
}

/* The countersink source is a tall transparent PNG that is rotated into its
   horizontal presentation. Give that rotation a larger optical diameter and
   enough row height so the product reads as the primary selectable object. */
.agnero-combined-product--series-havsa-frezeler {
  grid-template-rows: clamp(5.75rem, 9vh, 7rem) auto;
}

.agnero-combined-product--series-havsa-frezeler .agnero-combined-product__media {
  --agnero-combined-tool-diameter: clamp(5.75rem, 6vw, 6.75rem);
}

.agnero-combined-product--horizontal-image .agnero-combined-product__media .agnero-catalog-visual img,
.agnero-combined-product--horizontal-image .agnero-combined-product__media > img {
  position: absolute;
  top: 50%;
  left: 0;
  width: var(--agnero-combined-tool-diameter);
  height: auto;
  max-width: none;
  max-height: none;
  object-position: center;
  transform: rotate(90deg) translate(-50%, -100%);
  transform-origin: top left;
}

.agnero-combined-product__caption {
  display: flex;
  align-items: center;
  gap: clamp(0.45rem, 0.8vw, 0.7rem);
  min-width: 0;
  padding-left: 0;
  font-size: clamp(0.78rem, 1.05vw, 0.95rem);
  font-weight: 800;
}

.agnero-combined-product__caption svg {
  display: none;
}

.agnero-combined-product__caption > span {
  position: relative;
  min-width: 0;
  padding-bottom: 0.35rem;
  transform: translateX(0);
  transition: transform 360ms cubic-bezier(0.22, 0.78, 0.22, 1);
}

.agnero-combined-product.is-active .agnero-combined-product__caption > span {
  transform: translateX(var(--agnero-selection-label-shift));
}

.agnero-combined-product.is-active.is-selection-entering .agnero-combined-product__caption > span {
  animation: agnero-combined-caption-shift 360ms cubic-bezier(0.22, 0.78, 0.22, 1) both;
}

.agnero-combined-product__caption > span::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  border-radius: 999px;
  background: var(--accent, #ff7a00);
  content: "";
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 220ms ease;
}

.agnero-combined-product.is-active .agnero-combined-product__caption > span::after {
  transform: scaleX(1);
}

.has-selection-traces .agnero-combined-product__caption > span::after {
  display: none;
}

@keyframes agnero-combined-selection-trace {
  0% {
    opacity: 0.25;
    stroke-dashoffset: 1;
  }

  100% {
    opacity: 1;
    stroke-dashoffset: 0;
  }
}

@keyframes agnero-combined-selection-arrow {
  0% {
    opacity: 0;
    stroke-dashoffset: 1;
  }

  100% {
    opacity: 1;
    stroke-dashoffset: 0;
  }
}

@keyframes agnero-combined-caption-shift {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(var(--agnero-selection-label-shift));
  }
}

.agnero-combined-product:focus-visible,
.agnero-combined-tab:focus-visible {
  outline: 3px solid rgba(255, 122, 0, 0.38);
  outline-offset: -3px;
}

.agnero-combined-technical {
  display: grid;
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  min-height: 0;
  grid-template-rows: auto auto minmax(140px, 1fr) auto;
  align-content: start;
  gap: clamp(0.45rem, 1vh, 0.75rem);
  padding: 0 0 0 clamp(1.2rem, 2.2vw, 2rem);
}

/* Product facts are real HTML, not labels baked into a catalog image. The
   compact data-card rhythm borrows from tool drawers and gauge cases. */
.agnero-product-features {
  position: relative;
  z-index: 2;
  min-width: 0;
}

.agnero-product-features:has(.agnero-product-feature[open]) {
  z-index: 60;
}

.agnero-combined-showcase:has(.agnero-product-feature[open]),
.agnero-combined-technical:has(.agnero-product-feature[open]) {
  position: relative;
  z-index: 60;
}

.agnero-product-features > h3 {
  margin: 0 0 0.6rem;
  color: var(--brand, #123778);
  font-size: clamp(0.82rem, 1vw, 0.95rem);
  font-weight: 850;
  line-height: 1.25;
}

.agnero-product-features__grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
  gap: 0.48rem;
  grid-auto-rows: 1fr;
  align-items: stretch;
}

.agnero-product-feature {
  position: relative;
  z-index: 1;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #123778;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 7px 17px rgba(18, 55, 120, 0.1);
  transform-origin: center;
  transition: opacity 200ms ease, filter 200ms ease, border-color 200ms ease, box-shadow 200ms ease, transform 200ms cubic-bezier(0.22, 0.78, 0.22, 1);
}

.agnero-product-feature:hover {
  border-color: #ff8b24;
  box-shadow: 0 10px 24px rgba(18, 55, 120, 0.2);
  transform: translateY(-2px);
}

.agnero-product-feature[open] {
  z-index: 20;
  overflow: visible;
  border-color: #ff8b24;
  background: #fff;
  box-shadow: 0 20px 46px rgba(8, 31, 70, 0.34), 0 0 0 3px rgba(255, 139, 36, 0.16);
  transform: translateY(-2px);
}

.agnero-product-features__grid:has(.agnero-product-feature[open]) .agnero-product-feature:not([open]) {
  opacity: 0.42;
  filter: saturate(0.5);
  transform: none;
}

.agnero-product-feature summary {
  position: relative;
  display: grid;
  min-height: 84px;
  height: 100%;
  box-sizing: border-box;
  align-content: center;
  justify-items: center;
  gap: 0.24rem;
  padding: 0.7rem 0.42rem 0.58rem;
  color: #123778;
  text-align: center;
  cursor: pointer;
  list-style: none;
}

.agnero-product-feature summary::-webkit-details-marker {
  display: none;
}

.agnero-product-feature summary:focus-visible {
  outline: 3px solid rgba(255, 122, 0, 0.42);
  outline-offset: -3px;
}

.agnero-product-feature summary strong {
  max-width: 100%;
  /* Keep ordinary labels intact; break an unbroken token only when necessary. */
  overflow-wrap: break-word;
  word-break: normal;
  color: #123778;
  font-family: "IBM Plex Mono", monospace;
  font-size: clamp(0.86rem, 1.18vw, 1.12rem);
  font-weight: 700;
  line-height: 1.05;
}

.agnero-product-feature[data-feature-key="finish"] summary strong {
  font-size: clamp(0.62rem, 0.75vw, 0.76rem);
  letter-spacing: -0.02em;
  line-height: 1.12;
}

.agnero-product-feature[data-feature-key="workpiece_material"] summary strong {
  font-size: clamp(0.7rem, 0.92vw, 0.9rem);
  line-height: 1.12;
}

.agnero-product-feature summary span {
  color: #536b8e;
  font-size: 0.6rem;
  font-weight: 750;
  line-height: 1.22;
}

.agnero-product-feature summary i {
  position: absolute;
  top: 0.3rem;
  right: 0.38rem;
  display: grid;
  width: 1rem;
  height: 1rem;
  place-items: center;
  border-radius: 50%;
  background: rgba(18, 55, 120, 0.1);
  color: #123778;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 800;
  transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.agnero-product-feature[open] summary i {
  background: var(--accent, #ff7a00);
  color: #fff;
  transform: rotate(45deg);
}

/* AGEN catalogue material language: green K, yellow HSS, orange HSS-E,
   silver PM. Coatings use the same outlined rectangular badge treatment. */
.agnero-product-feature--catalog {
  --catalog-ink: #d8e2ee;
  border: 1px solid var(--catalog-ink);
  border-radius: 6px;
  background: #092f43;
  box-shadow: inset 0 0 0 3px #092f43, inset 0 0 0 4px var(--catalog-ink);
}

.agnero-product-feature--catalog[data-badge-tone="carbide"] { --catalog-ink: #20dc8f; }
.agnero-product-feature--catalog[data-badge-tone="hss"],
.agnero-product-feature--catalog[data-badge-tone="gold"] { --catalog-ink: #ffe03b; }
.agnero-product-feature--catalog[data-badge-tone="hsse"],
.agnero-product-feature--catalog[data-badge-tone="copper"] { --catalog-ink: #ff9a3c; }
.agnero-product-feature--catalog[data-badge-tone="violet"] { --catalog-ink: #d3b6ff; }
.agnero-product-feature--catalog[data-badge-tone="blue"] { --catalog-ink: #87cfff; }

.agnero-product-feature--catalog summary strong,
.agnero-product-feature--catalog summary .agnero-product-feature__material-name {
  color: var(--catalog-ink);
}

.agnero-product-feature__material-name {
  font-size: 0.65rem;
  font-weight: 700;
  line-height: 1.1;
}

.agnero-product-feature--catalog summary span { color: #dce7ed; }
.agnero-product-feature--catalog summary i {
  background: transparent;
  color: var(--catalog-ink);
}

.agnero-product-feature--catalog:hover,
.agnero-product-feature--catalog[open] {
  border-color: var(--catalog-ink);
  background: #092f43;
  box-shadow: inset 0 0 0 3px #092f43, inset 0 0 0 4px var(--catalog-ink), 0 8px 20px rgb(9 47 67 / 18%);
  transform: translateY(-2px);
}

.agnero-product-feature--catalog[open] summary i {
  color: #092f43;
  background: var(--catalog-ink);
}

.agnero-product-feature[data-feature-key="physical_logo"] {
  border-color: #123778;
  background: #123778;
  box-shadow: 0 9px 22px rgba(18, 55, 120, 0.24);
}

.agnero-product-features__grid > .agnero-product-feature[data-feature-key="physical_logo"]:only-child {
  width: min(100%, 8.5rem);
  aspect-ratio: 1 / 1;
  justify-self: start;
}

.agnero-product-features__grid > .agnero-product-feature[data-feature-key="physical_logo"]:only-child summary {
  min-height: 100%;
}

.agnero-product-feature[data-feature-key="physical_logo"][open] {
  border-color: #ff8b24;
  background: #0d2f69;
}

.agnero-product-feature[data-feature-key="physical_logo"] summary,
.agnero-product-feature[data-feature-key="physical_logo"] summary strong {
  color: #fff;
}

.agnero-product-feature[data-feature-key="physical_logo"] summary span {
  color: #c7d7ea;
}

.agnero-product-feature[data-feature-key="physical_logo"] summary i {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
}

.agnero-product-feature > p {
  --agnero-feature-pointer-x: 50%;
  position: absolute;
  top: auto;
  bottom: calc(100% + 10px);
  left: 50%;
  z-index: 21;
  width: clamp(190px, 16vw, 240px);
  margin: 0;
  padding: 0.82rem 0.88rem 0.86rem;
  border: 1px solid #ff8b24;
  border-radius: 12px;
  background: linear-gradient(145deg, #173f7d 0%, #0a285b 100%);
  box-shadow: 0 20px 42px rgba(8, 31, 70, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  color: #e7eef8;
  font-size: 0.68rem;
  line-height: 1.48;
  text-align: left;
  transform: translateX(-50%);
  transform-origin: bottom center;
  animation: agnero-product-feature-detail-enter 180ms cubic-bezier(0.22, 0.78, 0.22, 1) both;
}

.agnero-product-feature > p::before {
  position: absolute;
  top: 0;
  right: 0.8rem;
  left: 0.8rem;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, #ff9a3d 22%, #ff7a00 78%, transparent);
  content: "";
}

.agnero-product-feature > p::after {
  position: absolute;
  bottom: -6px;
  left: var(--agnero-feature-pointer-x);
  width: 11px;
  height: 11px;
  border-right: 1px solid #ff8b24;
  border-bottom: 1px solid #ff8b24;
  background: #0a285b;
  content: "";
  transform: translateX(-50%) rotate(45deg);
}

.agnero-product-feature:first-child > p {
  --agnero-feature-pointer-x: 2.7rem;
  left: -1px;
  transform: none;
  transform-origin: bottom left;
}

.agnero-product-feature:last-child > p {
  --agnero-feature-pointer-x: calc(100% - 2.7rem);
  right: -1px;
  left: auto;
  transform: none;
  transform-origin: bottom right;
}

@keyframes agnero-product-feature-detail-enter {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(9px) scale(0.94);
  }

  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
  }
}

.agnero-product-feature:first-child > p,
.agnero-product-feature:last-child > p {
  animation-name: agnero-product-feature-edge-detail-enter;
}

@keyframes agnero-product-feature-edge-detail-enter {
  from {
    opacity: 0;
    transform: translateY(9px) scale(0.94);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .agnero-product-feature,
  .agnero-product-feature summary i {
    transition: none;
  }

  .agnero-product-feature[open],
  .agnero-product-features__grid:has(.agnero-product-feature[open]) .agnero-product-feature:not([open]) {
    transform: none;
  }

  .agnero-product-feature > p {
    animation: none;
  }
}

.agnero-combined-feature-panel[hidden] {
  display: none;
}

.agnero-product-features--combined .agnero-product-features__grid {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.agnero-product-features--combined .agnero-product-feature summary {
  min-height: 76px;
}

.agnero-product-features--combined .agnero-product-feature summary strong {
  font-size: clamp(0.72rem, 0.9vw, 0.92rem);
}

.agnero-combined-technical > h2 {
  margin: 0;
  color: var(--brand);
  font-size: clamp(1.05rem, 1.45vw, 1.3rem);
  font-weight: 850;
  line-height: 1.15;
}

.agnero-combined-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid #9cb5d0;
  border-radius: 8px;
}

.agnero-combined-tabs--count-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.agnero-combined-tabs--count-1 {
  grid-template-columns: 1fr;
}

.agnero-combined-tab {
  min-height: 38px;
  padding: 0.45rem 0.75rem;
  border: 0;
  border-right: 1px solid #9cb5d0;
  background: #fff;
  color: var(--brand);
  font-size: 0.82rem;
  font-weight: 800;
  cursor: pointer;
  transition: background-color 220ms ease, color 220ms ease;
}

.agnero-combined-tab:last-child {
  border-right: 0;
}

.agnero-combined-tab.is-active {
  background: var(--brand);
  color: #fff;
}

.agnero-combined-drawings,
.agnero-combined-drawing {
  min-width: 0;
  min-height: 0;
  height: 100%;
}

.agnero-combined-drawing {
  display: grid;
  place-items: center;
}

.agnero-combined-drawing.is-entering {
  animation: agnero-combined-drawing-enter 360ms cubic-bezier(0.22, 0.78, 0.22, 1) both;
}

@keyframes agnero-combined-drawing-enter {
  0% {
    opacity: 0;
    transform: translateY(6px) scale(0.985);
  }

  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.agnero-combined-drawing .agnero-technical-diagram,
.agnero-combined-drawing .agnero-technical-diagram__stage {
  width: 100%;
  height: 100%;
}

.agnero-combined-drawing .agnero-technical-diagram__stage {
  min-height: 0;
}

.agnero-combined-drawing .agnero-technical-diagram__stage svg {
  width: 100%;
  height: 100%;
  max-height: none;
  transform: scale(0.93);
  transform-origin: center;
}

.agnero-combined-drawing[hidden] {
  display: none;
}

.agnero-combined-drawing img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 235px;
  object-fit: contain;
  transform: scale(0.93);
  transform-origin: center;
}

.agnero-combined-drawing p {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.82rem;
}

.agnero-combined-highlights {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.55rem;
}

.agnero-combined-highlight {
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 0.3rem;
  min-width: 0;
  padding: 0.65rem 0.5rem;
  border: 1px solid var(--line);
  border-radius: 8px;
  text-align: center;
}

.agnero-combined-highlight svg {
  width: 1.55rem;
  height: 1.55rem;
  fill: none;
  stroke: var(--brand);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.agnero-combined-highlight strong {
  color: var(--brand);
  font-size: 0.68rem;
  line-height: 1.25;
}

.agnero-combined-highlight p {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.59rem;
  line-height: 1.35;
}

.agnero-combined-facts {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.35rem 1rem;
  padding: 0.55rem 0.75rem;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--brand);
  font-size: 0.65rem;
}

.agnero-combined-facts strong {
  width: 100%;
  font-size: 0.73rem;
}

.agnero-combined-facts span::before {
  margin-right: 0.35rem;
  color: var(--brand);
  content: "•";
}

.agnero-catalog-section--merged-freze {
  scroll-margin-top: 1rem;
}

.agnero-combined-scroll-cue {
  display: none;
}

@keyframes agnero-combined-cue-enter {
  from {
    opacity: 0;
    transform: translate3d(-50%, 12px, 0) scale(0.98);
    filter: blur(6px);
  }

  to {
    opacity: 1;
    transform: translate3d(-50%, 0, 0) scale(1);
    filter: blur(0);
  }
}

@keyframes agnero-combined-cue-leave {
  from {
    opacity: 1;
    transform: translate3d(-50%, 0, 0) scale(1);
    filter: blur(0);
  }

  to {
    opacity: 0;
    transform: translate3d(-50%, 18px, 0) scale(0.98);
    filter: blur(5px);
  }
}

.product-specs-table--series-groups .agnero-table-series-heading {
  width: 7rem;
  min-width: 7rem;
  padding: 0;
  background: #f6f9fc;
}

.product-specs-table--series-groups .agnero-table-series-group {
  position: relative;
  width: 7rem;
  min-width: 7rem;
  padding: 0;
  border-right: 1px solid #d7e1ec;
  background: #f8fafc;
  vertical-align: middle;
}

.agnero-table-series-group__inner {
  position: absolute;
  inset: 0.7rem 0.45rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 1.35rem;
  align-items: center;
  gap: 0.2rem;
}

.agnero-table-series-group__label {
  justify-self: center;
  color: var(--brand);
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.025em;
  line-height: 1.22;
  text-align: center;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.agnero-table-series-group__brace {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: none;
  stroke: var(--accent);
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.product-specs-table--series-groups .agnero-product-row--series-start:not(:first-child) > td:not(.agnero-table-series-group) {
  border-top: 0.7rem solid #fff;
}

.product-specs-table--series-groups .agnero-product-row--series-start:not(:first-child) > .agnero-table-series-group {
  border-top: 0.7rem solid #fff;
}

@media (max-width: 900px) {
  .agnero-combined-showcase {
    height: auto;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    overflow: visible;
  }

  .agnero-combined-overview {
    grid-column: 1;
    grid-row: auto;
    min-height: 0;
    padding: 0 0 1.2rem;
    border-right: 0;
  }

  .agnero-combined-title {
    min-height: 0;
    padding: 0;
  }

  .agnero-combined-products--count-3 {
    min-height: 0;
  }

  .agnero-combined-technical {
    grid-column: 1;
    grid-row: auto;
    min-height: 520px;
    padding: 1.2rem 0;
  }
}

@media (max-width: 620px) {
  .agnero-combined-showcase {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }

  .agnero-combined-overview,
  .agnero-combined-technical {
    display: contents;
  }

  .agnero-catalog-shell--combined .agnero-catalog-title {
    order: 1;
    flex: 0 0 auto;
    width: 100%;
    font-size: clamp(1.6rem, 8vw, 2.1rem);
  }

  .agnero-combined-tabs {
    order: 4;
    flex: 0 0 auto;
    width: 100%;
    min-height: 3rem;
    margin-top: 1rem;
    border-radius: 12px;
  }

  .agnero-combined-products {
    order: 2;
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    min-height: 0;
    margin-top: 1.5rem;
    padding: 0;
    gap: 0.75rem;
  }

  .agnero-combined-products--count-1 {
    grid-template-columns: minmax(0, 1fr);
  }

  .agnero-combined-products--count-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .agnero-combined-product,
  .agnero-combined-product.is-active {
    display: grid;
    min-height: 0;
    grid-template-rows: 18rem auto;
    justify-items: center;
    gap: 0.65rem;
    padding: 0.8rem 0.35rem 0.75rem;
    overflow: hidden;
    border: 1px solid #dbe4ef;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 7px 20px rgba(18, 55, 120, 0.06);
    cursor: pointer;
    opacity: 1;
    transform: none;
    animation: none;
    transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
  }

  .agnero-combined-product.is-active {
    border-color: var(--brand);
    background: linear-gradient(180deg, rgba(18, 55, 120, 0.055), #fff 48%);
    box-shadow: 0 9px 24px rgba(18, 55, 120, 0.12), inset 0 0 0 1px rgba(18, 55, 120, 0.08);
  }

  .agnero-combined-product__media {
    display: grid;
    width: 100%;
    height: 18rem;
    place-items: end center;
    overflow: visible;
  }

  .agnero-combined-product .agnero-combined-product__media .agnero-catalog-visual,
  .agnero-combined-product--horizontal-image .agnero-combined-product__media .agnero-catalog-visual {
    position: static;
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
  }

  .agnero-combined-product .agnero-combined-product__media img,
  .agnero-combined-product .agnero-combined-product__media .agnero-catalog-visual img,
  .agnero-combined-product--horizontal-image .agnero-combined-product__media > img,
  .agnero-combined-product--horizontal-image .agnero-combined-product__media .agnero-catalog-visual img {
    position: static;
    top: auto;
    left: auto;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 18rem;
    object-fit: contain;
    object-position: center;
    transform: none;
  }

  .agnero-combined-product--portrait-image .agnero-combined-product__media > img,
  .agnero-combined-product--portrait-image .agnero-combined-product__media .agnero-catalog-visual img,
  .agnero-combined-product--horizontal-image .agnero-combined-product__media > img,
  .agnero-combined-product--horizontal-image .agnero-combined-product__media .agnero-catalog-visual img {
    width: 1.55rem;
    max-width: none;
    height: auto;
    max-height: 18rem;
    transform: none;
    transform-origin: center;
  }

  .agnero-combined-product--series-havsa-frezeler .agnero-combined-product__media > img,
  .agnero-combined-product--series-havsa-frezeler .agnero-combined-product__media .agnero-catalog-visual img {
    width: 4rem;
    max-height: 16rem;
  }

  .agnero-combined-product--composite-image,
  .agnero-combined-product--composite-image.is-active {
    grid-template-rows: 18rem auto;
  }

  .agnero-combined-product.agnero-combined-product--portrait-image.agnero-combined-product--composite-image .agnero-combined-product__media .agnero-catalog-visual img,
  .agnero-combined-product.agnero-combined-product--portrait-image.agnero-combined-product--composite-image .agnero-combined-product__media > img {
    width: auto;
    max-width: 100%;
    height: 100%;
    max-height: 18rem;
  }

  .agnero-combined-product--landscape-image .agnero-combined-product__media > img,
  .agnero-combined-product--landscape-image .agnero-combined-product__media .agnero-catalog-visual img {
    width: auto;
    max-width: none;
    height: 1.55rem;
    max-height: none;
    place-self: center;
    transform-origin: center;
    transform: rotate(-90deg);
  }

  .agnero-combined-product__caption {
    justify-content: center;
    width: 100%;
    padding: 0;
    color: #5d6e86;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
  }

  .agnero-combined-product__caption > svg,
  .agnero-combined-product__caption > span {
    display: none;
  }

  .agnero-combined-product__caption::after {
    content: attr(data-agnero-mobile-label);
  }

  .agnero-combined-product.is-active .agnero-combined-product__caption {
    color: var(--brand);
  }

  .agnero-combined-product.is-active .agnero-combined-product__caption > span,
  .agnero-combined-product.is-active.is-selection-entering .agnero-combined-product__caption > span {
    padding: 0;
    transform: none;
    animation: none;
  }

  .agnero-combined-product__caption > span::after,
  .agnero-combined-product__selection-trace {
    display: none;
  }

  .agnero-combined-products--count-3 .agnero-combined-product,
  .agnero-combined-products--count-3 .agnero-combined-product.is-active {
    grid-template-rows: 14rem auto;
    padding-inline: 0.15rem;
  }

  .agnero-combined-products--count-3 .agnero-combined-product__media {
    height: 14rem;
  }

  .agnero-combined-technical > h2 {
    order: 3;
    flex: 0 0 auto;
    width: 100%;
    margin-top: 3rem;
    font-size: 1.2rem;
  }

  .agnero-combined-drawings {
    order: 5;
    flex: 0 0 auto;
    width: 100%;
    height: clamp(15rem, 68vw, 21rem);
    min-height: 0;
    margin-top: 1rem;
  }

  .agnero-combined-drawing {
    height: 100%;
    min-height: 0;
  }

  /* Some series have more than one drawing (for example Tip A and Tip B).
     Give each drawing its own half of the mobile stage so the feature cards
     begin after both drawings instead of overlaying the second one. */
  .agnero-combined-drawing:has(> .agnero-technical-diagram + .agnero-technical-diagram) {
    display: grid;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
  }

  .agnero-combined-drawing:has(> .agnero-technical-diagram + .agnero-technical-diagram) > .agnero-technical-diagram {
    height: auto;
    min-height: 0;
  }

  .agnero-combined-highlights {
    order: 6;
    flex: 0 0 auto;
    width: 100%;
    margin-top: 1.25rem;
  }

  .agnero-combined-feature-panels {
    order: 6;
    flex: 0 0 auto;
    width: 100%;
    margin-top: 1.25rem;
  }

  .agnero-product-features__grid,
  .agnero-product-features--combined .agnero-product-features__grid {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.28rem;
  }

  .agnero-product-feature,
  .agnero-product-feature summary {
    border-radius: 8px;
  }

  .agnero-product-feature summary,
  .agnero-product-features--combined .agnero-product-feature summary {
    min-height: 62px;
    gap: 0.16rem;
    padding: 0.48rem 0.16rem 0.38rem;
  }

  .agnero-product-feature summary strong,
  .agnero-product-features--combined .agnero-product-feature summary strong {
    font-size: clamp(0.58rem, 2vw, 0.7rem);
  }

  .agnero-product-feature summary span {
    font-size: 0.46rem;
    line-height: 1.14;
  }

  .agnero-product-feature summary i {
    top: 0.2rem;
    right: 0.2rem;
    width: 0.78rem;
    height: 0.78rem;
    font-size: 0.58rem;
  }

  .agnero-product-feature[open] {
    transform: translateY(-2px);
  }

  .agnero-combined-facts {
    order: 7;
    flex: 0 0 auto;
    width: 100%;
    margin-top: 0.75rem;
  }

  .agnero-combined-highlights {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .agnero-combined-facts {
    align-items: flex-start;
    flex-direction: column;
  }

  .agnero-combined-facts strong {
    width: auto;
  }

  .agnero-combined-tabs--count-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .agnero-combined-tabs--count-3 .agnero-combined-tab {
    border-right: 1px solid #9cb5d0;
    border-bottom: 0;
  }

  .agnero-combined-tabs--count-3 .agnero-combined-tab:last-child {
    border-right: 0;
  }

  .agnero-combined-tabs--count-1 {
    grid-template-columns: 1fr;
  }

  .agnero-combined-tab {
    min-height: 3rem;
    font-size: 0.86rem;
  }

  .agnero-combined-scroll-cue[hidden] {
    display: none !important;
  }

  .agnero-combined-scroll-cue {
    --agnero-combined-cue-width: min(22rem, calc(100vw - 2rem));
    position: fixed;
    z-index: 998;
    bottom: calc(9.2rem + env(safe-area-inset-bottom));
    left: 50%;
    display: flex;
    width: var(--agnero-combined-cue-width);
    opacity: 0;
    transform: translate3d(-50%, 12px, 0) scale(0.98);
    pointer-events: none;
  }

  .agnero-combined-scroll-cue.is-visible {
    animation: agnero-combined-cue-enter 420ms ease-out forwards;
    pointer-events: auto;
  }

  .agnero-combined-scroll-cue.is-closing {
    animation: agnero-combined-cue-leave 320ms ease-in forwards;
    pointer-events: none;
  }

  .agnero-combined-scroll-cue.is-visible.is-settled {
    width: var(--agnero-combined-cue-width);
    opacity: 1;
    transform: translate3d(-50%, 0, 0) scale(1);
    animation: none;
  }

  .agnero-combined-scroll-cue__link {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 4rem;
    padding: 0.55rem 4rem 0.55rem 1.15rem;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.92);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 16px 42px rgba(18, 55, 120, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    color: var(--brand);
    -webkit-backdrop-filter: blur(18px) saturate(140%);
    backdrop-filter: blur(18px) saturate(140%);
  }

  .agnero-combined-scroll-cue__copy {
    display: grid;
    min-width: 0;
  }

  .agnero-combined-scroll-cue__copy small,
  .agnero-combined-scroll-cue__copy strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .agnero-combined-scroll-cue__copy small {
    color: #68758a;
    font-size: 0.64rem;
  }

  .agnero-combined-scroll-cue__copy strong {
    font-size: 0.86rem;
    line-height: 1.35;
  }

  .agnero-combined-scroll-cue__arrow {
    position: absolute;
    top: 50%;
    right: 0.42rem;
    display: grid;
    width: 3.15rem;
    height: 3.15rem;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: var(--brand);
    color: #fff;
    font-size: 1.4rem;
    font-weight: 800;
    transform: translateY(-50%);
  }

}

@media (max-width: 460px) {
  .agnero-product-features__grid,
  .agnero-product-features--combined .agnero-product-features__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .agnero-product-feature > p,
  .agnero-product-feature:last-child > p {
    --agnero-feature-pointer-x: 50%;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    transform-origin: bottom center;
    animation-name: agnero-product-feature-detail-enter;
  }

  .agnero-product-feature:nth-child(4n + 1) > p {
    --agnero-feature-pointer-x: 2.7rem;
    right: auto;
    left: -1px;
    transform: none;
    transform-origin: bottom left;
    animation-name: agnero-product-feature-edge-detail-enter;
  }

  .agnero-product-feature:nth-child(4n) > p {
    --agnero-feature-pointer-x: calc(100% - 2.7rem);
    right: -1px;
    left: auto;
    transform: none;
    transform-origin: bottom right;
    animation-name: agnero-product-feature-edge-detail-enter;
  }
}

@keyframes agnero-mobile-product-enter {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 600px) {
  .product-specs-table--series-groups .agnero-table-series-heading {
    width: 5rem;
    min-width: 5rem;
  }

  .product-specs-table--series-groups .agnero-table-series-group {
    width: 5rem;
    min-width: 5rem;
  }

  .agnero-table-series-group__inner {
    inset: 0.55rem 0.25rem;
    grid-template-columns: minmax(0, 1fr) 0.9rem;
  }

  .agnero-table-series-group__label {
    font-size: 0.62rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .agnero-combined-scroll-cue,
  .agnero-combined-scroll-cue__copy,
  .agnero-combined-scroll-cue__arrow,
  .agnero-combined-product__media img,
  .agnero-combined-product__caption > span::after,
  .agnero-combined-product__caption > span,
  .agnero-combined-product__selection-line,
  .agnero-combined-product__selection-arrow,
  .agnero-combined-drawing,
  .agnero-combined-tab {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}

.agnero-single-order-table {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.agnero-single-order-table__header h2 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
}

.product-table-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(190px, auto);
  gap: 16px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(16, 24, 32, 0.05);
}

.product-specs-table-wrapper {
  overflow: visible;
  overscroll-behavior-inline: contain;
  scrollbar-gutter: stable;
}

.product-specs-table thead th {
  top: var(--agnero-table-sticky-top, 0px);
  z-index: 120;
  box-shadow: 0 1px 0 var(--line), 0 8px 18px rgba(18, 55, 120, 0.08);
}

.product-specs-table th,
.product-specs-table td {
  padding-block: 12px;
}

.product-specs-table tbody tr:focus-within {
  background: #fff3e6;
  box-shadow: inset 3px 0 0 var(--accent);
}

.agnero-mobile-table-sticky {
  position: fixed;
  display: none;
  overflow: hidden;
  pointer-events: none;
  background: #fff;
  box-shadow: 0 8px 18px rgba(18, 55, 120, 0.1);
}

.agnero-mobile-table-sticky.is-visible {
  display: block;
}

.agnero-mobile-table-sticky__table {
  width: max-content;
  border-collapse: collapse;
  table-layout: fixed;
  margin: 0;
}

.agnero-mobile-table-sticky .product-specs-table thead th {
  position: static;
  top: auto;
  z-index: auto;
}

.agnero-mobile-table-sticky .agnero-table-head-sub {
  display: block;
  margin-top: 2px;
}

.agnero-row-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.btn-add-to-cart {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 142px;
  min-height: 42px;
  padding: 0 14px;
  border-color: var(--brand);
  border-radius: 10px;
  background: var(--brand);
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.btn-add-to-cart:hover {
  border-color: var(--brand-soft);
  background: var(--brand-soft);
  color: #fff;
  box-shadow: 0 8px 18px rgba(18, 55, 120, 0.18);
}

.btn-add-to-cart:focus-visible {
  outline: 3px solid rgba(255, 122, 0, 0.35);
  outline-offset: 2px;
}

.btn-add-to-cart:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.btn-add-to-cart.added {
  border-color: var(--success);
  background: var(--success);
  color: #fff;
}

.btn-add-to-cart__icon {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}

.btn-add-to-cart__check {
  font-size: 1rem;
  line-height: 1;
}

.btn-add-to-cart__spinner {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  border: 2px solid rgba(255, 255, 255, 0.45);
  border-top-color: #fff;
  border-radius: 50%;
  animation: agnero-cart-spin 700ms linear infinite;
}

@keyframes agnero-cart-spin {
  to { transform: rotate(360deg); }
}

@media (max-width: 760px) {
  .agnero-range-grid,
  body.single-product div.product {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }

  .agnero-range-grid .group-hero-image,
  .agnero-range-grid .group-hero-info,
  body.single-product div.product div.images,
  body.single-product div.product div.summary,
  body.single-product div.product > .agnero-single-order-table,
  body.single-product div.product > .woocommerce-tabs,
  body.single-product div.product > .related,
  body.single-product div.product > .agnero-support-ticket-section {
    grid-column: 1;
  }

  body.single-product .woocommerce-product-gallery__wrapper,
  .group-hero-image {
    max-width: 420px;
    margin-inline: auto;
  }

  .group-hero-content {
    text-align: left;
  }

  .group-meta-pills {
    justify-content: flex-start;
  }

  .product-table-controls {
    grid-template-columns: 1fr;
  }

  .agnero-single-order-table {
    padding: 20px 16px;
  }

  .product-group-table-section .container > .agnero-range-table-card {
    padding: 20px 16px;
  }

  .agnero-range-table-heading p {
    white-space: normal;
  }
}

@media (max-width: 600px) {
  .agnero-range-table-card .product-specs-table-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: none;
    scrollbar-color: var(--accent) #e6edf5;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }

  .agnero-range-table-card .product-specs-table-wrapper::-webkit-scrollbar {
    height: 9px;
  }

  .agnero-range-table-card .product-specs-table-wrapper::-webkit-scrollbar-track {
    background: #e6edf5;
  }

  .agnero-range-table-card .product-specs-table-wrapper::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: var(--accent);
  }

  .agnero-range-table-card .product-specs-table {
    display: table;
    width: max-content;
    min-width: 100%;
  }

  .agnero-range-table-card .product-specs-table thead {
    display: table-header-group;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: nowrap;
  }

  .agnero-range-table-card .product-specs-table thead th {
    position: static;
    top: auto;
    z-index: auto;
  }

  .agnero-range-table-card .product-specs-table tbody {
    display: table-row-group;
  }

  .agnero-range-table-card .product-specs-table tbody tr,
  .agnero-range-table-card .product-specs-table tbody tr:nth-child(even) {
    display: table-row;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .agnero-range-table-card .product-specs-table td {
    display: table-cell;
    min-width: 0;
    padding: 10px 8px;
    border-bottom: 1px solid var(--line);
    white-space: nowrap;
  }

  .agnero-range-table-card .product-specs-table th {
    min-width: 0;
    padding-inline: 8px;
    white-space: normal;
    line-height: 1.18;
  }

  .agnero-range-table-card .product-specs-table .product-cart-heading,
  .agnero-range-table-card .product-specs-table .product-cart-cell {
    position: sticky;
    right: 0;
    z-index: 32;
    width: 4.2rem;
    min-width: 4.2rem;
    max-width: 4.2rem;
    padding-inline: 4px;
    text-align: center;
    background: #eef2f6;
    box-shadow: -1px 0 0 var(--line);
  }

  .agnero-range-table-card .product-specs-table .product-cart-heading {
    z-index: 44;
  }

  .agnero-range-table-card .product-specs-table .product-cart-cell .agnero-row-actions {
    justify-content: center;
  }

  .agnero-range-table-card .product-specs-table .product-cart-cell .agnero-favorite-table-button {
    display: none;
  }

  .agnero-range-table-card .product-specs-table .product-cart-cell .btn-add-to-cart {
    min-width: 2.75rem;
    width: 2.75rem;
    min-height: 2.75rem;
    padding: 0;
    border-radius: 8px;
    gap: 0;
  }

  .agnero-range-table-card .product-specs-table .product-cart-cell .btn-add-to-cart span:not(.btn-add-to-cart__spinner):not(.btn-add-to-cart__check) {
    display: none;
  }

  .agnero-range-table-card .product-specs-table .product-cart-cell .btn-add-to-cart__icon {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
  }

  .agnero-range-table-card .agnero-table-head-sub {
    display: block;
    margin-top: 2px;
  }

  .agnero-range-table-card .product-specs-table td::before {
    content: none;
  }

  .agnero-range-table-card .product-specs-table .product-code {
    min-width: 140px;
  }

  .agnero-range-table-card .qty-input {
    min-height: 42px;
  }

  .agnero-range-table-card .product-specs-table td:not(.product-cart-cell) .btn-add-to-cart {
    min-width: 116px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .btn-add-to-cart {
    transition: none;
  }

  .btn-add-to-cart__spinner {
    animation: none;
  }
}

@media (max-width: 768px) {
  .agnero-freze-gallery {
    grid-template-columns: 1fr;
  }

  .agnero-freze-gallery__item {
    grid-template-rows: minmax(160px, 220px) auto;
  }

  .group-hero-content {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .group-hero-image {
    max-width: 240px;
    margin-inline: auto;
  }
  .group-meta-pills {
    justify-content: center;
  }
}

/* ==========================================================================
   HEADER HARD THEME - 2026-02-20
   ========================================================================== */

:root {
  --header-navy: #123778;
  --header-navy-strong: #123778;
  --header-navy-soft: #123778;
  --header-orange: #ff7a00;
  --header-orange-strong: #e46700;
}

.top-bar {
  border-bottom: 0;
  background: linear-gradient(180deg, var(--header-navy) 0%, var(--header-navy-strong) 100%);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.top-bar .container {
  min-height: 2.65rem;
}

.top-bar-left,
.top-bar-right {
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.82rem;
  font-weight: 600;
}

.top-bar-link:hover {
  color: #ffffff;
}

.top-bar-rate {
  color: rgba(255, 255, 255, 0.95);
}

.top-bar-rate-wrap:hover .top-bar-rate,
.top-bar-rate-wrap:focus-visible .top-bar-rate,
.top-bar-rate-wrap:focus-within .top-bar-rate {
  color: #ffffff;
}

.top-bar-rate-wrap:focus-visible .top-bar-rate {
  text-decoration: underline;
  text-underline-offset: 0.18rem;
}

.top-bar .separator {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.site-header {
  border-bottom: 1px solid #d5dfeb;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(18, 55, 120, 0.08);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.header-main {
  gap: clamp(0.75rem, 1.6vw, 1.4rem);
  min-height: 6rem;
}

.site-logo img {
  max-height: 2.45rem;
}

.header-search .search-form,
.mobile-header-search .search-form {
  min-height: 3.55rem;
  border-radius: 1rem;
  border-color: #c4d2e3;
  background: #ffffff;
}

.header-search .search-form:focus-within,
.mobile-header-search .search-form:focus-within {
  border-color: rgba(18, 55, 120, 0.5);
  box-shadow: 0 0 0 3px rgba(18, 55, 120, 0.12);
  background: #ffffff;
  transform: none;
}

.header-search .search-field,
.mobile-header-search .search-field {
  padding-inline: 1.2rem;
  font-size: 1.05rem;
}

.header-search .search-field::placeholder,
.mobile-header-search .search-field::placeholder {
  color: #8394ac;
}

.header-search .search-submit,
.mobile-header-search .search-submit {
  display: inline-grid;
  flex: 0 0 3.15rem;
  place-items: center;
  width: 3.15rem;
  height: 3.15rem;
  margin: 0.2rem;
  margin-left: 0;
  padding: 0;
  border-radius: 0 0.78rem 0.78rem 0;
  background: linear-gradient(180deg, var(--header-navy-soft) 0%, var(--header-navy) 100%);
  color: #ffffff;
}

.header-search .search-submit svg,
.mobile-header-search .search-submit svg {
  display: block;
}

.header-search .search-submit:hover,
.mobile-header-search .search-submit:hover {
  background: linear-gradient(180deg, var(--header-navy) 0%, var(--header-navy-strong) 100%);
}

.header-actions {
  gap: 0.7rem;
}

.header-action-item {
  flex-direction: column;
  justify-content: center;
  gap: 0.24rem;
  min-width: 5rem;
  min-height: 3rem;
  padding: 0.2rem 0.35rem;
  border: 0;
  border-radius: 0.8rem;
  background: transparent;
  color: var(--header-navy);
}

.header-action-item:hover {
  border-color: transparent;
  box-shadow: none;
  background: #f2f6fb;
}

.header-action-item .action-label,
.header-action-item .cart-total {
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.header-action-item.cart-toggle .cart-total {
  font-size: 0.88rem;
  letter-spacing: 0.01em;
  text-transform: none;
}

.cart-count {
  border-color: #ffffff;
  background: var(--header-orange);
}

.main-navigation {
  border-bottom: 0;
  background: linear-gradient(180deg, var(--header-navy) 0%, var(--header-navy-strong) 100%);
}

.nav-inner {
  min-height: 4.75rem;
  gap: clamp(0.45rem, 1vw, 1rem);
}

.all-products-toggle {
  gap: 0.6rem;
  min-height: 4.75rem;
  padding: 0 2.1rem;
  border-radius: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.94);
  font-size: 0.98rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  transition: background 0.28s cubic-bezier(0.22, 1, 0.36, 1), color 0.2s ease, box-shadow 0.28s ease;
}

.all-products-toggle.is-active,
.all-products-toggle:hover {
  color: #ffffff;
  background: var(--header-orange);
  box-shadow: inset 0 -3px 0 rgba(255, 255, 255, 0.16);
}

.all-products-toggle.is-active:hover {
  background: var(--header-orange-strong);
}

.all-products-toggle-copy small {
  display: none;
}

.nav-menu {
  gap: clamp(0.4rem, 0.8vw, 0.9rem);
}

.nav-menu > .menu-item > a {
  min-height: 4.75rem;
  padding: 0 0.68rem;
  font-size: 0.84rem;
  font-weight: 760;
  color: rgba(255, 255, 255, 0.92);
  text-transform: uppercase;
  letter-spacing: 0.025em;
  line-height: 1.15;
  transition: background 0.28s cubic-bezier(0.22, 1, 0.36, 1), color 0.2s ease, box-shadow 0.28s ease;
}

.nav-menu > .menu-item > a:hover {
  color: var(--header-orange);
}

.nav-menu > .menu-item.current-menu-item > a,
.nav-menu > .menu-item.current-menu-ancestor > a {
  color: #ffffff;
  background: var(--header-orange);
  box-shadow: inset 0 -3px 0 rgba(255, 255, 255, 0.16);
}

.nav-menu > .menu-item.current-menu-item > a:hover,
.nav-menu > .menu-item.current-menu-ancestor > a:hover {
  color: #ffffff;
  background: var(--header-orange-strong);
}

.nav-menu .sub-menu {
  border-color: rgba(18, 55, 120, 0.22);
  background: #ffffff;
  box-shadow: 0 18px 34px rgba(18, 55, 120, 0.16);
}

.nav-menu .sub-menu a {
  color: #123778;
}

.nav-menu .sub-menu a:hover {
  color: #123778;
  background: #f1f6fc;
}

.mobile-nav-close,
.mobile-search-toggle,
.mobile-search-close,
.menu-toggle {
  border: 1px solid rgba(18, 55, 120, 0.2);
  background: #ffffff;
  color: var(--header-navy);
  box-shadow: 0 8px 16px rgba(18, 55, 120, 0.12);
}

@media (min-width: 901px) {
  .header-main {
    min-height: 4.65rem;
  }

  .header-search .search-form {
    min-height: 2.72rem;
  }

  .header-search .search-field {
    padding-inline: 0.9rem;
    font-size: 0.9rem;
  }

  .header-search .search-submit {
    flex-basis: 2.38rem;
    width: 2.38rem;
    height: 2.38rem;
    margin: 0.17rem;
    margin-left: 0;
    border-radius: 0 0.8rem 0.8rem 0;
  }

  .nav-inner {
    min-height: 3.15rem;
    gap: clamp(0.35rem, 0.75vw, 0.75rem);
  }

  .all-products-toggle {
    min-height: 3.15rem;
    padding: 0 0.95rem;
    font-size: 0.78rem;
  }

  .nav-menu {
    gap: clamp(0.28rem, 0.55vw, 0.62rem);
  }

  .nav-menu > .menu-item > a {
    min-height: 3.15rem;
    padding: 0 0.52rem;
    font-size: 0.72rem;
    letter-spacing: 0.018em;
  }

  .main-navigation::before {
    background: rgba(2, 10, 22, 0.48);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
  }

  .main-navigation::after {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: var(--agnero-dropdown-surface-top, var(--agnero-dropdown-top, 11rem));
    height: var(--agnero-dropdown-surface-height, 0px);
    opacity: 0;
    pointer-events: none;
    transform-origin: top center;
    transform: translate3d(0, -12px, 0) scaleY(0.72);
    background: linear-gradient(180deg, rgba(18, 55, 120, 0.96) 0%, rgba(7, 28, 52, 0.95) 100%);
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow: 0 24px 44px rgba(2, 10, 22, 0.5);
    transition: opacity 0.24s ease, transform 0.34s cubic-bezier(0.22, 1, 0.36, 1), height 0.34s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 1;
  }

  .main-navigation.has-desktop-dropdown::after {
    opacity: 1;
    /* Decorative dropdown surface must never sit above the category cards. */
    pointer-events: none;
    transform: translate3d(0, 0, 0) scaleY(1);
  }

  .nav-menu > .menu-item-has-children > .sub-menu,
  .agnero-desktop-dropdown {
    transform: translate3d(-50%, -8px, 0) scale(0.985);
    filter: blur(2px);
    transition: opacity 0.26s ease, transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), filter 0.32s ease, visibility 0.26s ease;
    padding: 0.95rem;
    gap: 0.85rem;
  }

  .nav-menu > .menu-item-has-children:hover > .sub-menu,
  .nav-menu > .menu-item-has-children:focus-within > .sub-menu,
  .nav-menu > .menu-item-has-children.is-dropdown-open > .sub-menu,
  .agnero-desktop-dropdown.is-visible {
    transform: translate3d(-50%, 0, 0) scale(1);
    filter: blur(0);
  }

  /* Keep the live category links above the decorative dropdown surface. */
  .main-navigation.has-desktop-dropdown .nav-menu > .menu-item-has-children.is-dropdown-open > .sub-menu {
    z-index: 3;
    pointer-events: auto;
  }

  .main-navigation.has-desktop-dropdown .nav-menu > .menu-item-has-children.is-dropdown-open > .sub-menu a {
    position: relative;
    z-index: 1;
    pointer-events: auto;
  }

  .nav-menu > .menu-item-has-children > .sub-menu > li > a {
    border-color: rgba(255, 255, 255, 0.28);
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.95), rgba(233, 244, 255, 0.88));
    box-shadow: 0 14px 26px rgba(2, 10, 22, 0.28);
  }

  .nav-menu > .menu-item-has-children > .sub-menu > li > a::before {
    border-color: rgba(18, 55, 120, 0.22);
    background-image:
      url("assets/images/agnero-logo.svg"),
      linear-gradient(150deg, rgba(242, 247, 252, 0.95), rgba(230, 240, 252, 0.8));
  }

  .nav-menu > .menu-item-has-children > .sub-menu > li > a:hover,
  .nav-menu > .menu-item-has-children > .sub-menu > li > a:focus-visible,
  .nav-menu > .menu-item-has-children > .sub-menu > li > a.is-pointer-hover {
    border-color: rgba(255, 255, 255, 0.42);
    color: var(--header-navy);
    box-shadow: 0 18px 30px rgba(2, 10, 22, 0.34);
  }
}

@media (min-width: 901px) and (max-width: 1220px) {
  .nav-inner {
    gap: clamp(0.18rem, 0.22vw, 0.32rem);
  }

  .all-products-toggle {
    gap: 0.34rem;
    padding: 0 clamp(0.5rem, 0.8vw, 0.72rem);
    font-size: clamp(0.68rem, 0.25rem + 0.68vw, 0.76rem);
  }

  .all-products-toggle svg {
    width: 0.95rem;
    height: 0.95rem;
  }

  .nav-menu {
    gap: clamp(0.08rem, 0.2vw, 0.24rem);
  }

  .nav-menu > .menu-item > a {
    padding: 0 clamp(0.24rem, 0.35vw, 0.42rem);
    font-size: clamp(0.62rem, 0.2rem + 0.68vw, 0.74rem);
    letter-spacing: 0.01em;
  }

  .nav-menu > .menu-item-has-children > a::after {
    width: 0.34rem;
    height: 0.34rem;
    margin-left: 0.24rem;
  }
}

@media (max-width: 900px) {
  .main-navigation {
    background: linear-gradient(180deg, var(--header-navy) 0%, var(--header-navy-strong) 100%);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .mobile-nav-brand {
    border-color: rgba(255, 255, 255, 0.24);
    background: rgba(2, 13, 28, 0.34);
    box-shadow: none;
  }

  .mobile-nav-brand-mark {
    border-color: rgba(255, 255, 255, 0.24);
    background: rgba(255, 255, 255, 0.1);
  }

  .mobile-nav-brand-text strong {
    color: #ffffff;
  }

  .mobile-nav-brand-text small {
    color: rgba(255, 255, 255, 0.78);
  }

  .mobile-nav-close {
    border-color: rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    box-shadow: none;
  }

  .all-products-toggle {
    min-height: 0;
    padding: 0.8rem 0.95rem;
    border-radius: 0.85rem;
    background: var(--header-orange);
    box-shadow: none;
    color: #ffffff;
  }

  .all-products-toggle-copy small {
    display: block;
    color: rgba(255, 255, 255, 0.82);
  }

  .nav-menu {
    gap: 0.45rem;
  }

  .nav-menu > .menu-item > a {
    min-height: auto;
    padding: 0.84rem 2.75rem 0.84rem 0.95rem;
    font-size: 0.93rem;
    text-transform: none;
    letter-spacing: 0.01em;
    border-color: rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.09);
    color: rgba(255, 255, 255, 0.92);
    box-shadow: none;
  }

  .nav-menu > .menu-item > a:hover,
  .nav-menu > .menu-item > a:focus-visible,
  .nav-menu > .menu-item.current-menu-item > a,
  .nav-menu > .menu-item.current-menu-ancestor > a {
    border-color: rgba(255, 255, 255, 0.32);
    color: #ffffff;
    background: rgba(255, 255, 255, 0.18);
    box-shadow: none;
  }

  .nav-menu .sub-menu a {
    border-color: rgba(255, 255, 255, 0.14);
    background: rgba(0, 0, 0, 0.14);
    color: rgba(255, 255, 255, 0.88);
  }

  .nav-menu .sub-menu a:hover,
  .nav-menu .sub-menu a:focus-visible {
    border-color: rgba(255, 255, 255, 0.26);
    color: #ffffff;
    background: rgba(255, 255, 255, 0.16);
  }

  .mobile-submenu-toggle {
    color: rgba(255, 255, 255, 0.88);
    background: rgba(0, 0, 0, 0.16);
  }

  .mobile-submenu-toggle:hover,
  .mobile-submenu-toggle:focus-visible,
  .nav-menu .menu-item.submenu-open > .mobile-submenu-toggle {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.26);
    background: rgba(255, 255, 255, 0.22);
  }

  .mobile-quick-nav {
    border-color: rgba(255, 255, 255, 0.16);
    background: rgba(18, 55, 120, 0.95);
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .mobile-quick-nav-item,
  .mobile-quick-nav-item--button {
    color: rgba(255, 255, 255, 0.84);
  }

  .mobile-quick-nav-item.is-active,
  .mobile-quick-nav-item--button.is-active,
  .mobile-quick-nav-item:hover,
  .mobile-quick-nav-item--button:hover,
  .mobile-quick-nav-item:focus-visible,
  .mobile-quick-nav-item--button:focus-visible {
    color: #ffffff;
    background: var(--header-orange);
    transform: translate3d(0, -1px, 0);
  }

  .mobile-header-search {
    background: linear-gradient(180deg, #123778 0%, #123778 100%);
  }

  .mobile-header-search .search-form {
    border-color: #c3d2e4;
    background: #ffffff;
  }
}

@media (max-width: 600px) {
  .header-main {
    gap: 0.6rem;
    min-height: 4.5rem;
  }

  .site-logo img {
    max-height: 1.7rem;
  }
}

/* ==========================================================================
   MOBILE MENU PANEL REDESIGN - 2026-02-23
   ========================================================================== */
@media (max-width: 900px) {
  .main-navigation {
    display: block;
    padding:
      calc(0.7rem + env(safe-area-inset-top))
      0.7rem
      calc(0.8rem + env(safe-area-inset-bottom));
    background: rgba(6, 8, 14, 0.78);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }

  .main-navigation .container {
    width: min(100%, 26.75rem);
    height: 100%;
    margin-inline: auto;
    gap: 1rem;
    padding: 1rem 1rem 1.05rem;
    border-radius: 1rem;
    background: linear-gradient(180deg, #123778 0%, #123778 45%, #123778 100%);
    box-shadow: 0 22px 44px rgba(2, 10, 22, 0.44);
    overflow: hidden;
  }

  .mobile-nav-head {
    gap: 0.8rem;
    align-items: center;
  }

  .mobile-nav-brand {
    max-width: calc(100% - 3.25rem);
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .mobile-nav-brand-logo {
    display: block;
    width: min(15.25rem, 62vw);
    height: auto;
    filter: brightness(0) invert(1);
  }

  .mobile-nav-close {
    width: 2.55rem;
    height: 2.55rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.34);
    background: rgba(160, 195, 236, 0.22);
    color: #ffffff;
    box-shadow: none;
  }

  .mobile-nav-close:hover,
  .mobile-nav-close:focus-visible {
    background: rgba(184, 213, 245, 0.3);
    border-color: rgba(255, 255, 255, 0.42);
  }

  .nav-inner {
    gap: 1rem;
    grid-template-rows: auto 1fr;
  }

  .all-products-toggle {
    justify-content: flex-start;
    align-items: center;
    gap: 0.85rem;
    min-height: 0;
    padding: 0.95rem 1rem;
    border: 0;
    border-radius: 1.05rem;
    background: var(--header-orange);
    color: #ffffff;
    box-shadow: none;
  }

  .all-products-toggle:hover,
  .all-products-toggle:focus-visible {
    background: #f56f00;
    color: #ffffff;
  }

  .all-products-toggle svg {
    width: 1.35rem;
    height: 1.35rem;
    flex-shrink: 0;
  }

  .all-products-toggle-copy {
    display: inline-flex;
    align-items: center;
    gap: 0;
    min-width: 0;
  }

  .all-products-toggle-copy strong {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
  }

  .all-products-toggle-copy small {
    display: none;
  }

  .primary-menu-wrapper {
    min-height: 0;
    overflow: auto;
    padding-right: 0.15rem;
    padding-bottom: 0.35rem;
  }

  .primary-menu-wrapper::-webkit-scrollbar {
    width: 4px;
  }

  .primary-menu-wrapper::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.22);
    border-radius: 999px;
  }

  .nav-menu {
    display: grid;
    gap: 1rem;
  }

  .nav-menu > .menu-item {
    position: relative;
  }

  .nav-menu > .menu-item.menu-item-has-children {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 0.35rem;
    row-gap: 0.55rem;
  }

  .nav-menu > .menu-item-has-children > a {
    grid-column: 1;
    grid-row: 1;
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: rgba(255, 255, 255, 0.95);
    font-size: clamp(1.5rem, 5vw, 1.9rem);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: 0;
    text-transform: none;
  }

  .nav-menu > .menu-item-has-children > a:hover,
  .nav-menu > .menu-item-has-children > a:focus-visible,
  .nav-menu > .menu-item-has-children.current-menu-item > a,
  .nav-menu > .menu-item-has-children.current-menu-ancestor > a {
    border: 0;
    background: transparent;
    box-shadow: none;
    color: #ffffff;
    transform: none;
  }

  .nav-menu > .menu-item-has-children > .mobile-submenu-toggle {
    position: static;
    grid-column: 2;
    grid-row: 1;
    width: 2rem;
    height: 2rem;
    border: 0;
    background: transparent;
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.9);
  }

  .nav-menu > .menu-item-has-children > .mobile-submenu-toggle svg {
    width: 1rem;
    height: 1rem;
    stroke-width: 2.2;
  }

  .nav-menu > .menu-item-has-children > .mobile-submenu-toggle:hover,
  .nav-menu > .menu-item-has-children > .mobile-submenu-toggle:focus-visible {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
  }

  .nav-menu > .menu-item-has-children > .sub-menu {
    grid-column: 1 / -1;
    grid-row: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 0.15rem;
    padding: 0;
    opacity: 0;
    pointer-events: none;
    max-height: 0;
    overflow: hidden;
    background: transparent;
    border: 0;
    box-shadow: none;
    transform: none;
  }

  .nav-menu > .menu-item.submenu-open > .sub-menu {
    padding: 0.15rem 0 0.25rem;
    max-height: 48rem;
    opacity: 1;
    pointer-events: auto;
  }

  .nav-menu > .menu-item-has-children > .sub-menu > li {
    min-width: 0;
  }

  .nav-menu > .menu-item-has-children > .sub-menu > li > a {
    position: relative;
    min-height: 9.1rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0.55rem 0.55rem 0.6rem;
    border-radius: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: linear-gradient(180deg, rgba(85, 119, 158, 0.82) 0%, rgba(70, 103, 143, 0.82) 100%);
    box-shadow: none;
    color: rgba(255, 255, 255, 0.95);
    font-size: 0.78rem;
    font-weight: 500;
    line-height: 1.15;
    text-align: center;
    text-transform: none;
    letter-spacing: 0;
    overflow: hidden;
  }

  .nav-menu > .menu-item-has-children > .sub-menu > li > a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 1.95rem;
    border-radius: 0.95rem;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background:
      linear-gradient(180deg, rgba(121, 147, 179, 0.96) 0%, rgba(111, 139, 172, 0.94) 100%),
      radial-gradient(90% 70% at 50% 25%, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0) 60%);
    box-shadow: inset 0 -10px 16px rgba(255, 255, 255, 0.06);
  }

  .nav-menu > .menu-item-has-children > .sub-menu > li > a:hover,
  .nav-menu > .menu-item-has-children > .sub-menu > li > a:focus-visible {
    border-color: rgba(255, 255, 255, 0.32);
    background: linear-gradient(180deg, rgba(92, 127, 167, 0.9) 0%, rgba(77, 111, 152, 0.9) 100%);
    color: #ffffff;
    transform: translate3d(0, -1px, 0);
  }

  .nav-menu > .menu-item-has-children > .sub-menu > li > a:hover::before,
  .nav-menu > .menu-item-has-children > .sub-menu > li > a:focus-visible::before {
    border-color: rgba(255, 255, 255, 0.24);
  }

  .nav-menu > .menu-item:not(.menu-item-has-children) > a {
    min-height: 0;
    padding: 0.05rem 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: rgba(255, 255, 255, 0.88);
    font-size: clamp(1.45rem, 4.8vw, 1.8rem);
    font-weight: 400;
    line-height: 1.08;
    text-transform: none;
    letter-spacing: 0;
  }

  .nav-menu > .menu-item:not(.menu-item-has-children) > a:hover,
  .nav-menu > .menu-item:not(.menu-item-has-children) > a:focus-visible,
  .nav-menu > .menu-item:not(.menu-item-has-children).current-menu-item > a {
    border: 0;
    background: transparent;
    box-shadow: none;
    color: #ffffff;
    transform: none;
  }
}

@media (max-width: 560px) {
  .main-navigation {
    padding-inline: 0.6rem;
  }

  .main-navigation .container {
    padding-inline: 0.9rem;
  }

  .nav-menu > .menu-item-has-children > .sub-menu > li > a {
    min-height: 8.6rem;
    font-size: 0.74rem;
  }
}

/* ==========================================================================
   ACCOUNT UX REFRESH - 2026-02-21
   ========================================================================== */

.top-bar-help-link {
  border: 1px solid rgba(255, 255, 255, 0.34);
  border-radius: 999px;
  padding: 0.18rem 0.62rem;
  font-weight: 700;
}

.top-bar-help-link:hover,
.top-bar-help-link:focus-visible {
  border-color: rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.14);
}

.header-account-menu {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  overflow: visible;
  isolation: isolate;
}

.header-account-trigger {
  min-width: 5.1rem;
}

.header-account-dropdown {
  position: absolute;
  top: calc(100% + 0.65rem);
  right: 0;
  width: min(23rem, calc(100vw - 3rem));
  max-width: calc(100vw - 3rem);
  box-sizing: border-box;
  border: 1px solid rgba(18, 55, 120, 0.2);
  border-radius: 0.95rem;
  background: #ffffff;
  box-shadow: 0 22px 42px rgba(18, 55, 120, 0.24);
  padding: 0.42rem;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, 9px, 0);
  transform-origin: top right;
  pointer-events: none;
  transition: opacity 0.22s ease, transform 0.24s ease, visibility 0.22s ease;
  z-index: 5350;
  -webkit-transform: translate3d(0, 9px, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.header-account-dropdown::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 100%;
  width: 100%;
  height: 0.75rem;
}

.header-account-menu:hover .header-account-dropdown,
.header-account-menu:focus-within .header-account-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  pointer-events: auto;
}

.header-preview-menu {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  overflow: visible;
  isolation: isolate;
}

.header-rate-notch {
  position: fixed;
  top: var(--agnero-rate-notch-top, 5.2rem);
  right: var(--agnero-rate-notch-right, 5rem);
  z-index: 5090;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 9.5rem;
  min-height: 2.15rem;
  padding: 0.38rem 0.76rem 0.48rem;
  border: 0;
  border-radius: 0 0 1.05rem 1.05rem;
  background: var(--header-navy);
  color: #ffffff;
  box-shadow: 0 10px 22px rgba(18, 55, 120, 0.16);
  font-size: 0.92rem;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-1.1rem) scaleY(0.82);
  transform-origin: top center;
  transition:
    opacity 200ms ease,
    transform 260ms cubic-bezier(0.2, 0.8, 0.2, 1),
    background-color 160ms ease,
    box-shadow 160ms ease;
}

.header-rate-notch::before {
  content: "";
  position: absolute;
  inset: -1px 0 auto;
  height: 1px;
  background: var(--header-navy);
}

.header-rate-notch:hover,
.header-rate-notch:focus-visible {
  background: var(--header-navy-soft);
  color: #ffffff;
  box-shadow: 0 24px 46px rgba(18, 55, 120, 0.24);
}

.header-rate-notch:hover::before,
.header-rate-notch:focus-visible::before {
  background: var(--header-navy-soft);
}

.header-rate-notch:focus-visible {
  outline: 2px solid rgba(255, 122, 0, 0.35);
  outline-offset: 3px;
}

body.agnero-rate-notch-visible .header-rate-notch {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scaleY(1);
}

body.agnero-header-action-active .header-rate-notch {
  opacity: 0;
  pointer-events: none;
  transform: translateY(-1.1rem) scaleY(0.82);
}

.header-preview-dropdown {
  position: absolute;
  top: calc(100% + 0.65rem);
  right: 0;
  width: min(24rem, calc(100vw - 3rem));
  max-width: calc(100vw - 3rem);
  box-sizing: border-box;
  border: 1px solid rgba(18, 55, 120, 0.2);
  border-radius: 0.95rem;
  background: #ffffff;
  box-shadow: 0 22px 42px rgba(18, 55, 120, 0.24);
  padding: 0.68rem;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, 9px, 0);
  transform-origin: top right;
  pointer-events: none;
  transition: opacity 0.22s ease, transform 0.24s ease, visibility 0.22s ease;
  z-index: 5350;
  -webkit-transform: translate3d(0, 9px, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.header-preview-dropdown::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 100%;
  width: 100%;
  height: 0.75rem;
}

.header-preview-menu:hover .header-preview-dropdown,
.header-preview-menu:focus-within .header-preview-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  pointer-events: auto;
}

body.agnero-cart-drawer-open .header-cart-menu .header-preview-dropdown {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.header-preview-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.18rem 0.12rem 0.62rem;
  border-bottom: 1px solid rgba(18, 55, 120, 0.12);
}

.header-preview-head strong {
  color: #123778;
  font-size: 0.96rem;
  line-height: 1.25;
}

.header-preview-head span {
  border-radius: 999px;
  background: rgba(255, 122, 0, 0.1);
  color: #d96500;
  font-size: 0.7rem;
  font-weight: 850;
  padding: 0.18rem 0.48rem;
  white-space: nowrap;
}

.header-preview-list {
  display: grid;
  gap: 0.38rem;
  padding-block: 0.55rem;
}

.header-preview-more {
  display: block;
  width: max-content;
  margin: -0.05rem auto 0.5rem;
  padding: 0.1rem 0;
  border: 0;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #47627f;
  font: inherit;
  font-size: 0.74rem;
  font-weight: 750;
  line-height: 1.35;
  cursor: pointer;
  transition: border-color 160ms ease, color 160ms ease;
}

.header-preview-more:hover,
.header-preview-more:focus-visible {
  border-bottom-color: currentColor;
  background: transparent;
  color: var(--header-orange-strong);
}

.header-preview-more:focus-visible {
  outline: 2px solid rgba(255, 122, 0, 0.24);
  outline-offset: 3px;
}

.header-preview-item {
  display: grid;
  grid-template-columns: 4rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.58rem;
  border: 1px solid transparent;
  border-radius: 0.78rem;
  padding: 0.42rem;
  color: #123778;
}

.header-preview-item:hover,
.header-preview-item:focus-visible {
  border-color: rgba(18, 55, 120, 0.12);
  background: #edf4fc;
  color: #123778;
}

.header-preview-thumb {
  display: block;
  width: 4rem;
  height: 4rem;
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
}

.header-preview-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.header-preview-copy {
  min-width: 0;
  display: grid;
  gap: 0.15rem;
}

.header-preview-name {
  overflow: hidden;
  color: #123778;
  font-size: 0.79rem;
  font-weight: 850;
  line-height: 1.28;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.header-preview-meta {
  overflow: hidden;
  color: #62758a;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.header-preview-copy .agnero-hard-material-indicator {
  min-height: 1.25rem;
  padding: 0.18rem 0.42rem;
  font-size: 0.56rem;
}

.header-preview-price {
  max-width: 6.5rem;
  color: #123778;
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1.2;
  text-align: right;
  white-space: nowrap;
}

.header-preview-price del,
.header-preview-price ins {
  display: block;
}

.header-preview-empty {
  display: grid;
  gap: 0.72rem;
  padding: 1rem 0.2rem 0.35rem;
}

.header-preview-empty p {
  margin: 0;
  color: #62758a;
  font-size: 0.8rem;
  line-height: 1.45;
}

.header-preview-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  border-top: 1px solid rgba(18, 55, 120, 0.12);
  padding: 0.72rem 0.12rem 0;
  color: #62758a;
  font-size: 0.78rem;
}

.header-preview-total strong {
  color: #123778;
  font-size: 0.86rem;
}

.agnero-shipping-policy-note--header {
  border-top: 1px solid rgba(18, 55, 120, 0.08);
  padding: 0.55rem 0.12rem 0;
  text-align: left;
}

.header-preview-actions {
  display: grid;
  gap: 0.45rem;
  padding-top: 0.68rem;
}

.header-preview-actions--split {
  grid-template-columns: 1fr 1fr;
}

.header-preview-primary,
.header-preview-secondary {
  min-height: 2.32rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem 0.8rem;
  font-size: 0.74rem;
  font-weight: 850;
  text-align: center;
}

.header-preview-primary {
  border: 1px solid #ff7a00;
  background: #ff7a00;
  color: #ffffff;
}

.header-preview-primary:hover,
.header-preview-primary:focus-visible {
  border-color: #e46700;
  background: #e46700;
  color: #ffffff;
}

.header-preview-secondary {
  border: 1px solid rgba(18, 55, 120, 0.18);
  background: #ffffff;
  color: #123778;
}

.header-preview-secondary:hover,
.header-preview-secondary:focus-visible {
  border-color: rgba(18, 55, 120, 0.28);
  background: #edf4fc;
  color: #123778;
}

.header-account-dropdown ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.2rem;
}

.header-account-dropdown-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.52rem;
  border-radius: 0.72rem;
  padding: 0.52rem 0.6rem;
  color: #123778;
  font-size: 0.8rem;
  font-weight: 750;
}

.header-account-dropdown-item:hover,
.header-account-dropdown-item:focus-visible {
  background: #edf4fc;
  color: #123778;
}

.header-account-dropdown-icon {
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 0.44rem;
  border: 1px solid rgba(255, 122, 0, 0.24);
  background: rgba(255, 122, 0, 0.09);
  color: #ff7a00;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.header-account-dropdown-icon svg {
  width: 0.92rem;
  height: 0.92rem;
}

.header-account-dropdown-item.is-logout {
  border-top: 1px solid rgba(18, 55, 120, 0.14);
  margin-top: 0.18rem;
  padding-top: 0.65rem;
}

.header-account-login-dropdown {
  width: min(22rem, calc(100vw - 3rem));
  max-width: calc(100vw - 3rem);
  padding: 1rem;
}

.header-account-login-head {
  display: grid;
  gap: 0.22rem;
  margin-bottom: 0.82rem;
}

.header-account-login-head strong {
  color: #123778;
  font-size: 0.98rem;
  line-height: 1.25;
}

.header-account-login-head span {
  color: #62758a;
  font-size: 0.78rem;
  line-height: 1.45;
}

.header-account-google-cta {
  width: 100%;
  min-height: 2.8rem;
  border: 1px solid rgba(18, 55, 120, 0.2);
  border-radius: 0.76rem;
  background: #ffffff;
  color: #123778;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  padding: 0.45rem 0.8rem;
  font-size: 0.8rem;
  font-weight: 850;
  text-align: center;
  box-shadow: 0 7px 18px rgba(18, 55, 120, 0.07);
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.header-account-google-cta svg {
  width: 1.25rem;
  height: 1.25rem;
  flex: 0 0 auto;
}

.header-account-google-cta:hover,
.header-account-google-cta:focus-visible {
  border-color: rgba(18, 55, 120, 0.38);
  background: #f8fbff;
  color: #123778;
  box-shadow: 0 10px 20px rgba(18, 55, 120, 0.11);
  transform: translateY(-1px);
}

.header-account-login-divider {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin: 0.72rem 0 0.65rem;
  color: #74869b;
  font-size: 0.65rem;
  font-weight: 700;
  white-space: nowrap;
}

.header-account-login-divider::before,
.header-account-login-divider::after {
  content: "";
  height: 1px;
  flex: 1;
  background: rgba(18, 55, 120, 0.13);
}

.header-account-login-form,
.header-account-login-form label {
  display: grid;
  gap: 0.44rem;
}

.header-account-login-form {
  gap: 0.68rem;
}

.header-account-login-form label {
  color: #123778;
  font-size: 0.74rem;
  font-weight: 800;
}

.header-account-login-form input[type="text"],
.header-account-login-form input[type="password"] {
  width: 100%;
  min-height: 2.58rem;
  border: 1px solid rgba(18, 55, 120, 0.18);
  border-radius: 0.7rem;
  background: #f8fbff;
  color: #123778;
  font-size: 0.84rem;
  padding: 0 0.78rem;
  outline: none;
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.header-account-login-form input[type="text"]:focus,
.header-account-login-form input[type="password"]:focus {
  border-color: rgba(0, 116, 217, 0.55);
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(0, 116, 217, 0.12);
}

.header-account-login-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
  color: #62758a;
  font-size: 0.74rem;
}

.header-account-login-options a {
  color: #0074d9;
  font-weight: 800;
}

.header-account-login-form .header-account-remember {
  display: inline-flex;
  grid-template-columns: none;
  align-items: center;
  width: auto;
  gap: 0.38rem;
  margin: 0;
  color: #62758a;
  font-size: 0.74rem;
  font-weight: 700;
  white-space: nowrap;
}

.header-account-login-form .header-account-remember input {
  width: 0.92rem;
  height: 0.92rem;
  accent-color: #0074d9;
}

.header-account-login-submit,
.header-account-register-cta {
  width: 100%;
  min-height: 2.68rem;
  border-radius: 0.76rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 0.82rem;
  font-weight: 850;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

.header-account-login-submit {
  border: 0;
  background: #123778;
  color: #ffffff;
  cursor: pointer;
  box-shadow: 0 12px 22px rgba(18, 55, 120, 0.18);
}

.header-account-login-submit:hover,
.header-account-login-submit:focus-visible {
  background: #123778;
  transform: translateY(-1px);
}

.header-account-register-cta {
  position: relative;
  min-height: 3rem;
  border: 1px solid #e85f00;
  background: linear-gradient(115deg, #ff6f00 0%, #ff8a00 100%);
  color: #ffffff;
  padding: 0.4rem 0.55rem 0.4rem 0.85rem;
  box-shadow: 0 12px 24px rgba(255, 111, 0, 0.28);
}

.header-account-register-block {
  display: grid;
  gap: 0.65rem;
  margin-top: 0.85rem;
  border-top: 1px solid rgba(18, 55, 120, 0.13);
  padding-top: 0.85rem;
}

.header-account-register-cta span {
  flex: 1;
  text-align: center;
}

.header-account-register-cta svg {
  width: 1.85rem;
  height: 1.85rem;
  flex: 0 0 auto;
  border-left: 1px solid rgba(255, 255, 255, 0.16);
  padding-left: 0.55rem;
}

.header-account-register-cta:hover,
.header-account-register-cta:focus-visible {
  border-color: #d95700;
  background: linear-gradient(115deg, #ed6500 0%, #f77b00 100%);
  color: #ffffff;
  box-shadow: 0 15px 28px rgba(255, 111, 0, 0.34);
  transform: translateY(-1px);
}

.woocommerce-account.logged-in .woocommerce {
  grid-template-columns: minmax(17.5rem, 20rem) minmax(0, 1fr);
  gap: 1.25rem;
  padding: 1.25rem;
  align-items: start;
  background: #f8fafc;
}

.woocommerce-account .agnero-account-nav {
  padding: 0.75rem;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 0.9rem;
  background: #ffffff;
  box-shadow: 0 14px 35px rgba(15, 23, 42, 0.06);
  position: sticky;
  top: 1rem;
}

.woocommerce-account .agnero-account-nav-head {
  padding: 0.65rem 0.65rem 0.85rem;
}

.agnero-account-nav-eyebrow,
.agnero-account-dashboard-eyebrow,
.agnero-account-section-heading p {
  color: #0369a1;
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.woocommerce-account .agnero-account-nav-head h2 {
  margin: 0.28rem 0 0;
  color: #020617;
  font-size: 1.08rem;
  line-height: 1.2;
}

.woocommerce-account .agnero-account-nav-section {
  padding: 0.7rem 0;
  border-top: 1px solid #e2e8f0;
}

.woocommerce-account .agnero-account-nav-section h3 {
  margin: 0 0 0.45rem;
  padding: 0 0.65rem;
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.woocommerce-account .agnero-account-nav-section ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.18rem;
}

.woocommerce-account .agnero-account-nav-item a {
  display: grid;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  align-items: center;
  gap: 0.7rem;
  min-height: 3.1rem;
  border: 1px solid transparent;
  border-radius: 0.72rem;
  padding: 0.48rem 0.58rem;
  color: #334155;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.woocommerce-account .agnero-account-nav-item a:hover,
.woocommerce-account .agnero-account-nav-item a:focus-visible {
  background: #f8fafc;
  border-color: #dbeafe;
  color: #0f172a;
  outline: none;
}

.woocommerce-account .agnero-account-nav-item.is-active a {
  background: #eff6ff;
  border-color: #bfdbfe;
  color: #0f172a;
  box-shadow: inset 3px 0 0 #0369a1;
}

.agnero-account-nav-item-icon,
.agnero-account-action-icon {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.65rem;
  border: 1px solid #dbeafe;
  background: #eff6ff;
  color: #0369a1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.agnero-account-nav-item-icon svg,
.agnero-account-action-icon svg {
  width: 1.12rem;
  height: 1.12rem;
}

.agnero-account-nav-item-copy {
  display: grid;
  min-width: 0;
  line-height: 1.24;
}

.agnero-account-nav-item-label {
  font-size: 0.86rem;
  font-weight: 800;
}

.agnero-account-nav-item-copy small {
  margin-top: 0.12rem;
  color: #64748b;
  font-size: 0.72rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.agnero-account-nav-footer {
  padding-top: 0.75rem;
  border-top: 1px solid #e2e8f0;
}

.agnero-account-logout-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.55rem;
  width: 100%;
  border: 1px solid #cbd5e1;
  border-radius: 0.72rem;
  color: #334155;
  font-size: 0.78rem;
  font-weight: 850;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.agnero-account-logout-link:hover,
.agnero-account-logout-link:focus-visible {
  background: #f8fafc;
  border-color: #94a3b8;
  color: #0f172a;
}

.woocommerce-account .woocommerce-MyAccount-content {
  padding: 0;
}

.agnero-account-dashboard {
  display: grid;
  gap: 1rem;
}

.agnero-account-dashboard-hero,
.agnero-account-quick-actions,
.agnero-account-assist-panel {
  border: 1px solid #e2e8f0;
  border-radius: 0.9rem;
  background: #ffffff;
  box-shadow: 0 14px 35px rgba(15, 23, 42, 0.05);
}

.agnero-account-dashboard-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.15rem;
}

.agnero-account-dashboard-eyebrow,
.agnero-account-section-heading p {
  margin: 0 0 0.35rem;
}

.agnero-account-dashboard-hero h1 {
  margin: 0;
  color: #020617;
  font-size: clamp(1.35rem, 1.8vw, 1.8rem);
  line-height: 1.15;
}

.agnero-account-dashboard-hero p {
  margin: 0.46rem 0 0;
  color: #475569;
  font-size: 0.92rem;
  line-height: 1.55;
  max-width: 58ch;
}

.agnero-account-dashboard-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.72rem;
}

.agnero-account-stat-card {
  border: 1px solid #e2e8f0;
  border-radius: 0.82rem;
  background: #ffffff;
  padding: 0.9rem;
  display: grid;
  gap: 0.2rem;
}

.agnero-account-stat-card span {
  color: #64748b;
  font-size: 0.7rem;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.agnero-account-stat-card strong {
  color: #0f172a;
  font-size: 1.35rem;
  line-height: 1.1;
}

.agnero-account-quick-actions {
  padding: 1rem;
}

.agnero-account-section-heading h2 {
  margin: 0;
  color: #020617;
  font-size: 1.08rem;
  line-height: 1.25;
}

.agnero-account-action-list {
  margin-top: 0.85rem;
  display: grid;
  gap: 0.55rem;
}

.agnero-account-action-row {
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.82rem;
  min-height: 4.2rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.78rem;
  background: #ffffff;
  padding: 0.72rem;
  color: #0f172a;
  transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.agnero-account-action-row:hover,
.agnero-account-action-row:focus-visible {
  background: #f8fafc;
  border-color: #bfdbfe;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
  outline: none;
}

.agnero-account-action-copy {
  display: grid;
  gap: 0.18rem;
  min-width: 0;
}

.agnero-account-action-copy strong {
  color: #0f172a;
  font-size: 0.92rem;
  line-height: 1.25;
}

.agnero-account-action-copy span {
  color: #64748b;
  font-size: 0.8rem;
  line-height: 1.4;
}

.agnero-account-action-arrow {
  color: #94a3b8;
  font-size: 1.35rem;
  line-height: 1;
}

.agnero-account-assist-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem;
}

.agnero-account-assist-panel h2 {
  margin: 0;
  color: #0f172a;
  font-size: 1rem;
}

.agnero-account-assist-panel p {
  margin: 0.28rem 0 0;
  color: #64748b;
  font-size: 0.84rem;
  line-height: 1.5;
}

.agnero-account-panel {
  display: grid;
  gap: 0.75rem;
}

.agnero-account-panel-head {
  border-bottom: 1px solid rgba(18, 55, 120, 0.14);
  padding-bottom: 0.62rem;
}

.agnero-account-panel-head h2 {
  margin: 0;
  font-size: 1.3rem;
  color: #123778;
}

.agnero-account-panel-head p {
  margin-top: 0.3rem;
  color: #567292;
  font-size: 0.83rem;
}

.agnero-account-empty-state {
  border: 1px dashed rgba(18, 55, 120, 0.22);
  border-radius: 0.9rem;
  background: #f8fbff;
  padding: 0.95rem;
  display: grid;
  gap: 0.65rem;
  justify-items: start;
}

.agnero-account-empty-state p {
  color: #47688c;
  font-size: 0.82rem;
}

.agnero-account-inline-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.agnero-account-feed-list,
.agnero-account-order-list,
.agnero-account-coupon-list,
.agnero-account-session-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.55rem;
}

.agnero-account-feed-item,
.agnero-account-order-item,
.agnero-account-coupon-item,
.agnero-account-session-item {
  border: 1px solid rgba(18, 55, 120, 0.14);
  border-radius: 0.86rem;
  background: #ffffff;
  padding: 0.72rem;
}

.agnero-account-feed-item-main,
.agnero-account-order-main,
.agnero-account-session-title-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.3rem 0.6rem;
}

.agnero-account-feed-item-title {
  font-size: 0.86rem;
  font-weight: 760;
  color: #123778;
}

.agnero-account-feed-item-meta,
.agnero-account-feed-item-text {
  font-size: 0.75rem;
  color: #577395;
}

.agnero-account-feed-item-text {
  margin-top: 0.45rem;
}

.agnero-account-inline-form {
  margin-top: 0.6rem;
}

.agnero-account-order-main strong,
.agnero-account-session-title-wrap strong,
.agnero-account-coupon-copy strong {
  color: #123778;
  font-size: 0.86rem;
}

.agnero-account-order-main span,
.agnero-account-session-title-wrap span,
.agnero-account-coupon-copy p,
.agnero-account-coupon-copy small,
.agnero-account-session-item p,
.agnero-account-session-item small {
  color: #5a7898;
  font-size: 0.75rem;
}

.agnero-account-session-item.is-current {
  border-color: rgba(255, 122, 0, 0.32);
  background: #fff8f0;
}

.agnero-account-coupon-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.72rem;
  align-items: center;
}

.agnero-account-coupon-code {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 8.2rem;
  min-height: 2.2rem;
  padding: 0 0.72rem;
  border-radius: 0.7rem;
  border: 1px dashed rgba(255, 122, 0, 0.46);
  background: rgba(255, 122, 0, 0.1);
  color: #c25700;
  font-size: 0.88rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.agnero-account-product-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.6rem;
}

.agnero-account-product-card {
  border: 1px solid rgba(18, 55, 120, 0.14);
  border-radius: 0.85rem;
  background: #fff;
  overflow: hidden;
}

.agnero-account-product-thumb {
  display: block;
  padding: 0.5rem;
  border-bottom: 1px solid rgba(18, 55, 120, 0.08);
}

.agnero-account-product-copy {
  padding: 0.58rem;
  display: grid;
  gap: 0.16rem;
}

.agnero-account-product-title {
  font-size: 0.8rem;
  font-weight: 750;
  color: #123778;
}

.agnero-account-product-price {
  font-size: 0.74rem;
  color: #577597;
}

.agnero-account-form-grid {
  display: grid;
  gap: 0.58rem;
}

.agnero-account-check {
  display: flex;
  align-items: center;
  gap: 0.52rem;
  border: 1px solid rgba(18, 55, 120, 0.15);
  border-radius: 0.78rem;
  background: #f8fbff;
  padding: 0.62rem;
}

.agnero-account-check span {
  font-size: 0.8rem;
  color: #123778;
}

.agnero-account-help-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.6rem;
}

.agnero-account-help-card {
  border: 1px solid rgba(18, 55, 120, 0.14);
  border-radius: 0.82rem;
  background: #fff;
  padding: 0.72rem;
  display: grid;
  gap: 0.2rem;
}

.agnero-account-help-card strong {
  color: #123778;
  font-size: 0.82rem;
}

.agnero-account-help-card span {
  color: #587496;
  font-size: 0.74rem;
}

.agnero-account-help-card:hover,
.agnero-account-help-card:focus-visible {
  background: #f1f7ff;
}

.woocommerce-account .agnero-addresses-panel,
.woocommerce-account .agnero-address-form-shell {
  gap: 0.9rem;
}

.woocommerce-account .agnero-addresses-head,
.woocommerce-account .agnero-address-form-head {
  border: 1px solid rgba(18, 55, 120, 0.14);
  border-radius: 0.95rem;
  background: linear-gradient(135deg, #ffffff 0%, #f4f8ff 100%);
  padding: 0.95rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.9rem;
}

.woocommerce-account .agnero-addresses-head h2,
.woocommerce-account .agnero-address-form-head h2 {
  margin: 0;
  color: #123778;
  font-size: clamp(1rem, 1.2vw, 1.25rem);
}

.woocommerce-account .agnero-addresses-head p,
.woocommerce-account .agnero-address-form-head p {
  margin: 0.3rem 0 0;
  font-size: 0.79rem;
  color: #557193;
  max-width: 56ch;
}

.agnero-addresses-add,
.agnero-address-back-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.42rem;
  min-height: 2.34rem;
  padding: 0 0.92rem;
  border: 1px solid rgba(255, 122, 0, 0.42);
  border-radius: 0.78rem;
  background: #fff;
  color: #c55d00;
  font-size: 0.79rem;
  font-weight: 800;
  white-space: nowrap;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.agnero-addresses-add:hover,
.agnero-addresses-add:focus-visible,
.agnero-address-back-link:hover,
.agnero-address-back-link:focus-visible {
  background: #fff2e5;
  border-color: #ff7a00;
  color: #a44d00;
}

.agnero-addresses-add-icon {
  font-size: 1.2rem;
  line-height: 1;
}

.woocommerce-account .agnero-addresses-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
  gap: 0.72rem;
}

.woocommerce-account .agnero-address-card {
  border: 1px solid rgba(18, 55, 120, 0.14);
  border-radius: 0.9rem;
  overflow: hidden;
  background: #fff;
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 17.4rem;
}

.woocommerce-account .agnero-address-card-head {
  background: #f5f7f9;
  border-bottom: 1px solid rgba(18, 55, 120, 0.12);
  padding: 0.82rem 0.86rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.58rem;
}

.woocommerce-account .agnero-address-card-head h3 {
  margin: 0;
  color: #123778;
  font-size: 0.9rem;
}

.agnero-address-card-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.42rem;
  padding: 0 0.5rem;
  border-radius: 999px;
  font-size: 0.64rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-weight: 800;
}

.agnero-address-card-status.is-complete {
  background: rgba(13, 128, 83, 0.14);
  color: #146747;
}

.agnero-address-card-status.is-missing {
  background: rgba(255, 122, 0, 0.16);
  color: #ad5600;
}

.woocommerce-account .agnero-address-card-body {
  padding: 0.86rem;
}

.agnero-address-lines {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.34rem;
}

.agnero-address-lines li {
  font-size: 0.84rem;
  line-height: 1.45;
  color: #123778;
}

.agnero-address-empty {
  margin: 0;
  border: 1px dashed rgba(18, 55, 120, 0.22);
  border-radius: 0.72rem;
  background: #f8fbff;
  padding: 0.78rem;
  font-size: 0.78rem;
  color: #5a7698;
}

.woocommerce-account .agnero-address-card-actions {
  border-top: 1px solid rgba(18, 55, 120, 0.1);
  padding: 0.7rem 0.86rem 0.82rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
}

.agnero-address-card-delete {
  display: inline-flex;
  align-items: center;
  gap: 0.34rem;
  color: #5f7086;
  font-size: 0.9rem;
  font-weight: 700;
}

.agnero-address-card-delete:hover,
.agnero-address-card-delete:focus-visible {
  color: #123778;
}

.agnero-address-card-delete-icon {
  width: 1rem;
  height: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.agnero-address-card-delete-icon svg {
  width: 100%;
  height: 100%;
}

.agnero-address-card-delete.is-disabled {
  opacity: 0;
  pointer-events: none;
}

.agnero-address-card-edit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.24rem;
  padding: 0 0.78rem;
  border: 1px solid rgba(255, 122, 0, 0.62);
  border-radius: 0.56rem;
  background: #fff;
  color: #de6600;
  font-size: 0.82rem;
  font-weight: 800;
  white-space: nowrap;
}

.agnero-address-card-edit:hover,
.agnero-address-card-edit:focus-visible {
  background: #fff2e5;
  color: #b35200;
  border-color: #ff7a00;
}

.woocommerce-account .agnero-address-form {
  display: grid;
  gap: 0.72rem;
}

.woocommerce-account .agnero-address-form .woocommerce-address-fields {
  border: 1px solid rgba(18, 55, 120, 0.14);
  border-radius: 0.95rem;
  background: #fff;
  padding: 0.92rem;
}

.woocommerce-account .agnero-address-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.64rem 0.82rem;
}

.woocommerce-account .agnero-address-form .form-row {
  float: none;
  width: 100%;
  margin: 0;
}

.woocommerce-account .agnero-address-form label {
  font-size: 0.75rem;
  font-weight: 730;
  color: #123778;
  margin-bottom: 0.3rem;
}

.woocommerce-account .agnero-address-form .input-text,
.woocommerce-account .agnero-address-form select,
.woocommerce-account .agnero-address-form textarea {
  min-height: 2.56rem;
  border-radius: 0.66rem;
  border-color: rgba(18, 55, 120, 0.22);
  font-size: 0.84rem;
}

.woocommerce-account .agnero-address-form .input-text:focus,
.woocommerce-account .agnero-address-form select:focus,
.woocommerce-account .agnero-address-form textarea:focus {
  border-color: rgba(255, 122, 0, 0.66);
  box-shadow: 0 0 0 3px rgba(255, 122, 0, 0.1);
}

.woocommerce-account .agnero-address-form-actions {
  margin: 0.76rem 0 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.woocommerce-account .agnero-address-cancel:hover,
.woocommerce-account .agnero-address-cancel:focus-visible {
  background: var(--brand-soft);
  color: #fff;
  border-color: var(--brand-soft);
}

@media (max-width: 1280px) {
  .header-account-dropdown {
    width: min(21.5rem, calc(100vw - 2rem));
  }

  .agnero-account-dashboard-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .woocommerce-account .agnero-address-form-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1200px) {
  .woocommerce-account.logged-in .woocommerce {
    grid-template-columns: 1fr;
  }

  .woocommerce-account .agnero-account-nav {
    position: static;
  }

  .woocommerce-account .agnero-account-nav-section {
    padding: 0.7rem;
  }
}

@media (max-width: 768px) {
  .agnero-account-dashboard-hero {
    flex-direction: column;
    align-items: stretch;
  }

  .woocommerce-account.logged-in .woocommerce {
    padding: 0.75rem;
  }

  .agnero-account-dashboard-stats,
  .agnero-account-product-grid,
  .agnero-account-help-grid {
    grid-template-columns: 1fr;
  }

  .agnero-account-action-row {
    grid-template-columns: 2.5rem minmax(0, 1fr);
  }

  .agnero-account-action-arrow {
    display: none;
  }

  .agnero-account-assist-panel {
    flex-direction: column;
    align-items: stretch;
  }

  .agnero-account-coupon-item {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .agnero-account-coupon-code {
    min-width: 0;
  }

  .woocommerce-account .agnero-addresses-head,
  .woocommerce-account .agnero-address-form-head {
    flex-direction: column;
    align-items: stretch;
  }

  .agnero-addresses-add,
  .agnero-address-back-link {
    width: 100%;
  }

  .woocommerce-account .agnero-addresses-grid {
    grid-template-columns: 1fr;
  }

  .woocommerce-account .agnero-address-card {
    min-height: 0;
  }

  .woocommerce-account .agnero-address-card-actions {
    flex-wrap: wrap;
  }

  .agnero-address-card-edit {
    width: 100%;
  }
}

/* ============================================
   Order Tracking + Support Tickets (2026-02)
   ============================================ */

.agnero-order-tracking-page {
  background:
    radial-gradient(circle at 8% 10%, rgba(255, 122, 0, 0.08), transparent 42%),
    radial-gradient(circle at 92% 20%, rgba(18, 55, 120, 0.08), transparent 48%),
    linear-gradient(180deg, #fbfcff 0%, #f4f7fb 100%);
  padding-bottom: 2rem;
}

.agnero-order-tracking-hero {
  padding: 2rem 0 1.25rem;
}

.agnero-order-tracking-hero__inner {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 1.25rem;
  align-items: stretch;
}

.agnero-order-tracking-hero__copy,
.agnero-order-tracking-card,
.agnero-order-tracking-panel {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(18, 55, 120, 0.08);
  border-radius: 18px;
  box-shadow: 0 18px 45px rgba(18, 55, 120, 0.06);
}

.agnero-order-tracking-hero__copy {
  padding: 1.4rem 1.45rem;
}

.agnero-order-tracking-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #123778;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: rgba(18, 55, 120, 0.06);
  border-radius: 999px;
  padding: 0.35rem 0.65rem;
  margin-bottom: 0.65rem;
}

.agnero-order-tracking-hero__copy h1 {
  margin: 0 0 0.55rem;
  line-height: 1.08;
}

.agnero-order-tracking-hero__copy p {
  margin: 0;
  color: #475467;
}

.agnero-order-tracking-hero__bullets {
  list-style: none;
  padding: 0;
  margin: 1rem 0 0;
  display: grid;
  gap: 0.55rem;
}

.agnero-order-tracking-hero__bullets li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #1f2937;
  font-weight: 500;
}

.agnero-order-tracking-hero__bullets li::before {
  content: "";
  width: 0.52rem;
  height: 0.52rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #ff7a00, #ffb26b);
  box-shadow: 0 0 0 4px rgba(255, 122, 0, 0.14);
  flex-shrink: 0;
}

.agnero-order-tracking-card {
  padding: 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.agnero-order-tracking-card h2 {
  margin: 0;
  font-size: 1.15rem;
}

.agnero-order-tracking-form {
  display: grid;
  gap: 0.8rem;
}

.agnero-order-tracking-form__field {
  display: grid;
  gap: 0.35rem;
}

.agnero-order-tracking-form__field label {
  font-size: 0.82rem;
  font-weight: 600;
  color: #344054;
}

.agnero-order-tracking-form__field input {
  width: 100%;
  border: 1px solid rgba(18, 55, 120, 0.15);
  background: #fff;
  border-radius: 12px;
  padding: 0.8rem 0.9rem;
  font-size: 0.95rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.agnero-order-tracking-form__field input:focus {
  border-color: rgba(18, 55, 120, 0.45);
  box-shadow: 0 0 0 4px rgba(18, 55, 120, 0.08);
  outline: none;
}

.agnero-order-tracking-submit {
  width: 100%;
  justify-content: center;
}

.agnero-order-tracking-alert {
  border-radius: 12px;
  padding: 0.75rem 0.9rem;
  font-size: 0.9rem;
  border: 1px solid transparent;
}

.agnero-order-tracking-alert--error {
  color: #b42318;
  background: #fef3f2;
  border-color: #fecdca;
}

.agnero-order-tracking-result {
  padding: 0.5rem 0 1.5rem;
}

.agnero-order-tracking-result__grid {
  display: grid;
  grid-template-columns: 1.18fr 0.82fr;
  gap: 1rem;
  margin-bottom: 1rem;
}

.agnero-order-tracking-panel {
  padding: 1rem;
}

.agnero-order-tracking-panel__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

.agnero-order-tracking-panel__head h2 {
  margin: 0.2rem 0 0;
  font-size: 1.22rem;
}

.agnero-order-tracking-panel__eyebrow {
  display: inline-block;
  font-size: 0.76rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #667085;
  font-weight: 700;
}

.agnero-order-tracking-stage-pill {
  border-radius: 999px;
  padding: 0.45rem 0.75rem;
  font-size: 0.8rem;
  font-weight: 700;
  background: #eef2ff;
  color: #1d4ed8;
  white-space: nowrap;
}

.agnero-order-tracking-stage-pill.is-delivered {
  background: #ecfdf3;
  color: #067647;
}

.agnero-order-tracking-stage-pill.is-issue {
  background: #fef3f2;
  color: #b42318;
}

.agnero-order-tracking-stage-copy {
  margin: 0 0 0.9rem;
  color: #475467;
}

.agnero-order-tracking-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
  margin-bottom: 0.9rem;
}

.agnero-order-tracking-meta-item {
  background: #f8fafc;
  border: 1px solid rgba(18, 55, 120, 0.06);
  border-radius: 12px;
  padding: 0.7rem 0.8rem;
  display: grid;
  gap: 0.2rem;
}

.agnero-order-tracking-meta-item small {
  color: #667085;
  font-size: 0.75rem;
}

.agnero-order-tracking-meta-item strong {
  color: #101828;
  font-weight: 700;
}

.agnero-order-tracking-shipment-box,
.agnero-order-tracking-note-box,
.agnero-order-tracking-support-box {
  border-radius: 14px;
  border: 1px solid rgba(18, 55, 120, 0.08);
  background: #ffffff;
  padding: 0.9rem;
}

.agnero-order-tracking-shipment-box {
  margin-top: 0.2rem;
}

.agnero-order-tracking-shipment-box h3,
.agnero-order-tracking-note-box h3 {
  margin: 0 0 0.55rem;
  font-size: 1rem;
}

.agnero-order-tracking-shipment-box ul {
  list-style: none;
  padding: 0;
  margin: 0 0 0.8rem;
  display: grid;
  gap: 0.4rem;
}

.agnero-order-tracking-shipment-box li {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  padding-bottom: 0.35rem;
  border-bottom: 1px dashed rgba(18, 55, 120, 0.08);
}

.agnero-order-tracking-shipment-box li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.agnero-order-tracking-shipment-box li span {
  color: #667085;
}

.agnero-order-tracking-note-box {
  margin-top: 0.7rem;
  background: #fffbf5;
  border-color: rgba(255, 122, 0, 0.18);
}

.agnero-order-tracking-note-box p {
  margin: 0;
  color: #5a3c17;
}

.agnero-order-tracking-support-box {
  margin-top: 0.7rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.9rem;
  background: linear-gradient(180deg, #f7fafc, #ffffff);
}

.agnero-order-tracking-support-box small {
  color: #667085;
  display: block;
}

.agnero-order-tracking-support-box strong {
  color: #101828;
}

.agnero-order-tracking-support-box a {
  color: #123778;
  font-weight: 800;
  text-decoration: none;
  border-bottom: 2px solid rgba(18, 55, 120, 0.12);
}

.agnero-order-tracking-timeline {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 0.7rem;
}

.agnero-order-tracking-timeline__item {
  display: grid;
  grid-template-columns: 1rem 1fr;
  gap: 0.75rem;
  align-items: start;
  position: relative;
}

.agnero-order-tracking-timeline__item:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 0.45rem;
  top: 1.15rem;
  bottom: -0.65rem;
  width: 2px;
  background: rgba(18, 55, 120, 0.1);
}

.agnero-order-tracking-timeline__dot {
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 999px;
  border: 2px solid #cbd5e1;
  background: #fff;
  margin-top: 0.12rem;
  z-index: 1;
}

.agnero-order-tracking-timeline__item.is-done .agnero-order-tracking-timeline__dot {
  border-color: #12b76a;
  background: #12b76a;
  box-shadow: 0 0 0 4px rgba(18, 183, 106, 0.13);
}

.agnero-order-tracking-timeline__item.is-current .agnero-order-tracking-timeline__dot {
  border-color: #ff7a00;
  background: #ff7a00;
  box-shadow: 0 0 0 4px rgba(255, 122, 0, 0.14);
}

.agnero-order-tracking-timeline__content {
  border-radius: 12px;
  background: #f8fafc;
  border: 1px solid rgba(18, 55, 120, 0.06);
  padding: 0.7rem 0.8rem;
}

.agnero-order-tracking-timeline__item.is-current .agnero-order-tracking-timeline__content {
  background: #fff8ef;
  border-color: rgba(255, 122, 0, 0.18);
}

.agnero-order-tracking-timeline__content strong {
  display: block;
  color: #101828;
  margin-bottom: 0.2rem;
}

.agnero-order-tracking-timeline__content p {
  margin: 0;
  color: #667085;
  font-size: 0.88rem;
}

.agnero-order-tracking-panel--items {
  padding-top: 0.95rem;
}

.agnero-order-tracking-items-table {
  overflow-x: auto;
}

.agnero-order-tracking-items-table table {
  width: 100%;
  border-collapse: collapse;
}

.agnero-order-tracking-items-table th,
.agnero-order-tracking-items-table td {
  padding: 0.7rem 0.6rem;
  border-bottom: 1px solid rgba(18, 55, 120, 0.07);
  text-align: left;
  font-size: 0.92rem;
}

.agnero-order-tracking-items-table th {
  font-size: 0.8rem;
  color: #667085;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.agnero-inline-alert,
.agnero-account-inline-alert {
  border-radius: 12px;
  padding: 0.8rem 0.9rem;
  border: 1px solid transparent;
  margin-bottom: 0.85rem;
}

.agnero-inline-alert--success,
.agnero-account-inline-alert--success {
  background: #ecfdf3;
  border-color: #abefc6;
  color: #067647;
}

.agnero-inline-alert--error,
.agnero-account-inline-alert--error {
  background: #fef3f2;
  border-color: #fecdca;
  color: #b42318;
}

.agnero-product-support-ticket {
  margin-top: 1.5rem;
  border: 1px solid rgba(18, 55, 120, 0.08);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 122, 0, 0.08), transparent 45%),
    #fff;
  padding: 1.2rem;
}

.agnero-product-support-ticket__head h2 {
  margin: 0.25rem 0 0.35rem;
}

.agnero-product-support-ticket__head p {
  margin: 0;
  color: #667085;
}

.agnero-product-support-ticket__eyebrow {
  display: inline-flex;
  align-items: center;
  font-size: 0.74rem;
  font-weight: 700;
  color: #123778;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.agnero-product-support-ticket__form {
  margin-top: 0.95rem;
}

.agnero-product-support-ticket__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
}

.agnero-product-support-ticket__field {
  display: grid;
  gap: 0.35rem;
}

.agnero-product-support-ticket__field--full {
  grid-column: 1 / -1;
}

.agnero-product-support-ticket__field label {
  font-size: 0.84rem;
  font-weight: 600;
  color: #344054;
}

.agnero-product-support-ticket__field input,
.agnero-product-support-ticket__field textarea,
.agnero-account-ticket-form input,
.agnero-account-ticket-form textarea {
  width: 100%;
  border: 1px solid rgba(18, 55, 120, 0.15);
  border-radius: 12px;
  padding: 0.75rem 0.85rem;
  background: #fff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.agnero-product-support-ticket__field input:focus,
.agnero-product-support-ticket__field textarea:focus,
.agnero-account-ticket-form input:focus,
.agnero-account-ticket-form textarea:focus {
  outline: none;
  border-color: rgba(18, 55, 120, 0.42);
  box-shadow: 0 0 0 4px rgba(18, 55, 120, 0.08);
}

.agnero-product-support-ticket__check,
.agnero-account-ticket-check {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  line-height: 1.45;
  color: #475467;
}

.agnero-product-support-ticket__check input,
.agnero-account-ticket-check input {
  margin-top: 0.18rem;
  width: auto;
  border-radius: 4px;
}

.agnero-product-support-ticket__check a {
  color: #123778;
  font-weight: 600;
}

.agnero-product-support-ticket__actions {
  display: flex;
  gap: 0.7rem;
  flex-wrap: wrap;
  margin-top: 0.9rem;
}

.agnero-account-ticket-layout {
  display: grid;
  grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.1fr);
  gap: 1rem;
}

.agnero-account-ticket-compose,
.agnero-account-ticket-list {
  border: 1px solid rgba(18, 55, 120, 0.08);
  border-radius: 16px;
  background: #fff;
  padding: 0.9rem;
}

.agnero-account-ticket-compose h3,
.agnero-account-ticket-list h3 {
  margin: 0;
  font-size: 1rem;
}

.agnero-account-ticket-compose p {
  margin: 0.45rem 0 0.75rem;
  color: #667085;
}

.agnero-account-ticket-form {
  display: grid;
  gap: 0.7rem;
}

.agnero-account-ticket-form label {
  display: grid;
  gap: 0.25rem;
}

.agnero-account-ticket-form label > span {
  font-size: 0.8rem;
  color: #475467;
  font-weight: 600;
}

.agnero-account-ticket-items {
  list-style: none;
  padding: 0;
  margin: 0.75rem 0 0;
  display: grid;
  gap: 0.7rem;
}

.agnero-account-ticket-item {
  border: 1px solid rgba(18, 55, 120, 0.07);
  background: #f8fafc;
  border-radius: 14px;
  padding: 0.75rem;
}

.agnero-account-ticket-item__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.agnero-account-ticket-item__head small {
  display: block;
  margin-top: 0.15rem;
  color: #667085;
  font-size: 0.76rem;
}

.agnero-account-ticket-item__status {
  border-radius: 999px;
  padding: 0.32rem 0.62rem;
  font-size: 0.74rem;
  font-weight: 700;
  white-space: nowrap;
  background: #eef2ff;
  color: #3730a3;
}

.agnero-account-ticket-item__status.is-resolved,
.agnero-account-ticket-item__status.is-closed {
  background: #ecfdf3;
  color: #067647;
}

.agnero-account-ticket-item__status.is-new,
.agnero-account-ticket-item__status.is-open,
.agnero-account-ticket-item__status.is-in_progress {
  background: #fff8ef;
  color: #b54708;
}

.agnero-account-ticket-item__status.is-waiting_customer {
  background: #eef4ff;
  color: #1849a9;
}

.agnero-account-ticket-item__body p {
  margin: 0.6rem 0 0;
  color: #344054;
}

.agnero-account-ticket-item__reply {
  margin-top: 0.65rem;
  border-top: 1px dashed rgba(18, 55, 120, 0.12);
  padding-top: 0.65rem;
}

.agnero-account-ticket-item__reply small {
  display: block;
  color: #123778;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

.agnero-account-ticket-item__reply p {
  margin: 0;
  color: #344054;
}

.agnero-password-change-shell {
  display: grid;
}

.agnero-password-change-card {
  border: 1px solid rgba(18, 55, 120, 0.08);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 122, 0, 0.08), transparent 45%),
    #fff;
  padding: 1rem;
}

.agnero-password-change-card__head h3 {
  margin: 0.2rem 0 0.35rem;
}

.agnero-password-change-card__head p {
  margin: 0;
  color: #667085;
}

.agnero-password-change-card__eyebrow {
  display: inline-flex;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #123778;
  letter-spacing: 0.05em;
}

.agnero-password-change-card__tips {
  list-style: none;
  margin: 0.9rem 0;
  padding: 0;
  display: grid;
  gap: 0.45rem;
}

.agnero-password-change-card__tips li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #344054;
}

.agnero-password-change-card__tips li::before {
  content: "•";
  color: #ff7a00;
  font-size: 1.2rem;
  line-height: 1;
}

.agnero-password-change-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}

@media (max-width: 1024px) {
  .agnero-order-tracking-hero__inner,
  .agnero-order-tracking-result__grid,
  .agnero-account-ticket-layout {
    grid-template-columns: 1fr;
  }

  .agnero-order-tracking-support-box {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  .agnero-order-tracking-page {
    padding-bottom: 1.25rem;
  }

  .agnero-order-tracking-hero {
    padding-top: 1rem;
  }

  .agnero-order-tracking-hero__copy,
  .agnero-order-tracking-card,
  .agnero-order-tracking-panel,
  .agnero-product-support-ticket,
  .agnero-account-ticket-compose,
  .agnero-account-ticket-list,
  .agnero-password-change-card {
    border-radius: 14px;
    padding: 0.9rem;
  }

  .agnero-order-tracking-meta-grid,
  .agnero-product-support-ticket__grid {
    grid-template-columns: 1fr;
  }

  .agnero-product-support-ticket__actions,
  .agnero-password-change-card__actions {
    flex-direction: column;
  }

  .agnero-product-support-ticket__actions .btn,
  .agnero-password-change-card__actions .button {
    width: 100%;
    justify-content: center;
  }

  .agnero-account-ticket-item__head {
    flex-direction: column;
    align-items: stretch;
  }
}

body.agnero-modal-open {
  overflow: hidden;
}

.agnero-coming-soon-modal {
  position: fixed;
  inset: 0;
  z-index: 9500;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(1rem, 3vw, 1.75rem);
}

.agnero-coming-soon-modal[hidden] {
  display: none;
}

.agnero-coming-soon-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(7, 28, 52, 0.56);
  backdrop-filter: blur(8px);
}

.agnero-coming-soon-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(100%, 38rem);
  max-height: calc(100vh - 2rem);
  overflow: auto;
  border: 1px solid rgba(18, 55, 120, 0.14);
  border-radius: 1.35rem;
  background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
  box-shadow: 0 26px 64px rgba(7, 28, 52, 0.22);
}

.agnero-coming-soon-modal__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid rgba(18, 55, 120, 0.12);
  border-radius: 999px;
  background: #ffffff;
  color: var(--header-navy, #123778);
  font-size: 1.45rem;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

.agnero-coming-soon-modal__close:hover,
.agnero-coming-soon-modal__close:focus-visible {
  background: #f1f6fc;
  border-color: rgba(18, 55, 120, 0.22);
  transform: translateY(-1px);
}

.agnero-coming-soon-modal__shell {
  display: grid;
  gap: 1rem;
  padding: clamp(1.35rem, 3vw, 2rem);
  color: var(--text);
}

.agnero-coming-soon-modal__hero {
  padding-right: 2.75rem;
}

.agnero-coming-soon-modal__eyebrow,
.agnero-coming-soon-success__eyebrow {
  margin: 0 0 0.45rem;
  color: var(--header-orange, #ff7a00);
  font-family: var(--font-mono);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.agnero-coming-soon-modal__hero h3,
.agnero-coming-soon-success h4 {
  margin: 0;
  color: var(--header-navy, #123778);
  font-size: clamp(1.55rem, 4vw, 2.1rem);
  line-height: 1.1;
}

.agnero-coming-soon-modal__copy,
.agnero-coming-soon-success p {
  margin: 0.7rem 0 0;
  color: #4e6178;
  line-height: 1.65;
}

.agnero-coming-soon-form {
  display: grid;
  gap: 1rem;
  padding: 1.15rem;
  border: 1px solid rgba(18, 55, 120, 0.1);
  border-radius: 1.2rem;
  background: #ffffff;
}

.agnero-coming-soon-form[hidden],
.agnero-coming-soon-success[hidden],
.agnero-coming-soon-form__status[hidden] {
  display: none !important;
}

.agnero-coming-soon-form__lead {
  margin: 0;
  color: #4e6178;
  font-size: 0.92rem;
  line-height: 1.55;
}

.agnero-coming-soon-form.is-submitting {
  opacity: 0.76;
}

.agnero-coming-soon-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
}

.agnero-coming-soon-form__field {
  display: grid;
  gap: 0.45rem;
}

.agnero-coming-soon-form__field span {
  color: var(--header-navy, #123778);
  font-size: 0.84rem;
  font-weight: 600;
}

.agnero-coming-soon-form__field input {
  width: 100%;
  min-height: 3.25rem;
  border: 1px solid #c8d4e2;
  border-radius: 0.95rem;
  background: #f8fbff;
  color: var(--text);
  padding: 0.9rem 1rem;
}

.agnero-coming-soon-form__field input::placeholder {
  color: #8a9bb0;
}

.agnero-coming-soon-form__field input:focus-visible {
  outline: 0;
  border-color: rgba(18, 55, 120, 0.38);
  box-shadow: 0 0 0 3px rgba(18, 55, 120, 0.1);
}

.agnero-coming-soon-form__consent {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  padding: 0.9rem 1rem;
  border-radius: 1rem;
  background: #f3f7fb;
  color: #4e6178;
  font-size: 0.9rem;
  line-height: 1.55;
}

.agnero-coming-soon-form__consent input {
  margin-top: 0.2rem;
  flex: 0 0 auto;
}

.agnero-coming-soon-form__status {
  margin: 0;
  padding: 0.85rem 1rem;
  border-radius: 1rem;
  font-size: 0.92rem;
  line-height: 1.5;
}

.agnero-coming-soon-form__status.is-error {
  background: #fff1f1;
  color: #a53a3a;
}

.agnero-coming-soon-form__status.is-success {
  background: #edf8f1;
  color: #1f7a50;
}

.agnero-coming-soon-form__actions {
  display: grid;
  gap: 0.7rem;
}

.agnero-coming-soon-form__submit {
  width: 100%;
  justify-content: center;
}

.agnero-coming-soon-form__submit[disabled] {
  opacity: 0.7;
  cursor: wait;
}

.agnero-coming-soon-form__hint {
  margin: 0;
  color: #6d8097;
  font-size: 0.84rem;
  line-height: 1.5;
}

.agnero-coming-soon-success {
  display: grid;
  gap: 0.6rem;
  padding: 1.15rem;
  border: 1px solid rgba(18, 55, 120, 0.1);
  border-radius: 1.2rem;
  background: #ffffff;
}

.agnero-coming-soon-success.is-visible {
  animation: agneroFadeUpIn 0.24s ease;
}

@keyframes agneroFadeUpIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 768px) {
  .agnero-coming-soon-modal {
    align-items: flex-end;
    padding: 0.75rem;
  }

  .agnero-coming-soon-modal__dialog {
    width: 100%;
    max-height: calc(100vh - 1rem);
    border-radius: 1.25rem;
  }

  .agnero-coming-soon-modal__shell {
    gap: 1rem;
    padding: 1.1rem;
  }

  .agnero-coming-soon-modal__hero {
    padding-right: 2rem;
  }

  .agnero-coming-soon-form__grid {
    grid-template-columns: 1fr;
  }
}

.agnero-coming-soon-trigger,
[data-coming-soon-trigger] {
  cursor: pointer;
}

.category-card.is-coming-soon .category-card-main,
.showcase-card.is-coming-soon {
  position: relative;
}

.category-card.is-coming-soon .category-card-main::before,
.showcase-card.is-coming-soon::before {
  content: "Yakında";
  position: absolute;
  top: 0.6rem;
  right: 0.75rem;
  z-index: 2;
  padding: 0.18rem 0.55rem;
  border-radius: 999px;
  background: rgba(199, 173, 132, 0.16);
  border: 1px solid rgba(214, 186, 139, 0.28);
  color: #d8c39a;
  font-size: 0.74rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sub-cat-link--soon {
  width: 100%;
  border: 0;
  text-align: left;
  background: transparent;
}

.guide-launch-grid,
.agnero-guide-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.15rem;
}

.guide-launch-card,
.agnero-guide-card {
  position: relative;
  display: grid;
  gap: 0.9rem;
  min-height: 100%;
  padding: 1.4rem;
  border-radius: 1.4rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    radial-gradient(circle at top right, rgba(210, 186, 153, 0.18), transparent 42%),
    linear-gradient(180deg, rgba(24, 24, 24, 0.98), rgba(15, 15, 15, 0.98));
  color: #f4f0e8;
  text-decoration: none;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.24);
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.guide-launch-card:hover,
.guide-launch-card:focus-visible,
.agnero-guide-card:hover,
.agnero-guide-card:focus-visible {
  transform: translateY(-4px);
  border-color: rgba(214, 186, 139, 0.3);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.34);
}

.guide-launch-card--gold,
.agnero-guide-card--gold {
  background:
    radial-gradient(circle at top right, rgba(214, 177, 92, 0.26), transparent 44%),
    linear-gradient(180deg, rgba(30, 26, 18, 0.98), rgba(16, 15, 13, 0.98));
}

.guide-launch-card--oxide,
.agnero-guide-card--oxide {
  background:
    radial-gradient(circle at top right, rgba(164, 120, 86, 0.24), transparent 44%),
    linear-gradient(180deg, rgba(31, 23, 19, 0.98), rgba(16, 14, 13, 0.98));
}

.guide-launch-card--raw,
.agnero-guide-card--raw,
.agnero-guide-card--graphite {
  background:
    radial-gradient(circle at top right, rgba(146, 146, 146, 0.18), transparent 42%),
    linear-gradient(180deg, rgba(22, 22, 22, 0.98), rgba(14, 14, 14, 0.98));
}

.guide-launch-card--bronze,
.agnero-guide-card--bronze {
  background:
    radial-gradient(circle at top right, rgba(180, 125, 86, 0.28), transparent 44%),
    linear-gradient(180deg, rgba(34, 24, 19, 0.98), rgba(17, 15, 13, 0.98));
}

.guide-launch-card--upcoming {
  opacity: 0.95;
}

.guide-launch-card__eyebrow,
.agnero-guide-card__badge,
.agnero-guide-eyebrow,
.agnero-coming-soon-panel__eyebrow {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 0.35rem;
  padding: 0.2rem 0.62rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: #d8c39a;
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.guide-launch-card h3,
.agnero-guide-card h2,
.agnero-guide-title,
.agnero-coming-soon-panel h1 {
  margin: 0;
  color: #fff8ef;
}

.guide-launch-card p,
.agnero-guide-card p,
.agnero-guide-copy,
.agnero-coming-soon-panel p {
  margin: 0;
  color: rgba(244, 240, 232, 0.76);
  line-height: 1.7;
}

.guide-launch-card__meta,
.agnero-guide-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: auto;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.92rem;
}

.guide-launch-card__meta strong,
.agnero-guide-card__meta strong {
  color: #f6e4bd;
  font-weight: 700;
}

.agnero-guide-shell,
.agnero-coming-soon-panel {
  display: grid;
  gap: 1.4rem;
  padding: clamp(1.2rem, 2vw, 1.8rem);
  border-radius: 1.6rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background:
    linear-gradient(135deg, rgba(23, 23, 23, 0.98), rgba(12, 12, 12, 0.98)),
    radial-gradient(circle at top left, rgba(208, 186, 150, 0.08), transparent 42%);
  box-shadow: 0 20px 80px rgba(0, 0, 0, 0.24);
}

.agnero-guide-shell__intro {
  display: grid;
  gap: 0.9rem;
}

.agnero-guide-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  color: rgba(255, 255, 255, 0.54);
  font-size: 0.88rem;
}

.agnero-guide-breadcrumbs a {
  color: rgba(255, 255, 255, 0.72);
  text-decoration: none;
}

.agnero-guide-breadcrumbs .current,
.agnero-guide-breadcrumbs a:hover,
.agnero-guide-breadcrumbs a:focus-visible {
  color: #f7e3b8;
}

.agnero-guide-product-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.9fr);
  gap: 1rem;
}

.agnero-guide-product-hero__visual,
.agnero-guide-product-hero__switches {
  display: grid;
  gap: 0.9rem;
  min-height: 100%;
  padding: 1.35rem;
  border-radius: 1.35rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}

.agnero-guide-product-hero__visual strong {
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  line-height: 1.05;
  color: #fff7eb;
}

.agnero-guide-product-hero__visual em {
  color: rgba(255, 255, 255, 0.58);
  font-style: normal;
  line-height: 1.7;
}

.agnero-guide-product-hero--gold .agnero-guide-product-hero__visual {
  background:
    radial-gradient(circle at top right, rgba(210, 170, 78, 0.28), transparent 40%),
    linear-gradient(160deg, rgba(36, 30, 18, 0.98), rgba(15, 14, 12, 0.98));
}

.agnero-guide-product-hero--oxide .agnero-guide-product-hero__visual {
  background:
    radial-gradient(circle at top right, rgba(173, 114, 80, 0.24), transparent 40%),
    linear-gradient(160deg, rgba(34, 23, 19, 0.98), rgba(16, 13, 12, 0.98));
}

.agnero-guide-product-hero--raw .agnero-guide-product-hero__visual,
.agnero-guide-product-hero--graphite .agnero-guide-product-hero__visual {
  background:
    radial-gradient(circle at top right, rgba(132, 132, 132, 0.18), transparent 40%),
    linear-gradient(160deg, rgba(25, 25, 25, 0.98), rgba(12, 12, 12, 0.98));
}

.agnero-guide-product-hero__badge {
  display: inline-flex;
  width: fit-content;
  padding: 0.24rem 0.68rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: #f7e3b8;
  font-size: 0.8rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.agnero-guide-product-hero__switch-title {
  color: rgba(255, 255, 255, 0.56);
  font-size: 0.88rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.agnero-guide-switches {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}

.agnero-guide-switch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.72rem 1rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.76);
  text-decoration: none;
  transition: border-color 0.18s ease, color 0.18s ease, background 0.18s ease;
}

.agnero-guide-switch:hover,
.agnero-guide-switch:focus-visible,
.agnero-guide-switch.is-active {
  border-color: rgba(214, 186, 139, 0.34);
  background: rgba(214, 186, 139, 0.12);
  color: #fff2d3;
}

.agnero-guide-contact {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  margin-top: auto;
}

.agnero-guide-contact__chip {
  display: inline-flex;
  align-items: center;
  padding: 0.68rem 0.92rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.82);
  text-decoration: none;
}

.agnero-guide-contact__chip:hover,
.agnero-guide-contact__chip:focus-visible {
  color: #fff4db;
  background: rgba(255, 255, 255, 0.08);
}

.agnero-guide-table-wrap {
  overflow: hidden;
  border-radius: 1.4rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
}

.agnero-guide-table {
  width: 100%;
  border-collapse: collapse;
}

.agnero-guide-table th,
.agnero-guide-table td {
  padding: 1rem 1.05rem;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.agnero-guide-table th {
  background: rgba(255, 255, 255, 0.03);
  color: #fff5df;
  font-size: 0.92rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.agnero-guide-table tbody tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.025);
}

.agnero-guide-table tbody tr:hover td {
  background: rgba(214, 186, 139, 0.06);
}

.agnero-guide-table__code {
  color: #f7e3b8;
  font-weight: 700;
}

.agnero-coming-soon-panel__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
}

.agnero-catalog-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.6rem;
  min-width: 0;
  max-width: 100%;
  padding-block: 0.4rem 2.5rem;
}

.shop-content--catalog-simple {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
}

.agnero-catalog-title {
  margin: 0;
  color: #050b14;
  font-family: var(--font-body);
  font-size: clamp(1.75rem, 3vw, 2.45rem);
  font-weight: 850;
  line-height: 1.1;
  letter-spacing: 0;
}

.agnero-catalog-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(16rem, 23rem);
  gap: 1rem;
  align-items: stretch;
  padding: clamp(1.2rem, 2.4vw, 2rem);
  border: 1px solid rgba(18, 55, 120, 0.1);
  border-radius: 1.35rem;
  background:
    radial-gradient(circle at top right, rgba(18, 55, 120, 0.08), transparent 38%),
    linear-gradient(135deg, #ffffff 0%, #f4f7fb 100%);
  box-shadow: 0 22px 60px rgba(18, 55, 120, 0.08);
}

.agnero-catalog-eyebrow {
  display: inline-flex;
  width: fit-content;
  margin-top: 0.9rem;
  padding: 0.22rem 0.68rem;
  border-radius: 999px;
  background: rgba(18, 55, 120, 0.08);
  color: #123778;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.agnero-catalog-hero h1 {
  max-width: 11ch;
  margin: 0.6rem 0 0;
  color: #0f1f34;
  font-size: clamp(2.35rem, 6vw, 5rem);
  line-height: 0.94;
  letter-spacing: 0;
}

.agnero-catalog-hero p {
  max-width: 66ch;
  margin: 0.9rem 0 0;
  color: #536579;
  font-size: clamp(0.98rem, 1.6vw, 1.12rem);
  line-height: 1.75;
}

.agnero-catalog-hero .agnero-guide-breadcrumbs,
.agnero-catalog-hero .agnero-guide-breadcrumbs a {
  color: #6c7b8e;
}

.agnero-catalog-hero .agnero-guide-breadcrumbs .current,
.agnero-catalog-hero .agnero-guide-breadcrumbs a:hover,
.agnero-catalog-hero .agnero-guide-breadcrumbs a:focus-visible {
  color: #123778;
}

.agnero-catalog-hero__panel {
  display: grid;
  align-content: space-between;
  gap: 1rem;
  min-height: 16rem;
  padding: 1rem;
  border: 1px solid rgba(18, 55, 120, 0.1);
  border-radius: 1.1rem;
  background: rgba(255, 255, 255, 0.72);
}

.agnero-catalog-hero__panel > span:not(.agnero-catalog-visual) {
  color: #425872;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.5;
}

.agnero-catalog-section {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  min-width: 0;
  max-width: 100%;
}

.agnero-catalog-section__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.agnero-catalog-section__head span {
  color: #0f1f34;
  font-size: 0.9rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.agnero-catalog-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(1rem, 2.2vw, 1.65rem);
}

.agnero-catalog-card-grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.agnero-catalog-card,
.agnero-catalog-product-card {
  min-width: 0;
  display: grid;
  color: inherit;
  text-decoration: none;
  border: 1px solid #cfe0f2;
  border-radius: 1.35rem;
  background: #fff;
  overflow: hidden;
  box-shadow: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.agnero-catalog-card {
  position: relative;
}

.agnero-catalog-card::after {
  content: "";
  position: absolute;
  inset: 1.15rem 1.15rem auto;
  height: 8.9rem;
  pointer-events: none;
  background: linear-gradient(
    115deg,
    transparent 0%,
    transparent 38%,
    rgba(255, 255, 255, 0.78) 48%,
    rgba(255, 255, 255, 0.24) 54%,
    transparent 64%,
    transparent 100%
  );
  opacity: 0;
  transform: translateX(-140%);
  transition: opacity 0.18s ease, transform 0.55s ease;
}

.agnero-catalog-card:hover,
.agnero-catalog-card:focus-visible,
.agnero-catalog-product-card:hover,
.agnero-catalog-product-card:focus-visible {
  color: inherit;
  border-color: #8fb5dc;
  box-shadow: 0 14px 34px rgba(18, 55, 120, 0.08);
  transform: translateY(-2px);
}

.agnero-catalog-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 8.9rem;
  margin: 1.15rem 1.15rem 0;
  background: transparent;
}

.agnero-catalog-card .agnero-catalog-visual {
  background: transparent;
}

.agnero-catalog-visual img {
  width: 100%;
  height: 100%;
  max-height: 8.9rem;
  object-fit: contain;
  padding: 0.7rem;
  transition: transform 0.2s ease;
}

.agnero-catalog-visual__placeholder {
  display: block;
  width: 100%;
  aspect-ratio: 2.65 / 1;
}

.agnero-catalog-card:hover .agnero-catalog-visual img,
.agnero-catalog-product-card:hover .agnero-catalog-visual img {
  transform: translateY(-2px);
}

.agnero-catalog-card:hover::after,
.agnero-catalog-card:focus-visible::after {
  opacity: 1;
  transform: translateX(140%);
}

.agnero-catalog-card:hover .agnero-catalog-visual img,
.agnero-catalog-card:focus-visible .agnero-catalog-visual img {
  filter: drop-shadow(0 14px 24px rgba(18, 55, 120, 0.14)) brightness(1.08) saturate(1.05);
  transform: translateY(-2px) scale(1.025);
}

.agnero-catalog-visual--hero {
  min-height: 12.5rem;
  border-radius: 0.85rem;
}

.agnero-catalog-visual--product {
  min-height: 10.5rem;
}

.agnero-catalog-card__body,
.agnero-catalog-product-card__copy {
  display: grid;
  align-content: end;
  gap: 0.65rem;
  min-height: 6.65rem;
  padding: 1.15rem 1.55rem 1.35rem;
}

.agnero-catalog-card small,
.agnero-catalog-product-card small {
  color: #7a8796;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.agnero-catalog-card strong,
.agnero-catalog-product-card strong {
  color: #123778;
  font-size: clamp(1.45rem, 2vw, 1.75rem);
  font-weight: 500;
  line-height: 1.14;
}

.agnero-catalog-product-card .agnero-hard-material-indicator {
  margin-top: -0.25rem;
}

.agnero-catalog-card em,
.agnero-catalog-product-card em {
  color: #607287;
  font-size: 0.84rem;
  font-style: normal;
  line-height: 1.5;
}

.agnero-catalog-card b {
  margin-top: 0.25rem;
  color: #123778;
  font-size: 0.82rem;
}

.agnero-catalog-card__chips {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.55rem;
  max-width: 100%;
  overflow: hidden;
}

.agnero-catalog-card__chips span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.9rem;
  padding: 0.3rem 1rem;
  border: 1px solid #cfe0f2;
  border-radius: 999px;
  color: #123778;
  background: #fff;
  font-size: 0.83rem;
  font-weight: 600;
  white-space: nowrap;
}

.agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-catalog-card {
  grid-template-rows: auto minmax(9.5rem, 1fr) auto;
  border-color: #c7daee;
  background:
    radial-gradient(circle at 50% 86%, rgba(226, 238, 250, 0.72), transparent 44%),
    linear-gradient(180deg, #fff 0%, #fff 62%, #f9fbfe 100%);
  box-shadow: 0 9px 24px rgba(18, 55, 120, 0.035);
}

.agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-catalog-card::before {
  content: "\2192";
  position: absolute;
  right: 1.25rem;
  bottom: 1rem;
  z-index: 2;
  color: #ff6a00;
  font-size: 1.55rem;
  font-weight: 400;
  line-height: 1;
  transition: transform 0.2s ease;
}

.agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-catalog-card:hover::before,
.agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-catalog-card:focus-visible::before {
  transform: translateX(0.25rem);
}

.agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-catalog-visual {
  grid-row: 2;
  min-height: 9.5rem;
  margin: 0 1rem;
}

.agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-catalog-visual img {
  max-height: 9.5rem;
}

.agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-insert-category-visual {
  position: relative;
  display: grid;
  align-items: center;
  justify-items: center;
  gap: 0.1rem 0.45rem;
  width: auto;
  padding: 0.15rem 1.1rem 0.25rem;
  isolation: isolate;
}

.agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-insert-category-visual::before {
  content: "";
  position: absolute;
  left: 12%;
  right: 12%;
  bottom: 0.25rem;
  z-index: -1;
  height: 1.2rem;
  border-radius: 50%;
  background: rgba(18, 55, 120, 0.12);
  filter: blur(0.65rem);
  transform: scaleY(0.42);
}

.agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-insert-category-visual--4 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-insert-category-visual--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
  padding-inline: 1.65rem;
}

.agnero-insert-category-visual__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-width: 0;
}

.agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-insert-category-visual__item img {
  width: auto;
  height: auto;
  max-width: 88%;
  max-height: 4.5rem;
  padding: 0;
  object-fit: contain;
  filter: drop-shadow(0 0.45rem 0.45rem rgba(18, 55, 120, 0.16));
  transform: none;
}

.agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-insert-category-visual--2 .agnero-insert-category-visual__item img {
  max-width: 100%;
  max-height: 7.25rem;
}

.agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-insert-category-visual--4 .agnero-insert-category-visual__item:nth-child(1) {
  transform: translate(0.18rem, 0.15rem) rotate(-5deg);
}

.agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-insert-category-visual--4 .agnero-insert-category-visual__item:nth-child(2) {
  transform: translate(-0.1rem, 0.2rem) rotate(4deg);
}

.agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-insert-category-visual--4 .agnero-insert-category-visual__item:nth-child(3) {
  transform: translate(0.3rem, -0.15rem) rotate(3deg);
}

.agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-insert-category-visual--4 .agnero-insert-category-visual__item:nth-child(4) {
  transform: translate(-0.3rem, -0.05rem) rotate(-4deg);
}

/* APKT and BLMP are the two milling inserts shown in the root options card.
   Turn them right without changing the orientation of the other two tools. */
.agnero-catalog-card--insert-frezeleme .agnero-insert-category-visual__item img[alt="APKT"],
.agnero-catalog-card--insert-frezeleme .agnero-insert-category-visual__item img[alt="BLMP"] {
  transform: rotate(90deg);
}

.agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-catalog-card:hover .agnero-insert-category-visual__item img,
.agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-catalog-card:focus-visible .agnero-insert-category-visual__item img {
  filter: drop-shadow(0 0.65rem 0.65rem rgba(18, 55, 120, 0.2)) brightness(1.04) saturate(1.03);
  transform: translateY(-2px) scale(1.025);
}

.agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-catalog-card--insert-frezeleme:hover .agnero-insert-category-visual__item img[alt="APKT"],
.agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-catalog-card--insert-frezeleme:focus-visible .agnero-insert-category-visual__item img[alt="APKT"],
.agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-catalog-card--insert-frezeleme:hover .agnero-insert-category-visual__item img[alt="BLMP"],
.agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-catalog-card--insert-frezeleme:focus-visible .agnero-insert-category-visual__item img[alt="BLMP"] {
  transform: translateY(-2px) rotate(90deg) scale(1.025);
}

.agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-catalog-card__body {
  display: contents;
}

.agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-catalog-card strong {
  grid-row: 1;
  align-self: start;
  padding: 1.2rem 1.3rem 0.4rem;
  font-size: clamp(1.5rem, 2vw, 1.85rem);
  font-weight: 650;
  line-height: 1.08;
}

.agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-catalog-card__chips {
  grid-row: 3;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.18rem 0;
  padding: 0.45rem 3.2rem 1.1rem 1rem;
  overflow: visible;
  text-align: center;
}

.agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-catalog-card__chips span {
  display: inline;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #65758a;
  background: transparent;
  font-size: 0.76rem;
  font-weight: 400;
  line-height: 1.4;
  white-space: normal;
}

.agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-catalog-card__chips span:not(:last-child)::after {
  content: "\2022";
  display: inline-block;
  margin: 0 0.38rem;
  color: #9aa9ba;
}

.agnero-catalog-section--showcase {
  gap: 0;
}

.agnero-catalog-card-grid--showcase {
  align-items: start;
  gap: clamp(1.25rem, 2vw, 1.95rem);
}

.agnero-catalog-showcase-item {
  position: relative;
  display: grid;
  min-width: 0;
  gap: 0.72rem;
}

.agnero-catalog-hard-material-notice {
  justify-self: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: calc(100% - 1.1rem);
  min-height: 1.75rem;
  padding: 0.34rem 0.78rem;
  border: 1px solid rgba(217, 111, 0, 0.28);
  border-radius: 8px;
  background: #fff0df;
  color: #a84e00;
  font-size: 0.72rem;
  font-weight: 850;
  line-height: 1.08;
  letter-spacing: 0.02em;
  text-align: center;
}

.agnero-catalog-card--showcase {
  position: relative;
  min-height: clamp(18.75rem, 27vw, 28rem);
  border-color: #cfe0f2;
  border-radius: 1rem;
  overflow: hidden;
  background: #ffffff;
}

.agnero-catalog-card--showcase::after {
  display: none;
}

.agnero-catalog-card--showcase .agnero-catalog-card__body {
  position: relative;
  z-index: 2;
  align-content: start;
  min-height: 0;
  padding: clamp(1.35rem, 2vw, 1.75rem) clamp(1.2rem, 1.8vw, 1.55rem);
}

.agnero-catalog-card--showcase.agnero-catalog-card--has-grade .agnero-catalog-card__body {
  padding-right: clamp(5.85rem, 6.8vw, 6.35rem);
}

.agnero-catalog-card--showcase.agnero-catalog-card--has-grade-pair .agnero-catalog-card__body {
  padding-right: clamp(6.65rem, 7.4vw, 7.1rem);
}

.agnero-catalog-card--showcase .agnero-catalog-card__body strong {
  max-width: 12ch;
  color: #123778;
  font-size: clamp(1.32rem, 1.75vw, 2.1rem);
  font-weight: 850;
  line-height: 1.12;
}

.agnero-catalog-grade {
  position: absolute;
  top: -0.65rem;
  right: clamp(1.15rem, 1.55vw, 1.4rem);
  z-index: 3;
  display: grid;
  align-content: start;
  justify-items: center;
  width: clamp(3.25rem, 3.8vw, 3.7rem);
  height: clamp(4.7rem, 5.6vw, 5.3rem);
  padding: clamp(1.05rem, 1.35vw, 1.2rem) 0.4rem 0.9rem;
  clip-path: polygon(0 0, 100% 0, 100% 86%, 50% 100%, 0 86%);
  filter: drop-shadow(0 4px 5px rgba(18, 55, 120, 0.12));
  line-height: 0.9;
  pointer-events: none;
  transform-origin: 50% 0;
  transition: filter 0.2s ease, transform 0.2s ease;
}

.agnero-catalog-grade-stack {
  position: absolute;
  top: -0.65rem;
  right: clamp(0.7rem, 1vw, 0.95rem);
  z-index: 4;
  display: flex;
  align-items: flex-start;
  pointer-events: none;
}

.agnero-catalog-grade-stack .agnero-catalog-grade {
  position: relative;
  inset: auto;
  width: clamp(2.8rem, 3.25vw, 3.15rem);
  height: clamp(4.15rem, 4.8vw, 4.65rem);
  padding: clamp(0.88rem, 1.05vw, 1rem) 0.3rem 0.72rem;
  filter: drop-shadow(0 4px 5px rgba(18, 55, 120, 0.1));
}

.agnero-catalog-grade-stack .agnero-catalog-grade + .agnero-catalog-grade {
  z-index: 2;
  margin-left: clamp(-0.4rem, -0.45vw, -0.32rem);
  transform: translateY(0.28rem);
}

.agnero-catalog-grade-stack .agnero-catalog-grade strong {
  font-size: clamp(1.3rem, 1.55vw, 1.55rem);
}

.agnero-catalog-grade-stack .agnero-catalog-grade small {
  font-size: clamp(0.5rem, 0.56vw, 0.58rem);
}

.agnero-catalog-grade::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: var(--agnero-grade-accent);
}

.agnero-catalog-grade strong {
  color: currentColor;
  font-size: clamp(1.65rem, 2vw, 1.9rem);
  font-weight: 850;
  letter-spacing: -0.035em;
  line-height: 1;
}

.agnero-catalog-grade small {
  color: currentColor;
  font-size: clamp(0.58rem, 0.68vw, 0.67rem);
  font-weight: 750;
  letter-spacing: 0.08em;
  line-height: 1;
}

.agnero-catalog-grade--55 {
  --agnero-grade-accent: linear-gradient(90deg, #9d735a 0%, #dfa57f 100%);
  color: #9d735a;
  background: linear-gradient(145deg, #f8f1ec 0%, #f1e3d9 100%);
}

.agnero-catalog-grade--65 {
  --agnero-grade-accent: linear-gradient(90deg, #008fc6 0%, #913690 100%);
  color: #913690;
  background: linear-gradient(145deg, #eaf6fb 0%, #f1e8f5 100%);
}

.agnero-catalog-grade--65 strong {
  color: #008fc6;
}

.agnero-catalog-grade--65 small {
  color: #913690;
}

.agnero-catalog-showcase-item:hover > .agnero-catalog-grade,
.agnero-catalog-showcase-item:focus-within > .agnero-catalog-grade {
  filter: drop-shadow(0 8px 9px rgba(18, 55, 120, 0.18));
  transform: translateY(-2px) scale(1.035);
}

.agnero-catalog-showcase-item:hover > .agnero-catalog-grade-stack .agnero-catalog-grade,
.agnero-catalog-showcase-item:focus-within > .agnero-catalog-grade-stack .agnero-catalog-grade {
  filter: drop-shadow(0 8px 9px rgba(18, 55, 120, 0.16));
  transform: translateY(-2px) scale(1.025);
}

.agnero-catalog-showcase-item:hover > .agnero-catalog-grade-stack .agnero-catalog-grade + .agnero-catalog-grade,
.agnero-catalog-showcase-item:focus-within > .agnero-catalog-grade-stack .agnero-catalog-grade + .agnero-catalog-grade {
  transform: translateY(calc(0.28rem - 2px)) scale(1.025);
}

.agnero-catalog-showcase-item:has(> .agnero-catalog-grade--55) > .agnero-catalog-card--showcase:hover,
.agnero-catalog-showcase-item:has(> .agnero-catalog-grade--55) > .agnero-catalog-card--showcase:focus-visible {
  border-color: rgba(157, 115, 90, 0.68);
  box-shadow: 0 14px 34px rgba(157, 115, 90, 0.1);
}

.agnero-catalog-showcase-item:has(> .agnero-catalog-grade--65) > .agnero-catalog-card--showcase:hover,
.agnero-catalog-showcase-item:has(> .agnero-catalog-grade--65) > .agnero-catalog-card--showcase:focus-visible {
  border-color: rgba(145, 54, 144, 0.58);
  box-shadow: 0 14px 34px rgba(0, 143, 198, 0.1);
}

.agnero-catalog-showcase-visual {
  position: absolute;
  left: 50%;
  bottom: -22%;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: clamp(0rem, 0.28vw, 0.22rem);
  width: 82%;
  height: 88%;
  pointer-events: none;
  transform: translateX(-50%);
  transform-origin: 50% 100%;
}

.agnero-catalog-showcase-visual--count-1 {
  width: 68%;
}

.agnero-catalog-showcase-visual--count-2 {
  width: 76%;
}

.agnero-catalog-showcase-visual--count-3 {
  width: 86%;
}

.agnero-catalog-showcase-visual--count-4 {
  width: 94%;
}

.agnero-catalog-showcase-visual--count-5 {
  width: 100%;
}

.agnero-catalog-showcase-tool {
  /* Keep every cutter on one shared diameter scale so natural length
     differences stay visible while the cutting geometry remains legible. */
  --agnero-showcase-tool-diameter: clamp(2.15rem, 2.65vw, 3rem);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex: 1 1 0;
  min-width: 0;
  height: 100%;
}

.agnero-catalog-showcase-tool:only-child {
  flex: 0 0 100%;
}

.agnero-catalog-showcase-tool .agnero-catalog-visual {
  align-items: flex-end;
  width: 100%;
  height: 100%;
  min-height: 0;
  margin: 0;
  transform: translateX(-24%) rotate(15deg);
  transform-origin: 50% 100%;
}

.agnero-catalog-showcase-tool .agnero-catalog-visual img {
  width: auto;
  height: auto;
  max-height: none;
  object-fit: contain;
  object-position: center bottom;
  padding: 0;
  filter: drop-shadow(0 18px 20px rgba(18, 55, 120, 0.16));
}

.agnero-catalog-showcase-tool--portrait .agnero-catalog-visual img {
  width: var(--agnero-showcase-tool-diameter);
  height: auto;
}

.agnero-catalog-showcase-tool--composite-portrait .agnero-catalog-visual {
  transform: none;
}

.agnero-catalog-showcase-tool--composite-portrait .agnero-catalog-visual img {
  width: clamp(7.5rem, 7.5vw, 9rem);
  max-width: none;
  height: auto;
  transform: none;
}

.agnero-catalog-showcase-item--standart-boy-duz-mikro-frezeler .agnero-catalog-showcase-tool--term-65-hrc-standart-boy-duz-mikro-frezeler .agnero-catalog-visual {
  transform: translateX(-33%) rotate(15deg);
}

.agnero-catalog-showcase-item--dalma-boylu-duz-mikro-frezeler .agnero-catalog-showcase-visual,
.agnero-catalog-showcase-item--dalma-boylu-kure-mikro-frezeler .agnero-catalog-showcase-visual {
  bottom: -10%;
}

.agnero-catalog-showcase-item--dalma-boylu-duz-mikro-frezeler .agnero-catalog-showcase-visual {
  left: 44%;
}

.agnero-catalog-showcase-item--dalma-boylu-kure-mikro-frezeler .agnero-catalog-showcase-visual {
  left: 58%;
}

.agnero-catalog-showcase-item--dalma-boylu-kure-mikro-frezeler .agnero-catalog-showcase-tool--composite-portrait .agnero-catalog-visual img {
  width: clamp(8.5rem, 8.5vw, 10rem);
}

.agnero-catalog-showcase-item--dalma-boylu-duz-mikro-frezeler .agnero-catalog-showcase-tool--composite-portrait .agnero-catalog-visual img,
.agnero-catalog-showcase-item--dalma-boylu-kure-mikro-frezeler .agnero-catalog-showcase-tool--composite-portrait .agnero-catalog-visual img {
  transform: rotate(15deg);
  transform-origin: 50% 100%;
}

/* This three-cutter source is portrait artwork even when attachment metadata
   classifies it as landscape. Present it like the neighbouring micro cutters:
   large, centred and leaning 15 degrees to the right. */
.agnero-catalog-showcase-item--dalma-boylu-duz-mikro-frezeler .agnero-catalog-showcase-visual {
  left: 50%;
  width: 78%;
}

.agnero-catalog-showcase-item--dalma-boylu-duz-mikro-frezeler .agnero-catalog-showcase-tool--term-55-hrc-dalma-boylu-duz-mikro-frezeler .agnero-catalog-visual {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: flex-end;
  justify-content: center;
  overflow: visible;
  transform: none;
}

.agnero-catalog-showcase-item--dalma-boylu-duz-mikro-frezeler .agnero-catalog-showcase-tool--term-55-hrc-dalma-boylu-duz-mikro-frezeler .agnero-catalog-visual img {
  position: static;
  width: clamp(8rem, 9.3vw, 9.5rem);
  max-width: none;
  height: auto;
  max-height: none;
  object-fit: contain;
  object-position: center bottom;
  transform: translate(-45%, 0.65rem) rotate(15deg);
  transform-origin: 50% 100%;
}

.agnero-catalog-showcase-item--dalma-boylu-duz-mikro-frezeler .agnero-catalog-card--showcase:hover .agnero-catalog-showcase-tool--term-55-hrc-dalma-boylu-duz-mikro-frezeler .agnero-catalog-visual img,
.agnero-catalog-showcase-item--dalma-boylu-duz-mikro-frezeler .agnero-catalog-card--showcase:focus-visible .agnero-catalog-showcase-tool--term-55-hrc-dalma-boylu-duz-mikro-frezeler .agnero-catalog-visual img {
  transform: translate(-45%, 0.65rem) rotate(15deg) scale(1.025);
}

.agnero-catalog-showcase-tool--landscape .agnero-catalog-visual {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  container-type: size;
  transform: none;
}

.agnero-catalog-showcase-tool--landscape .agnero-catalog-visual img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: var(--agnero-showcase-tool-diameter);
  max-width: none;
  object-fit: contain;
  object-position: center center;
  transform: translate(-50%, -50%) rotate(-75deg);
  transform-origin: center;
}

.agnero-catalog-showcase-tool--rotate-portrait .agnero-catalog-visual {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  container-type: size;
  transform: none;
}

.agnero-catalog-showcase-tool--rotate-portrait .agnero-catalog-visual img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--agnero-showcase-tool-diameter);
  height: auto;
  max-width: none;
  max-height: none;
  object-fit: contain;
  object-position: center;
  transform: translate(-50%, -50%) rotate(90deg);
  transform-origin: center;
}

.agnero-catalog-card--showcase:hover .agnero-catalog-showcase-tool .agnero-catalog-visual img,
.agnero-catalog-card--showcase:focus-visible .agnero-catalog-showcase-tool .agnero-catalog-visual img {
  filter: drop-shadow(0 22px 24px rgba(18, 55, 120, 0.2)) brightness(1.04) saturate(1.04);
  transform: scale(1.025);
}

.agnero-catalog-card--showcase:hover .agnero-catalog-showcase-tool--landscape .agnero-catalog-visual img,
.agnero-catalog-card--showcase:focus-visible .agnero-catalog-showcase-tool--landscape .agnero-catalog-visual img {
  transform: translate(-50%, -50%) rotate(-75deg) scale(1.025);
}

.agnero-catalog-card--showcase:hover .agnero-catalog-showcase-tool--rotate-portrait .agnero-catalog-visual img,
.agnero-catalog-card--showcase:focus-visible .agnero-catalog-showcase-tool--rotate-portrait .agnero-catalog-visual img {
  transform: translate(-50%, -50%) rotate(90deg) scale(1.025);
}

.agnero-catalog-showcase-item--dalma-boylu-duz-mikro-frezeler .agnero-catalog-card--showcase:hover .agnero-catalog-showcase-tool--composite-portrait .agnero-catalog-visual img,
.agnero-catalog-showcase-item--dalma-boylu-duz-mikro-frezeler .agnero-catalog-card--showcase:focus-visible .agnero-catalog-showcase-tool--composite-portrait .agnero-catalog-visual img,
.agnero-catalog-showcase-item--dalma-boylu-kure-mikro-frezeler .agnero-catalog-card--showcase:hover .agnero-catalog-showcase-tool--composite-portrait .agnero-catalog-visual img,
.agnero-catalog-showcase-item--dalma-boylu-kure-mikro-frezeler .agnero-catalog-card--showcase:focus-visible .agnero-catalog-showcase-tool--composite-portrait .agnero-catalog-visual img {
  transform: rotate(15deg) scale(1.025);
}

.agnero-catalog-showcase-item--aluminyum-kure-frezeler-polisajli .agnero-catalog-showcase-tool--term-aluminyum-kure-standart-boy-frezeler-polisajli {
  --agnero-showcase-tool-diameter: 3.16rem;
}

.agnero-catalog-showcase-item--aluminyum-kure-frezeler-polisajli {
  --agnero-aluminum-ball-vertical-shift: 4rem;
}

.agnero-catalog-showcase-item--aluminyum-kure-frezeler-polisajli .agnero-catalog-showcase-tool--term-aluminyum-kure-standart-boy-frezeler-polisajli .agnero-catalog-visual {
  transform: translate(-46%, calc(-2.8rem + var(--agnero-aluminum-ball-vertical-shift))) rotate(15deg);
}

.agnero-catalog-showcase-item--aluminyum-kure-frezeler-polisajli .agnero-catalog-showcase-tool--term-aluminyum-kure-uzun-boy-frezeler-polisajli {
  --agnero-showcase-tool-diameter: clamp(1.9rem, 2.2vw, 2.4rem);
}

.agnero-catalog-showcase-item--aluminyum-kure-frezeler-polisajli .agnero-catalog-showcase-tool--term-aluminyum-kure-uzun-boy-frezeler-polisajli .agnero-catalog-visual {
  transform: translate(-72%, calc(-1rem + var(--agnero-aluminum-ball-vertical-shift))) rotate(15deg);
}

.agnero-catalog-showcase-item--kure-mikro-boy-frezeler .agnero-catalog-showcase-tool--term-standart-boy-kure-mikro-frezeler {
  --agnero-showcase-tool-diameter: clamp(1.85rem, 2.25vw, 2.5rem);
}

.agnero-catalog-showcase-item--kure-mikro-boy-frezeler .agnero-catalog-showcase-tool--term-kure-mikro-55-standart,
.agnero-catalog-showcase-item--kure-mikro-boy-frezeler .agnero-catalog-showcase-tool--term-kure-mikro-65-standart {
  --agnero-showcase-tool-diameter: clamp(1.9rem, 2.2vw, 2.35rem);
}

.agnero-catalog-showcase-item--duz-mikro-boy-frezeler .agnero-catalog-showcase-tool.agnero-catalog-showcase-tool--term-duz-mikro-55-standart,
.agnero-catalog-showcase-item--duz-mikro-boy-frezeler .agnero-catalog-showcase-tool.agnero-catalog-showcase-tool--term-duz-mikro-65-standart {
  --agnero-showcase-tool-diameter: clamp(1.9rem, 2.2vw, 2.35rem);
}

.agnero-catalog-showcase-item--kure-mikro-boy-frezeler .agnero-catalog-showcase-tool--term-kure-mikro-55-standart .agnero-catalog-visual,
.agnero-catalog-showcase-item--duz-mikro-boy-frezeler .agnero-catalog-showcase-tool--term-duz-mikro-55-standart .agnero-catalog-visual {
  transform: translateX(-30%) rotate(15deg);
}

.agnero-catalog-showcase-item--kure-mikro-boy-frezeler .agnero-catalog-showcase-tool--term-kure-mikro-65-standart .agnero-catalog-visual,
.agnero-catalog-showcase-item--duz-mikro-boy-frezeler .agnero-catalog-showcase-tool--term-duz-mikro-65-standart .agnero-catalog-visual {
  transform: translateX(-70%) rotate(15deg);
}

.agnero-catalog-showcase-item--kure-mikro-boy-frezeler .agnero-catalog-showcase-visual,
.agnero-catalog-showcase-item--duz-mikro-boy-frezeler .agnero-catalog-showcase-visual {
  bottom: -14%;
}

/* The ball-micro card uses the same three-photo layout as the neighbouring
   flat-micro card: two narrow single cutters plus one composite group photo,
   scaled to the shared catalog diameter so nothing overlaps or overflows. */
.agnero-catalog-showcase-item--kure-mikro-boy-frezeler .agnero-catalog-showcase-visual {
  left: 44%;
}

.agnero-catalog-showcase-item--duz-mikro-boy-frezeler .agnero-catalog-showcase-tool--term-duz-mikro-dalma .agnero-catalog-visual {
  transform: translateX(-75%);
}

.agnero-catalog-showcase-item--duz-mikro-boy-frezeler .agnero-catalog-showcase-tool--term-duz-mikro-dalma .agnero-catalog-visual img {
  width: clamp(6.5rem, 7vw, 7.5rem);
  transform: rotate(15deg);
  transform-origin: 50% 100%;
}

.agnero-catalog-showcase-item--duz-mikro-boy-frezeler .agnero-catalog-card--showcase:hover .agnero-catalog-showcase-tool--term-duz-mikro-dalma .agnero-catalog-visual img,
.agnero-catalog-showcase-item--duz-mikro-boy-frezeler .agnero-catalog-card--showcase:focus-visible .agnero-catalog-showcase-tool--term-duz-mikro-dalma .agnero-catalog-visual img {
  transform: rotate(15deg) scale(1.025);
}

.agnero-catalog-showcase-item--kure-mikro-boy-frezeler .agnero-catalog-showcase-tool--term-kure-mikro-dalma .agnero-catalog-visual {
  transform: translateX(-75%);
}

.agnero-catalog-showcase-item--kure-mikro-boy-frezeler .agnero-catalog-showcase-tool--term-kure-mikro-dalma .agnero-catalog-visual img {
  width: clamp(6.5rem, 7vw, 7.5rem);
  transform: rotate(15deg);
  transform-origin: 50% 100%;
}

.agnero-catalog-showcase-item--kure-mikro-boy-frezeler .agnero-catalog-showcase-tool--term-dalma-boylu-kure-mikro-frezeler .agnero-catalog-visual {
  transform: translateX(-38%);
}

.agnero-catalog-showcase-item--kure-mikro-boy-frezeler .agnero-catalog-showcase-tool--term-dalma-boylu-kure-mikro-frezeler .agnero-catalog-visual img {
  transform: rotate(15deg);
  transform-origin: 50% 100%;
}

.agnero-catalog-showcase-item--kure-mikro-boy-frezeler .agnero-catalog-card--showcase:hover .agnero-catalog-showcase-tool--term-dalma-boylu-kure-mikro-frezeler .agnero-catalog-visual img,
.agnero-catalog-showcase-item--kure-mikro-boy-frezeler .agnero-catalog-card--showcase:focus-visible .agnero-catalog-showcase-tool--term-dalma-boylu-kure-mikro-frezeler .agnero-catalog-visual img {
  transform: rotate(15deg) scale(1.025);
}

.agnero-catalog-showcase-item--kure-mikro-boy-frezeler .agnero-catalog-card--showcase:hover .agnero-catalog-showcase-tool--term-kure-mikro-dalma .agnero-catalog-visual img,
.agnero-catalog-showcase-item--kure-mikro-boy-frezeler .agnero-catalog-card--showcase:focus-visible .agnero-catalog-showcase-tool--term-kure-mikro-dalma .agnero-catalog-visual img {
  transform: rotate(15deg) scale(1.025);
}

/* The two main cutter families preview five distinct product ranges before
   navigation. Every tool shares one buried shaft-end pivot, creating the
   requested flower/tree silhouette while keeping cutting tips prominent. */
.agnero-catalog-showcase-visual--fan {
  bottom: 3%;
  display: block;
  width: 100%;
  height: 84%;
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool {
  --agnero-showcase-tool-diameter: clamp(1.65rem, 1.85vw, 2rem);
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--2,
.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--4 {
  z-index: 3;
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--1 {
  z-index: 4;
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--term-duz-mikro-dalma-boy {
  z-index: 1;
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--3 {
  z-index: 5;
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--1 {
  --agnero-fan-landscape-angle: -118deg;
  --agnero-fan-portrait-angle: -28deg;
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--2 {
  --agnero-fan-landscape-angle: -106deg;
  --agnero-fan-portrait-angle: -16deg;
  --agnero-showcase-tool-diameter: clamp(1.7rem, 1.95vw, 2.05rem);
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--3 {
  --agnero-fan-landscape-angle: -90deg;
  --agnero-fan-portrait-angle: 0deg;
  --agnero-showcase-tool-diameter: clamp(1.9rem, 2.15vw, 2.25rem);
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--4 {
  --agnero-fan-landscape-angle: -74deg;
  --agnero-fan-portrait-angle: 16deg;
  --agnero-showcase-tool-diameter: clamp(1.7rem, 1.95vw, 2.05rem);
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--5 {
  --agnero-fan-landscape-angle: -62deg;
  --agnero-fan-portrait-angle: 28deg;
  --agnero-showcase-tool-diameter: clamp(1.55rem, 1.75vw, 1.85rem);
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--term-duz-mikro-dalma-boy {
  --agnero-showcase-tool-diameter: clamp(1.52rem, 1.62vw, 1.95rem);
  --agnero-fan-portrait-angle: -28deg;
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--term-duz-55-hrc-standart {
  --agnero-showcase-tool-diameter: clamp(1.94rem, 1.96vw, 2.4rem);
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--2.agnero-catalog-showcase-tool--portrait.agnero-catalog-showcase-tool--term-duz-55-hrc-standart .agnero-catalog-visual img {
  bottom: -6%;
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--term-duz-uzun-boy {
  --agnero-showcase-tool-diameter: clamp(1.52rem, 1.54vw, 1.9rem);
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--term-duz-aluminyum-polisajli {
  --agnero-showcase-tool-diameter: clamp(2.39rem, 2.42vw, 2.96rem);
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--term-duz-aluminyum-dlc {
  --agnero-showcase-tool-diameter: clamp(2.18rem, 2.21vw, 2.7rem);
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--term-kure-mikro-boy {
  --agnero-showcase-tool-diameter: clamp(1.08rem, 1.1vw, 1.34rem);
  --agnero-fan-portrait-angle: -28deg;
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--term-kure-65-hrc-standart {
  --agnero-showcase-tool-diameter: clamp(2.26rem, 2.29vw, 2.8rem);
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--term-kure-65-hrc-uzun {
  --agnero-showcase-tool-diameter: clamp(1.57rem, 1.59vw, 1.95rem);
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--term-kure-55-hrc-uzun {
  --agnero-showcase-tool-diameter: clamp(1.42rem, 1.44vw, 1.76rem);
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--term-kure-55-hrc-standart {
  --agnero-showcase-tool-diameter: clamp(1.92rem, 1.94vw, 2.38rem);
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-visual {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  transform: none;
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--landscape .agnero-catalog-visual img {
  position: absolute;
  top: 100%;
  left: 50%;
  width: auto;
  height: var(--agnero-showcase-tool-diameter);
  max-width: none;
  max-height: none;
  transform-origin: 0 50%;
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--portrait .agnero-catalog-visual img {
  position: absolute;
  bottom: 12%;
  left: 50%;
  width: var(--agnero-showcase-tool-diameter);
  height: auto;
  max-width: none;
  max-height: none;
  transform-origin: 50% 100%;
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--1.agnero-catalog-showcase-tool--portrait.agnero-catalog-showcase-tool--term-duz-mikro-dalma-boy .agnero-catalog-visual img {
  bottom: -10%;
  left: 55%;
  width: calc(var(--agnero-showcase-tool-diameter) * 3);
  clip-path: inset(0 66.666% 0 0);
  transform: translateX(-16.666%) rotate(var(--agnero-fan-portrait-angle));
  transform-origin: 16.666% 100%;
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--term-kure-mikro-boy .agnero-catalog-visual img {
  bottom: -6%;
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--1.agnero-catalog-showcase-tool--landscape .agnero-catalog-visual img {
  transform: rotate(var(--agnero-fan-landscape-angle));
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--2.agnero-catalog-showcase-tool--landscape .agnero-catalog-visual img {
  transform: rotate(var(--agnero-fan-landscape-angle));
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--3.agnero-catalog-showcase-tool--landscape .agnero-catalog-visual img {
  transform: rotate(var(--agnero-fan-landscape-angle));
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--4.agnero-catalog-showcase-tool--landscape .agnero-catalog-visual img {
  transform: rotate(var(--agnero-fan-landscape-angle));
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--5.agnero-catalog-showcase-tool--landscape .agnero-catalog-visual img {
  transform: rotate(var(--agnero-fan-landscape-angle));
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--1.agnero-catalog-showcase-tool--portrait .agnero-catalog-visual img {
  transform: translateX(-50%) rotate(var(--agnero-fan-portrait-angle));
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--2.agnero-catalog-showcase-tool--portrait .agnero-catalog-visual img {
  transform: translateX(-50%) rotate(var(--agnero-fan-portrait-angle));
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--3.agnero-catalog-showcase-tool--portrait .agnero-catalog-visual img {
  transform: translateX(-50%);
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--4.agnero-catalog-showcase-tool--portrait .agnero-catalog-visual img {
  transform: translateX(-50%) rotate(var(--agnero-fan-portrait-angle));
}

.agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--5.agnero-catalog-showcase-tool--portrait .agnero-catalog-visual img {
  transform: translateX(-50%) rotate(var(--agnero-fan-portrait-angle));
}

.agnero-catalog-card--showcase:hover .agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool .agnero-catalog-visual img,
.agnero-catalog-card--showcase:focus-visible .agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool .agnero-catalog-visual img {
  filter: drop-shadow(0 22px 24px rgba(18, 55, 120, 0.2)) brightness(1.04) saturate(1.04);
}

.agnero-catalog-card--showcase:hover .agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--landscape .agnero-catalog-visual img,
.agnero-catalog-card--showcase:focus-visible .agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--landscape .agnero-catalog-visual img {
  transform: rotate(var(--agnero-fan-landscape-angle)) scale(1.025);
}

.agnero-catalog-card--showcase:hover .agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--portrait .agnero-catalog-visual img,
.agnero-catalog-card--showcase:focus-visible .agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--portrait .agnero-catalog-visual img {
  transform: translateX(-50%) rotate(var(--agnero-fan-portrait-angle)) scale(1.025);
}

.agnero-catalog-card--showcase:hover .agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--term-duz-mikro-dalma-boy .agnero-catalog-visual img,
.agnero-catalog-card--showcase:focus-visible .agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--term-duz-mikro-dalma-boy .agnero-catalog-visual img {
  transform: translateX(-16.666%) rotate(var(--agnero-fan-portrait-angle)) scale(1.025);
}

/* Per-family optical corrections. Source images intentionally keep their
   natural proportions, so a few unusually narrow or wide canvases need an
   explicit card-level scale instead of changing the shared catalog scale. */
.agnero-catalog-showcase-item--duz-55-hrc-standart-uzun-boy-frezeler .agnero-catalog-showcase-visual,
.agnero-catalog-showcase-item--kure-55-hrc-standart-uzun-boy-frezeler .agnero-catalog-showcase-visual {
  left: 46%;
}

.agnero-catalog-showcase-item--duz-65-hrc-standart-uzun-boy-frezeler .agnero-catalog-showcase-visual,
.agnero-catalog-showcase-item--kure-65-hrc-standart-uzun-boy-frezeler .agnero-catalog-showcase-visual {
  left: 47%;
}

.agnero-catalog-showcase-item--duz-mikro-boy-frezeler .agnero-catalog-showcase-visual {
  left: 44%;
}

.agnero-catalog-showcase-item--duz-mikro-boy-frezeler .agnero-catalog-showcase-tool {
  --agnero-showcase-tool-diameter: clamp(1.8rem, 2vw, 2.3rem);
}

/* PM drill previews use different source aspect ratios. Scale each family
   independently so the cards communicate the 3D < 5D < Mikro length order
   without letting the longer source canvases dominate the composition. */
.agnero-catalog-showcase-item--3d-pm-matkap .agnero-catalog-showcase-tool {
  --agnero-showcase-tool-diameter: clamp(1.65rem, 1.95vw, 2.15rem);
}

.agnero-catalog-showcase-item--5d-pm-matkap .agnero-catalog-showcase-tool {
  --agnero-showcase-tool-diameter: clamp(1.6rem, 1.95vw, 2.15rem);
}

/* Mikro PM's source is a landscape product photo. Its rotated vertical pose
   needs a dedicated scale and hover transform so the generic card hover never
   resets it to its flat, nearly invisible orientation. */
.agnero-catalog-showcase-item--mikro-pm-matkap .agnero-catalog-showcase-visual {
  left: 53%;
  bottom: -4%;
  width: 78%;
}

.agnero-catalog-showcase-item--mikro-pm-matkap .agnero-catalog-showcase-tool {
  --agnero-showcase-tool-diameter: clamp(1.75rem, 2.1vw, 2.35rem);
}

.agnero-catalog-showcase-item--mikro-pm-matkap .agnero-catalog-showcase-tool--portrait .agnero-catalog-visual {
  position: relative;
  display: block;
  overflow: visible;
  transform: none;
}

.agnero-catalog-showcase-item--mikro-pm-matkap .agnero-catalog-showcase-tool--portrait .agnero-catalog-visual img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 78%;
  max-height: none;
  transform: translate(-50%, -50%) rotate(105deg) scale(1.6);
  transform-origin: center;
}

.agnero-catalog-showcase-item--mikro-pm-matkap .agnero-catalog-card--showcase:hover .agnero-catalog-showcase-tool--portrait .agnero-catalog-visual img,
.agnero-catalog-showcase-item--mikro-pm-matkap .agnero-catalog-card--showcase:focus-visible .agnero-catalog-showcase-tool--portrait .agnero-catalog-visual img {
  transform: translate(-50%, -50%) rotate(105deg) scale(1.64);
}

.agnero-catalog-card__micro-pm-label {
  position: absolute;
  top: clamp(5.55rem, 7.2vw, 7.1rem);
  right: clamp(0.9rem, 1.25vw, 1.3rem);
  z-index: 3;
  display: grid;
  gap: 0.15rem;
  max-width: min(11.5rem, 48%);
  padding: 0.44rem 0.62rem 0.48rem;
  border: 1px solid rgba(255, 113, 0, 0.38);
  border-radius: 0.55rem;
  background: rgba(255, 247, 239, 0.94);
  box-shadow: 0 0.45rem 0.9rem rgba(18, 55, 120, 0.08);
  color: #9f4600;
  line-height: 1.08;
  text-align: right;
}

.agnero-catalog-card__micro-pm-label span {
  font-size: clamp(0.64rem, 0.74vw, 0.76rem);
  font-weight: 850;
}

.agnero-catalog-card__micro-pm-label small {
  color: #c45a00;
  font-size: clamp(0.56rem, 0.64vw, 0.65rem);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 48rem) {
  .agnero-catalog-showcase-item--mikro-pm-matkap .agnero-catalog-showcase-visual {
    left: 54%;
    bottom: -2%;
  }

  .agnero-catalog-card__micro-pm-label {
    top: 4.7rem;
    right: 0.7rem;
    max-width: 52%;
    padding: 0.34rem 0.46rem 0.38rem;
  }
}

@media (min-width: 64.01rem) {
  .agnero-catalog-card-grid--showcase:has(> .agnero-catalog-showcase-item--havsa-frezeler) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.agnero-catalog-showcase-item--kure-frezeler .agnero-catalog-showcase-visual:not(.agnero-catalog-showcase-visual--fan) {
  bottom: -27%;
}

/* Use the centre cutter of the Küre fan as the visual ruler for the three
   single-cutter families. Their different source aspect ratios no longer
   change the perceived height or pull the cutter away from the card centre. */
.agnero-catalog-showcase-item--dis-frezeler .agnero-catalog-showcase-visual,
.agnero-catalog-showcase-item--pah-frezeler .agnero-catalog-showcase-visual,
.agnero-catalog-showcase-item--havsa-frezeler .agnero-catalog-showcase-visual {
  bottom: 0;
  width: 100%;
}

.agnero-catalog-showcase-item--dis-frezeler .agnero-catalog-visual,
.agnero-catalog-showcase-item--pah-frezeler .agnero-catalog-visual,
.agnero-catalog-showcase-item--havsa-frezeler .agnero-catalog-visual {
  align-items: flex-end;
  justify-content: center;
  transform: none;
}

.agnero-catalog-showcase-item--dis-frezeler .agnero-catalog-showcase-tool--portrait .agnero-catalog-visual img,
.agnero-catalog-showcase-item--pah-frezeler .agnero-catalog-showcase-tool--portrait .agnero-catalog-visual img,
.agnero-catalog-showcase-item--havsa-frezeler .agnero-catalog-showcase-tool--portrait .agnero-catalog-visual img {
  width: auto;
  height: 81%;
}

.agnero-catalog-showcase-item--pm-matkaplar .agnero-catalog-showcase-tool {
  --agnero-showcase-tool-diameter: clamp(1.75rem, 2.05vw, 2.35rem);
}

.agnero-catalog-showcase-item--pm-matkaplar .agnero-catalog-showcase-visual {
  left: 44%;
}

.agnero-catalog-showcase-item--pm-matkaplar .agnero-catalog-showcase-tool--3 {
  /* The micro PM preview uses its actual portrait product image, so give it
     enough diameter to remain legible beside the 3D and 5D drills. */
  --agnero-showcase-tool-diameter: clamp(1rem, 1.2vw, 1.25rem);
}

.agnero-catalog-showcase-item--pm-matkaplar .agnero-catalog-showcase-tool--3 .agnero-catalog-visual {
  transform: translateX(-50%) rotate(15deg);
}

.agnero-catalog-showcase-item--tin-kapli-hss-e-matkaplar-din-338 .agnero-catalog-showcase-tool {
  --agnero-showcase-tool-diameter: clamp(1.45rem, 1.65vw, 1.9rem);
}

.agnero-catalog-showcase-item--punta-matkaplar .agnero-catalog-showcase-tool {
  --agnero-showcase-tool-diameter: clamp(2.9rem, 3.55vw, 4rem);
}

/* The long punta artwork has a 10:1 portrait ratio; keep it fully within
   the two-tool card instead of letting its lower shaft overflow the frame. */
.agnero-catalog-showcase-item--punta-matkaplar .agnero-catalog-showcase-tool--term-punta-matkaplar-uzun-boy {
  --agnero-showcase-tool-diameter: clamp(2.475rem, 2.925vw, 3.375rem);
}

.agnero-catalog-showcase-item--punta-matkaplar .agnero-catalog-showcase-tool--term-punta-matkaplar-standart-boy {
  --agnero-showcase-tool-diameter: 1.95rem;
}

.agnero-catalog-showcase-item--punta-matkaplar .agnero-catalog-showcase-tool .agnero-catalog-visual {
  transform: translateX(-36%) rotate(15deg);
}

/* Align the shorter standard punta with the long version's cutting end in
   the shared showcase card. */
.agnero-catalog-showcase-item--punta-matkaplar .agnero-catalog-showcase-tool--term-punta-matkaplar-standart-boy .agnero-catalog-visual {
  transform: translate(-36%, -1.15rem) rotate(15deg);
}

.agnero-catalog-showcase-item--kilavuz-duz-tin-kapli .agnero-catalog-showcase-tool {
  --agnero-showcase-tool-diameter: clamp(2.8rem, 3.45vw, 3.9rem);
}

.agnero-catalog-showcase-item--kilavuz-helis-tin-kapli .agnero-catalog-showcase-tool {
  --agnero-showcase-tool-diameter: clamp(2.7rem, 3.3vw, 3.75rem);
}

.agnero-catalog-showcase-item--kilavuz-duz-buhar-menevisli .agnero-catalog-showcase-tool {
  --agnero-showcase-tool-diameter: clamp(2.65rem, 3.2vw, 3.65rem);
}

.agnero-catalog-showcase-item--hss-h7-raybalar .agnero-catalog-showcase-tool {
  --agnero-showcase-tool-diameter: clamp(1.65rem, 1.95vw, 2.2rem);
}

.agnero-catalog-showcase-item--piko-dis-cekme-takimlari-mir .agnero-catalog-showcase-tool {
  --agnero-showcase-tool-diameter: clamp(4.75rem, 6vw, 6.75rem);
}

.agnero-catalog-showcase-item--piko-dis-cekme-takimlari-mir .agnero-catalog-showcase-visual {
  bottom: -14%;
}

/* Align the cutting ends of the Piko family cards to the MQR visual ruler. */
.agnero-catalog-showcase-item--piko-tornalama-takimlari-mqr .agnero-catalog-showcase-tool .agnero-catalog-visual,
.agnero-catalog-showcase-item--piko-dis-cekme-takimlari-mir .agnero-catalog-showcase-tool .agnero-catalog-visual,
.agnero-catalog-showcase-item--piko-duz-kanal-takimlari-mgr .agnero-catalog-showcase-tool .agnero-catalog-visual,
.agnero-catalog-showcase-item--piko-kure-kanal-takimlari-mkr .agnero-catalog-showcase-tool .agnero-catalog-visual {
  align-items: flex-start;
  box-sizing: border-box;
  padding-top: clamp(2.5rem, 4vw, 3rem);
}

.agnero-catalog-showcase-item--piko-dis-cekme-takimlari-mir .agnero-catalog-showcase-tool .agnero-catalog-visual {
  padding-top: calc(clamp(2.5rem, 4vw, 3rem) + 2rem);
}

/* The MIR artwork is mirrored left-to-right so its cutting tip matches the
   neighbouring Piko tools, while the high-resolution source stays crisp. */
.agnero-catalog-showcase-item--piko-dis-cekme-takimlari-mir .agnero-catalog-showcase-tool .agnero-catalog-visual img {
  transform: scaleX(-1);
}

.agnero-catalog-showcase-item--piko-dis-cekme-takimlari-mir .agnero-catalog-card--showcase:hover .agnero-catalog-showcase-tool .agnero-catalog-visual img,
.agnero-catalog-showcase-item--piko-dis-cekme-takimlari-mir .agnero-catalog-card--showcase:focus-visible .agnero-catalog-showcase-tool .agnero-catalog-visual img {
  transform: scaleX(-1) scale(1.025);
}

.agnero-catalog-showcase-item--piko-takim-tutucular .agnero-catalog-showcase-tool {
  --agnero-showcase-tool-diameter: clamp(4rem, 4.75vw, 5.4rem);
}

.agnero-catalog-showcase-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.24rem 0.42rem;
  min-height: 2.35rem;
  padding-inline: 0.55rem;
  color: #7d8ead;
  font-size: clamp(0.78rem, 0.85vw, 0.94rem);
  font-weight: 500;
  line-height: 1.35;
  text-align: center;
}

.agnero-catalog-showcase-links a {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  color: inherit;
  text-decoration: none;
}

.agnero-catalog-showcase-links a:hover,
.agnero-catalog-showcase-links a:focus-visible {
  color: #123778;
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.agnero-catalog-showcase-links a + a::before {
  content: "";
  display: inline-block;
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 999px;
  background: currentColor;
  opacity: 0.82;
}

.agnero-catalog-showcase-links a:nth-child(n+3) {
  flex-basis: 100%;
  justify-content: center;
}

.agnero-catalog-showcase-links a:nth-child(n+3)::before {
  display: none;
}

.agnero-rayba-guide {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(1rem, 2.5vw, 1.75rem);
  align-items: stretch;
  margin-top: clamp(0.5rem, 1.6vw, 1rem);
  padding: clamp(1.15rem, 2.8vw, 2rem);
  border: 1px solid #cfe0f2;
  border-radius: 1.35rem;
  background:
    linear-gradient(90deg, rgba(18, 55, 120, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(18, 55, 120, 0.035) 1px, transparent 1px),
    #ffffff;
  background-size: 28px 28px;
  box-shadow: 0 22px 60px rgba(18, 55, 120, 0.08);
}

.agnero-rayba-guide__intro {
  display: grid;
  align-content: start;
  gap: 0.75rem;
}

.agnero-rayba-guide__eyebrow {
  display: inline-flex;
  width: fit-content;
  padding: 0.22rem 0.68rem;
  border-radius: 999px;
  background: rgba(255, 112, 0, 0.1);
  color: #c65d00;
  font-size: 0.76rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.agnero-rayba-guide h2 {
  max-width: 13ch;
  margin: 0;
  color: #071526;
  font-size: clamp(1.6rem, 3vw, 2.35rem);
  font-weight: 850;
  line-height: 1.05;
  letter-spacing: 0;
}

.agnero-rayba-guide__intro p {
  max-width: 54ch;
  margin: 0;
  color: #536579;
  font-size: 0.98rem;
  line-height: 1.72;
}

.agnero-rayba-guide__visual {
  display: grid;
  align-items: center;
  min-height: 13.75rem;
  padding: clamp(1rem, 2vw, 1.35rem);
  border: 1px solid rgba(18, 55, 120, 0.1);
  border-radius: 1.05rem;
  background:
    radial-gradient(circle at 78% 18%, rgba(255, 112, 0, 0.11), transparent 30%),
    linear-gradient(135deg, #f7faff, #eef4fb);
}

.agnero-rayba-gauge {
  position: relative;
  min-height: 11rem;
}

.agnero-rayba-gauge__axis,
.agnero-rayba-gauge__zero {
  position: absolute;
  left: 7%;
  right: 7%;
  top: 50%;
  height: 2px;
  background: #9db7d2;
}

.agnero-rayba-gauge__axis::before,
.agnero-rayba-gauge__axis::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0.55rem;
  height: 0.55rem;
  border-top: 2px solid #9db7d2;
}

.agnero-rayba-gauge__axis::before {
  left: 0;
  border-left: 2px solid #9db7d2;
  transform: translateY(-50%) rotate(-45deg);
}

.agnero-rayba-gauge__axis::after {
  right: 0;
  border-right: 2px solid #9db7d2;
  transform: translateY(-50%) rotate(45deg);
}

.agnero-rayba-gauge__zero {
  left: 50%;
  right: auto;
  top: 19%;
  bottom: 18%;
  width: 2px;
  height: auto;
  background: rgba(18, 55, 120, 0.28);
}

.agnero-rayba-gauge__band {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 4.4rem;
  min-height: 2.55rem;
  padding: 0.55rem 0.8rem;
  border-radius: 999px;
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 850;
  box-shadow: 0 12px 26px rgba(18, 55, 120, 0.18);
}

.agnero-rayba-gauge__band--minus {
  left: 18%;
  top: 58%;
  background: #315c86;
}

.agnero-rayba-gauge__band--center {
  left: 50%;
  top: 37%;
  transform: translateX(-50%);
  background: #123778;
}

.agnero-rayba-gauge__band--plus {
  right: 18%;
  top: 23%;
  background: #ff7000;
}

.agnero-rayba-gauge__label {
  position: absolute;
  color: #5d7086;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.agnero-rayba-gauge__label--minus {
  left: 5%;
  bottom: 0.2rem;
}

.agnero-rayba-gauge__label--zero {
  left: 50%;
  bottom: 0.2rem;
  transform: translateX(-50%);
}

.agnero-rayba-gauge__label--plus {
  right: 5%;
  top: 0.2rem;
}

.agnero-rayba-guide__cards {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
}

.agnero-rayba-guide__card {
  position: relative;
  display: grid;
  gap: 0.5rem;
  min-width: 0;
  padding: 1rem;
  border: 1px solid rgba(18, 55, 120, 0.1);
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.82);
}

.agnero-rayba-guide__card::before {
  content: "";
  width: 2.2rem;
  height: 0.22rem;
  border-radius: 999px;
  background: #123778;
}

.agnero-rayba-guide__card.is-plus::before {
  background: #ff7000;
}

.agnero-rayba-guide__card.is-minus::before {
  background: #315c86;
}

.agnero-rayba-guide__card span {
  color: #718197;
  font-size: 0.74rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.agnero-rayba-guide__card strong {
  color: #123778;
  font-size: 1.35rem;
  font-weight: 850;
  line-height: 1;
}

.agnero-rayba-guide__card p {
  margin: 0;
  color: #52657a;
  font-size: 0.88rem;
  line-height: 1.55;
}

.agnero-catalog-product-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.8rem;
}

.agnero-catalog-shell--insert-products {
  gap: 1.35rem;
}

.agnero-insert-sections {
  display: grid;
  gap: clamp(1.45rem, 2.4vw, 2rem);
}

.agnero-insert-section {
  display: grid;
  gap: 0.85rem;
}

.agnero-insert-section__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
}

.agnero-insert-section__head h2 {
  margin: 0;
  color: #050b14;
  font-size: clamp(1.2rem, 2vw, 1.65rem);
  font-weight: 850;
  line-height: 1.12;
  letter-spacing: 0;
}

.agnero-insert-section__head a {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.45rem;
  padding: 0.55rem 0.95rem;
  border: 1px solid #cfe0f2;
  border-radius: 8px;
  background: #fff;
  color: #123778;
  font-size: 0.84rem;
  font-weight: 800;
  text-decoration: none;
  transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.agnero-insert-section__head a:hover,
.agnero-insert-section__head a:focus-visible {
  border-color: #123778;
  background: #eef4fb;
  color: #123778;
}

.agnero-insert-product-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  gap: 0.85rem;
  width: 100%;
}

@media (min-width: 1440px) {
  .agnero-insert-product-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.agnero-insert-series-list {
  display: grid;
  gap: 1.35rem;
}

.agnero-insert-series {
  display: grid;
  gap: 0.7rem;
}

.agnero-insert-series__head {
  display: flex;
  align-items: center;
  min-height: 2.2rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #dce8f3;
}

.agnero-insert-series__head h3 {
  margin: 0;
  color: #123778;
  font-family: var(--font-mono);
  font-size: 0.94rem;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
}

.agnero-insert-product-card {
  --agnero-insert-image-ratio: 1;
  width: 100% !important;
  max-width: none;
  min-width: 0;
  display: grid;
  grid-template-rows: auto 1fr;
  float: none !important;
  margin: 0 !important;
  border: 1px solid #cfe0f2;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.agnero-insert-product-card:hover,
.agnero-insert-product-card:focus-within {
  border-color: #8fb5dc;
  box-shadow: 0 14px 34px rgba(18, 55, 120, 0.08);
  transform: translateY(-2px);
}

.agnero-insert-product-card__media {
  position: relative;
  display: block;
  color: inherit;
  text-decoration: none;
  overflow: hidden;
}

.agnero-cermet-badge {
  position: absolute;
  z-index: 2;
  top: 0.7rem;
  left: 0.7rem;
  display: inline-grid;
  grid-template-columns: 1.45rem 0fr;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 2rem;
  min-height: 2rem;
  padding: 0.16rem;
  border: 1px solid rgba(11, 120, 113, 0.24);
  border-radius: 999px;
  color: #063f3c;
  background:
    radial-gradient(circle at 28% 24%, rgba(255, 255, 255, 0.92), transparent 34%),
    linear-gradient(135deg, #e9fffb 0%, #c5f7ee 48%, #88ded4 100%);
  box-shadow: 0 10px 24px rgba(6, 83, 78, 0.16), inset 0 0 0 1px rgba(255, 255, 255, 0.68);
  overflow: hidden;
  pointer-events: none;
  transform-origin: left top;
  animation: agnero-cermet-badge-appear 0.72s cubic-bezier(0.2, 0.85, 0.18, 1.15) both;
  transition: grid-template-columns 0.3s ease, width 0.3s ease, padding 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

.agnero-cermet-badge::after {
  content: "";
  position: absolute;
  inset: 0.14rem;
  border-radius: inherit;
  border: 1px solid rgba(6, 63, 60, 0.28);
  opacity: 0.62;
}

.agnero-cermet-badge__mark,
.agnero-cermet-badge__text {
  position: relative;
  z-index: 1;
}

.agnero-cermet-badge__mark {
  display: inline-grid;
  place-items: center;
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 999px;
  color: #ffffff;
  background: #0b7871;
  font-family: var(--font-mono);
  font-size: 0.83rem;
  font-weight: 900;
  line-height: 1;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
}

.agnero-cermet-badge__text {
  min-width: 0;
  width: 0;
  padding: 0;
  overflow: hidden;
  color: #063f3c;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: 0;
  transform: translateX(-0.25rem);
  transition: opacity 0.22s ease, transform 0.3s ease;
}

.agnero-insert-product-card.is-cermet:hover .agnero-cermet-badge,
.agnero-insert-product-card.is-cermet:focus-within .agnero-cermet-badge {
  grid-template-columns: 1.45rem 1fr;
  justify-content: start;
  width: 5.95rem;
  padding: 0.16rem 0.34rem 0.16rem 0.24rem;
  box-shadow: 0 14px 30px rgba(6, 83, 78, 0.22), inset 0 0 0 1px rgba(255, 255, 255, 0.76);
  transform: translateY(-1px);
}

.agnero-insert-product-card.is-cermet:hover .agnero-cermet-badge__text,
.agnero-insert-product-card.is-cermet:focus-within .agnero-cermet-badge__text {
  width: auto;
  padding: 0 0.5rem 0 0.24rem;
  opacity: 1;
  transform: translateX(0);
}

@keyframes agnero-cermet-badge-appear {
  0% {
    opacity: 0;
    transform: translate(-0.35rem, -0.35rem) scale(0.58) rotate(-12deg);
  }
  58% {
    opacity: 1;
    transform: translate(0, 0) scale(1.12) rotate(2deg);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) scale(1) rotate(0deg);
  }
}

.agnero-insert-product-card__media::after {
  content: "";
  position: absolute;
  inset: 0.8rem 0.8rem 0;
  pointer-events: none;
  background: linear-gradient(
    115deg,
    transparent 0%,
    transparent 38%,
    rgba(255, 255, 255, 0.78) 48%,
    rgba(255, 255, 255, 0.24) 54%,
    transparent 64%,
    transparent 100%
  );
  opacity: 0;
  transform: translateX(-140%);
  transition: opacity 0.18s ease, transform 0.55s ease;
}

.agnero-insert-product-card__media .agnero-catalog-visual {
  width: auto;
  min-height: 0;
  aspect-ratio: 1 / 0.86;
  margin: 0.8rem 0.8rem 0;
  align-items: center;
  background: transparent;
}

.agnero-insert-product-card.is-cermet .agnero-insert-product-card__media .agnero-catalog-visual {
  margin-top: 1.05rem;
}

.agnero-insert-product-card__media .agnero-catalog-visual img {
  width: calc(var(--agnero-insert-image-ratio, 1) * 100%);
  height: calc(var(--agnero-insert-image-ratio, 1) * 100%);
  max-height: calc(var(--agnero-insert-image-ratio, 1) * 8.25rem);
  object-fit: contain;
  object-position: center;
  padding: 0;
  filter: drop-shadow(0 10px 18px rgba(18, 55, 120, 0.08));
  transition: filter 0.2s ease, transform 0.2s ease;
}

.agnero-insert-product-card:hover .agnero-insert-product-card__media::after,
.agnero-insert-product-card:focus-within .agnero-insert-product-card__media::after {
  opacity: 1;
  transform: translateX(140%);
}

.agnero-insert-product-card:hover .agnero-insert-product-card__media .agnero-catalog-visual img,
.agnero-insert-product-card:focus-within .agnero-insert-product-card__media .agnero-catalog-visual img {
  filter: drop-shadow(0 14px 24px rgba(18, 55, 120, 0.14)) brightness(1.08) saturate(1.05);
  transform: translateY(-2px) scale(1.025);
}

.agnero-insert-product-card__media .agnero-catalog-visual__placeholder {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
}

.agnero-insert-product-card__body {
  display: grid;
  gap: 0.55rem;
  padding: 0.95rem;
}

.agnero-insert-product-card__title {
  color: #123778;
  font-size: 0.98rem;
  font-weight: 850;
  line-height: 1.22;
  text-decoration: none;
}

.agnero-insert-product-card__title:hover,
.agnero-insert-product-card__title:focus-visible {
  color: #123778;
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.agnero-insert-product-card__body .agnero-hard-material-indicator {
  min-height: 1.35rem;
  padding: 0.2rem 0.46rem;
  font-size: 0.58rem;
}

.agnero-insert-product-card__purchase {
  align-self: end;
  display: grid;
  gap: 0.65rem;
  margin-top: 0.25rem;
}

.agnero-insert-product-card__purchase .product-price {
  color: #050b14;
  font-size: 0.98rem;
  font-weight: 850;
}

.agnero-insert-product-card__qty {
  display: grid;
  gap: 0.35rem;
  width: 100%;
}

.agnero-insert-product-card__qty-label {
  color: #425872;
  font-size: 0.74rem;
  font-weight: 850;
  line-height: 1;
}

.agnero-insert-product-card__purchase .agnero-qty-stepper {
  display: grid;
  grid-template-columns: 2.65rem minmax(0, 1fr) 2.65rem;
  gap: 0.45rem;
  width: 100%;
}

.agnero-insert-product-card__purchase .agnero-qty-stepper.is-expanded {
  grid-template-columns: 2.65rem minmax(0, 1fr) 2.65rem;
}

.agnero-insert-product-card__purchase .agnero-qty-stepper__button {
  width: 100%;
  min-width: 0;
  min-height: 2.65rem;
}

.agnero-insert-product-card__purchase .agnero-qty-stepper__button--minus {
  width: 100%;
  min-width: 0;
  overflow: visible;
  border-width: 2px;
  opacity: 1;
  pointer-events: auto;
}

.agnero-insert-product-card__purchase .agnero-qty-stepper__input {
  width: 100%;
  min-width: 0;
}

.agnero-insert-product-card__purchase .btn-add-to-cart {
  width: 100%;
  min-height: 2.55rem;
  border-radius: 8px;
}

@media (prefers-reduced-motion: reduce) {
  .agnero-cermet-badge {
    animation: none;
    transition: none;
  }

  .agnero-cermet-badge__text {
    transition: none;
  }
}

@media (max-width: 1024px) {
  .guide-launch-grid,
  .agnero-guide-grid,
  .agnero-guide-product-hero {
    grid-template-columns: 1fr;
  }

  .agnero-catalog-hero,
  .agnero-catalog-card-grid,
  .agnero-catalog-product-grid,
  .agnero-rayba-guide,
  .agnero-insert-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .agnero-rayba-guide__intro,
  .agnero-rayba-guide__visual,
  .agnero-rayba-guide__cards {
    grid-column: 1 / -1;
  }
}

@media (max-width: 768px) {
  .guide-launch-grid,
  .agnero-guide-grid {
    gap: 0.9rem;
  }

  .guide-launch-card,
  .agnero-guide-card,
  .agnero-guide-shell,
  .agnero-coming-soon-panel {
    padding: 1rem;
    border-radius: 1.2rem;
  }

  .agnero-guide-table-wrap {
    overflow-x: auto;
  }

  .agnero-guide-table {
    min-width: 760px;
  }

  .agnero-guide-product-hero__visual strong {
    font-size: 1.7rem;
  }

  .agnero-coming-soon-panel__actions {
    flex-direction: column;
  }

  .agnero-catalog-hero,
  .agnero-catalog-card-grid,
  .agnero-catalog-product-grid,
  .agnero-rayba-guide,
  .agnero-rayba-guide__cards,
  .agnero-insert-product-grid {
    grid-template-columns: 1fr;
  }

  .agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-catalog-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
  }

  .agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-catalog-card {
    grid-template-rows: auto minmax(7rem, 1fr) auto;
    border-radius: 1rem;
  }

  .agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-catalog-visual {
    grid-row: 2;
    min-height: 7rem;
    margin: 0 0.65rem;
  }

  .agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-catalog-visual img {
    max-height: 7rem;
    padding: 0.45rem;
  }

  .agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-catalog-card__body {
    display: contents;
  }

  .agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-catalog-card strong {
    grid-row: 1;
    align-self: start;
    padding: 0.85rem 0.75rem 0.35rem;
    font-size: clamp(1.18rem, 5.4vw, 1.42rem);
    font-weight: 650;
    line-height: 1.08;
  }

  .agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-catalog-card__chips {
    grid-row: 3;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.15rem 0;
    padding: 0.35rem 0.55rem 0.8rem;
    overflow: visible;
    text-align: center;
  }

  .agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-catalog-card__chips span {
    display: inline;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: #65758a;
    background: transparent;
    font-size: clamp(0.59rem, 2.5vw, 0.7rem);
    font-weight: 400;
    line-height: 1.35;
    white-space: normal;
  }

  .agnero-catalog-shell--insert:not(.agnero-catalog-shell--insert-products) .agnero-catalog-card__chips span:not(:last-child)::after {
    content: "\2022";
    display: inline-block;
    margin: 0 0.3rem;
    color: #9aa9ba;
  }

  .agnero-insert-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
  }

  .agnero-insert-product-card__body {
    gap: 0.48rem;
    padding: 0.75rem;
  }

  .agnero-insert-product-card__title {
    font-size: 0.88rem;
  }

  .agnero-insert-product-card__purchase .agnero-qty-stepper,
  .agnero-insert-product-card__purchase .agnero-qty-stepper.is-expanded {
    grid-template-columns: 2.2rem minmax(0, 1fr) 2.2rem;
    gap: 0.28rem;
  }

  .agnero-catalog-card-grid--showcase {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
  }

  .agnero-catalog-card--showcase {
    min-height: clamp(15.75rem, 68vw, 19.25rem);
    border-radius: 0.8rem;
  }

  .agnero-catalog-card--showcase .agnero-catalog-card__body {
    padding: 0.85rem 0.78rem;
  }

  .agnero-catalog-card--showcase.agnero-catalog-card--has-grade .agnero-catalog-card__body {
    padding-right: 4.15rem;
  }

  .agnero-catalog-card--showcase.agnero-catalog-card--has-grade-pair .agnero-catalog-card__body {
    padding-right: 4.75rem;
  }

  .agnero-catalog-card--showcase.agnero-catalog-card--has-grade .agnero-catalog-card__body strong {
    font-size: clamp(0.91rem, 3.9vw, 1.05rem);
  }

  .agnero-catalog-card--showcase .agnero-catalog-card__body strong {
    font-size: clamp(0.95rem, 4vw, 1.18rem);
    line-height: 1.13;
  }

  .agnero-catalog-grade {
    top: -0.45rem;
    right: 0.62rem;
    width: clamp(2.5rem, 11.5vw, 2.8rem);
    height: clamp(3.85rem, 17vw, 4.2rem);
    padding: 0.88rem 0.28rem 0.72rem;
  }

  .agnero-catalog-grade-stack {
    top: -0.45rem;
    right: 0.38rem;
  }

  .agnero-catalog-grade-stack .agnero-catalog-grade {
    width: clamp(2.05rem, 9.7vw, 2.35rem);
    height: clamp(3.35rem, 15vw, 3.75rem);
    padding: 0.74rem 0.2rem 0.58rem;
  }

  .agnero-catalog-grade-stack .agnero-catalog-grade + .agnero-catalog-grade {
    margin-left: -0.2rem;
    transform: translateY(0.22rem);
  }

  .agnero-catalog-grade-stack .agnero-catalog-grade strong {
    font-size: clamp(1rem, 4.8vw, 1.18rem);
  }

  .agnero-catalog-grade-stack .agnero-catalog-grade small {
    font-size: clamp(0.42rem, 2vw, 0.49rem);
  }

  .agnero-catalog-grade strong {
    font-size: clamp(1.18rem, 5.8vw, 1.36rem);
  }

  .agnero-catalog-grade small {
    font-size: clamp(0.48rem, 2.35vw, 0.56rem);
  }

  .agnero-catalog-showcase-visual {
    bottom: -20%;
    height: 88%;
    width: 86%;
  }

  .agnero-catalog-showcase-visual--count-1 {
    width: 72%;
  }

  .agnero-catalog-showcase-visual--count-3,
  .agnero-catalog-showcase-visual--count-4 {
    width: 96%;
  }

  .agnero-catalog-showcase-item--dalma-boylu-duz-mikro-frezeler .agnero-catalog-showcase-visual,
  .agnero-catalog-showcase-item--dalma-boylu-kure-mikro-frezeler .agnero-catalog-showcase-visual {
    bottom: -8%;
  }

  .agnero-catalog-showcase-item--dalma-boylu-duz-mikro-frezeler .agnero-catalog-showcase-visual {
    left: 28%;
  }

  .agnero-catalog-showcase-tool--composite-portrait .agnero-catalog-visual img {
    width: clamp(5rem, 24vw, 6rem);
  }

  .agnero-catalog-showcase-item--dalma-boylu-kure-mikro-frezeler .agnero-catalog-showcase-tool--composite-portrait .agnero-catalog-visual img {
    width: clamp(5.75rem, 27vw, 6.75rem);
  }

  .agnero-catalog-showcase-item--aluminyum-kure-frezeler-polisajli .agnero-catalog-showcase-tool--term-aluminyum-kure-uzun-boy-frezeler-polisajli {
    --agnero-showcase-tool-diameter: 1.9rem;
  }

  .agnero-catalog-showcase-item--aluminyum-kure-frezeler-polisajli {
    --agnero-aluminum-ball-vertical-shift: clamp(4rem, 10.7vw, 6rem);
  }

  .agnero-catalog-showcase-item--aluminyum-kure-frezeler-polisajli .agnero-catalog-showcase-tool--term-aluminyum-kure-standart-boy-frezeler-polisajli {
    --agnero-showcase-tool-diameter: 2.3rem;
  }

  .agnero-catalog-showcase-item--aluminyum-kure-frezeler-polisajli .agnero-catalog-showcase-tool--term-aluminyum-kure-standart-boy-frezeler-polisajli .agnero-catalog-visual {
    transform: translate(-38%, calc(0.25rem + var(--agnero-aluminum-ball-vertical-shift))) rotate(15deg);
  }

  .agnero-catalog-showcase-item--aluminyum-kure-frezeler-polisajli .agnero-catalog-showcase-tool--term-aluminyum-kure-uzun-boy-frezeler-polisajli .agnero-catalog-visual {
    transform: translate(-72%, calc(-1rem + var(--agnero-aluminum-ball-vertical-shift))) rotate(15deg);
  }

  /* Make the guide artwork 20% smaller than the previous compact mobile scale. */
  .agnero-catalog-showcase-item--kilavuz-helis-tin-kapli .agnero-catalog-showcase-tool {
    --agnero-showcase-tool-diameter: clamp(1.944rem, 2.376vw, 2.7rem);
  }

  .agnero-catalog-showcase-item--kilavuz-helis-buhar-menevisli .agnero-catalog-showcase-tool,
  .agnero-catalog-showcase-item--kilavuz-ovalama-tin-kapli .agnero-catalog-showcase-tool {
    --agnero-showcase-tool-diameter: clamp(1.548rem, 1.908vw, 2.16rem);
  }

  .agnero-catalog-showcase-item--kilavuz-duz-tin-kapli .agnero-catalog-showcase-tool {
    --agnero-showcase-tool-diameter: clamp(2.016rem, 2.484vw, 2.808rem);
  }

  .agnero-catalog-showcase-item--kilavuz-duz-buhar-menevisli .agnero-catalog-showcase-tool {
    --agnero-showcase-tool-diameter: clamp(1.908rem, 2.304vw, 2.628rem);
  }

  /* Preserve the base horizontal translation when scaling: omitting it made
     the reamer wrapper start from its left edge and visually pin every tool
     against the card's right side. */
  .agnero-catalog-showcase-item--hss-h7-raybalar .agnero-catalog-showcase-visual,
  .agnero-catalog-showcase-item--karbur-h7-raybalar .agnero-catalog-showcase-visual,
  .agnero-catalog-showcase-item--karbur-f7-raybalar .agnero-catalog-showcase-visual,
  .agnero-catalog-showcase-item--karbur-f7-plus-raybalar .agnero-catalog-showcase-visual,
  .agnero-catalog-showcase-item--karbur-m7-raybalar .agnero-catalog-showcase-visual,
  .agnero-catalog-showcase-item--karbur-m7-minus-raybalar .agnero-catalog-showcase-visual {
    transform: translateX(-50%) scale(0.9);
    transform-origin: 50% 100%;
  }

  .agnero-catalog-showcase-item--kure-mikro-boy-frezeler .agnero-catalog-showcase-tool--term-standart-boy-kure-mikro-frezeler {
    --agnero-showcase-tool-diameter: 1.4rem;
  }

  .agnero-catalog-showcase-item--kure-mikro-boy-frezeler .agnero-catalog-showcase-visual,
  .agnero-catalog-showcase-item--duz-mikro-boy-frezeler .agnero-catalog-showcase-visual {
    bottom: 4%;
  }

  .agnero-catalog-showcase-item--kure-mikro-boy-frezeler .agnero-catalog-card--showcase,
  .agnero-catalog-showcase-item--duz-mikro-boy-frezeler .agnero-catalog-card--showcase {
    min-height: 22rem;
  }

  /* Keep the spherical micro range on the same mobile card rhythm as the
     other families; its product links then inherit the grid's even gap. */
  .agnero-catalog-showcase-item--kure-mikro-boy-frezeler .agnero-catalog-card--showcase,
  .agnero-catalog-showcase-item--duz-mikro-boy-frezeler .agnero-catalog-card--showcase {
    min-height: clamp(15.75rem, 68vw, 19.25rem);
  }

  .agnero-catalog-showcase-item--kure-mikro-boy-frezeler .agnero-catalog-showcase-tool--term-kure-mikro-55-standart,
  .agnero-catalog-showcase-item--kure-mikro-boy-frezeler .agnero-catalog-showcase-tool--term-kure-mikro-65-standart {
    --agnero-showcase-tool-diameter: 1.35rem;
  }

  .agnero-catalog-showcase-item--duz-mikro-boy-frezeler .agnero-catalog-showcase-tool.agnero-catalog-showcase-tool--term-duz-mikro-55-standart,
  .agnero-catalog-showcase-item--duz-mikro-boy-frezeler .agnero-catalog-showcase-tool.agnero-catalog-showcase-tool--term-duz-mikro-65-standart {
    --agnero-showcase-tool-diameter: 1.35rem;
  }

  .agnero-catalog-showcase-item--kure-mikro-boy-frezeler .agnero-catalog-showcase-tool--term-kure-mikro-55-standart .agnero-catalog-visual,
  .agnero-catalog-showcase-item--kure-mikro-boy-frezeler .agnero-catalog-showcase-tool--term-kure-mikro-65-standart .agnero-catalog-visual,
  .agnero-catalog-showcase-item--duz-mikro-boy-frezeler .agnero-catalog-showcase-tool.agnero-catalog-showcase-tool--term-duz-mikro-55-standart .agnero-catalog-visual,
  .agnero-catalog-showcase-item--duz-mikro-boy-frezeler .agnero-catalog-showcase-tool.agnero-catalog-showcase-tool--term-duz-mikro-65-standart .agnero-catalog-visual {
    transform: translateX(-24%) rotate(15deg);
  }

  .agnero-catalog-showcase-item--kure-mikro-boy-frezeler .agnero-catalog-showcase-tool--term-kure-mikro-65-standart .agnero-catalog-visual {
    transform: translateX(-72%) rotate(15deg);
  }

  .agnero-catalog-showcase-item--duz-mikro-boy-frezeler .agnero-catalog-showcase-tool.agnero-catalog-showcase-tool--term-duz-mikro-65-standart .agnero-catalog-visual {
    transform: translateX(-72%) rotate(15deg);
  }

  .agnero-catalog-showcase-item--duz-mikro-boy-frezeler .agnero-catalog-showcase-tool--term-duz-mikro-dalma .agnero-catalog-visual {
    transform: translateX(-45%);
  }

  .agnero-catalog-showcase-item--duz-mikro-boy-frezeler .agnero-catalog-showcase-tool--term-duz-mikro-dalma .agnero-catalog-visual img {
    width: 3.4rem;
  }

  .agnero-catalog-showcase-item--dalma-boylu-duz-mikro-frezeler .agnero-catalog-showcase-visual {
    left: 50%;
    width: 88%;
  }

  .agnero-catalog-showcase-item--dalma-boylu-duz-mikro-frezeler .agnero-catalog-showcase-tool--term-55-hrc-dalma-boylu-duz-mikro-frezeler .agnero-catalog-visual img {
    width: 4.75rem;
  }

	.agnero-catalog-showcase-item--kure-mikro-boy-frezeler .agnero-catalog-showcase-tool--term-kure-mikro-dalma .agnero-catalog-visual img {
		width: 3.4rem;
	}

	/* The composite long-boy PNG has its cutters clustered on the right;
	   pull its canvas left so all five micro cutters read as one row. */
	.agnero-catalog-showcase-item--kure-mikro-boy-frezeler .agnero-catalog-showcase-tool--term-kure-mikro-dalma .agnero-catalog-visual {
		transform: translateX(-78%);
	}

  .agnero-catalog-showcase-item--kure-mikro-boy-frezeler .agnero-catalog-showcase-tool--term-dalma-boylu-kure-mikro-frezeler .agnero-catalog-visual {
    transform: translateX(-78%);
  }

  .agnero-catalog-showcase-item--3d-pm-matkap .agnero-catalog-showcase-tool {
    --agnero-showcase-tool-diameter: 1.15rem;
  }

  .agnero-catalog-showcase-item--pm-matkaplar .agnero-catalog-showcase-tool--2 {
    --agnero-showcase-tool-diameter: 1.5rem;
  }

  .agnero-catalog-showcase-item--pm-matkaplar .agnero-catalog-showcase-tool--3 {
    --agnero-showcase-tool-diameter: 0.9rem;
  }

  /* Keep the standard Punta at half the visible height of the long-boy
     artwork on the compact two-column card. */
  .agnero-catalog-showcase-item--punta-matkaplar .agnero-catalog-showcase-tool--term-punta-matkaplar-standart-boy {
    --agnero-showcase-tool-diameter: 1.15rem;
  }

  .agnero-catalog-showcase-item--punta-matkaplar .agnero-catalog-showcase-tool--term-punta-matkaplar-standart-boy .agnero-catalog-visual {
    transform: translate(-24%, -1.5rem) rotate(15deg);
  }

  .agnero-catalog-showcase-item--punta-matkaplar .agnero-catalog-showcase-tool--term-punta-matkaplar-uzun-boy {
    --agnero-showcase-tool-diameter: 2.10375rem;
  }

  .agnero-catalog-showcase-visual--fan {
    bottom: 2%;
  }

  .agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool {
    --agnero-showcase-tool-diameter: 1.15rem;
  }

  .agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--2,
  .agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--4 {
    --agnero-showcase-tool-diameter: 1.2rem;
  }

  .agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--3 {
    --agnero-showcase-tool-diameter: 1.3rem;
  }

  .agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--5 {
    --agnero-showcase-tool-diameter: 1.05rem;
  }

  .agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--term-duz-mikro-dalma-boy {
    --agnero-showcase-tool-diameter: 1.3rem;
  }

  .agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--term-duz-mikro-dalma-boy .agnero-catalog-visual img {
    bottom: -10%;
  }

  .agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--term-duz-55-hrc-standart {
    --agnero-showcase-tool-diameter: 1.44rem;
  }

  .agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--term-duz-uzun-boy {
    --agnero-showcase-tool-diameter: 1.25rem;
  }

  .agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--term-duz-aluminyum-polisajli {
    --agnero-showcase-tool-diameter: 1.75rem;
  }

  .agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--term-duz-aluminyum-dlc {
    --agnero-showcase-tool-diameter: 1.39rem;
  }

  .agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--term-kure-mikro-boy {
    --agnero-showcase-tool-diameter: 0.8rem;
  }

  .agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--term-kure-mikro-boy .agnero-catalog-visual img {
    bottom: -6%;
  }

  .agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--term-kure-65-hrc-standart {
    --agnero-showcase-tool-diameter: 1.67rem;
  }

  .agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--term-kure-65-hrc-uzun {
    --agnero-showcase-tool-diameter: 1.3rem;
  }

  .agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--term-kure-55-hrc-uzun {
    --agnero-showcase-tool-diameter: 1.08rem;
  }

  .agnero-catalog-showcase-visual--fan .agnero-catalog-showcase-tool--term-kure-55-hrc-standart {
    --agnero-showcase-tool-diameter: 1.26rem;
  }

  .agnero-catalog-showcase-item--dis-frezeler .agnero-catalog-showcase-tool--portrait .agnero-catalog-visual img,
  .agnero-catalog-showcase-item--pah-frezeler .agnero-catalog-showcase-tool--portrait .agnero-catalog-visual img,
  .agnero-catalog-showcase-item--havsa-frezeler .agnero-catalog-showcase-tool--portrait .agnero-catalog-visual img {
    height: 96%;
  }

  .agnero-catalog-showcase-links {
    min-height: 2rem;
    padding-inline: 0.15rem;
    font-size: 0.72rem;
    line-height: 1.25;
  }

  .agnero-insert-section__head {
    align-items: stretch;
    flex-direction: column;
  }

  .agnero-catalog-hero {
    padding: 1rem;
    border-radius: 1.1rem;
  }

  .agnero-catalog-hero h1 {
    max-width: none;
  }

  .agnero-rayba-guide {
    padding: 1rem;
    border-radius: 1.1rem;
  }

  .agnero-rayba-guide h2 {
    max-width: none;
  }

  .agnero-rayba-guide__visual {
    min-height: 12.4rem;
    padding: 0.85rem;
  }

  .agnero-rayba-gauge__band {
    min-width: 3.55rem;
    min-height: 2.25rem;
    font-size: 0.78rem;
  }

  .agnero-rayba-gauge__band--minus {
    left: 9%;
  }

  .agnero-rayba-gauge__band--plus {
    right: 9%;
  }

  .agnero-rayba-gauge__label {
    font-size: 0.66rem;
  }
}

/* Single product redesign: 1200px, quiet B2B commerce surface. */
:root {
  --agnero-product-width: 1200px;
  --agnero-product-ink: #101820;
  --agnero-product-muted: #5d6b78;
  --agnero-product-line: #dfe6ee;
  --agnero-product-panel: #f7f9fb;
  --agnero-product-blue: #123778;
}

body.single-product {
  background:
    linear-gradient(180deg, #f6f8fb 0, #fff 360px),
    #fff;
}

body.single-product .agnero-woocommerce-shell {
  width: min(var(--agnero-product-width), calc(100% - 32px));
  padding-block: clamp(28px, 4vw, 56px) 72px;
}

body.single-product .shop-content {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.single-product .agnero-woocommerce-shell .woocommerce,
body.single-product .agnero-woocommerce-shell div.product,
body.single-product .agnero-group-banner,
body.single-product .agnero-single-order-table,
body.single-product .agnero-single-technical-table,
body.single-product .agnero-product-support-ticket,
body.single-product div.product > .woocommerce-tabs,
body.single-product div.product > .related {
  max-width: var(--agnero-product-width);
}

body.single-product div.product {
  grid-template-columns: minmax(0, 6fr) minmax(360px, 5fr);
  gap: clamp(28px, 4vw, 56px);
  color: var(--agnero-product-ink);
}

body.single-product div.product div.images {
  grid-column: 1;
  grid-row: 1;
  position: static;
}

body.single-product div.product > .agnero-paytr-installments {
  grid-column: 1 / -1;
  grid-row: 2;
  width: 100%;
  align-self: start;
}

body.single-product div.product div.summary {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: clamp(8px, 1.6vw, 18px) 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.single-product div.product div.summary > * {
  margin-block: 0;
}

body.single-product .product_title {
  color: var(--agnero-product-ink);
  font-size: clamp(1.85rem, 3.1vw, 2.55rem);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: 0;
}

body.single-product .summary > .agnero-hard-material-indicator {
  margin-top: -0.25rem;
}

body.single-product .summary .woocommerce-product-details__short-description {
  color: var(--agnero-product-muted);
  font-size: 0.98rem;
  line-height: 1.7;
}

body.single-product div.product p.price,
body.single-product div.product span.price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  color: var(--agnero-product-ink);
  font-size: clamp(1.65rem, 3vw, 2.35rem);
  font-weight: 800;
  line-height: 1.1;
}

body.single-product div.product p.price::before {
  content: "Fiyat";
  color: var(--agnero-product-muted);
  font-size: 0.78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

body.single-product div.product form.cart {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 12px;
  padding-top: 6px;
}

body.single-product div.product form.cart .quantity {
  width: 100%;
}

body.single-product div.product form.cart .qty {
  width: 100%;
  min-height: 52px;
  border: 1px solid var(--agnero-product-line);
  border-radius: 8px;
  background: #fff;
  color: var(--agnero-product-ink);
  font-weight: 800;
  text-align: center;
}

body.single-product div.product form.cart .single_add_to_cart_button {
  min-height: 52px;
  border-radius: 8px;
  background: var(--agnero-product-blue);
  box-shadow: none;
  font-size: 0.95rem;
  letter-spacing: 0;
}

body.single-product div.product form.cart .single_add_to_cart_button:hover {
  background: #123778;
  box-shadow: 0 10px 24px rgba(18, 55, 120, 0.18);
}

body.single-product div.product form.cart .agnero-social-proof {
  grid-column: 1 / -1;
}

body.single-product .product_meta {
  display: none;
}

body.single-product .woocommerce-product-gallery__wrapper {
  aspect-ratio: 1 / 1;
  border: 1px solid var(--agnero-product-line);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(242, 246, 250, 0.92)),
    #f7f9fb;
  box-shadow: 0 18px 44px rgba(16, 24, 32, 0.08);
}

body.single-product .woocommerce-product-gallery__wrapper img {
  padding: clamp(18px, 4vw, 42px);
  mix-blend-mode: multiply;
}

body.single-product .agnero-paytr-installments {
  display: grid;
  gap: 18px;
  margin: 0;
  padding: clamp(18px, 2.2vw, 26px);
  border: 1px solid rgba(18, 55, 120, 0.12);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 249, 251, 0.96)),
    #fff;
  box-shadow: 0 16px 36px rgba(16, 24, 32, 0.08);
}

body.single-product .agnero-paytr-installments__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
  margin: 0;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--agnero-product-line);
}

body.single-product .agnero-paytr-installments__header span {
  color: var(--agnero-product-blue);
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.08em;
}

body.single-product .agnero-paytr-installments__header h3 {
  margin-top: 5px;
  color: var(--agnero-product-ink);
  font-size: clamp(1.05rem, 1.8vw, 1.28rem);
  font-weight: 850;
  line-height: 1.2;
}

body.single-product .agnero-paytr-installments__header strong {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(18, 55, 120, 0.12);
  border-radius: 999px;
  background: #edf3f8;
  color: var(--agnero-product-blue);
  font-family: var(--font-mono);
  font-size: 0.86rem;
  font-weight: 800;
}

body.single-product .agnero-paytr-installments__table {
  width: 100%;
  overflow-x: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
}

body.single-product .agnero-paytr-installments__table > div {
  min-width: 100%;
}

body.single-product .agnero-paytr-installments__table > div > div > img:first-child,
body.single-product .agnero-paytr-installments__table > div > div > a:first-child img {
  display: block;
  margin-bottom: 10px;
}

body.single-product .agnero-paytr-banks {
  margin-bottom: 14px;
  padding: 12px 14px;
  border-color: #e7edf3;
  border-radius: 10px;
  background: #f7fafc;
}

body.single-product .agnero-paytr-banks__label {
  color: var(--agnero-product-muted);
}

body.single-product .agnero-paytr-banks__item {
  width: fit-content;
  min-width: 0;
  max-width: 100%;
  flex: 0 0 auto;
  border-color: #e2e9f0;
  border-radius: 8px;
}

body.single-product .agnero-paytr-banks__list {
  width: fit-content;
  max-width: 100%;
}

body.single-product .agnero-paytr-installments__table .agnero-paytr-banks__item img {
  width: auto;
  max-width: 112px;
  height: 22px;
}

body.single-product .agnero-paytr-banks__item:hover {
  border-color: var(--agnero-product-blue);
}

body.single-product .agnero-paytr-plans {
  grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
  gap: 10px;
}

body.single-product .agnero-paytr-plan {
  border-color: #e2e8f0;
  border-radius: 10px;
}

body.single-product .agnero-paytr-plan:hover {
  border-color: var(--agnero-product-blue);
}

body.single-product .agnero-paytr-plan__top strong {
  color: var(--agnero-product-blue);
}

body.single-product .agnero-paytr-plan__monthly b {
  color: var(--agnero-product-ink);
}

body.single-product .agnero-paytr-plan--single {
  border-color: rgba(24, 121, 78, 0.4);
}

body.single-product .agnero-installment-bank {
  display: grid;
  gap: 12px;
}

body.single-product .agnero-installment-bank__heading {
  display: flex;
  min-height: 42px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #edf1f5;
}

body.single-product .agnero-installment-bank__logo {
  display: flex;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  min-width: 0;
  align-items: center;
  justify-content: center;
  border: 1px solid #dfe7ef;
  border-radius: 8px;
  background: #eef4fb;
  color: var(--agnero-product-blue);
  font-size: 0.88rem;
  font-weight: 900;
}

body.single-product .agnero-installment-bank__logo--image {
  width: auto;
  min-width: 92px;
  height: 40px;
  flex: 0 0 auto;
  padding: 5px 10px;
  background: #fff;
}

body.single-product .agnero-installment-bank__logo img {
  display: block;
  max-width: 78px;
  max-height: 24px;
  object-fit: contain;
}

body.single-product .agnero-installment-bank__heading span {
  flex: 0 0 auto;
  padding: 4px 8px;
  border-radius: 999px;
  background: #eef4fb;
  color: var(--agnero-product-blue);
  font-size: 0.68rem;
  font-weight: 850;
  line-height: 1.1;
  white-space: nowrap;
}

body.single-product .agnero-installment-bank__plans {
  display: grid;
  overflow: hidden;
  border: 1px solid #edf1f5;
  border-radius: 8px;
}

body.single-product .agnero-installment-bank__row {
  display: grid;
  grid-template-columns: minmax(64px, 0.8fr) minmax(92px, 1fr) minmax(86px, 0.9fr);
  gap: 8px;
  align-items: center;
  min-height: 38px;
  padding: 8px 10px;
  border-top: 1px solid #edf1f5;
  color: var(--agnero-product-ink);
  font-size: 0.84rem;
  line-height: 1.25;
}

body.single-product .agnero-installment-bank__row:first-child {
  border-top: 0;
}

body.single-product .agnero-installment-bank__row:nth-child(odd):not(.agnero-installment-bank__row--head) {
  background: #fafbfd;
}

body.single-product .agnero-installment-bank__row--head {
  min-height: 32px;
  background: #f3f6f9;
  color: var(--agnero-product-muted);
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.single-product .agnero-installment-bank__row strong {
  color: var(--agnero-product-blue);
  font-size: 0.86rem;
  font-weight: 900;
}

body.single-product .agnero-installment-bank__row:not(.agnero-installment-bank__row--head) span:nth-child(2) {
  color: var(--agnero-product-ink);
  font-weight: 850;
}

body.single-product .agnero-installment-bank__row:not(.agnero-installment-bank__row--head) span:nth-child(3) {
  color: var(--agnero-product-muted);
  font-family: var(--font-mono);
  font-size: 0.78rem;
  text-align: left;
}

body.single-product .agnero-paytr-installments__table table {
  width: 100% !important;
  min-width: 520px;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  color: var(--agnero-product-ink);
  font-size: 0.84rem;
}

body.single-product .agnero-paytr-installments__table th,
body.single-product .agnero-paytr-installments__table td {
  padding: 12px 14px;
  border: 0;
  border-bottom: 1px solid #edf1f5;
  text-align: left;
  vertical-align: middle;
}

body.single-product .agnero-paytr-installments__table th {
  background: #f3f6f9;
  color: var(--agnero-product-muted);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body.single-product .agnero-paytr-installments__table tr:last-child td {
  border-bottom: 0;
}

body.single-product .agnero-paytr-installments__table tbody tr:nth-child(even) td {
  background: #fafbfd;
}

body.single-product .agnero-paytr-installments__table tbody tr:hover td {
  background: #eef5fb;
}

body.single-product .agnero-paytr-installments__table img {
  max-width: 118px;
  height: auto;
  object-fit: contain;
}

body.single-product .agnero-paytr-installments__note {
  max-width: 58rem;
  margin: 0;
  color: var(--agnero-product-muted);
  font-size: 0.78rem;
  line-height: 1.55;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs li {
  width: auto;
  float: none;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs img {
  aspect-ratio: 1;
  padding: 8px;
  border: 1px solid var(--agnero-product-line);
  border-radius: 8px;
  background: #fff;
  object-fit: contain;
  opacity: 0.68;
  cursor: pointer;
  transition: border-color 180ms ease, opacity 180ms ease, box-shadow 180ms ease;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs img.flex-active,
body.single-product .woocommerce-product-gallery .flex-control-thumbs img:hover {
  border-color: var(--agnero-product-blue);
  box-shadow: 0 8px 18px rgba(18, 55, 120, 0.12);
  opacity: 1;
}

.agnero-product-purchase-notes {
  display: none;
}

.agnero-social-proof {
  display: inline-flex;
  width: fit-content;
  gap: 7px;
  margin-bottom: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #17633c;
  font-size: 0.86rem;
  font-weight: 700;
  line-height: 1.45;
}

.agnero-social-proof__line {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.agnero-social-proof__stock {
  color: #28764d;
}

.agnero-product-purchase-note {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--agnero-product-line);
  border-radius: 8px;
  background: var(--agnero-product-panel);
}

.agnero-product-purchase-note span,
.agnero-single-specs__heading span {
  display: block;
  color: var(--agnero-product-muted);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.agnero-product-purchase-note strong {
  display: block;
  overflow-wrap: anywhere;
  margin-top: 4px;
  color: var(--agnero-product-ink);
  font-size: 0.84rem;
  line-height: 1.35;
}

body.single-product .agnero-single-specs,
body.single-product .agnero-installments,
body.single-product .agnero-favorite-single-wrap {
  margin-top: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.agnero-single-specs__heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

body.single-product .agnero-single-specs__title,
body.single-product .agnero-installments h4 {
  color: var(--agnero-product-ink);
  font-size: 1.05rem;
  letter-spacing: 0;
}

body.single-product .agnero-single-specs__list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 18px;
}

body.single-product .agnero-single-specs__item {
  min-height: 54px;
  flex-direction: column;
  justify-content: center;
  padding: 10px 0;
  border: 0;
  border-bottom: 1px solid var(--agnero-product-line);
  border-radius: 0;
  background: transparent;
}

body.single-product .agnero-single-specs__label {
  color: var(--agnero-product-muted);
  font-size: 0.72rem;
}

body.single-product .agnero-single-specs__value {
  color: var(--agnero-product-ink);
  font-size: 0.98rem;
}

body.single-product .agnero-favorite-single-wrap {
  margin-top: -8px;
}

body.single-product .agnero-favorite-single-button {
  min-height: auto;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--agnero-product-blue);
  font-size: 0.9rem;
  font-weight: 800;
}

body.single-product .agnero-favorite-single-button:hover,
body.single-product .agnero-favorite-single-button.is-active {
  border: 0;
  background: transparent;
  color: #a24343;
}

body.single-product .agnero-group-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
  padding: 14px 16px;
  border-radius: 8px;
  border-color: var(--agnero-product-line);
  box-shadow: none;
}

body.single-product .agnero-group-banner__icon {
  border-radius: 999px;
  background: var(--agnero-product-blue);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
}

body.single-product .agnero-group-banner__cta {
  min-height: 38px;
  padding-inline: 14px;
  border: 1px solid var(--agnero-product-line);
  border-radius: 8px;
  color: var(--agnero-product-blue);
  font-weight: 800;
}

body.single-product .agnero-single-order-table,
body.single-product .agnero-single-technical-table,
body.single-product .agnero-product-support-ticket,
body.single-product div.product > .woocommerce-tabs,
body.single-product div.product > .related {
  grid-column: 1 / -1;
  width: 100%;
  margin-top: 34px;
  padding: clamp(20px, 3vw, 34px);
  border: 1px solid var(--agnero-product-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(16, 24, 32, 0.06);
}

body.single-product .agnero-single-order-table {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.single-product .agnero-single-order-table__eyebrow,
body.single-product .agnero-product-table-head__eyebrow {
  background: #eef4fb;
  color: var(--agnero-product-blue);
  letter-spacing: 0.08em;
}

body.single-product .agnero-single-order-table__header h2 {
  color: var(--agnero-product-ink);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  letter-spacing: 0;
}

body.single-product .agnero-single-order-table__header p {
  color: var(--agnero-product-muted);
  font-size: 0.98rem;
}

.agnero-product-table-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.agnero-product-table-head h3 {
  margin-top: 6px;
  color: var(--agnero-product-ink);
  font-size: 1.12rem;
  letter-spacing: 0;
}

.agnero-product-table-head__count {
  color: var(--agnero-product-muted);
  font-family: var(--font-mono);
  font-size: 0.78rem;
  white-space: nowrap;
}

body.single-product .product-table-controls {
  grid-template-columns: minmax(260px, 1fr) auto minmax(210px, auto);
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--agnero-product-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(16, 24, 32, 0.06);
}

body.single-product .product-search-input,
body.single-product .product-sort-select {
  min-height: 44px;
  border-radius: 8px;
  border-color: var(--agnero-product-line);
  font-size: 0.88rem;
}

body.single-product .btn-search {
  min-height: 44px;
  border-radius: 8px;
  border-color: var(--agnero-product-blue);
  background: #fff;
  color: var(--agnero-product-blue);
  cursor: pointer;
}

body.single-product .stock-filter label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding-inline: 12px;
  border: 1px solid #c9d8e8;
  border-radius: 8px;
  background: #f6f9fc;
  color: var(--agnero-product-blue);
  cursor: pointer;
  font-size: 0.86rem;
  font-weight: 700;
}

body.single-product .stock-filter input {
  accent-color: var(--agnero-product-blue);
}

body.single-product .product-table-sort {
  display: grid;
  gap: 4px;
}

body.single-product .product-table-sort label {
  color: var(--agnero-product-muted);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body.single-product .product-specs-table-wrapper {
  border-radius: 8px;
  border-color: var(--agnero-product-line);
  box-shadow: none;
}

body.single-product .product-specs-table {
  font-size: 0.86rem;
}

body.single-product .product-specs-table thead th {
  background: #f1f5f9;
  color: var(--agnero-product-muted);
  border-bottom: 1px solid var(--agnero-product-line);
  letter-spacing: 0.06em;
  box-shadow: 0 1px 0 var(--agnero-product-line), 0 8px 18px rgba(18, 55, 120, 0.08);
}

body.single-product .product-specs-table th,
body.single-product .product-specs-table td {
  border-bottom-color: var(--agnero-product-line);
}

body.single-product .product-specs-table tbody tr:nth-child(even) {
  background: #f8fafc;
}

body.single-product .product-specs-table tbody tr:hover,
body.single-product .product-specs-table tbody tr:nth-child(even):hover,
body.single-product .product-specs-table tbody tr:focus-within {
  background: #fff3e6;
}

body.single-product .product-code a {
  color: var(--agnero-product-blue);
  font-size: 0.82rem;
}

body.single-product .stock-indicator {
  width: 28px;
  min-width: 28px;
  height: 28px;
  padding-inline: 0;
  border-radius: 999px;
  font-size: 0.95rem;
  font-weight: 900;
}

body.single-product .product-price {
  color: var(--agnero-product-ink);
}

body.single-product .btn-add-to-cart {
  min-width: 132px;
  min-height: 40px;
  border-radius: 8px;
  transform: none;
  transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

body.single-product .btn-add-to-cart:hover {
  transform: none;
}

body.single-product .qty-input {
  min-height: 40px;
  border-radius: 8px;
}

body.single-product .woocommerce-tabs ul.tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 22px;
  padding: 0;
}

body.single-product .woocommerce-tabs ul.tabs li {
  border: 1px solid var(--agnero-product-line);
  border-radius: 999px;
  background: #fff;
}

body.single-product .woocommerce-tabs ul.tabs li.active {
  border-color: var(--agnero-product-blue);
  background: #eef4fb;
}

body.single-product .woocommerce-tabs ul.tabs li a {
  padding: 0.62rem 0.95rem;
  color: var(--agnero-product-muted);
  font-weight: 800;
}

body.single-product .woocommerce-tabs ul.tabs li.active a {
  color: var(--agnero-product-blue);
}

@media (max-width: 980px) {
  body.single-product div.product {
    grid-template-columns: 1fr;
  }

  body.single-product div.product div.images,
  body.single-product div.product > .agnero-paytr-installments,
  body.single-product div.product div.summary,
  body.single-product div.product > .agnero-single-order-table,
  body.single-product div.product > .agnero-single-technical-table,
  body.single-product div.product > .woocommerce-tabs,
  body.single-product div.product > .related,
  body.single-product div.product > .agnero-support-ticket-section,
  body.single-product div.product > .agnero-product-support-ticket {
    grid-column: 1;
  }

  body.single-product div.product div.summary {
    grid-row: auto;
  }

  body.single-product div.product div.images {
    position: static;
  }

  body.single-product .product-table-controls {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  body.single-product .agnero-woocommerce-shell {
    width: min(100% - 20px, var(--agnero-product-width));
    padding-top: 20px;
  }

  body.single-product div.product div.summary,
  body.single-product .agnero-single-order-table,
  body.single-product .agnero-single-technical-table,
  body.single-product .agnero-product-support-ticket,
  body.single-product div.product > .woocommerce-tabs,
  body.single-product div.product > .related {
    padding: 18px;
  }

  body.single-product div.product form.cart {
    grid-template-columns: 1fr;
  }

  body.single-product .agnero-paytr-installments {
    padding: 14px;
  }

  body.single-product .agnero-paytr-installments__header {
    grid-template-columns: 1fr;
  }

  body.single-product .agnero-paytr-installments__header strong {
    justify-self: start;
  }

  body.single-product .agnero-paytr-installments__table table {
    min-width: 0;
  }

  body.single-product .agnero-paytr-plans {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  body.single-product .agnero-paytr-plan {
    min-width: 0;
  }

  body.single-product .agnero-paytr-banks {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }

  body.single-product .agnero-paytr-banks__list {
    width: 100%;
  }

  body.single-product .agnero-installment-bank__heading {
    align-items: flex-start;
    flex-direction: column;
  }

  body.single-product .agnero-installment-bank__row {
    grid-template-columns: minmax(58px, 0.72fr) minmax(86px, 1fr) minmax(76px, 0.85fr);
    gap: 6px;
    padding-inline: 8px;
    font-size: 0.78rem;
  }

  body.single-product .agnero-paytr-installments__table th,
  body.single-product .agnero-paytr-installments__table td {
    padding: 10px;
  }

  .agnero-product-purchase-notes,
  body.single-product .agnero-single-specs__list {
    grid-template-columns: 1fr;
  }

  body.single-product .agnero-group-banner,
  .agnero-product-table-head {
    align-items: flex-start;
    flex-direction: column;
  }

  body.single-product .woocommerce-product-gallery .flex-control-thumbs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  body.single-product .agnero-range-table-card .product-specs-table tbody tr,
  body.single-product .agnero-range-table-card .product-specs-table tbody tr:nth-child(even),
  body.single-product .agnero-single-order-table .product-specs-table tbody tr,
  body.single-product .agnero-single-order-table .product-specs-table tbody tr:nth-child(even) {
    border-radius: 8px;
  }

  body.single-product .agnero-single-order-table .product-specs-table-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid var(--agnero-product-line);
    border-radius: 8px;
    scrollbar-color: var(--agnero-product-orange) #e6edf5;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }

  body.single-product .agnero-single-order-table .product-specs-table-wrapper::-webkit-scrollbar {
    height: 9px;
  }

  body.single-product .agnero-single-order-table .product-specs-table-wrapper::-webkit-scrollbar-track {
    background: #e6edf5;
  }

  body.single-product .agnero-single-order-table .product-specs-table-wrapper::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: var(--agnero-product-orange);
  }

  body.single-product .agnero-single-order-table .product-specs-table {
    display: table;
    width: max-content;
    min-width: 100%;
  }

  body.single-product .agnero-single-order-table .product-specs-table thead {
    display: table-header-group;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: nowrap;
  }

  body.single-product .agnero-single-order-table .product-specs-table thead th {
    position: static;
    top: auto;
    z-index: auto;
  }

  body.single-product .agnero-single-order-table .product-specs-table tbody {
    display: table-row-group;
  }

  body.single-product .agnero-single-order-table .product-specs-table tbody tr,
  body.single-product .agnero-single-order-table .product-specs-table tbody tr:nth-child(even) {
    display: table-row;
    padding: 0;
    border: 0;
  }

  body.single-product .agnero-single-order-table .product-specs-table td {
    display: table-cell;
    min-width: 0;
    padding: 10px 8px;
    border-bottom: 1px solid var(--agnero-product-line);
    white-space: nowrap;
  }

  body.single-product .agnero-single-order-table .product-specs-table th {
    min-width: 0;
    padding-inline: 8px;
    white-space: normal;
    line-height: 1.18;
  }

  body.single-product .agnero-single-order-table .product-specs-table .product-cart-heading,
  body.single-product .agnero-single-order-table .product-specs-table .product-cart-cell {
    position: sticky;
    right: 0;
    z-index: 32;
    width: 4.2rem;
    min-width: 4.2rem;
    max-width: 4.2rem;
    padding-inline: 4px;
    text-align: center;
    background: #eef2f6;
    box-shadow: -1px 0 0 var(--agnero-product-line);
  }

  body.single-product .agnero-single-order-table .product-specs-table .product-cart-heading {
    z-index: 44;
  }

  body.single-product .agnero-single-order-table .product-specs-table .product-cart-cell .agnero-row-actions {
    justify-content: center;
  }

  body.single-product .agnero-single-order-table .product-specs-table .product-cart-cell .agnero-favorite-table-button {
    display: none;
  }

  body.single-product .agnero-single-order-table .product-specs-table .product-cart-cell .btn-add-to-cart {
    min-width: 2.75rem;
    width: 2.75rem;
    min-height: 2.75rem;
    padding: 0;
    border-radius: 8px;
    gap: 0;
  }

  body.single-product .agnero-single-order-table .product-specs-table .product-cart-cell .btn-add-to-cart span:not(.btn-add-to-cart__spinner):not(.btn-add-to-cart__check) {
    display: none;
  }

  body.single-product .agnero-single-order-table .product-specs-table .product-cart-cell .btn-add-to-cart__icon {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
  }

  body.single-product .agnero-single-order-table .agnero-table-head-sub {
    display: block;
    margin-top: 2px;
  }

  body.single-product .agnero-single-order-table .product-specs-table td::before {
    content: none;
  }

  body.single-product .agnero-single-order-table .product-specs-table .product-code {
    min-width: 140px;
  }

  body.single-product .agnero-single-order-table .qty-input,
  body.single-product .agnero-single-order-table .product-specs-table td:not(.product-cart-cell) .btn-add-to-cart {
    width: auto;
  }
}

/* Keep wide product-detail tables scrollable inside their own frame on mobile. */
@media (max-width: 760px) {
  body.single-product .agnero-single-order-table,
  body.single-product .agnero-single-technical-table {
    min-width: 0;
    max-width: 100%;
  }

  body.single-product .agnero-single-order-table .product-specs-table-wrapper,
  body.single-product .agnero-single-technical-table .product-specs-table-wrapper {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }
}

/* Homepage and mobile navigation refresh */
.home-section-head {
  display: grid;
  gap: 0.65rem;
  max-width: 48rem;
  margin-bottom: clamp(1.4rem, 3vw, 2.2rem);
}

.home-section-head--row {
  max-width: none;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 1.25rem;
}

.section-eyebrow {
  color: var(--brand);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.agnero-shop-flow,
.agnero-finder-section,
.agnero-assurance-section,
.agnero-technical-cta {
  padding-block: clamp(2.8rem, 6vw, 5rem);
}

.agnero-shop-flow {
  scroll-margin-top: calc(var(--header-height, 5rem) + 1rem);
  background: linear-gradient(180deg, #fff 0%, #f7fbff 100%);
}

.selection-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(0.9rem, 1.6vw, 1.35rem);
}

.selection-card {
  position: relative;
  isolation: isolate;
  min-height: clamp(28rem, 36vw, 34rem);
  display: grid;
  align-items: end;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--radius-sm);
  overflow: hidden;
  background: #06182e;
  color: #fff;
  box-shadow: 0 22px 54px rgba(18, 55, 120, 0.18);
  transform: translateZ(0);
  transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
}

.selection-card::before,
.selection-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

.selection-card::before {
  background:
    linear-gradient(180deg, rgba(4, 15, 29, 0) 22%, rgba(4, 15, 29, 0.66) 68%, rgba(4, 15, 29, 0.94) 100%),
    linear-gradient(90deg, rgba(4, 15, 29, 0.68) 0%, rgba(4, 15, 29, 0.12) 56%, rgba(4, 15, 29, 0.48) 100%);
}

.selection-card::after {
  inset: auto 1.05rem 1.05rem 1.05rem;
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0));
}

.selection-card:hover,
.selection-card:focus-visible {
  transform: translateY(-5px);
  border-color: rgba(255, 255, 255, 0.28);
  box-shadow: 0 28px 70px rgba(18, 55, 120, 0.24);
}

.selection-card-media {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: flex;
  overflow: hidden;
  background: #123778;
}

.selection-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 58% 50%;
  transform: scale(1.02);
  transition: transform 0.4s ease, filter 0.4s ease;
}

.selection-card--hole .selection-card-media img {
  object-position: 58% 50%;
}

.selection-card--milling .selection-card-media img {
  object-position: 58% 50%;
}

.selection-card--insert .selection-card-media img {
  object-position: 62% 50%;
}

.selection-card:hover .selection-card-media img,
.selection-card:focus-visible .selection-card-media img {
  filter: saturate(1.06) contrast(1.04);
  transform: scale(1.07);
}

.selection-card-body {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.72rem;
  align-items: end;
  padding: clamp(1.05rem, 2.1vw, 1.45rem);
  text-shadow: 0 1px 18px rgba(0, 0, 0, 0.32);
}

.selection-card-label {
  position: relative;
  grid-column: 1 / -1;
  width: fit-content;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.92);
  padding: 0.42rem 0.68rem;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.01em;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.selection-card strong {
  position: relative;
  grid-column: 1 / -1;
  max-width: 18.5rem;
  color: #fff;
  font-size: clamp(1.58rem, 2.35vw, 2.08rem);
  line-height: 0.98;
  letter-spacing: 0;
}

.selection-card-copy {
  position: relative;
  grid-column: 1 / -1;
  max-width: 24rem;
  color: rgba(255, 255, 255, 0.76);
  font-size: 0.9rem;
  line-height: 1.48;
}

.selection-card em {
  position: relative;
  min-width: 0;
  color: rgba(255, 255, 255, 0.82);
  font-style: normal;
  font-family: var(--font-mono);
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: 0.01em;
}

.selection-card-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  min-height: 2.35rem;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 999px;
  padding: 0 0.82rem;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 800;
  white-space: nowrap;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  justify-self: start;
}

.selection-card-cta::after {
  content: "";
  width: 0.42rem;
  height: 0.42rem;
  margin-left: 0.45rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
}

.finder-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(22rem, 1.1fr);
  gap: clamp(1.25rem, 4vw, 3rem);
  align-items: center;
  border: 1px solid rgba(18, 55, 120, 0.13);
  border-radius: var(--radius-md);
  padding: clamp(1.25rem, 4vw, 2.4rem);
  background: linear-gradient(135deg, #123778 0%, #123778 100%) !important;
  color: #fff;
  box-shadow: 0 28px 62px rgba(18, 55, 120, 0.18);
}

.finder-copy {
  display: grid;
  gap: 0.75rem;
}

.finder-copy .section-eyebrow {
  color: rgba(255, 255, 255, 0.72);
}

.finder-copy h2 {
  font-size: clamp(1.7rem, 4vw, 2.65rem);
}

.finder-copy p {
  max-width: 42rem;
  color: rgba(255, 255, 255, 0.74);
}

.finder-search {
  position: relative;
  display: grid;
  gap: 0.85rem;
}

.finder-search .search-form {
  display: flex;
  align-items: center;
  min-height: 3.5rem;
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.2);
}

.finder-search .agnero-live-search-dropdown {
  z-index: 60;
}

.finder-tags,
.mobile-search-shortcuts {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.finder-tags a,
.mobile-search-shortcuts a {
  display: inline-flex;
  align-items: center;
  min-height: 2.2rem;
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 999px;
  padding: 0.35rem 0.75rem;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 800;
}

.featured-products--refined {
  background: #fff;
}

.featured-products--refined .products {
  margin-top: 0;
}

.agnero-assurance-section {
  background: linear-gradient(180deg, #fff 0%, #f7fbff 32%, #fff 100%);
}

.assurance-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) repeat(2, minmax(0, 0.9fr));
  gap: 1rem;
}

.assurance-card {
  min-height: 10rem;
  display: grid;
  align-content: end;
  gap: 0.45rem;
  border: 1px solid rgba(18, 55, 120, 0.12);
  border-radius: var(--radius-sm);
  padding: 1.15rem;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 12px 28px rgba(18, 55, 120, 0.07);
}

.assurance-card--primary {
  grid-row: span 2;
  min-height: 21rem;
  background: radial-gradient(circle at 72% 16%, rgba(255, 122, 0, 0.16), transparent 28%), linear-gradient(145deg, #123778, #123778);
  color: #fff;
}

.assurance-card--primary .section-eyebrow,
.assurance-card--primary p {
  color: rgba(255, 255, 255, 0.74);
}

.assurance-card h2 {
  font-size: clamp(1.7rem, 3vw, 2.35rem);
}

.assurance-card strong {
  font-size: 1.05rem;
}

.assurance-card span {
  color: var(--text-muted);
  font-size: 0.88rem;
  line-height: 1.5;
}

.agnero-technical-cta {
  padding-top: 0;
  padding-bottom: clamp(1rem, 2vw, 1.5rem);
}

.agnero-technical-cta + .newsletter-section {
  padding-top: clamp(1rem, 2vw, 1.5rem);
}

.technical-cta-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.25rem;
  align-items: center;
  border-radius: var(--radius-md);
  padding: clamp(1.25rem, 4vw, 2rem);
  background: linear-gradient(135deg, rgba(244, 248, 253, 0.94), rgba(255, 255, 255, 0.96));
  border: 1px solid rgba(18, 55, 120, 0.13);
}

.technical-cta-inner h2 {
  max-width: 52rem;
  margin-top: 0.35rem;
  font-size: clamp(1.4rem, 3vw, 2.1rem);
}

.mobile-centered-logo,
.mobile-nav-utility,
.mobile-home-category-tabs {
  display: none;
}

/* The full-screen search panel belongs to the mobile header only. */
@media (min-width: 901px) {
  .mobile-header-search {
    display: none !important;
  }
}

@media (max-width: 900px) {
  body {
    padding-bottom: calc(4.8rem + env(safe-area-inset-bottom));
  }

  .top-bar {
    display: none;
  }

  .site-header .site-logo,
  .header-search,
  .header-actions {
    display: none !important;
  }

  .header-main {
    display: block;
    min-height: auto;
  }

  .mobile-header-controls {
    width: 100%;
    min-height: 3.9rem;
    display: grid !important;
    grid-template-columns: 2.35rem minmax(0, 1fr) 2.35rem;
    align-items: center;
    justify-self: stretch;
    gap: 0.65rem;
  }

  .mobile-centered-logo {
    display: flex;
    justify-self: center;
    align-items: center;
    justify-content: center;
    min-width: 0;
  }

  .mobile-centered-logo img {
    width: min(10.8rem, 50vw);
    max-height: 2.25rem;
  }

  .mobile-home-category-tabs {
    display: block;
    background: transparent;
    overflow: visible;
  }

  .mobile-home-category-tabs__scroller {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    overflow-x: auto;
    overflow-y: visible;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    padding: 0.9rem 1rem 1.15rem;
    scrollbar-width: none;
  }

  .mobile-home-category-tabs__scroller::-webkit-scrollbar {
    display: none;
  }

  .mobile-home-category-tabs__item {
    flex: 0 0 auto;
    display: inline-flex;
    min-height: 2.12rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(18, 55, 120, 0.18);
    border-radius: 999px;
    padding: 0 1rem;
    background: #ffffff;
    color: var(--header-navy);
    box-shadow: 0 2px 7px rgba(18, 55, 120, 0.06);
    font-size: 0.88rem;
    font-weight: 760;
    line-height: 1;
    white-space: nowrap;
    transition: background 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, color 0.18s ease, transform 0.22s ease;
  }

  .mobile-home-category-tabs__item:hover,
  .mobile-home-category-tabs__item:focus-visible {
    border-color: rgba(18, 55, 120, 0.3);
    color: var(--header-navy);
    transform: translateY(-1px);
  }

  .mobile-home-category-tabs__item.is-active {
    border-color: var(--header-orange);
    background: var(--header-orange);
    color: #ffffff;
    box-shadow: 0 8px 16px rgba(255, 122, 0, 0.22);
  }

  .mobile-search-toggle,
  .menu-toggle {
    width: 2.35rem;
    height: 2.35rem;
    box-shadow: none;
  }

  .mobile-search-toggle svg,
  .menu-toggle svg {
    width: 1.18rem;
    height: 1.18rem;
  }

  .mobile-search-toggle {
    justify-self: end;
  }

  .menu-toggle {
    justify-self: start;
  }

  .mobile-header-search {
    position: fixed;
    inset: 0;
    z-index: 5320;
    display: block;
    padding: calc(0.85rem + env(safe-area-inset-top)) 1rem 1rem;
    background: rgba(8, 29, 53, 0.36);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.22s ease;
  }

  .mobile-header-search.active {
    opacity: 1;
    pointer-events: auto;
  }

  .mobile-header-search-panel {
    width: min(100%, 31rem);
    margin-inline: auto;
    border-radius: 1.15rem;
    padding: 1rem;
    transform: translateY(-0.8rem);
    transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1);
  }

  .mobile-header-search.active .mobile-header-search-panel {
    transform: translateY(0);
  }

  .mobile-search-shortcuts {
    margin-top: 0.85rem;
  }

  .mobile-header-search .search-field {
    min-width: 0;
    padding-inline: 0.85rem;
    font-size: 1rem;
  }

  .mobile-search-shortcuts a {
    flex: 1 1 calc(50% - 0.55rem);
    justify-content: center;
    border-color: rgba(18, 55, 120, 0.12);
    background: var(--surface-soft);
    color: var(--text);
  }

  .main-navigation {
    position: fixed;
    inset: 0 auto 0 0;
    width: min(27rem, 92vw);
    max-width: 92vw;
    height: 100dvh;
    padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);
    border: 0;
    border-right: 1px solid rgba(18, 55, 120, 0.12);
    background: #fff;
    box-shadow: 28px 0 64px rgba(9, 32, 58, 0.2);
    transform: translateX(-105%);
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
    overflow: hidden;
  }

  .main-navigation.active {
    transform: translateX(0);
  }

  .main-navigation .container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-inline: 1rem;
    margin: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
  }

  .mobile-nav-head {
    display: flex;
    min-height: 4rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-inline: -1rem;
    padding-inline: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    background: var(--brand);
  }

  .mobile-nav-brand,
  .mobile-nav-close {
    display: inline-flex;
  }

  .mobile-nav-brand-logo {
    max-height: 1.9rem;
    filter: brightness(0) invert(1);
  }

  .mobile-nav-close {
    border-color: rgba(255, 255, 255, 0.24);
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
  }

  .nav-inner {
    min-height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.9rem;
    padding-block: 1rem;
    overflow: hidden;
    background: #fff;
  }

  .all-products-toggle {
    min-height: 3.25rem;
    justify-content: center;
    border: 1px solid rgba(18, 55, 120, 0.12);
    border-radius: var(--radius-sm);
    background: var(--brand);
    color: #fff;
  }

  .primary-menu-wrapper {
    flex: 1;
    min-height: 0;
    overflow: auto;
    padding-right: 0.15rem;
  }

  .nav-menu {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: auto;
    align-content: start;
    align-items: start;
    gap: 0.65rem;
    height: auto;
  }

  .nav-menu > .menu-item > a,
  .nav-menu .sub-menu a {
    min-height: 3.15rem;
    display: flex;
    align-items: center;
    border: 1px solid rgba(18, 55, 120, 0.11);
    border-radius: var(--radius-sm);
    padding: 0.72rem 0.8rem;
    background: var(--surface-soft);
    color: var(--text);
    font-size: 0.84rem;
    line-height: 1.25;
  }

  .nav-menu > .menu-item-has-children {
    grid-column: span 2;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.5rem;
  }

  .nav-menu > .menu-item-has-children > a::after {
    display: none;
  }

  .mobile-submenu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.15rem;
    height: 3.15rem;
    border: 1px solid rgba(18, 55, 120, 0.11);
    border-radius: var(--radius-sm);
    background: #fff;
  }

  .nav-menu .sub-menu,
  .nav-menu .menu-item-has-children:hover > .sub-menu {
    position: static;
    grid-column: span 2;
    display: none;
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    opacity: 1;
    visibility: visible;
    transform: none;
  }

  .nav-menu .submenu-open > .sub-menu {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem;
  }

  .nav-menu .sub-menu a {
    min-height: 2.9rem;
    background: #fff;
    font-size: 0.8rem;
  }

  .nav-menu > .menu-item-has-children > .sub-menu > li > a {
    display: flex;
    min-height: 3rem;
    grid-template-rows: none;
    gap: 0;
    padding: 0.75rem 0.8rem;
    box-shadow: none;
  }

  .nav-menu > .menu-item-has-children > .sub-menu > li > a::before {
    display: none;
  }

  .mobile-nav-utility {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
  }

  .mobile-nav-utility a {
    display: flex;
    min-height: 2.8rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(18, 55, 120, 0.11);
    border-radius: var(--radius-sm);
    padding: 0.5rem;
    background: #fff;
    color: var(--text-muted);
    font-size: 0.72rem;
    font-weight: 800;
    text-align: center;
  }

  .mobile-quick-nav {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    min-height: calc(4.25rem + env(safe-area-inset-bottom));
    padding-bottom: env(safe-area-inset-bottom);
  }

  .mobile-quick-nav.has-cart-items {
    display: flex !important;
    grid-template-columns: none !important;
  }

  .home-section-head--row,
  .technical-cta-inner,
  .finder-panel,
  .selection-grid,
  .assurance-grid {
    grid-template-columns: 1fr;
  }

  .selection-card {
    min-height: 30rem;
  }

  .selection-card-body {
    grid-template-columns: 1fr;
  }

  .selection-card strong {
    max-width: 19rem;
  }

  .selection-card-cta {
    justify-self: start;
  }

  .assurance-card--primary {
    min-height: 15rem;
    grid-row: auto;
  }

  .finder-panel {
    border-radius: var(--radius-sm);
  }
}

@media (max-width: 560px) {
  .container {
    width: min(var(--container), calc(100% - 1.25rem));
  }

  .entry-gates {
    overflow-x: clip;
  }

  .entry-gates .container {
    width: min(22.75rem, calc(100% - 1.25rem));
    max-width: 22.75rem;
    margin-left: 0.625rem;
    margin-right: auto;
  }

  .category-cards-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.65rem;
    width: 100%;
    max-width: 100%;
  }

  .category-card--insertler {
    grid-column: auto;
  }

  .category-card:not(.category-card--insertler) .category-card-subs,
  .category-card--insertler .category-card-subs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: center;
    max-width: 100%;
    padding-left: 0;
  }

  .category-card:not(.category-card--insertler),
  .category-card--insertler {
    border-radius: var(--radius-sm);
    max-width: 100%;
  }

  .category-card:not(.category-card--insertler) .category-card-main {
    min-height: 9.25rem;
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 0.65rem;
    padding: 0.85rem;
    text-align: center;
  }

  .category-card--insertler .category-card-main {
    min-height: 9.25rem;
    padding: 0.85rem;
  }

  .category-card-photo,
  .category-card--insertler .category-card-photo,
  .category-card:not(.category-card--insertler) .category-card-photo {
    position: static;
    width: min(6rem, 74%);
    height: 5.7rem;
  }

  .category-card:not(.category-card--insertler):hover .category-card-photo,
  .category-card:not(.category-card--insertler):focus-within .category-card-photo {
    transform: translateY(-3px) scale(1.04);
  }

  .category-card.is-coming-soon .category-card-main::before {
    display: none;
  }

  .category-card h3,
  .category-card:not(.category-card--insertler) h3 {
    font-size: 0.94rem;
    line-height: 1.2;
  }

  .sub-cat-link,
  .category-card--insertler .sub-cat-link,
  .category-card:not(.category-card--insertler) .sub-cat-link {
    flex: 1 1 calc(50% - 0.35rem);
    max-width: 100%;
    min-width: 0;
    min-height: 2.4rem;
    padding: 0.45rem 0.5rem;
    font-size: 0.7rem;
    white-space: normal;
    text-align: center;
  }

  .finder-search .search-form {
    min-height: 3.25rem;
    border-radius: 1rem;
  }

  .finder-tags a {
    flex: 1 1 calc(50% - 0.55rem);
    justify-content: center;
    min-height: 2.45rem;
    text-align: center;
  }

  .home-section-head--row .btn {
    width: 100%;
  }

  .technical-cta-inner .cta-buttons {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr;
  }
}

@media (min-width: 761px) and (max-width: 1200px) {
  .woocommerce-checkout.agnero-checkout-step-delivery form.checkout,
  .woocommerce-checkout.agnero-checkout-step-payment form.checkout {
    grid-template-columns: minmax(0, 1fr) 18rem;
    grid-template-areas: "customer review";
  }

  .woocommerce-checkout.agnero-checkout-step-delivery #order_review,
  .woocommerce-checkout.agnero-checkout-step-payment #order_review {
    position: sticky;
    top: 1rem;
  }

  .woocommerce-checkout .agnero-checkout-payment-panel {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .woocommerce-checkout.agnero-checkout-step-delivery #order_review,
  .woocommerce-checkout.agnero-checkout-step-payment #order_review {
    min-width: 18rem;
    width: 18rem;
  }

  .woocommerce-checkout.agnero-checkout-step-payment .agnero-checkout-payment-panel > .woocommerce-checkout-payment {
    grid-column: 1;
    grid-row: 3;
  }

  .woocommerce-checkout.agnero-checkout-step-payment .agnero-checkout-payment-panel > .agnero-paytr-installments {
    grid-column: 2;
    grid-row: 3;
  }

  .agnero-checkout-progress {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.85rem !important;
  }

  .agnero-checkout-progress__step {
    min-height: 3.85rem;
    gap: 0.45rem;
    padding: 0.58rem 0.5rem;
    font-size: 0.74rem;
  }

  .agnero-checkout-progress__index {
    width: 1.78rem;
    height: 1.78rem;
    font-size: 0.78rem;
  }

  .agnero-checkout-progress__label {
    white-space: nowrap;
  }
}

@media (min-width: 761px) {
  body.woocommerce-checkout .agnero-checkout-progress,
  body.woocommerce-cart .agnero-checkout-progress {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.85rem !important;
  }

  body.woocommerce-checkout .agnero-checkout-progress__label,
  body.woocommerce-cart .agnero-checkout-progress__label {
    white-space: nowrap;
  }
}

/* Checkout/cart visual alignment pass: keep cart detail consistent with delivery and payment steps. */
body.woocommerce-cart .woocommerce {
  grid-template-columns: minmax(0, 1fr) minmax(21rem, 0.36fr);
  gap: clamp(1rem, 3vw, 2rem);
  align-items: start;
}

body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart_totals,
body.woocommerce-cart .wc-block-cart-items,
body.woocommerce-cart .wc-block-components-sidebar {
  border: 1px solid #dfe8f2;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(18, 55, 120, 0.05);
}

body.woocommerce-cart .woocommerce-cart-form::before,
body.woocommerce-cart .cart_totals::before,
body.woocommerce-cart .wc-block-cart-items::before,
body.woocommerce-cart .wc-block-components-sidebar::before {
  display: none;
}

body.woocommerce-cart .woocommerce-cart-form table.shop_table thead th,
body.woocommerce-cart .wc-block-cart-items th,
body.woocommerce-cart .cart_totals h2,
body.woocommerce-cart .wc-block-cart__totals-title {
  background: #f7f9fc;
  color: #123778;
  font-size: 1.08rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: none;
}

body.woocommerce-cart .woocommerce-cart-form table.shop_table thead th,
body.woocommerce-cart .wc-block-cart-items th {
  border-bottom: 1px solid #dfe8f2;
}

body.woocommerce-cart .woocommerce-cart-form table.shop_table th,
body.woocommerce-cart .woocommerce-cart-form table.shop_table td,
body.woocommerce-cart .wc-block-cart-items td {
  padding: 1.05rem 1.15rem;
  border-bottom-color: #edf2f7;
}

body.woocommerce-cart .woocommerce-cart-form .cart_item td,
body.woocommerce-cart .wc-block-cart-items__row {
  background: #fff;
}

body.woocommerce-cart .woocommerce-cart-form .product-name a,
body.woocommerce-cart .wc-block-components-product-name {
  color: #123778;
  font-size: 0.95rem;
  font-weight: 900;
}

body.woocommerce-cart .woocommerce-cart-form .product-thumbnail img,
body.woocommerce-cart .wc-block-cart-item__image img {
  width: 4.4rem;
  max-width: 4.4rem;
  border-color: #dfe8f2;
  border-radius: 8px;
  background: #f8fbff;
}

body.woocommerce-cart .woocommerce-cart-form .product-quantity .qty,
body.woocommerce-cart .wc-block-components-quantity-selector {
  border-color: #cfdbea;
  border-radius: 8px;
  background: #fff;
}

body.woocommerce-cart .woocommerce-cart-form .product-price,
body.woocommerce-cart .woocommerce-cart-form .product-subtotal,
body.woocommerce-cart .wc-block-components-product-price,
body.woocommerce-cart .wc-block-components-formatted-money-amount {
  color: #123778;
  font-weight: 850;
}

body.woocommerce-cart .cart_totals,
body.woocommerce-cart .wc-block-components-sidebar {
  overflow: hidden;
}

body.woocommerce-cart .cart_totals h2,
body.woocommerce-cart .wc-block-cart__totals-title {
  margin: 0;
  padding: 1.05rem 1.15rem;
  border-bottom: 1px solid #dfe8f2;
}

body.woocommerce-cart .cart_totals table.shop_table th,
body.woocommerce-cart .cart_totals table.shop_table td,
body.woocommerce-cart .wc-block-components-totals-wrapper {
  padding: 0.85rem 1.15rem;
  border-bottom-color: #edf2f7;
}

body.woocommerce-cart .cart_totals table.shop_table th,
body.woocommerce-cart .wc-block-components-totals-item__label {
  color: #536782;
  font-size: 0.9rem;
  font-weight: 850;
}

body.woocommerce-cart .cart_totals table.shop_table td,
body.woocommerce-cart .wc-block-components-totals-item__value {
  color: #123778;
  font-size: 0.95rem;
  font-weight: 900;
}

body.woocommerce-cart .cart_totals .order-total th,
body.woocommerce-cart .cart_totals .order-total td,
body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  color: #123778;
  font-size: 1.28rem;
  font-weight: 950;
}

body.woocommerce-cart .wc-proceed-to-checkout .button,
body.woocommerce-cart .wc-block-cart__submit-button,
body.woocommerce-cart .wc-block-components-button.wc-block-cart__submit-button {
  min-height: 3.15rem;
  border-radius: 8px !important;
  background: #ff6b00 !important;
  border-color: #ff6b00 !important;
  box-shadow: none;
}

body.woocommerce-cart .wc-proceed-to-checkout .button:hover,
body.woocommerce-cart .wc-block-cart__submit-button:hover,
body.woocommerce-cart .wc-block-components-button.wc-block-cart__submit-button:hover {
  background: #e95f00 !important;
  border-color: #e95f00 !important;
}

@media (min-width: 901px) {
  body.woocommerce-checkout.agnero-checkout-step-delivery #order_review,
  body.woocommerce-checkout.agnero-checkout-step-payment #order_review,
  body.woocommerce-checkout #order_review {
    position: sticky;
    top: 9rem;
  }
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr {
  display: grid;
  grid-template-columns: max-content minmax(5.35rem, max-content);
  justify-content: end;
  align-items: baseline;
  column-gap: 1.25rem;
  border-bottom: 1px solid #edf2f7;
  width: 100%;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr.cart_item {
  display: grid;
  grid-template-columns: max-content minmax(5.35rem, max-content);
  justify-content: end;
  align-items: baseline;
  column-gap: 1.25rem;
  width: 100%;
  border-bottom: 1px solid #edf2f7;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td {
  display: block;
  width: auto;
  border-bottom: 0 !important;
  padding: 0.68rem 0 !important;
  text-align: right !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table .product-name,
body.woocommerce-checkout .woocommerce-checkout-review-order-table .product-total {
  justify-self: end;
  text-align: right !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td .amount {
  display: inline-block;
  min-width: 5.35rem;
  text-align: right !important;
}

body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table,
body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tbody,
body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot {
  display: block;
  width: 100%;
}

body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot tr th:first-child {
  justify-self: end;
}

body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot tr td:last-child {
  justify-self: end;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr:last-child {
  border-bottom: 0;
  column-gap: 1rem;
}

body.woocommerce-checkout .wc-block-components-sidebar .wc-block-components-totals-item {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: end;
  column-gap: 1.05rem;
}

body.woocommerce-checkout .wc-block-components-sidebar .wc-block-components-totals-item__label,
body.woocommerce-checkout .wc-block-components-sidebar .wc-block-components-totals-item__value {
  margin-left: 0;
  text-align: right !important;
}

body.woocommerce-checkout .wc-block-components-sidebar {
  top: 9rem;
}

@media (min-width: 761px) and (max-width: 1200px) {
  body.woocommerce-checkout.agnero-checkout-step-delivery #order_review,
  body.woocommerce-checkout.agnero-checkout-step-payment #order_review {
    top: 9rem;
  }
}

@media (max-width: 900px) {
  body.woocommerce-cart .woocommerce,
  body.woocommerce-cart .wp-block-woocommerce-cart,
  body.woocommerce-cart .wc-block-cart {
    grid-template-columns: 1fr;
  }
}

/* Cart step should use the same layout rhythm as delivery/payment steps. */
body.woocommerce-cart .woocommerce,
body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-cart .wc-block-cart,
body.woocommerce-cart .wc-block-components-sidebar-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.44fr);
  gap: 1.25rem;
  align-items: start;
}

body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .wc-block-cart__main,
body.woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-main {
  min-width: 0;
  width: 100%;
  padding-right: 0;
}

body.woocommerce-cart .cart-collaterals,
body.woocommerce-cart .wc-block-cart__sidebar,
body.woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-sidebar {
  min-width: 22rem;
  width: fit-content;
  justify-self: end;
}

body.woocommerce-cart .cart_totals,
body.woocommerce-cart .wc-block-components-sidebar {
  min-width: 22rem;
  width: fit-content;
  justify-self: end;
  border: 1px solid #dfe8f2;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(18, 55, 120, 0.05);
  padding: 1.2rem;
}

@media (min-width: 901px) {
  body.woocommerce-cart .cart_totals,
  body.woocommerce-cart .wc-block-components-sidebar {
    position: sticky;
    top: 9rem;
  }
}

body.woocommerce-cart .cart_totals h2,
body.woocommerce-cart .wc-block-cart__totals-title {
  display: none !important;
}

body.woocommerce-cart .wc-block-components-totals-wrapper:first-child {
  padding-top: 0;
}

body.woocommerce-cart .wc-block-cart__submit-container,
body.woocommerce-cart .cart_totals .wc-proceed-to-checkout {
  padding: 1rem 0 0;
}

body.woocommerce-cart .wc-block-components-sidebar::before,
body.woocommerce-cart .cart_totals::before {
  display: none !important;
}

body.woocommerce-checkout.agnero-checkout-step-payment .page-title {
  display: none !important;
}

@media (max-width: 900px) {
  body.woocommerce-cart .woocommerce,
  body.woocommerce-cart .wp-block-woocommerce-cart,
  body.woocommerce-cart .wc-block-cart,
  body.woocommerce-cart .wc-block-components-sidebar-layout {
    grid-template-columns: 1fr;
  }

  body.woocommerce-cart .cart-collaterals,
  body.woocommerce-cart .cart_totals,
  body.woocommerce-cart .wc-block-cart__sidebar,
  body.woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-sidebar,
  body.woocommerce-cart .wc-block-components-sidebar {
    min-width: 0;
    width: 100%;
    justify-self: stretch;
  }
}

/* Final cart parity layer: make cart detail read like checkout step 1. */
body.woocommerce-cart .page-title,
body.woocommerce-cart h1.page-title,
body.woocommerce-cart .entry-title,
body.woocommerce-cart .wp-block-post-title,
body.woocommerce-cart .wc-block-cart__title {
  display: none !important;
}

body.woocommerce-cart .woocommerce,
body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-cart .wc-block-cart,
body.woocommerce-cart .wc-block-components-sidebar-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.44fr) !important;
  gap: 1.25rem !important;
  align-items: start !important;
  width: 100% !important;
  max-width: none !important;
}

body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .wc-block-cart__main,
body.woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-main {
  grid-column: 1;
  min-width: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

body.woocommerce-cart .cart-collaterals,
body.woocommerce-cart .wc-block-cart__sidebar,
body.woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-sidebar {
  grid-column: 2;
  min-width: 22rem !important;
  width: fit-content !important;
  max-width: 100% !important;
  justify-self: end !important;
}

body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .wc-block-cart-items {
  overflow: hidden;
  border: 1px solid #dfe8f2 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 18px 45px rgba(18, 55, 120, 0.05) !important;
}

body.woocommerce-cart .woocommerce-cart-form table.shop_table thead th,
body.woocommerce-cart .wc-block-cart-items th {
  background: #f7f9fc !important;
  color: #123778 !important;
  font-size: 1.08rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  border-bottom: 1px solid #dfe8f2 !important;
}

body.woocommerce-cart .woocommerce-cart-form table.shop_table th,
body.woocommerce-cart .woocommerce-cart-form table.shop_table td,
body.woocommerce-cart .wc-block-cart-items td {
  padding: 1.05rem 1.15rem !important;
  border-bottom-color: #edf2f7 !important;
}

body.woocommerce-cart .cart_totals,
body.woocommerce-cart .wc-block-components-sidebar {
  min-width: 22rem !important;
  width: fit-content !important;
  max-width: 100% !important;
  border: 1px solid #dfe8f2 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 18px 45px rgba(18, 55, 120, 0.05) !important;
  padding: 1.2rem !important;
}

body.woocommerce-cart .cart_totals h2,
body.woocommerce-cart .wc-block-cart__totals-title,
body.woocommerce-cart .wc-block-components-totals-coupon,
body.woocommerce-cart .wc-block-components-totals-coupon-link,
body.woocommerce-cart .wc-block-components-totals-wrapper:has(.wc-block-components-totals-coupon) {
  display: none !important;
}

body.woocommerce-cart .cart_totals table.shop_table,
body.woocommerce-cart .wc-block-components-sidebar {
  margin: 0 !important;
}

body.woocommerce-cart .cart_totals table.shop_table th,
body.woocommerce-cart .cart_totals table.shop_table td,
body.woocommerce-cart .wc-block-components-totals-wrapper {
  padding: 0.68rem 0 !important;
  border-bottom: 1px solid #edf2f7 !important;
}

body.woocommerce-cart .cart_totals table.shop_table tr,
body.woocommerce-cart .wc-block-components-totals-item {
  display: grid !important;
  grid-template-columns: max-content minmax(5.35rem, max-content) !important;
  justify-content: end !important;
  align-items: baseline !important;
  column-gap: 1.25rem !important;
  width: 100% !important;
  text-align: right !important;
}

body.woocommerce-cart .cart_totals table.shop_table th,
body.woocommerce-cart .cart_totals table.shop_table td,
body.woocommerce-cart .wc-block-components-totals-item__label,
body.woocommerce-cart .wc-block-components-totals-item__value {
  justify-self: end !important;
  margin: 0 !important;
  text-align: right !important;
}

body.woocommerce-cart .cart_totals table.shop_table td .amount,
body.woocommerce-cart .wc-block-components-totals-item__value {
  display: inline-block !important;
  min-width: 5.35rem !important;
  text-align: right !important;
}

body.woocommerce-cart .wc-proceed-to-checkout,
body.woocommerce-cart .wc-block-cart__submit-container {
  padding: 1rem 0 0 !important;
}

body.woocommerce-cart .wc-proceed-to-checkout .button,
body.woocommerce-cart .wc-block-cart__submit-button,
body.woocommerce-cart .wc-block-components-button.wc-block-cart__submit-button {
  width: 100% !important;
  min-height: 3.15rem !important;
  border-radius: 8px !important;
  background: #ff6b00 !important;
  border-color: #ff6b00 !important;
  color: #fff !important;
  box-shadow: none !important;
  font-size: 0.96rem !important;
  font-weight: 900 !important;
}

@media (min-width: 901px) {
  body.woocommerce-cart .cart_totals,
  body.woocommerce-cart .wc-block-components-sidebar {
    position: sticky !important;
    top: 9rem !important;
  }
}

@media (max-width: 900px) {
  body.woocommerce-cart .woocommerce,
  body.woocommerce-cart .wp-block-woocommerce-cart,
  body.woocommerce-cart .wc-block-cart,
  body.woocommerce-cart .wc-block-components-sidebar-layout {
    grid-template-columns: 1fr !important;
  }

  body.woocommerce-cart .cart-collaterals,
  body.woocommerce-cart .cart_totals,
  body.woocommerce-cart .wc-block-cart__sidebar,
  body.woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-sidebar,
  body.woocommerce-cart .wc-block-components-sidebar {
    grid-column: 1;
    min-width: 0 !important;
    width: 100% !important;
    justify-self: stretch !important;
  }
}

/* Cart detail hard alignment: use the checkout summary card, not native cart totals. */
body.woocommerce-cart .page-title,
body.woocommerce-cart h1.page-title,
body.woocommerce-cart .entry-title,
body.woocommerce-cart .wp-block-post-title,
body.woocommerce-cart .wc-block-cart__title,
body.woocommerce-checkout.agnero-checkout-step-payment .page-title,
body.woocommerce-checkout.agnero-checkout-step-payment h1.page-title,
body.woocommerce-checkout.agnero-checkout-step-payment .entry-title,
body.woocommerce-checkout.agnero-checkout-step-payment .wp-block-post-title {
  display: none !important;
}

body.woocommerce-cart .woocommerce,
body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-cart .wc-block-cart,
body.woocommerce-cart .wc-block-components-sidebar-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.44fr) !important;
  gap: 1.25rem !important;
  align-items: start !important;
  width: 100% !important;
  max-width: none !important;
}

body.woocommerce-cart .agnero-checkout-progress,
body.woocommerce-cart .agnero-conversion-note,
body.woocommerce-cart .woocommerce-notices-wrapper {
  grid-column: 1 / -1 !important;
}

body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .wc-block-cart__main,
body.woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-main {
  grid-column: 1 !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: none !important;
  padding-right: 0 !important;
}

body.woocommerce-cart .cart-collaterals,
body.woocommerce-cart .cart_totals,
body.woocommerce-cart .wc-block-cart__sidebar,
body.woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-sidebar,
body.woocommerce-cart .wc-block-components-sidebar:not(.agnero-cart-step-summary) {
  display: none !important;
}

body.woocommerce-cart .agnero-cart-step-summary {
  grid-column: 2 !important;
  justify-self: end !important;
  width: fit-content !important;
  min-width: 22rem !important;
  max-width: 100% !important;
  border: 1px solid #dfe8f2 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 18px 45px rgba(18, 55, 120, 0.05) !important;
  padding: 1.2rem !important;
}

@media (min-width: 901px) {
  body.woocommerce-cart .agnero-cart-step-summary {
    position: sticky !important;
    top: 9rem !important;
  }
}

body.woocommerce-cart .agnero-cart-step-summary__items {
  display: grid;
  gap: 0;
  padding-bottom: 0.2rem;
}

body.woocommerce-cart .agnero-cart-step-summary__line,
body.woocommerce-cart .agnero-cart-step-summary__row {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  gap: 1.4rem;
  width: 100%;
  border-bottom: 1px solid #edf2f7;
  padding: 0.78rem 0;
  text-align: right;
}

body.woocommerce-cart .agnero-cart-step-summary__line {
  justify-content: space-between;
}

body.woocommerce-cart .agnero-cart-step-summary__line span,
body.woocommerce-cart .agnero-cart-step-summary__row span {
  color: #425977;
  font-weight: 800;
  line-height: 1.25;
  text-align: right;
}

body.woocommerce-cart .agnero-cart-step-summary__line span {
  max-width: 13.5rem;
  color: #123778;
  text-align: left;
}

body.woocommerce-cart .agnero-cart-step-summary__line strong,
body.woocommerce-cart .agnero-cart-step-summary__row strong {
  min-width: 5.8rem;
  color: #123778;
  font-weight: 900;
  line-height: 1.2;
  text-align: right;
  white-space: nowrap;
}

.agnero-shipping-amount {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  max-width: 100%;
  vertical-align: middle;
}

.agnero-shipping-amount__logo {
  display: block;
  width: 4.75rem;
  height: auto;
  max-height: 1.25rem;
  flex: 0 0 auto;
}

.agnero-shipping-amount__value {
  flex: 0 0 auto;
  white-space: nowrap;
}

body.woocommerce-cart .agnero-cart-step-summary__row--eur span,
body.woocommerce-cart .agnero-cart-step-summary__row--eur strong {
  color: #123778;
  font-size: 1.05rem;
}

body.woocommerce-cart .agnero-cart-step-summary__row--discount span,
body.woocommerce-cart .agnero-cart-step-summary__row--discount strong {
  color: #d75b00;
}

body.woocommerce-cart .agnero-cart-step-summary__row--discount strong {
  font-weight: 900;
}

body.woocommerce-cart .agnero-cart-step-summary__row--total {
  padding: 1.1rem 0 1.55rem;
}

body.woocommerce-cart .agnero-cart-step-summary__row--total span,
body.woocommerce-cart .agnero-cart-step-summary__row--total strong {
  color: #123778;
  font-size: 1.35rem;
  font-weight: 950;
}

body.woocommerce-cart .agnero-cart-step-summary__button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.15rem;
  width: 100%;
  border: 1px solid #123778;
  border-radius: 8px;
  background: #ff6b00;
  color: #fff !important;
  font-size: 0.96rem;
  font-weight: 900;
  line-height: 1;
  text-decoration: none !important;
}

body.woocommerce-cart .agnero-cart-step-summary__button:hover {
  background: #e85f00;
  border-color: #123778;
  color: #fff !important;
}

body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .wc-block-cart-items {
  width: 100% !important;
  max-width: none !important;
}

body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot tr,
body.woocommerce-checkout #order_review .wc-block-components-totals-item {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: baseline !important;
  gap: 1.4rem !important;
  text-align: right !important;
}

body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot th,
body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot td,
body.woocommerce-checkout #order_review .wc-block-components-totals-item__label,
body.woocommerce-checkout #order_review .wc-block-components-totals-item__value {
  text-align: right !important;
  margin-left: 0 !important;
}

body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot td,
body.woocommerce-checkout #order_review .wc-block-components-totals-item__value {
  min-width: 5.8rem !important;
}

@media (max-width: 900px) {
  body.woocommerce-cart .woocommerce,
  body.woocommerce-cart .wp-block-woocommerce-cart,
  body.woocommerce-cart .wc-block-cart,
  body.woocommerce-cart .wc-block-components-sidebar-layout {
    grid-template-columns: 1fr !important;
  }

  body.woocommerce-cart .agnero-cart-step-summary {
    grid-column: 1 !important;
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* Cart detail width correction: match delivery/payment page shell exactly. */
body.woocommerce-cart .content-shell > .container,
body.woocommerce-cart .shop-content {
  width: min(1700px, calc(100% - 2.5rem)) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

body.woocommerce-cart .shop-content,
body.woocommerce-cart .shop-content > .woocommerce,
body.woocommerce-cart .woocommerce,
body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-cart .wc-block-cart,
body.woocommerce-cart .wc-block-components-sidebar-layout {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
}

body.woocommerce-cart .shop-content > .woocommerce,
body.woocommerce-cart .woocommerce,
body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-cart .wc-block-cart,
body.woocommerce-cart .wc-block-components-sidebar-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.44fr) !important;
  column-gap: 1.25rem !important;
  row-gap: 1.25rem !important;
  align-items: start !important;
}

body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .wc-block-cart__main,
body.woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-main,
body.woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-main > *,
body.woocommerce-cart .wc-block-cart-items,
body.woocommerce-cart table.shop_table.cart {
  grid-column: 1 !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

body.woocommerce-cart .agnero-cart-step-summary {
  grid-column: 2 !important;
  justify-self: end !important;
  align-self: start !important;
  width: 100% !important;
  min-width: 22rem !important;
  max-width: 27.5rem !important;
  font-size: 0.9rem !important;
}

body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .woocommerce-cart-form table.shop_table,
body.woocommerce-cart .wc-block-cart-items,
body.woocommerce-cart .wc-block-cart-items *,
body.woocommerce-cart .agnero-cart-step-summary,
body.woocommerce-cart .agnero-cart-step-summary * {
  letter-spacing: 0 !important;
}

body.woocommerce-cart .woocommerce-cart-form table.shop_table thead th,
body.woocommerce-cart .wc-block-cart-items th {
  font-size: 0.86rem !important;
  line-height: 1.25 !important;
}

body.woocommerce-cart .woocommerce-cart-form table.shop_table th,
body.woocommerce-cart .woocommerce-cart-form table.shop_table td,
body.woocommerce-cart .wc-block-cart-items td {
  font-size: 0.82rem !important;
  line-height: 1.35 !important;
}

body.woocommerce-cart .woocommerce-cart-form .product-name a,
body.woocommerce-cart .wc-block-components-product-name,
body.woocommerce-cart .agnero-cart-step-summary__line span {
  font-size: 0.84rem !important;
  line-height: 1.25 !important;
}

body.woocommerce-cart .woocommerce-cart-form .product-price,
body.woocommerce-cart .woocommerce-cart-form .product-subtotal,
body.woocommerce-cart .wc-block-components-product-price,
body.woocommerce-cart .wc-block-components-formatted-money-amount,
body.woocommerce-cart .agnero-cart-step-summary__line strong {
  font-size: 0.84rem !important;
  line-height: 1.25 !important;
}

body.woocommerce-cart .agnero-cart-step-summary__line,
body.woocommerce-cart .agnero-cart-step-summary__row {
  padding: 0.72rem 0 !important;
  gap: 1.25rem !important;
}

body.woocommerce-cart .agnero-cart-step-summary__row span,
body.woocommerce-cart .agnero-cart-step-summary__row strong {
  font-size: 0.86rem !important;
  line-height: 1.25 !important;
}

body.woocommerce-cart .agnero-cart-step-summary__row--eur span,
body.woocommerce-cart .agnero-cart-step-summary__row--eur strong {
  font-size: 0.98rem !important;
}

body.woocommerce-cart .agnero-cart-step-summary__row--total span,
body.woocommerce-cart .agnero-cart-step-summary__row--total strong {
  font-size: 1.12rem !important;
}

body.woocommerce-cart .agnero-cart-step-summary__button {
  min-height: 3rem !important;
  font-size: 0.92rem !important;
}

@media (min-width: 901px) {
  body.woocommerce-cart .agnero-cart-step-summary {
    position: sticky !important;
    top: 9rem !important;
  }
}

@media (max-width: 900px) {
  body.woocommerce-cart .content-shell > .container,
  body.woocommerce-cart .shop-content {
    width: min(var(--container), calc(100% - 1.25rem)) !important;
  }

  body.woocommerce-cart .shop-content > .woocommerce,
  body.woocommerce-cart .woocommerce,
  body.woocommerce-cart .wp-block-woocommerce-cart,
  body.woocommerce-cart .wc-block-cart,
  body.woocommerce-cart .wc-block-components-sidebar-layout {
    grid-template-columns: 1fr !important;
  }

  body.woocommerce-cart .agnero-cart-step-summary {
    grid-column: 1 !important;
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* Cart block final layout fix: let the product table fill the left column. */
body.woocommerce-cart .woocommerce > .wp-block-woocommerce-cart,
body.woocommerce-cart .woocommerce > .wc-block-cart,
body.woocommerce-cart .woocommerce > .wc-block-components-sidebar-layout {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
  justify-self: stretch !important;
}

body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-cart .wc-block-cart,
body.woocommerce-cart .wc-block-components-sidebar-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.44fr) !important;
  gap: 1.25rem !important;
  align-items: start !important;
}

body.woocommerce-cart .wc-block-cart__main,
body.woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-main,
body.woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-main > .wc-block-cart,
body.woocommerce-cart .woocommerce-cart-form {
  grid-column: 1 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  justify-self: stretch !important;
}

body.woocommerce-cart .wc-block-cart-items,
body.woocommerce-cart .wc-block-cart-items table,
body.woocommerce-cart table.shop_table.cart {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

body.woocommerce-cart .wc-block-cart-items thead,
body.woocommerce-cart .wc-block-cart-items thead tr,
body.woocommerce-cart .wc-block-cart-items thead th,
body.woocommerce-cart .woocommerce-cart-form table.shop_table thead,
body.woocommerce-cart .woocommerce-cart-form table.shop_table thead tr,
body.woocommerce-cart .woocommerce-cart-form table.shop_table thead th {
  background: #f7f9fc !important;
}

body.woocommerce-cart .wc-block-cart-items thead th,
body.woocommerce-cart .woocommerce-cart-form table.shop_table thead th {
  box-shadow: none !important;
}

body.woocommerce-cart .wc-block-cart-items thead th:not(:first-child),
body.woocommerce-cart .woocommerce-cart-form table.shop_table thead th:not(:first-child) {
  border-left: 0 !important;
}

/* Woo Cart Block loading state has its own 65/35 flex widths; override them. */
body.woocommerce-cart .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-filled-cart-block {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.44fr) !important;
  gap: 1.25rem !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  align-items: start !important;
}

body.woocommerce-cart .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-items-block,
body.woocommerce-cart .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-line-items-block {
  grid-column: 1 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  padding-right: 0 !important;
}

body.woocommerce-cart .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-cart-totals-block {
  display: none !important;
}

body.woocommerce-cart .wp-block-woocommerce-cart.is-loading > .agnero-cart-step-summary {
  grid-column: 2 !important;
}

body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__header,
body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__header th,
body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-image,
body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product,
body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-total {
  background: #f7f9fc !important;
}

body.woocommerce-cart table.wc-block-cart-items .wc-block-cart-items__header {
  box-shadow: inset 0 0 0 9999px #f7f9fc !important;
}

@media (max-width: 900px) {
  body.woocommerce-cart .wp-block-woocommerce-cart.is-loading .wp-block-woocommerce-filled-cart-block {
    grid-template-columns: 1fr !important;
  }

  body.woocommerce-cart .wp-block-woocommerce-cart.is-loading > .agnero-cart-step-summary {
    grid-column: 1 !important;
  }
}

/* Server-rendered cart detail: match delivery/payment checkout layout. */
body.woocommerce-cart .wp-block-woocommerce-cart[hidden] {
  display: none !important;
}

body.woocommerce-cart .agnero-cart-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.44fr);
  gap: 1.25rem;
  align-items: start;
  width: 100%;
  margin-top: 1.75rem;
}

body.woocommerce-cart .agnero-cart-detail-products {
  grid-column: 1;
  overflow: hidden;
  width: 100%;
  min-width: 0;
  border: 1px solid #dfe8f2;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(18, 55, 120, 0.05);
}

body.woocommerce-cart .agnero-cart-detail-products__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 8.5rem;
  align-items: center;
  min-height: 3.15rem;
  background: #f7f9fc;
  border-bottom: 1px solid #dfe8f2;
}

body.woocommerce-cart .agnero-cart-detail-products__head span {
  display: block;
  padding: 0.92rem 1.05rem;
  color: #123778;
  font-size: 0.86rem;
  font-weight: 900;
  line-height: 1.2;
  text-align: left;
}

body.woocommerce-cart .agnero-cart-detail-products__head span:last-child {
  text-align: right;
}

body.woocommerce-cart .agnero-cart-detail-products__body {
  display: grid;
}

body.woocommerce-cart .agnero-cart-detail-products__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 8.5rem;
  gap: 1rem;
  align-items: start;
  padding: 1.05rem;
  border-bottom: 1px solid #edf2f7;
}

body.woocommerce-cart .agnero-cart-detail-products__row:last-child {
  border-bottom: 0;
}

body.woocommerce-cart .agnero-cart-detail-products__product {
  display: grid;
  grid-template-columns: 4rem minmax(0, 1fr);
  gap: 0.95rem;
  min-width: 0;
}

body.woocommerce-cart .agnero-cart-detail-products__thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  overflow: hidden;
  border: 1px solid #edf2f7;
  border-radius: 8px;
  background: #f7f9fc;
}

body.woocommerce-cart .agnero-cart-detail-products__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

body.woocommerce-cart .agnero-cart-detail-products__info {
  display: grid;
  gap: 0.45rem;
  min-width: 0;
  position: relative;
  padding-bottom: 0;
}

body.woocommerce-cart .agnero-cart-detail-products__info strong,
body.woocommerce-cart .agnero-cart-detail-products__info strong a {
  color: #123778;
  font-size: 0.88rem;
  font-weight: 900;
  line-height: 1.25;
  text-decoration: none;
}

body.woocommerce-cart .agnero-cart-detail-products__price,
body.woocommerce-cart .agnero-cart-detail-products__total {
  color: #123778;
  font-size: 0.86rem;
  font-weight: 900;
  line-height: 1.25;
}

body.woocommerce-cart .agnero-cart-detail-products__price {
  display: none !important;
}

body.woocommerce-cart .agnero-cart-detail-products__specs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  max-width: 100%;
}

body.woocommerce-cart .agnero-cart-detail-products__specs span {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  min-height: 1.55rem;
  border: 1px solid #dfe8f2;
  border-radius: 8px;
  background: #f7f9fc;
  color: #425977;
  font-size: 0.73rem;
  font-weight: 800;
  line-height: 1;
  padding: 0.28rem 0.45rem;
}

body.woocommerce-cart .agnero-cart-detail-products__specs strong {
  color: #123778;
  font-weight: 950;
}

body.woocommerce-cart .agnero-cart-detail-products__quantity {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  align-items: center;
}

body.woocommerce-cart .agnero-cart-detail-products__quantity .quantity {
  margin: 0;
}

body.woocommerce-cart .agnero-cart-detail-products__quantity .qty {
  width: 4.6rem;
  min-height: 2.25rem;
  border: 1px solid #cfd9e6;
  border-radius: 8px;
  color: #123778;
  font-size: 0.86rem;
  font-weight: 800;
  text-align: center;
}

body.single-product div.product form.cart .quantity,
body.single-product div.product form.cart .single_add_to_cart_button {
  grid-row: 1;
}

body.single-product div.product form.cart .agnero-social-proof {
  grid-row: 2;
}

body.woocommerce-cart .agnero-cart-detail-products__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 2.25rem;
  width: 2.25rem;
  height: 2.25rem;
  min-height: 2.25rem;
  border: 1px solid #f0b4b4;
  border-radius: 8px;
  background: #fff5f5;
  color: #b42323;
  padding: 0;
  text-decoration: none;
  cursor: pointer;
}

body.woocommerce-cart a.agnero-cart-detail-products__remove {
  align-items: center;
}

body.woocommerce-cart .agnero-cart-detail-products__remove svg {
  width: 1rem;
  height: 1rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.woocommerce-cart .agnero-cart-detail-products__remove:hover {
  background: #ffe8e8;
  border-color: #e27373;
  color: #8f1d1d;
}

body.woocommerce-cart .agnero-cart-detail-products__total {
  justify-self: end;
  text-align: right;
  white-space: nowrap;
}

body.woocommerce-cart .agnero-cart-detail-products__actions {
  display: flex;
  justify-content: flex-end;
  padding: 0.95rem 1.05rem;
  border-top: 1px solid #edf2f7;
  background: #fff;
}

body.woocommerce-cart .agnero-cart-detail-products__logo-note,
body.woocommerce-checkout .agnero-cart-detail-products__logo-note {
  display: grid;
  grid-template-columns: 1.15rem minmax(0, 1fr);
  align-items: start;
  gap: 0.48rem;
  margin: 0;
  padding: 0.72rem 1.05rem;
  border-top: 1px solid #e7edf4;
  background: #f8fafc;
  color: #5d7087;
}

body.woocommerce-cart .agnero-cart-detail-products__logo-note-icon,
body.woocommerce-checkout .agnero-cart-detail-products__logo-note-icon {
  display: grid;
  width: 1.05rem;
  height: 1.05rem;
  place-items: center;
  margin-top: 0.05rem;
  border: 1px solid #9bacc0;
  border-radius: 50%;
  color: #52677f;
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.62rem;
  font-weight: 800;
  line-height: 1;
}

body.woocommerce-cart .agnero-cart-detail-products__logo-note p,
body.woocommerce-checkout .agnero-cart-detail-products__logo-note p {
  margin: 0;
  font-size: 0.7rem;
  font-weight: 650;
  line-height: 1.45;
}

body.woocommerce-cart .agnero-cart-detail-products__logo-note strong,
body.woocommerce-checkout .agnero-cart-detail-products__logo-note strong {
  display: inline;
  margin-right: 0.22rem;
  color: #314a67;
  font-size: inherit;
  font-weight: 850;
}

body.woocommerce-checkout.agnero-checkout-step-delivery .agnero-address-picker > .agnero-checkout-logo-note {
  grid-column: 1 / -1;
  border: 1px solid #e7edf4;
  border-radius: 8px;
}

body.woocommerce-checkout.agnero-checkout-step-payment .agnero-checkout-payment-panel > .agnero-checkout-logo-note {
  grid-column: 1 / -1;
  grid-row: 5;
  margin: 0 -1.2rem -1.2rem;
}

body.woocommerce-cart .agnero-cart-detail-products__update {
  min-height: 2.5rem;
  border: 1px solid #ff6b00;
  border-radius: 8px;
  background: #fff;
  color: #ff6b00;
  font-size: 0.84rem;
  font-weight: 900;
  padding: 0 1rem;
}

body.woocommerce-cart .agnero-cart-detail-products__update:hover {
  background: #fff7f0;
}

body.woocommerce-cart .agnero-cart-detail-layout > .agnero-cart-step-summary {
  grid-column: 2 !important;
  width: 100% !important;
  min-width: 22rem !important;
  max-width: 27.5rem !important;
  justify-self: end !important;
}

@media (min-width: 901px) {
  body.woocommerce-cart .agnero-cart-detail-layout > .agnero-cart-step-summary {
    position: sticky !important;
    top: 9rem !important;
  }
}

@media (max-width: 900px) {
  body.woocommerce-cart .agnero-cart-detail-layout {
    grid-template-columns: 1fr;
  }

  body.woocommerce-cart .agnero-cart-detail-layout > .agnero-cart-step-summary {
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

@media (max-width: 640px) {
  body.woocommerce-cart .agnero-cart-detail-products__head,
  body.woocommerce-cart .agnero-cart-detail-products__row {
    grid-template-columns: minmax(0, 1fr) 6.5rem;
  }

  body.woocommerce-cart .agnero-cart-detail-products__product {
    grid-template-columns: 3.25rem minmax(0, 1fr);
  }

  body.woocommerce-cart .agnero-cart-detail-products__thumb {
    width: 3.25rem;
    height: 3.25rem;
  }
}

/* Restore delivery/payment spacing between the main panel and sticky summary. */
body.woocommerce-checkout.agnero-checkout-step-delivery form.checkout,
body.woocommerce-checkout.agnero-checkout-step-payment form.checkout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.44fr) !important;
  grid-template-areas: "customer review" !important;
  column-gap: 1.25rem !important;
  row-gap: 1.25rem !important;
  align-items: start !important;
}

body.woocommerce-checkout.agnero-checkout-step-delivery #customer_details,
body.woocommerce-checkout.agnero-checkout-step-payment .agnero-checkout-payment-panel {
  grid-column: 1 !important;
  grid-area: customer !important;
  min-width: 0 !important;
  width: 100% !important;
}

body.woocommerce-checkout.agnero-checkout-step-delivery #order_review,
body.woocommerce-checkout.agnero-checkout-step-payment #order_review {
  grid-column: 2 !important;
  grid-area: review !important;
  justify-self: end !important;
  min-width: 22rem !important;
  width: 100% !important;
  max-width: 27.5rem !important;
  margin-left: 0 !important;
}

@media (max-width: 900px) {
  body.woocommerce-checkout.agnero-checkout-step-delivery form.checkout,
  body.woocommerce-checkout.agnero-checkout-step-payment form.checkout {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "customer"
      "review" !important;
  }

body.woocommerce-checkout.agnero-checkout-step-delivery #order_review,
body.woocommerce-checkout.agnero-checkout-step-payment #order_review {
  grid-column: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  }
}

/* Final cart-detail alignment: same left/right shell as delivery and payment. */
body.woocommerce-cart .entry-content:has(> .agnero-checkout-progress),
body.woocommerce-cart .entry-content:has(> .agnero-cart-detail-layout),
body.woocommerce-cart .wp-block-post-content:has(> .agnero-checkout-progress),
body.woocommerce-cart .wp-block-post-content:has(> .agnero-cart-detail-layout),
body.woocommerce-cart .woocommerce:has(> .agnero-checkout-progress),
body.woocommerce-cart .woocommerce:has(> .agnero-cart-detail-layout) {
  width: min(1700px, calc(100% - 2.5rem)) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

body.woocommerce-cart .agnero-cart-detail-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(22rem, 27.5rem) !important;
  column-gap: 1.25rem !important;
  row-gap: 1.25rem !important;
  align-items: start !important;
  width: 100% !important;
  max-width: none !important;
  margin: 1.75rem 0 0 !important;
}

body.woocommerce-cart .agnero-cart-detail-layout > .agnero-cart-detail-products {
  grid-column: 1 !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

body.woocommerce-cart .agnero-cart-detail-layout > .agnero-cart-step-summary {
  grid-column: 2 !important;
  justify-self: end !important;
  width: 100% !important;
  min-width: 22rem !important;
  max-width: 27.5rem !important;
  margin: 0 !important;
}

body.woocommerce-cart .agnero-cart-detail-products__head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 8.5rem !important;
  width: 100% !important;
  background: #f7f9fc !important;
  box-shadow: inset 0 0 0 9999px #f7f9fc !important;
}

body.woocommerce-cart .agnero-cart-detail-products__head span {
  background: transparent !important;
}

body.woocommerce-cart .agnero-cart-detail-products__row {
  grid-template-columns: minmax(0, 1fr) 8.5rem !important;
  width: 100% !important;
}

body.woocommerce-cart .agnero-cart-detail-products__total {
  text-align: right !important;
  justify-self: end !important;
}

@media (min-width: 901px) {
  body.woocommerce-cart .agnero-cart-detail-layout > .agnero-cart-step-summary {
    position: sticky !important;
    top: 9rem !important;
  }
}

@media (max-width: 900px) {
  body.woocommerce-cart .entry-content:has(> .agnero-checkout-progress),
  body.woocommerce-cart .entry-content:has(> .agnero-cart-detail-layout),
  body.woocommerce-cart .wp-block-post-content:has(> .agnero-checkout-progress),
  body.woocommerce-cart .wp-block-post-content:has(> .agnero-cart-detail-layout),
  body.woocommerce-cart .woocommerce:has(> .agnero-checkout-progress),
  body.woocommerce-cart .woocommerce:has(> .agnero-cart-detail-layout) {
    width: min(var(--container), calc(100% - 1.25rem)) !important;
  }

  body.woocommerce-cart .agnero-cart-detail-layout {
    grid-template-columns: 1fr !important;
  }

body.woocommerce-cart .agnero-cart-detail-layout > .agnero-cart-step-summary {
    grid-column: 1 !important;
    justify-self: stretch !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* Cart product images: larger, transparent, and fully contained. */
body.woocommerce-cart .agnero-cart-detail-products__product {
  grid-template-columns: 5.25rem minmax(0, 1fr) !important;
  gap: 1.05rem !important;
}

body.woocommerce-cart .agnero-cart-detail-products__thumb {
  width: 5.25rem !important;
  height: 5.25rem !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.woocommerce-cart .agnero-cart-detail-products__thumb img,
body.woocommerce-cart .woocommerce-cart-form .product-thumbnail img,
body.woocommerce-cart .wc-block-cart-item__image img {
  display: block !important;
  width: auto !important;
  max-width: 5.25rem !important;
  height: auto !important;
  max-height: 5.25rem !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.woocommerce-cart .woocommerce-cart-form .product-thumbnail,
body.woocommerce-cart .wc-block-cart-item__image {
  background: transparent !important;
}

body.woocommerce-cart .woocommerce-cart-form .product-thumbnail a,
body.woocommerce-cart .wc-block-cart-item__image a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

@media (max-width: 640px) {
  body.woocommerce-cart .agnero-cart-detail-products__product {
    grid-template-columns: 4.5rem minmax(0, 1fr) !important;
  }

  body.woocommerce-cart .agnero-cart-detail-products__thumb,
  body.woocommerce-cart .woocommerce-cart-form .product-thumbnail,
  body.woocommerce-cart .wc-block-cart-item__image {
    width: 4.5rem !important;
    max-width: 4.5rem !important;
    height: 4.5rem !important;
    max-height: 4.5rem !important;
  }

  body.woocommerce-cart .agnero-cart-detail-products__thumb img,
  body.woocommerce-cart .woocommerce-cart-form .product-thumbnail img,
  body.woocommerce-cart .wc-block-cart-item__image img {
    width: auto !important;
    max-width: 4.5rem !important;
    height: auto !important;
    max-height: 4.5rem !important;
  }
}

/* Header hover cart and drawer images: larger transparent product previews. */
.cart-drawer .cart-item {
  grid-template-columns: 4.8rem minmax(0, 1fr) auto !important;
  gap: 0.9rem !important;
}

.cart-drawer .cart-item-image,
.header-preview-menu .header-preview-thumb,
.header-action-preview .header-preview-thumb {
  width: 4.8rem !important;
  height: 4.8rem !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.cart-drawer .cart-item-image a,
.header-preview-menu .header-preview-thumb,
.header-action-preview .header-preview-thumb {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.cart-drawer .cart-item-image img,
.header-preview-menu .header-preview-thumb img,
.header-action-preview .header-preview-thumb img {
  display: block !important;
  width: auto !important;
  max-width: 4.8rem !important;
  height: auto !important;
  max-height: 4.8rem !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.header-preview-menu .header-preview-item,
.header-action-preview .header-preview-item {
  grid-template-columns: 4.8rem minmax(0, 1fr) auto !important;
  gap: 0.7rem !important;
}

@media (max-width: 640px) {
  .cart-drawer .cart-item {
    grid-template-columns: 4.25rem minmax(0, 1fr) auto !important;
  }

  .cart-drawer .cart-item-image,
  .header-preview-menu .header-preview-thumb,
  .header-action-preview .header-preview-thumb {
    width: 4.25rem !important;
    max-width: 4.25rem !important;
    height: 4.25rem !important;
    max-height: 4.25rem !important;
  }

  .cart-drawer .cart-item-image img,
  .header-preview-menu .header-preview-thumb img,
  .header-action-preview .header-preview-thumb img {
    width: auto !important;
    max-width: 4.25rem !important;
    height: auto !important;
    max-height: 4.25rem !important;
  }

  .header-preview-menu .header-preview-item,
  .header-action-preview .header-preview-item {
    grid-template-columns: 4.25rem minmax(0, 1fr) auto !important;
  }
}

/* Checkout summary cleanup and stepper affordances. */
body.woocommerce-cart .agnero-cart-step-summary__items,
body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tbody,
body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table thead {
  display: none !important;
}

body.woocommerce-cart .agnero-cart-step-summary__button,
body.woocommerce-cart .agnero-cart-step-summary__button:hover,
body.woocommerce-checkout .agnero-summary-button,
body.woocommerce-checkout .agnero-summary-button:hover,
body.woocommerce-checkout .checkout #place_order,
body.woocommerce-checkout .checkout #place_order:hover,
body.woocommerce-checkout .agnero-checkout-next-payment,
body.woocommerce-checkout .agnero-checkout-next-payment:hover {
  border: 0 !important;
  border-color: transparent !important;
  outline: 0;
  box-shadow: none !important;
}

body.woocommerce-cart .agnero-cart-step-summary__button:hover,
body.woocommerce-checkout.agnero-checkout-step-delivery .agnero-summary-button:hover,
body.woocommerce-checkout.agnero-checkout-step-payment .agnero-summary-button:hover,
body.woocommerce-checkout .checkout #place_order:hover,
body.woocommerce-checkout .agnero-checkout-next-payment:hover {
  background: #e95f00 !important;
}

.agnero-checkout-progress__step {
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

a.agnero-checkout-progress__step:hover,
a.agnero-checkout-progress__step:focus-visible {
  border-color: #ff6b00;
  color: #123778;
  background: #fff7f0;
  box-shadow: 0 12px 28px rgba(18, 55, 120, 0.1);
  transform: translateY(-2px);
}

a.agnero-checkout-progress__step:hover .agnero-checkout-progress__index,
a.agnero-checkout-progress__step:focus-visible .agnero-checkout-progress__index {
  border-color: #ff6b00;
  background: #ff6b00;
  color: #fff;
}

a.agnero-checkout-progress__step.is-active:hover,
a.agnero-checkout-progress__step.is-active:focus-visible {
  color: #fff;
  background: #123778;
  border-color: #ff6b00;
}

.agnero-checkout-progress__step:not(a) {
  cursor: not-allowed;
  opacity: 0.62;
  border-style: dashed;
  background: #f8fafc;
  color: #6d7c8e;
}

.agnero-checkout-progress__step:not(a) .agnero-checkout-progress__index {
  background: #fff;
  color: #7b8796;
}

.agnero-checkout-progress__step:not(a):hover {
  transform: none;
  box-shadow: none;
}

/* Mobile checkout flow: compact step tabs and fixed bottom summary/action bar. */
@media (max-width: 760px) {
  body.woocommerce-cart,
  body.woocommerce-checkout {
    padding-bottom: calc(6.25rem + env(safe-area-inset-bottom));
  }

  body.woocommerce-cart .site-main,
  body.woocommerce-checkout .site-main,
  body.woocommerce-cart .agnero-woocommerce-shell,
  body.woocommerce-checkout .agnero-woocommerce-shell,
  body.woocommerce-cart .container,
  body.woocommerce-checkout .container,
  body.woocommerce-cart .entry-content,
  body.woocommerce-checkout .entry-content,
  body.woocommerce-cart .woocommerce,
  body.woocommerce-checkout .woocommerce {
    overflow: visible !important;
  }

  body.woocommerce-cart .agnero-woocommerce-shell,
  body.woocommerce-checkout .agnero-woocommerce-shell {
    padding-top: 0.7rem !important;
  }

  body.woocommerce-cart .content-shell,
  body.woocommerce-checkout .content-shell {
    padding-top: 0.7rem !important;
  }

  body.woocommerce-cart .entry-content,
  body.woocommerce-checkout .entry-content,
  body.woocommerce-cart article,
  body.woocommerce-checkout article {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  body.woocommerce-cart .mobile-home-category-tabs,
  body.woocommerce-checkout .mobile-home-category-tabs,
  body.woocommerce-cart .mobile-quick-nav,
  body.woocommerce-checkout .mobile-quick-nav {
    display: none !important;
  }

  body.woocommerce-cart .agnero-checkout-progress,
  body.woocommerce-checkout .agnero-checkout-progress {
    display: flex !important;
    grid-template-columns: none !important;
    width: 100%;
    max-width: none;
    margin: 0 0 0.45rem !important;
    padding: 0.34rem 1rem 0.95rem !important;
    gap: 0.6rem !important;
    overflow-x: auto;
    overflow-y: visible !important;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scroll-padding-left: 1rem;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  body.woocommerce-cart .agnero-checkout-progress::-webkit-scrollbar,
  body.woocommerce-checkout .agnero-checkout-progress::-webkit-scrollbar {
    display: none;
  }

  body.woocommerce-cart .agnero-checkout-progress__step,
  body.woocommerce-checkout .agnero-checkout-progress__step {
    flex: 0 0 auto;
    min-width: 9.25rem;
    min-height: 2.35rem;
    padding: 0.34rem 0.82rem 0.34rem 0.46rem !important;
    gap: 0.42rem;
    border-radius: 999px;
    border-color: rgba(18, 55, 120, 0.18);
    background: #fff;
    box-shadow: 0 2px 7px rgba(18, 55, 120, 0.06);
    font-size: 0.78rem;
    line-height: 1;
    scroll-snap-align: start;
  }

  body.woocommerce-cart .agnero-checkout-progress__index,
  body.woocommerce-checkout .agnero-checkout-progress__index {
    width: 1.65rem;
    height: 1.65rem;
    min-width: 1.65rem;
    font-size: 0.72rem;
  }

  body.woocommerce-cart .agnero-checkout-progress__label,
  body.woocommerce-checkout .agnero-checkout-progress__label {
    white-space: nowrap;
  }

  body.woocommerce-cart a.agnero-checkout-progress__step:hover,
  body.woocommerce-cart a.agnero-checkout-progress__step:focus-visible,
  body.woocommerce-checkout a.agnero-checkout-progress__step:hover,
  body.woocommerce-checkout a.agnero-checkout-progress__step:focus-visible {
    transform: translateY(-1px);
    box-shadow: 0 8px 16px rgba(18, 55, 120, 0.12);
  }

  body.woocommerce-cart .agnero-checkout-progress__step.is-active,
  body.woocommerce-checkout .agnero-checkout-progress__step.is-active {
    border-color: #123778;
    background: #123778;
    color: #fff;
    box-shadow: 0 8px 18px rgba(18, 55, 120, 0.18);
  }

  body.woocommerce-cart .agnero-checkout-progress__step.is-active .agnero-checkout-progress__index,
  body.woocommerce-checkout .agnero-checkout-progress__step.is-active .agnero-checkout-progress__index {
    border-color: #ff6b00;
    background: #ff6b00;
    color: #fff;
  }

  body.woocommerce-cart .agnero-checkout-progress__step.is-active .agnero-checkout-progress__label,
  body.woocommerce-checkout .agnero-checkout-progress__step.is-active .agnero-checkout-progress__label {
    color: #fff;
  }

  body.woocommerce-cart .agnero-cart-step-summary,
  body.woocommerce-checkout #order_review,
  body.woocommerce-checkout #order_review_heading {
    display: none !important;
  }

  .agnero-mobile-checkout-bar {
    position: fixed;
    right: max(0.75rem, env(safe-area-inset-right));
    bottom: max(0.75rem, env(safe-area-inset-bottom));
    left: max(0.75rem, env(safe-area-inset-left));
    z-index: 10020;
    display: grid;
    grid-template-columns: minmax(7.4rem, 38%) minmax(0, 1fr);
    min-height: 4.2rem;
    overflow: visible;
    border: 1.5px solid #ff6b00;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(18, 55, 120, 0.16);
  }

  .agnero-mobile-checkout-details {
    min-width: 0;
  }

  .agnero-mobile-checkout-details[open] .agnero-mobile-checkout-price__caret {
    transform: rotate(180deg);
  }

  .agnero-mobile-checkout-price {
    display: flex;
    align-items: center;
    height: 100%;
    min-height: 4.2rem;
    gap: 0.5rem;
    padding: 0.55rem 0.7rem;
    list-style: none;
    cursor: pointer;
    user-select: none;
  }

  .agnero-mobile-checkout-price::-webkit-details-marker {
    display: none;
  }

  .agnero-mobile-checkout-price__caret {
    display: inline-block;
    width: 0;
    height: 0;
    border-right: 0.28rem solid transparent;
    border-left: 0.28rem solid transparent;
    border-top: 0.42rem solid #ff6b00;
    transition: transform 180ms ease;
  }

  .agnero-mobile-checkout-price__copy {
    display: grid;
    min-width: 0;
    gap: 0.12rem;
  }

  .agnero-mobile-checkout-price strong {
    color: #123778;
    font-size: 1.08rem;
    line-height: 1.05;
    font-weight: 800;
    white-space: nowrap;
  }

  .agnero-mobile-checkout-price span span,
  .agnero-mobile-checkout-price__copy > span {
    color: #16a34a;
    font-size: 0.78rem;
    line-height: 1;
    font-weight: 800;
    white-space: nowrap;
  }

  .agnero-mobile-checkout-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 4.2rem;
    padding: 0.7rem 0.9rem;
    border: 0 !important;
    border-radius: 0 10px 10px 0;
    background: linear-gradient(90deg, #ff7a16 0%, #ff6b00 100%);
    color: #fff !important;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.1;
    text-align: center;
    text-decoration: none !important;
    box-shadow: none !important;
    cursor: pointer;
  }

  .agnero-mobile-checkout-cta:focus-visible {
    outline: 2px solid rgba(255, 107, 0, 0.36);
    outline-offset: 3px;
  }

  .agnero-mobile-checkout-sheet {
    position: fixed;
    right: max(0.75rem, env(safe-area-inset-right));
    bottom: calc(5.35rem + max(0.75rem, env(safe-area-inset-bottom)));
    left: max(0.75rem, env(safe-area-inset-left));
    z-index: 10019;
    max-height: min(58vh, 28rem);
    overflow-y: auto;
    padding: 0.85rem 0.9rem 1rem;
    border: 1px solid #e1e8f2;
    border-radius: 18px 18px 12px 12px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(18, 55, 120, 0.2);
    opacity: 0;
    pointer-events: none;
    transform: translateY(1.2rem);
    transition: opacity 180ms ease, transform 180ms ease;
  }

  .agnero-mobile-checkout-details[open] .agnero-mobile-checkout-sheet {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }

  .agnero-mobile-checkout-sheet__handle {
    width: 2.7rem;
    height: 0.24rem;
    margin: 0 auto 0.7rem;
    border-radius: 999px;
    background: #d6deea;
  }

  .agnero-mobile-checkout-sheet h3 {
    margin: 0 0 0.75rem;
    color: #123778;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 800;
    text-align: center;
  }

  .agnero-mobile-checkout-sheet__rows {
    display: grid;
    border: 1px solid #e6edf6;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
  }

  .agnero-mobile-checkout-sheet__rows:has(.agnero-discount-popover__trigger:hover),
  .agnero-mobile-checkout-sheet__rows:has(.agnero-discount-popover__trigger:focus-visible),
  .agnero-mobile-checkout-sheet__rows:has(.agnero-discount-popover.is-open) {
    overflow: visible;
  }

  .agnero-mobile-checkout-sheet__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    min-height: 2.55rem;
    padding: 0.62rem 0.75rem;
    border-bottom: 1px solid #edf2f7;
    color: #5e6d81;
    font-size: 0.9rem;
    line-height: 1.2;
  }

  .agnero-mobile-checkout-sheet__row:last-child {
    border-bottom: 0;
  }

  .agnero-mobile-checkout-sheet__row strong {
    color: #123778;
    font-size: 0.95rem;
    font-weight: 800;
    text-align: right;
    white-space: nowrap;
  }

  .agnero-mobile-checkout-sheet__row.is-muted {
    color: #8a97a8;
    background: #fbfcfe;
  }

  .agnero-mobile-checkout-sheet__row.is-discount,
  .agnero-mobile-checkout-sheet__row.is-discount strong {
    color: #d75b00;
    font-weight: 800;
  }

  .agnero-mobile-checkout-sheet__row.is-strong span,
  .agnero-mobile-checkout-sheet__row.is-strong strong {
    color: #123778;
    font-weight: 800;
  }

  .agnero-mobile-checkout-sheet__row.is-total {
    min-height: 3rem;
    color: #123778;
    background: #f8fafc;
    font-size: 1rem;
    font-weight: 800;
  }

  .agnero-mobile-checkout-sheet__row.is-total strong {
    font-size: 1.05rem;
  }

  .agnero-shipping-policy-note--mobile {
    margin-top: 0.65rem;
    text-align: center;
  }
}

@media (min-width: 761px) {
  .agnero-mobile-checkout-bar {
    display: none !important;
  }
}

/* Desktop navigation category cards use the actual catalog photos. */
@media (min-width: 901px) {
  /* The open menu must sit above product galleries and their zoom layers. */
  .main-navigation.has-desktop-dropdown {
    z-index: 101000;
  }

  .main-navigation.has-desktop-dropdown::before {
    top: var(--agnero-dropdown-top, 11rem);
  }

  /* The menu owns pointer input while it is open; product galleries cannot react beneath it. */
  body.agnero-desktop-menu-open .site-main,
  body.agnero-desktop-menu-open .site-footer {
    pointer-events: none;
    user-select: none;
  }

  .nav-menu > .menu-item-has-children > .sub-menu > li.agnero-nav-category-card > a::before {
    content: none !important;
    display: none !important;
  }

  .nav-menu > .menu-item-has-children > .sub-menu > li.agnero-nav-category-card > a {
    grid-template-rows: minmax(7rem, auto) auto;
    min-height: 9rem;
    padding: 0.1rem 0.2rem 0.28rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: rgba(255, 255, 255, 0.96);
  }

  .agnero-nav-category-card__image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 7rem;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  .agnero-nav-category-card__image::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0;
    transform: translateX(-120%) skewX(-18deg);
    background: linear-gradient(105deg, transparent 43%, rgba(255, 255, 255, 0.1) 47%, rgba(255, 226, 192, 0.78) 50%, rgba(255, 255, 255, 0.14) 53%, transparent 57%);
  }

  .agnero-nav-category-card__image img {
    display: block;
    width: 100%;
    height: 7rem;
    object-fit: contain;
    object-position: center bottom;
    padding: 0;
    filter: drop-shadow(0 0.9rem 0.85rem rgba(0, 0, 0, 0.28));
    transition: filter 0.24s ease, transform 0.24s ease;
  }

  .agnero-nav-category-card__title {
    padding-inline: 0.2rem;
    color: inherit;
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
  }

  .agnero-nav-category-card > a:hover .agnero-nav-category-card__image img,
  .agnero-nav-category-card > a:focus-visible .agnero-nav-category-card__image img,
  .agnero-nav-category-card > a.is-pointer-hover .agnero-nav-category-card__image img {
    filter: drop-shadow(0 1.1rem 1rem rgba(255, 106, 0, 0.52));
    transform: translateY(-0.2rem) scale(1.06);
  }

  .agnero-nav-category-card > a:hover .agnero-nav-category-card__image::after,
  .agnero-nav-category-card > a:focus-visible .agnero-nav-category-card__image::after,
  .agnero-nav-category-card > a.is-pointer-hover .agnero-nav-category-card__image::after {
    opacity: 1;
    transform: translateX(120%) skewX(-18deg);
    transition: transform 620ms cubic-bezier(0.22, 1, 0.36, 1), opacity 120ms ease;
  }

  .nav-menu > .menu-item-has-children > .sub-menu > li.agnero-nav-category-card > a:hover,
  .nav-menu > .menu-item-has-children > .sub-menu > li.agnero-nav-category-card > a:focus-visible,
  .nav-menu > .menu-item-has-children > .sub-menu > li.agnero-nav-category-card > a.is-pointer-hover {
    background: transparent;
    box-shadow: none;
    color: rgba(255, 255, 255, 0.96);
  }
}
/* ==========================================================================
   MOBILE NAVIGATION — SIMPLE BLUR OVERLAY 2026-07-11
   ========================================================================== */
@media (max-width: 900px) {
  body.menu-open {
    overflow: hidden;
    overscroll-behavior: none;
  }

  .menu-toggle-placeholder {
    display: inline-block;
    flex: 0 0 auto;
    border-radius: 999px;
  }

  .main-navigation {
    inset: 0;
    width: 100vw;
    max-width: none;
    padding: 0;
    border: 0;
    background: rgba(240, 246, 252, 0.58);
    backdrop-filter: blur(24px) saturate(125%);
    -webkit-backdrop-filter: blur(24px) saturate(125%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate3d(0, 1.25rem, 0);
    transition:
      opacity 220ms ease,
      transform 260ms cubic-bezier(0.22, 1, 0.36, 1),
      visibility 220ms ease;
  }

  .main-navigation.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate3d(0, 0, 0);
  }

  .main-navigation .container {
    position: relative;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    display: block;
    background: transparent;
    box-shadow: none;
    overflow: hidden;
  }

  .menu-toggle.is-active {
    position: fixed;
    top: calc(0.8rem + env(safe-area-inset-top));
    left: 0.9rem;
    z-index: 5300;
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    border: 1px solid rgba(18, 55, 120, 0.2);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.58);
    color: #123778;
    box-shadow: 0 8px 22px rgba(18, 55, 120, 0.1);
    cursor: pointer;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transform: none;
    transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
  }

  .menu-toggle.is-active:hover,
  .menu-toggle.is-active:focus-visible {
    border-color: rgba(18, 55, 120, 0.38);
    background: rgba(255, 255, 255, 0.78);
    color: #123778;
  }

  .menu-toggle svg {
    overflow: visible;
  }

  .menu-toggle svg line {
    transform-box: fill-box;
    transform-origin: center;
    transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1), opacity 160ms ease;
  }

  .menu-toggle.is-active svg {
    transform: none;
  }

  .menu-toggle.is-active svg line:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
  }

  .menu-toggle.is-active svg line:nth-child(2) {
    opacity: 0;
    transform: scaleX(0.25);
  }

  .menu-toggle.is-active svg line:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
  }

  .main-navigation a:focus-visible,
  .main-navigation button:focus-visible {
    outline: 3px solid rgba(255, 122, 0, 0.4);
    outline-offset: 2px;
  }

  .nav-inner {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding:
      calc(5rem + env(safe-area-inset-top))
      1rem
      calc(0.85rem + env(safe-area-inset-bottom));
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 0.65rem;
    background: transparent;
    overflow: hidden;
  }

  .all-products-toggle {
    min-height: 3.45rem;
    padding: 0.72rem 0.85rem;
    border: 1px solid rgba(18, 55, 120, 0.12);
    border-radius: 0.9rem;
    justify-content: flex-start;
    gap: 0.72rem;
    background: rgba(255, 255, 255, 0.42);
    color: #123778;
    box-shadow: none;
    cursor: pointer;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: background-color 180ms ease, border-color 180ms ease;
  }

  .all-products-toggle:hover,
  .all-products-toggle:focus-visible,
  .all-products-toggle.is-active {
    border-color: rgba(18, 55, 120, 0.24);
    background: rgba(255, 255, 255, 0.68);
    color: #123778;
    box-shadow: none;
    transform: none;
  }

  .all-products-toggle.is-active {
    border-color: var(--header-orange) !important;
    background: var(--header-orange) !important;
    color: #ffffff !important;
  }

  .all-products-toggle.is-active svg {
    color: #ffffff;
  }

  .all-products-toggle svg {
    color: #e46700;
  }

  .all-products-toggle-copy strong {
    font-size: 0.96rem;
    font-weight: 820;
  }

  .primary-menu-wrapper {
    min-height: 0;
    padding: 0 0.12rem 0.2rem 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }

  .primary-menu-wrapper::-webkit-scrollbar {
    width: 4px;
  }

  .primary-menu-wrapper::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(18, 55, 120, 0.18);
  }

  .nav-menu,
  .primary-menu-wrapper .nav-menu {
    display: grid;
    gap: 0.12rem;
  }

  .nav-menu > .menu-item,
  .nav-menu > .menu-item.menu-item-has-children {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 3rem;
    align-items: center;
    column-gap: 0.15rem;
    row-gap: 0.25rem;
  }

  .nav-menu > .menu-item:not(.menu-item-has-children) {
    grid-template-columns: minmax(0, 1fr);
  }

  .nav-menu > .menu-item > a,
  .nav-menu > .menu-item-has-children > a,
  .nav-menu > .menu-item:not(.menu-item-has-children) > a {
    grid-column: 1;
    grid-row: 1;
    min-height: 3.35rem;
    padding: 0.72rem 0.75rem;
    border: 0;
    border-bottom: 1px solid rgba(18, 55, 120, 0.14);
    border-radius: 0;
    display: flex;
    align-items: center;
    background: transparent;
    color: #123778;
    box-shadow: none;
    font-size: 1.02rem;
    font-weight: 760;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: none;
    cursor: pointer;
    transition: background-color 180ms ease, color 180ms ease, padding-left 180ms ease;
  }

  .nav-menu > .menu-item > a:hover,
  .nav-menu > .menu-item > a:focus-visible,
  .nav-menu > .menu-item.current-menu-item > a,
  .nav-menu > .menu-item.current-menu-ancestor > a,
  .nav-menu > .menu-item-has-children > a:hover,
  .nav-menu > .menu-item-has-children > a:focus-visible {
    border-color: rgba(18, 55, 120, 0.2);
    border-radius: 0.75rem;
    background: rgba(255, 255, 255, 0.38);
    color: #123778;
    box-shadow: none;
    transform: none;
    padding-left: 0.9rem;
  }

  .nav-menu > .menu-item.current-menu-item > a,
  .nav-menu > .menu-item.current-menu-ancestor > a,
  .nav-menu > .menu-item.current-menu-parent > a,
  .nav-menu > .menu-item.current-product_cat-ancestor > a,
  .nav-menu > .menu-item.current-product_cat-parent > a {
    border-color: var(--header-orange) !important;
    border-radius: 0.75rem;
    background: var(--header-orange) !important;
    color: #ffffff !important;
    padding-left: 0.9rem;
  }

  .nav-menu > .menu-item.current-menu-item > .mobile-submenu-toggle,
  .nav-menu > .menu-item.current-menu-ancestor > .mobile-submenu-toggle,
  .nav-menu > .menu-item.current-menu-parent > .mobile-submenu-toggle,
  .nav-menu > .menu-item.current-product_cat-ancestor > .mobile-submenu-toggle,
  .nav-menu > .menu-item.current-product_cat-parent > .mobile-submenu-toggle {
    background: var(--header-orange);
    color: #ffffff;
  }

  .nav-menu > .menu-item-has-children > .mobile-submenu-toggle {
    position: static;
    grid-column: 2;
    grid-row: 1;
    width: 3rem;
    height: 3rem;
    border: 0;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #123778;
    cursor: pointer;
    transition: background-color 180ms ease, color 180ms ease;
  }

  .nav-menu > .menu-item-has-children > .mobile-submenu-toggle:hover,
  .nav-menu > .menu-item-has-children > .mobile-submenu-toggle:focus-visible,
  .nav-menu > .menu-item.submenu-open > .mobile-submenu-toggle {
    border: 0;
    background: rgba(255, 255, 255, 0.58);
    color: #123778;
  }

  .nav-menu > .menu-item-has-children > .mobile-submenu-toggle svg {
    width: 1rem;
    height: 1rem;
    transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  .nav-menu > .menu-item.submenu-open > .mobile-submenu-toggle svg {
    transform: rotate(180deg);
  }

  .nav-menu > .menu-item-has-children > .sub-menu {
    grid-column: 1 / -1;
    grid-row: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.35rem;
    margin: 0;
    padding: 0 0.15rem;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    border: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
    transition: max-height 280ms cubic-bezier(0.22, 1, 0.36, 1), opacity 180ms ease, padding 220ms ease;
  }

  .main-navigation.active .nav-menu > .menu-item.menu-item-has-children.submenu-open > .sub-menu {
    display: grid;
    max-height: 40rem;
    padding: 0.15rem 0.15rem 0.38rem;
    opacity: 1;
    pointer-events: auto;
  }

  .nav-menu > .menu-item-has-children > .sub-menu > li > a {
    min-height: 2.9rem;
    padding: 0.58rem 0.65rem;
    border: 1px solid rgba(18, 55, 120, 0.1);
    border-radius: 0.68rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: rgba(255, 255, 255, 0.34);
    color: #315270;
    box-shadow: none;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.25;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
  }

  .nav-menu > .menu-item-has-children > .sub-menu > li > a::before,
  .nav-menu > .menu-item-has-children > .sub-menu > li.agnero-nav-category-card > a::before,
  .agnero-nav-category-card__image {
    content: none;
    display: none;
  }

  .agnero-nav-category-card__title {
    padding: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-align: inherit;
  }

  .nav-menu > .menu-item-has-children > .sub-menu > li > a:hover,
  .nav-menu > .menu-item-has-children > .sub-menu > li > a:focus-visible {
    border-color: rgba(18, 55, 120, 0.2);
    background: rgba(255, 255, 255, 0.62);
    color: #123778;
    transform: none;
  }

  .mobile-nav-utility {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.2rem 0.75rem;
    padding-top: 0.55rem;
    border-top: 1px solid rgba(18, 55, 120, 0.16);
  }

  .mobile-nav-utility a {
    min-height: 2.75rem;
    padding: 0.42rem 0.35rem;
    border: 0;
    border-radius: 0.55rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    background: transparent;
    color: #315270;
    font-size: 0.72rem;
    font-weight: 760;
    line-height: 1.15;
    text-align: left;
    cursor: pointer;
    transition: background-color 180ms ease, color 180ms ease;
  }

  .mobile-nav-utility a svg {
    flex: 0 0 auto;
    color: #d96300;
  }

  .mobile-nav-utility a:hover,
  .mobile-nav-utility a:focus-visible {
    background: rgba(255, 255, 255, 0.46);
    color: #123778;
  }
}

@media (max-width: 374px) {
  .nav-inner {
    padding-inline: 0.75rem;
  }

  .mobile-nav-utility {
    column-gap: 0.35rem;
  }

  .mobile-nav-utility a {
    padding-inline: 0.25rem;
    font-size: 0.68rem;
  }
}

@media (prefers-reduced-motion: reduce) and (max-width: 900px) {
  .main-navigation,
  .main-navigation *,
  .main-navigation *::before,
  .main-navigation *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Product-group overview: product photography is a separate inspection surface;
   technical drawings stay in the reading column beside it. */
.agnero-group-page .agnero-range-grid {
  align-items: start;
}

.agnero-group-page .agnero-group-gallery {
  grid-column: 1 / span 4;
  width: 100%;
}

.agnero-group-page .agnero-group-gallery__stage {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #f7f9fc;
}

.agnero-group-page .agnero-group-gallery__main,
.agnero-group-page .agnero-group-gallery__empty {
  position: relative;
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  border: 0;
  background: transparent;
  cursor: zoom-in;
}

.agnero-group-page .agnero-group-gallery__main img,
.agnero-group-page .agnero-group-gallery__empty img {
  position: absolute;
  inset: 16px;
  width: calc(100% - 32px) !important;
  height: calc(100% - 32px) !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain;
}

.agnero-group-page .agnero-group-gallery__zoom {
  position: absolute;
  right: 14px;
  bottom: 14px;
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 50%;
  background: rgba(18, 55, 120, 0.92);
  color: #fff;
  font-size: 1.35rem;
  line-height: 1;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 180ms ease, transform 180ms ease;
}

.agnero-group-page .agnero-group-gallery__main:hover .agnero-group-gallery__zoom,
.agnero-group-page .agnero-group-gallery__main:focus-visible .agnero-group-gallery__zoom {
  opacity: 1;
  transform: translateY(0);
}

.agnero-group-page .agnero-group-gallery__main:focus-visible,
.agnero-group-page .agnero-group-gallery__thumb:focus-visible {
  outline: 3px solid rgba(255, 122, 0, 0.45);
  outline-offset: 3px;
}

.agnero-group-page .agnero-group-gallery__thumbs {
  display: flex;
  gap: 8px;
  margin-top: 10px;
  overflow-x: auto;
  padding: 2px;
}

.agnero-group-page .agnero-group-gallery__thumb {
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
}

.agnero-group-page .agnero-group-gallery__thumb.is-active {
  border-color: var(--header-orange);
  box-shadow: inset 0 0 0 1px var(--header-orange);
}

.agnero-group-page .agnero-group-gallery__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.agnero-group-page .agnero-range-grid .agnero-group-technical {
  grid-column: 5 / -1;
  min-width: 0;
}

/* Insert group pages lead with selection. Product photography and technical
   drawings belong on the individual product cards, not in this group header. */
.agnero-group-page .agnero-range-grid--insert .agnero-group-technical {
  grid-column: 1 / -1;
}

.agnero-group-page .agnero-insert-sections--group {
  border-color: transparent;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.agnero-group-page .product-group-hero--insert + .product-group-table-section {
  margin-top: 16px;
}

.agnero-group-page .agnero-group-technical .group-title {
  margin-bottom: 6px;
}

/* Search-demand guidance sits below product selection without changing the
   established catalogue hero, filters, cards or technical tables. */
.agnero-search-demand {
  padding: 0 0 clamp(3.5rem, 7vw, 5.75rem);
}

.agnero-search-demand .agnero-range-shell {
  width: min(var(--agnero-range-width), calc(100% - 2.5rem));
  margin-inline: auto;
}

.agnero-search-demand__content {
  padding: clamp(1.4rem, 3vw, 2.5rem);
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(18, 55, 120, 0.07);
}

.agnero-search-demand__eyebrow {
  margin: 0 0 0.55rem;
  color: var(--header-orange);
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.agnero-search-demand__content > h2 {
  max-width: 30ch;
  margin: 0;
  color: var(--brand);
  font-size: clamp(1.55rem, 3vw, 2.35rem);
  line-height: 1.12;
}

.agnero-search-demand__lead {
  max-width: 78ch;
  margin: 1rem 0 0;
  color: var(--text-muted);
  font-size: clamp(0.95rem, 1.25vw, 1.08rem);
  line-height: 1.7;
}

.agnero-search-demand__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1rem, 2.5vw, 2rem);
  margin-top: clamp(1.5rem, 3vw, 2.25rem);
}

.agnero-search-demand__grid section {
  padding-top: 1rem;
  border-top: 2px solid var(--line);
}

.agnero-search-demand__grid h3,
.agnero-search-demand__faq > h3 {
  margin: 0 0 0.55rem;
  color: var(--brand);
  font-size: 1rem;
}

.agnero-search-demand__grid p,
.agnero-search-demand__faq p {
  margin: 0;
  color: var(--text-muted);
  line-height: 1.65;
}

.agnero-search-demand__faq {
  margin-top: clamp(1.5rem, 3vw, 2.25rem);
}

.agnero-search-demand__faq details {
  border-top: 1px solid var(--line);
}

.agnero-search-demand__faq details:last-child {
  border-bottom: 1px solid var(--line);
}

.agnero-search-demand__faq summary {
  padding: 0.95rem 0;
  color: var(--brand);
  cursor: pointer;
  font-weight: 750;
}

.agnero-search-demand__faq details p {
  max-width: 82ch;
  padding: 0 0 1rem;
}

.agnero-search-demand__related {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem 0.8rem;
  margin-top: 1.4rem;
  color: var(--text-muted);
  font-size: 0.86rem;
}

.agnero-search-demand__related span {
  font-weight: 750;
}

.agnero-search-demand__related a {
  padding: 0.45rem 0.7rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface-soft);
  color: var(--brand);
  font-weight: 700;
}

.agnero-search-demand__related a:hover,
.agnero-search-demand__related a:focus-visible {
  border-color: var(--brand);
}

.agnero-product-seo-context {
  width: min(var(--agnero-range-width), calc(100% - 2.5rem));
  margin: 0 auto 2rem;
  padding: 1.2rem 1.35rem;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--surface-soft);
}

.agnero-product-seo-context h2 {
  margin: 0;
  color: var(--brand);
  font-size: 1.15rem;
}

.agnero-product-seo-context p {
  margin: 0.45rem 0 0;
  color: var(--text-muted);
  line-height: 1.55;
}

.agnero-product-seo-context .agnero-search-demand__related {
  margin-top: 0.9rem;
}

.agnero-search-demand__support {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  margin-top: 1.5rem;
  padding: 1rem 1.15rem;
  border: 1px solid #dbe5f0;
  border-radius: 14px;
  background: var(--surface-soft);
}

.agnero-search-demand__support h3 {
  margin: 0 0 0.3rem;
  color: var(--brand);
  font-size: 1rem;
}

.agnero-search-demand__support p {
  max-width: 70ch;
  margin: 0;
  color: var(--text-muted);
  line-height: 1.55;
}

.agnero-search-demand__support a {
  flex: 0 0 auto;
  padding: 0.72rem 1rem;
  border-radius: 999px;
  background: var(--brand);
  color: #fff;
  font-size: 0.82rem;
  font-weight: 800;
  text-align: center;
}

.agnero-search-demand__support a:hover,
.agnero-search-demand__support a:focus-visible {
  background: #0b285b;
  color: #fff;
}

@media (max-width: 720px) {
  .agnero-search-demand .agnero-range-shell {
    width: min(100% - 1.25rem, var(--agnero-range-width));
  }

  .agnero-search-demand__grid {
    grid-template-columns: 1fr;
  }

  .agnero-search-demand__content {
    border-radius: 14px;
  }

  .agnero-search-demand__support {
    align-items: stretch;
    flex-direction: column;
  }

  .agnero-search-demand__support a {
    width: 100%;
  }

  .agnero-product-seo-context {
    width: min(100% - 1.25rem, var(--agnero-range-width));
    margin-bottom: 1.5rem;
  }
}

/* Knowledge hub: useful guidance without competing with product selection. */
.agnero-group-page .agnero-group-technical { position: relative; padding-top: 0; }
.agnero-technical-guide-link { display: flex; align-items: center; gap: .65rem; width: fit-content; max-width: min(100%, 22rem); margin: 0 0 1rem; padding: .68rem .8rem; border: 1px solid var(--line); border-radius: 10px; background: #fff; box-shadow: 0 8px 20px rgba(18, 55, 120,.08); color: var(--brand); line-height: 1.25; }
.agnero-technical-guide-link:hover { border-color: var(--brand); transform: translateY(-1px); }
.agnero-technical-guide-link__icon { display: grid; flex: 0 0 1.55rem; width: 1.55rem; height: 1.55rem; place-items: center; border-radius: 50%; background: var(--brand); color: #fff; font-weight: 800; }
.agnero-technical-guide-link small { display:block; margin-bottom:.15rem; color:var(--text-muted); font-size:.67rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.agnero-technical-guide-link strong { display:block; font-size:.78rem; }.agnero-technical-guide-link__arrow { margin-left:auto; font-weight:800; }
/* Home knowledge hub: four equal-weight, image-led editorial cards. */
.agnero-home-knowledge { position:relative; width:var(--home-v3-shell); margin:clamp(2.2rem,4vw,3.6rem) auto; padding:clamp(1.2rem,2.2vw,2rem); overflow:hidden; border:1px solid #dbe5f0; border-radius:1.2rem; background:radial-gradient(circle at 92% -12%,rgba(255,122,0,.13),transparent 28%),linear-gradient(145deg,#f8fbfe 0%,#f0f5fa 100%); box-shadow:0 18px 48px rgba(18,55,120,.08); }
.agnero-home-knowledge__head { display:flex; align-items:flex-end; justify-content:space-between; gap:clamp(1.25rem,3vw,3rem); margin-bottom:clamp(1.15rem,2vw,1.65rem); }
.agnero-home-knowledge__eyebrow { display:inline-flex; align-items:center; gap:.55rem; color:var(--brand-soft); font-size:.7rem; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
.agnero-home-knowledge__eyebrow::before { content:""; width:1.4rem; height:2px; border-radius:2px; background:var(--home-v3-orange); }
.agnero-home-knowledge__head h2 { max-width:24ch; margin:.5rem 0 0; color:var(--home-v3-navy); font-size:clamp(1.5rem,2.6vw,2.15rem); font-weight:850; line-height:1.12; }
.agnero-home-knowledge__aside { display:grid; justify-items:end; gap:.75rem; max-width:24rem; }
.agnero-home-knowledge__aside p { margin:0; color:var(--text-muted); font-size:clamp(.8rem,.9vw,.92rem); font-weight:560; line-height:1.45; text-align:right; }
.agnero-home-knowledge__all { display:inline-flex; align-items:center; gap:.45rem; padding:.48rem .95rem; border:1px solid var(--home-v3-line); border-radius:999px; background:#fff; color:var(--home-v3-navy); font-size:.78rem; font-weight:800; transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.agnero-home-knowledge__all svg { transition:transform .2s ease, color .2s ease; }
.agnero-home-knowledge__all:hover,.agnero-home-knowledge__all:focus-visible { border-color:#9fb8d4; box-shadow:0 8px 18px rgba(18, 55, 120,.1); color:var(--home-v3-navy); transform:translateY(-1px); }
.agnero-home-knowledge__all:hover svg,.agnero-home-knowledge__all:focus-visible svg { color:var(--home-v3-orange); transform:translateX(3px); }
.agnero-home-knowledge__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(.8rem,1.35vw,1.15rem); }
.agnero-home-knowledge__placeholder { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; overflow:hidden; background:linear-gradient(135deg,#123778 0%,#123778 58%,#123778 100%); }
.agnero-home-knowledge__placeholder::after { content:""; position:absolute; right:-12%; bottom:-45%; width:62%; aspect-ratio:1; border-radius:50%; background:rgba(255,106,0,.18); }
.agnero-home-knowledge__placeholder img { position:relative; width:min(52%,15rem); opacity:.94; }
.agnero-home-knowledge__badge { position:absolute; top:.85rem; left:.85rem; z-index:1; display:inline-flex; align-items:center; gap:.42rem; padding:.34rem .72rem; border-radius:999px; background:rgba(255,255,255,.94); box-shadow:0 4px 14px rgba(18, 55, 120,.2); color:var(--home-v3-navy); font-size:.62rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.agnero-home-knowledge__badge::before { content:""; width:.4rem; height:.4rem; border-radius:50%; background:var(--home-v3-orange); }
.agnero-home-knowledge__meta { display:flex; align-items:center; flex-wrap:wrap; gap:.55rem; color:#55708d; font-size:.72rem; font-weight:700; letter-spacing:.02em; }
.agnero-home-knowledge__reading { padding-left:.55rem; border-left:1px solid var(--home-v3-line); }
.agnero-home-knowledge-card { min-width:0; }
.agnero-home-knowledge-card__link { position:relative; display:flex; height:100%; flex-direction:column; overflow:hidden; border:1px solid #d5e0eb; border-radius:.85rem; background:#fff; box-shadow:0 10px 25px rgba(18,55,120,.08); color:var(--home-v3-navy); transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease; }
.agnero-home-knowledge-card__link::after { content:""; position:absolute; right:0; bottom:0; left:0; height:3px; background:var(--home-v3-orange); transform:scaleX(0); transform-origin:left; transition:transform .28s ease; }
.agnero-home-knowledge-card__link:hover,.agnero-home-knowledge-card__link:focus-visible { transform:translateY(-4px); border-color:#a8bfd7; box-shadow:0 18px 38px rgba(18,55,120,.14); color:var(--home-v3-navy); }
.agnero-home-knowledge-card__link:hover::after,.agnero-home-knowledge-card__link:focus-visible::after { transform:scaleX(1); }
.agnero-home-knowledge-card__link:focus-visible { outline:3px solid rgba(255,122,0,.45); outline-offset:3px; }
.agnero-home-knowledge-card__media { position:relative; display:block; aspect-ratio:3 / 2; overflow:hidden; background:#123778; }
.agnero-home-knowledge-card__media::after { content:""; position:absolute; inset:auto 0 0; height:32%; background:linear-gradient(180deg,transparent,rgba(4,23,55,.3)); pointer-events:none; }
.agnero-home-knowledge-card__media > img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.22,1,.36,1); }
.agnero-home-knowledge-card__link:hover .agnero-home-knowledge-card__media > img,.agnero-home-knowledge-card__link:focus-visible .agnero-home-knowledge-card__media > img { transform:scale(1.055); }
.agnero-home-knowledge-card__body { display:flex; min-width:0; flex:1; flex-direction:column; gap:.58rem; padding:clamp(.95rem,1.25vw,1.2rem); }
.agnero-home-knowledge-card__body h3 { margin:0; color:var(--home-v3-navy); font-size:clamp(1rem,1.08vw,1.12rem); font-weight:850; line-height:1.28; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.agnero-home-knowledge-card__body p { margin:0; color:var(--text-muted); font-size:.79rem; font-weight:540; line-height:1.48; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.agnero-home-knowledge-card__series { align-self:flex-start; max-width:100%; overflow:hidden; padding:.28rem .55rem; border-radius:999px; background:#edf3f9; color:#365776; font-size:.64rem; font-weight:780; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.agnero-home-knowledge-card__cta { margin-top:auto; padding-top:.5rem; display:flex; align-items:center; justify-content:space-between; gap:.6rem; color:var(--brand); font-size:.78rem; font-weight:850; }
.agnero-home-knowledge-card__cta > span { display:inline-flex; width:1.8rem; height:1.8rem; align-items:center; justify-content:center; border:1px solid #cddbea; border-radius:50%; color:var(--home-v3-navy); transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease; }
.agnero-home-knowledge-card__link:hover .agnero-home-knowledge-card__cta > span,.agnero-home-knowledge-card__link:focus-visible .agnero-home-knowledge-card__cta > span { border-color:var(--home-v3-orange); background:var(--home-v3-orange); color:#fff; transform:translateX(3px); }
@media (max-width:1100px) {
  .agnero-home-knowledge__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .agnero-home-knowledge__head { display:block; }
  .agnero-home-knowledge__aside { justify-items:start; max-width:none; margin-top:.9rem; }
  .agnero-home-knowledge__aside p { text-align:left; }
}
@media (max-width:560px) {
  .agnero-home-knowledge { padding:1rem; border-radius:1rem; }
  .agnero-home-knowledge__grid { grid-template-columns:1fr; }
  .agnero-home-knowledge-card__media { aspect-ratio:16 / 9.5; }
}

/* Home knowledge cards sit directly on the page surface; the editorial frame
   distracted from the articles and duplicated the cards' own surfaces. */
.agnero-home-knowledge {
  overflow: visible;
  padding-inline: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.agnero-home-knowledge__head h2 {
  margin-top: 0;
}
.agnero-article-page { padding:clamp(2rem,6vw,5rem) 1.25rem; background:linear-gradient(180deg,#f4f8fd 0,#fff 28rem); }.agnero-article-shell { width:min(860px,100%); margin:auto; }.agnero-article-header { padding:clamp(1.5rem,5vw,4rem) 0 2.5rem; }.agnero-article-back { display:inline-block; margin-bottom:2.5rem; color:var(--text-muted); font-size:.9rem; }.agnero-article-header>span { color:var(--brand-soft); font-size:.75rem; font-weight:800; letter-spacing:.13em; }.agnero-article-header h1 { max-width:18ch; margin:.75rem 0 1rem; font-size:clamp(2.2rem,6vw,4.6rem); }.agnero-article-header p { max-width:64ch; color:var(--text-muted); font-size:1.1rem; }.agnero-article-header time { display:block; margin-top:1.5rem; color:var(--text-muted); font-size:.84rem; }.agnero-article-content { font-size:1.04rem; }.agnero-article-content>*+* { margin-top:1.35rem; }.agnero-article-content h2 { margin-top:3.5rem; font-size:clamp(1.55rem,3vw,2.25rem); }.agnero-article-content h3 { margin-top:2rem; font-size:1.22rem; }.agnero-article-content ul,.agnero-article-content ol { margin-left:1.25rem; padding-left:1rem; list-style:revert; }.agnero-article-content li+li { margin-top:.55rem; }.agnero-article-content table { width:100%; border-collapse:collapse; font-size:.9rem; }.agnero-article-content th,.agnero-article-content td { padding:.75rem; border:1px solid var(--line); text-align:left; }.agnero-article-content th { background:#f4f8fd; }.agnero-article-lead { padding:1.25rem; border-left:4px solid var(--brand); border-radius:0 10px 10px 0; background:#f4f8fd; font-size:1.12rem; }
.agnero-article-products { margin-top:3rem; padding:1.4rem; border:1px solid var(--line); border-radius:12px; background:#f4f8fd; }.agnero-article-products>span { color:var(--brand-soft); font-size:.7rem; font-weight:800; letter-spacing:.12em; }.agnero-article-products h2 { margin:.4rem 0 1rem; font-size:1.25rem; }.agnero-article-products ul { display:grid; gap:.55rem; margin:0; padding:0; list-style:none; }.agnero-article-products a { display:flex; justify-content:space-between; gap:1rem; padding:.8rem .9rem; border:1px solid var(--line); border-radius:8px; background:#fff; font-weight:700; }.agnero-article-products a:hover { border-color:var(--brand); }

.agnero-group-page .agnero-group-technical .group-description {
  max-width: 62ch;
  margin-bottom: 20px;
  font-size: 1rem;
  line-height: 1.55;
}

.agnero-group-page .agnero-group-technical__drawings {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(110px, 0.7fr);
  align-items: center;
  gap: 18px;
  min-height: 150px;
  border-top: 0;
  padding: 8px 0;
}

.agnero-group-page .agnero-group-technical__drawing {
  margin: 0;
}

.agnero-group-page .agnero-group-technical__drawing + .agnero-group-technical__drawing {
  margin-top: 0;
}

.agnero-group-page .agnero-group-technical__drawing img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 160px;
  object-fit: contain;
  object-position: center;
}

.agnero-group-page .agnero-group-technical__pending {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.84rem;
}

.agnero-group-page .agnero-product-features--group {
  margin-top: 0.8rem;
}

.agnero-group-page .agnero-range-table-heading {
  margin: 28px 0 12px;
}

.agnero-group-page .agnero-range-table-heading h2 {
  margin: 0;
  font-size: clamp(1.35rem, 2.2vw, 1.8rem);
  letter-spacing: -0.03em;
}

.agnero-group-page .product-table-controls {
  grid-template-columns: minmax(0, 420px) auto minmax(150px, 180px);
  gap: 12px;
  margin-bottom: 16px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.agnero-group-page .product-table-search {
  min-width: 0;
}

.agnero-group-page .product-search-input,
.agnero-group-page .product-sort-select,
.agnero-group-page .btn-search {
  min-height: 42px;
}

.agnero-group-page .product-search-input,
.agnero-group-page .product-sort-select {
  border-radius: 8px;
}

.agnero-group-page .btn-search {
  border-color: var(--line-strong);
  border-radius: 8px;
  background: #fff;
  color: var(--brand);
}

.agnero-group-page .stock-filter label {
  min-height: 42px;
  padding-inline: 2px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.agnero-group-page .product-table-sort {
  gap: 2px;
}

.agnero-group-page .product-table-sort label {
  font-size: 0.62rem;
}

.agnero-gallery-dialog {
  width: min(92vw, 1080px);
  max-width: none;
  max-height: 92vh;
  margin: auto;
  padding: 16px;
  border: 0;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.35);
}

.agnero-gallery-dialog::backdrop {
  background: rgba(5, 20, 39, 0.72);
}

.agnero-gallery-dialog img {
  display: block;
  width: 100%;
  max-height: calc(92vh - 32px);
  object-fit: contain;
}

.agnero-gallery-dialog__close {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: var(--brand);
  color: #fff;
  font-size: 1.35rem;
  cursor: pointer;
}

@media (max-width: 760px) {
  .agnero-group-page .agnero-group-gallery,
  .agnero-group-page .agnero-range-grid .agnero-group-technical {
    grid-column: 1;
  }

  .agnero-group-page .agnero-group-gallery {
    max-width: 420px;
    margin-inline: auto;
  }

  .agnero-group-page .agnero-group-technical__drawings {
    grid-template-columns: minmax(0, 1.55fr) minmax(100px, 0.7fr);
    min-height: 0;
  }

  .agnero-article-content { overflow-x:auto; }

  .agnero-group-page .product-table-controls {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .agnero-group-page .product-table-sort {
    grid-column: 1 / -1;
    width: min(180px, 100%);
  }
}

@media (max-width: 480px) {
  .agnero-group-page .product-table-controls,
  .agnero-group-page .product-table-search {
    grid-template-columns: 1fr;
  }

  .agnero-group-page .btn-search {
    width: 100%;
  }
}

/* Desktop catalog mega menu — one calm surface, aligned to the navigation. */
@media (min-width: 901px) {
  .main-navigation.has-desktop-dropdown::before,
  .main-navigation:has(.nav-menu > .menu-item-has-children:hover)::before,
  .main-navigation:has(.nav-menu > .menu-item-has-children:focus-within)::before {
    top: var(--agnero-dropdown-top, 8rem);
    background: rgba(3, 15, 30, 0.32);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 1;
    visibility: visible;
  }

  .main-navigation::after {
    top: var(--agnero-dropdown-top, 8rem);
    /* Continue from the exact navy at the navigation's lower edge. */
    background: var(--header-navy-strong);
    border-top: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 22px 44px rgba(3, 18, 36, 0.28);
    clip-path: inset(0 0 100% 0);
    transform: translate3d(0, -4px, 0);
    transform-origin: top center;
    transition:
      opacity 160ms ease,
      transform 300ms cubic-bezier(0.22, 1, 0.36, 1),
      clip-path 300ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  .main-navigation.has-desktop-dropdown::after,
  .main-navigation:has(.nav-menu > .menu-item-has-children:hover)::after,
  .main-navigation:has(.nav-menu > .menu-item-has-children:focus-within)::after {
    height: max(var(--agnero-dropdown-surface-height, 0px), 16.5rem);
    opacity: 1;
    clip-path: inset(0 0 0 0);
    transform: translate3d(0, 0, 0);
  }

  .nav-menu > .menu-item-has-children > .sub-menu,
  .agnero-desktop-dropdown {
    top: calc(var(--agnero-dropdown-top, 8rem) + 1.35rem);
    width: min(88rem, calc(100vw - 4rem));
    display: flex;
    align-items: stretch;
    gap: 0.55rem;
    padding: 0;
    transform: translate3d(-50%, -5px, 0);
    filter: none;
    transition: opacity 180ms ease, transform 260ms cubic-bezier(0.22, 1, 0.36, 1), visibility 180ms ease;
  }

  .nav-menu > .menu-item-has-children > .sub-menu > li,
  .agnero-desktop-dropdown > li {
    min-width: 0;
    flex: 1 1 0;
  }

  .nav-menu > .menu-item-has-children:hover > .sub-menu,
  .nav-menu > .menu-item-has-children:focus-within > .sub-menu,
  .nav-menu > .menu-item-has-children.is-dropdown-open > .sub-menu,
  .agnero-desktop-dropdown.is-visible {
    transform: translate3d(-50%, 0, 0);
    filter: none;
  }

  .nav-menu > .menu-item-has-children > .sub-menu > li.agnero-nav-category-card > a {
    grid-template-rows: 3.4rem minmax(0, 1fr);
    gap: 0.2rem;
    height: 12.25rem;
    min-height: 0;
    padding: 0.8rem 0.75rem 0.35rem;
    border: 1px solid rgba(213, 224, 238, 0.95);
    border-radius: 0.85rem;
    background: #ffffff;
    color: #123778;
    box-shadow: 0 0.5rem 1.2rem rgba(3, 18, 36, 0.11);
    transition: border-color 180ms ease, box-shadow 180ms ease, color 180ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  .agnero-nav-category-card__image {
    position: relative;
    grid-row: 2;
    min-height: 0;
    overflow: visible;
    border-radius: 0.75rem;
    background: transparent;
    filter: drop-shadow(0 0.65rem 0.55rem rgba(0, 0, 0, 0.28));
    transition: filter 220ms ease;
  }

  .agnero-nav-category-card__image::after {
    content: none;
  }

  .agnero-nav-category-card__image img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14.5rem;
    max-width: none;
    height: 14.5rem;
    padding: 0;
    object-fit: contain;
    object-position: center center;
    filter: none;
    transform: translate(-50%, -50%) rotate(90deg);
    transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
  }

  /* Keep the existing 90-degree rotation and mirror only top-to-bottom so
     MIR's left/right orientation stays unchanged. */
  .agnero-nav-category-card--piko-dis-cekme-takimlari-mir .agnero-nav-category-card__image img {
    transform: translate(-50%, -50%) scaleY(-1) rotate(90deg);
  }

  .agnero-nav-category-card__title {
    grid-row: 1;
    display: -webkit-box;
    overflow: hidden;
    padding-inline: 0.1rem;
    color: inherit;
    font-size: clamp(1.3rem, 1.5vw, 1.55rem);
    font-weight: 900;
    line-height: 1.15;
    text-align: left;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .nav-menu > .menu-item-has-children > .sub-menu > li.agnero-nav-category-card > a:hover,
  .nav-menu > .menu-item-has-children > .sub-menu > li.agnero-nav-category-card > a:focus-visible,
  .nav-menu > .menu-item-has-children > .sub-menu > li.agnero-nav-category-card > a.is-pointer-hover {
    border-color: rgba(255, 106, 0, 0.72);
    background: #ffffff;
    color: #123778;
    box-shadow: 0 0.85rem 1.8rem rgba(3, 18, 36, 0.2);
    transform: translateY(-2px);
  }

  .agnero-nav-category-card > a:hover .agnero-nav-category-card__image,
  .agnero-nav-category-card > a:focus-visible .agnero-nav-category-card__image,
  .agnero-nav-category-card > a.is-pointer-hover .agnero-nav-category-card__image {
    filter: drop-shadow(0 0.9rem 0.75rem rgba(0, 0, 0, 0.38));
  }

  .agnero-nav-category-card > a:hover .agnero-nav-category-card__image img,
  .agnero-nav-category-card > a:focus-visible .agnero-nav-category-card__image img,
  .agnero-nav-category-card > a.is-pointer-hover .agnero-nav-category-card__image img {
    transform: translate(-50%, -50%) rotate(90deg) scale(1.055);
  }

  .agnero-nav-category-card--piko-dis-cekme-takimlari-mir > a:hover .agnero-nav-category-card__image img,
  .agnero-nav-category-card--piko-dis-cekme-takimlari-mir > a:focus-visible .agnero-nav-category-card__image img,
  .agnero-nav-category-card--piko-dis-cekme-takimlari-mir > a.is-pointer-hover .agnero-nav-category-card__image img {
    transform: translate(-50%, -50%) scaleY(-1) rotate(90deg) scale(1.055);
  }

  .agnero-nav-category-card--root-insertler .agnero-nav-category-card__image {
    overflow: hidden;
  }

  .agnero-nav-category-card--root-insertler .agnero-nav-insert-composition {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    align-items: center;
    justify-items: center;
    gap: 0.15rem 0.35rem;
    padding: 0.1rem 0.45rem 0.2rem;
  }

  .agnero-nav-insert-composition .agnero-insert-category-visual__item {
    min-width: 0;
    min-height: 0;
  }

  .agnero-nav-category-card--root-insertler .agnero-nav-category-card__image.agnero-nav-insert-composition img {
    position: static;
    width: auto;
    max-width: 90%;
    height: auto;
    max-height: 3.65rem;
    object-fit: contain;
    filter: drop-shadow(0 0.35rem 0.3rem rgba(18, 55, 120, 0.22));
    transform: none;
  }

  /* Keep the two milling inserts consistently right-facing in the header
     composition as well as in the main insert options grid. */
  .agnero-nav-category-card--insert-frezeleme .agnero-nav-insert-composition img[alt="APKT"],
  .agnero-nav-category-card--insert-frezeleme .agnero-nav-insert-composition img[alt="BLMP"] {
    transform: rotate(90deg);
  }

  .agnero-nav-insert-composition .agnero-insert-category-visual__item:nth-child(1) {
    transform: translate(0.12rem, 0.08rem) rotate(-5deg);
  }

  .agnero-nav-insert-composition .agnero-insert-category-visual__item:nth-child(2) {
    transform: translate(-0.08rem, 0.1rem) rotate(4deg);
  }

  .agnero-nav-insert-composition .agnero-insert-category-visual__item:nth-child(3) {
    transform: translate(0.18rem, -0.08rem) rotate(3deg);
  }

  .agnero-nav-insert-composition .agnero-insert-category-visual__item:nth-child(4) {
    transform: translate(-0.18rem, -0.04rem) rotate(-4deg);
  }

  .agnero-nav-category-card--root-insertler .agnero-nav-category-card__image img,
  .agnero-nav-category-card--kure-frezeler .agnero-nav-category-card__image img {
    width: calc(100% - 0.5rem);
    max-width: none;
    height: calc(100% - 0.4rem);
    transform: translate(-50%, -50%);
  }

  .agnero-nav-category-card--root-insertler > a:hover .agnero-nav-category-card__image img,
  .agnero-nav-category-card--root-insertler > a:focus-visible .agnero-nav-category-card__image img,
  .agnero-nav-category-card--root-insertler > a.is-pointer-hover .agnero-nav-category-card__image img,
  .agnero-nav-category-card--kure-frezeler > a:hover .agnero-nav-category-card__image img,
  .agnero-nav-category-card--kure-frezeler > a:focus-visible .agnero-nav-category-card__image img,
  .agnero-nav-category-card--kure-frezeler > a.is-pointer-hover .agnero-nav-category-card__image img {
    transform: translate(-50%, -50%) scale(1.055);
  }

  .agnero-nav-category-card--root-insertler > a:hover .agnero-nav-insert-composition img,
  .agnero-nav-category-card--root-insertler > a:focus-visible .agnero-nav-insert-composition img,
  .agnero-nav-category-card--root-insertler > a.is-pointer-hover .agnero-nav-insert-composition img {
    width: auto;
    max-width: 90%;
    height: auto;
    filter: drop-shadow(0 0.45rem 0.4rem rgba(18, 55, 120, 0.28)) brightness(1.04) saturate(1.03);
    transform: translateY(-1px) scale(1.035);
  }

  .agnero-nav-category-card--insert-frezeleme > a:hover .agnero-nav-insert-composition img[alt="APKT"],
  .agnero-nav-category-card--insert-frezeleme > a:focus-visible .agnero-nav-insert-composition img[alt="APKT"],
  .agnero-nav-category-card--insert-frezeleme > a.is-pointer-hover .agnero-nav-insert-composition img[alt="APKT"],
  .agnero-nav-category-card--insert-frezeleme > a:hover .agnero-nav-insert-composition img[alt="BLMP"],
  .agnero-nav-category-card--insert-frezeleme > a:focus-visible .agnero-nav-insert-composition img[alt="BLMP"],
  .agnero-nav-category-card--insert-frezeleme > a.is-pointer-hover .agnero-nav-insert-composition img[alt="BLMP"] {
    transform: translateY(-1px) rotate(90deg) scale(1.035);
  }

  .nav-menu > .menu-item-has-children.is-dropdown-open > .sub-menu > li {
    position: relative;
    overflow: visible;
    z-index: 1;
    animation: agnero-menu-card-enter 360ms backwards cubic-bezier(0.22, 1, 0.36, 1);
  }

  .nav-menu > .menu-item-has-children.is-dropdown-open > .sub-menu > li:hover,
  .nav-menu > .menu-item-has-children.is-dropdown-open > .sub-menu > li:focus-within {
    z-index: 5;
  }

  .nav-menu > .menu-item-has-children.is-dropdown-open > .sub-menu > li:nth-child(2) {
    animation-delay: 35ms;
  }

  .nav-menu > .menu-item-has-children.is-dropdown-open > .sub-menu > li:nth-child(3) {
    animation-delay: 70ms;
  }

  .nav-menu > .menu-item-has-children.is-dropdown-open > .sub-menu > li:nth-child(4) {
    animation-delay: 105ms;
  }

  .nav-menu > .menu-item-has-children.is-dropdown-open > .sub-menu > li:nth-child(n + 5) {
    animation-delay: 140ms;
  }

  .nav-menu > .menu-item-has-children > .sub-menu > li:not(.agnero-nav-category-card) > a {
    min-height: 3rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid transparent;
    border-radius: 0.7rem;
    display: flex;
    align-items: center;
    background: transparent;
    color: rgba(255, 255, 255, 0.82);
    box-shadow: none;
  }

  .nav-menu > .menu-item-has-children > .sub-menu > li:not(.agnero-nav-category-card) > a::before {
    content: none;
  }

  .nav-menu > .menu-item-has-children > .sub-menu > li:not(.agnero-nav-category-card) > a:hover,
  .nav-menu > .menu-item-has-children > .sub-menu > li:not(.agnero-nav-category-card) > a:focus-visible {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    transform: none;
    box-shadow: none;
  }
}

@keyframes agnero-menu-card-enter {
  from {
    opacity: 0;
    transform: translate3d(0, 0.55rem, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) and (min-width: 901px) {
  .main-navigation::after,
  .nav-menu > .menu-item-has-children > .sub-menu,
  .agnero-nav-category-card__image img {
    transition: none;
  }

  .nav-menu > .menu-item-has-children.is-dropdown-open > .sub-menu > li {
    animation: none;
  }
}

/* ==========================================================================
   SINGLE PRODUCT — CLARITY PASS 2026-07-14
   Product sheet hierarchy: series context, bounded photography, purchase,
   measurements + drawing, then alternative sizes.
   ========================================================================== */
body.agnero-cart-drawer-open {
  overflow: hidden;
  overscroll-behavior: none;
}

body.single-product .agnero-woocommerce-shell {
  padding-top: clamp(20px, 2.8vw, 36px);
}

body.single-product .agnero-group-banner {
  position: relative;
  min-height: 86px;
  gap: clamp(18px, 3vw, 36px);
  margin-bottom: clamp(22px, 3vw, 34px);
  padding: 16px 18px 16px 20px;
  overflow: hidden;
  border: 1px solid #d8e3ef;
  border-radius: 14px;
  background: linear-gradient(105deg, #f3f7fb 0%, #fff 68%);
}

body.single-product .agnero-group-banner::before {
  content: none;
}

body.single-product .agnero-group-banner__content {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 14px;
}

body.single-product .agnero-group-banner__icon {
  display: none;
}

body.single-product .agnero-group-banner__text {
  display: grid;
  min-width: 0;
  gap: 3px;
}

body.single-product .agnero-group-banner__eyebrow {
  color: var(--agnero-product-muted);
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-transform: uppercase;
}

body.single-product .agnero-group-banner__text > strong {
  overflow: hidden;
  color: var(--agnero-product-blue);
  font-size: clamp(0.98rem, 1.5vw, 1.14rem);
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.single-product .agnero-group-banner__text > span:last-child {
  color: var(--agnero-product-muted);
  font-size: 0.82rem;
  line-height: 1.35;
}

body.single-product .agnero-group-banner__cta {
  display: inline-flex;
  min-height: 44px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding-inline: 16px;
  border-color: var(--agnero-product-blue);
  border-radius: 9px;
  background: var(--agnero-product-blue);
  color: #fff;
  font-size: 0.86rem;
  white-space: nowrap;
}

body.single-product .agnero-group-banner__cta:hover,
body.single-product .agnero-group-banner__cta:focus-visible {
  border-color: #123778;
  background: #123778;
  color: #fff;
  box-shadow: 0 10px 24px rgba(18, 55, 120, 0.17);
}

body.single-product div.product {
  grid-template-columns: minmax(0, 1fr) minmax(390px, 1.06fr);
  gap: clamp(30px, 4.2vw, 58px);
}

body.single-product .woocommerce-product-gallery,
body.single-product .woocommerce-product-gallery__wrapper,
body.single-product .woocommerce-product-gallery__image,
body.single-product .woocommerce-product-gallery__image > a {
  min-width: 0;
  max-width: 100%;
}

body.single-product .woocommerce-product-gallery__wrapper {
  width: 100%;
  height: clamp(430px, 46vw, 570px);
  aspect-ratio: auto;
  border-radius: 14px;
}

body.single-product .woocommerce-product-gallery__image,
body.single-product .woocommerce-product-gallery__image > a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

body.single-product .woocommerce-product-gallery__wrapper img {
  display: block;
  box-sizing: border-box;
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
  padding: clamp(28px, 4vw, 52px);
  object-fit: contain;
  object-position: center;
}

body.single-product div.product div.summary {
  gap: 14px;
  padding-top: 0;
  border-top: 0;
}

body.single-product div.product p.price:empty {
  display: none;
}

body.single-product div.product form.cart {
  margin-top: 2px;
  padding: 14px;
  border: 1px solid #dbe5ef;
  border-radius: 12px;
  background: #f7f9fc;
}

body.single-product .agnero-single-specs {
  margin-top: 6px;
  padding-top: 18px;
  border-top: 1px solid var(--agnero-product-line);
}

body.single-product .agnero-single-specs__heading {
  margin-bottom: 12px;
}

body.single-product .agnero-single-specs__heading > div {
  display: grid;
  gap: 4px;
}

body.single-product .agnero-single-specs__body {
  display: grid;
  grid-template-columns: minmax(0, 1.24fr) minmax(180px, 0.76fr);
  gap: 16px;
  align-items: stretch;
}

body.single-product .agnero-single-specs__list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  gap: 0 16px;
}

body.single-product .agnero-single-specs__item {
  min-height: 50px;
  padding-block: 8px;
}

.agnero-single-drawing {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dbe5ef;
  border-radius: 10px;
  background: #f7f9fc;
}

.agnero-single-drawing__head {
  display: flex;
  min-height: 38px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 10px;
  border-bottom: 1px solid #dbe5ef;
  background: #eef3f8;
}

.agnero-single-drawing__head > span {
  color: var(--agnero-product-blue);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.agnero-single-drawing__head a {
  color: var(--agnero-product-blue);
  font-size: 0.72rem;
  font-weight: 800;
}

.agnero-single-drawing__canvas {
  display: grid;
  min-height: 170px;
  align-content: center;
  gap: 4px;
  padding: 10px;
}

.agnero-single-drawing__image {
  display: block;
  width: 100%;
  max-height: 128px;
  object-fit: contain;
}

.agnero-single-drawing__image--secondary {
  max-height: 56px;
  border-top: 1px dashed #cad7e4;
  padding-top: 6px;
}

body.single-product .agnero-single-order-table {
  scroll-margin-top: 24px;
}

body.single-product .agnero-single-order-table__header {
  display: grid;
  gap: 6px;
  margin-bottom: 18px;
}

body.single-product .agnero-single-order-table__header .agnero-single-order-table__eyebrow {
  width: fit-content;
}

@media (max-width: 980px) {
  body.single-product div.product {
    grid-template-columns: 1fr;
  }

  body.single-product div.product div.images {
    grid-row: 1;
  }

  body.single-product div.product div.summary {
    grid-row: 2;
  }

  body.single-product div.product > .agnero-paytr-installments {
    grid-row: 3;
  }

  body.single-product .woocommerce-product-gallery__wrapper {
    height: min(620px, 78vw);
    min-height: 410px;
  }

  body.single-product .agnero-single-specs__body {
    grid-template-columns: minmax(0, 1.4fr) minmax(220px, 0.6fr);
  }
}

@media (max-width: 700px) {
  body.single-product .agnero-group-banner {
    align-items: stretch;
    flex-direction: column;
    padding: 15px 15px 15px 18px;
  }

  body.single-product .agnero-group-banner__text > strong {
    white-space: normal;
  }

  body.single-product .agnero-group-banner__cta {
    width: 100%;
  }

  body.single-product .woocommerce-product-gallery__wrapper {
    height: min(480px, 105vw);
    min-height: 340px;
  }

  body.single-product .agnero-single-specs__body,
  body.single-product .agnero-single-specs__list {
    grid-template-columns: 1fr;
  }

  .agnero-single-drawing__canvas {
    min-height: 210px;
  }

  .agnero-single-drawing__image {
    max-height: 150px;
  }
}

/* Product detail refinement: one datasheet, one purchase row, no accent noise. */
body.single-product .agnero-group-banner {
  min-height: 76px;
  padding: 14px 16px;
  border-color: #d9e2ec;
  background: #fff;
}

body.single-product .agnero-group-banner__content {
  gap: 0;
}

body.single-product .agnero-group-banner__cta {
  border: 1px solid #bfd0e0;
  background: #fff;
  color: var(--agnero-product-blue);
  box-shadow: none;
}

body.single-product .agnero-group-banner__cta:hover,
body.single-product .agnero-group-banner__cta:focus-visible {
  border-color: var(--agnero-product-blue);
  background: #eef4fa;
  color: var(--agnero-product-blue);
  box-shadow: none;
}

body.single-product div.product div.summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(136px, 0.28fr);
  gap: 14px 10px;
  padding-top: 0;
  border-top: 0;
}

body.single-product div.product div.summary > * {
  grid-column: 1 / -1;
}

body.single-product .product_title {
  max-width: 23ch;
  font-size: clamp(1.72rem, 2.65vw, 2.35rem);
  line-height: 1.14;
}

body.single-product .agnero-product-datasheet {
  display: grid;
  grid-template-columns: minmax(138px, 0.34fr) minmax(0, 1fr);
  gap: 12px;
  align-items: stretch;
  padding: 12px;
  border: 1px solid #d9e2ec;
  border-radius: 12px;
  background: #fff;
}

body.single-product .agnero-product-datasheet > .agnero-product-features {
  grid-column: 1 / -1;
  padding-top: 2px;
}

body.single-product .agnero-product-features__grid {
  grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
}

body.single-product .agnero-product-datasheet .agnero-single-drawing {
  display: grid;
  grid-template-rows: auto 1fr;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 0;
  border-radius: 8px;
  background: #f4f7fa;
}

body.single-product .agnero-product-datasheet .agnero-single-drawing figcaption {
  padding: 8px 10px 0;
  color: var(--agnero-product-muted);
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.single-product .agnero-product-datasheet .agnero-single-drawing__canvas {
  min-height: 106px;
  padding: 6px 10px 10px;
}

body.single-product .agnero-product-datasheet .agnero-single-drawing__image {
  width: 100%;
  max-height: 74px;
  object-fit: contain;
}

body.single-product .agnero-product-datasheet .agnero-single-drawing__image--secondary {
  max-height: 32px;
  padding-top: 4px;
}

body.single-product .agnero-core-specs-table-wrap {
  min-width: 0;
  overflow-x: auto;
  border: 1px solid #e1e8f0;
  border-radius: 8px;
  scrollbar-width: thin;
}

body.single-product .agnero-core-specs-table {
  width: 100%;
  min-width: 430px;
  height: 100%;
  border: 0;
  border-collapse: collapse;
  background: #fff;
}

body.single-product .agnero-core-specs-table th,
body.single-product .agnero-core-specs-table td {
  padding: 10px 11px;
  border: 0;
  border-right: 1px solid #e7edf3;
  text-align: left;
  white-space: nowrap;
}

body.single-product .agnero-core-specs-table th:last-child,
body.single-product .agnero-core-specs-table td:last-child {
  border-right: 0;
}

body.single-product .agnero-core-specs-table th {
  height: 42%;
  border-bottom: 1px solid #e7edf3;
  background: #f6f8fb;
  color: var(--agnero-product-muted);
  font-size: 0.67rem;
  font-weight: 850;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.single-product .agnero-core-specs-table td {
  color: var(--agnero-product-ink);
  font-family: var(--font-mono);
  font-size: 0.84rem;
  font-weight: 800;
}

body.single-product div.product div.summary > form.cart {
  grid-column: 1;
  align-self: stretch;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

body.single-product div.product div.summary > .agnero-favorite-single-wrap {
  grid-column: 2;
  align-self: start;
  margin: 0;
}

body.single-product .agnero-favorite-single-button {
  width: 100%;
  min-height: 52px;
  height: 52px;
  justify-content: center;
  padding: 10px 12px;
  border: 1px solid #bfd0e0;
  border-radius: 8px;
  background: #fff;
  color: var(--agnero-product-blue);
}

body.single-product .agnero-favorite-single-button:hover,
body.single-product .agnero-favorite-single-button.is-active {
  border: 1px solid #9eb5ca;
  background: #eef4fa;
}

body.single-product .woocommerce-product-gallery {
  position: relative !important;
}

body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger,
body.single-product .woocommerce-product-gallery .agnero-product-gallery-zoom-trigger {
  position: absolute !important;
  top: auto !important;
  right: 16px !important;
  bottom: 16px !important;
  left: auto !important;
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border: 1px solid #c9d6e3;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.94);
  color: var(--agnero-product-blue);
  box-shadow: 0 8px 22px rgba(18, 55, 120, 0.14);
  cursor: zoom-in;
  z-index: 4;
}

body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover,
body.single-product .woocommerce-product-gallery .agnero-product-gallery-zoom-trigger:hover {
  border-color: var(--agnero-product-blue);
  background: #fff;
}

body.single-product .woocommerce-product-gallery .agnero-product-gallery-zoom-trigger svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

/*
 * Product gallery: one clear stage with a vertical filmstrip. FlexSlider needs
 * an unconstrained inner strip; limiting the wrapper to 100% stacked every
 * image vertically and made later thumbnails appear blank.
 */
body.single-product .woocommerce-product-gallery {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 76px;
  grid-template-rows: minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

body.single-product .woocommerce-product-gallery:not(:has(.flex-control-thumbs)) {
  display: block;
}

body.single-product .woocommerce-product-gallery .flex-viewport {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--agnero-product-line);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(242, 246, 250, 0.94)),
    #f7f9fb;
  box-shadow: 0 18px 44px rgba(16, 24, 32, 0.08);
}

body.single-product .woocommerce-product-gallery__wrapper {
  max-width: none;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.single-product .woocommerce-product-gallery__image {
  overflow: hidden;
}

body.single-product .woocommerce-product-gallery__image > a {
  cursor: zoom-in;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  max-height: 570px;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0 3px 0 0;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none;
  scrollbar-color: #b8c8d8 transparent;
  scrollbar-width: thin;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs li {
  display: block;
  width: 100%;
  flex: 0 0 auto;
  float: none;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs li::marker {
  content: "";
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs img {
  display: block;
  width: 100%;
  height: 76px;
  box-sizing: border-box;
  aspect-ratio: 1;
  margin: 0;
  padding: 7px;
  border: 1px solid var(--agnero-product-line);
  border-radius: 9px;
  background: #fff;
  object-fit: contain;
}

body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger,
body.single-product .woocommerce-product-gallery .agnero-product-gallery-zoom-trigger {
  right: 104px !important;
}

body.single-product div.product p.price:not(:has(*)) {
  display: none;
}

body.single-product .agnero-product-quote {
  display: grid;
  gap: 8px;
  margin-top: 2px;
  padding: 14px;
  border: 1px solid #d7e2ec;
  border-radius: 12px;
  background: #f5f8fb;
}

body.single-product .agnero-product-quote__button {
  display: inline-flex;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 0 18px;
  border-radius: 9px;
  background: var(--agnero-product-blue);
  color: #fff;
  font-size: 0.96rem;
  font-weight: 850;
}

body.single-product .agnero-product-quote__button:hover,
body.single-product .agnero-product-quote__button:focus-visible {
  background: #0b2b62;
  color: #fff;
  box-shadow: 0 10px 24px rgba(18, 55, 120, 0.18);
}

/* Product image inspector: a focused, mouse-positioned zoom surface that
   expands from the gallery instead of handing the page to PhotoSwipe. */
body.agnero-product-viewer-open {
  overflow: hidden;
}

.agnero-product-viewer[hidden] {
  display: none !important;
}

.agnero-product-viewer {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  padding: clamp(16px, 3vw, 34px);
  z-index: 2147483000;
  overscroll-behavior: contain;
}

.agnero-product-viewer__backdrop {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 42%, rgba(31, 66, 111, 0.2), transparent 48%),
    rgba(5, 20, 36, 0.82);
  backdrop-filter: blur(8px);
  cursor: zoom-out;
  opacity: 0;
  transition: opacity 260ms ease;
}

.agnero-product-viewer.is-open .agnero-product-viewer__backdrop {
  opacity: 1;
}

.agnero-product-viewer__dialog {
  position: relative;
  display: grid;
  width: min(920px, calc(100vw - 40px));
  max-height: calc(100dvh - 40px);
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  border: 1px solid rgba(214, 225, 235, 0.94);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 36px 90px rgba(0, 10, 24, 0.38);
  opacity: 0;
  transform: scale(0.96);
  transform-origin: top left;
  transition: opacity 200ms ease, transform 280ms cubic-bezier(0.16, 1, 0.3, 1);
}

.agnero-product-viewer.is-open .agnero-product-viewer__dialog {
  opacity: 1;
  transform: none;
}

.agnero-product-viewer__header {
  display: flex;
  min-height: 62px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 16px 10px 22px;
}

.agnero-product-viewer__heading {
  display: flex;
  align-items: center;
  gap: 12px;
}

.agnero-product-viewer__eyebrow {
  color: var(--agnero-product-blue, #123778);
  font-size: 0.7rem;
  font-weight: 850;
  letter-spacing: 0.14em;
}

.agnero-product-viewer__counter {
  padding-left: 12px;
  border-left: 1px solid #d6e1eb;
  color: #657589;
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.72rem;
  font-weight: 650;
}

.agnero-product-viewer__close,
.agnero-product-viewer__nav {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid #d3deea;
  background: #fff;
  color: var(--agnero-product-blue, #123778);
  cursor: pointer;
  transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease;
}

.agnero-product-viewer__close {
  width: 38px;
  height: 38px;
  border-radius: 50%;
}

.agnero-product-viewer__nav {
  width: 44px;
  height: 44px;
  border-radius: 50%;
}

.agnero-product-viewer__close:hover,
.agnero-product-viewer__nav:hover {
  border-color: #9eb5ca;
  background: #eef4fa;
  transform: translateY(-1px);
}

.agnero-product-viewer__close:focus-visible,
.agnero-product-viewer__nav:focus-visible,
.agnero-product-viewer__viewport:focus-visible {
  outline: 3px solid rgba(255, 122, 0, 0.42);
  outline-offset: 2px;
}

.agnero-product-viewer__close svg,
.agnero-product-viewer__nav svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.agnero-product-viewer__stage {
  display: grid;
  min-height: 0;
  grid-template-columns: 48px minmax(0, 1fr) 48px;
  align-items: center;
  gap: 12px;
  padding: 0 18px 14px;
}

.agnero-product-viewer__viewport {
  position: relative;
  display: grid;
  width: 100%;
  max-height: calc(100dvh - 182px);
  aspect-ratio: 1;
  place-items: center;
  overflow: hidden;
  border: 1px solid #d6e1eb;
  border-radius: 13px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(242, 246, 250, 0.98)),
    #f7f9fb;
  cursor: zoom-in;
  user-select: none;
}

body.single-product .agnero-product-viewer__image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  padding: clamp(10px, 2.2vw, 24px);
  object-fit: contain;
  pointer-events: none;
  transform: scale(1);
  transform-origin: 50% 50%;
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

.agnero-product-viewer__viewport.is-zooming,
.agnero-product-viewer__viewport.is-touch-zoomed {
  cursor: zoom-out;
}

.agnero-product-viewer__viewport.is-zooming .agnero-product-viewer__image,
.agnero-product-viewer__viewport.is-touch-zoomed .agnero-product-viewer__image {
  transform: scale(2.35);
}

.agnero-product-viewer__zoom-hint {
  position: absolute;
  right: 14px;
  bottom: 14px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  border: 1px solid rgba(201, 214, 227, 0.9);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: #44566b;
  box-shadow: 0 8px 22px rgba(18, 55, 120, 0.1);
  font-size: 0.68rem;
  font-weight: 750;
  pointer-events: none;
  transition: opacity 150ms ease, transform 150ms ease;
}

.agnero-product-viewer__zoom-hint svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: var(--agnero-product-blue, #123778);
  stroke-linecap: round;
  stroke-width: 1.7;
}

.agnero-product-viewer__viewport.is-zooming .agnero-product-viewer__zoom-hint,
.agnero-product-viewer__viewport.is-touch-zoomed .agnero-product-viewer__zoom-hint {
  opacity: 0;
  transform: translateY(4px);
}

.agnero-product-viewer__footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 20px;
  min-height: 60px;
  padding: 10px 22px 14px;
  border-top: 1px solid #e2e9f0;
}

.agnero-product-viewer__footer strong {
  overflow: hidden;
  color: #101820;
  font-size: clamp(0.82rem, 1.4vw, 1rem);
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agnero-product-viewer__caption {
  overflow: hidden;
  max-width: min(38vw, 360px);
  color: #718094;
  font-size: 0.74rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.single-product .summary > .agnero-hard-material-indicator {
  border-color: #d6e1eb;
  background: #eef4f8;
  color: var(--agnero-product-blue);
}

@media (max-width: 700px) {
  body.single-product .woocommerce-product-gallery {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
  }

  body.single-product .woocommerce-product-gallery .flex-viewport {
    grid-column: 1;
    grid-row: 1;
  }

  body.single-product .woocommerce-product-gallery .flex-control-thumbs {
    grid-column: 1;
    grid-row: 2;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    max-height: none;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 0 4px;
  }

  body.single-product .woocommerce-product-gallery .flex-control-thumbs img {
    height: auto;
  }

  body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger,
  body.single-product .woocommerce-product-gallery .agnero-product-gallery-zoom-trigger {
    right: 16px !important;
  }

  .agnero-product-viewer {
    padding: 10px;
  }

  .agnero-product-viewer__dialog {
    width: calc(100vw - 20px);
    max-height: calc(100dvh - 20px);
    border-radius: 14px;
  }

  .agnero-product-viewer__header {
    min-height: 54px;
    padding: 8px 10px 7px 14px;
  }

  .agnero-product-viewer__stage {
    grid-template-columns: 38px minmax(0, 1fr) 38px;
    gap: 4px;
    padding: 0 7px 9px;
  }

  .agnero-product-viewer__nav {
    width: 36px;
    height: 36px;
  }

  .agnero-product-viewer__viewport {
    max-height: calc(100dvh - 154px);
    border-radius: 10px;
  }

  .agnero-product-viewer__zoom-hint {
    right: 8px;
    bottom: 8px;
  }

  .agnero-product-viewer__footer {
    min-height: 50px;
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
    padding: 8px 14px 10px;
  }

  .agnero-product-viewer__caption {
    max-width: 100%;
  }

  body.single-product div.product div.summary {
    grid-template-columns: minmax(0, 1fr) 54px;
  }

  body.single-product .product_title {
    max-width: none;
  }

  body.single-product .agnero-product-datasheet {
    grid-template-columns: 1fr;
  }

  body.single-product .agnero-product-datasheet .agnero-single-drawing {
    grid-template-columns: 100px minmax(0, 1fr);
    grid-template-rows: 1fr;
    align-items: center;
  }

  body.single-product .agnero-product-datasheet .agnero-single-drawing figcaption {
    padding: 10px;
  }

  body.single-product .agnero-product-datasheet .agnero-single-drawing__canvas {
    min-height: 88px;
  }

  body.single-product .agnero-favorite-single-button {
    padding-inline: 0;
  }

  body.single-product .agnero-favorite-single-button .agnero-favorite-text {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }
}

/* Product detail refinement II — technical sheet, purchase actions and cards. */
body.single-product div.product p.price,
body.single-product div.product span.price {
  color: #08705f;
}

body.single-product div.product p.price .woocommerce-Price-currencySymbol,
body.single-product div.product span.price .woocommerce-Price-currencySymbol {
  color: #08705f;
}

body.single-product .agnero-product-datasheet {
  grid-template-columns: minmax(0, 1fr);
}

body.single-product .agnero-product-datasheet .agnero-single-drawing {
  grid-template-rows: auto auto;
  min-height: 172px;
}

body.single-product .agnero-product-datasheet .agnero-single-drawing__canvas {
  grid-template-columns: minmax(0, 1fr) minmax(70px, 0.2fr);
  min-height: 138px;
  align-items: center;
  gap: 16px;
  padding: 8px 18px 14px;
}

body.single-product .agnero-product-datasheet .agnero-single-drawing__image {
  width: 100%;
  max-height: 124px;
}

body.single-product .agnero-product-datasheet .agnero-single-drawing__image--secondary {
  max-height: 74px;
  padding: 0 0 0 14px;
  border-top: 0;
  border-left: 1px dashed #cad7e4;
}

body.single-product div.product form.cart .single_add_to_cart_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-color: #ff7a00;
  background: #ff7a00;
  color: #fff;
  text-align: center;
}

body.single-product div.product form.cart .single_add_to_cart_button:hover,
body.single-product div.product form.cart .single_add_to_cart_button:focus-visible {
  border-color: #df6800;
  background: #df6800;
  box-shadow: 0 10px 24px rgba(255, 122, 0, 0.22);
}

body.single-product div.product div.summary > form.cart,
body.single-product div.product div.summary > .agnero-favorite-single-wrap {
  align-self: start;
}

body.single-product .agnero-favorite-single-button {
  min-height: 52px;
  height: 52px;
  align-items: center;
  justify-content: center;
}

@media (prefers-reduced-motion: reduce) {
  .agnero-product-viewer__backdrop,
  .agnero-product-viewer__dialog,
  .agnero-product-viewer__image,
  .agnero-product-viewer__zoom-hint {
    transition-duration: 0.01ms !important;
  }
}

body.single-product div.product > .related {
  padding: clamp(20px, 2.5vw, 30px);
}

body.single-product div.product > .related > h2 {
  margin-bottom: 18px;
  color: var(--agnero-product-ink);
  font-size: clamp(1.35rem, 2vw, 1.75rem);
}

body.single-product div.product > .related ul.products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
}

body.single-product div.product > .related ul.products::before,
body.single-product div.product > .related ul.products::after {
  display: none;
}

body.single-product div.product > .related ul.products li.product {
  display: flex;
  width: auto !important;
  min-height: 0;
  flex-direction: column;
  float: none;
  margin: 0 !important;
  overflow: hidden;
  border: 1px solid #dce5ee;
  border-radius: 12px;
  background: #fff;
  box-shadow: none;
}

body.single-product div.product > .related ul.products li.product .woocommerce-loop-product__link {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  padding: 12px 12px 6px;
}

body.single-product div.product > .related ul.products li.product a img {
  width: 100% !important;
  height: 210px !important;
  margin: 0 0 12px !important;
  padding: 14px;
  border-radius: 9px;
  background: #f4f7fa;
  object-fit: contain !important;
  object-position: center;
}

body.single-product div.product > .related .woocommerce-loop-product__title {
  display: -webkit-box;
  min-height: 3.9em;
  overflow: hidden;
  color: var(--agnero-product-ink);
  font-size: 0.9rem;
  line-height: 1.3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

body.single-product div.product > .related ul.products li.product .price {
  margin-top: auto;
  color: #08705f;
  font-size: 1rem;
}

body.single-product div.product > .related ul.products li.product > .button,
body.single-product div.product > .related ul.products li.product > .agnero-favorite-toggle {
  margin-inline: 12px;
}

body.single-product div.product > .related ul.products li.product > .button {
  margin-top: 10px;
  margin-bottom: 12px;
}

body.single-product .agnero-insert-family-rail {
  grid-column: 1 / -1;
  min-width: 0;
  padding: clamp(20px, 2.5vw, 30px);
  border: 1px solid #d7e2ec;
  border-radius: 12px;
  background: #f7fafc;
}

body.single-product .agnero-insert-family-rail__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}

body.single-product .agnero-insert-family-rail__header > div:first-child {
  min-width: 0;
}

body.single-product .agnero-insert-family-rail__header > div:first-child > span {
  color: var(--agnero-product-blue);
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.single-product .agnero-insert-family-rail__header h2 {
  margin: 5px 0 4px;
  color: var(--agnero-product-ink);
  font-size: clamp(1.35rem, 2vw, 1.75rem);
}

body.single-product .agnero-insert-family-rail__header p {
  margin: 0;
  color: var(--agnero-product-muted);
  font-size: 0.9rem;
}

body.single-product .agnero-insert-family-rail__actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 14px;
}

body.single-product .agnero-insert-family-rail__actions > a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--agnero-product-blue);
  font-size: 0.82rem;
  font-weight: 800;
}

body.single-product .agnero-insert-family-rail__actions > a:hover,
body.single-product .agnero-insert-family-rail__actions > a:focus-visible {
  color: #0a285f;
}

body.single-product .agnero-insert-family-rail__controls {
  display: inline-flex;
  gap: 6px;
}

body.single-product .agnero-insert-family-rail__controls button {
  display: inline-flex;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid #c9d7e4;
  border-radius: 999px;
  background: #fff;
  color: var(--agnero-product-blue);
  font-size: 1rem;
  transition: border-color 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}

body.single-product .agnero-insert-family-rail__controls button:hover:not(:disabled),
body.single-product .agnero-insert-family-rail__controls button:focus-visible:not(:disabled) {
  border-color: var(--agnero-product-blue);
  background: var(--agnero-product-blue);
  color: #fff;
}

body.single-product .agnero-insert-family-rail__controls button:disabled {
  cursor: default;
  opacity: 0.35;
}

body.single-product .agnero-insert-family-rail__scroller {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 2px 2px 12px;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-color: #9fb3c7 transparent;
  scrollbar-width: thin;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}

body.single-product .agnero-insert-family-rail__scroller:focus-visible {
  outline: 2px solid var(--agnero-product-blue);
  outline-offset: 4px;
}

body.single-product .agnero-insert-family-rail__track {
  display: flex;
  width: max-content;
  gap: 14px;
}

body.single-product .agnero-insert-family-card {
  display: flex;
  width: clamp(220px, 22vw, 280px);
  min-width: 0;
  flex: 0 0 auto;
  overflow: hidden;
  border: 1px solid #dce5ee;
  border-radius: 12px;
  background: #fff;
  scroll-snap-align: start;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

body.single-product .agnero-insert-family-card:hover,
body.single-product .agnero-insert-family-card:focus-within {
  border-color: #aac0d5;
  box-shadow: 0 12px 28px rgba(18, 55, 120, 0.1);
  transform: translateY(-2px);
}

body.single-product .agnero-insert-family-card__link {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  padding: 12px;
  color: inherit;
}

body.single-product .agnero-insert-family-card__media {
  display: flex;
  height: 180px;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  overflow: hidden;
  border-radius: 9px;
  background: #f0f4f7;
}

body.single-product .agnero-insert-family-card__media img {
  display: block;
  width: calc(var(--agnero-insert-image-ratio, 1) * 100%);
  height: calc(var(--agnero-insert-image-ratio, 1) * 100%);
  max-height: calc(var(--agnero-insert-image-ratio, 1) * 180px);
  padding: calc(var(--agnero-insert-image-ratio, 1) * 12px);
  object-fit: contain;
}

body.single-product .agnero-insert-family-card__family {
  align-self: flex-start;
  margin-bottom: 7px;
  padding: 3px 7px;
  border-radius: 999px;
  background: #eaf1f8;
  color: var(--agnero-product-blue);
  font-size: 0.65rem;
  font-weight: 850;
  letter-spacing: 0.06em;
}

body.single-product .agnero-insert-family-card__link > strong {
  display: -webkit-box;
  min-height: 2.6em;
  overflow: hidden;
  color: var(--agnero-product-ink);
  font-size: 0.92rem;
  line-height: 1.3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.single-product .agnero-insert-family-card__sku {
  margin-top: 5px;
  overflow: hidden;
  color: var(--agnero-product-muted);
  font-family: var(--font-mono);
  font-size: 0.69rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.single-product .agnero-insert-family-card__footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
  padding-top: 16px;
}

body.single-product .agnero-insert-family-card__price {
  color: #08705f;
  font-size: 0.95rem;
  font-weight: 800;
}

body.single-product .agnero-insert-family-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--agnero-product-blue);
  font-size: 0.72rem;
  font-weight: 850;
  white-space: nowrap;
}

body.single-product .agnero-product-contact {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(22px, 4vw, 54px);
  align-items: center;
  width: 100%;
  margin-top: 34px;
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid #d7e2ec;
  border-radius: 12px;
  background: #f5f8fb;
}

body.single-product .agnero-product-contact__copy > span {
  color: var(--agnero-product-blue);
  font-size: 0.7rem;
  font-weight: 850;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

body.single-product .agnero-product-contact__copy h2 {
  margin: 5px 0 8px;
  color: var(--agnero-product-ink);
  font-size: clamp(1.35rem, 2.3vw, 1.85rem);
}

body.single-product .agnero-product-contact__copy p {
  margin: 0 0 8px;
  color: var(--agnero-product-muted);
  line-height: 1.55;
}

body.single-product .agnero-product-contact__copy small {
  color: var(--agnero-product-muted);
  font-weight: 750;
}

body.single-product .agnero-product-contact__actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

body.single-product .agnero-product-contact__action {
  display: grid;
  min-width: 0;
  min-height: 76px;
  align-content: center;
  gap: 4px;
  padding: 12px 14px;
  border: 1px solid #cbd9e6;
  border-radius: 9px;
  background: #fff;
  color: var(--agnero-product-blue);
}

body.single-product .agnero-product-contact__action:hover,
body.single-product .agnero-product-contact__action:focus-visible {
  border-color: var(--agnero-product-blue);
  background: #edf4fa;
}

body.single-product .agnero-product-contact__action span {
  color: var(--agnero-product-muted);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body.single-product .agnero-product-contact__action strong {
  overflow-wrap: anywhere;
  font-size: 0.84rem;
}

body.single-product .agnero-product-contact__action--whatsapp {
  border-color: #bcdccd;
  color: #16704c;
}

@media (max-width: 980px) {
  body.single-product div.product > .related ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.single-product .agnero-product-contact {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  body.single-product div.product div.summary > form.cart {
    grid-template-columns: 76px minmax(0, 1fr) !important;
  }

  body.single-product .agnero-product-datasheet .agnero-single-drawing {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }

  body.single-product .agnero-product-datasheet .agnero-single-drawing__canvas {
    grid-template-columns: minmax(0, 1fr) 68px;
    min-height: 120px;
    padding-inline: 12px;
  }

  body.single-product .agnero-product-datasheet .agnero-single-drawing__image {
    max-height: 104px;
  }

  body.single-product div.product > .related {
    padding: 16px;
  }

  body.single-product div.product > .related ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  body.single-product div.product > .related ul.products li.product a img {
    height: 150px !important;
    padding: 10px;
  }

  body.single-product .agnero-insert-family-rail {
    padding: 16px;
  }

  body.single-product .agnero-insert-family-rail__header {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
  }

  body.single-product .agnero-insert-family-rail__actions {
    width: 100%;
    justify-content: space-between;
  }

  body.single-product .agnero-insert-family-card {
    width: min(76vw, 250px);
  }

  body.single-product .agnero-insert-family-card__media {
    height: 160px;
  }

  body.single-product .agnero-product-contact {
    padding: 18px;
  }

  body.single-product .agnero-product-contact__actions {
    grid-template-columns: 1fr;
  }
}

/* Product purchase access: compact mobile gallery and direct quantity control. */
body.single-product div.product form.cart {
  grid-template-columns: minmax(150px, 178px) minmax(0, 1fr);
}

body.single-product div.product form.cart .quantity:has(> .agnero-quantity-stepper__button) {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 42px;
  grid-row: 1;
  min-width: 0;
  min-height: 52px;
  overflow: hidden;
  border: 1px solid var(--agnero-product-line);
  border-radius: 8px;
  background: #fff;
}

body.single-product div.product form.cart .quantity:has(> .agnero-quantity-stepper__button) .qty {
  width: 100%;
  min-height: 50px;
  padding-inline: 4px;
  border: 0;
  border-inline: 1px solid var(--agnero-product-line);
  border-radius: 0;
  box-shadow: none;
  appearance: textfield;
  -moz-appearance: textfield;
}

body.single-product div.product form.cart .quantity:has(> .agnero-quantity-stepper__button) .qty::-webkit-inner-spin-button,
body.single-product div.product form.cart .quantity:has(> .agnero-quantity-stepper__button) .qty::-webkit-outer-spin-button {
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
}

body.single-product .agnero-quantity-stepper__button {
  display: inline-flex;
  min-width: 0;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #f5f8fb;
  color: var(--agnero-product-blue);
  font-size: 1.25rem;
  font-weight: 800;
}

body.single-product .agnero-quantity-stepper__button:hover:not(:disabled),
body.single-product .agnero-quantity-stepper__button:focus-visible:not(:disabled) {
  background: #e8f0f7;
  color: #0a285f;
}

body.single-product .agnero-quantity-stepper__button:disabled {
  cursor: default;
  opacity: 0.38;
}

@media (max-width: 700px) {
  body.single-product .woocommerce-product-gallery__wrapper {
    height: clamp(240px, 72vw, 320px);
    min-height: 0;
  }

  body.single-product .woocommerce-product-gallery__wrapper img {
    padding: clamp(16px, 5vw, 24px);
  }

  body.single-product div.product div.summary > form.cart {
    grid-template-columns: minmax(138px, 158px) minmax(0, 1fr) !important;
  }

  body.single-product div.product form.cart .quantity:has(> .agnero-quantity-stepper__button) {
    grid-template-columns: 38px minmax(0, 1fr) 38px;
  }
}

@media (max-width: 390px) {
  body.single-product div.product div.summary > form.cart {
    grid-template-columns: 1fr !important;
  }

  body.single-product div.product form.cart .quantity:has(> .agnero-quantity-stepper__button),
  body.single-product div.product form.cart .single_add_to_cart_button {
    grid-row: auto;
  }
}

/* ============================================
   SHARED SUCCESS NOTIFICATIONS
   ============================================ */
.agnero-notification-region {
  position: fixed;
  z-index: 2147482000;
  top: calc(var(--agnero-toast-top, 128px) + env(safe-area-inset-top, 0px));
  right: max(20px, env(safe-area-inset-right, 0px));
  display: grid;
  width: min(350px, calc(100vw - 40px));
  gap: 10px;
  pointer-events: none;
}

body.admin-bar .agnero-notification-region {
  top: calc(var(--agnero-toast-top, 160px) + env(safe-area-inset-top, 0px));
}

.agnero-notification {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  min-height: 58px;
  padding: 12px 15px;
  border: 1px solid #c8d8d1;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 16px 38px rgba(18, 55, 120, 0.18);
  color: #123778;
  pointer-events: auto;
  animation: agnero-toast-enter 220ms ease-out both;
}

.agnero-notification__icon {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 50%;
  background: #16704c;
  color: #ffffff;
  font-size: 0.82rem;
  font-weight: 900;
}

.agnero-notification__message {
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.35;
}

.agnero-notification__copy {
  display: grid;
  min-width: 0;
  gap: 3px;
  align-content: center;
}

.agnero-notification__title {
  color: #123778;
  font-size: 0.88rem;
  font-weight: 900;
  line-height: 1.25;
}

.agnero-notification__copy .agnero-notification__message {
  color: #536b8e;
  font-size: 0.78rem;
  font-weight: 650;
  line-height: 1.4;
}

.agnero-notification.is-error {
  border-color: #e2bebe;
}

.agnero-notification.is-error .agnero-notification__icon {
  background: #a93f3f;
}

.agnero-notification.is-warning .agnero-notification__icon {
  background: #9a661e;
}

.agnero-notification.is-info .agnero-notification__icon {
  background: #123778;
}

.agnero-notification.is-leaving {
  animation: agnero-toast-leave 200ms ease-in both;
}

/* Keep the server-rendered fallback out of the document flow before JS turns
   it into the accessible notification above. */
body.single-product .woocommerce-notices-wrapper > .woocommerce-message {
  position: fixed;
  z-index: 2147482000;
  top: calc(var(--agnero-toast-top, 128px) + env(safe-area-inset-top, 0px));
  right: max(20px, env(safe-area-inset-right, 0px));
  width: min(350px, calc(100vw - 40px));
  min-height: 58px;
  margin: 0;
  padding: 16px 18px;
  border: 1px solid #c8d8d1;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 16px 38px rgba(18, 55, 120, 0.18);
  color: #123778;
  font-size: 0.9rem;
  font-weight: 800;
}

body.single-product .woocommerce-notices-wrapper > .woocommerce-message::before,
body.single-product .woocommerce-notices-wrapper > .woocommerce-message .button {
  display: none;
}

body.admin-bar.single-product .woocommerce-notices-wrapper > .woocommerce-message {
  top: calc(var(--agnero-toast-top, 160px) + env(safe-area-inset-top, 0px));
}

@keyframes agnero-toast-enter {
  from {
    opacity: 0;
    transform: translate3d(18px, -4px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes agnero-toast-leave {
  to {
    opacity: 0;
    transform: translate3d(12px, -3px, 0);
  }
}

@media (max-width: 700px) {
  .agnero-notification-region {
    top: calc(var(--agnero-toast-top, 76px) + env(safe-area-inset-top, 0px));
    right: max(12px, env(safe-area-inset-right, 0px));
    width: min(360px, calc(100vw - 24px));
  }

  body.admin-bar .agnero-notification-region {
    top: calc(var(--agnero-toast-top, 104px) + env(safe-area-inset-top, 0px));
  }

  body.single-product .woocommerce-notices-wrapper > .woocommerce-message {
    top: calc(var(--agnero-toast-top, 76px) + env(safe-area-inset-top, 0px));
    right: max(12px, env(safe-area-inset-right, 0px));
    width: min(360px, calc(100vw - 24px));
  }

  body.admin-bar.single-product .woocommerce-notices-wrapper > .woocommerce-message {
    top: calc(var(--agnero-toast-top, 104px) + env(safe-area-inset-top, 0px));
  }
}

@media (prefers-reduced-motion: reduce) {
  .agnero-notification,
  .agnero-notification.is-leaving {
    animation: none;
  }
}

/* Cart line controls: compact stepper, separated destructive action and undo. */
body.woocommerce-cart .agnero-cart-detail-products__head,
body.woocommerce-cart .agnero-cart-detail-products__row {
  grid-template-columns: minmax(0, 1fr) 8.5rem 3rem !important;
}

body.woocommerce-cart .agnero-cart-detail-products__head > span:nth-child(2) {
  text-align: right;
}

body.woocommerce-cart .agnero-cart-detail-products__row {
  transition: background-color 160ms ease, opacity 160ms ease;
}

body.woocommerce-cart .agnero-cart-detail-products__row:has(.agnero-cart-detail-products__remove:hover),
body.woocommerce-cart .agnero-cart-detail-products__row:has(.agnero-cart-detail-products__remove:focus-visible) {
  background: #fff1f0;
}

body.woocommerce-cart .agnero-cart-detail-products__row.is-removing {
  opacity: 0.55;
  pointer-events: none;
}

body.woocommerce-cart .agnero-cart-detail-products__stepper {
  display: inline-grid;
  grid-template-columns: 2.25rem minmax(2.8rem, 3.4rem) 2.25rem;
  align-items: stretch;
  min-height: 2.35rem;
  overflow: hidden;
  border: 1px solid #cfd9e6;
  border-radius: 9px;
  background: #fff;
}

body.woocommerce-cart .agnero-cart-detail-products__stepper > button {
  display: grid;
  place-items: center;
  min-width: 2.25rem;
  min-height: 2.35rem;
  border: 0;
  background: #f5f8fc;
  color: #123778;
  font-size: 1.15rem;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
}

body.woocommerce-cart .agnero-cart-detail-products__stepper > button:first-child {
  border-right: 1px solid #dfe8f2;
}

body.woocommerce-cart .agnero-cart-detail-products__stepper > button:last-child {
  border-left: 1px solid #dfe8f2;
}

body.woocommerce-cart .agnero-cart-detail-products__stepper > button:hover,
body.woocommerce-cart .agnero-cart-detail-products__stepper > button:focus-visible {
  background: #e9f0f8;
  color: #ff6b00;
}

body.woocommerce-cart .agnero-cart-detail-products__stepper .quantity {
  display: contents;
  margin: 0;
}

body.woocommerce-cart .agnero-cart-detail-products__stepper .qty {
  width: 100% !important;
  min-width: 0;
  min-height: 2.35rem !important;
  margin: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff;
  box-shadow: none !important;
  color: #123778;
  font-size: 0.88rem;
  font-weight: 900;
  text-align: center;
  appearance: textfield;
  -moz-appearance: textfield;
}

body.woocommerce-cart .agnero-cart-detail-products__stepper .qty::-webkit-inner-spin-button,
body.woocommerce-cart .agnero-cart-detail-products__stepper .qty::-webkit-outer-spin-button {
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
}

body.woocommerce-cart .agnero-cart-detail-products__remove {
  grid-column: 3;
  justify-self: end;
  align-self: center;
  margin: 0;
}

body.woocommerce-cart .agnero-cart-detail-products__total {
  align-self: start;
}

.agnero-cart-undo {
  position: fixed;
  z-index: 2147483000;
  top: calc(var(--agnero-toast-top, 128px) + env(safe-area-inset-top, 0px));
  right: max(20px, env(safe-area-inset-right, 0px));
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  width: min(430px, calc(100vw - 40px));
  min-height: 64px;
  padding: 12px 14px;
  border: 1px solid #c9d6e4;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 16px 38px rgba(18, 55, 120, 0.2);
  color: #123778;
  animation: agnero-toast-enter 220ms ease-out both;
}

body.admin-bar .agnero-cart-undo {
  top: calc(var(--agnero-toast-top, 160px) + env(safe-area-inset-top, 0px));
}

.agnero-cart-undo__icon {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 50%;
  background: #123778;
  color: #fff;
  font-size: 0.82rem;
  font-weight: 900;
}

.agnero-cart-undo__copy {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.agnero-cart-undo__copy strong {
  font-size: 0.9rem;
  font-weight: 900;
}

.agnero-cart-undo__copy small {
  overflow: hidden;
  color: #61738a;
  font-size: 0.75rem;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.agnero-cart-undo > button {
  min-height: 2.35rem;
  border: 1px solid #123778;
  border-radius: 8px;
  background: #123778;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 900;
  padding: 0 0.9rem;
  cursor: pointer;
}

.agnero-cart-undo > button:hover,
.agnero-cart-undo > button:focus-visible {
  background: #123778;
}

.agnero-cart-undo.is-loading {
  opacity: 0.7;
}

.agnero-cart-undo.is-error {
  border-color: #d99898;
}

@media (max-width: 700px) {
  body.woocommerce-cart .agnero-cart-detail-products__head,
  body.woocommerce-cart .agnero-cart-detail-products__row {
    grid-template-columns: minmax(0, 1fr) 6.25rem 2.5rem !important;
    gap: 0.65rem;
  }

  .agnero-cart-undo {
    top: calc(var(--agnero-toast-top, 76px) + env(safe-area-inset-top, 0px));
    right: max(12px, env(safe-area-inset-right, 0px));
    width: min(430px, calc(100vw - 24px));
  }

  body.admin-bar .agnero-cart-undo {
    top: calc(var(--agnero-toast-top, 104px) + env(safe-area-inset-top, 0px));
  }
}

@media (prefers-reduced-motion: reduce) {
  body.woocommerce-cart .agnero-cart-detail-products__row,
  .agnero-cart-undo {
    transition: none;
    animation: none;
  }
}

/* Shared cart / delivery / payment shipping suggestion. */
.agnero-shipping-hint {
  position: relative;
  display: grid;
  grid-template-columns: 1.45rem minmax(0, 1fr);
  align-items: center;
  gap: 0.55rem;
  overflow: hidden;
  margin: 0.7rem 0 0.85rem;
  padding: 0.68rem 0.72rem;
  border: 1px solid #dfe7f0;
  border-radius: 9px;
  background: #f8fafc;
  color: #52677f;
  font-size: 0.77rem;
  font-weight: 750;
  line-height: 1.35;
  text-align: left;
}

.agnero-shipping-hint__icon {
  display: grid;
  width: 1.45rem;
  height: 1.45rem;
  place-items: center;
  border-radius: 50%;
  background: #e8eef5;
  color: #52677f;
}

.agnero-shipping-hint__icon svg {
  display: none;
}

.agnero-shipping-hint__icon::before {
  content: '+';
  font-size: 0.9rem;
  font-weight: 900;
  line-height: 1;
}

.agnero-shipping-hint.is-remaining {
  grid-template-columns: minmax(0, 1fr);
}

.agnero-shipping-hint.is-remaining .agnero-shipping-hint__icon {
  display: none;
}

.agnero-shipping-hint.is-free .agnero-shipping-hint__icon::before {
  content: '✓';
}

.agnero-shipping-hint__copy {
  min-width: 0;
}

.agnero-shipping-hint__copy small {
  display: inline-block;
  margin-right: 0.38rem;
  color: #b65714;
  font-size: 0.65rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.agnero-shipping-hint__copy .amount {
  display: inline !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: #263e5a;
  font-weight: 900;
  text-align: inherit !important;
}

.agnero-shipping-hint.is-free {
  border-color: #b9dfca;
  background: #f0faf4;
  color: #167046;
  font-weight: 900;
}

.agnero-shipping-hint.is-free .agnero-shipping-hint__icon {
  background: #d8f2e3;
  color: #117044;
}

.agnero-shipping-hint.is-free.is-entering {
  animation: agnero-free-shipping-pulse 380ms ease-out both;
}

.agnero-shipping-hint.is-free.is-entering::after {
  position: absolute;
  inset: -70% auto -70% -35%;
  width: 25%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.92), transparent);
  content: '';
  pointer-events: none;
  transform: rotate(12deg) translateX(0);
  animation: agnero-free-shipping-shine 460ms ease-out both;
}

.agnero-shipping-hint.agnero-shipping-policy-note--summary,
.agnero-shipping-hint.agnero-shipping-hint--summary {
  margin: 0.7rem 0 0.85rem;
  border-bottom: 1px solid #dfe7f0;
  padding: 0.68rem 0.72rem;
  text-align: left;
}

body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot tr.agnero-shipping-policy-row {
  display: block !important;
  width: 100% !important;
}

body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot tr.agnero-shipping-policy-row > td {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0.35rem 0 0.3rem !important;
  border: 0 !important;
  text-align: left !important;
}

body.woocommerce-checkout .agnero-shipping-hint--checkout {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  margin: 0;
}

body.woocommerce-checkout #order_review .agnero-summary-actions {
  margin-top: 0.4rem;
  padding-top: 0;
  border-top: 0;
}

body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table {
  margin-bottom: 0 !important;
}

/* Delivery/payment totals mirror the cart summary instead of WooCommerce's
   package-oriented "Sevkiyat 1" presentation. */
body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot > tr.cart-subtotal,
body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot > tr.woocommerce-shipping-totals,
body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot > tr.tax-total,
body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot > tr[class*="tax-rate"],
body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot > tr.order-total,
body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot > tr.agnero-total-eur-row {
  display: none !important;
}

body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot tr.agnero-checkout-summary-row {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: baseline !important;
  gap: 1.4rem !important;
  width: 100%;
  border-bottom: 1px solid #edf2f7;
}

body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot tr.agnero-checkout-summary-row > th,
body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot tr.agnero-checkout-summary-row > td {
  display: block;
  width: auto;
  margin: 0 !important;
  padding: 0.72rem 0 !important;
  border: 0 !important;
  color: #425977;
  font-size: 0.86rem !important;
  font-weight: 800 !important;
  line-height: 1.25;
  text-align: right !important;
}

body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot tr.agnero-checkout-summary-row > td,
body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot tr.agnero-checkout-summary-row > td .amount {
  min-width: 5.8rem !important;
  color: #123778;
  font-weight: 900 !important;
  white-space: nowrap;
}

body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot tr.agnero-checkout-summary-row--eur > th,
body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot tr.agnero-checkout-summary-row--eur > td {
  color: #123778;
  font-size: 1.05rem !important;
}

body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot tr.agnero-checkout-summary-row--discount > th,
body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot tr.agnero-checkout-summary-row--discount > td,
body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot tr.agnero-checkout-summary-row--discount > td .amount {
  color: #d75b00 !important;
  font-weight: 900 !important;
}

body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot tr.agnero-checkout-summary-row--total {
  border-bottom: 0;
}

body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot tr.agnero-checkout-summary-row--total > th,
body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tfoot tr.agnero-checkout-summary-row--total > td {
  padding: 1.1rem 0 1.55rem !important;
  color: #123778;
  font-size: 1.35rem !important;
  font-weight: 950 !important;
}

@keyframes agnero-free-shipping-pulse {
  0% {
    border-color: #78c99d;
    box-shadow: 0 0 0 3px rgba(34, 160, 96, 0.1);
  }
  100% {
    border-color: #b9dfca;
    box-shadow: 0 0 0 0 rgba(34, 160, 96, 0);
  }
}

@keyframes agnero-free-shipping-shine {
  to {
    transform: rotate(12deg) translateX(520%);
  }
}

@media (max-width: 700px) {
  .agnero-shipping-hint {
    font-size: 0.75rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .agnero-shipping-hint.is-free.is-entering,
  .agnero-shipping-hint.is-free.is-entering::after {
    animation: none;
  }
}

/* Opening campaign: HTML copy + transparent product artwork. */
.agnero-home-banner__slide--visual-opening_sale {
  --opening-navy-deep: #03142f;
  --opening-navy: #051b3d;
  --opening-blue: #0b438f;
  --opening-electric: #1676df;
  --opening-orange: #ff6300;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 78% 106%, rgba(30, 118, 225, 0.66) 0%, rgba(12, 70, 151, 0.38) 24%, transparent 58%),
    radial-gradient(circle at 72% 48%, rgba(14, 78, 169, 0.78) 0%, rgba(8, 43, 98, 0.48) 27%, transparent 57%),
    linear-gradient(104deg, var(--opening-navy-deep) 0%, var(--opening-navy) 46%, #06265a 72%, var(--opening-blue) 100%);
}

.agnero-home-banner__slide--visual-opening_sale::before {
  position: absolute;
  z-index: 0;
  inset: -28% 30% 12% 52%;
  background:
    linear-gradient(126deg, transparent 31%, rgba(67, 144, 236, 0.13) 47%, transparent 63%),
    linear-gradient(142deg, transparent 39%, rgba(41, 115, 211, 0.1) 50%, transparent 62%);
  content: "";
  filter: blur(2px);
  pointer-events: none;
  transform: rotate(-4deg);
}

.agnero-home-banner__slide--visual-opening_sale .agnero-home-banner__overlay {
  display: none;
}

.agnero-home-banner__slide--visual-opening_sale .agnero-home-banner__inner {
  width: calc(100% - clamp(3.5rem, 7vw, 8rem));
}

.agnero-home-banner__slide--visual-opening_sale .agnero-home-banner__content {
  position: relative;
  z-index: 2;
  grid-column: 1 / 8;
  align-self: center;
  padding-left: clamp(1rem, 2.1vw, 2rem);
  color: #fff;
}

.agnero-opening-sale {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: max-content;
  max-width: 100%;
  color: #fff;
  font-family: "Manrope", Arial, sans-serif;
  text-transform: uppercase;
}

.agnero-opening-sale__eyebrow {
  display: block;
  margin: 0 0 0.35rem 0.08em;
  color: var(--opening-orange);
  font-size: clamp(0.72rem, 1.05vw, 1.05rem);
  font-weight: 850;
  line-height: 1;
  letter-spacing: 0.22em;
}

.agnero-opening-sale h2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
  color: #fff;
  font-size: inherit;
  line-height: 1;
  letter-spacing: -0.055em;
}

.agnero-opening-sale h2 > span {
  font-size: clamp(1.35rem, 2.3vw, 2.55rem);
  font-weight: 900;
  white-space: nowrap;
}

.agnero-opening-sale h2 > strong {
  display: flex;
  align-items: baseline;
  margin-top: 0.12em;
  color: #fff;
  font-size: clamp(2.35rem, 4.25vw, 4.75rem);
  font-weight: 900;
  line-height: 0.92;
  white-space: nowrap;
}

.agnero-opening-sale h2 b {
  margin-right: 0.12em;
  color: var(--opening-orange);
  font-size: 1.12em;
  font-weight: 950;
  letter-spacing: -0.075em;
}

.agnero-opening-sale p {
  display: inline-flex;
  align-items: center;
  min-height: 2.35rem;
  margin: 0.72rem 0 0;
  padding: 0.45rem 1.15rem;
  border: 2px solid var(--opening-orange);
  border-radius: 999px;
  color: #fff;
  background: rgba(3, 20, 47, 0.38);
  font-size: clamp(0.72rem, 1.02vw, 1.05rem);
  font-weight: 850;
  line-height: 1;
  letter-spacing: 0.035em;
  white-space: nowrap;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}

.agnero-home-banner__opening-sale-art {
  position: absolute;
  z-index: 1;
  right: 2%;
  bottom: -5%;
  width: 45%;
  height: 112%;
  pointer-events: none;
}

.agnero-home-banner__opening-sale-art::after {
  position: absolute;
  z-index: -1;
  right: 2%;
  bottom: 8%;
  width: 94%;
  height: 18%;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(24, 116, 228, 0.52), rgba(12, 66, 151, 0.18) 48%, transparent 72%);
  content: "";
  filter: blur(12px);
}

.agnero-home-banner__opening-sale-art picture,
.agnero-home-banner__opening-sale-art img {
  display: block;
  width: 100%;
  height: 100%;
}

.agnero-home-banner__opening-sale-art img {
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 18px 17px rgba(0, 8, 28, 0.4));
}

@media (max-width: 1020px) {
  .agnero-home-banner__slide--visual-opening_sale {
    background:
      radial-gradient(ellipse at 50% 104%, rgba(34, 126, 235, 0.64) 0%, rgba(12, 69, 151, 0.38) 28%, transparent 61%),
      radial-gradient(circle at 17% 21%, rgba(22, 105, 210, 0.38), transparent 34%),
      linear-gradient(152deg, var(--opening-navy-deep) 0%, var(--opening-navy) 49%, #082d69 100%);
  }

  .agnero-home-banner__slide--visual-opening_sale::before {
    inset: -5% -20% 40% 18%;
  }

  .agnero-home-banner__slide--visual-opening_sale .agnero-home-banner__inner {
    display: block;
    width: 100%;
  }

  .agnero-home-banner__slide--visual-opening_sale .agnero-home-banner__content {
    position: absolute;
    top: 7%;
    right: 5%;
    left: 5%;
    padding: 0;
  }

  .agnero-opening-sale {
    align-items: center;
    width: 100%;
    text-align: center;
  }

  .agnero-opening-sale h2 {
    align-items: center;
  }

  .agnero-opening-sale__eyebrow {
    margin-bottom: 0.55rem;
    font-size: clamp(0.72rem, 2.45vw, 1.2rem);
  }

  .agnero-opening-sale h2 > span {
    font-size: clamp(1.35rem, 5.25vw, 2.7rem);
  }

  .agnero-opening-sale h2 > strong {
    font-size: clamp(2.2rem, 8.4vw, 4.4rem);
  }

  .agnero-opening-sale p {
    min-height: 0;
    margin-top: 0.75rem;
    padding: 0.45rem clamp(1rem, 4vw, 2rem);
    font-size: clamp(0.65rem, 2.45vw, 1.15rem);
  }

  .agnero-home-banner__opening-sale-art {
    right: 6%;
    bottom: -4%;
    left: 6%;
    width: auto;
    height: 59%;
  }
}

@media (max-width: 560px) {
  .agnero-home-banner__slide--visual-opening_sale .agnero-home-banner__content {
    top: 6.5%;
    right: 3.5%;
    left: 3.5%;
  }

  .agnero-opening-sale__eyebrow {
    margin-bottom: 0.4rem;
    font-size: clamp(0.65rem, 3.5vw, 0.92rem);
    letter-spacing: 0.18em;
  }

  .agnero-opening-sale h2 > span {
    font-size: clamp(1.05rem, 5.65vw, 1.55rem);
  }

  .agnero-opening-sale h2 > strong {
    margin-top: 0.2em;
    font-size: clamp(1.9rem, 9.4vw, 2.75rem);
  }

  .agnero-opening-sale p {
    margin-top: 0.65rem;
    padding: 0.38rem 0.85rem;
    border-width: 1.5px;
    font-size: clamp(0.58rem, 3vw, 0.78rem);
  }

  .agnero-home-banner__opening-sale-art {
    bottom: -3%;
    width: 91%;
    height: 58%;
  }
}

/* Account center cascade guards: keep the content directly on the gray shell. */
.woocommerce-account.logged-in .woocommerce {
  border: 1px solid #dce3ec;
  background: #f4f6f8;
  box-shadow: none;
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content {
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.woocommerce-account .agnero-addresses-head {
  align-items: center;
  padding: 0 0 0.85rem;
  border: 0;
  border-bottom: 1px solid #dce3ec;
  border-radius: 0;
  background: transparent;
}

/* Out-of-stock product request flow. */
html.agnero-request-open {
  overflow: hidden;
}

.agnero-request-modal[hidden] {
  display: none;
}

.agnero-request-modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  place-items: center;
  padding: 1rem;
}

.agnero-request-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(7, 24, 52, 0.66);
  backdrop-filter: blur(5px);
}

.agnero-request-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(100%, 31rem);
  max-height: min(92vh, 52rem);
  overflow: auto;
  border: 1px solid rgba(18, 55, 120, 0.16);
  border-radius: 1.25rem;
  padding: clamp(1.2rem, 4vw, 2rem);
  background: #fff;
  box-shadow: 0 28px 80px rgba(5, 24, 55, 0.32);
}

.agnero-request-modal__close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  display: grid;
  width: 2.25rem;
  height: 2.25rem;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: #eef3fa;
  color: #123778;
  font-size: 1.35rem;
  cursor: pointer;
}

.agnero-request-modal__eyebrow {
  margin: 0 0 0.3rem;
  color: #f27a16;
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.agnero-request-modal h2 {
  margin: 0;
  color: #123778;
}

.agnero-request-modal__product {
  margin: 0.45rem 0 1rem;
  color: #536b8e;
  font-size: 0.86rem;
}

.agnero-request-modal__intro {
  margin: -0.25rem 0 1.15rem;
  color: #536b8e;
  font-size: 0.82rem;
  line-height: 1.55;
}

.agnero-request-modal form {
  display: grid;
  gap: 0.75rem;
}

.agnero-request-modal form > label:not(.agnero-request-modal__consent) {
  display: grid;
  gap: 0.28rem;
  color: #123778;
  font-size: 0.72rem;
  font-weight: 800;
}

.agnero-request-modal form > label:not(.agnero-request-modal__consent) small {
  color: #7d8da5;
  font-size: 0.68rem;
  font-weight: 600;
}

.agnero-request-modal input:not([type="checkbox"]),
.agnero-request-modal textarea {
  width: 100%;
  border: 1px solid #ced8e6;
  border-radius: 0.65rem;
  padding: 0.72rem 0.78rem;
  background: #fff;
  color: #17263d;
  font: inherit;
}

.agnero-request-modal input:not([type="checkbox"]):focus,
.agnero-request-modal textarea:focus {
  border-color: #f27a16;
  outline: 3px solid rgba(242, 122, 22, 0.16);
  outline-offset: 1px;
}

.agnero-request-modal__field-hint {
  margin: -0.25rem 0 0;
  color: #6d7e96;
  font-size: 0.7rem;
  line-height: 1.4;
}

.agnero-request-modal__optional-note {
  margin-top: 0.1rem;
}

.agnero-request-modal__consent {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.5rem;
  align-items: start;
  color: #536b8e;
  font-size: 0.7rem;
  line-height: 1.4;
}

.agnero-request-modal__honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
}

.agnero-request-modal__status {
  min-height: 1.3em;
  margin: 0;
  color: #a52828;
  font-size: 0.76rem;
}

.agnero-request-modal__status.is-success {
  color: #147447;
}

.agnero-request-product {
  background: #fff7ef;
  color: #b94e00;
  border-color: #f2a25f;
}

.agnero-request-product > svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}

.agnero-request-product.is-loading {
  cursor: wait;
  opacity: 0.72;
}

.agnero-request-product.is-requested,
.agnero-request-product.is-requested[disabled] {
  background: #e9f7ef;
  border-color: #7dc79b;
  color: #147447;
  cursor: default;
  opacity: 1;
}

@media (max-width: 760px) {
  .agnero-request-product > svg {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
  }
}

@media (max-width: 640px) {
  .cart-empty {
    grid-template-columns: 3rem 1fr;
    gap: 0.7rem;
    padding: 0.85rem;
    border-radius: 1rem;
  }

  .cart-empty__icon {
    width: 3rem;
    height: 3rem;
    border-radius: 0.85rem;
  }

  .cart-empty__icon svg {
    width: 32px;
    height: 32px;
  }

  .cart-empty__copy strong {
    font-size: 0.92rem;
  }

  .cart-empty__copy p {
    font-size: 0.72rem;
  }

  .cart-empty__cta {
    min-height: 2.8rem;
  }

  .cart-empty-recommendations-viewport {
    margin-inline: -0.35rem;
  }

  .cart-rec-item {
    flex-basis: min(76vw, 12rem);
    min-width: min(76vw, 12rem);
  }

  .agnero-request-modal {
    align-items: end;
    padding: 0;
  }

  .agnero-request-modal__dialog {
    width: 100%;
    max-height: 94vh;
    border-radius: 1.2rem 1.2rem 0 0;
    padding: 1.25rem 1rem calc(1.2rem + env(safe-area-inset-bottom));
  }
}

/* ============================================
   DELIVERY CHECKOUT — SIMPLE INLINE FORM
   ============================================ */
body.woocommerce-checkout.agnero-checkout-step-delivery #customer_details {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.woocommerce-checkout.agnero-checkout-step-delivery #customer_details > .col-1,
body.woocommerce-checkout.agnero-checkout-step-delivery #customer_details > .col-2 {
  display: none !important;
}

.agnero-delivery-form {
  --checkout-blue: #123778;
  --checkout-line: #dfe7f1;
  --checkout-muted: #657792;
  display: block;
  width: 100%;
  min-width: 0;
  color: #20334c;
}

.agnero-delivery-form__section {
  min-width: 0;
}

.agnero-delivery-form__section--billing {
  margin-top: 2.35rem;
  padding-top: 1.45rem;
  border-top: 1px solid var(--checkout-line);
}

.agnero-delivery-form__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 0 0 0.85rem;
}

.agnero-delivery-form__title {
  display: inline-flex;
  align-items: center;
  gap: 0.62rem;
  min-width: max-content;
}

.agnero-delivery-form__title svg {
  width: 1.55rem;
  height: 1.55rem;
  fill: none;
  stroke: var(--checkout-blue);
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.agnero-delivery-form__title h3 {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--checkout-blue) !important;
  font-family: var(--font-body);
  font-size: 1.05rem !important;
  font-weight: 900 !important;
  line-height: 1.25;
}

.agnero-delivery-form__header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  min-width: 0;
}

.agnero-fixed-country {
  color: #4e6a91;
  font-size: 0.78rem;
  font-weight: 800;
  white-space: nowrap;
}

.agnero-saved-address-select {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
  color: var(--checkout-muted);
  font-size: 0.72rem;
  font-weight: 750;
}

.agnero-saved-address-select select {
  width: auto;
  max-width: 13rem;
  min-height: 2.25rem;
  border: 1px solid #cad7e7;
  border-radius: 7px;
  background: #fff;
  padding: 0.35rem 2rem 0.35rem 0.65rem;
  color: var(--checkout-blue);
  font-size: 0.76rem;
  font-weight: 750;
}

.agnero-delivery-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem 0.85rem;
  min-width: 0;
}

.agnero-delivery-form__grid--address {
  margin-top: 0.72rem;
}

.agnero-delivery-form__grid--corporate {
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.4fr) minmax(0, 0.92fr);
}

.agnero-delivery-form__grid--recipient,
.agnero-delivery-form__grid--billing-address {
  margin-top: 0.72rem;
  padding: 0.85rem;
  border: 1px solid #dfe7f1;
  border-radius: 8px;
  background: #f8fbff;
}

.agnero-delivery-form__save {
  margin-top: 0.72rem;
  padding: 0.78rem 0.85rem;
  border: 1px solid #dfe7f1;
  border-radius: 8px;
  background: #f8fbff;
}

.agnero-delivery-form__grid[hidden],
.agnero-delivery-form__hidden {
  display: none !important;
}

.agnero-delivery-form .form-row,
.agnero-delivery-form .form-row-first,
.agnero-delivery-form .form-row-last,
.agnero-delivery-form .form-row-wide {
  float: none !important;
  clear: none !important;
  width: 100% !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
}

.agnero-delivery-form .form-row-wide,
.agnero-delivery-form .agnero-open-address-field {
  grid-column: 1 / -1;
}

body.woocommerce-checkout.agnero-checkout-step-delivery .agnero-delivery-form__grid--contact #agnero_customer_full_name_field,
body.woocommerce-checkout.agnero-checkout-step-delivery .agnero-delivery-form__grid--contact #billing_phone_field,
body.woocommerce-checkout.agnero-checkout-step-delivery .agnero-delivery-form__grid--address #shipping_state_field,
body.woocommerce-checkout.agnero-checkout-step-delivery .agnero-delivery-form__grid--address #shipping_city_field,
body.woocommerce-checkout.agnero-checkout-step-delivery .agnero-delivery-form__grid--recipient #agnero_recipient_full_name_field,
body.woocommerce-checkout.agnero-checkout-step-delivery .agnero-delivery-form__grid--recipient #shipping_phone_field,
body.woocommerce-checkout.agnero-checkout-step-delivery .agnero-delivery-form__grid--corporate #billing_company_field,
body.woocommerce-checkout.agnero-checkout-step-delivery .agnero-delivery-form__grid--corporate #agnero_billing_tax_number_field,
body.woocommerce-checkout.agnero-checkout-step-delivery .agnero-delivery-form__grid--corporate #agnero_billing_tax_office_field,
body.woocommerce-checkout.agnero-checkout-step-delivery .agnero-delivery-form__grid--billing-address #billing_state_field,
body.woocommerce-checkout.agnero-checkout-step-delivery .agnero-delivery-form__grid--billing-address #billing_city_field {
  grid-column: auto !important;
}

.agnero-delivery-form .form-row > label:not(.radio) {
  display: block;
  margin: 0 0 0.32rem !important;
  color: #334d70;
  font-size: 0.75rem;
  font-weight: 800;
  line-height: 1.25;
}

.agnero-delivery-form input.input-text,
.agnero-delivery-form select,
.agnero-delivery-form textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 2.75rem;
  border: 1px solid #cbd8e8 !important;
  border-radius: 7px !important;
  background: #fff !important;
  padding: 0.62rem 0.72rem !important;
  color: #182d49 !important;
  font-family: var(--font-body);
  font-size: 0.88rem !important;
  line-height: 1.35;
  box-shadow: none !important;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

.agnero-delivery-form input.input-text::placeholder,
.agnero-delivery-form textarea::placeholder {
  color: #91a0b4;
  opacity: 1;
}

.agnero-delivery-form input.input-text:focus,
.agnero-delivery-form select:focus,
.agnero-delivery-form textarea:focus {
  border-color: var(--checkout-blue) !important;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(18, 55, 120, 0.1) !important;
}

.agnero-delivery-form textarea[data-agnero-autogrow="1"] {
  min-height: 4.5rem;
  max-height: 14rem;
  overflow-x: hidden;
  overflow-y: auto;
  resize: none;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.agnero-delivery-form__toggle {
  margin-top: 0.72rem;
}

.agnero-delivery-form__toggle .form-row > label,
.agnero-delivery-form .agnero-inline-toggle-field > label,
.agnero-delivery-form__save .form-row > label {
  display: inline-flex !important;
  align-items: center;
  gap: 0.48rem;
  margin: 0 !important;
  color: #45607f;
  font-size: 0.8rem;
  font-weight: 750;
  cursor: pointer;
}

.agnero-delivery-form__toggle input[type="checkbox"],
.agnero-delivery-form .agnero-inline-toggle-field input[type="checkbox"],
.agnero-delivery-form__save input[type="checkbox"] {
  width: 1rem;
  height: 1rem;
  margin: 0;
  accent-color: var(--checkout-blue);
}

.agnero-delivery-form__save .description {
  display: block;
  margin: 0.3rem 0 0 1.48rem;
  color: #657792;
  font-size: 0.72rem;
  line-height: 1.35;
}

.agnero-delivery-form .agnero-inline-toggle-field .optional {
  display: none !important;
}

.agnero-delivery-form__header #agnero_invoice_type_field {
  width: 15rem !important;
  margin: 0 !important;
}

.agnero-delivery-form__header #agnero_invoice_type_field > label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

.agnero-delivery-form__header #agnero_invoice_type_field .woocommerce-input-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
}

.agnero-delivery-form__header #agnero_invoice_type_field label.radio {
  min-height: 2.35rem;
  border-radius: 0;
  background: #fff;
  font-size: 0.78rem;
  font-weight: 850;
}

.agnero-delivery-form__header #agnero_invoice_type_field label.radio:first-of-type {
  border-radius: 7px 0 0 7px;
}

.agnero-delivery-form__header #agnero_invoice_type_field label.radio:last-of-type {
  border-radius: 0 7px 7px 0;
}

.agnero-delivery-form__header #agnero_invoice_type_field input:checked + label.radio {
  background: var(--checkout-blue);
  color: #fff;
}

.agnero-delivery-form__header #agnero_invoice_type_field label.radio .required {
  display: none !important;
}

.agnero-delivery-form .agnero-checkout-field-invalid input,
.agnero-delivery-form .agnero-checkout-field-invalid select,
.agnero-delivery-form .agnero-checkout-field-invalid textarea {
  border-color: #d92d20 !important;
  box-shadow: 0 0 0 3px rgba(217, 45, 32, 0.08) !important;
}

.agnero-delivery-form .agnero-field-error {
  display: block;
  margin-top: 0.3rem;
  color: #b42318;
  font-size: 0.72rem;
  font-weight: 750;
}

.agnero-delivery-form .agnero-aposkal-lookup-status {
  display: block;
  margin: 0.36rem 0 0;
  color: #647a96;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1.35;
}

.agnero-delivery-form .agnero-aposkal-lookup-status[data-state="loading"] {
  color: #3569a4;
}

.agnero-delivery-form .agnero-aposkal-lookup-status[data-state="success"] {
  color: #13795b;
}

.agnero-delivery-form .agnero-aposkal-lookup-status[data-state="not-found"],
.agnero-delivery-form .agnero-aposkal-lookup-status[data-state="error"],
.agnero-delivery-form .agnero-aposkal-lookup-status[data-state="rate-limited"] {
  color: #a14e18;
}

.agnero-delivery-form > .agnero-delivery-validation {
  margin: 0 0 1rem;
}

body.woocommerce-checkout.agnero-checkout-step-delivery #order_review .agnero-summary-button {
  min-height: 3.05rem;
  border-radius: 8px !important;
  background: #ff6b00 !important;
  color: #fff !important;
  font-size: 0.92rem !important;
  font-weight: 900 !important;
}

body.woocommerce-checkout.agnero-checkout-step-delivery #order_review .agnero-summary-button:hover,
body.woocommerce-checkout.agnero-checkout-step-delivery #order_review .agnero-summary-button:focus-visible {
  background: #e95f00 !important;
}

@media (max-width: 760px) {
  body.woocommerce-checkout.agnero-checkout-step-delivery .agnero-delivery-form {
    box-sizing: border-box;
    padding-inline: clamp(0.9rem, 4vw, 1.2rem);
  }

  .agnero-delivery-form__header {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .agnero-delivery-form__header-actions {
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .agnero-delivery-form__header #agnero_invoice_type_field {
    width: min(100%, 18rem) !important;
  }

  .agnero-delivery-form__grid,
  .agnero-delivery-form__grid--corporate {
    grid-template-columns: 1fr;
  }

  .agnero-delivery-form__grid--recipient,
  .agnero-delivery-form__grid--billing-address {
    padding: 0.75rem;
  }

  .agnero-saved-address-select {
    width: 100%;
    justify-content: space-between;
  }

  .agnero-saved-address-select select {
    min-width: 0;
    max-width: 65%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .agnero-delivery-form input.input-text,
  .agnero-delivery-form select,
  .agnero-delivery-form textarea {
    transition: none;
  }
}

/* Homepage mobile refinement: keep the shell aligned and move the nationwide
   message into the compact service grid without changing the desktop composition. */
.agnero-home-v3-trust__item--discover {
  display: none;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.agnero-home-v3-trust__item--discover:hover,
.agnero-home-v3-trust__item--discover:focus-visible {
  color: inherit;
  background: #f2f7fc;
  box-shadow: inset 0 -2px 0 var(--home-v3-orange);
  outline: none;
}

.agnero-home-v3-trust__icon--brand {
  width: 2.3rem;
  height: 2.3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #cddbea;
  border-radius: 0.62rem;
  background: #f1f5fa;
}

.agnero-home-v3-trust__brand-mark {
  display: block;
  width: 2.05rem;
  height: 2.05rem;
  overflow: hidden;
}

.agnero-home-v3-trust__brand-mark img {
  display: block;
  width: auto;
  max-width: none;
  height: 100%;
}

/* ============================================
   /deneme HOMEPAGE CATEGORY RAILS
   The production homepage keeps the compact image-led cards above. The
   isolated design test removes that media column and lets visitors browse
   each root category's real child terms in a horizontal rail.
   ============================================ */
.agnero-home-v3--deneme .agnero-home-v3-products {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.agnero-home-v3--deneme .agnero-home-v3-card {
  grid-column: span 4;
  display: flex;
  min-height: clamp(24rem, 31vw, 30rem);
  align-items: stretch;
  padding: 0;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.98);
}

.agnero-home-v3--deneme .agnero-home-v3-card--deneme::before {
  background: linear-gradient(135deg, rgba(255, 106, 0, 0.09), transparent 42%);
  transition: opacity 0.35s ease;
}

/* A touch starts on a child link, but browsers may still synthesize a sticky
   hover state for the whole category card. Keep that parent state visually
   stable while the rail is being touched so the first swipe is not lost. */
.agnero-home-v3--deneme .agnero-home-v3-card.is-rail-interacting,
.agnero-home-v3--deneme .agnero-home-v3-card.is-rail-interacting:hover {
  transform: none;
  border-color: var(--home-v3-line);
  box-shadow: 0 10px 24px rgba(18, 55, 120, 0.08);
  transition: transform 0s, border-color 0.35s ease, box-shadow 0.35s ease, background-color 0.35s ease;
}

.agnero-home-v3--deneme .agnero-home-v3-card--deneme.is-rail-interacting::before,
.agnero-home-v3--deneme .agnero-home-v3-card--deneme.is-rail-interacting:hover::before {
  opacity: 0;
}

/* Category-card hover is useful with a precise pointer, but it should never
   become a sticky touch affordance that competes with horizontal browsing. */
@media (hover: none), (pointer: coarse) {
  .agnero-home-v3--deneme .agnero-home-v3-card:hover {
    transform: none;
    border-color: var(--home-v3-line);
    box-shadow: 0 10px 24px rgba(18, 55, 120, 0.08);
  }

  .agnero-home-v3--deneme .agnero-home-v3-card--deneme:hover::before {
    opacity: 0;
  }
}

/* The rail that is being browsed gets a calm, progressive emphasis. It keeps
   the touch interaction stable (no lift) while the border, shadow, heading
   and position pill make the current category easy to identify. */
.agnero-home-v3--deneme .agnero-home-v3-card.is-rail-active,
.agnero-home-v3--deneme .agnero-home-v3-card.is-rail-active:hover {
  transform: none;
  border-color: #9fb8d4;
  background: rgba(255, 255, 255, 0.99);
  box-shadow: 0 16px 32px rgba(18, 55, 120, 0.12);
}

.agnero-home-v3--deneme .agnero-home-v3-card--deneme.is-rail-active::before,
.agnero-home-v3--deneme .agnero-home-v3-card--deneme.is-rail-active:hover::before {
  opacity: 1;
}

.agnero-home-v3--deneme .agnero-home-v3-card.is-rail-active .agnero-deneme-card__heading strong {
  color: var(--home-v3-orange);
}

.agnero-home-v3--deneme .agnero-home-v3-card.is-rail-active .agnero-deneme-card__position {
  border-color: #f2b27f;
  background: #fff4eb;
  color: var(--home-v3-orange);
}

.agnero-home-v3--deneme .agnero-deneme-card__body {
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  padding: clamp(1rem, 1.45vw, 1.35rem);
}

.agnero-home-v3--deneme .agnero-deneme-card__heading {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 0.22rem;
  min-height: 5.1rem;
  color: var(--home-v3-navy);
  text-decoration: none;
}

.agnero-home-v3--deneme .agnero-deneme-card__heading strong {
  max-width: 31rem;
  color: var(--home-v3-navy);
  font-size: clamp(1.35rem, 1.8vw, 1.92rem);
  font-weight: 850;
  line-height: 1.08;
  letter-spacing: -0.02em;
  transition: color 0.35s ease;
}

.agnero-home-v3--deneme .agnero-deneme-card__heading span {
  max-width: 34rem;
  color: #123778;
  font-size: clamp(0.78rem, 0.86vw, 0.95rem);
  font-weight: 560;
  line-height: 1.32;
}

.agnero-home-v3--deneme .agnero-deneme-card__heading:hover strong,
.agnero-home-v3--deneme .agnero-deneme-card__heading:focus-visible strong {
  color: var(--home-v3-orange);
}

.agnero-home-v3--deneme .agnero-deneme-card__heading:focus-visible,
.agnero-home-v3--deneme .agnero-deneme-card__child:focus-visible,
.agnero-home-v3--deneme .agnero-deneme-card__prev:focus-visible,
.agnero-home-v3--deneme .agnero-deneme-card__next:focus-visible,
.agnero-home-v3--deneme .agnero-deneme-card__more:focus-visible,
.agnero-home-v3--deneme .agnero-deneme-card__cta:focus-visible {
  outline: 2px solid var(--home-v3-orange);
  outline-offset: 3px;
}

.agnero-home-v3--deneme .agnero-deneme-card__rail-shell {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  margin-top: 0.72rem;
  padding-top: 0.25rem;
}

.agnero-home-v3--deneme .agnero-deneme-card__rail {
  display: flex;
  align-items: stretch;
  gap: 0.72rem;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  min-height: 0;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0.3rem 1.9rem 0.65rem 0.12rem;
  /* Button/keyboard calls request smooth scrolling explicitly. Keeping the
     rail itself instant prevents wheel and trackpad deltas from lagging. */
  scroll-behavior: auto;
  scroll-snap-type: x proximity;
  scroll-padding-inline: 0.12rem 1.9rem;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
  /* Let a vertical gesture continue to scroll the page while our pointer
     handler takes over only after a horizontal axis lock. */
  touch-action: pan-x pan-y;
  -webkit-overflow-scrolling: touch;
  -webkit-user-select: none;
  user-select: none;
  cursor: grab;
}

.agnero-home-v3--deneme .agnero-deneme-card__rail.is-dragging {
  cursor: grabbing;
  scroll-behavior: auto;
  scroll-snap-type: none;
}

.agnero-home-v3--deneme .agnero-deneme-card__rail::-webkit-scrollbar {
  display: none;
}

.agnero-home-v3--deneme .agnero-deneme-card__child {
  flex: 0 0 clamp(6.4rem, 6.8vw, 6.9rem);
  height: 100%;
  min-height: 10.15rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.58rem;
  padding: 0.52rem;
  overflow: hidden;
  scroll-snap-align: start;
  border: 1px solid #d5e2ef;
  border-radius: 0.5rem;
  background: linear-gradient(180deg, #ffffff 0%, #f4f8fc 100%);
  color: var(--home-v3-navy);
  text-decoration: none;
  -webkit-user-drag: none;
  user-select: none;
  box-shadow: 0 7px 17px rgba(18, 55, 120, 0.06);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.agnero-home-v3--deneme .agnero-deneme-card__child:hover {
  border-color: #9fb8d4;
  box-shadow: 0 12px 22px rgba(18, 55, 120, 0.12);
  color: var(--home-v3-navy);
}

.agnero-home-v3--deneme .agnero-deneme-card__child-media {
  flex: 1 1 auto;
  min-height: 7.35rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.32rem;
  background: radial-gradient(circle at 50% 42%, #ffffff 0%, #f0f5fa 100%);
}

.agnero-home-v3--deneme .agnero-deneme-card__child-media > .agnero-nav-category-card__image,
.agnero-home-v3--deneme .agnero-deneme-card__child-media > .agnero-catalog-visual {
  width: 100%;
  height: 100%;
  min-height: 0;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  background: transparent;
}

.agnero-home-v3--deneme .agnero-deneme-card__child-media img {
  position: static;
  top: auto;
  left: auto;
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 7.15rem;
  padding: 0.25rem;
  object-fit: contain;
  transform: none;
  transition: none;
  filter: drop-shadow(0 0.5rem 0.55rem rgba(18, 55, 120, 0.13));
}

.agnero-home-v3--deneme .agnero-deneme-card__child-media .agnero-nav-category-card__image img,
.agnero-home-v3--deneme .agnero-deneme-card__child-media .agnero-catalog-visual img {
  position: static;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 7.15rem;
}

.agnero-home-v3--deneme .agnero-deneme-card__child-media .agnero-nav-insert-composition {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 0.12rem 0.2rem;
  padding: 0.32rem;
}

.agnero-home-v3--deneme .agnero-deneme-card__child-media .agnero-nav-insert-composition .agnero-insert-category-visual__item {
  min-width: 0;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.agnero-home-v3--deneme .agnero-deneme-card__child-media .agnero-nav-insert-composition .agnero-insert-category-visual__item img {
  width: auto;
  max-width: 100%;
  max-height: 3.25rem;
  padding: 0;
}

.agnero-home-v3--deneme .agnero-deneme-card__child-media img.agnero-deneme-card__image--landscape {
  transform: rotate(90deg);
  transform-origin: center;
}

.agnero-home-v3--deneme .agnero-deneme-card__child-name {
  display: block;
  min-height: 2.45rem;
  color: var(--home-v3-navy);
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1.24;
  text-align: center;
}

.agnero-home-v3--deneme .agnero-deneme-card__placeholder {
  display: block;
  width: 72%;
  height: 68%;
  border: 1px dashed #b7c9dd;
  border-radius: 0.35rem;
  background: linear-gradient(135deg, rgba(18, 55, 120, 0.05), rgba(255, 106, 0, 0.1));
}

.agnero-home-v3--deneme .agnero-deneme-card__fade {
  position: absolute;
  z-index: 2;
  top: 0.55rem;
  right: 0;
  bottom: 0.58rem;
  width: clamp(3.3rem, 5vw, 5rem);
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.96) 82%);
}

.agnero-home-v3--deneme .agnero-deneme-card__prev,
.agnero-home-v3--deneme .agnero-deneme-card__next {
  position: absolute;
  z-index: 3;
  top: 50%;
  display: inline-flex;
  width: 2.5rem;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid #b5c9df;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.96);
  color: var(--home-v3-navy);
  box-shadow: 0 5px 14px rgba(18, 55, 120, 0.15);
  cursor: pointer;
  transform: translateY(-50%);
  transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}

.agnero-home-v3--deneme .agnero-deneme-card__prev {
  left: 0.18rem;
}

.agnero-home-v3--deneme .agnero-deneme-card__next {
  right: 0.18rem;
}

.agnero-home-v3--deneme .agnero-deneme-card__prev:hover:not(:disabled),
.agnero-home-v3--deneme .agnero-deneme-card__next:hover:not(:disabled),
.agnero-home-v3--deneme .agnero-deneme-card__prev:focus-visible,
.agnero-home-v3--deneme .agnero-deneme-card__next:focus-visible {
  border-color: var(--home-v3-orange);
  background: #fff4eb;
  color: var(--home-v3-orange);
}

.agnero-home-v3--deneme .agnero-deneme-card__prev:disabled,
.agnero-home-v3--deneme .agnero-deneme-card__next:disabled {
  cursor: default;
  opacity: 0.46;
}

.agnero-home-v3--deneme .agnero-deneme-card__cta {
  position: relative;
  z-index: 1;
  align-self: auto;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0;
  padding: 0;
  color: var(--home-v3-navy);
  font-size: 0.78rem;
  font-weight: 850;
  text-decoration: none;
}

.agnero-home-v3--deneme .agnero-deneme-card__cta:hover {
  color: var(--home-v3-orange);
}

.agnero-home-v3--deneme .agnero-deneme-card__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.7rem;
  min-height: 1.35rem;
  margin-top: 0.28rem;
}

.agnero-home-v3--deneme .agnero-deneme-card__position {
  flex: 0 0 auto;
  min-width: 2.65rem;
  padding: 0.22rem 0.48rem;
  border: 1px solid #d5e2ef;
  border-radius: 999px;
  background: #f6f9fd;
  color: var(--home-v3-navy);
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1;
  text-align: center;
  transition: border-color 0.35s ease, background-color 0.35s ease, color 0.35s ease;
}

.agnero-home-v3--deneme .agnero-deneme-card__rail-footer {
  display: flex;
  align-items: center;
  gap: 0.62rem;
  margin-top: 0.5rem;
}

.agnero-home-v3--deneme .agnero-deneme-card__progress {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  height: 0.34rem;
  overflow: hidden;
  border-radius: 999px;
  background: #dfe8f3;
}

.agnero-home-v3--deneme .agnero-deneme-card__progress-fill {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: var(--home-v3-navy);
  transition: width 0.18s ease;
}

.agnero-home-v3--deneme .agnero-deneme-card__more {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.24rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--home-v3-navy);
  font-size: 0.73rem;
  font-weight: 800;
  line-height: 1.1;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.35s ease;
}

.agnero-home-v3--deneme .agnero-deneme-card__more:hover:not(:disabled) {
  color: var(--home-v3-orange);
}

/* The CTA stays quiet until its category rail becomes the active focus. */
.agnero-home-v3--deneme .agnero-home-v3-card.is-rail-active .agnero-deneme-card__more,
.agnero-home-v3--deneme .agnero-home-v3-card.is-rail-active .agnero-deneme-card__more:hover:not(:disabled) {
  color: var(--home-v3-orange);
}

.agnero-home-v3--deneme .agnero-deneme-card__more:disabled {
  cursor: default;
  opacity: 0.45;
}

/* Touch devices should never inherit sticky hover states from links/cards. */
@media (hover: none), (pointer: coarse) {
  .agnero-home-v3--deneme .agnero-deneme-card__heading:hover strong {
    color: var(--home-v3-navy);
  }

  .agnero-home-v3--deneme .agnero-deneme-card__child:hover {
    border-color: #d5e2ef;
    box-shadow: 0 7px 17px rgba(18, 55, 120, 0.06);
    transform: none;
  }

  .agnero-home-v3--deneme .agnero-deneme-card__prev:hover:not(:disabled),
  .agnero-home-v3--deneme .agnero-deneme-card__next:hover:not(:disabled) {
    border-color: #b5c9df;
    background: rgba(255, 255, 255, 0.96);
    color: var(--home-v3-navy);
  }

  .agnero-home-v3--deneme .agnero-deneme-card__cta:hover {
    color: var(--home-v3-navy);
  }

  .agnero-home-v3--deneme .agnero-home-v3-card:not(.is-rail-active) .agnero-deneme-card__more:hover:not(:disabled) {
    color: var(--home-v3-navy);
  }
}

@media (max-width: 900px) {
  .agnero-home-v3--deneme .agnero-home-v3-products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .agnero-home-v3--deneme .agnero-home-v3-card {
    grid-column: auto;
    min-height: 25rem;
  }
}

@media (max-width: 767px) {
  .agnero-home-v3--deneme .agnero-home-v3-products {
    grid-template-columns: 1fr;
  }

  .agnero-home-v3--deneme .agnero-home-v3-card {
    min-height: 24rem;
  }

  .agnero-home-v3--deneme .agnero-deneme-card__heading {
    min-height: 4.55rem;
  }

  .agnero-home-v3--deneme .agnero-deneme-card__child {
    flex-basis: 8.6rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .agnero-home-v3--deneme .agnero-deneme-card__rail {
    scroll-behavior: auto;
  }

  .agnero-home-v3--deneme .agnero-deneme-card__child,
  .agnero-home-v3--deneme .agnero-deneme-card__prev,
  .agnero-home-v3--deneme .agnero-deneme-card__next,
  .agnero-home-v3--deneme .agnero-deneme-card__more {
    transition: none;
  }
}

@media (max-width: 767px) {
  .agnero-home-banner {
    width: var(--home-v3-shell);
    border-radius: 0.72rem;
  }

  .agnero-home-banner__actions .agnero-home-v3-btn--primary {
    display: none;
  }

  .agnero-home-v3-products,
  .agnero-home-v3-assurance,
  .agnero-home-v3-trust,
  .agnero-home-v3-popular {
    width: var(--home-v3-shell);
  }

  .agnero-home-v3-trust {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }

  .agnero-home-v3-trust__item {
    min-height: 5.1rem;
    align-items: flex-start;
    padding: 0.72rem 0.62rem;
    border-right: 0;
    border-bottom: 1px solid #d8e2ed;
  }

  .agnero-home-v3-trust__item--discover {
    display: flex;
    grid-column: 1 / -1;
    min-height: 4.25rem;
    align-items: center;
    border-right: 0;
    border-bottom: 1px solid #d8e2ed;
  }

  .agnero-home-v3-trust__item:nth-child(2),
  .agnero-home-v3-trust__item:nth-child(4) {
    border-right: 1px solid #d8e2ed;
  }

  .agnero-home-v3-trust__item:nth-child(4),
  .agnero-home-v3-trust__item:nth-child(5) {
    border-bottom: 0;
  }

  .agnero-home-v3-trust__icon {
    margin-top: 0.1rem;
  }

  .agnero-home-v3-trust__item strong {
    font-size: 0.72rem;
    line-height: 1.2;
  }

  .agnero-home-v3-trust__item small {
    font-size: 0.61rem;
    line-height: 1.25;
  }
}

@media (max-width: 560px) {
  .agnero-home-banner__actions {
    display: none;
  }
}

@media (max-width: 359px) {
  .agnero-home-v3-trust {
    grid-template-columns: 1fr;
  }

  .agnero-home-v3-trust__item--discover {
    grid-column: auto;
  }

  .agnero-home-v3-trust__item,
  .agnero-home-v3-trust__item:nth-child(2),
  .agnero-home-v3-trust__item:nth-child(4) {
    border-right: 0;
    border-bottom: 1px solid #d8e2ed;
  }

  .agnero-home-v3-trust__item:last-child {
    border-bottom: 0;
  }
}

@media (min-width: 768px) and (max-width: 1020px) {
  /* The mobile-only discovery item stays hidden here; reset the two-column
     separators so the four visible service items keep their original rhythm. */
  .agnero-home-v3-trust__item:nth-child(2),
  .agnero-home-v3-trust__item:nth-child(4) {
    border-right: 1px solid #d8e2ed;
  }

  .agnero-home-v3-trust__item:nth-child(3),
  .agnero-home-v3-trust__item:nth-child(5) {
    border-right: 0;
  }
}

/* Paired product selectors use a compact, editorial mobile presentation.
   Keep the selectable buttons for keyboard/touch behavior, but remove the
   duplicate card treatment: names sit above a left-aligned product photo.
   The scope is intentionally limited to count-2 selectors so desktop and
   three-product selectors retain their existing layout. */
@media (max-width: 900px) {
  .agnero-combined-products--count-2 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: repeat(2, minmax(0, auto)) !important;
    align-items: start;
    gap: clamp(0.9rem, 3.5vw, 1.25rem);
    margin-top: clamp(1rem, 3vw, 1.5rem);
    padding: 0 !important;
  }

  .agnero-combined-products--count-2 > .agnero-combined-product,
  .agnero-combined-products--count-2 > .agnero-combined-product.is-active {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start;
    --agnero-mobile-product-diameter: clamp(1.4rem, 7vw, 2.75rem);
    min-height: 0;
    grid-template-rows: none !important;
    gap: 0.4rem;
    width: 100%;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--brand);
    text-align: left;
    opacity: 1;
    transform: none;
    animation: none;
    appearance: none;
    -webkit-appearance: none;
  }

  .agnero-combined-products--count-2 .agnero-combined-product__caption {
    order: 0;
    display: block !important;
    flex: 0 0 auto;
    width: 100%;
    min-height: 1.1rem;
    padding: 0 !important;
    color: #5d6e86;
    font-size: clamp(0.75rem, 2.9vw, 0.9rem);
    font-weight: 750;
    line-height: 1.25;
    text-align: left;
  }

  .agnero-combined-products--count-2 .agnero-combined-product__caption > svg,
  .agnero-combined-products--count-2 .agnero-combined-product__caption > span {
    display: none !important;
  }

  .agnero-combined-products--count-2 .agnero-combined-product__caption::after {
    display: block !important;
    content: attr(data-agnero-mobile-label) !important;
    white-space: normal;
  }

  .agnero-combined-products--count-2 .agnero-combined-product.is-active .agnero-combined-product__caption {
    color: var(--brand);
  }

  .agnero-combined-products--count-2 .agnero-combined-product__caption > span::after,
  .agnero-combined-products--count-2 .agnero-combined-product__selection-trace {
    display: none !important;
  }

  .agnero-combined-products--count-2 .agnero-combined-product__media {
    order: 1;
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: clamp(4rem, 18vw, 5.5rem) !important;
    margin: 0;
    overflow: visible !important;
  }

  .agnero-combined-products--count-2 .agnero-combined-product__media .agnero-catalog-visual {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    overflow: visible !important;
  }

  .agnero-combined-products--count-2 .agnero-combined-product__media > img,
  .agnero-combined-products--count-2 .agnero-combined-product__media .agnero-catalog-visual img {
    position: absolute !important;
    left: 0 !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  /* Portrait source photos become horizontal with the cutting tip on the
     right. The raw image width is the shared diameter, so its length remains
     proportional to the source asset. */
  .agnero-combined-products--count-2 .agnero-combined-product--portrait-image .agnero-combined-product__media > img,
  .agnero-combined-products--count-2 .agnero-combined-product--portrait-image .agnero-combined-product__media .agnero-catalog-visual img {
    top: calc(50% - (var(--agnero-mobile-product-diameter) / 2)) !important;
    width: var(--agnero-mobile-product-diameter) !important;
    height: auto !important;
    transform: rotate(90deg) translateY(-100%) !important;
    transform-origin: top left !important;
  }

  /* Landscape source photos already have the cutting tip on the right; keep
     that direction while matching the shared visible height. */
  .agnero-combined-products--count-2 .agnero-combined-product--landscape-image .agnero-combined-product__media > img,
  .agnero-combined-products--count-2 .agnero-combined-product--landscape-image .agnero-combined-product__media .agnero-catalog-visual img {
    top: 50% !important;
    width: auto !important;
    height: var(--agnero-mobile-product-diameter) !important;
    transform: translateY(-50%) !important;
    transform-origin: center !important;
  }
}

/* Mobile catalog pages sit directly below the horizontal category chooser;
   reclaim the unused shell padding without changing desktop spacing. */
@media (max-width: 900px) {
  .agnero-woocommerce-shell {
    padding-top: 1rem;
  }

  body.woocommerce-shop .agnero-woocommerce-shell {
    padding-top: 1rem !important;
  }

  .mobile-home-category-tabs__scroller {
    padding-bottom: 0.65rem;
  }

  /* :has() is used for multi-drawing panels on mobile and otherwise wins over
     the native [hidden] behavior. Hidden panels must not remain in document
     flow when the user switches between Standard and Long Boy. */
  .agnero-combined-drawing[hidden] {
    display: none !important;
  }

  .agnero-combined-feature-panels .agnero-product-features--combined .agnero-product-features__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Homepage trust cards open one shared, focused information dialog. The
   button reset keeps the four cards visually identical while making every
   benefit keyboard and touch accessible. */
.agnero-home-v3-trust__item--trigger {
  width: 100%;
  border: 0;
  border-right: 1px solid #d8e2ed;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

.agnero-home-v3-trust__item--trigger:last-child {
  border-right: 0;
}

.agnero-home-v3-trust__item--trigger:hover,
.agnero-home-v3-trust__item--trigger:focus-visible {
  background: #f2f7f5;
  box-shadow: inset 0 -2px 0 #8fb6a5;
  outline: none;
}

.agnero-home-v3-trust__item--trigger:hover .agnero-home-v3-trust__icon,
.agnero-home-v3-trust__item--trigger:focus-visible .agnero-home-v3-trust__icon {
  color: #2f705d;
}

.agnero-home-v3-trust-modal {
  position: fixed;
  inset: 0;
  z-index: 9600;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(1rem, 3vw, 1.75rem);
}

.agnero-home-v3-trust-modal[hidden] {
  display: none;
}

.agnero-home-v3-trust-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(24, 43, 57, 0.48);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.agnero-home-v3-trust-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(100%, 33rem);
  max-height: calc(100vh - 2rem);
  overflow: auto;
  border: 1px solid #d5e0e4;
  border-radius: 1.35rem;
  background: linear-gradient(145deg, #ffffff 0%, #f3f8f6 100%);
  box-shadow: 0 24px 58px rgba(24, 43, 57, 0.22);
  animation: agneroHomeTrustModalIn 0.22s ease both;
}

.agnero-home-v3-trust-modal__close {
  position: absolute;
  top: 0.85rem;
  right: 0.85rem;
  z-index: 1;
  width: 2.35rem;
  height: 2.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d5e0e4;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.86);
  color: #27445a;
  font-size: 1.55rem;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.agnero-home-v3-trust-modal__close:hover,
.agnero-home-v3-trust-modal__close:focus-visible {
  border-color: #a9c4b7;
  background: #ffffff;
  outline: none;
  transform: translateY(-1px);
}

.agnero-home-v3-trust-modal__content {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 1rem;
  padding: clamp(1.45rem, 4vw, 2rem) clamp(1.25rem, 4vw, 2rem) 1.25rem;
}

.agnero-home-v3-trust-modal__icon {
  width: 3.2rem;
  height: 3.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #cfe0d8;
  border-radius: 1rem;
  background: #eaf4ef;
  color: #2f705d;
}

.agnero-home-v3-trust-modal__icon > .agnero-home-v3-trust__icon {
  color: inherit;
}

.agnero-home-v3-trust-modal__icon > .agnero-home-v3-trust__icon--brand {
  width: 2.5rem;
  height: 2.5rem;
  border: 0;
  background: transparent;
}

.agnero-home-v3-trust-modal__icon svg {
  width: 2rem;
  height: 2rem;
}

.agnero-home-v3-trust-modal__copy-wrap {
  min-width: 0;
  padding-right: 2rem;
}

.agnero-home-v3-trust-modal__eyebrow {
  display: block;
  margin-bottom: 0.42rem;
  color: #5d776c;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 1.2;
  text-transform: uppercase;
}

.agnero-home-v3-trust-modal__copy-wrap h2 {
  margin: 0;
  color: #1f3850;
  font-size: clamp(1.25rem, 2.8vw, 1.65rem);
  font-weight: 850;
  line-height: 1.15;
}

.agnero-home-v3-trust-modal__copy-wrap p {
  margin: 0.7rem 0 0;
  color: #5b6d7a;
  font-size: 0.93rem;
  line-height: 1.58;
}

.agnero-home-v3-trust-modal__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.8rem;
  margin: 0 clamp(1.25rem, 4vw, 2rem) clamp(1.25rem, 4vw, 1.75rem);
  padding: 0.65rem 1rem;
  border: 1px solid #c5d9cf;
  border-radius: 0.8rem;
  background: #ffffff;
  color: #2f705d;
  font-size: 0.88rem;
  font-weight: 800;
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.agnero-home-v3-trust-modal__action:hover,
.agnero-home-v3-trust-modal__action:focus-visible {
  border-color: #8fb6a5;
  background: #f0f7f3;
  outline: none;
  transform: translateY(-1px);
}

.agnero-home-v3-trust-modal__action[hidden] {
  display: none;
}

@keyframes agneroHomeTrustModalIn {
  from {
    opacity: 0;
    transform: translateY(0.55rem) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 767px) {
  .agnero-home-v3-trust__item--trigger {
    border-right: 0;
  }

  .agnero-home-v3-trust__item--trigger:nth-child(2),
  .agnero-home-v3-trust__item--trigger:nth-child(4) {
    border-right: 1px solid #d8e2ed;
  }

  .agnero-home-v3-trust-modal {
    align-items: flex-end;
    padding: 0.75rem;
  }

  .agnero-home-v3-trust-modal__dialog {
    width: 100%;
    max-height: calc(100vh - 1.5rem);
    border-radius: 1.25rem;
  }

  .agnero-home-v3-trust-modal__content {
    gap: 0.8rem;
    padding: 1.35rem 1.1rem 1.1rem;
  }

  .agnero-home-v3-trust-modal__copy-wrap {
    padding-right: 1.8rem;
  }

  .agnero-home-v3-trust-modal__action {
    margin-inline: 1.1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .agnero-home-v3-trust-modal__dialog {
    animation: none;
  }
}

@media (max-width: 767px) {
  .agnero-home-v3-assurance {
    display: block;
    border-color: #244b87;
    background: linear-gradient(135deg, #0d2b5d 0%, #123778 100%);
  }

  .agnero-home-v3-assurance__intro {
    grid-template-columns: 1fr;
    gap: 1.2rem;
    padding: 1.45rem;
    background: transparent;
  }

  .agnero-home-v3-assurance__heading {
    padding-left: 0.9rem;
    border-left-color: var(--home-v3-orange);
  }

  .agnero-home-v3-assurance__heading > span {
    color: #b9d2f1;
  }

  .agnero-home-v3-assurance h2 {
    color: #fff;
    font-size: clamp(1.55rem, 7vw, 2rem);
  }

  .agnero-home-v3-assurance__intro p {
    color: #e3edfa;
    font-size: 0.94rem;
  }

  .agnero-home-v3-trust {
    margin-top: 1rem;
    border-top: 1px solid #cddbea;
    border-radius: 0.62rem;
  }
}

/* Keep the fixed mobile bar legible over page content without Safari's
   translucent shadow artefacts. */
@media (max-width: 900px) {
  .mobile-quick-nav {
    background: rgba(18, 55, 120, 0.95);
    box-shadow: none;
    backdrop-filter: blur(18px) saturate(140%);
    -webkit-backdrop-filter: blur(18px) saturate(140%);
  }
}

/* ============================================
   DEFERRED CART HYDRATION + NAVIGATION FEEDBACK
   The initial header is cache-safe and intentionally neutral. These quiet
   skeletons keep that state legible until the post-load cart request returns.
   ============================================ */
.agnero-cart-loading {
  display: grid;
  gap: 0.62rem;
  color: var(--text-muted);
  font-size: 0.76rem;
}

.agnero-cart-loading--preview {
  padding: 0.9rem;
  border-radius: 0.85rem;
  background: linear-gradient(135deg, #f7faff 0%, #fff 75%);
}

.agnero-cart-loading--drawer {
  padding: 0.25rem;
}

.agnero-cart-loading__item {
  display: grid;
  grid-template-columns: 3.8rem minmax(0, 1fr);
  align-items: center;
  gap: 0.72rem;
  min-height: 4.7rem;
  padding: 0.58rem;
  border: 1px solid rgba(18, 55, 120, 0.1);
  border-radius: 0.75rem;
  background: #f7faff;
}

.agnero-cart-loading__thumb,
.agnero-cart-loading__eyebrow,
.agnero-cart-loading__line,
.agnero-cart-loading__copy span,
.agnero-cart-loading__summary-line,
.agnero-cart-loading__summary-total {
  display: block;
  border-radius: 999px;
  background: linear-gradient(110deg, #e5edf7 15%, #f8fbff 48%, #e5edf7 82%);
  background-size: 220% 100%;
  animation: agneroCartShimmer 1.25s linear infinite;
}

.agnero-cart-loading__thumb {
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 0.62rem;
}

.agnero-cart-loading__copy {
  display: grid;
  gap: 0.55rem;
}

.agnero-cart-loading__copy span {
  height: 0.54rem;
}

.agnero-cart-loading__eyebrow {
  width: 38%;
  height: 0.55rem;
}

.agnero-cart-loading__line {
  width: 82%;
  height: 0.72rem;
}

.agnero-cart-loading__line.is-short,
.agnero-cart-loading__copy span.is-short,
.agnero-cart-loading__summary-line.is-short {
  width: 56%;
}

.agnero-cart-loading__status {
  color: var(--text-muted);
  font-size: 0.72rem;
  font-weight: 650;
}

.agnero-cart-loading__summary-line {
  width: 62%;
  height: 0.55rem;
  margin-left: auto;
}

.agnero-cart-loading__summary-total {
  width: 42%;
  height: 0.9rem;
  margin: 0.15rem 0 0 auto;
}

.cart-drawer-footer--loading {
  min-height: 7.4rem;
  align-content: center;
  gap: 0.68rem;
}

.cart-drawer.is-cart-loading .cart-drawer-body {
  overflow: hidden;
}

.cart-empty--error {
  grid-template-columns: auto 1fr;
}

.cart-empty--error .cart-empty__icon {
  font-size: 1.45rem;
  font-weight: 850;
}

[data-agnero-cart-pending] {
  position: relative;
  color: transparent !important;
  min-width: 2.8rem;
  min-height: 0.85rem;
  overflow: hidden;
}

[data-agnero-cart-pending]::after {
  content: "";
  position: absolute;
  inset: 50% 0 auto;
  height: 0.48rem;
  border-radius: 999px;
  transform: translateY(-50%);
  background: linear-gradient(110deg, #dbe7f4 15%, #f7fbff 48%, #dbe7f4 82%);
  background-size: 220% 100%;
  animation: agneroCartShimmer 1.25s linear infinite;
}

@keyframes agneroCartShimmer {
  from { background-position: 100% 0; }
  to { background-position: -120% 0; }
}

.agnero-nav-progress {
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  width: 0;
  height: 3px;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(90deg, #ff6a00 0%, #ff9a4d 100%);
  box-shadow: 0 0 12px rgba(255, 106, 0, 0.42);
  transform-origin: left center;
  transition: width 180ms ease-out, opacity 120ms ease;
}

.agnero-nav-progress.is-active {
  opacity: 1;
  width: 68%;
}

.agnero-nav-progress.is-finishing {
  opacity: 0;
  width: 100%;
  transition: width 180ms ease-out, opacity 220ms ease 80ms;
}

a.is-navigation-pending {
  cursor: progress;
}

@media (prefers-reduced-motion: reduce) {
  .agnero-cart-loading__thumb,
  .agnero-cart-loading__eyebrow,
  .agnero-cart-loading__line,
  .agnero-cart-loading__copy span,
  .agnero-cart-loading__summary-line,
  .agnero-cart-loading__summary-total,
  [data-agnero-cart-pending]::after {
    animation: none;
  }

  .agnero-nav-progress,
  .agnero-nav-progress.is-finishing {
    transition: none;
  }
}

/* Show each immediate range in the navigation, with horizontal tool photos. */
@media (min-width: 901px) {
  .nav-menu > .menu-item-has-children > .sub-menu > li.agnero-nav-category-card:has(.agnero-nav-category-ranges) > a,
  .agnero-desktop-dropdown > li.agnero-nav-category-card:has(.agnero-nav-category-ranges) > a {
    height: auto;
    min-height: 12.25rem;
    grid-template-rows: 3.4rem auto;
    align-content: start;
    padding-bottom: 0.8rem;
  }

  .agnero-nav-category-ranges {
    grid-row: 2;
    display: grid;
    gap: 0.1rem;
    min-width: 0;
  }

  .agnero-nav-range {
    display: grid;
    grid-template-rows: 2.8rem;
    gap: 0.2rem;
    min-width: 0;
  }

  .agnero-nav-range .agnero-nav-category-card__image {
    grid-row: 1;
    height: 2.8rem;
    overflow: hidden;
    filter: drop-shadow(0 3px 3px rgba(18, 55, 120, 0.15));
  }

  .agnero-nav-category-card .agnero-nav-range .agnero-nav-category-card__image img,
  .agnero-nav-category-card > a:hover .agnero-nav-range .agnero-nav-category-card__image img,
  .agnero-nav-category-card > a:focus-visible .agnero-nav-range .agnero-nav-category-card__image img {
    width: 100%;
    height: 100%;
    max-width: none;
    transform: translate(-50%, -50%) !important;
  }

  .agnero-nav-category-card .agnero-nav-range--portrait .agnero-nav-category-card__image img,
  .agnero-nav-category-card > a:hover .agnero-nav-range--portrait .agnero-nav-category-card__image img,
  .agnero-nav-category-card > a:focus-visible .agnero-nav-range--portrait .agnero-nav-category-card__image img {
    width: 2.8rem;
    height: var(--agnero-nav-tool-length, 12rem);
    transform: translate(-50%, -50%) rotate(90deg) !important;
  }

  .agnero-nav-range__name {
    color: #123778;
    font-size: 0.7rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
  }
}

/* A single mobile frame for ordinary and combined product tables. */
@media (max-width: 900px) {
  .agnero-group-page .product-group-hero .container.agnero-range-shell,
  .agnero-group-page .product-group-table-section .container.agnero-range-shell {
    width: calc(100% - 32px);
    max-width: none;
    margin-inline: auto;
    padding-inline: 0;
  }

  .product-group-table-section .container > .agnero-range-table-card,
  .agnero-group-page .agnero-range-table-card,
  .agnero-group-page .agnero-product-table-wrapper {
    width: 100%;
    margin-inline: 0;
    padding-inline: 0;
  }
}

/* Full-resolution landscape source, centered below the title and series label. */
.agnero-catalog-showcase-item--mikro-pm-matkap .agnero-catalog-showcase-visual {
  left: 50%;
  bottom: 3%;
  width: 100%;
  height: 65%;
}

.agnero-catalog-showcase-item--mikro-pm-matkap .agnero-catalog-showcase-tool .agnero-catalog-visual {
  position: relative;
  display: block;
  transform: none;
}

.agnero-catalog-showcase-item--mikro-pm-matkap .agnero-catalog-showcase-tool .agnero-catalog-visual img,
.agnero-catalog-showcase-item--mikro-pm-matkap .agnero-catalog-card--showcase:hover .agnero-catalog-showcase-tool .agnero-catalog-visual img,
.agnero-catalog-showcase-item--mikro-pm-matkap .agnero-catalog-card--showcase:focus-visible .agnero-catalog-showcase-tool .agnero-catalog-visual img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  max-width: none;
  max-height: none;
  object-position: center;
  transform: translate(-50%, -50%) rotate(105deg);
  transform-origin: center;
}

.agnero-catalog-showcase-item--mikro-pm-matkap .agnero-catalog-showcase-visual {
  height: 100%;
  bottom: -70%;
}

.agnero-catalog-showcase-item--mikro-pm-matkap .agnero-catalog-card__micro-pm-label {
  top: 5.2rem;
  left: 0.7rem;
  right: 0.7rem;
  max-width: none;
  text-align: center;
}

@media (max-width: 900px) {
  .agnero-nav-category-ranges {
    display: none;
  }
}

@media (max-width: 900px) {
  body.tax-product_cat .container.agnero-woocommerce-shell:has(.product-specs-table-wrapper),
  body.single-product .container.agnero-woocommerce-shell:has(.product-specs-table-wrapper) {
    width: calc(100% - 32px);
    max-width: none;
    margin-inline: auto;
    padding-inline: 0;
  }
}

@media (max-width: 900px) {
  .agnero-range-table-card .product-specs-table-wrapper {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
  }
}

@media (min-width: 901px) {
  .agnero-nav-category-card .agnero-nav-range--micro-pm .agnero-nav-category-card__image img {
    width: 125%;
    height: auto;
    transform: translate(-50%, -50%) rotate(180deg) !important;
  }
}

/* Match every white card to the tallest range card in the open menu. */
@media (min-width: 901px) {
  .nav-menu > .menu-item-has-children > .sub-menu > li.agnero-nav-category-card,
  .agnero-desktop-dropdown > li.agnero-nav-category-card {
    display: flex;
    align-items: stretch;
  }

  .nav-menu > .menu-item-has-children > .sub-menu > li.agnero-nav-category-card > a,
  .agnero-desktop-dropdown > li.agnero-nav-category-card > a {
    flex: 1 1 auto;
    width: 100%;
    height: auto;
    min-height: 12.25rem;
  }
}

/* Center each complete tool group in the shared image area. */
@media (min-width: 901px) {
  .nav-menu > .menu-item-has-children > .sub-menu > li.agnero-nav-category-card:has(.agnero-nav-category-ranges) > a {
    grid-template-rows: 3.4rem minmax(0, 1fr);
    align-content: stretch;
  }
  .agnero-nav-category-ranges {
    align-content: center;
  }
  .agnero-nav-category-card .agnero-nav-category-card__image {
    overflow: visible;
  }
  .nav-menu .agnero-nav-category-card > a .agnero-nav-category-card__image > img.agnero-nav-tool-fitted.agnero-nav-tool-fitted.agnero-nav-tool-fitted {
    top: 50%;
    left: 50%;
    width: var(--nav-fit-width) !important;
    height: var(--nav-fit-height) !important;
    max-width: none !important;
    max-height: none !important;
    transform-origin: 0 0;
    transform: var(--nav-fit-transform) !important;
    transition: filter 180ms ease;
  }
}

/* Product detail: readable purchase summary and consistent full-width comparison. */
body.single-product div.product div.summary { row-gap: 20px; }
body.single-product div.product div.summary > .agnero-product-installment-note {
  grid-column: 1 / -1; display: flex; align-items: baseline; gap: 8px; color: #146c43; font-size: 14px; font-weight: 600; line-height: 1.5;
  padding: 0; margin: 0; border: 0; border-radius: 0; background: none;
}
body.single-product .agnero-product-jump-links { gap: 12px; margin-top: 12px; }
body.single-product div.product > .agnero-paytr-installments { grid-row: auto; }
body.single-product .agnero-single-order-table { padding-inline: 0; width: 100%; }
body.single-product .agnero-single-order-table__table,
body.single-product .agnero-single-order-table .agnero-product-table-container { padding-inline: 0; margin-inline: 0; width: 100%; }
@media (max-width: 760px) {
  body.single-product .agnero-single-order-table { width: calc(100vw - 24px); max-width: none; margin-inline: calc((100% - 100vw + 24px) / 2); }
}

.agnero-group-compact { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 16px; margin:12px 0 24px; border:1px solid #cbd9e6; border-radius:12px; color:#173b76; background:#f5f8fc; font-size:14px; font-weight:700; }
.agnero-group-compact:hover { background:#eaf1fa; }
body.single-product .summary .agnero-product-datasheet { display:grid; gap:32px; margin-block:20px; }
body.single-product .summary .agnero-product-datasheet > * { margin-block:0; }
body.single-product .summary .woocommerce-product-details__short-description { margin-block:12px; }

/* Related families: a clear image, a real size range, one destination. */
body.single-product div.product .agnero-related { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.agnero-related__header { margin-bottom:20px; }
body.single-product .agnero-related__header h2 { margin:0 0 8px; color:#173b76; font-size:26px; line-height:1.2; }
.agnero-related__header p { margin:0; color:#61748c; font-size:14px; line-height:1.5; }
.agnero-related__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.agnero-related__card { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid #d6e1ee; border-radius:14px; background:#fff; color:#173b76; text-decoration:none; transition:border-color .15s; }
.agnero-related__card:hover { border-color:#173b76; }
.agnero-related__card:focus-visible { outline:3px solid #ff7a00; outline-offset:3px; }
.agnero-related__image { height:180px; display:flex; align-items:center; justify-content:center; padding:20px; background:#f5f8fc; }
body.single-product .agnero-related__image img { display:block; width:100%; height:100%; object-fit:contain; margin:0; border-radius:0; box-shadow:none; }
.agnero-related__body { display:flex; flex:1; flex-direction:column; padding:16px; }
body.single-product .agnero-related__body h3 { margin:0 0 10px; font-size:17px; line-height:1.35; color:#173b76; }
.agnero-related__body p { margin:0 0 16px; font-size:14px; color:#61748c; }
.agnero-related__footer { display:flex; justify-content:space-between; gap:8px; margin-top:auto; padding-top:12px; border-top:1px solid #e4ebf3; font-size:13px; font-weight:700; }
@media(max-width:760px) {
  .agnero-related__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .agnero-related__image { height:140px; padding:16px; }
  .agnero-related__body { padding:12px; }
  body.single-product .agnero-related__body h3 { font-size:15px; }
  body.single-product .agnero-related__header h2 { font-size:23px; }
}
@media(prefers-reduced-motion:reduce) { .agnero-related__card { transition:none; } }

/* Product payment comparison: amounts first, bank logos on demand. */
body.single-product #agnero-installment-options { padding:24px; background:#fff; border:1px solid #d6e1ee; border-radius:16px; box-shadow:none; }
body.single-product #agnero-installment-options .agnero-paytr-installments__header { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px; padding-bottom:20px; margin-bottom:0; }
body.single-product #agnero-installment-options .agnero-paytr-installments__header > div { flex-basis:100%; margin-bottom:8px; }
body.single-product #agnero-installment-options h3 { font-size:22px; line-height:1.3; margin:6px 0; color:#173b76; }
body.single-product #agnero-installment-options .agnero-paytr-installments__amount { padding:0; border:0; border-radius:0; background:none; font-size:16px; }
.agnero-paytr-base-label { color:#61748c; font-size:14px; }
body.single-product #agnero-installment-options .agnero-paytr-plans { display:grid; grid-template-columns:1fr; gap:0; }
body.single-product #agnero-installment-options .agnero-paytr-plan { display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; gap:12px; padding:16px 0; border:0; border-bottom:1px solid #e4ebf3; border-radius:0; box-shadow:none; background:none; }
body.single-product #agnero-installment-options .agnero-paytr-plan__top { display:flex; flex-direction:column; align-items:flex-start; gap:4px; }
body.single-product #agnero-installment-options .agnero-paytr-plan__top strong { font-size:15px; }
body.single-product #agnero-installment-options .agnero-paytr-plan__rate { background:none; padding:0; font-size:11px; color:#146c43; }
body.single-product #agnero-installment-options .agnero-paytr-plan__monthly { display:flex; flex-direction:column; align-items:flex-end; gap:2px; }
body.single-product #agnero-installment-options .agnero-paytr-plan__monthly b { font-size:16px; color:#173b76; white-space:nowrap; }
body.single-product #agnero-installment-options .agnero-paytr-plan__monthly i { font-size:11px; color:#61748c; }
body.single-product #agnero-installment-options .agnero-paytr-plan__total { display:flex; flex-direction:column; align-items:flex-end; gap:2px; font-size:11px; }
body.single-product #agnero-installment-options .agnero-paytr-plan__total b { font-size:14px; white-space:nowrap; }
.agnero-installment-partners { margin-top:20px; }
.agnero-installment-partners summary { cursor:pointer; color:#173b76; font-weight:600; font-size:14px; padding:8px 0; }
body.single-product .agnero-installment-partners .agnero-paytr-banks { padding:12px 0 0; margin:0; border:0; background:none; }
body.single-product .agnero-installment-partners .agnero-paytr-banks__label { display:none; }
body.single-product .agnero-installment-partners .agnero-paytr-banks__list { display:grid; width:100%; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
body.single-product .agnero-installment-partners .agnero-paytr-banks__item { width:100%; padding:8px; height:44px; }
body.single-product .agnero-installment-partners img { max-width:100%; max-height:24px; object-fit:contain; }
@media(max-width:480px) { body.single-product #agnero-installment-options { padding:16px; } body.single-product #agnero-installment-options .agnero-paytr-plan { gap:6px; } body.single-product #agnero-installment-options .agnero-paytr-plan__monthly b { font-size:14px; } body.single-product #agnero-installment-options .agnero-paytr-plan__total b { font-size:12px; } }
body.single-product #agnero-installment-options .agnero-paytr-plan { min-height:0; padding-block:12px; }
body.single-product #agnero-installment-options .agnero-paytr-installments__table { margin-top:0; }
body.single-product .summary .agnero-product-datasheet--interactive { padding-top:20px; }
body.single-product .agnero-group-compact { margin-top:0; }
.agnero-related__more { display:block; margin:24px auto 0; padding:12px 26px; border:1px solid #173b76; border-radius:10px; background:#fff; color:#173b76; font:inherit; font-weight:700; cursor:pointer; }
.agnero-related__more[hidden] { display:none; }
.agnero-related__status { text-align:center; color:#61748c; font-size:13px; }
@media(max-width:760px) { body.single-product .agnero-woocommerce-shell { padding-top:12px; } }

/* ========================================================================
   CUSTOMER OBSERVATION PASS — STICKY CATEGORY RAIL + TABLET ACCOUNT CTA
   The contact strip stays in normal flow; the header and category rail keep
   their own stacking layers so customers can always return to the catalog.
   ======================================================================== */
:root {
  --agnero-site-header-height: 4.65rem;
}

.header-account-trigger--tablet,
.header-cart-menu .cart-label {
  display: none;
}

@media (min-width: 901px) {
  .main-navigation {
    position: sticky;
    top: var(--agnero-site-header-height, 4.65rem);
    z-index: 5095;
    margin-top: 0 !important;
  }
}

@media (min-width: 901px) and (max-width: 1200px) {
  /* A tablet has enough width for the real search field. Keep only the
     account and cart actions at the right edge; the hamburger/search pair is
     the mobile fallback and is intentionally removed here. */
  .site-header .header-main {
    grid-template-columns: minmax(9.5rem, auto) minmax(0, 1fr) auto;
    gap: clamp(0.55rem, 1.1vw, 1rem);
    min-height: 4.65rem;
  }

  .site-header .header-actions {
    display: inline-flex !important;
    align-items: center;
    gap: 0.28rem;
  }

  .site-header .mobile-header-controls {
    display: none !important;
  }

  .site-header .header-actions > .header-favorites-menu,
  .site-header .header-actions > .header-ai-entry,
  .site-header .header-actions > .header-rate-notch {
    display: none !important;
  }

  .site-header .header-account-menu,
  .site-header .header-cart-menu {
    display: inline-flex !important;
    flex: 0 0 auto;
  }

  .site-header .header-account-trigger--desktop {
    display: none !important;
  }

  .site-header .header-account-trigger--tablet {
    display: inline-flex !important;
  }

  .site-header .header-account-menu > .header-account-trigger:not(.header-account-trigger--desktop):not(.header-account-trigger--tablet) {
    display: inline-flex;
  }

  .site-header .header-account-dropdown {
    display: none !important;
  }

  .site-header .header-action-item {
    min-width: 4.4rem;
    min-height: 3.2rem;
    gap: 0.16rem;
    padding: 0.22rem 0.28rem;
  }

  .site-header .header-action-item .action-label,
  .site-header .header-action-item .cart-label {
    display: block;
    color: var(--header-navy);
    font-size: clamp(0.58rem, 0.45rem + 0.2vw, 0.7rem);
    font-weight: 850;
    letter-spacing: 0.025em;
    line-height: 1.15;
    text-align: center;
    white-space: nowrap;
  }

  .site-header .header-cart-menu .cart-label {
    display: block;
  }

  .site-header .header-cart-menu .cart-total {
    display: block;
    min-height: 0.7rem;
    font-size: 0.68rem;
    line-height: 1.05;
  }

  .site-header .header-action-item.cart-toggle {
    min-width: 4.9rem;
  }
}

@media (max-width: 900px) {
  /* The horizontal chooser follows the sticky header. Its soft fade keeps
     labels readable while content scrolls beneath it. */
  .mobile-home-category-tabs {
    position: sticky;
    top: var(--agnero-site-header-height, 4.5rem);
    z-index: 5085;
    display: block !important;
    margin: 0 !important;
    padding-top: 0;
    border: 0 !important;
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(255, 255, 255, 0.9) 48%,
      rgba(255, 255, 255, 0) 100%
    );
    box-shadow: none;
    /* The category rail is intentionally a lightweight gradient surface.
     * Do not blur the page behind it while the customer scrolls. */
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .mobile-home-category-tabs__scroller {
    padding-top: 0.35rem;
    padding-bottom: 1rem;
  }

  .mobile-quick-nav {
    border-color: rgba(18, 55, 120, 0.18);
    background: #ffffff;
    box-shadow: none;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .mobile-quick-nav-item,
  .mobile-quick-nav-item--button {
    color: var(--header-navy);
  }

  .mobile-quick-nav-item.is-active,
  .mobile-quick-nav-item--button.is-active,
  .mobile-quick-nav-item:hover,
  .mobile-quick-nav-item--button:hover,
  .mobile-quick-nav-item:focus-visible,
  .mobile-quick-nav-item--button:focus-visible {
    color: var(--header-navy);
    background: rgba(18, 55, 120, 0.06);
    transform: translate3d(0, -1px, 0);
  }

  .mobile-quick-nav-item--account.is-guest {
    position: relative;
    grid-template-columns: 1fr;
    align-items: center;
    justify-items: center;
    row-gap: 0.16rem;
    min-width: 0;
    padding-inline: 0.2rem;
    border: 1px solid var(--header-orange);
    background: transparent;
    color: #123778;
    box-shadow: none;
    animation: agneroAccountCtaIntro 1.2s cubic-bezier(0.22, 1, 0.36, 1) 0.25s 1 both;
  }

  .mobile-quick-nav-item--account.is-guest .mobile-quick-icon-wrap {
    color: var(--header-orange-strong);
  }

  .mobile-account-copy {
    display: contents;
    min-width: 0;
  }

  .mobile-account-label {
    overflow: hidden;
    max-width: 100%;
    font-size: clamp(0.62rem, 2.8vw, 0.74rem);
    font-weight: 900;
    letter-spacing: -0.015em;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
  }

  .mobile-account-note {
    display: none;
  }

  .mobile-account-arrow {
    display: none;
  }

  .mobile-quick-nav-item--account.is-guest:hover,
  .mobile-quick-nav-item--account.is-guest:focus-visible {
    border-color: var(--header-orange-strong);
    background: rgba(255, 122, 0, 0.06);
    color: #123778;
    box-shadow: none;
  }
}

@keyframes agneroAccountCtaIntro {
  0% {
    transform: translate3d(0, 0, 0) scale(0.96);
    box-shadow: 0 0 0 0 rgba(255, 122, 0, 0);
  }
  38% {
    transform: translate3d(0, 0, 0) scale(1.04);
    box-shadow: 0 0 0 4px rgba(255, 122, 0, 0.2);
  }
  72% {
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow: 0 0 0 2px rgba(255, 122, 0, 0.08);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mobile-quick-nav-item--account.is-guest {
    animation: none;
  }
}

/* ========================================================================
   ACCOUNT NAVIGATION — MOBILE READABILITY FIX
   Keep the account sections grouped on narrow screens and make the intended
   single-column layout explicit so labels and descriptions never overlap.
   ======================================================================== */
@media (max-width: 1200px) {
  .woocommerce-account .agnero-account-nav {
    display: block;
    overflow: visible;
    padding: 0.85rem;
  }

  .woocommerce-account .agnero-account-nav-head {
    display: block;
    padding: 0.3rem 0.45rem 0.85rem;
  }

  .woocommerce-account .agnero-account-nav-section {
    display: block;
    padding: 0.8rem 0.45rem;
  }

  .woocommerce-account .agnero-account-nav-section h3 {
    display: block;
    padding: 0;
    margin-bottom: 0.5rem;
  }

  .woocommerce-account .agnero-account-nav-section ul {
    display: grid;
    gap: 0.32rem;
  }

  .woocommerce-account .agnero-account-nav-item {
    display: block;
    flex: none;
  }

  .woocommerce-account .agnero-account-nav-item a {
    grid-template-columns: 2.15rem minmax(0, 1fr);
    gap: 0.62rem;
    min-height: 3.35rem;
    padding: 0.52rem 0.62rem;
    white-space: normal;
  }

  .woocommerce-account .agnero-account-nav-item-copy small {
    display: block;
    line-height: 1.3;
    white-space: normal;
  }

  .woocommerce-account .agnero-account-nav-item-icon {
    width: 2.15rem;
    height: 2.15rem;
  }

  .woocommerce-account .agnero-account-nav-item-icon svg {
    width: 1.02rem;
    height: 1.02rem;
  }

  .woocommerce-account .agnero-account-nav-footer {
    display: block;
    padding: 0.85rem 0.45rem 0.1rem;
    border-top: 1px solid #e2e8f0;
  }

  .woocommerce-account .agnero-account-logout-link {
    width: 100%;
    min-height: 2.8rem;
    padding: 0 0.75rem;
    white-space: normal;
  }
}

@media (max-width: 768px) {
  .woocommerce-account.logged-in .woocommerce {
    gap: 0.75rem;
    padding: 0.5rem;
  }

  .woocommerce-account .agnero-account-nav {
    padding: 0.65rem;
    border-radius: 0.82rem;
  }

  .woocommerce-account .agnero-account-nav-head {
    padding: 0.3rem 0.35rem 0.7rem;
  }

  .woocommerce-account .agnero-account-nav-section {
    padding: 0.7rem 0.35rem;
  }

  .woocommerce-account .agnero-account-nav-section h3 {
    font-size: 0.64rem;
  }

  .woocommerce-account .agnero-account-nav-item a {
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: 0.55rem;
    min-height: 3.25rem;
    padding: 0.48rem 0.55rem;
  }

  .woocommerce-account .agnero-account-nav-item-icon {
    width: 2rem;
    height: 2rem;
    border-radius: 0.58rem;
  }

  .woocommerce-account .agnero-account-nav-item-label {
    font-size: 0.84rem;
  }

  .woocommerce-account .agnero-account-nav-item-copy small {
    margin-top: 0.14rem;
    font-size: 0.68rem;
  }

  .woocommerce-account .agnero-account-nav-footer {
    padding: 0.75rem 0.35rem 0.05rem;
  }
}

/* Purchase actions: consistent orange across catalog and product pages. */
body .btn-add-to-cart:not(.agnero-request-product),
body .single_add_to_cart_button,
body .add_to_cart_button {
  background: #f47721 !important;
  border-color: #f47721 !important;
  color: #fff !important;
}
body .btn-add-to-cart:not(.agnero-request-product):hover,
body .single_add_to_cart_button:hover,
body .add_to_cart_button:hover {
  background: #e9650c !important;
  border-color: #e9650c !important;
}
body .btn-add-to-cart:focus-visible,
body .single_add_to_cart_button:focus-visible,
body .add_to_cart_button:focus-visible {
  outline: 3px solid #123778;
  outline-offset: 3px;
}

@media (max-width: 900px) {
  .mobile-home-category-tabs.is-table-visible {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }
}

/* Compact offer labels, without an alert box or side rule. */
.agnero-table-campaigns {
  display: flex; flex-wrap: wrap; gap: 8px 18px;
  margin: 0 0 14px; padding: 0; border: 0; background: transparent;
}
.agnero-campaign-tag {
  display: inline-flex; align-items: center; flex-wrap: wrap; gap: 9px;
  min-height: 34px; color: #123778; line-height: 1.3;
}
.agnero-campaign-tag__icon {
  display: grid; place-items: center; width: 30px; height: 30px;
  border-radius: 10px; background: #e8f5ee; color: #218455;
  font-size: 17px; font-weight: 750; transform: rotate(-8deg);
}
.agnero-campaign-tag strong { font-size: 15px; font-weight: 750; letter-spacing: -.02em; }
.agnero-campaign-tag__label { font-size: 12px; color: #6b778b; }

/* Public purchase facts share the catalogue's existing neutral typography. */
.agnero-purchase-facts {
  margin: 10px 0 14px;
  color: #475569;
  font-size: 13px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.agnero-purchase-facts p { margin: 0 0 6px; }
.agnero-purchase-facts a { text-decoration: underline; text-underline-offset: 3px; }
.agnero-purchase-facts--compact { margin: 6px 0 10px; font-size: 12px; }

/* Product purchase information follows the pack, action, delivery hierarchy. */
body.single-product div.product div.summary:has(> .agnero-product-pack) {
  grid-template-columns: minmax(0, 1fr) 52px;
  column-gap: 10px;
  row-gap: 12px;
}
body.single-product div.product div.summary:has(> .agnero-product-pack) > form.cart {
  grid-column: 1;
  width: 100%;
  grid-template-columns: minmax(104px, 0.34fr) minmax(0, 1fr);
  gap: 10px;
}
body.single-product div.product div.summary:has(> .agnero-product-pack) > form.cart .quantity:has(> .agnero-quantity-stepper__button) {
  grid-template-columns: 32px minmax(36px, 1fr) 32px;
}
body.single-product div.product div.summary:has(> .agnero-product-pack) > .agnero-favorite-single-wrap {
  grid-column: 2;
  width: 52px;
  justify-self: stretch;
  align-self: start;
}
body.single-product div.product div.summary:has(> .agnero-product-pack) .agnero-favorite-single-button {
  width: 52px;
  min-width: 52px;
  min-height: 52px;
  height: 52px;
  padding: 0;
  border: 1px solid #bfd0e0;
  background: #fff;
  font-size: 23px;
}
body.single-product div.product div.summary:has(> .agnero-product-pack) .agnero-favorite-single-button .agnero-favorite-text {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
body.single-product .summary .agnero-product-pack {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid #f5a15b;
  border-radius: 10px;
  background: #fffaf6;
  color: #17233b;
}
body.single-product .agnero-product-pack__icon {
  display: grid;
  flex: 0 0 28px;
  place-items: center;
  color: #e87924;
}
body.single-product .agnero-product-pack__icon svg { display: block; width: 27px; height: 27px; }
body.single-product .agnero-product-pack strong,
body.single-product .agnero-product-pack small { display: block; }
body.single-product .agnero-product-pack strong { font-size: 16px; line-height: 1.3; }
body.single-product .agnero-product-pack small { margin-top: 2px; color: #52627b; font-size: 13px; line-height: 1.4; }

body.single-product .summary .agnero-product-delivery {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 6px 12px;
  border: 1px solid #d9e2ec;
  border-radius: 10px;
  background: #f8fafc;
}
body.single-product .agnero-product-delivery__item {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 10px 12px;
}
body.single-product .agnero-product-delivery__item + .agnero-product-delivery__item { border-left: 1px solid #d9e2ec; }
body.single-product .agnero-product-delivery__icon { flex: 0 0 22px; color: #173b76; }
body.single-product .agnero-product-delivery__icon svg { display: block; width: 22px; height: 22px; }
body.single-product .agnero-product-delivery__item:first-child .agnero-product-delivery__icon { color: #168149; }
body.single-product .agnero-product-delivery__item small,
body.single-product .agnero-product-delivery__item strong { display: block; overflow-wrap: anywhere; }
body.single-product .agnero-product-delivery__item small { color: #5b6980; font-size: 12px; }
body.single-product .agnero-product-delivery__item strong { color: #173b76; font-size: 13px; line-height: 1.4; }
body.single-product .agnero-product-delivery__item:first-child strong { color: #168149; }
body.single-product .agnero-product-delivery__note {
  grid-column: 1 / -1;
  margin: -4px 0 0;
  color: #65728a;
  font-size: 12px;
  line-height: 1.45;
}
body.single-product .summary .agnero-product-fact-details { color: #65728a; font-size: 13px; line-height: 1.55; }
body.single-product div.product div.summary > .agnero-product-installment-note {
  padding: 12px 16px;
  border: 1px solid #d3e5fa;
  border-radius: 9px;
  background: #f0f6ff;
  color: #173b76;
}
@media (max-width: 700px) {
  /* Keep the product's purchase controls clear of the global floating actions. */
  body.single-product .whatsapp-float,
  body.single-product .mobile-quick-nav { display: none !important; }
  body.single-product div.product div.summary:has(> .agnero-product-pack) > form.cart {
    grid-template-columns: minmax(100px, 0.38fr) minmax(0, 1fr) !important;
  }
  body.single-product .summary .agnero-product-delivery { grid-template-columns: 1fr; padding: 2px 14px; }
  body.single-product .agnero-product-delivery__item { padding: 10px 0; }
  body.single-product .agnero-product-delivery__item + .agnero-product-delivery__item { border-left: 0; border-top: 1px solid #d9e2ec; }
}
@media (max-width: 700px) {
  body.single-product div.product div.summary:has(> .agnero-product-pack) {
    grid-template-columns: minmax(0, 1fr) 44px;
    column-gap: 8px;
  }
  body.single-product div.product div.summary:has(> .agnero-product-pack) > form.cart { gap: 8px; }
  body.single-product div.product div.summary:has(> .agnero-product-pack) > .agnero-favorite-single-wrap,
  body.single-product div.product div.summary:has(> .agnero-product-pack) .agnero-favorite-single-button {
    width: 44px;
    min-width: 44px;
  }
}
@media (max-width: 360px) {
  body.single-product div.product div.summary:has(> .agnero-product-pack) > form.cart .single_add_to_cart_button {
    padding-inline: 4px;
    font-size: 13px;
    white-space: nowrap;
  }
}

/* Mobile uses a separate fixed header clone; the source header must stay
   in its own row instead of offsetting inside the horizontal scroller. */
@media (max-width: 760px) {
  .product-specs-table-wrapper .product-specs-table thead th {
    position: static;
    top: auto;
  }
}

/* The seventh home family is mobile-only until the desktop grid is expanded. */
.agnero-home-v3-products > .agnero-home-v3-card--mengeneler { display: none; }
@media (max-width: 760px) {
  .agnero-home-v3-products > .agnero-home-v3-card--mengeneler { display: grid; }
}

/* Homepage category navigator: fixed viewport origin for card-to-panel expansion. */
.agnero-category-panel { padding:0; border:0; background:transparent; width:min(1120px, calc(100% - 48px)); max-width:none; max-height:calc(100dvh - 64px); overflow:visible; color:#153875; }
.agnero-category-panel::backdrop { background:rgb(10 24 48 / 48%); }
.agnero-category-panel__surface { background:#fff; border:1px solid #d4dfed; border-radius:24px; box-shadow:0 24px 80px #07162c33; display:flex; flex-direction:column; max-height:calc(100dvh - 64px); overflow:hidden; transform-origin:top left; }
.agnero-category-panel__header { display:flex; align-items:center; gap:14px; padding:24px; border-bottom:1px solid #e7edf5; flex-shrink:0; }
.agnero-category-panel__header > div { flex:1; min-width:0; }
.agnero-category-panel__eyebrow { font-size:11px; letter-spacing:.14em; font-weight:700; color:#70829d; }
.agnero-category-panel h2 { margin:4px 0 0; font-size:26px; line-height:1.2; color:#153875; }
.agnero-category-panel h2:focus { outline:none; }
.agnero-category-panel__header button { flex:none; width:44px; height:44px; padding:0; border:1px solid #d4dfed; border-radius:50%; background:#fff; color:#153875; font-size:26px; cursor:pointer; }
.agnero-category-panel__back[hidden] { display:none; }
.agnero-category-panel__body { overflow-y:auto; overscroll-behavior:contain; padding:20px 24px 24px; min-height:0; }
.agnero-category-panel__hint { margin:0 0 16px; font-size:14px; color:#6a7c96; }
.agnero-category-panel__list { display:block; }
.agnero-category-panel__list .agnero-catalog-section { margin:0; }
.agnero-category-panel__list .agnero-catalog-card-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.agnero-category-panel a:focus-visible,.agnero-category-panel button:focus-visible { outline:3px solid #f77b17; outline-offset:2px; }
.agnero-category-panel__footer { padding:18px 24px; border-top:1px solid #e7edf5; flex-shrink:0; }
.agnero-category-panel__all { display:flex; justify-content:space-between; gap:16px; align-items:center; min-height:50px; padding:12px 18px; border-radius:12px; background:#f87917; color:#fff; font-weight:700; text-decoration:none; }
@media(max-width:760px) {
 .agnero-category-panel { width:calc(100% - 24px); margin: max(12px, env(safe-area-inset-top)) auto auto; max-height:calc(100dvh - 24px - env(safe-area-inset-bottom)); }
 .agnero-category-panel__surface { border-radius:20px; max-height:calc(100dvh - 24px - env(safe-area-inset-bottom)); }
 .agnero-category-panel__header { padding:18px; gap:10px; }
 .agnero-category-panel h2 { font-size:22px; }
 .agnero-category-panel__body { padding:16px 18px 20px; }
 .agnero-category-panel__footer { padding:14px 18px; }
 .agnero-category-panel__list .agnero-catalog-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
}
@media(prefers-reduced-motion:reduce) { .agnero-category-panel__list a { transition:none; } }

/* Keep the overlay fixed while its white surface expands from the selected card. */
.agnero-category-panel { position:fixed; inset:0; margin:0; width:100%; height:100dvh; max-height:none; max-width:none; }
.agnero-category-panel[open] { display:flex; align-items:center; justify-content:center; }
.agnero-category-panel__surface { width:min(1120px, calc(100% - 48px)); max-height:calc(100dvh - 48px); position:relative; }
.agnero-category-panel__header { position:relative; z-index:2; border:0; padding-bottom:32px; margin-bottom:-16px; background:linear-gradient(to bottom,#fff 65%,rgb(255 255 255 / 0)); pointer-events:none; }
.agnero-category-panel__header > * { pointer-events:auto; }
.agnero-category-panel__header > div { display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.agnero-category-panel__all { display:inline-flex; gap:6px; min-height:32px; padding:5px 10px; border:1px solid #dce5f0; border-radius:8px; background:#f6f8fb; color:#516581; font-size:12px; font-weight:600; white-space:nowrap; }
.agnero-category-panel__all:hover { background:#eaf0f7; color:#153875; }
.agnero-category-panel__body { padding-top:16px; }
@media(max-width:760px) {
 .agnero-category-panel { margin:0; width:100%; height:100dvh; max-height:none; }
 .agnero-category-panel[open] { align-items:flex-start; padding-top:max(12px,env(safe-area-inset-top)); }
 .agnero-category-panel__surface { width:calc(100% - 24px); max-height:calc(100dvh - 24px - env(safe-area-inset-bottom)); }
 .agnero-category-panel__header { padding-bottom:28px; }
 .agnero-category-panel__header > div { gap:8px; }
 .agnero-category-panel__all { font-size:11px; min-height:28px; }
}

/* Let scrolling cards pass behind the entire fading header, not a separate white row. */
.agnero-category-panel__header { margin-bottom:-108px; min-height:108px; padding:24px 24px 40px; background:linear-gradient(180deg,#fff 0%,#fff 48%,rgba(255,255,255,.92) 65%,rgba(255,255,255,0) 100%); }
.agnero-category-panel__body { padding-top:108px; scroll-padding-top:108px; }
.agnero-category-panel__all { flex-shrink:0; max-width:42%; white-space:normal; text-align:center; }
@media(max-width:760px) {
 .agnero-category-panel__header { min-height:112px; margin-bottom:-112px; padding:18px 18px 38px; gap:10px; }
 .agnero-category-panel__body { padding-top:112px; scroll-padding-top:112px; }
 .agnero-category-panel__all { max-width:36%; padding:5px 8px; font-size:11px; }
 .agnero-category-panel h2 { overflow-wrap:anywhere; }
}

/* Isolate card z-indexes below the fading header. */
.agnero-category-panel__body { position:relative; z-index:0; isolation:isolate; }
.agnero-category-panel__header { z-index:2; }
.agnero-category-panel::backdrop { transition:background-color 150ms ease-out; }
.agnero-category-panel.is-backdrop-leaving::backdrop { background-color:transparent; }
.agnero-category-panel__all svg { flex:none; }
@media(max-width:760px) {
 .agnero-category-panel__all-label { display:none; }
 .agnero-category-panel__all { width:44px; height:44px; min-height:44px; max-width:none; padding:0; justify-content:center; border-radius:50%; }
}
@media(prefers-reduced-motion:reduce) { .agnero-category-panel::backdrop { transition:none; } }

/* Category panel: reserve the real image area while assets arrive. */
.agnero-category-panel .is-image-loading {
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  background: #eef2f7;
}
.agnero-category-panel .is-image-loading img {
  opacity: 0;
}
.agnero-category-panel .is-image-loading::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(100deg, transparent 20%, rgba(255,255,255,.75) 50%, transparent 80%);
  transform: translateX(-100%);
  animation: agneroCategorySkeleton 1.3s ease-in-out infinite;
}
.agnero-category-panel .is-image-ready img {
  animation: agneroCategoryImageReveal 180ms ease-out;
}
@keyframes agneroCategorySkeleton {
  to { transform: translateX(100%); }
}
@keyframes agneroCategoryImageReveal {
  from { opacity: 0; }
  to { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .agnero-category-panel .is-image-loading::after,
  .agnero-category-panel .is-image-ready img { animation: none; }
}

/* Destination-specific loading layouts; independent of the category dialog. */
.agnero-navigation-skeleton {
  position: fixed; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0;
  border: 0; box-sizing: border-box; background: #fff; color: #123778;
  z-index: 100001; pointer-events: none; overflow: hidden;
}
.agnero-navigation-skeleton[hidden] { display: none; }
.agnero-navigation-skeleton::backdrop { background: transparent; pointer-events: none; }
.agnero-navigation-skeleton__header { height: 80px; display: flex; align-items: center; gap: 40px; padding: 16px 24px; border-bottom: 1px solid #e5ebf3; }
.nav-sk-logo { width: 250px; height: 44px; display: block; }
.nav-sk-logo img { width: 100%; height: 100%; object-fit: contain; }
.nav-sk-search { display: block; height: 44px; max-width: 720px; flex: 1; background: #f0f3f8; border-radius: 14px; }
.agnero-navigation-skeleton__rail { height: 50px; background: #123778; }
.agnero-navigation-skeleton__content { max-width: 1440px; padding: 24px; margin: auto; }
.nav-sk-block { display: block; position: relative; overflow: hidden; background: #edf1f6; border-radius: 8px; }
.nav-sk-block::after { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 20%, rgba(255,255,255,.8) 50%, transparent 80%); transform: translateX(-100%); animation: agneroCategorySkeleton 1.3s ease-in-out infinite; }
.nav-sk-breadcrumb { width: 180px; height: 14px; margin-bottom: 28px; }
.nav-sk-title { width: 55%; height: 36px; margin-bottom: 24px; }
.nav-sk-line { width: 100%; height: 15px; margin-bottom: 12px; }
.nav-sk-line.short { width: 65%; }
.nav-sk-hero { height: 380px; position: relative; border-radius: 18px; background: #f4f7fb; padding: 60px; overflow: hidden; }
.nav-sk-hero-title { width: 40%; height: 90px; }
.nav-sk-hero-copy { width: 35%; height: 40px; margin-top: 22px; }
.nav-sk-hero-button { width: 190px; height: 44px; margin-top: 24px; }
.nav-sk-hero-image { position: absolute; right: 4%; top: 7%; width: 40%; height: 86%; }
.nav-sk-benefits { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; padding: 20px; }
.nav-sk-benefits > span { height: 45px; }
.nav-sk-families { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.nav-sk-family { display: grid; grid-template-columns: 36% 1fr; gap: 16px; padding: 16px; border: 1px solid #e3eaf2; border-radius: 12px; min-height: 145px; align-items: center; }
.nav-sk-family-image { height: 110px; }
.nav-sk-product, .nav-sk-catalog-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.nav-sk-product-image { min-height: 380px; aspect-ratio: 1.2; }
.nav-sk-price { height: 48px; width: 130px; margin: 30px 0; }
.nav-sk-pack { height: 80px; margin: 20px 0; }
.nav-sk-buy { height: 54px; }
.nav-sk-table { margin-top: 32px; }
.nav-sk-row { height: 48px; margin-bottom: 8px; }
.agnero-navigation-skeleton[data-layout="category"] .agnero-catalog-section { margin-top: 0; }
.agnero-navigation-skeleton[data-layout="category"] .agnero-catalog-card { pointer-events: none; box-shadow: none; }
.agnero-navigation-skeleton[data-layout="category"] img { visibility: hidden; }
.agnero-navigation-skeleton[data-layout="category"] :is(.agnero-catalog-visual, .agnero-catalog-showcase-visual) { background: #edf1f6; border-radius: 12px; }
.agnero-navigation-skeleton[data-layout="category"] :is(strong, .agnero-catalog-card__chips, .agnero-catalog-showcase-links) { color: transparent; background: #edf1f6; border-radius: 6px; }
.agnero-navigation-skeleton[data-layout="category"] :is(a, small, span) { color: transparent; }
@media (max-width: 760px) {
  .agnero-navigation-skeleton__header { height: 64px; justify-content: center; padding: 12px; }
  .nav-sk-logo { width: 190px; height: 36px; }
  .nav-sk-search { display: none; }
  .agnero-navigation-skeleton__rail { height: 56px; background: repeating-linear-gradient(90deg,#f0f3f8 0 100px,#fff 100px 112px); border-block: 10px solid white; }
  .agnero-navigation-skeleton__content { padding: 16px; }
  .nav-sk-hero { height: 365px; padding: 32px 24px; }
  .nav-sk-hero-title { width: 54%; height: 100px; }
  .nav-sk-hero-copy { width: 50%; height: 60px; }
  .nav-sk-hero-image { width: 33%; right: 3%; }
  .nav-sk-hero-button { width: 48%; }
  .nav-sk-benefits { display: none; }
  .nav-sk-families { grid-template-columns: 1fr; margin-top: 16px; }
  .nav-sk-family { min-height: 138px; }
  .nav-sk-product, .nav-sk-catalog-intro { grid-template-columns: 1fr; gap: 24px; }
  .nav-sk-product-image { min-height: 240px; }
}
@media (pointer: coarse) { a[href], button { touch-action: manipulation; } }
@media (prefers-reduced-motion: reduce) { .nav-sk-block::after { animation: none; } }
.agnero-navigation-skeleton > [role="status"] {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}

/* EUR remains primary; TRY mirrors the published catalogue snapshot. */
.agnero-price-sale.agnero-price-dual,
body.single-product div.product div.summary .agnero-price-sale.agnero-price-dual {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  padding-right: 0;
  text-align: left;
}
.agnero-price-dual__line {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  white-space: nowrap;
}
.agnero-price-dual .agnero-price-sale__regular {
  font-size: 0.72em;
  line-height: 1.2;
}
.agnero-price-try,
body.single-product div.product div.summary .agnero-price-try,
body.single-product div.product div.summary .agnero-price-try .woocommerce-Price-amount,
body.single-product div.product div.summary .agnero-price-try .woocommerce-Price-currencySymbol {
  color: #75808b;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}
.agnero-price-try { position: relative; cursor: help; }
.agnero-price-try:focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; border-radius: 3px; }
.agnero-price-try__note {
  display: none;
  position: absolute;
  z-index: 30;
  top: calc(100% + 8px);
  right: 0;
  width: 250px;
  max-width: 70vw;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: #53606c;
  box-shadow: 0 6px 24px #142d3824;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  white-space: normal;
  text-align: left;
}
.agnero-price-dual:hover .agnero-price-try__note,
.agnero-price-try:focus .agnero-price-try__note { display: block; }
body.single-product div.product div.summary .agnero-price-try,
body.single-product div.product div.summary .agnero-price-try .woocommerce-Price-amount,
body.single-product div.product div.summary .agnero-price-try .woocommerce-Price-currencySymbol { font-size: 18px; }
@media (min-width: 701px) {
  .product-specs-table-wrapper:has(.agnero-price-dual:hover),
  .product-specs-table-wrapper:has(.agnero-price-try:focus) { overflow: visible; }
}
@media (max-width: 700px) {
  .agnero-price-try__note {
    position: fixed;
    top: auto;
    bottom: 96px;
    left: 20px;
    right: 20px;
    width: auto;
    max-width: none;
    z-index: 1000;
  }
}

/* Purchase units stay readable without changing the primary EUR hierarchy. */
.agnero-price-dual__basis {
  color: #75808b;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.5;
  white-space: normal;
}
body.single-product div.product div.summary .agnero-price-dual__basis { font-size: 12px; }
body.single-product div.product div.summary .agnero-price-tax-summary {
  margin: -14px 0 20px;
  color: #53606c;
  font-size: 14px;
  line-height: 1.6;
}
body.single-product div.product div.summary .agnero-price-tax-summary .woocommerce-Price-amount {
  font-size: inherit;
  font-weight: 600;
  color: inherit;
}
.agnero-product-pack { flex-wrap: wrap; }
.agnero-product-pack__total { margin-left: auto; text-align: right; }
@media (max-width: 600px) {
  .agnero-product-pack__total { margin-left: 38px; text-align: left; }
}
.agnero-table-price-note {
  margin: 0 0 10px;
  color: #75808b;
  font-size: 12px;
  line-height: 1.6;
}

/* Text-first store advantages, shared by catalogue and product pages. */
/* Shared advantages: compact copy and native inline disclosures. */
.agnero-store-benefits { clear:both; margin:28px 0; padding:24px 28px; border:1px solid #dbe5f1; border-radius:12px; background:#f5f8fc; color:#173b76; }
.agnero-store-benefits > h2 { margin:0 0 18px; color:#60748e; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
body.single-product div.product > .agnero-store-benefits { grid-column:1 / -1; width:100%; box-sizing:border-box; }
.agnero-store-benefits__grid { display:grid; grid-template-columns:1fr 1fr; gap:24px 32px; align-items:start; }
.agnero-store-benefits__item { min-width:0; scroll-margin-top:160px; }
.agnero-store-benefits__item:nth-child(even) { border-left:1px solid #dbe5f1; padding-left:32px; }
.agnero-store-benefits__item:nth-child(n+3) { border-top:1px solid #dbe5f1; padding-top:20px; }
.agnero-store-benefits__item h3 { margin:0 0 8px; color:#173b76; font-size:20px; font-weight:750; line-height:1.3; }
.agnero-store-benefits__item p { margin:0 0 10px; color:#5f7086; font-size:13px; line-height:1.65; }
.agnero-benefit-details summary { display:flex; align-items:center; justify-content:space-between; gap:12px; list-style:none; cursor:pointer; color:#173b76; font-size:12px; font-weight:700; padding:7px 0; }
.agnero-benefit-details summary::-webkit-details-marker { display:none; }
.agnero-benefit-details summary:focus-visible,.agnero-benefit-contact a:focus-visible,.agnero-home-v3-trust__item:focus-visible { outline:2px solid #ff7900; outline-offset:4px; border-radius:3px; }
.agnero-benefit-details__icon { color:#ff7900; font-size:20px; font-weight:400; transition:transform .18s; }
.agnero-benefit-details[open] .agnero-benefit-details__icon { transform:rotate(45deg); }
.agnero-benefit-details summary .agnero-benefit-details__less,.agnero-benefit-details[open] summary > span:first-child { display:none; }
.agnero-benefit-details[open] summary .agnero-benefit-details__less { display:inline; }
.agnero-benefit-details__body { border-top:1px solid #dbe5f1; padding-top:14px; margin-top:6px; }
.agnero-benefit-details__body h4 { font-size:14px; line-height:1.5; margin:0 0 8px; color:#173b76; }
.agnero-benefit-details__body p + h4 { margin-top:16px; }
.agnero-benefit-banks { display:flex; flex-wrap:wrap; gap:6px; list-style:none; margin:0 0 16px; padding:0; }
.agnero-benefit-banks li { border:1px solid #dbe5f1; border-radius:4px; padding:4px 7px; font-size:11px; color:#3d5474; background:white; }
.agnero-benefit-contact { display:flex; flex-wrap:wrap; gap:8px 16px; margin:10px 0; }
.agnero-benefit-contact a { display:flex; flex-direction:column; gap:3px; text-decoration:none; color:#173b76; }
.agnero-benefit-contact a span { color:#62748e; font-size:10px; }
.agnero-benefit-contact a strong { font-size:12px; white-space:nowrap; }
.agnero-benefit-contact a:hover { color:#e66700; }
.agnero-store-policy-summary { margin-bottom:28px; }
.agnero-home-v3-trust a.agnero-home-v3-trust__item { text-decoration:none; }

/* Small photographic windows borrow the clipped corner of a cutting insert. */
.agnero-store-benefits--illustrated { width:calc(100% - 48px); max-width:1280px; margin:24px auto 40px; padding:0; border:0; background:transparent; box-sizing:border-box; }
.agnero-store-benefits--illustrated > h2 { font-size:20px; letter-spacing:0; text-transform:none; color:#173b76; margin:0 0 16px; }
.agnero-store-benefits--illustrated .agnero-store-benefits__grid { gap:14px; }
.agnero-store-benefits--illustrated .agnero-store-benefits__item { display:grid; grid-template-columns:118px minmax(0,1fr); gap:20px; padding:18px; border:1px solid #dbe5f1; border-radius:10px; background:#fff; min-height:166px; box-sizing:border-box; transition:border-color .18s; }
.agnero-store-benefits--illustrated .agnero-store-benefits__item:hover { border-color:#a6b9d3; }
.agnero-benefit-media { position:relative; overflow:hidden; height:148px; border-radius:5px; clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%); background:#173b76; }
.agnero-benefit-image { display:block; width:100%; height:100%; object-fit:cover; }
#agnero-benefit-installments .agnero-benefit-image { object-position:35% center; }
#agnero-benefit-support .agnero-benefit-image { object-position:27% center; }
.agnero-benefit-image-label { position:absolute; left:0; bottom:0; width:100%; padding:9px 11px 12px; box-sizing:border-box; background:#173b76; color:white; font-size:13px; font-weight:700; line-height:1.3; }
#agnero-benefit-installments .agnero-benefit-image-label { background:#ff7900; }
.agnero-store-benefits--illustrated .agnero-benefit-copy { padding:2px 0 0; min-width:0; }
.agnero-store-benefits--illustrated .agnero-store-benefits__item h3 { font-size:19px; }
.agnero-store-benefits--illustrated .agnero-benefit-copy > p { font-size:12px; line-height:1.65; }
.agnero-store-benefits--illustrated .agnero-benefit-details summary { border-top:1px solid #edf1f7; margin-top:12px; }
@media(max-width:900px) {
 .agnero-store-benefits--illustrated .agnero-store-benefits__item { grid-template-columns:88px minmax(0,1fr); gap:14px; padding:15px; }
 .agnero-benefit-media { height:130px; }
 .agnero-store-benefits--illustrated .agnero-store-benefits__item h3 { font-size:17px; }
}
@media(max-width:700px) {
 .agnero-store-benefits { padding:20px; margin:24px 0; }
 .agnero-store-benefits__grid { grid-template-columns:1fr; gap:20px; }
 .agnero-store-benefits__item:nth-child(even) { border-left:0; padding-left:0; }
 .agnero-store-benefits__item + .agnero-store-benefits__item { border-top:1px solid #dbe5f1; padding-top:20px; }
 .agnero-store-benefits--illustrated { width:calc(100% - 32px); margin:20px auto 32px; }
 .agnero-store-benefits--illustrated .agnero-store-benefits__grid { gap:10px; }
 .agnero-store-benefits--illustrated .agnero-store-benefits__item { grid-template-columns:78px minmax(0,1fr); gap:13px; padding:14px; min-height:0; }
 .agnero-benefit-media { height:116px; }
 .agnero-benefit-image-label { font-size:11px; padding:7px 8px 10px; }
 .agnero-store-benefits--illustrated .agnero-store-benefits__item h3 { font-size:16px; }
 .agnero-store-benefits--illustrated .agnero-benefit-copy > p { font-size:11px; }
 .agnero-benefit-contact { gap:8px; }
 .agnero-benefit-contact a strong { font-size:11px; }
}
@media(prefers-reduced-motion:reduce) { .agnero-benefit-details__icon,.agnero-store-benefits--illustrated .agnero-store-benefits__item { transition:none; } }