.support-hero { min-height: 610px; background-position: center; background-size: cover; }
.support-hero .hero-copy { max-width: 780px; }
.support-hero .hero-copy > p { max-width: 690px; }
.support-hero-equipment { background-image: linear-gradient(90deg,rgba(4,8,14,.94),rgba(4,18,29,.63) 56%,rgba(4,28,38,.18) 84%),url("../../images/divers-eel.webp"); }
.support-hero-requirements { background-image: linear-gradient(90deg,rgba(4,8,14,.94),rgba(4,18,29,.63) 56%,rgba(4,28,38,.18) 84%),url("../../images/reef-diver.webp"); }
.support-hero-faq { background-image: linear-gradient(90deg,rgba(4,8,14,.94),rgba(4,18,29,.63) 56%,rgba(4,28,38,.18) 84%),url("../../images/nurse-shark.webp"); }
.support-hero-travel,.support-hero-policies { background-image: linear-gradient(90deg,rgba(4,8,14,.94),rgba(4,18,29,.63) 56%,rgba(4,28,38,.18) 84%),url("../../images/aerial-reef.webp"); }
.support-hero-hotels { background-image: linear-gradient(90deg,rgba(4,8,14,.94),rgba(4,18,29,.63) 56%,rgba(4,28,38,.18) 84%),url("../../images/ray-sunlight.webp"); }
.support-hero-privacy,.support-hero-contact { background-image: linear-gradient(90deg,rgba(4,8,14,.94),rgba(4,18,29,.63) 56%,rgba(4,28,38,.18) 84%),url("../../images/reef-diver.webp"); }
.support-hero-terms { background-image: linear-gradient(90deg,rgba(4,8,14,.94),rgba(4,18,29,.63) 56%,rgba(4,28,38,.18) 84%),url("../../images/divers-eel.webp"); }
.support-hero-cancellation { background-image: linear-gradient(90deg,rgba(4,8,14,.94),rgba(4,18,29,.63) 56%,rgba(4,28,38,.18) 84%),url("../../images/nurse-shark.webp"); }
.support-quick-section { background:#0c0c0f;color:#fff; }
.support-quick-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr)); }
.support-quick-grid>div { min-width:0;padding:26px 24px;border-right:1px solid rgba(255,255,255,.1); }
.support-quick-grid>div:last-child { border-right:0; }
.support-quick-grid span { display:block;margin-bottom:8px;color:#90909a;font-size:.58rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase; }
.support-quick-grid strong { display:block;font-size:.9rem;line-height:1.45;overflow-wrap:anywhere; }
.support-main-section { background:#f6f6f7; }
.support-main-grid,.support-legal-layout { display:grid;grid-template-columns:minmax(0,1fr) minmax(285px,360px);gap:64px;align-items:start; }
.support-content,.support-legal-content { min-width:0; }
.support-intro { max-width:900px;margin-bottom:44px; }
.support-intro p,.support-section-block>p,.support-directory-intro>p,.support-legal-content p,.support-location-grid p { color:var(--gray);line-height:1.78; }
.support-card-grid { display:grid;gap:16px; }
.support-card-grid-two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.support-card { min-width:0;padding:28px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 10px 28px rgba(0,0,0,.045); }
.support-card>span,.support-directory-card>span,.support-contact-card>span,.support-link-grid a>span { display:block;margin-bottom:11px;color:var(--red);font-size:.58rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase; }
.support-card h3 { margin-bottom:10px; }
.support-card p { color:var(--gray);line-height:1.65; }
.support-card strong { display:block;color:var(--black);font-size:.78rem;line-height:1.5; }
.equipment-card-grid { gap:22px; }
.equipment-card { display:flex;overflow:hidden;min-height:100%;flex-direction:column;padding:0; }
.equipment-card-image { display:grid;overflow:hidden;aspect-ratio:4/3;margin:0;place-items:center;background:#fff;border-bottom:1px solid var(--line); }
.equipment-card-image img { display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s ease; }
.equipment-card:hover .equipment-card-image img { transform:scale(1.025); }
.equipment-card-body { display:flex;min-height:275px;flex:1;flex-direction:column;padding:27px; }
.equipment-card-body>span { display:block;margin-bottom:11px;color:var(--red);font-size:.58rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase; }
.equipment-card-body h3 { margin-bottom:10px; }
.equipment-card-body p { color:var(--gray);line-height:1.65; }
.equipment-card-body strong { display:block;margin-top:auto;padding-top:20px;color:var(--black);font-size:.78rem;line-height:1.5; }
.support-callout-equipment { align-items:end; }
.support-callout-equipment .support-callout-note { margin-top:18px;color:rgba(255,255,255,.84);font-size:.82rem; }
.hotel-affiliate-section>p { max-width:850px;margin-bottom:28px; }
.hotel-affiliate-grid { gap:22px; }
.hotel-affiliate-card { display:flex;overflow:hidden;min-height:100%;flex-direction:column;padding:0; }
.hotel-affiliate-image { overflow:hidden;aspect-ratio:8/5;margin:0;background:#e7e7e9; }
.hotel-affiliate-image img { display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease; }
.hotel-affiliate-card:hover .hotel-affiliate-image img { transform:scale(1.035); }
.hotel-affiliate-body { display:flex;min-height:360px;flex:1;flex-direction:column;padding:26px; }
.hotel-affiliate-body>span { display:block;margin-bottom:11px;color:var(--red);font-size:.58rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase; }
.hotel-affiliate-body h3 { margin-bottom:9px;font-size:clamp(1.25rem,2.1vw,1.65rem); }
.hotel-affiliate-body h3 small { display:block;margin-top:5px;color:var(--gray);font-size:.72rem;font-weight:750; }
.hotel-affiliate-body>p { margin-bottom:18px;color:var(--gray);line-height:1.65; }
.hotel-affiliate-location { padding-bottom:15px;border-bottom:1px solid var(--line);font-size:.76rem; }
.hotel-affiliate-location strong { display:inline;color:var(--black);font-size:inherit; }
.hotel-affiliate-actions { display:grid;gap:10px;margin-top:auto;padding-top:12px; }
.hotel-affiliate-link,.hotel-affiliate-contact { display:flex;align-items:center;justify-content:space-between;border-radius:10px;font-size:.69rem;font-weight:900;letter-spacing:.03em;text-transform:uppercase; }
.hotel-affiliate-link { padding:13px 15px;background:var(--red);color:#fff; }
.hotel-affiliate-link:hover { background:#bf1019;color:#fff; }
.hotel-affiliate-contact { padding:4px 2px;color:var(--black);line-height:1.45; }
.hotel-affiliate-contact:hover { color:var(--red); }
@media (prefers-reduced-motion:reduce) { .hotel-affiliate-image img,.equipment-card-image img { transition:none; } .hotel-affiliate-card:hover .hotel-affiliate-image img,.equipment-card:hover .equipment-card-image img { transform:none; } }
.support-section-block { margin-top:54px;padding-top:50px;border-top:1px solid var(--line); }
.support-check-list { display:grid;gap:12px;padding:0;margin:26px 0 0;list-style:none; }
.support-check-list li { position:relative;padding-left:30px;color:var(--gray);line-height:1.65; }
.support-check-list li::before { position:absolute;top:.2em;left:0;display:grid;width:20px;height:20px;place-items:center;background:var(--red);border-radius:50%;color:#fff;content:'\2713';font-size:.65rem;font-weight:900; }
.support-link-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px; }
.support-link-grid a { display:flex;min-width:0;flex-direction:column;padding:26px;background:#fff;border:1px solid var(--line);border-radius:16px;color:var(--black);transition:transform .2s ease,border-color .2s ease; }
.support-link-grid a:hover,.support-directory-card:hover,.support-contact-card:hover { transform:translateY(-3px);border-color:rgba(0,0,0,.22); }
.support-link-grid small { margin-top:auto;padding-top:18px;color:var(--red);font-size:.67rem;font-weight:900;text-transform:uppercase; }
.support-text-link { display:inline-block;margin-top:14px;color:var(--red);font-weight:850; }
.support-callout { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;margin-top:54px;padding:42px;background:var(--red);border-radius:20px;color:#fff; }
.support-callout .eyebrow { color:rgba(255,255,255,.75); }
.support-callout h2,.support-callout p { color:#fff; }
.support-callout p { margin-bottom:0;line-height:1.7; }
.support-sidebar { position:sticky;top:132px;padding:30px;background:#111114;border-radius:19px;color:#fff;box-shadow:0 18px 46px rgba(0,0,0,.12); }
.support-sidebar-label { display:block;margin-bottom:12px;color:#92929b;font-size:.6rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase; }
.support-sidebar h2 { color:#fff;font-size:1.55rem; }
.support-sidebar-list { display:grid;margin:24px 0;border-top:1px solid rgba(255,255,255,.1); }
.support-sidebar-list>div { display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:15px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1); }
.support-sidebar-list span { color:#92929b;font-size:.66rem;font-weight:850;text-transform:uppercase; }
.support-sidebar-list strong { color:#fff;font-size:.76rem;line-height:1.45;text-align:right;overflow-wrap:anywhere; }
.support-sidebar>p { color:#b9b9c2;font-size:.75rem;line-height:1.65; }
.support-sidebar .btn { width:100%;text-align:center; }
.support-sidebar-link { display:block;margin-top:18px;color:#fff;font-size:.7rem;font-weight:850;text-align:center;text-transform:uppercase; }
.support-faq-list { display:grid;gap:11px; }
.support-faq-item { padding:0 24px;background:#fff;border:1px solid var(--line);border-radius:15px; }
.support-faq-item summary { padding:20px 0;cursor:pointer;color:var(--black);font-weight:850;line-height:1.45; }
.support-faq-item p { padding:0 0 22px;margin-bottom:0;color:var(--gray);line-height:1.72; }
.support-directory-intro { display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:70px;align-items:end;margin-bottom:42px; }
.support-directory-intro h2,.support-directory-intro p { margin-bottom:0; }
.support-directory-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }
.support-directory-card { display:flex;min-width:0;min-height:285px;flex-direction:column;padding:32px;background:#fff;border:1px solid var(--line);border-radius:18px;color:var(--black);transition:transform .2s ease,border-color .2s ease; }
.support-directory-card p { color:var(--gray);line-height:1.7; }
.support-directory-card>strong { margin-top:auto;padding-top:22px;color:var(--red);font-size:.7rem;text-transform:uppercase; }
.support-directory-callout { margin-top:44px; }
.support-legal-content { padding:42px;background:#fff;border:1px solid var(--line);border-radius:20px; }
.support-legal-content section+section { margin-top:38px;padding-top:34px;border-top:1px solid var(--line); }
.support-legal-content h2 { font-size:clamp(1.45rem,2.3vw,2rem); }
.support-legal-content a { color:var(--red);font-weight:800; }
.support-updated { margin-bottom:32px;color:var(--black)!important;font-size:.76rem;font-weight:850;text-transform:uppercase; }
.support-legal-note { margin-top:38px;padding:24px;background:#f3f3f4;border-left:4px solid var(--red); }
.support-legal-note strong { display:block;margin-bottom:8px; }
.support-legal-note p { margin-bottom:0; }
.support-policy-list { display:grid;gap:13px;margin:20px 0 0;padding-left:22px; }
.support-policy-list li { color:var(--gray);line-height:1.72; }
.support-contact-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }
.support-contact-card { display:flex;min-width:0;min-height:235px;flex-direction:column;padding:30px;background:#fff;border:1px solid var(--line);border-radius:18px;color:var(--black);transition:transform .2s ease,border-color .2s ease; }
.support-contact-card strong { overflow-wrap:anywhere; }
.support-contact-card small { margin-top:auto;padding-top:24px;color:var(--red);font-size:.68rem;font-weight:900;text-transform:uppercase; }
.support-form-section { margin-top:54px;padding-top:50px;border-top:1px solid var(--line);scroll-margin-top:120px; }
.support-form-intro { max-width:880px;margin-bottom:28px; }
.support-form-intro p { color:var(--gray);line-height:1.75; }
.support-contact-form { padding:40px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 14px 38px rgba(0,0,0,.05); }
.support-form-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px; }
.support-form-grid label { display:grid;align-content:start;gap:9px;min-width:0; }
.support-form-grid label>span { color:var(--black);font-size:.72rem;font-weight:850;line-height:1.45; }
.support-form-grid input:not([type="checkbox"]),.support-form-grid select,.support-form-grid textarea { width:100%;min-width:0;padding:14px 15px;background:#fafafa;border:1px solid #cfcfd4;border-radius:10px;color:var(--black);font:inherit;font-size:.84rem;line-height:1.4; }
.support-form-grid textarea { min-height:150px;resize:vertical; }
.support-form-grid input:focus-visible,.support-form-grid select:focus-visible,.support-form-grid textarea:focus-visible { outline:3px solid rgba(225,20,30,.22);outline-offset:1px;border-color:var(--red); }
.support-form-grid ::placeholder { color:#85858e;opacity:1; }
.support-form-wide { grid-column:1/-1; }
.support-form-grid .support-form-consent { display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f5f5f6;border-radius:11px; }
.support-form-consent input { width:18px;height:18px;flex:0 0 auto;margin-top:2px;accent-color:var(--red); }
.support-form-consent span { color:var(--gray)!important;font-weight:650!important; }
.support-form-actions { display:flex;align-items:center;gap:24px;margin-top:26px; }
.support-form-actions p { max-width:720px;margin:0;color:var(--gray);font-size:.74rem;line-height:1.6; }
.support-form-actions a { color:var(--red);font-weight:800; }
.support-form-status { margin:18px 0 0;padding:14px 16px;background:#f3f3f4;border-left:4px solid var(--red);color:var(--black);font-size:.78rem;line-height:1.55; }
.support-location-grid { display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:22px;margin-top:46px; }
.support-location-grid>article,.support-message-card { padding:38px;background:#fff;border:1px solid var(--line);border-radius:19px; }
.support-location-grid address { margin:25px 0;color:var(--gray);font-style:normal;line-height:1.7; }
.support-location-grid address strong { color:var(--black); }
.support-message-card { background:#111114;color:#fff; }
.support-message-card .support-check-list { margin-top:20px; }
.support-message-card .support-check-list li { color:#d0d0d5; }
@media (max-width:980px) { .support-main-grid,.support-legal-layout { grid-template-columns:1fr;gap:40px; } .support-sidebar { position:static; } .support-directory-intro,.support-callout { grid-template-columns:1fr;gap:26px; } .support-directory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .support-quick-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .support-quick-grid>div:nth-child(2) { border-right:0; } .support-quick-grid>div:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.1); } }
@media (max-width:760px) { .support-card-grid-two,.support-link-grid,.support-contact-grid,.support-location-grid,.support-directory-grid,.support-form-grid { grid-template-columns:1fr; } .support-directory-card { min-height:235px; } .support-form-wide { grid-column:auto; } .support-form-actions { align-items:flex-start;flex-direction:column; } }
@media (max-width:640px) { .support-hero { min-height:660px; } .hotel-affiliate-body,.equipment-card-body { min-height:0;padding:24px; } .support-quick-grid { grid-template-columns:1fr; } .support-quick-grid>div { padding:20px 18px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1); } .support-quick-grid>div:last-child { border-bottom:0; } .support-card,.support-contact-card,.support-location-grid>article,.support-message-card { padding:25px; } .equipment-card { padding:0; } .support-callout,.support-legal-content,.support-contact-form { padding:32px 24px; } .support-sidebar { padding:26px 22px; } }
