@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* ============================================================
   AWF UI POLISH — shared layer (2026-06-20)
   Linked on every page except index.html (homepage carries its
   own inline copy). Cleaner & smoother: Inter body, soft shadows,
   rounded corners, smooth hovers. Brand colors unchanged.
   Note: Inter 300 is intentionally not loaded, so any
   font-weight:300 text falls back to a cleaner 400.
   ============================================================ */

html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
body{font-family:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;}

/* buttons — rounded, with a soft lift on hover */
.btn,.btn-primary,.btn-ghost,.btn-order,.nav-cta,button,input[type=submit]{
  border-radius:10px;
  transition:transform .15s ease, background .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.btn:hover,.btn-primary:hover,.btn-order:hover,.nav-cta:hover,button:hover{transform:translateY(-2px);}
.btn-primary,.btn-order{box-shadow:0 8px 22px rgba(178,34,52,0.22);}
.btn-primary:hover,.btn-order:hover{box-shadow:0 12px 30px rgba(178,34,52,0.30);}

/* cards / boxes — rounded, soft shadow */
.cta-box,.product-price-block,.review-card,.who-card,.price-block,.testimonial,.hero-card,.feature-card{
  border-radius:16px;
  box-shadow:0 10px 30px rgba(26,39,68,0.08);
}
.note{border-radius:0 12px 12px 0;}

/* content images — soft corners + soft shadow, gentle hover in galleries */
.article img,.main-img,.product-gallery img,.review-card img,.who-card img{border-radius:14px;}
.article img,.main-img{box-shadow:0 10px 30px rgba(26,39,68,0.08);}
.product-gallery img{transition:transform .25s ease, box-shadow .25s ease;}
.product-gallery img:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(26,39,68,0.12);}

/* form fields — rounded */
input[type=email],input[type=text],input[type=tel],textarea,select{border-radius:10px;}

/* lighter faq dividers + smooth translucent header */
.faq-item{border-color:rgba(26,39,68,0.10);}
nav{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}