/* Akethya contact request, quote menu and store category update */
.ak-quote-nav-link,
.ak-final-static-links .ak-quote-nav-link,
nav .ak-quote-nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  min-height: 38px;
  padding: .62rem 1rem !important;
  border-radius: 999px;
  border: 1px solid rgba(255, 206, 110, .58) !important;
  background: linear-gradient(135deg, rgba(255, 206, 110, .2), rgba(0, 144, 255, .12)) !important;
  color: #ffe4a4 !important;
  font-weight: 800 !important;
  letter-spacing: .02em;
  text-decoration: none !important;
  box-shadow: 0 0 24px rgba(255, 190, 82, .2), inset 0 0 18px rgba(255,255,255,.04);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.ak-quote-nav-link:hover,
.ak-quote-nav-link:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(255, 226, 148, .9) !important;
  box-shadow: 0 12px 34px rgba(255, 190, 82, .28), 0 0 18px rgba(0, 148, 255, .22);
  outline: none;
}

.ak-request-section,
.ak-store-category-section,
.ak-quote-page-section {
  position: relative;
  padding: clamp(3.8rem, 8vw, 7rem) 0;
  overflow: hidden;
}
.ak-request-section::before,
.ak-store-category-section::before,
.ak-quote-page-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 12%, rgba(255, 205, 105, .18), transparent 32%),
    radial-gradient(circle at 84% 22%, rgba(0, 132, 255, .16), transparent 32%),
    linear-gradient(180deg, rgba(5, 18, 35, .96), rgba(2, 8, 18, .98));
}
.ak-request-section > .container,
.ak-store-category-section > .container,
.ak-quote-page-section > .container { position: relative; z-index: 1; }
.ak-request-shell,
.ak-store-category-shell,
.ak-quote-page-shell {
  border: 1px solid rgba(255, 216, 145, .22);
  background: linear-gradient(145deg, rgba(8, 25, 48, .92), rgba(2, 12, 26, .97));
  border-radius: 30px;
  box-shadow: 0 30px 85px rgba(0,0,0,.5), 0 0 42px rgba(255, 194, 83, .16), inset 0 1px 0 rgba(255,255,255,.08);
  overflow: hidden;
}
.ak-request-grid,
.ak-quote-page-grid {
  display: grid;
  grid-template-columns: minmax(280px, .82fr) minmax(320px, 1.18fr);
  gap: 0;
}
.ak-request-info,
.ak-quote-info {
  padding: clamp(1.6rem, 3vw, 3rem);
  background:
    linear-gradient(180deg, rgba(255, 202, 106, .09), rgba(0, 148, 255, .04)),
    radial-gradient(circle at 80% 20%, rgba(255, 205, 105, .18), transparent 38%);
  border-right: 1px solid rgba(255, 216, 145, .14);
}
.ak-section-eyebrow,
.ak-request-kicker,
.ak-store-kicker {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  color: #ffd98b;
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .18em;
  font-weight: 900;
  margin-bottom: .8rem;
}
.ak-request-info h2,
.ak-quote-info h1,
.ak-store-category-head h2 {
  color: #fff7df;
  font-size: clamp(2rem, 4vw, 3.5rem);
  line-height: 1.02;
  margin: 0 0 1rem;
  letter-spacing: -.04em;
}
.ak-request-info p,
.ak-quote-info p,
.ak-store-category-head p {
  color: rgba(236, 244, 255, .78);
  font-size: 1rem;
  line-height: 1.7;
  margin: 0 0 1.4rem;
}
.ak-request-points,
.ak-quote-points {
  display: grid;
  gap: .85rem;
  margin-top: 1.5rem;
}
.ak-request-points div,
.ak-quote-points div {
  display: flex;
  gap: .8rem;
  align-items: flex-start;
  padding: .9rem;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 18px;
  background: rgba(255,255,255,.04);
  color: rgba(236,244,255,.82);
}
.ak-request-points strong,
.ak-quote-points strong { color: #ffd98b; }
.ak-request-form,
.ak-quote-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  padding: clamp(1.4rem, 3vw, 3rem);
}
.ak-form-field { display: grid; gap: .42rem; }
.ak-form-field.ak-span-2 { grid-column: 1 / -1; }
.ak-form-field label {
  color: rgba(255, 244, 214, .9);
  font-size: .86rem;
  font-weight: 800;
}
.ak-form-field input,
.ak-form-field select,
.ak-form-field textarea {
  width: 100%;
  border: 1px solid rgba(255, 216, 145, .18);
  background: rgba(1, 10, 24, .58);
  color: #ffffff;
  border-radius: 16px;
  padding: .95rem 1rem;
  font: inherit;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease, background .2s ease;
}
.ak-form-field textarea { min-height: 130px; resize: vertical; }
.ak-form-field input:focus,
.ak-form-field select:focus,
.ak-form-field textarea:focus {
  border-color: rgba(255, 216, 145, .78);
  box-shadow: 0 0 0 4px rgba(255, 201, 95, .11), 0 0 26px rgba(0, 145, 255, .12);
  background: rgba(3, 18, 39, .8);
  transform: translateY(-1px);
}
.ak-form-submit-wrap {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}
.ak-form-submit {
  appearance: none;
  border: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 1.25rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #ffe29b, #d39635);
  color: #07101f;
  font-weight: 950;
  letter-spacing: .02em;
  box-shadow: 0 18px 40px rgba(211, 150, 53, .28);
  transition: transform .25s ease, box-shadow .25s ease;
}
.ak-form-submit:hover,
.ak-form-submit:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 24px 50px rgba(211, 150, 53, .36);
  outline: none;
}
.ak-form-note {
  color: rgba(236, 244, 255, .68);
  font-size: .88rem;
  line-height: 1.55;
  max-width: 440px;
}
.ak-form-status {
  grid-column: 1 / -1;
  display: none;
  border: 1px solid rgba(255, 216, 145, .24);
  background: rgba(255, 216, 145, .08);
  color: #ffe6ad;
  border-radius: 16px;
  padding: .85rem 1rem;
  line-height: 1.55;
}
.ak-form-status.is-visible { display: block; }

