/* Afro Ocean's section rhythm adapted to ITL's existing semantic palette. */
.itl-home { --section-padding: 80px; }
.itl-home .container { width: min(1280px, 100%); max-width: 1280px; margin-inline: auto; padding-inline: 32px; }
.itl-home h1,.itl-home h2,.itl-home h3 { letter-spacing: 0; }
.itl-home h2 { font-size: 38px; line-height: 1.2; margin: 14px 0 22px; }
.itl-home h3 { font-size: 20px; line-height: 1.4; margin-bottom: 12px; }
.itl-home p { line-height: 1.8; }
.itl-home .eyebrow { font-size: 11px; text-transform: uppercase; font-weight: 700; color: var(--itl-sky); }
.itl-home .intro { max-width: 720px; margin-bottom: 40px; }
.itl-home .intro p,.itl-home .feature p { color: var(--itl-muted); }
.itl-home .band { background: var(--itl-soft); border-block: 1px solid var(--itl-border); }
.itl-home .dark-band { background: var(--itl-navy); color: var(--itl-on-dark); }
.itl-home .dark-band h2,.itl-home .dark-band h3,.itl-home .dark-band .eyebrow { color: var(--itl-on-dark); }
.itl-home .dark-band p { color: var(--itl-on-dark-muted); }
.itl-home .grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.itl-home .grid.four { grid-template-columns: repeat(4,minmax(0,1fr)); }
.itl-home .split { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 60px; align-items: center; }
.itl-home .feature { min-width: 0; }
.itl-home .feature-icon { font-size: 26px; color: var(--itl-sky); margin-bottom: 18px; }
.itl-home .feature-card { border: 1px solid var(--itl-border); border-radius: 8px; padding: 26px; background: var(--itl-surface); min-width: 0; }
.itl-home .feature-card a { overflow-wrap: anywhere; }
.itl-home .section-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:32px; }
.itl-home .section-heading .intro { margin:0; }
.itl-home .hero-home { position: relative; min-height: 540px; height: min(720px, calc(100svh - 110px)); isolation: isolate; overflow: hidden; background: var(--itl-navy); }
.itl-home .hero-images,.itl-home .hero-images img,.itl-home .hero-home::after { position:absolute; inset:0; width:100%; height:100%; }
.itl-home .hero-images { z-index:-2; }
.itl-home .hero-images img { object-fit:cover; opacity:0; transition:opacity 1.4s ease; }
.itl-home .hero-images img.active { opacity:1; }
.itl-home .hero-home::after { content:''; z-index:-1; background:var(--itl-hero-overlay); }
.itl-home .hero-home .container { height:100%; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding-block:48px 72px; }
.itl-home .hero-home h1 { color:var(--itl-on-dark); font-size:56px; line-height:1.08; max-width:700px; margin:20px 0; font-weight:800; }
.itl-home .hero-home p { max-width:620px; color:var(--itl-on-dark-muted); font-size:17px; }
.itl-home .hero-home .eyebrow { color:var(--itl-on-dark); }
.itl-home .actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.itl-home .btn { font-size:14px; font-weight:600; min-height:48px; border-radius:8px; }
.itl-home .hero-home .btn-secondary { background:var(--itl-dark-glass); color:var(--itl-on-dark); border-color:var(--itl-on-dark-muted); }
.itl-home .hero-stats { display:flex; gap:40px; margin-top:32px; padding-top:20px; border-top:1px solid var(--itl-dark-line); color:var(--itl-on-dark); }
.itl-home .hero-stats strong { font-size:28px; display:block; }
.itl-home .hero-stats span { font-size:11px; text-transform:uppercase; margin-top:5px; }
.itl-home .slider-controls { position:absolute; bottom:20px; right:32px; display:flex; align-items:center; gap:8px; }
.itl-home .slider-controls button { color:var(--itl-on-dark); border:1px solid var(--itl-dark-line); width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:var(--itl-dark-glass); }
.itl-home .slider-controls button[aria-current='true'] { background:var(--itl-sky); }
.itl-home .trust-ribbon { padding:22px 0; text-align:center; font-size:12px; font-weight:600; text-transform:uppercase; }
.itl-home .trust-bar { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:24px; padding-block:36px; }
.itl-home .trust-bar div { display:flex; align-items:center; gap:10px; font-size:13px; }
.itl-home .trust-bar ion-icon { color:var(--itl-sky); font-size:24px; flex-shrink:0; }
.itl-home .category-card { display:flex; flex-direction:column; height:100%; min-width:0; border:1px solid var(--itl-border); border-radius:8px; overflow:hidden; background:var(--itl-surface); }
.itl-home .category-card img { width:100%; height:220px; object-fit:contain; background:var(--itl-soft); }
.itl-home .category-card div { padding:24px; flex:1; display:flex; flex-direction:column; }
.itl-home .category-card .text-link { margin-top:auto; padding-top:20px; }
.itl-home .text-link { display:flex; align-items:center; gap:8px; font-size:14px; color:var(--itl-blue); font-weight:600; margin-top:20px; }
.itl-home .brand-strip { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:30px; padding-block:26px; border-bottom:1px solid var(--itl-border); }
.itl-home .brand-strip a { font-size:20px; font-weight:800; color:var(--itl-muted); }
.itl-home .metrics { text-align:center; }
.itl-home .metrics strong { color:var(--itl-blue); font-size:44px; display:block; margin-bottom:10px; }
.itl-home .photo { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:8px; }
.itl-home .checklist li { display:flex; gap:12px; align-items:flex-start; margin-top:18px; line-height:1.6; }
.itl-home .checklist ion-icon { flex-shrink:0; font-size:21px; color:var(--itl-sky); margin-top:3px; }
.itl-home .steps { counter-reset:step; }
.itl-home .step { border-top:1px solid var(--itl-border); padding-top:26px; }
.itl-home .step::before { counter-increment:step; content:counter(step,decimal-leading-zero); color:var(--itl-sky); font-size:32px; font-weight:800; display:block; margin-bottom:16px; }
.itl-home details { border-bottom:1px solid var(--itl-border); padding:20px 0; }
.itl-home summary { cursor:pointer; font-weight:600; line-height:1.5; }
.itl-home details p { margin-top:16px; color:var(--itl-muted); }
.itl-home .hours { width:100%; border-collapse:collapse; }
.itl-home .hours td,.itl-home .hours th { display:table-cell; text-align:left; border-bottom:1px solid var(--itl-border); padding:14px 0; font-size:14px; }
.itl-home .hours td { text-align:right; }
.itl-home .hours tbody { display:table-row-group; }
.itl-home .hours { display:table; }
.itl-home .product-list { grid-template-columns:repeat(4,minmax(0,1fr)); }
.itl-home .card-banner { height:260px; }
.itl-home .section-title::after { display:none; }
.itl-home .special .container { display:block; }
.itl-home .special-banner { display:none; }
.itl-home .special-product { width:100%; }
.itl-home .special-product .section-title { display:block; }
.itl-home .special-product .section-title .text { min-width:0; white-space:normal; overflow-wrap:anywhere; }
.itl-home .special-product .section-title .line { display:none; }
.itl-home .feature-card > ion-icon { font-size:26px; color:var(--itl-sky); margin-bottom:16px; }
.itl-home .contact-grid p { color:var(--itl-muted); }
.itl-home [id] { scroll-margin-top:140px; }
.itl-home [hidden] { display:none !important; }
.itl-home .special-product .has-scrollbar { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.itl-home .special-product .has-scrollbar > li { min-width:0; }
.itl-home .final-cta { text-align:center; }
.itl-home .final-cta .actions { justify-content:center; }
@media(min-width:900px) { .itl-home .section:not(.hero-home) { content-visibility:auto; contain-intrinsic-size:auto 650px; } }
@media(max-width:1050px) { .itl-home .grid.four,.itl-home .product-list { grid-template-columns:repeat(2,minmax(0,1fr)); } .itl-home .trust-bar { grid-template-columns:repeat(3,minmax(0,1fr)); } .itl-home .split { gap:32px; } .itl-home .hero-home h1 { font-size:48px; } }
@media(max-width:767px) { .itl-home { --section-padding:52px; } .itl-home .container { padding-inline:20px; } .itl-home h2 { font-size:30px; } .itl-home .grid,.itl-home .split { grid-template-columns:1fr; gap:28px; } .itl-home .grid.four { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } .itl-home .hero-home { height:auto; min-height:620px; } .itl-home .hero-home .container { min-height:620px; padding-block:56px 76px; } .itl-home .hero-home h1 { font-size:40px; } .itl-home .hero-home p { font-size:15px; } .itl-home .hero-images img { object-position:65% center; } .itl-home .hero-stats { gap:24px; } .itl-home .hero-stats strong { font-size:24px; } .itl-home .trust-bar { grid-template-columns:repeat(2,minmax(0,1fr)); } .itl-home .section-heading { align-items:start; flex-direction:column; } .itl-home .product-list,.itl-home .special-product .has-scrollbar { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } .itl-home .card-banner { height:210px; } .itl-home .product-card .card-content { padding:16px 12px; } .itl-home .card-title { font-size:16px; } .itl-home .metrics strong { font-size:36px; } .itl-home .feature-card { padding:22px; } .itl-home .grid.four.contact-grid { grid-template-columns:1fr; } }
@media(max-width:380px) { .itl-home .product-list,.itl-home .special-product .has-scrollbar { grid-template-columns:1fr; } .itl-home .hero-home h1 { font-size:36px; } .itl-home .hero-stats { gap:14px; } }
@media(prefers-reduced-motion:reduce) { .itl-home .hero-images img { transition:none; } }