@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
:root{--hf-bg:#0c0a09;--hf-paper:#f6f1e9;--hf-ink:#17120e;--hf-muted:#736a61;--hf-line:#d9cdbd;--hf-gold:#b58a52;--hf-soft:#ede3d6}
.hanafy-main{background:var(--hf-paper);color:var(--hf-ink);min-height:70vh}.hf-shell{width:min(1180px,calc(100% - 40px));margin:auto}.hf-hero{padding:90px 0 70px;background:linear-gradient(135deg,#0c0a09,#21170f);color:#fff;overflow:hidden}.hf-hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}.hf-kicker{font-size:12px;letter-spacing:.17em;text-transform:uppercase;color:#d5b98d;font-weight:700}.hf-hero h1{font-size:clamp(42px,6vw,82px);line-height:.96;margin:16px 0 24px;letter-spacing:-.045em}.hf-hero p{font-size:18px;line-height:1.7;color:#e0d7cd;max-width:680px}.hf-badges{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.hf-badge{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:9px 13px;font-size:12px}.hf-hero__image{position:relative}.hf-hero__image img{width:100%;display:block;border-radius:4px;box-shadow:0 26px 70px rgba(0,0,0,.35)}.hf-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hf-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:999px;text-decoration:none;font-weight:700;border:1px solid var(--hf-gold);background:var(--hf-gold);color:#fff}.hf-btn--ghost{background:transparent;color:inherit;border-color:rgba(255,255,255,.35)}.hf-section{padding:72px 0}.hf-section--white{background:#fff}.hf-section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:32px}.hf-section-head h2{font-size:clamp(30px,4vw,52px);margin:8px 0 0;letter-spacing:-.035em}.hf-section-head p{max-width:560px;color:var(--hf-muted);line-height:1.7}.hf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hf-category,.hf-product{border:1px solid var(--hf-line);background:#fff;padding:24px;min-height:220px;display:flex;flex-direction:column}.hf-category small,.hf-product small{color:var(--hf-gold);font-weight:700;text-transform:uppercase;letter-spacing:.09em}.hf-category h3,.hf-product h3{font-size:24px;margin:10px 0 12px}.hf-category p,.hf-product p{color:var(--hf-muted);line-height:1.65}.hf-category a,.hf-product a{margin-top:auto;color:var(--hf-ink);font-weight:700;text-decoration:none}.hf-product__image{aspect-ratio:1/1;background:#f0e8de;margin:-24px -24px 20px;overflow:hidden}.hf-product__image img{width:100%;height:100%;object-fit:contain}.hf-empty{border:1px dashed var(--hf-line);padding:30px;color:var(--hf-muted);background:#fff}.hf-note{padding:22px;border-left:3px solid var(--hf-gold);background:#fff;color:var(--hf-muted);line-height:1.7}.hf-breadcrumbs{font-size:13px;padding:18px 0;color:var(--hf-muted)}.hf-breadcrumbs a{color:inherit;text-decoration:none}.hf-product-hero{padding:56px 0}.hf-product-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}.hf-product-media{background:#fff;border:1px solid var(--hf-line);padding:26px}.hf-product-media img{display:block;width:100%;height:auto;object-fit:contain}.hf-product-copy h1{font-size:clamp(36px,5vw,64px);line-height:1.02;letter-spacing:-.04em;margin:12px 0 18px}.hf-product-copy .lead{font-size:18px;line-height:1.75;color:var(--hf-muted)}.hf-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--hf-line);border:1px solid var(--hf-line);margin:26px 0}.hf-fact{background:#fff;padding:18px}.hf-fact span{display:block;font-size:11px;color:var(--hf-muted);text-transform:uppercase;letter-spacing:.08em}.hf-fact strong{display:block;margin-top:5px}.hf-copy{max-width:800px}.hf-copy h2{font-size:32px;margin:36px 0 12px}.hf-copy p,.hf-copy li{line-height:1.8;color:#514942}.hf-faq details{border-top:1px solid var(--hf-line);padding:17px 0}.hf-faq summary{cursor:pointer;font-weight:700}.hf-availability{background:#17120e;color:#fff;padding:44px}.hf-availability p{color:#d9cec3;max-width:750px;line-height:1.7}.hf-disclaimer{font-size:12px;color:#81776e;line-height:1.6;margin-top:20px}.hf-admin-note{background:#fff3cd;color:#5f4d12;padding:14px 18px;border:1px solid #ead48f;margin-bottom:20px}
@media(max-width:900px){.hf-hero__grid,.hf-product-layout{grid-template-columns:1fr}.hf-grid{grid-template-columns:1fr 1fr}.hf-section-head{display:block}.hf-hero{padding-top:56px}}
@media(max-width:620px){.hf-grid{grid-template-columns:1fr}.hf-shell{width:min(100% - 26px,1180px)}.hf-facts{grid-template-columns:1fr}.hf-availability{padding:28px}}
.hf-category-title{font-size:clamp(40px,6vw,72px);margin:12px 0;letter-spacing:-.04em;line-height:1.02}.hf-category-lead{max-width:820px;font-size:18px;line-height:1.78;color:var(--hf-muted)}.hf-related-services{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:22px;font-size:13px;color:var(--hf-muted)}.hf-text-link{display:inline-flex;padding:9px 12px;border:1px solid var(--hf-line);border-radius:999px;color:var(--hf-ink);text-decoration:none;font-weight:700;background:#fff}.hf-text-link:hover{border-color:var(--hf-gold)}.hf-split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}.hf-split h2{font-size:clamp(30px,4vw,48px);margin:10px 0 14px}.hf-split p{line-height:1.75;color:var(--hf-muted)}.hf-badges--dark .hf-badge{border-color:var(--hf-line);color:var(--hf-ink)}.hf-service-bridge{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:36px 0;padding:20px 22px;background:var(--hf-soft);border:1px solid var(--hf-line)}.hf-service-bridge span{color:var(--hf-muted)}.hf-service-bridge a{font-weight:800;color:var(--hf-ink);text-decoration:none}.hf-availability h2{font-size:clamp(32px,4vw,46px);margin:10px 0}.hf-product__image img{transition:transform .35s ease}.hf-product:hover .hf-product__image img{transform:scale(1.025)}.hf-category,.hf-product{transition:transform .25s ease,box-shadow .25s ease}.hf-category:hover,.hf-product:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(65,44,27,.08)}
@media(max-width:900px){.hf-split{grid-template-columns:1fr}.hf-service-bridge{align-items:flex-start;flex-direction:column}}