.ak-store-category-shell { padding: clamp(1.4rem, 3vw, 3rem); }
.ak-store-category-head {
  display: grid;
  grid-template-columns: minmax(260px, .86fr) minmax(260px, 1.14fr);
  gap: 2rem;
  align-items: end;
  margin-bottom: 2rem;
}
.ak-store-category-note {
  display: grid;
  gap: .75rem;
  color: rgba(236,244,255,.78);
}
.ak-store-category-note span {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  padding: .8rem 1rem;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.04);
  border-radius: 16px;
}
.ak-store-category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
.ak-store-category-card {
  position: relative;
  min-height: 238px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.2rem;
  border-radius: 24px;
  border: 1px solid rgba(255, 216, 145, .18);
  background:
    radial-gradient(circle at 76% 18%, rgba(255, 216, 145, .16), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
  box-shadow: 0 20px 45px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.06);
  overflow: hidden;
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}
.ak-store-category-card::after {
  content: "";
  position: absolute;
  inset: auto -25% -45% auto;
  width: 180px;
  height: 180px;
  border-radius: 999px;
  background: rgba(0, 145, 255, .12);
  filter: blur(4px);
}
.ak-store-category-card:hover,
.ak-store-category-card:focus-within {
  transform: translateY(-7px);
  border-color: rgba(255, 216, 145, .58);
  box-shadow: 0 28px 65px rgba(0,0,0,.42), 0 0 34px rgba(255, 205, 105, .14);
}
.ak-store-category-icon {
  position: relative;
  z-index: 1;
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  color: #ffe0a0;
  background: rgba(255,216,145,.12);
  border: 1px solid rgba(255,216,145,.24);
  font-size: 1.35rem;
  font-weight: 950;
}
.ak-store-category-card h3 {
  position: relative;
  z-index: 1;
  color: #fff7df;
  font-size: 1.28rem;
  margin: 1rem 0 .5rem;
}
.ak-store-category-card p {
  position: relative;
  z-index: 1;
  color: rgba(236,244,255,.74);
  line-height: 1.58;
  margin: 0 0 1rem;
}
.ak-store-category-card a {
  position: relative;
  z-index: 1;
  color: #ffd98b;
  font-weight: 900;
  text-decoration: none;
}
.ak-store-category-card a:hover { text-decoration: underline; }
.ak-store-filter-strip {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  margin: 0 0 1.6rem;
}
.ak-store-filter-pill {
  border: 1px solid rgba(255,216,145,.2);
  background: rgba(255,255,255,.04);
  color: rgba(255,247,223,.84);
  border-radius: 999px;
  padding: .68rem .95rem;
  font-weight: 800;
  cursor: pointer;
}
.ak-store-filter-pill.is-active,
.ak-store-filter-pill:hover {
  color: #07101f;
  background: linear-gradient(135deg, #ffe29b, #d39635);
}

.ak-quote-page-hero {
  position: relative;
  padding: clamp(6rem, 12vw, 10rem) 0 clamp(2.4rem, 6vw, 5rem);
  overflow: hidden;
  background: radial-gradient(circle at 20% 10%, rgba(255, 201, 88, .22), transparent 32%), linear-gradient(135deg, #041022, #071b33 54%, #020712);
}
.ak-quote-page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url('/assets/header-contact.webp') center/cover no-repeat;
  opacity: .22;
  filter: saturate(1.08);
}
.ak-quote-page-hero .container { position: relative; z-index: 1; }
.ak-quote-page-hero h1 {
  color: #fff7df;
  font-size: clamp(2.4rem, 7vw, 5rem);
  line-height: .98;
  margin: .4rem 0 1rem;
  letter-spacing: -.06em;
}
.ak-quote-page-hero p {
  color: rgba(236,244,255,.8);
  max-width: 760px;
  line-height: 1.75;
  font-size: 1.08rem;
}

@media (max-width: 980px) {
  .ak-request-grid,
  .ak-quote-page-grid,
  .ak-store-category-head { grid-template-columns: 1fr; }
  .ak-request-info,
  .ak-quote-info { border-right: 0; border-bottom: 1px solid rgba(255, 216, 145, .14); }
  .ak-store-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .ak-request-form,
  .ak-quote-form { grid-template-columns: 1fr; }
  .ak-form-field.ak-span-2 { grid-column: auto; }
  .ak-store-category-grid { grid-template-columns: 1fr; }
  .ak-store-category-card { min-height: 210px; }
  .ak-quote-nav-link { width: 100%; margin-top: .4rem; }
}

/* Quote page uses the same reusable request form without duplicating the visual info column */
.ak-quote-page-grid > .ak-request-shell {
  border: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
}
.ak-quote-page-grid > .ak-request-shell .ak-request-grid { display: block; }
.ak-quote-page-grid > .ak-request-shell .ak-request-info { display: none; }
.ak-quote-page-grid > .ak-request-shell .ak-request-form { padding: clamp(1.4rem, 3vw, 3rem); }