.ab-cat{--rose:#9e5559;--gold:#d5ac79;--blush:#f0e2df;--blush2:#fdf6f3;--muted:#7a6a6c;color:#2b2224}
.ab-cat__hero{background:linear-gradient(135deg,#fdf6f3 0%,#f0e2df 100%);border-bottom:1px solid #ead7d3;text-align:center;padding:44px 20px 30px}
.ab-cat__hero h1{font-family:'Playfair Display',Georgia,serif;color:var(--rose);font-size:40px;line-height:1.1;margin:0}
.ab-cat__hero p{color:var(--muted);margin:10px auto 0;max-width:640px;font-size:16px}
.ab-cat__nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}
.ab-cat__nav a{border:1px solid var(--gold);color:var(--rose);border-radius:999px;padding:7px 18px;font-size:14px;font-weight:600;background:#fff;transition:.2s}
.ab-cat__nav a:hover{background:var(--rose);border-color:var(--rose);color:#fff}
.ab-cat__wrap{max-width:1320px;margin:0 auto;padding:10px 32px 60px}
.ab-cat__brand{scroll-margin-top:110px;padding-top:34px}
.ab-cat__brandhead{display:flex;align-items:center;gap:16px;border-bottom:2px solid var(--gold);padding-bottom:12px}
.ab-cat__brandhead img{height:28px;width:auto}
.ab-cat__brandhead h2{font-family:'Playfair Display',Georgia,serif;font-size:30px;color:var(--rose);margin:0}
.ab-cat__brandhead span{margin-left:auto;color:var(--muted);font-size:14px}
.ab-cat__group h3{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700;margin:26px 0 14px;display:flex;align-items:center;gap:12px}
.ab-cat__group h3:after{content:"";flex:1;height:1px;background:#ead7d3}
.ab-cat__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px}
.ab-card{background:#fff;border:1px solid #f0e2df;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.ab-card:hover{box-shadow:0 10px 26px rgba(158,85,89,.14);transform:translateY(-2px)}
.ab-card__cover{display:block;aspect-ratio:3/4;background:var(--blush2);overflow:hidden}
.ab-card__cover img{width:100%;height:100%;object-fit:cover;display:block}
.ab-card__body{padding:12px 12px 14px;display:flex;flex-direction:column;gap:4px;flex:1}
.ab-card__title{font-weight:700;font-size:15px;line-height:1.25;color:#2b2224}
.ab-card__meta{font-size:12.5px;color:var(--muted)}
.ab-card__season{display:inline-block;align-self:flex-start;font-size:11px;font-weight:700;color:#8a6a3d;background:#f8eedf;border-radius:999px;padding:2px 9px}
.ab-card__btns{display:flex;gap:8px;margin-top:auto;padding-top:10px}
.ab-card__btns a,.ab-card__btns button{flex:1;white-space:nowrap;text-align:center;border-radius:999px;padding:8px 6px;font-size:13px;font-weight:700;cursor:pointer;line-height:1.1}
.ab-btn-view{background:var(--rose);color:#fff;border:1px solid var(--rose)}
.ab-btn-view:hover{background:#87464a}
.ab-btn-dl{background:#fff;color:var(--rose);border:1px solid var(--gold)}
.ab-btn-dl:hover{background:var(--blush2)}
.ab-cat__note{margin-top:40px;text-align:center;color:var(--muted);font-size:13px}
@media (max-width:767px){
 .ab-cat__hero{padding:30px 16px 22px}.ab-cat__hero h1{font-size:30px}.ab-cat__hero p{font-size:14px}
 .ab-cat__wrap{padding:0 14px 40px}.ab-cat__brandhead h2{font-size:24px}.ab-cat__brandhead img{height:22px}
 .ab-cat__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .ab-card__body{padding:9px 9px 11px}.ab-card__title{font-size:13.5px}
 .ab-card__btns{flex-direction:column;gap:6px}.ab-card__btns a,.ab-card__btns button{padding:8px 4px;font-size:12.5px}
}