/*
Theme Name: Marine Gadgets
Theme URI: https://marine-gadgets.com
Author: Marine Gadgets
Description: A lightweight marine storefront and project-journal theme with a PayPal-ready browser cart. No WooCommerce required.
Version: 2.0.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: marine-gadgets
*/
:root{--ink:#0b2239;--deep:#071827;--sea:#24b5d8;--foam:#f4f8fa;--sun:#f4b942;--muted:#607387;--line:#d9e4ea;--white:#fff;--shadow:0 18px 50px rgba(7,24,39,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--foam);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}.mg-wrap{width:min(1180px,calc(100% - 36px));margin:auto}
.mg-header{position:sticky;top:0;z-index:20;background:rgba(7,24,39,.96);color:white;border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px)}.mg-nav{height:72px;display:flex;align-items:center;gap:28px}.mg-brand{display:flex;align-items:center;gap:11px;font-weight:850;letter-spacing:-.03em;font-size:1.18rem}.mg-mark{width:38px;height:38px;border:2px solid var(--sea);border-radius:50%;display:grid;place-items:center;color:var(--sun)}.mg-links{display:flex;gap:24px;margin-left:auto}.mg-links a{color:#cfe2ec;font-weight:650}.mg-links a:hover{color:white}.mg-cart-button{border:0;border-radius:999px;background:var(--sun);color:#14202c;font-weight:850;padding:11px 16px;cursor:pointer}.mg-cart-count{display:inline-grid;place-items:center;background:var(--ink);color:white;border-radius:99px;min-width:23px;height:23px;margin-left:7px;font-size:.78rem}
.mg-hero{background:var(--deep);color:white;overflow:hidden}.mg-hero .mg-wrap{min-height:590px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}.mg-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--sea);font-weight:800;font-size:.79rem}.mg-hero h1{font-size:clamp(3rem,7vw,6.4rem);line-height:.92;letter-spacing:-.065em;margin:14px 0 24px;max-width:720px}.mg-hero p{color:#c6d7e2;font-size:1.15rem;max-width:610px}.mg-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.mg-button{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:14px 20px;font-weight:800;border:1px solid transparent;cursor:pointer}.mg-primary{background:var(--sun);color:#17222d}.mg-secondary{border-color:#557083;color:white}.mg-boat-card{position:relative;height:430px;border-radius:180px 180px 26px 26px;background:linear-gradient(165deg,#1f6079,#0e3247);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 28px 90px rgba(0,0,0,.3);overflow:hidden}.mg-horizon{position:absolute;inset:46% 0 0;background:linear-gradient(#26a8c7,#0b5f80)}.mg-sun{position:absolute;width:80px;height:80px;border-radius:50%;background:var(--sun);top:68px;right:68px}.mg-boat{position:absolute;left:12%;right:12%;bottom:104px;height:72px;background:#f7fbfd;clip-path:polygon(8% 22%,90% 22%,100% 50%,88% 92%,20% 92%,0 45%)}.mg-cabin{position:absolute;left:35%;bottom:164px;width:39%;height:72px;background:#d8edf4;clip-path:polygon(14% 0,80% 0,100% 100%,0 100%)}.mg-mast{position:absolute;width:5px;height:116px;background:#d7e8ef;left:56%;bottom:220px}.mg-wave{position:absolute;bottom:68px;left:-10%;width:120%;height:24px;border-top:7px solid rgba(255,255,255,.8);border-radius:50%}
.mg-section{padding:88px 0}.mg-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.mg-section-head h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1;letter-spacing:-.045em;margin:8px 0}.mg-section-head p{max-width:540px;color:var(--muted)}.mg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mg-product{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:.2s}.mg-product:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.mg-product-art{height:210px;display:grid;place-items:center;background:linear-gradient(145deg,#e9f3f7,#cce5ef);font-size:4.5rem}.mg-product-body{padding:22px;display:flex;flex-direction:column;flex:1}.mg-tag{font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;color:#227b94;font-weight:850}.mg-product h3{font-size:1.3rem;margin:8px 0}.mg-product p{color:var(--muted);margin:0 0 20px}.mg-price-row{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.mg-price{font-size:1.35rem;font-weight:900}.mg-add{background:var(--ink);color:white;border:0;border-radius:8px;padding:11px 15px;font-weight:800;cursor:pointer}.mg-add:hover{background:#15415f}
.mg-projects{background:white}.mg-project-feature{display:grid;grid-template-columns:1.15fr .85fr;border-radius:22px;overflow:hidden;background:var(--ink);color:white}.mg-project-art{min-height:430px;background:linear-gradient(145deg,#175574,#071827);display:grid;place-items:center;padding:30px}.mg-blueprint{width:min(430px,100%);aspect-ratio:1.7;border:2px solid var(--sea);border-radius:45% 45% 28% 28%;position:relative;box-shadow:0 0 0 12px rgba(36,181,216,.08)}.mg-blueprint:before{content:"YUKON DELTA 25";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:900;letter-spacing:.13em;color:var(--sea);white-space:nowrap}.mg-project-copy{padding:52px;align-self:center}.mg-project-copy h3{font-size:2.7rem;line-height:1.05;letter-spacing:-.04em;margin:12px 0 18px}.mg-project-copy p{color:#c9dae4}.mg-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px}.mg-spec{border-top:1px solid #345167;padding-top:10px}.mg-spec strong{display:block;color:var(--sun);font-size:1.3rem}
.mg-channels{background:#dbeef4}.mg-channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mg-channel{background:white;border-radius:14px;padding:24px;border:1px solid #c5dce5}.mg-channel b{display:block;font-size:1.1rem;margin:10px 0 5px}.mg-channel span{color:var(--muted);font-size:.93rem}.mg-channel-icon{font-size:1.8rem}.mg-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.mg-story h2{font-size:3.3rem;line-height:1;letter-spacing:-.045em;margin:10px 0}.mg-story-copy{font-size:1.1rem;color:#435d70}.mg-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.mg-principle{padding:18px;border-left:4px solid var(--sun);background:white}.mg-principle b{display:block}.mg-principle span{color:var(--muted);font-size:.92rem}
.mg-footer{background:var(--deep);color:#c0d2de;padding:48px 0}.mg-foot{display:flex;justify-content:space-between;gap:24px;align-items:center}.mg-foot .mg-brand{color:white}.mg-small{font-size:.87rem;color:#8ca5b5}.mg-drawer{position:fixed;z-index:9999;inset:0 0 0 auto;width:min(430px,100%);background:white;box-shadow:-30px 0 90px rgba(0,0,0,.25);transform:translateX(105%);transition:.25s;display:flex;flex-direction:column}.mg-drawer.open{transform:none}.mg-drawer-head{padding:22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.mg-drawer-head h2{margin:0}.mg-close{border:0;background:#eaf2f5;border-radius:50%;width:38px;height:38px;cursor:pointer;font-size:1.2rem}.mg-cart-items{padding:20px;overflow:auto;flex:1}.mg-cart-empty{color:var(--muted);text-align:center;padding:70px 20px}.mg-cart-item{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px 0;border-bottom:1px solid var(--line)}.mg-cart-item small{color:var(--muted)}.mg-remove{border:0;background:none;color:#a02d2d;cursor:pointer}.mg-checkout{padding:20px;border-top:1px solid var(--line)}.mg-total{display:flex;justify-content:space-between;font-size:1.2rem;font-weight:900;margin-bottom:14px}.mg-paypal{width:100%;border:0;border-radius:8px;background:#ffc439;color:#17355d;font-weight:900;padding:14px;cursor:pointer}.mg-note{font-size:.78rem;color:var(--muted);margin-top:10px}.mg-shade{position:fixed;z-index:9998;inset:0;background:rgba(7,24,39,.5);opacity:0;pointer-events:none;transition:.2s}.mg-shade.open{opacity:1;pointer-events:auto}.mg-toast{position:fixed;z-index:10000;bottom:24px;left:50%;transform:translate(-50%,30px);background:var(--ink);color:white;padding:12px 18px;border-radius:9px;opacity:0;transition:.2s}.mg-toast.show{opacity:1;transform:translate(-50%,0)}
.mg-seo-copy{background:#edf6f9}.mg-seo-copy .mg-wrap{max-width:940px}.mg-seo-copy h2{font-size:clamp(2rem,4vw,3rem);line-height:1.05;letter-spacing:-.04em}.mg-seo-copy h3{margin-top:32px}.mg-seo-copy p,.mg-seo-copy li{color:#435d70}.mg-content{max-width:860px;margin:0 auto;padding:72px 18px}.mg-content h1{font-size:clamp(2.3rem,5vw,4rem);line-height:1}.mg-content img{max-width:100%;height:auto}.mg-content-meta{color:var(--muted);margin-bottom:28px}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mg-elementor-full-width{width:100%;margin:0;padding:0}.elementor-page .mg-content{max-width:none;padding:0}
.mg-photo-hero{min-height:680px;background:linear-gradient(90deg,rgba(3,17,29,.94) 0%,rgba(3,17,29,.72) 42%,rgba(3,17,29,.08) 78%),url('assets/images/marine-hero.webp') center/cover no-repeat;display:flex;align-items:center;color:white}.mg-photo-hero .mg-hero-copy{max-width:690px;padding:94px 0}.mg-photo-hero h1{font-size:clamp(3.5rem,7.5vw,7rem);line-height:.88;letter-spacing:-.07em;margin:16px 0 25px}.mg-photo-hero p{max-width:620px;color:#d6e6ee;font-size:1.17rem}.mg-kicker{display:inline-flex;gap:8px;align-items:center;color:var(--sun);font-weight:850;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.mg-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.mg-pill{border:1px solid rgba(255,255,255,.3);background:rgba(7,24,39,.38);border-radius:999px;padding:8px 12px;font-size:.85rem;color:#d9ebf2}
.mg-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.mg-category{position:relative;min-height:360px;border-radius:18px;overflow:hidden;color:white;box-shadow:var(--shadow)}.mg-category img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .45s}.mg-category:hover img{transform:scale(1.04)}.mg-category:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(3,17,29,.9))}.mg-category-copy{position:absolute;z-index:2;left:22px;right:22px;bottom:20px}.mg-category h3{font-size:1.5rem;margin:0 0 5px}.mg-category p{color:#d5e6ee;margin:0;font-size:.91rem}.mg-feature{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:24px;overflow:hidden;background:var(--deep);color:white;box-shadow:var(--shadow)}.mg-feature-media{min-height:520px}.mg-feature-media img{width:100%;height:100%;object-fit:cover}.mg-feature-copy{padding:58px;align-self:center}.mg-feature-copy h2{font-size:clamp(2.4rem,4vw,4.2rem);line-height:.96;letter-spacing:-.05em;margin:13px 0 22px}.mg-feature-copy p{color:#c6d8e3}.mg-checks{list-style:none;padding:0;margin:24px 0}.mg-checks li{padding:8px 0 8px 26px;position:relative}.mg-checks li:before{content:"✓";position:absolute;left:0;color:var(--sun);font-weight:900}.mg-feature-price{font-size:2rem;font-weight:900;color:var(--sun);margin-right:16px}.mg-disclaimer{font-size:.78rem;color:#8ea8b8;margin-top:18px}.mg-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mg-info-card{background:white;border:1px solid var(--line);border-radius:16px;padding:25px;display:flex;flex-direction:column}.mg-info-card .mg-number{font-size:.77rem;font-weight:900;color:#1685a1;letter-spacing:.12em}.mg-info-card h3{font-size:1.25rem;margin:10px 0}.mg-info-card p{color:var(--muted);font-size:.94rem}.mg-text-link{margin-top:auto;color:#0e6d88;font-weight:850}.mg-text-link:hover{text-decoration:underline}.mg-dark-section{background:var(--deep);color:white}.mg-dark-section .mg-section-head p{color:#aec4d0}.mg-dark-section .mg-info-card{background:#0d2a40;border-color:#29485d}.mg-dark-section .mg-info-card p{color:#b8ced9}.mg-dark-section .mg-text-link{color:var(--sun)}.mg-affiliate{background:#fff8e8;border:1px solid #eddaa6;border-radius:12px;padding:16px 20px;color:#6e5b28;margin-bottom:24px}.mg-link-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mg-resource{display:flex;gap:14px;align-items:center;background:white;border:1px solid var(--line);border-radius:12px;padding:16px}.mg-resource-icon{width:42px;height:42px;border-radius:10px;background:#dff3f8;display:grid;place-items:center;font-size:1.3rem;flex:0 0 auto}.mg-resource b{display:block}.mg-resource span{font-size:.84rem;color:var(--muted)}.mg-page-hero{padding:100px 0 70px;background:var(--deep);color:white}.mg-page-hero h1{font-size:clamp(3rem,6vw,5.5rem);line-height:.92;letter-spacing:-.06em;max-width:900px;margin:14px 0}.mg-page-hero p{color:#c5d8e2;max-width:760px;font-size:1.12rem}.mg-article-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:50px}.mg-sticky{position:sticky;top:95px;align-self:start}.mg-sidebar{background:#e6f3f7;border-radius:15px;padding:22px}.mg-sidebar a{display:block;padding:9px 0;border-bottom:1px solid #cde1e8;font-weight:700}.mg-prose{font-size:1.06rem}.mg-prose h2{font-size:2rem;margin-top:44px}.mg-prose h3{font-size:1.35rem;margin-top:30px}.mg-prose a{color:#087895;text-decoration:underline}.mg-callout{padding:22px;border-left:5px solid var(--sun);background:#fff8e7;margin:28px 0}.mg-photo-wide{width:100%;border-radius:18px;margin:24px 0;aspect-ratio:16/9;object-fit:cover}.mg-product-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.mg-product-hero img{width:100%;border-radius:18px}.mg-price-big{font-size:2.5rem;font-weight:950;color:#0e7892}.mg-badge{display:inline-block;background:#daf4eb;color:#125f4c;border-radius:999px;padding:6px 10px;font-weight:800;font-size:.78rem}.mg-buy{display:inline-flex;background:var(--sun);border:0;border-radius:10px;padding:15px 22px;font-weight:900;cursor:pointer;color:#132331}.mg-faq details{background:white;border:1px solid var(--line);border-radius:12px;padding:17px 20px;margin:10px 0}.mg-faq summary{font-weight:850;cursor:pointer}
@media(max-width:1000px){.mg-category-grid{grid-template-columns:1fr 1fr}.mg-feature,.mg-product-hero{grid-template-columns:1fr}.mg-feature-media{min-height:360px}.mg-article-grid{grid-template-columns:1fr}.mg-sticky{position:static}.mg-links{gap:12px;font-size:.88rem}}
@media(max-width:680px){.mg-photo-hero{min-height:620px;background-position:63% center}.mg-photo-hero .mg-hero-copy{padding:76px 0}.mg-category-grid,.mg-card-grid,.mg-link-list{grid-template-columns:1fr}.mg-category{min-height:300px}.mg-feature-copy{padding:32px}.mg-feature-media{min-height:280px}.mg-page-hero{padding:72px 0 52px}}
@media(max-width:850px){.mg-nav{height:auto;min-height:66px;flex-wrap:wrap;padding:11px 0}.mg-nav .mg-links{display:flex!important;order:3;width:100%;overflow-x:auto;gap:18px;padding:2px 0 10px;white-space:nowrap}.mg-cart-button{margin-left:auto}}
@media(max-width:850px){.mg-links{display:none}.mg-hero .mg-wrap{grid-template-columns:1fr;padding:72px 0}.mg-boat-card{height:320px}.mg-grid,.mg-channel-grid,.mg-principles{grid-template-columns:1fr 1fr}.mg-project-feature,.mg-story{grid-template-columns:1fr}.mg-section-head{display:block}.mg-project-copy{padding:34px}.mg-foot{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.mg-wrap{width:min(100% - 24px,1180px)}.mg-nav{min-height:64px}.mg-brand span{font-size:1rem}.mg-hero h1{font-size:3.35rem}.mg-grid,.mg-channel-grid,.mg-principles{grid-template-columns:1fr}.mg-section{padding:65px 0}.mg-boat-card{height:260px}.mg-project-art{min-height:270px}.mg-project-copy h3,.mg-story h2{font-size:2.35rem}}