:root{
  --aq-card:#ffffff;
  --aq-bg:#f6f7fb;
  --aq-line:rgba(17,24,39,.10);
  --aq-text:#111827;
  --aq-muted:rgba(17,24,39,.70);
  --aq-ok:#0f766e;
  --aq-bad:#b42318;
}

.aq-learning{padding:28px 0 44px;}
.aq-learning .wrap{max-width:1180px;}

.aq-learning__head{margin-bottom:14px;}
.aq-learning__title{margin:0;font-size:34px;line-height:1.1;letter-spacing:-.02em;color:var(--aq-text);}

.aq-learning__banner{margin:0 0 16px;}
.aq-learning__banner img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  border:1px solid var(--aq-line);
  background:#fff;
  /* Keeps the visual nice when the source image isn't exactly 1000x500 */
  aspect-ratio: 2 / 1;
  object-fit: cover;
}

.aq-learning__grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start;}

.aq-learning__left{background:var(--aq-card);border:1px solid var(--aq-line);border-radius:16px;padding:18px;}
.aq-learning__h2{margin:2px 0 10px;font-size:22px;line-height:1.25;color:var(--aq-text);}

.aq-learning__intro{margin:0 0 10px;color:var(--aq-muted);font-size:14px;line-height:1.6;}
.aq-learning__intro--ar{font-size:15px;line-height:1.8;}

.aq-learning__notice{margin:14px 0 14px;padding:12px 12px;border-radius:12px;border:1px solid var(--aq-line);background:var(--aq-bg);font-size:14px;}
.aq-learning__notice--success{border-color:rgba(15,118,110,.25);background:rgba(15,118,110,.06);color:var(--aq-ok);}
.aq-learning__notice--error{border-color:rgba(180,35,24,.25);background:rgba(180,35,24,.06);color:var(--aq-bad);}

.aq-learning__form{margin-top:10px;}
.aq-learning__row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}

.aq-learning__field{margin:0 0 12px;}
.aq-learning__field label{display:block;font-weight:700;font-size:13px;color:var(--aq-text);margin:0 0 6px;}
.aq-learning__field label span{color:rgba(180,35,24,.9);}

.aq-learning__field input,
.aq-learning__field select,
.aq-learning__field textarea{
  width:100%;
  border:1px solid var(--aq-line);
  border-radius:12px;
  padding:10px 12px;
  font-size:14px;
  color:var(--aq-text);
  background:#fff;
  outline:none;
}
.aq-learning__field textarea{resize:vertical;min-height:120px;}

.aq-learning__checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;padding:10px 12px;border:1px solid var(--aq-line);border-radius:12px;background:var(--aq-bg);}
.aq-learning__check{display:flex;gap:10px;align-items:flex-start;margin:0;}
.aq-learning__check input{width:18px;height:18px;margin-top:2px;}
.aq-learning__check span{font-size:14px;color:var(--aq-text);line-height:1.35;}

.aq-learning__other{margin-top:10px;}
.aq-learning__hint{margin:8px 0 0;color:var(--aq-bad);font-size:13px;}

.aq-learning__btn{
  width:100%;
  border:0;
  border-radius:10px;
  padding:12px 14px;
  font-weight:800;
  font-size:15px;
  cursor:pointer;
  background: #acadb1;
  color:#fff;
}

.aq-learning__btn:hover{filter:brightness(.98)}
.aq-learning__btn:active{transform:translateY(1px)}
.aq-learning__btn:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent); outline-offset:2px;}

.aq-learning__hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}

.aq-learning__right{display:flex;flex-direction:column;gap:14px;}
.aq-learning__card{background:var(--aq-card);border:1px solid var(--aq-line);border-radius:16px;padding:14px;display:flex;gap:12px;align-items:flex-start;}
.aq-learning__cardIcon{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--aq-bg);border:1px solid var(--aq-line);color:var(--aq-text);}
.aq-learning__cardBody h3{margin:0 0 6px;font-size:15px;color:var(--aq-text);}
.aq-learning__cardBody p{margin:0 0 6px;color:var(--aq-muted);font-size:14px;}
.aq-learning__cardBody a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(17,24,39,.18);}
.aq-learning__cardBody a:hover{border-bottom-color:rgba(17,24,39,.38);}

.aq-learning__card--note{background:var(--aq-bg);}

@media (max-width: 980px){
  .aq-learning__grid{grid-template-columns:1fr;}
  .aq-learning__right{order:-1;}
}

@media (max-width: 640px){
  .aq-learning__title{font-size:28px;}
  .aq-learning__row{grid-template-columns:1fr;}
  .aq-learning__checks{grid-template-columns:1fr;}
  .aq-learning__left{padding:14px;}
}


/* Success overlay (fade-in) */
.aq-learning__overlay{
  position:fixed;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(15, 23, 42, .55);
  backdrop-filter: blur(6px);
  z-index:9999;
  opacity:0;
  pointer-events:none;
  transition:opacity .35s ease;
}
.aq-learning__overlay.is-open{
  opacity:1;
  pointer-events:auto;
}

.aq-learning__overlayCard{
  width:min(560px, 92vw);
  background:#fff;
  border-radius:16px;
  padding:22px 20px;
  box-shadow:0 20px 70px rgba(0,0,0,.25);
  text-align:center;
  border:1px solid var(--aq-line);
}
.aq-learning__overlayCard h3{margin:0 0 8px;font-size:20px;line-height:1.2}
.aq-learning__overlayCard p{margin:0;color:var(--aq-muted);font-size:14px;line-height:1.5}

/* Button "sending" state */
.aq-learning__btn[disabled]{opacity:.7;cursor:not-allowed;}


/* Search dropdown: keep PRODUCT rows top-aligned (title + price line),
   but make CATEGORY rows visually balanced without forcing vertical centering. */
.aq-search-item.category{
  display:flex;
  align-items:flex-start;
  padding-top:12px;
  padding-bottom:12px;
}

.aq-search-item.category .aq-search-thumb{
  margin-top:2px;
}

.aq-search-item.category .aq-search-title{
  margin-top:6px; /* nudges down so it sits closer to product title baseline */
  line-height:1.35;
}

/* Ensure we do NOT affect product items layout */
.aq-search-item.product{
  align-items:flex-start;
}