.hp-wrap { font-family: Montserrat, sans-serif; color: #1A1A1A; }
.hp-hero { position:relative; min-height:480px; display:flex; align-items:center; overflow:hidden; background:#f0f0f0; }
.hp-hero__overlay { position:absolute; inset:0; background:linear-gradient(to right, rgba(255,255,255,.92), rgba(255,255,255,.5) 55%, transparent); }
.hp-hero__content { position:relative; z-index:1; padding:48px 40px; max-width:560px; }
.hp-hero__label { color:#E63946; font-weight:700; letter-spacing:.15em; text-transform:uppercase; font-size:.8rem; display:block; margin-bottom:12px; }
.hp-hero__title { font-size:clamp(2rem,5vw,3.2rem); font-weight:900; line-height:1.15; margin:0 0 18px; }
.hp-hero__subtitle { font-size:1.05rem; color:#555; margin:0 0 28px; line-height:1.6; }
.hp-hero__btn { display:inline-block; background:#E63946; color:#fff; font-weight:700; padding:13px 34px; border-radius:999px; text-decoration:none; }
.hp-hero__btn:hover { background:#C1121F; color:#fff; }
.hp-hero__note { margin-top:14px; font-size:.82rem; color:#888; font-style:italic; }
.hp-cats { padding:56px 40px; max-width:1100px; margin:0 auto; }
.hp-cats h2 { font-size:1.7rem; font-weight:700; text-align:center; margin-bottom:36px; }
.hp-cats__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.hp-cat__img-wrap { height:260px; overflow:hidden; border-radius:10px; margin-bottom:12px; background:#ddd; }
.hp-cat__name { font-size:1.2rem; font-weight:700; margin:0 0 4px; }
.hp-cat__desc { color:#666; font-size:.88rem; }
.hp-products { padding:56px 40px; max-width:1100px; margin:0 auto; }
.hp-products h2 { font-size:1.7rem; font-weight:700; text-align:center; margin-bottom:36px; }
.hp-spot { padding:64px 40px; background:#1A1A1A; color:#fff; }
.hp-spot__inner { max-width:1000px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; }
.hp-spot__label { color:#D4AF37; font-weight:700; text-transform:uppercase; letter-spacing:.12em; font-size:.8rem; display:block; margin-bottom:8px; }
.hp-spot__title { font-size:2rem; font-weight:700; margin:0 0 16px; }
.hp-spot__text { color:#ccc; line-height:1.7; margin:0 0 24px; }
.hp-spot__btn { display:inline-block; background:#E63946; color:#fff; font-weight:700; padding:13px 34px; border-radius:999px; text-decoration:none; }
.hp-spot__img-placeholder { width:100%; height:340px; background:#333; border-radius:10px; }
@media(max-width:768px){ .hp-cats__grid,.hp-spot__inner{ grid-template-columns:1fr; } }