
.ams-section{
  --ams-accent:#c49105;
  --ams-accent-2:#e0b132;
  --ams-ink:#101820;
  --ams-muted:#6c7780;
  --ams-line:#e7edf0;
  width:100%;
  padding:58px 0 64px;
  background:
    radial-gradient(circle at 10% 0%,rgba(196,145,5,.08),transparent 25%),
    linear-gradient(180deg,#fff,#f8fbfc);
  box-sizing:border-box;
}
.ams-section *{box-sizing:border-box}
.ams-shell{width:min(1560px,calc(100% - 48px));margin:0 auto}
.ams-head{text-align:center;max-width:840px;margin:0 auto 30px}
.ams-eyebrow{
  display:inline-flex;align-items:center;justify-content:center;
  padding:7px 12px;border:1px solid rgba(196,145,5,.18);
  background:rgba(196,145,5,.07);border-radius:999px;
  color:var(--ams-accent);font-size:11px;font-weight:800;letter-spacing:1.6px
}
.ams-head h2{
  margin:13px 0 8px;color:var(--ams-ink);
  font-size:clamp(28px,3vw,43px);line-height:1.1;letter-spacing:-1.1px
}
.ams-head p{margin:0;color:var(--ams-muted);font-size:15px;line-height:1.7}
.ams-brand-tabs{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 22px}
.ams-brand-tab{
  border:1px solid #e6ded0;background:#fff;color:#39464f;border-radius:999px;
  padding:10px 16px;font-size:13px;font-weight:800;cursor:pointer;transition:.2s ease;
  display:inline-flex;align-items:center;gap:9px
}
.ams-brand-tab span{
  min-width:24px;height:24px;padding:0 8px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  background:#fbf6ea;color:#7f6a22;font-size:11px;font-weight:800
}
.ams-brand-tab:hover,.ams-brand-tab.is-active{border-color:var(--ams-accent);background:var(--ams-accent);color:#fff}
.ams-brand-tab:hover span,.ams-brand-tab.is-active span{background:rgba(255,255,255,.18);color:#fff}
.ams-toolbar{display:flex;justify-content:center;margin:0 0 28px}
.ams-search{
  width:min(100%,620px);height:52px;display:flex;align-items:center;gap:10px;
  padding:0 15px;border:1px solid #e3dfd2;background:#fff;border-radius:14px;
  box-shadow:0 8px 24px rgba(12,34,45,.05)
}
.ams-search-icon{width:20px;height:20px;color:#6e654d;flex:0 0 20px}
.ams-search-icon svg{width:20px;height:20px;fill:currentColor}
.ams-input{
  width:100%;height:100%;border:0!important;outline:0!important;box-shadow:none!important;
  background:transparent!important;color:#172027!important;font-size:14px!important;padding:0!important
}
.ams-input::placeholder{color:#9a927d}
.ams-panel{display:none}
.ams-panel.is-active{display:block}
.ams-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.ams-card{
  position:relative;display:block;overflow:hidden;border:1px solid var(--ams-line);
  background:#fff;border-radius:18px;color:inherit!important;text-decoration:none!important;
  box-shadow:0 10px 30px rgba(17,40,51,.055);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease
}
.ams-card:hover{transform:translateY(-4px);border-color:rgba(196,145,5,.35);box-shadow:0 18px 44px rgba(17,40,51,.11)}
.ams-card.is-hidden{display:none!important}
.ams-visual{
  position:relative;overflow:hidden;aspect-ratio:1.65/1;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 90%,rgba(196,145,5,.08),transparent 40%),linear-gradient(180deg,#fff,#fbfcfd)
}
.ams-visual img{
  display:block;width:100%;height:100%;object-fit:contain;object-position:center center;
  padding:10px 10px 4px;transition:transform .28s ease
}
.ams-card:hover .ams-visual img{transform:scale(1.03)}
.ams-foot{
  min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:15px 15px 16px;border-top:1px solid #eef2f4
}
.ams-foot strong{display:block;margin:0 0 4px;color:#152029;font-size:15px;line-height:1.2}
.ams-foot small{display:block;color:#78858e;font-size:11px;text-transform:uppercase;letter-spacing:.9px;font-weight:700}
.ams-arrow{
  flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;
  background:#f7f3e8;color:#5c4b12;font-size:21px;transition:.22s ease
}
.ams-card:hover .ams-arrow{background:var(--ams-accent);color:#fff;transform:translateX(2px)}
.ams-actions{text-align:center;margin-top:28px}
.ams-more{
  min-width:220px;height:48px;border:1px solid var(--ams-accent);background:#fff;color:var(--ams-accent);
  border-radius:12px;padding:0 22px;font-size:13px;font-weight:800;cursor:pointer;transition:.2s ease
}
.ams-more:hover{background:var(--ams-accent);color:#fff}
.ams-more[hidden]{display:none!important}
.ams-empty{
  margin:22px 0 0;padding:18px;border:1px dashed #d8e2e6;border-radius:14px;
  background:#fff;text-align:center;color:#69767f
}
.ams-note{margin:22px auto 0;max-width:820px;text-align:center;color:#89959d;font-size:11px;line-height:1.6}
@media (max-width:1380px){.ams-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (max-width:1120px){.ams-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:820px){
  .ams-section{padding:42px 0 48px}.ams-shell{width:min(100% - 28px,1560px)}
  .ams-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.ams-foot{padding:13px}
}
@media (max-width:590px){
  .ams-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .ams-card{border-radius:14px}
  .ams-foot{min-height:68px}.ams-foot strong{font-size:13px}.ams-foot small{font-size:9px}
  .ams-arrow{width:32px;height:32px;flex-basis:32px;font-size:17px}
}
