@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--af-bg:#ffffff;--af-surface:#f5f5f5;--af-ink:#1a1a1a;--af-ink-muted:#666;--af-accent:#4CAF50;--af-btn-bg:#1a1a1a;--af-btn-fg:#fff;--af-sale:#e53935;--af-gold:#FFD700;--af-radius:12px;--af-font:'Inter',system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
.af-container{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,32px);width:100%}
.af-section{padding:clamp(40px,8vw,80px) 0;background:var(--af-bg);overflow-x:hidden}
.af-btn{display:inline-block;background:var(--af-btn-bg);color:var(--af-btn-fg);padding:16px 32px;border-radius:var(--af-radius);font-family:var(--af-font);font-weight:700;font-size:16px;border:none;cursor:pointer;text-align:center;width:100%;text-decoration:none;transition:opacity .2s}
.af-btn:hover{opacity:.9}
.af-hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.af-hero__gallery{position:relative}
.af-hero__thumbs{display:flex;gap:8px;margin-top:12px;overflow-x:auto}
.af-hero__thumb{width:64px;height:64px;border-radius:8px;object-fit:cover;cursor:pointer;border:2px solid transparent;opacity:.6;transition:.2s}
.af-hero__thumb.is-active,.af-hero__thumb:hover{opacity:1;border-color:var(--af-ink)}
.af-hero__info{font-family:var(--af-font);max-width:100%;overflow:hidden}
.af-hero__title{font-size:clamp(22px,3vw,36px);font-weight:800;margin:0 0 8px;color:var(--af-ink)}
.af-hero__rating{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;color:var(--af-ink-muted)}
.af-hero__stars{color:var(--af-gold)}
.af-hero__price-row{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.af-hero__price{font-size:22px;font-weight:800;color:var(--af-ink)}
.af-hero__compare{font-size:16px;color:var(--af-ink-muted);text-decoration:line-through}
.af-hero__badge{background:var(--af-sale);color:#fff;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:700}
.af-hero__perks{list-style:none;padding:0;margin:0 0 20px}
.af-hero__perks li{padding:5px 0;font-size:14px}
.af-testimonial-slider{margin-top:24px;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:none}
.af-testimonial-slider::-webkit-scrollbar{display:none}
.af-testimonial-card{min-width:260px;max-width:300px;scroll-snap-align:start;flex-shrink:0;background:var(--af-surface);border-radius:var(--af-radius);padding:16px;display:flex;gap:12px;align-items:flex-start}
.af-testimonial-card__avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}
.af-testimonial-card__text{font-size:13px;line-height:1.5;color:var(--af-ink-muted);margin:0 0 8px}
.af-testimonial-card__name{font-weight:700;font-size:13px}
.af-testimonial-card__stars{color:var(--af-gold);font-size:13px}
.af-fullwidth-img{width:100%;display:block}
.af-centered{text-align:center}
.af-heading{font-family:var(--af-font);font-size:clamp(22px,4vw,40px);font-weight:800;margin:0 0 16px;line-height:1.2}
.af-subhead{font-size:clamp(14px,2.5vw,18px);color:var(--af-ink-muted);max-width:640px;margin:0 auto 32px;line-height:1.6}
.af-faq{max-width:720px;margin:0 auto}
.af-faq details{border-bottom:1px solid #e0e0e0;padding:16px 0}
.af-faq summary{font-weight:700;font-size:15px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-family:var(--af-font)}
.af-faq summary::after{content:'+';font-size:24px;font-weight:300;transition:transform .2s}
.af-faq details[open] summary::after{transform:rotate(45deg)}
.af-faq p{margin:12px 0 0;color:var(--af-ink-muted);line-height:1.6;font-size:14px}
.af-guarantee{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(60px,10vw,120px) clamp(16px,4vw,32px)}
.af-guarantee__badge{max-width:320px;margin-bottom:32px}
@media(max-width:768px){
  .af-hero{grid-template-columns:1fr;gap:20px}
  .af-testimonial-card{min-width:240px;max-width:280px}
  .af-container{padding:0 20px!important}
}