:root{--navy:#103b32;--blue:#20634f;--coral:#20634f;--line:#e1e5ec;--muted:#65716b}*{box-sizing:border-box}body{margin:0;font:16px/1.5 Arial,sans-serif;color:var(--navy);background:#fff}button,input,select,textarea{font:inherit}button,a{cursor:pointer}button{border:1px solid var(--line);border-radius:7px;background:white;padding:10px 16px;color:var(--navy)}button:hover{border-color:var(--blue);color:var(--blue)}button.primary{background:var(--blue);color:white;border-color:var(--blue)}button.coral{background:var(--coral);border:0;color:var(--navy);font-weight:bold}a{color:inherit;text-decoration:none}.prototype{background:var(--navy);color:#d4dded;text-align:center;padding:9px 20px;font-size:12px;letter-spacing:.6px}.prototype button{border:0;background:transparent;color:white;font-size:12px;padding:0 0 0 20px}header{max-width:1440px;margin:auto;padding:28px 5%;display:flex;align-items:center;gap:42px}.logo{font-size:39px;font-weight:800;letter-spacing:-2px;line-height:1}.logo span{color:#377ce2}.logo small{display:block;font-size:11px;letter-spacing:5px;text-align:right;margin-top:9px}.search{flex:1;position:relative}.search input{width:100%;background:#f5f7fa;border:1px solid var(--line);padding:14px 40px 14px 18px;border-radius:6px}.search span{position:absolute;right:16px;top:7px;font-size:28px}.header-actions{display:flex;align-items:center;gap:12px}.header-actions>span{font-size:12px;color:var(--muted);max-width:90px}.basket b{background:var(--navy);color:white;border-radius:50%;padding:3px 7px;font-size:12px}nav{border-block:1px solid var(--line);display:flex;justify-content:center;gap:3px;flex-wrap:wrap;padding:7px 3%}nav button{border:0;font-size:14px;padding:9px}nav .active{color:var(--blue);background:#eff4f1}main{max-width:1440px;margin:auto;padding:28px 5% 60px}.hero{display:grid;grid-template-columns:1.05fr 1fr;background:var(--navy);border-radius:12px;overflow:hidden;min-height:340px}.hero-copy{padding:45px;color:white}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:bold;color:#9fc2ff}h1{font-size:48px;line-height:1.08;letter-spacing:-1.5px;margin:16px 0 20px}h2{font-size:27px;letter-spacing:-.6px}h3{margin:10px 0;font-size:18px}.hero p{color:#cbd4e8;max-width:360px}.hero img{width:100%;height:340px;object-fit:cover}.benefits{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:28px;font-size:14px}.benefits span{color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.category-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:9px;margin:15px 0 35px}.category-tile{padding:20px 6px;text-align:center;background:#f4f7fb;border:1px solid transparent;border-radius:8px;font-size:12px;font-weight:bold}.category-tile .num{display:block;color:var(--blue);font-size:20px;margin-bottom:8px}.category-tile:hover{border-color:var(--blue)}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:white}.image-wrap{height:235px;background:#f6f8fb;position:relative;cursor:pointer}.image-wrap img{width:100%;height:100%;object-fit:contain;padding:25px;mix-blend-mode:multiply}.tag{position:absolute;top:13px;left:13px;background:white;border-radius:4px;font-size:12px;padding:4px 8px;z-index:1}.product-body{padding:18px}.product .meta{font-size:12px;color:var(--muted)}.product h3{min-height:48px}.price{font-size:23px;font-weight:bold}.product-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.muted{color:var(--muted);font-size:14px}.catalog{display:grid;grid-template-columns:210px 1fr;gap:28px}.filters{background:#f6f8fb;padding:20px;border-radius:8px;height:fit-content}.filters label{display:block;margin:16px 0 5px;font-size:14px}input,select,textarea{border:1px solid #ccd3df;border-radius:5px;padding:11px;width:100%;color:var(--navy);background:white}input[type=checkbox]{width:auto}footer{background:var(--navy);color:white;padding:40px 5%;font-size:14px}footer button{background:transparent;color:white;margin:5px}footer .muted{color:#a5b2cd}dialog{border:0;border-radius:12px;padding:32px;width:min(880px,92vw);max-height:90vh;box-shadow:0 25px 100px #0004}dialog::backdrop{background:#10152a88}.close{float:right}.detail{display:grid;grid-template-columns:1fr 1fr;gap:30px;clear:both;padding-top:20px}.detail img{width:100%;height:350px;object-fit:contain;background:#f6f8fb}.detail label{display:block;margin:16px 0 6px}.detail h2{font-size:30px}.line-item{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:18px 0}.line-item img{width:65px;height:65px;object-fit:contain}.line-item .grow{flex:1}.line-item button{padding:5px 10px}.summary{background:#f5f7fb;padding:24px;border-radius:8px;margin-top:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:block;font-size:14px}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{margin-top:5px}.admin-layout{display:grid;grid-template-columns:210px 1fr;gap:30px}.admin-menu{background:var(--navy);border-radius:8px;padding:15px;height:fit-content}.admin-menu button{display:block;width:100%;background:transparent;color:white;border:0;text-align:left;margin:5px 0}.admin-menu .selected{background:#2d355c}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.stat{background:#f4f7fb;border:1px solid var(--line);border-radius:8px;padding:22px}.stat b{display:block;font-size:30px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}th{background:#f5f7fb}td button{padding:5px 8px;font-size:12px}.pill{padding:4px 9px;background:#e7f3ee;color:#23614b;border-radius:20px;font-size:12px}.empty{padding:50px;text-align:center;border:1px dashed #ccd3df;border-radius:8px}.notice{padding:14px 18px;background:#fff2db;border-radius:6px;font-size:14px;margin:15px 0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 24px;background:var(--navy);color:white;border-radius:7px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:9}#toast.show{opacity:1}:focus-visible{outline:3px solid #64a8ff;outline-offset:3px}@media(max-width:1000px){header{gap:20px;flex-wrap:wrap}.search{order:3;flex-basis:100%}.header-actions{margin-left:auto}.category-grid{grid-template-columns:repeat(3,1fr)}.products{grid-template-columns:repeat(3,1fr)}.catalog{grid-template-columns:180px 1fr}.catalog .products{grid-template-columns:repeat(2,1fr)}h1{font-size:38px}}@media(max-width:650px){header{padding:20px 5%}.header-actions>span{display:none}.logo{font-size:32px}.header-actions button{padding:8px;font-size:13px}.hero{grid-template-columns:1fr}.hero-copy{padding:28px}.hero img{height:220px}.benefits{gap:12px;font-size:12px}.products{grid-template-columns:repeat(2,1fr);gap:12px}.image-wrap{height:170px}.product-body{padding:12px}.product h3{font-size:15px}.product-bottom{flex-wrap:wrap;gap:8px}.price{font-size:20px}.catalog,.admin-layout{grid-template-columns:1fr}.filters{display:flex;gap:12px;flex-wrap:wrap}.filters label{margin:0}.admin-menu{display:flex;overflow:auto}.admin-menu button{white-space:nowrap;width:auto}.detail,.form-grid{grid-template-columns:1fr}.detail img{height:220px}.stats{grid-template-columns:1fr}.section-head{flex-wrap:wrap}.line-item{flex-wrap:wrap}.prototype{font-size:10px}.category-tile{font-size:12px}dialog{padding:20px}}
.category-grid{grid-template-columns:repeat(3,1fr);gap:14px}.category-tile{display:grid;grid-template-columns:42px 1fr;text-align:left;padding:22px;align-items:start}.category-tile .num{grid-row:1/3;margin:0;font-size:22px}.category-tile strong{font-size:16px}.tile-description{font-weight:normal;color:var(--muted);font-size:14px;margin-top:7px}.directory{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.category-section{border:1px solid var(--line);border-radius:9px;padding:24px}.category-section h2{margin:8px 0;font-size:22px}.category-section h2 button{padding:0;border:0;text-align:left;font:inherit}.sub-links{display:flex;gap:8px;flex-wrap:wrap}.sub-links button{background:#f5f7fb;font-size:14px;padding:7px 11px}.sub-links .selected{color:white;background:var(--navy)}.category-chips{margin:20px 0 28px}.breadcrumb{font-size:14px;color:var(--muted)}.breadcrumb button{border:0;padding:0;background:transparent;font-size:14px}.intro{color:var(--muted);font-size:17px;max-width:440px}.editorial{background:#ecf3fd;border-radius:10px;padding:36px;margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.editorial .eyebrow{color:var(--blue)}.editorial h2{font-size:32px;line-height:1.2}.activity-links{display:flex;flex-direction:column;gap:10px}.activity-links button{text-align:left;padding:18px;font-weight:bold}.activity-links span{display:block;font-size:14px;font-weight:normal;color:var(--muted);margin-top:4px}.product-page{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;margin:26px 0 40px}.product-photo{position:relative;background:#f4f7fb;border-radius:10px;min-height:470px;display:flex;flex-direction:column;align-items:center;justify-content:center}.product-photo img{width:90%;height:390px;object-fit:contain;mix-blend-mode:multiply}.purchase-panel h1{font-size:38px;margin-top:12px}.purchase-panel .eyebrow{color:var(--blue)}.detail-price{font-size:34px;font-weight:bold;margin-bottom:0}.option-grid{display:grid;grid-template-columns:1fr 100px;gap:16px;margin-top:22px}.option-grid label{font-size:14px}.option-grid select,.option-grid input{margin-top:7px}.availability{font-size:14px;color:#286449}.add-button{width:100%;padding:15px;font-weight:bold}.delivery-box{border:1px solid var(--line);border-radius:8px;padding:20px;margin-top:22px}.delivery-box p{font-size:14px}.product-information{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-block:1px solid var(--line);padding:20px 0 36px;margin-bottom:30px}.added-feedback{background:#edf5ff;padding:12px;border-radius:7px;margin-top:10px;font-size:14px}.added-feedback button{font-size:14px;margin:5px;padding:5px 8px}.checkout-steps{display:flex;gap:25px;align-items:center;color:var(--muted);margin:8px 0 30px;border-bottom:1px solid var(--line);padding-bottom:16px;font-size:14px}.checkout-steps b{color:var(--blue)}.checkout-steps button{padding:0;border:0}.checkout-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;align-items:start}.checkout-layout .summary{margin:0}.checkout-item{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.checkout-item img{width:55px;height:55px;object-fit:contain}.checkout-item div{flex:1}.parcel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.footer-categories{float:right;display:flex;gap:45px}.footer-categories button{display:block;border:0;padding:5px 0;margin:0;color:#cbd4e8;text-align:left}.footer-categories h3{font-size:16px}.image-wrap img{transition:transform .25s}.image-wrap:hover img{transform:scale(1.05)}button:disabled{cursor:not-allowed;opacity:.5}@media(max-width:1000px){.directory{grid-template-columns:repeat(2,1fr)}.product-page{gap:25px}.purchase-panel h1{font-size:32px}.product-photo{min-height:350px}.product-photo img{height:300px}}@media(max-width:650px){.category-grid,.directory{grid-template-columns:1fr 1fr}.category-tile{display:block;padding:15px}.category-tile .num{margin-bottom:8px}.category-tile strong{font-size:14px}.tile-description{display:block;font-size:12px}.category-section{padding:15px}.category-section .section-head{display:block}.category-section h2{font-size:18px}.editorial,.product-page,.product-information,.checkout-layout,.parcel-grid{grid-template-columns:1fr}.editorial{padding:24px}.footer-categories{float:none;margin-bottom:35px;gap:25px}.product-photo{min-height:280px}.product-photo img{height:240px}.purchase-panel h1{font-size:30px}.checkout-steps{gap:15px;font-size:12px}.directory .sub-links button{font-size:12px}.category-section .muted{font-size:12px}}
.no-photo{display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:14px;min-height:180px}.stock-filter{margin-top:22px!important;display:flex!important;gap:8px;align-items:center}.confirmation{text-align:center;max-width:750px;margin:30px auto}.confirmation h1{font-size:38px}.confirmation-mark{display:inline-flex;align-items:center;justify-content:center;background:#e8f3ed;color:#286449;border-radius:50%;width:64px;height:64px;font-size:30px}.confirmation-id{font-size:22px;font-weight:bold}.confirmation-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.confirmation-actions{text-align:center;margin-top:30px}.confirmation-actions button{margin:5px}@media(max-width:650px){.confirmation-layout{grid-template-columns:1fr}.confirmation h1{font-size:28px}}
.hero img{object-fit:contain;background:#f3f6fb;padding:28px}.category-tile strong{overflow-wrap:anywhere}nav{gap:1px}nav button{max-width:200px;font-size:13px}.no-photo{background:linear-gradient(145deg,#f4f7fb,#eef2f7)}
.store-network{display:flex;justify-content:space-between;gap:20px;padding:9px 5%;background:#eef3fa;font-size:13px;color:#46536a}.store-network a{font-weight:bold;color:var(--blue)}.store-network a:hover{text-decoration:underline}.store-family{color:#a9b9d6}.store-family a{color:#c7dbff;text-decoration:underline}.logo small{letter-spacing:4.8px}.hero-copy .eyebrow{font-size:13px}@media(max-width:650px){.store-network{font-size:11px;gap:10px}}
.member-layout{display:grid;grid-template-columns:235px 1fr;gap:35px;margin-top:25px}.member-menu{background:#f3f6fb;border:1px solid var(--line);border-radius:9px;padding:18px;height:fit-content}.member-menu button{display:block;width:100%;text-align:left;background:transparent;border:0;margin:4px 0}.member-menu button.active{background:var(--navy);color:white}.member-identity{display:flex;gap:12px;align-items:center;padding-bottom:18px;margin-bottom:12px;border-bottom:1px solid var(--line);font-size:14px}.member-avatar{display:flex;align-items:center;justify-content:center;background:#dce9fc;border-radius:50%;width:40px;height:40px;flex-shrink:0;font-size:20px;color:var(--blue)}.member-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0 30px}.member-stats button{text-align:left;padding:24px;background:#f5f8fc}.member-stats b{display:block;font-size:30px}.member-stats span{color:var(--muted);font-size:14px}.member-order{padding:24px;border:1px solid var(--line);border-radius:9px;margin:16px 0}.order-preview{display:flex;flex-direction:column;gap:5px;margin:20px 0;color:var(--muted);font-size:14px}.account-help{background:#edf4fd;border-radius:9px;padding:24px;margin:25px 0}.account-help button{margin:5px 5px 5px 0}.address-grid,.member-order-details{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.address-card{border:1px solid var(--line);border-radius:9px;padding:24px}.address-card button{font-size:14px;padding:6px 10px;margin:4px}.profile-form{max-width:520px}.profile-form label{display:block;margin-top:20px;font-size:14px}.profile-form input{margin-top:6px}.order-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:28px 0}.order-progress div{border-top:3px solid #dce2ec;padding-top:12px;color:var(--muted);font-size:14px}.order-progress .complete{border-color:var(--blue);color:var(--navy)}.order-progress span{display:block;font-weight:bold}.return-item{display:flex;align-items:center;gap:8px;padding:10px 0;font-size:14px}@media(max-width:700px){.member-layout{grid-template-columns:1fr}.member-menu{display:flex;flex-wrap:wrap;gap:4px;padding:10px}.member-identity{width:100%;padding:8px;margin:0}.member-menu button{width:auto;font-size:14px}.member-stats{gap:8px}.member-stats button{padding:15px}.member-stats span{font-size:12px}.address-grid,.member-order-details{grid-template-columns:1fr}.order-progress div{font-size:12px}.member-order{padding:18px}}
.hero,.hero-copy,.hero img{background:var(--navy)}.hero-copy,.hero h1,.hero p,.hero .eyebrow,.hero button{color:#fff}
#nav{background:var(--navy);border-color:var(--navy)}#nav button{background:transparent;color:#fff}#nav button:hover,#nav button.active{background:#20634f;color:#fff}
.admin-entry{max-width:650px;margin:45px auto;padding:35px;border:1px solid var(--line);border-radius:12px}.admin-entry .eyebrow,.admin-eyebrow{color:var(--blue)}.admin-entry h1{font-size:38px}.admin-entry button{margin:5px}.admin-search{display:block;max-width:420px;margin:15px 0;font-size:14px}.admin-search input{margin-top:6px}.admin-reply{background:#edf4fd;padding:15px;border-radius:7px;margin-top:15px;font-size:14px}.admin-layout .stats b{font-size:27px}.admin-layout .form-grid label{overflow-wrap:anywhere}@media(max-width:650px){.admin-entry{padding:22px;margin:20px auto}.admin-entry h1{font-size:30px}}
.technical-heading{border-top:1px solid var(--line);margin:12px 0 18px;padding-top:12px}.technical-heading h3{margin-bottom:5px}.technical-heading span{font-size:13px;color:var(--muted)}.brand-label{font-size:16px;font-weight:bold;color:var(--blue);margin-bottom:0}.compatibility-box{border-left:3px solid var(--blue);padding:12px 16px;background:#f0f5fd;margin-top:20px;font-size:14px}.compatibility-box p{margin:5px 0}.product-information th{width:45%}.product-information td{overflow-wrap:anywhere}
#syncStatus{padding:8px 5%;background:#e8f2ed;color:#23563f;font-size:13px}#syncStatus.sync-error{background:#fff0e7;color:#8b331a}.loading-store main,.loading-store nav{visibility:hidden}.signout{font-size:12px;color:var(--muted)}.login-link{display:inline-block;background:var(--blue);padding:12px 20px;border-radius:6px;color:#fff}
.order-tools{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin:20px 0}.order-tools label{font-size:14px}.order-tools input,.order-tools select{margin-top:7px}.supplier-queue{border-top:1px solid var(--line);padding-top:15px;margin-top:22px}.queue-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;border-top:1px solid var(--line);padding:15px 0}.queue-row p{margin:5px 0;font-size:14px}.queue-row .pill{align-self:start}@media(max-width:700px){.order-tools{grid-template-columns:1fr}.queue-row{grid-template-columns:1fr}.queue-row button{justify-self:start}}
.request-tools{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin:20px 0}.request-tools label{font-size:14px}.request-tools input,.request-tools select{margin-top:7px}@media(max-width:700px){.request-tools{grid-template-columns:1fr}}
.product-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.product-tools .product-search{grid-column:1/-1}.product-tools label{font-size:14px}.product-tools input,.product-tools select{margin-top:7px}.stock-shortcuts{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.stock-shortcuts b{font-size:22px;margin-right:7px}.stock-warning{background:#fff0df;color:#8b4616}@media(max-width:700px){.product-tools{grid-template-columns:1fr}}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #73a8f0;outline-offset:3px}button:disabled{opacity:.6;cursor:not-allowed}form[data-saving="true"] button{cursor:wait}.save-failure{border-left:4px solid #bb511d}@media(max-width:440px){.line-item{flex-wrap:wrap;gap:10px}.line-item .grow{flex-basis:calc(100% - 90px)}.line-item>b{margin-left:auto}.section-head{flex-wrap:wrap}.checkout-steps{flex-wrap:wrap}.product-tools,.request-tools,.order-tools{min-width:0}.header-actions{flex-wrap:wrap}}
#nav[hidden]{display:none}.category-grid .category-tile{background:var(--navy);color:#fff;border-color:var(--navy)}.category-grid .category-tile .num,.category-grid .category-tile strong,.category-grid .category-tile .tile-description{color:#fff}.category-grid .category-tile:hover{background:#23284f;border-color:#377ce2;color:#fff}
/* Responsive storefront refinements from the mobile review. */
footer .logo{display:inline-block;width:max-content;max-width:100%}.product{display:flex;flex-direction:column;min-width:0}.product-body{display:flex;flex-direction:column;flex:1;min-width:0}.product-body>.muted{margin-top:auto}.product-bottom{padding-top:16px;margin-top:0;gap:10px}.product-bottom button{min-height:44px}.product .meta{line-height:1.4}.product h3{line-height:1.35;overflow-wrap:anywhere}.products{align-items:stretch}.category-tile{align-content:start}.category-tile strong{line-height:1.4}.tile-description{line-height:1.45}.section-head{margin-bottom:16px}.section-head h2{margin-bottom:8px}.benefits>div{min-width:0}.footer-categories>div{min-width:0}.footer-categories button{overflow-wrap:anywhere}
@media(max-width:650px){
 header{padding:18px 5%;gap:16px}.header-actions{gap:8px}.search input{font-size:16px;padding:12px 42px 12px 14px}.search span{top:5px}.hero{min-height:0}.hero-copy{padding:24px}.hero h1{font-size:32px;line-height:1.12;letter-spacing:-.7px;margin:14px 0 16px}.hero p{font-size:16px;line-height:1.5;margin:0 0 20px}.hero img{height:170px;padding:16px}.hero-copy .eyebrow{font-size:12px;letter-spacing:1.5px}.hero button{min-height:44px;padding:12px 16px}.benefits{display:grid;grid-template-columns:1fr;gap:12px;font-size:14px;margin-bottom:20px}.benefits>div{display:flex;flex-wrap:wrap;gap:0 8px;align-items:baseline}.benefits br{display:none}.benefits span{font-size:13px}.category-grid{gap:12px;margin-bottom:28px}.category-tile{padding:15px}.category-tile .num{font-size:18px;margin-bottom:7px}.tile-description{font-size:13px;margin-top:7px}.products{gap:12px}.image-wrap,.image-wrap.no-photo{height:145px;min-height:145px;flex-shrink:0}.no-photo{font-size:13px;padding:30px 12px 12px}.image-wrap img{padding:18px}.product-body{padding:12px}.product h3{margin:12px 0;min-height:0;font-size:15px}.product .meta{font-size:12px}.product-body>.muted{font-size:13px;line-height:1.45}.product-bottom{display:flex;flex-direction:column;align-items:stretch;padding-top:14px;gap:10px}.product-bottom .price{font-size:20px}.product-bottom button{width:100%;padding:10px 5px;font-size:14px}.tag{font-size:11px;top:10px;left:10px;padding:4px 6px}.editorial{padding:24px;margin-top:28px;gap:20px}.editorial h2{font-size:26px;margin:14px 0;line-height:1.2}.editorial .eyebrow{font-size:12px;letter-spacing:1.4px}.editorial p{font-size:16px}.footer-categories{display:grid;grid-template-columns:1fr 1fr;gap:20px}footer .logo{margin-top:8px}footer .logo small{text-align:right}main{padding-top:20px;padding-bottom:36px}
}
@media(max-width:380px){header .logo{font-size:28px}.header-actions{gap:6px}.header-actions button{font-size:12px;padding:8px 6px}.signout{font-size:11px}.category-tile{padding:12px}.category-tile strong{font-size:13px}.tile-description{font-size:12px}.hero h1{font-size:30px}.product-body{padding:10px}}
.delivery-intro{max-width:780px}.delivery-intro h1{font-size:38px;line-height:1.2}.delivery-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.delivery-guide .delivery-box{margin:0;padding:24px;min-width:0}.delivery-guide h2{font-size:24px;margin:0 0 16px;line-height:1.3}.delivery-guide p{font-size:16px;line-height:1.6}.delivery-guide button{min-height:44px;font-size:14px}@media(max-width:700px){.delivery-guide{grid-template-columns:1fr;gap:16px}.delivery-guide .delivery-box{padding:20px}.delivery-intro h1{font-size:30px;letter-spacing:-.5px}.delivery-guide h2{font-size:22px}}
/* Keep panel tables contained and long order details readable. */
.admin-layout>section,.member-layout>section,.member-identity b{min-width:0}.table-wrap{max-width:100%}.member-order,.address-card,.admin-reply,.delivery-box,.queue-row{overflow-wrap:anywhere}.member-menu button,.admin-menu button{white-space:normal}.checkout-item>div{min-width:0}
@media(max-width:700px){
 .member-layout{gap:24px}.member-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px}.member-identity{grid-column:1/-1;width:auto;min-width:0;padding:8px 0 14px;margin-bottom:4px}.member-menu button{width:100%;margin:0;min-height:44px;padding:10px 12px;font-size:14px;line-height:1.4}.member-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 24px}.member-stats button{padding:16px;min-width:0}.member-stats span{font-size:14px;line-height:1.4}.member-stats b{font-size:27px}.member-stats button:last-child{grid-column:1/-1}.member-order,.address-card{padding:18px}.member-order h2{font-size:23px;line-height:1.3}.order-progress{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.order-progress div{font-size:14px;line-height:1.4}.address-card button,#memberContent button,.admin-layout button{min-height:44px;font-size:14px}.member-layout input,.member-layout select,.member-layout textarea,.admin-layout input,.admin-layout select,.admin-layout textarea,dialog input,dialog select,dialog textarea{font-size:16px;min-height:44px}.member-layout input[type=checkbox],.admin-layout input[type=checkbox],dialog input[type=checkbox]{min-height:0}.admin-layout{gap:24px}.admin-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px;overflow:visible}.admin-menu button{width:100%;margin:0;min-height:44px;padding:10px 12px;font-size:14px;line-height:1.4}.admin-layout .stats{gap:12px;margin:18px 0}.admin-layout .stat{padding:18px}.admin-layout .pill,#memberContent .pill,dialog .pill{display:inline-block;font-size:14px;line-height:1.4}.admin-layout th,.admin-layout td{padding:12px;font-size:14px;vertical-align:top}.admin-layout td button{padding:10px 12px;margin:3px 0}.table-wrap{border:1px solid var(--line);border-radius:8px;overscroll-behavior-x:contain}.table-wrap table{min-width:640px}.profile-form{max-width:100%}.form-grid>*{min-width:0}.return-item{align-items:flex-start;font-size:14px}.return-item input{flex-shrink:0;margin-top:4px}.checkout-item{flex-wrap:wrap;gap:10px}.checkout-item>b{margin-left:auto}.queue-row{gap:10px}.queue-row button{width:100%;justify-self:stretch}dialog{max-height:90dvh;padding:20px}dialog h2{font-size:24px;line-height:1.3;overflow-wrap:anywhere}dialog button{min-height:44px;font-size:14px}#toast{width:max-content;max-width:90vw;font-size:14px;text-align:center;overflow-wrap:anywhere}
}
/* Compact category and product views on phones. */
.catalog-title{overflow-wrap:anywhere}.product-information table{table-layout:fixed}.product-information th,.product-information td{overflow-wrap:anywhere;vertical-align:top}.option-grid{grid-template-columns:minmax(0,1fr) 100px}.option-grid label,.option-grid select,.option-grid input{min-width:0}.product-page>section,.product-information>section{min-width:0}
@media(max-width:650px){
 #nav{justify-content:flex-start;padding:8px 5%;gap:12px}#nav button{font-size:14px;min-height:44px;padding:8px 10px}#nav button:nth-child(n+3){display:none}.catalog-title{font-size:30px;line-height:1.15;letter-spacing:-.5px;margin:12px 0}.directory{grid-template-columns:1fr;gap:16px}.category-section{padding:20px}.category-section .section-head{display:flex}.category-section h2{font-size:21px;line-height:1.3}.category-section .muted{font-size:14px}.directory .sub-links{display:grid;grid-template-columns:1fr;gap:8px}.directory .sub-links button{font-size:14px;min-height:44px;text-align:left;padding:10px 12px}.filters{display:block;padding:20px}.filters h3{margin-top:0}.filters label{display:block;margin:14px 0 6px;font-size:14px}.filters input,.filters select{min-height:44px;font-size:16px}.filters button{min-height:44px}.filters .stock-filter{display:flex}.filters .stock-filter input{min-height:0}.catalog{gap:24px}.category-chips{margin:16px 0 24px}.category-chips button{font-size:14px;min-height:44px}.product-page{gap:22px;margin-top:18px}.product-photo{min-height:230px}.product-photo img{height:200px}.purchase-panel h1{font-size:29px;line-height:1.2;letter-spacing:-.5px;overflow-wrap:anywhere}.purchase-panel p{line-height:1.5}.detail-price{font-size:30px}.option-grid{grid-template-columns:minmax(0,1fr) 90px;gap:12px}.option-grid input,.option-grid select{font-size:16px;min-height:44px}.product-information{gap:24px;padding:16px 0 24px}.product-information h2{font-size:24px}.product-information th,.product-information td{padding:12px 8px;font-size:14px}.product-information th{width:42%}.delivery-box{padding:18px}.breadcrumb{line-height:1.6;overflow-wrap:anywhere}
}

.bag-issue{color:#8b4616;font-size:14px;line-height:1.5;margin:8px 0}.line-item .grow{min-width:0}.line-item button{min-height:44px}.line-item h3{overflow-wrap:anywhere}

.marine-brand{display:block;flex-shrink:0;width:240px;line-height:0;letter-spacing:normal}.marine-brand img{display:block;width:100%;height:auto}footer .marine-brand{width:280px;max-width:100%}@media(max-width:650px){header .marine-brand{width:180px}footer .marine-brand{width:240px}.header-actions{max-width:100%}}@media(max-width:380px){header .marine-brand{width:160px}}

/* Full-width navy header and the approved helm wordmark. */
.marine-header-band{width:100%;background:var(--navy);color:#fff}.marine-header-band header{background:transparent}.marine-header-band .header-actions>span,.marine-header-band .signout{color:#fff}.marine-header-band .header-actions button{background:transparent;border-color:#69718d;color:#fff}.marine-header-band .header-actions button:hover{background:#2d355d;border-color:#9fc2ff;color:#fff}.marine-header-band .basket b{background:#fff;color:var(--navy)}.marine-header-band .search span{color:var(--navy)}
.marine-logo-lockup{display:block;position:relative;width:100%;aspect-ratio:1350/470;overflow:hidden}.marine-brand .marine-logo-lockup img{position:absolute;max-width:none;width:131.4074%;height:auto;left:-17.037%;top:-44.6809%;filter:none}

.product-save-actions{display:flex;gap:12px;flex-wrap:wrap}.product-save-actions button{min-height:44px}@media(max-width:650px){.product-save-actions{flex-direction:column}.product-save-actions button{width:100%}}

.image-editor{border-top:1px solid var(--line);padding-top:16px}.image-add-actions{display:flex;flex-wrap:wrap;gap:12px}.image-picker{position:relative;display:inline-flex!important;align-items:center;justify-content:center;background:#eff4f1;border:1px solid #ccd8eb;border-radius:7px;min-height:44px;padding:10px 16px;font-size:14px!important;cursor:pointer;overflow:hidden}.image-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.image-picker:focus-within{outline:3px solid #73a8f0;outline-offset:3px}.image-editor-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.image-editor-card{border:1px solid var(--line);border-radius:8px;padding:12px;min-width:0}.image-editor-card>img{display:block;width:100%;height:150px;object-fit:contain;background:#f4f7fb;border-radius:5px;margin-bottom:10px}.image-editor-card>div{display:flex;gap:6px;flex-wrap:wrap}.image-editor-card button{min-height:44px;padding:8px;font-size:14px}.image-editor-card p{overflow-wrap:anywhere}.image-editor details{padding:12px;border:1px solid var(--line);border-radius:7px}.image-editor summary{cursor:pointer;font-size:14px}.image-editor details label{display:block;margin-top:12px}.image-editor details button{margin-top:12px}.has-gallery{padding:20px}.product-thumbnails{display:flex;gap:10px;max-width:100%;overflow:auto;padding:12px 3px}.product-thumbnails button{padding:4px;flex-shrink:0;border:2px solid var(--line);width:72px;height:72px;background:#fff}.product-thumbnails button.selected{border-color:var(--blue)}.product-photo .product-thumbnails img{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal}.product-photo #productGalleryMain{max-width:100%}@media(max-width:650px){.image-editor-list{grid-template-columns:1fr}.image-editor-card>img{height:170px}.image-add-actions>*{flex:1}.has-gallery{padding:14px}.product-thumbnails button{width:60px;height:60px}}

/* Larger product photographs and a viewport-sized image viewer. */
.product-photo.has-gallery{justify-content:flex-start;padding:14px;min-height:0}.product-main-photo{position:relative;width:100%;height:520px;min-height:0;padding:0;border:0;background:transparent;cursor:zoom-in}.product-photo .product-main-photo #productGalleryMain{width:100%;height:100%;object-fit:contain;mix-blend-mode:normal}.product-main-photo>span{position:absolute;right:10px;bottom:10px;background:#fff;color:var(--navy);border-radius:5px;padding:6px 10px;font-size:14px}.image-lightbox{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:18px;border-radius:0;background:#101329;color:#fff;overflow:hidden}.image-lightbox[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px}.image-lightbox::backdrop{background:#101329}.image-lightbox-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.image-lightbox-header h2{font-size:18px;margin:0;overflow-wrap:anywhere}.image-lightbox button{min-height:44px;background:transparent;color:#fff;border-color:#727d9d}.image-lightbox-stage{min-height:0;min-width:0;display:flex;align-items:center;justify-content:center}.image-lightbox-stage img{width:100%;height:100%;object-fit:contain}.image-lightbox-controls{display:flex;justify-content:center;align-items:center;gap:18px;font-size:14px}body:has(.image-lightbox[open]){overflow:hidden}@media(max-width:650px){.product-main-photo{height:360px}.product-photo.has-gallery{padding:8px}.image-lightbox{padding:14px;padding-top:max(14px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom))}.image-lightbox-header h2{font-size:16px}.image-lightbox-controls{gap:12px}.image-lightbox-controls button{font-size:14px;padding:10px 14px}}

/* Member page heading: keep account actions together and category navigation hidden. */
.account-page-header{align-items:center;gap:24px;margin-bottom:20px}
.account-page-header h1{margin:0;min-width:0}
.account-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.member-identity{min-width:0}.member-identity b{min-width:0;overflow-wrap:anywhere}
#memberContent{min-width:0}#memberContent>h2{overflow-wrap:anywhere}
@media(max-width:650px){.account-page-header{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.account-page-header h1{font-size:32px}.account-page-actions{width:100%;justify-content:flex-start;gap:10px}.account-page-actions button{min-height:44px;font-size:14px;flex:1 1 140px}}

#syncStatus[hidden]{display:none}

/* Marine hero: clean navy banner with clear shopping actions. */
.hero.hero-marine{position:relative;isolation:isolate;grid-template-columns:1fr;min-height:420px;border-radius:18px;background:#103b32}
.hero-marine .hero-copy{position:relative;z-index:2;width:52%;padding:44px 36px;display:flex;flex-direction:column;align-items:flex-start;background:transparent}
.hero-marine .eyebrow{color:#c2dcff;font-size:14px;letter-spacing:2px}
.hero-marine h1{font-size:clamp(34px,3.3vw,52px);line-height:1.1;letter-spacing:-1px;margin:20px 0;color:#fff}
.hero-marine p{color:#d5deed;font-size:17px;line-height:1.65;max-width:440px;margin:0 0 24px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-marine .hero-primary{background:#c5cbd0;color:#103b32;border:1px solid #c5cbd0;font-weight:700;padding:13px 20px;min-height:48px}
.hero-marine .hero-primary:hover{background:#d5eaff;border-color:#d5eaff}
.hero-marine .hero-secondary{background:transparent;color:#fff;border-color:#8392ae;padding:13px 20px;min-height:48px}
.hero-marine .hero-secondary:hover{background:#293352;border-color:#c5cbd0}
@media(max-width:650px){.hero.hero-marine{border-radius:14px}.hero-marine .hero-copy{padding:28px 24px}.hero-marine h1{font-size:34px;line-height:1.12;letter-spacing:-.8px;margin:18px 0}.hero-marine p{font-size:16px;margin-bottom:22px}.hero-actions{width:100%;gap:10px}.hero-actions button{flex:1 1 145px;font-size:14px;padding:12px 14px}}
@media(max-width:380px){.hero-marine .hero-copy{padding:24px 20px}.hero-marine h1{font-size:30px}}

.hero-marine .hero-media{position:absolute;z-index:0;inset:0 0 0 34%;overflow:hidden;background:#103b32}
.hero-marine .hero-media img{width:100%;height:100%;padding:0;object-fit:cover;object-position:65% center;background:transparent}
.hero-marine .hero-media::before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,#103b32 0%,rgba(23,26,57,.88) 10%,rgba(23,26,57,.48) 25%,rgba(23,26,57,.08) 42%,transparent 56%)}
@media(max-width:950px) and (min-width:651px){.hero-marine .hero-copy{width:58%;padding:32px 28px}.hero-marine h1{font-size:36px}.hero-marine .hero-media{left:30%}}
@media(max-width:650px){.hero.hero-marine{min-height:0}.hero-marine .hero-copy{width:100%;padding:28px 24px 18px}.hero-marine .hero-media{position:relative;inset:auto;height:230px}.hero-marine .hero-media img{object-position:65% center}.hero-marine .hero-media::before{background:linear-gradient(180deg,#103b32 0%,rgba(23,26,57,.6) 12%,transparent 42%)}}

/* Selected concept 1: immersive sailing deck with navy shading behind copy. */
.hero.hero-marine{min-height:430px}
.hero-marine .hero-copy{width:54%;padding:44px 36px}
.hero-marine h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(34px,3.3vw,48px);line-height:1.12;letter-spacing:-.8px}
.hero-marine .hero-media{inset:0}
.hero-marine .hero-media img{object-position:70% center}
.hero-marine .hero-media::before{background:linear-gradient(90deg,#103b32 0%,rgba(23,26,57,.96) 18%,rgba(23,26,57,.8) 32%,rgba(23,26,57,.45) 46%,rgba(23,26,57,.12) 62%,transparent 78%)}
@media(max-width:950px) and (min-width:651px){.hero-marine .hero-copy{width:60%;padding:32px 28px}.hero-marine h1{font-size:36px}}
@media(max-width:650px){.hero.hero-marine{min-height:0}.hero-marine .hero-copy{width:100%;padding:28px 24px 20px}.hero-marine h1{font-size:34px}.hero-marine .hero-media{position:relative;inset:auto;height:230px}.hero-marine .hero-media::before{background:linear-gradient(180deg,#103b32 0%,rgba(23,26,57,.6) 12%,transparent 42%)}}
@media(max-width:380px){.hero-marine h1{font-size:30px}}

/* Selected header concept 6. */
.marine-header-band header{gap:28px;padding-top:22px;padding-bottom:22px}
.marine-header-band .search{min-width:0}
.marine-header-band .search input{height:52px;padding:14px 76px 14px 18px;background:#f8fafc;border-radius:7px}
.marine-header-band .header-search-button{position:absolute;inset:0 0 0 auto;width:62px;height:52px;border:1px solid #c5cbd0;border-radius:0 7px 7px 0;background:#c5cbd0;color:#103b32;display:flex;align-items:center;justify-content:center;padding:0}
.marine-header-band .header-search-button:hover{background:#c7e3ff;border-color:#c7e3ff}
.marine-header-band .header-actions{flex-shrink:0;gap:12px}
.marine-header-band .header-actions button{min-height:48px;font-size:16px;white-space:nowrap}
.account-signout{margin:0}.account-signout-link{border:1px solid var(--line);border-radius:7px;padding:10px 16px}
@media(max-width:950px) and (min-width:651px){.marine-header-band header{gap:18px}.marine-header-band header .marine-brand{width:200px;flex-shrink:0}.marine-header-band .header-actions button{padding:10px 12px}}
@media(max-width:650px){.marine-header-band header{gap:16px;padding-top:18px;padding-bottom:18px}.marine-header-band .search{flex-basis:100%;width:100%;order:3}.marine-header-band .header-actions{margin-left:auto;gap:8px}.marine-header-band .header-actions button{font-size:14px;padding:10px 12px;min-height:44px}.account-page-actions .account-signout{flex:1 1 140px}.account-signout button{width:100%}}
@media(max-width:380px){.marine-header-band header .marine-brand{width:145px}.marine-header-band .header-actions{gap:6px}.marine-header-band .header-actions button{font-size:13px;padding:9px 8px}}

/* Selected category design 4: photographic cards with navy captions. */
.photo-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:18px 0 36px}
.photo-category-grid .category-tile{display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;background:var(--navy);border:1px solid var(--navy);border-radius:10px;text-align:center}
.photo-category-grid .category-photo{display:block;width:100%;aspect-ratio:16/9;background-image:url('/expert/machexpert-emblem.png');background-size:400% 300%;background-repeat:no-repeat;flex-shrink:0}
.photo-category-grid .category-tile strong{display:flex;align-items:center;justify-content:center;padding:16px 14px;min-height:80px;color:#fff;font-size:16px;line-height:1.4;flex:1}
.photo-category-grid .category-tile:hover{border-color:#8bc9ff;box-shadow:0 4px 16px #103b321c}.photo-category-grid .category-tile:hover strong{background:#263254}
.photo-category-grid .category-tile:focus-visible{outline:3px solid #20634f;outline-offset:3px}
@media(max-width:1000px){.photo-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(max-width:650px){.photo-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo-category-grid .category-tile strong{font-size:14px;padding:12px 10px;min-height:76px}}

/* Selected product card design 4. */
.products .product{display:flex;flex-direction:column;border:1px solid #dce5df;border-radius:10px;overflow:hidden;background:#eff4f1;box-shadow:0 2px 8px #103b3208}
.products .image-wrap{position:relative;height:260px;min-height:260px;max-height:260px;aspect-ratio:auto;background:#fff;flex-shrink:0;overflow:hidden}
.products .image-wrap img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;padding:18px;mix-blend-mode:normal}
.products .image-wrap.no-photo{background:#f5f8fc}
.products .product-body{display:flex;flex-direction:column;flex:1;padding:16px;background:#eff4f1}
.products .product .meta{font-size:14px;line-height:1.4;color:#586b85}
.products .product h3{font-size:18px;line-height:1.4;min-height:0;margin:10px 0 12px;color:var(--navy)}
.products .product-body>.muted{font-size:14px;line-height:1.5;margin-top:auto;color:#586b85}
.products .product-bottom{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:14px}
.products .price{font-size:24px;line-height:1.3;color:var(--navy)}
.products .product-bottom button{width:100%;min-height:46px;background:var(--navy);border-color:var(--navy);color:#fff;font-size:16px;border-radius:7px}
.products .product-bottom button:hover{background:#29365a;border-color:#29365a;color:#fff}
@media(max-width:650px){.products .product-body{padding:12px}.products .product h3{font-size:16px}.products .product .meta,.products .product-body>.muted{font-size:14px}.products .price{font-size:22px}.products .product-bottom button{font-size:14px;padding:10px 8px}.products .image-wrap img{padding:12px}}

/* Category photographs with a translucent blue overlay and white titles. */
.photo-category-grid .category-tile{position:relative;display:block;aspect-ratio:4/3;isolation:isolate;border-color:#395b88;background:var(--navy)}
.photo-category-grid .category-photo{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;z-index:-2}
.photo-category-grid .category-tile::before{content:"";position:absolute;inset:0;background:rgba(22,67,119,.58);z-index:-1;pointer-events:none}
.photo-category-grid .category-tile strong{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;padding:24px 18px;background:transparent;color:#fff;font-size:18px;line-height:1.4;text-shadow:0 1px 4px #10213a99}
.photo-category-grid .category-tile:hover strong{background:transparent}
.photo-category-grid .category-tile:hover::before{background:rgba(22,67,119,.68)}
@media(max-width:650px){.photo-category-grid .category-tile strong{font-size:15px;padding:16px 12px}}

.photo-category-grid .category-tile:nth-child(12) .category-photo{background-image:url('/expert/machexpert-emblem.png');background-size:cover;background-position:center!important}

/* Selected maintenance section concept 5. */
.editorial.editorial-photo{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,2fr);gap:32px;padding:28px;background:var(--navy);color:#fff;border-radius:14px}
.editorial-photo .editorial-intro{display:flex;flex-direction:column;justify-content:center;min-width:0}
.editorial-photo .eyebrow{color:#c5cbd0;font-size:14px;line-height:1.5}
.editorial-photo h2{font-size:32px;line-height:1.2;color:#fff;margin:18px 0}
.editorial-photo p{color:#d4dfef;font-size:16px;line-height:1.6;margin:0}
.editorial-photo .activity-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-width:0}
.editorial-photo .maintenance-card{position:relative;isolation:isolate;display:flex;align-items:flex-end;text-align:left;min-height:350px;padding:20px 16px;overflow:hidden;border-radius:8px;border:1px solid #52627b;background-color:#233b59;background-image:url('/expert/machexpert-emblem.png');background-size:400% 300%;color:#fff}
.editorial-photo .maintenance-surface{background-position:0% 0%}.editorial-photo .maintenance-corrosion{background-position:33.3333% 0%}.editorial-photo .maintenance-cleaning{background-position:0% 50%}
.editorial-photo .maintenance-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 20%,rgba(10,24,45,.3) 45%,rgba(10,24,45,.95) 100%)}
.editorial-photo .maintenance-label{display:block;margin:0;color:#fff}.editorial-photo .maintenance-label strong{display:block;font-size:18px;line-height:1.35;margin-bottom:8px}.editorial-photo .maintenance-label>span{display:block;color:#d4dfef;font-size:14px;line-height:1.5;margin:0}
.editorial-photo .maintenance-card:hover{border-color:#c5cbd0;color:#fff}.editorial-photo .maintenance-card:focus-visible{outline:3px solid #c5cbd0;outline-offset:3px}
@media(max-width:1000px){.editorial.editorial-photo{grid-template-columns:1fr;gap:24px}.editorial-photo h2 br{display:none}.editorial-photo .maintenance-card{min-height:300px}}
@media(max-width:650px){.editorial.editorial-photo{padding:22px 18px}.editorial-photo h2{font-size:28px}.editorial-photo .activity-links{grid-template-columns:1fr;gap:14px}.editorial-photo .maintenance-card{min-height:230px}.editorial-photo .maintenance-label strong{font-size:18px}}

.editorial-photo .maintenance-card{background-size:cover;background-position:center}
.editorial-photo .maintenance-surface{background-image:url('/expert/machexpert-emblem.png')}
.editorial-photo .maintenance-corrosion{background-image:url('/expert/machexpert-emblem.png')}
.editorial-photo .maintenance-cleaning{background-image:url('/expert/machexpert-emblem.png')}

/* Selected maintenance concept 6: pale blue copy and aligned photo collage. */
.editorial.editorial-collage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding:28px;background:#eff4f1;border-radius:14px}
.editorial-collage .editorial-intro{min-width:0;display:flex;flex-direction:column;justify-content:center}
.editorial-collage .eyebrow{font-size:14px;line-height:1.5;color:#20634f}
.editorial-collage h2{font-size:32px;line-height:1.2;margin:18px 0;color:var(--navy)}
.editorial-collage p{font-size:16px;line-height:1.6;margin:0 0 22px;color:#465873}
.editorial-collage .activity-links{display:grid;gap:12px}
.editorial-collage .activity-links button{padding:14px 18px;text-align:left;background:#f8fbff;border-color:#d4e1f2}
.editorial-collage .activity-links strong{display:block;font-size:16px;line-height:1.4}
.editorial-collage .activity-links span{display:block;font-size:14px;line-height:1.5;color:#62758f;margin-top:4px}
.maintenance-collage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:180px 240px;gap:12px;min-width:0}
.maintenance-collage img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px;min-width:0}
.maintenance-collage .collage-cleaning{grid-column:1/-1;object-position:center 38%}
.maintenance-collage .collage-surface,.maintenance-collage .collage-corrosion{object-position:center 35%}
@media(max-width:950px){.editorial.editorial-collage{gap:24px;padding:24px}.editorial-collage h2{font-size:28px}.maintenance-collage{grid-template-rows:190px 260px}}
@media(max-width:650px){.editorial.editorial-collage{grid-template-columns:1fr;padding:22px 18px;gap:24px}.maintenance-collage{grid-template-rows:170px 220px;gap:10px}.editorial-collage h2 br{display:none}}

.marine-header-band .header-auth-links{display:flex;align-items:center;gap:6px;border:1px solid #69718d;border-radius:7px;padding:0 8px;min-height:48px;white-space:nowrap}.marine-header-band .header-auth-links button{border:0;padding:10px 4px;min-height:44px;background:transparent}.header-auth-links>span{color:#a9bdd9}.marine-header-band .header-auth-links button:hover{color:#c5cbd0;background:transparent}
@media(max-width:650px){.marine-header-band .header-auth-links{padding:0 5px;gap:3px;min-height:44px}.marine-header-band .header-auth-links button{padding:8px 3px;font-size:14px}}

.customer-reviews{margin-top:48px}.customer-reviews h2{margin-bottom:8px}.reviews-note{margin:0 0 20px;font-size:14px}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.review-card{padding:24px;border:1px solid #dce5df;border-radius:12px;background:#f4f8ff}.review-sample{display:inline-block;font-size:14px;color:#526783;background:#e1ecfa;padding:4px 9px;border-radius:5px}.review-card h3{font-size:18px;line-height:1.4;margin:16px 0 12px;color:var(--navy)}.review-card blockquote{font-size:16px;line-height:1.7;color:#465873;margin:0}
@media(max-width:650px){.review-grid{grid-template-columns:1fr;gap:14px}.customer-reviews{margin-top:32px}.review-card{padding:22px}}

.customer-reviews .review-card h3{margin-top:0}

/* Selected customer reviews concept 1. */
.customer-reviews{border:1px solid #818ba4;border-radius:14px;padding:28px;background:#fff}.customer-reviews .section-head{margin-bottom:22px}.customer-reviews h2{margin:0;color:var(--navy)}.customer-reviews .review-card{display:flex;flex-direction:column;gap:0;padding:24px;background:#fff;border:1px solid #818ba4;border-radius:9px;box-shadow:none}.customer-reviews .review-card::before{content:"“";display:block;font:80px/0.8 Georgia,serif;color:#c5cbd0;margin:4px 0 16px;order:0}.customer-reviews .review-card blockquote{order:1;color:#465873;line-height:1.7;font-size:16px;margin:0 0 22px}.customer-reviews .review-card h3{order:2;margin:0;margin-top:auto;padding-top:4px;font-size:18px;line-height:1.4;color:var(--navy)}
@media(max-width:650px){.customer-reviews{padding:22px 18px}.customer-reviews .review-card{padding:22px}.customer-reviews .section-head{margin-bottom:18px}}

.marine-footer{padding:44px 5% 22px}.footer-layout{max-width:1296px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:36px}.footer-brand .marine-brand{display:block;width:260px;max-width:100%}.footer-brand p{font-size:16px;line-height:1.6;color:#cbd7e9;margin:18px 0}.footer-brand .footer-ownership{font-size:14px}.footer-column h3{font-size:18px;margin:0 0 18px;color:white}.footer-column button{display:block;border:0;background:transparent;padding:0;margin:0 0 14px;text-align:left;color:#cbd7e9;font-size:16px;line-height:1.5}.footer-column button:hover{color:#c5cbd0;text-decoration:underline}.footer-social{display:flex;gap:12px}.marine-footer .social-placeholder{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:10px;border:1px solid #65718a;color:#cbd7e9;background:transparent;cursor:default;opacity:1}.footer-bottom{max-width:1296px;margin:30px auto 0;padding-top:20px;border-top:1px solid #46516b;display:flex;justify-content:space-between;gap:16px;color:#aebdd3;font-size:14px}
@media(max-width:850px){.footer-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}@media(max-width:450px){.footer-layout{grid-template-columns:1fr 1fr;gap:24px 18px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.footer-column button{font-size:14px}}

/* Premium wheel and compass logo, cropped consistently in header and footer. */
.marine-logo-lockup{aspect-ratio:1535/530}.marine-brand .marine-logo-lockup img{width:122.54%;height:auto;left:-11.53%;top:-30.94%}

/* Keep the entire premium logo visible, with its original safe margins. */
.marine-logo-lockup{aspect-ratio:1881/836;overflow:visible}
.marine-brand .marine-logo-lockup img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:contain;padding:0}

/* Shared grouped navigation and category mega menu. */
#nav.mega-navigation{display:block;position:relative;z-index:20;padding:0 5% 12px;background:var(--navy);border:0}
.mega-nav-inner{max-width:1296px;margin:auto;display:flex;align-items:center;gap:24px;position:relative}
.mega-home{color:#fff;font-size:16px;padding:12px 0;white-space:nowrap}
.mega-details{position:relative}.mega-details summary{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;font-size:16px;color:#fff;padding:12px 4px;border-radius:6px;white-space:nowrap}.mega-details summary::-webkit-details-marker{display:none}.mega-details summary span{color:#c5cbd0}.mega-all summary{background:#c5cbd0;color:var(--navy);padding:12px 18px}.mega-all summary span{color:var(--navy)}.mega-details[open]>summary,.mega-details summary:hover{color:#c5cbd0}.mega-all[open]>summary,.mega-all summary:hover{background:#d3e9ff;color:var(--navy)}
.mega-panel{position:absolute;top:calc(100% + 8px);left:0;width:350px;max-width:90vw;padding:20px;background:#fff;color:var(--navy);border:1px solid #dce5df;border-radius:10px;box-shadow:0 12px 32px #101c3530}
.mega-all{position:static}.mega-panel-all{left:0;right:0;width:100%;max-width:none;padding:24px}.mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 24px}.mega-group-links{display:grid;gap:8px}
.mega-category{display:flex;align-items:center;gap:12px;padding:10px;border-radius:6px;font-size:16px;line-height:1.4;color:var(--navy)}.mega-category:hover,.mega-category.selected{background:#eff4f1;color:#245fae}.mega-symbol{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;background:#eff4f1;color:#20634f;border-radius:6px;font-size:14px;font-weight:700}.mega-directory{display:inline-block;margin-top:18px;padding:10px;color:#20634f;font-size:16px}
.mega-nav-inner a:focus-visible,.mega-nav-inner summary:focus-visible{outline:3px solid #73b5fb;outline-offset:3px}.mega-details:last-child .mega-panel{left:auto;right:0}
@media(max-width:1050px){.mega-nav-inner{gap:14px;flex-wrap:wrap}.mega-details summary,.mega-home{font-size:14px}.mega-category{font-size:14px}}
@media(max-width:650px){#nav.mega-navigation{padding-bottom:14px}.mega-nav-inner{gap:8px 14px}.mega-details{position:static}.mega-details summary{padding:10px 4px}.mega-all summary{padding:10px 12px}.mega-panel,.mega-details:last-child .mega-panel{top:calc(100% + 4px);left:0;right:0;width:100%;max-width:none;padding:16px;max-height:65vh;overflow:auto}.mega-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mega-category{padding:8px 4px;gap:8px}.mega-symbol{width:28px;height:28px}}
@media(max-width:380px){.mega-grid{grid-template-columns:1fr}}

/* Compact icon navigation with a pale blue full-width menu band. */
#nav.mega-navigation{background:#e9f1ed;padding:5px 5%;color:var(--navy)}
.mega-nav-inner{gap:20px;align-items:stretch}
.mega-home,.mega-details summary{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;color:var(--navy);font-size:14px;line-height:1.25;padding:6px 12px;min-height:58px}
.mega-details summary span{color:var(--navy)}
.mega-details summary .nav-caption{display:flex;align-items:center;gap:6px;white-space:nowrap}
.nav-icon{display:block;width:22px;height:22px;color:var(--navy);flex-shrink:0}
.mega-all summary{background:transparent;color:var(--navy);padding:6px 14px}
.mega-details[open]>summary,.mega-details summary:hover,.mega-all[open]>summary,.mega-all summary:hover,.mega-home:hover{background:#e9f1ed;color:var(--navy)}
.mega-details{position:static}
.mega-panel,.mega-details:last-child .mega-panel{top:calc(100% + 5px);left:0;right:0;width:100%;max-width:none;border-radius:0 0 10px 10px;padding:22px 24px}
.mega-group-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 24px}
@media(max-width:1050px){.mega-nav-inner{gap:8px}.mega-home,.mega-details summary{padding:6px 9px}}
@media(max-width:650px){#nav.mega-navigation{padding:5px 3%}.mega-nav-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.mega-home,.mega-details summary{font-size:13px;min-height:54px;padding:5px 3px}.mega-details summary .nav-caption{white-space:normal;text-align:center;gap:3px}.nav-icon{width:20px;height:20px}.mega-panel,.mega-details:last-child .mega-panel{top:calc(100% + 5px);padding:16px}.mega-group-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
@media(max-width:380px){.mega-group-links{grid-template-columns:1fr}}

/* All categories concept 2: photo headers and structured subcategory links. */
.directory.directory-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.directory-photos .category-section{padding:0;overflow:hidden;border:1px solid #dce5df;border-radius:10px;background:#fff;min-width:0}
.directory-photo{display:block;width:100%;aspect-ratio:4/3;background-image:url('/expert/machexpert-emblem.png');background-size:400% 300%;background-repeat:no-repeat}
.directory-body{padding:20px}
.directory-photos h2{font-size:22px;line-height:1.35;margin:0 0 8px;letter-spacing:-.3px}.directory-photos h2 a:hover{color:#20634f}
.directory-count{color:#65716b;font-size:14px;margin:0 0 18px}
.directory-subcategories{display:grid;gap:0}.directory-subcategories a{display:block;padding:12px 0;border-bottom:1px solid #e1e8f1;font-size:16px;line-height:1.4;color:#263a59}.directory-subcategories a:last-child{border-bottom:0}.directory-subcategories a:hover{color:#20634f;background:#f3f8ff}.directory-photos a:focus-visible{outline:3px solid #20634f;outline-offset:-3px}
@media(max-width:950px){.directory.directory-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:600px){.directory.directory-photos{grid-template-columns:1fr;gap:20px}.directory-photos h2{font-size:22px}.directory-photo{aspect-ratio:4/3}}

/* Horizontal listing filters and compact related products. */
.catalog.catalog-horizontal{display:block}.listing-toolbar{padding:20px 24px;background:#f0f5f2;border-radius:12px;margin:22px 0 16px}.listing-filter-row{display:grid;grid-template-columns:1.25fr 1.25fr 1fr .9fr;gap:22px;align-items:end}.listing-filter-row label{font-size:16px;line-height:1.4}.listing-filter-row input,.listing-filter-row select{display:block;margin-top:8px;width:100%;min-height:48px}.listing-apply{background:var(--navy);border-color:var(--navy);color:#fff;min-height:48px}.listing-apply:hover{background:#29365a;color:#fff}.listing-filter-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #d5e5f5;padding-top:16px;margin-top:18px}.listing-stock{display:flex;align-items:center;gap:10px;font-size:16px}.listing-stock input{width:18px;height:18px;margin:0;flex-shrink:0}.listing-filter-bottom button{background:transparent;border-color:#697b96;min-width:130px}.catalog-horizontal .products>.empty{grid-column:1/-1;padding:36px;min-height:0}.listing-related{background:#f0f5f2;border-radius:12px;padding:22px;margin-top:30px}.listing-related[hidden]{display:none}.listing-related h2{margin:0 0 18px}.related-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.related-product{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px;align-items:center;padding:12px;background:#fff;border:1px solid #dce5df;border-radius:8px}.related-photo{display:flex;align-items:center;justify-content:center;width:100%;height:100px;background:#f5f8fc;border-radius:5px}.related-photo img{width:100%;height:100%;object-fit:contain}.related-photo span{font-size:14px;text-align:center;color:#65716b}.related-product h3{font-size:16px;margin:0 0 8px;line-height:1.4}.related-product .price{font-size:20px;margin:0 0 8px}.related-product button{padding:0;border:0;color:#20634f;background:transparent;font-size:14px}
@media(max-width:1000px){.listing-filter-row{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.related-products{grid-template-columns:1fr}.related-product{grid-template-columns:120px minmax(0,1fr)}}
@media(max-width:650px){.listing-toolbar{padding:18px}.listing-filter-row{grid-template-columns:1fr;gap:14px}.listing-filter-bottom{align-items:flex-start;flex-wrap:wrap}.listing-filter-bottom button{width:100%}.listing-related{padding:18px}.related-product{grid-template-columns:90px minmax(0,1fr);gap:12px}}

/* Member dashboard: selected design 8. */
.account-banner{position:relative;isolation:isolate;background:linear-gradient(115deg,var(--navy),#10345c);color:#fff;border-radius:12px;padding:28px 32px;overflow:hidden}
.account-banner:after{content:"";position:absolute;z-index:-1;width:540px;height:160px;right:-100px;bottom:-125px;border:1px solid #80bbef44;border-radius:50%;transform:rotate(-12deg);box-shadow:0 -25px 0 0 #91c8f00a}
.account-banner .account-page-header{margin:0;gap:20px}.account-banner h1{color:#fff;font-size:34px}.account-banner>p.muted{color:#dce8f6;margin:14px 0 0;font-size:14px;overflow-wrap:anywhere}
.account-banner .account-page-actions{gap:8px}.account-banner .account-page-actions button{background:#fff;color:var(--navy);border:1px solid #d9e5f4;padding:10px 15px;font-size:14px;min-height:42px}.account-banner .account-page-actions button:hover{background:#e9f1ed}.account-banner form{margin:0}
.member-layout{grid-template-columns:220px minmax(0,1fr);gap:30px;margin-top:24px;align-items:start}.member-menu{background:#f2f8fe;border:1px solid #dfebf7;border-radius:10px;padding:14px}.member-menu button{display:flex;align-items:center;gap:12px;padding:12px;color:var(--navy);min-height:46px}.member-menu button.active{background:#d7ebff;color:#1763aa}.member-menu button:hover{background:#e2f0ff}.account-icon{width:21px;height:21px;flex-shrink:0}.member-identity{font-size:13px}.member-identity b{font-weight:500}.member-avatar{background:#d7ebff;color:#1763aa}
#memberContent>h2:first-child{margin-top:0;font-size:26px}.member-stats{gap:14px;margin:20px 0 30px}.member-stats button{display:flex;align-items:center;gap:16px;background:linear-gradient(110deg,#f8fbff,#eef6fd);border-color:#dfeaf6;border-radius:10px;padding:20px;min-width:0}.member-stats .account-icon{width:26px;height:26px;color:#2077c6}.member-stats b{font-size:28px;line-height:1.2}.member-stats span{display:block;font-size:14px;margin-top:5px}.member-layout .empty{background:#fff;border:1px dashed #cbddeb;border-radius:10px;padding:36px 20px}.member-layout .empty h3{margin-top:0}.member-layout .section-head h2{font-size:22px}.member-layout .account-help{border:1px solid #e0ecf6;background:#f2f8fe}
@media(max-width:900px){.member-layout{grid-template-columns:185px minmax(0,1fr);gap:20px}.member-stats button{padding:16px;gap:10px}.member-stats .account-icon{width:22px;height:22px}.account-page-actions{justify-content:flex-start}.account-banner .account-page-header{flex-wrap:wrap}}
@media(max-width:700px){.account-banner{padding:22px 18px}.account-banner h1{font-size:29px}.account-banner .account-page-header{flex-direction:column;align-items:flex-start;gap:16px}.account-banner .account-page-actions{width:100%;display:flex;flex-wrap:wrap}.account-banner .account-page-actions>button,.account-banner .account-page-actions>form{flex:1 1 130px}.account-banner .account-signout button{width:100%}.member-layout{grid-template-columns:1fr;gap:22px}.member-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:12px}.member-menu button{width:100%;margin:0;font-size:14px;gap:8px}.member-identity{grid-column:1/-1}.member-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.member-stats button:last-child{grid-column:1/-1}.member-stats button{padding:16px}.member-layout .empty{padding:28px 16px}#memberContent>h2:first-child{font-size:24px}}

/* Company pages: selected About us concept 7. */
.company-page{padding-bottom:25px}.about-hero{border-radius:12px;overflow:hidden;background:linear-gradient(90deg,#171936f2 0%,#171936ce 35%,#17193618 70%),url('/expert/machexpert-emblem.png') center/cover;color:#fff;min-height:400px;display:flex;align-items:center;padding:54px;isolation:isolate}.about-hero>div{max-width:510px}.about-hero .eyebrow{color:#cce6ff;font-size:13px}.about-hero h1{font:46px/1.15 Georgia,serif;color:#fff;margin:16px 0 22px}.about-hero h2{font:26px/1.35 Georgia,serif;color:#fff;font-weight:400}.about-hero p{color:#e8f0fa;line-height:1.7;max-width:410px}.about-hero button{background:#e9f1ed;border:0;color:var(--navy);border-radius:24px;padding:12px 22px;margin-top:15px}.about-story{display:grid;grid-template-columns:1fr 1.15fr;gap:44px;align-items:center;padding:54px 0}.about-story img{width:100%;height:350px;object-fit:cover;border-radius:10px}.company-page h2{font-size:29px;line-height:1.25}.company-page p{line-height:1.75}.about-story .eyebrow,.company-card .eyebrow,.marketplace-brand-box .eyebrow{color:#376fa8;font-size:13px}.company-information-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 0 36px}.company-card{border:1px solid #dce5df;border-radius:12px;padding:32px;background:#fff;min-width:0;overflow-wrap:anywhere}.company-card h2{margin:12px 0}.company-card dl{margin:24px 0 0}.company-card dl>div{margin:18px 0}.company-card dt{font-size:13px;font-weight:600;color:#64718a;margin-bottom:7px}.company-card dd{margin:0;line-height:1.7}.company-card address{font-style:normal}.company-page a{color:#285f9c}.founder-card{background:#f2f8ff}.founder-initials{width:68px;height:68px;display:flex;align-items:center;justify-content:center;background:#e9f1ed;color:#244f7d;border-radius:50%;font:26px Georgia,serif;margin:24px 0}.founder-role{color:#396286}.marketplace-brand-box{background:#edf6ff;border:1px solid #dce9f6;border-radius:12px;padding:34px;display:flex;align-items:center;gap:40px}.marketplace-brand-box>div{flex:1}.marketplace-brand-box h2{margin:12px 0}.company-page .company-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;text-decoration:none;color:#fff;background:var(--navy);border-radius:25px;padding:13px 22px;font-size:14px;text-align:center}.marketplace-brand-box>.company-button{flex-shrink:0}.company-button:hover{background:#295481}.contact-intro{background:linear-gradient(110deg,var(--navy),#143d63);color:white;border-radius:12px;padding:44px;margin-bottom:30px}.contact-intro h1{color:white;margin:15px 0;font:44px Georgia,serif}.contact-intro .eyebrow{color:#cce6ff}.contact-intro p{color:#e3eef8}.contact-intro .company-button{background:#e9f1ed;color:var(--navy)}.company-card hr{border:0;border-top:1px solid #dce5df;margin:28px 0}
@media(max-width:850px){.about-hero{padding:36px;min-height:360px}.about-hero h1{font-size:38px}.about-story{gap:26px}.marketplace-brand-box{flex-direction:column;align-items:flex-start;gap:18px}.company-card{padding:25px}}
@media(max-width:650px){.about-hero{min-height:440px;padding:28px 22px;background:linear-gradient(90deg,#171936e8,#17193692),url('/expert/machexpert-emblem.png') 65% center/cover}.about-hero h1{font-size:35px}.about-hero h2{font-size:24px}.about-story{grid-template-columns:1fr;padding:30px 0;gap:24px}.about-story img{height:240px}.company-information-grid{grid-template-columns:1fr;gap:18px}.company-page h2{font-size:26px}.company-card,.marketplace-brand-box{padding:24px}.contact-intro{padding:30px 22px}.contact-intro h1{font-size:35px}.company-page .company-button{max-width:100%;white-space:normal}}

/* Shared button colour sampled from the approved Contact us reference. */
:root{--marine-button-blue:#20634f}
button,input[type="button"],input[type="submit"],input[type="reset"],summary,[role="button"],a.company-button,a.account-signout-link,a.btn,a.button{background:var(--marine-button-blue)!important;background-image:none!important;border-color:var(--marine-button-blue)!important;color:#fff!important}
button :is(span,b,strong,svg,.muted),summary :is(span,b,strong,svg),[role="button"] :is(span,svg),.member-stats button span,.member-stats button .account-icon{color:#fff!important}
button:hover,input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,summary:hover,[role="button"]:hover,a.company-button:hover,a.account-signout-link:hover{background:var(--marine-button-blue)!important;color:#fff!important;box-shadow:inset 0 0 0 999px #ffffff12}
button:focus-visible,summary:focus-visible,[role="button"]:focus-visible,a.company-button:focus-visible,a.account-signout-link:focus-visible{outline:3px solid #9ac9ff;outline-offset:3px}
button.active,button[aria-current="page"],button[aria-pressed="true"],details[open]>summary{box-shadow:inset 0 0 0 2px #fff,0 0 0 1px var(--marine-button-blue);font-weight:600}
button:disabled,input[type="submit"]:disabled,input[type="button"]:disabled,[aria-disabled="true"]{opacity:.55;cursor:not-allowed;box-shadow:none}

/* Banner secondary action keeps its original outlined treatment. */
.hero-marine .hero-secondary{background:transparent!important;background-image:none!important;color:#fff!important;border-color:#8392ae!important;box-shadow:none}
.hero-marine .hero-secondary:hover{background:#293352!important;border-color:#c5cbd0!important;box-shadow:none}

/* Approved exceptions to the shared blue action buttons. */
.marine-header-band .header-search-button{background:#c5cbd0!important;border-color:#c5cbd0!important;color:var(--navy)!important;box-shadow:none}
.marine-header-band .header-search-button svg{color:var(--navy)!important}
.marine-header-band .header-search-button:hover{background:#c7e3ff!important;border-color:#c7e3ff!important}
#nav.mega-navigation .mega-details summary{background:#e9f1ed!important;border-color:#e9f1ed!important;color:var(--navy)!important;box-shadow:none}
#nav.mega-navigation .mega-details summary :is(span,svg){color:var(--navy)!important}
#nav.mega-navigation .mega-details[open]>summary,#nav.mega-navigation .mega-details summary:hover{background:#e9f1ed!important;color:var(--navy)!important;box-shadow:inset 0 -2px #9bc8ef}
.editorial-collage .activity-links button{background:var(--navy)!important;border-color:var(--navy)!important;color:#fff!important}
.editorial-collage .activity-links button:hover{background:var(--navy)!important;box-shadow:inset 0 0 0 999px #ffffff12}
.marine-footer button{background:var(--navy)!important;border-color:var(--navy)!important;color:#fff!important;box-shadow:none}
.marine-footer button:hover{background:var(--navy)!important;color:#fff!important;text-decoration:underline;box-shadow:none}

/* Page-specific navigation, account and bag controls. */
.breadcrumb button,.breadcrumb button:hover{background:#fff!important;border-color:#fff!important;color:var(--navy)!important;box-shadow:none}
.breadcrumb button:hover{text-decoration:underline}
.listing-related .related-product button,.listing-related .related-product button:hover{background:#fff!important;border-color:#dce5df!important;color:var(--navy)!important;box-shadow:none}
.listing-related .related-product button:hover{text-decoration:underline}
.member-menu button,.member-menu button:hover,.member-stats button,.member-stats button:hover{background:#e9f1ed!important;border-color:#c5dff7!important;color:var(--navy)!important;box-shadow:none}
.member-menu button :is(span,b,strong,svg),.member-stats button :is(span,b,strong,svg,.account-icon){color:var(--navy)!important}
.member-menu button.active,.member-menu button[aria-current="page"]{background:#c5e2ff!important;box-shadow:inset 3px 0 #20634f;font-weight:600}
.checkout-steps button,.checkout-steps button:hover{background:#fff!important;border-color:#fff!important;color:#20634f!important;box-shadow:none;font-weight:600}
.line-item button[aria-label="Decrease quantity"],.line-item button[aria-label="Increase quantity"]{background:#f0f5f2!important;border-color:#cbdff2!important;color:var(--navy)!important;box-shadow:none}
.line-item button[aria-label="Decrease quantity"]:hover,.line-item button[aria-label="Increase quantity"]:hover{background:#e9f1ed!important;border-color:#a9cdef!important;color:var(--navy)!important;box-shadow:none}

/* Keep the bag count and image gallery independent of action-button colours. */
.marine-header-band .basket b{background:#fff!important;color:var(--navy)!important;display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;padding:3px 7px;line-height:1;margin-left:4px}
.product-photo .product-main-photo,.product-photo .product-main-photo:hover,.product-photo .product-thumbnails button,.product-photo .product-thumbnails button:hover{background:transparent!important;background-image:none!important;border-color:transparent!important;box-shadow:none}
.product-photo .product-main-photo>span{background:#fff!important;color:var(--navy)!important}
.product-photo .product-thumbnails button.selected,.product-photo .product-thumbnails button[aria-pressed="true"]{border-color:#20634f!important;box-shadow:0 0 0 2px #20634f}

/* Navy category dropdowns with pale blue category illustrations. */
#nav .mega-panel{background:var(--navy);color:#fff;border-color:#35415c}
#nav .mega-category,#nav .mega-directory{color:#fff}
#nav .mega-category:hover,#nav .mega-category.selected{background:#293b59;color:#fff}
#nav .mega-symbol{background:transparent;color:#c5cbd0;width:32px;height:32px}
#nav .mega-symbol svg{width:26px;height:26px;display:block}
#nav .mega-directory:hover{color:#c5cbd0;text-decoration:underline}

/* Checkout concept 2: navy title band and paired delivery/summary cards. */
.checkout-title-band{background:var(--navy);color:#fff;padding:24px 30px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.checkout-title-band h1{color:#fff;font-size:32px;margin:0}.checkout-progress{display:flex;align-items:center;gap:22px;font-size:14px}.checkout-progress>div,.checkout-progress>b,.checkout-progress>button{display:flex;align-items:center;gap:8px}.checkout-progress span{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid #8dabc8;border-radius:50%;font-size:13px}.checkout-progress b>span{background:#e9f1ed;color:var(--navy)}.checkout-title-band .checkout-progress button,.checkout-title-band .checkout-progress button:hover{background:transparent!important;border-color:transparent!important;color:#fff!important;box-shadow:none;padding:0}.checkout-back{display:flex;justify-content:flex-end;margin:14px 0 20px}.checkout-back button,.checkout-back button:hover{background:#fff!important;border-color:#fff!important;color:var(--navy)!important;box-shadow:none;font-size:14px;padding:6px 0}.checkout-back button:hover{text-decoration:underline}
#checkoutForm.checkout-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);gap:24px;align-items:start}#checkoutForm .checkout-delivery-card{padding:28px;border:1px solid #dce5df;border-radius:12px;background:#fff;gap:20px;min-width:0}#checkoutForm .checkout-delivery-card h2{margin:0 0 8px;font-size:25px}#checkoutForm .checkout-delivery-card label{font-size:14px}#checkoutForm .checkout-delivery-card input,#checkoutForm .checkout-delivery-card select{display:block;margin-top:7px;min-height:48px;background:#fff}#checkoutForm .summary{background:#f0f5f2;border:1px solid #dfebf5;border-radius:12px;padding:28px;margin:0;min-width:0}#checkoutForm .summary h2{margin:0 0 22px;font-size:25px}#checkoutForm .summary h3{border-top:1px solid #ccdfee;padding-top:18px;margin-top:20px;font-size:24px}#checkoutForm .summary .checkout-item{gap:12px}#checkoutForm .summary .checkout-item img{width:64px;height:64px;background:#fff;border-radius:6px}#checkoutForm .summary>label{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.5;color:#52647c;margin-top:18px}#checkoutForm .summary>label input{flex-shrink:0;margin-top:3px}#checkoutForm .summary button[type=submit]{width:100%;min-height:48px;margin-top:8px}
@media(max-width:850px){.checkout-title-band{padding:22px}.checkout-progress{gap:12px}#checkoutForm .checkout-delivery-card,#checkoutForm .summary{padding:22px}}
@media(max-width:650px){.checkout-title-band{flex-direction:column;align-items:flex-start;gap:18px}.checkout-title-band h1{font-size:29px}.checkout-progress{flex-wrap:wrap;gap:14px}#checkoutForm.checkout-layout{grid-template-columns:1fr;gap:20px}#checkoutForm .checkout-delivery-card{grid-template-columns:1fr;padding:20px}#checkoutForm .checkout-delivery-card .wide{grid-column:1}#checkoutForm .summary{padding:22px}}

/* Homepage concept 2: commercial shipping and yachting together. */
.hero-marine .hero-copy{width:57%;padding:48px 36px}.hero-marine h1{font-size:clamp(32px,3vw,44px);line-height:1.15}.hero-marine .hero-media img{object-position:center}.hero-marine .hero-media::before{background:linear-gradient(90deg,#103b3233 0%,#103b3222 35%,transparent 65%)}
@media(max-width:950px) and (min-width:651px){.hero-marine .hero-copy{width:62%;padding:38px 28px}.hero-marine h1{font-size:34px}}
@media(max-width:650px){.hero-marine .hero-copy{width:100%;padding:28px 24px 22px}.hero-marine h1{font-size:32px}.hero-marine .hero-media{height:220px}.hero-marine .hero-media img{object-fit:cover;object-position:right center}.hero-marine .hero-media::before{background:linear-gradient(180deg,#103b32 0%,#103b3255 16%,transparent 40%)}}

/* Expanded navigation: dedicated engine maintenance group. */
.mega-nav-inner{gap:12px}.mega-details summary,.mega-home{padding-left:9px;padding-right:9px}
@media(max-width:650px){.mega-nav-inner{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.mega-home,.mega-details summary{padding-left:3px;padding-right:3px}}

.listing-use{display:flex;align-items:center;gap:10px;font-size:14px}.listing-use select{width:auto;min-width:190px}.listing-filter-bottom{flex-wrap:wrap}.product-pack-info{line-height:1.6;margin:12px 0 20px}@media(max-width:650px){.listing-use{width:100%;flex-direction:column;align-items:flex-start}.listing-use select{width:100%}}

.bulk-quote-button{display:block;width:100%;margin-top:12px;min-height:48px}.profile-form textarea{margin-top:6px}.profile-form h3{margin-top:30px}#checkoutForm .checkout-delivery-card textarea{margin-top:7px;display:block}

/* Final responsive pass for commercial and leisure customer flows. */
.about-story img{object-position:65% center}.company-card address,.company-card dd,.footer-ownership,.profile-form,.product-pack-info{overflow-wrap:anywhere}.checkout-progress>div,.checkout-progress>b{white-space:nowrap}.bulk-quote-button{white-space:normal}.profile-form input,.profile-form textarea,.profile-form select{max-width:100%}
@media(max-width:650px){.company-page .about-hero h1{font-size:32px}.company-page .about-hero h2{font-size:24px}.about-story img{height:220px;object-position:65% center}.request-tools{display:grid;grid-template-columns:1fr;gap:14px}.request-tools input,.request-tools select{width:100%}.footer-brand .footer-ownership{line-height:1.7;font-size:13px}.member-layout .member-order .section-head{flex-wrap:wrap}.member-order .admin-reply{padding:16px}.listing-filter-bottom{align-items:flex-start;gap:16px}.profile-form textarea{width:100%;font-size:16px}}

/* Legal pages concept 2: navy title, quiet side navigation and readable text. */
.legal-title{display:block;max-width:none;margin:0;padding:34px 38px;background:var(--navy);color:#fff;border-radius:12px 12px 0 0}.legal-title h1{color:#fff;font-size:36px;margin:14px 0}.legal-title .eyebrow{color:#c5cbd0}.legal-title p{margin:0;color:#dce8f6}.legal-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:36px;border:1px solid #dce5df;border-top:0;padding:32px;border-radius:0 0 12px 12px;align-items:start}.legal-menu{position:sticky;top:20px;display:grid;gap:8px;border-right:1px solid #dce5df;padding-right:20px}.legal-menu a{padding:10px 12px;line-height:1.5;font-size:14px;border-left:3px solid transparent}.legal-menu a[aria-current=page]{color:#20634f;border-left-color:#20634f;background:#f2f8ff}.legal-menu a:hover{background:#f0f5f2}.legal-menu button{font-size:14px;margin-top:16px}.legal-article{max-width:820px;min-width:0;font-size:16px;line-height:1.8;overflow-wrap:anywhere}.legal-article>section{margin:0 0 30px}.legal-article h2{font-size:22px;line-height:1.35;margin:0 0 12px}.legal-article a{color:#20634f;text-decoration:underline}.legal-updated{font-size:13px;color:#65716b;margin:0 0 28px}.legal-contact{padding:24px;background:#f0f5f2;border-radius:10px}.legal-contact p{margin:0}.legal-article table{min-width:540px;line-height:1.6}.cancellation-template{border:1px solid #dce5df;padding:22px;margin-top:18px;background:#f8fbff;border-radius:8px;line-height:1.9}
@media(max-width:850px){.legal-layout{grid-template-columns:180px minmax(0,1fr);gap:24px;padding:24px}.legal-title{padding:28px}}
@media(max-width:650px){.legal-title{padding:26px 22px}.legal-title h1{font-size:30px}.legal-layout{grid-template-columns:1fr;padding:20px;gap:24px}.legal-menu{position:static;border:0;padding:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.legal-menu a{padding:10px;font-size:14px}.legal-menu button{grid-column:1/-1;margin-top:8px}.legal-article h2{font-size:21px}.legal-article{line-height:1.75}.cancellation-template{padding:16px}}
@media print{.marine-header-band,#nav,.marine-footer,.legal-menu,.breadcrumb,#syncStatus,#toast,dialog{display:none!important}main{padding:0;max-width:none}.legal-title{padding:0;background:#fff;color:#000}.legal-title h1,.legal-title p,.legal-title .eyebrow{color:#000}.legal-layout{display:block;border:0;padding:20px 0}.legal-article{max-width:none}.legal-article>section{break-inside:avoid}.legal-article .table-wrap{overflow:visible}.legal-article table{min-width:0}.legal-contact{background:#fff}}

/* Guest entry: one continuous blue control with two accessible actions. */
.marine-header-band .header-auth-links{background:#20634f;border-color:#20634f;padding:0 12px;gap:4px;border-radius:7px;overflow:hidden;min-height:48px}
.marine-header-band .header-auth-links>span{color:#fff}
.marine-header-band .header-auth-links button,.marine-header-band .header-auth-links button:hover{background:transparent!important;border:0!important;border-radius:0;color:#fff!important;box-shadow:none;padding:10px 4px;min-height:46px}
.marine-header-band .header-auth-links button:hover{text-decoration:underline}
.marine-header-band .header-auth-links button:focus-visible{outline-offset:-3px}
@media(max-width:650px){.marine-header-band .header-auth-links{padding:0 8px;gap:3px;min-height:44px}.marine-header-band .header-auth-links button{font-size:14px;min-height:44px;padding:8px 3px}}

.bag-signin-notice{padding:18px 6px 8px;clear:both}.bag-signin-notice h2{font-size:28px;margin:15px 0}.bag-signin-notice p{max-width:580px;line-height:1.7}.bag-signin-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 16px}.bag-signin-actions button{min-height:48px;padding:12px 24px}.bag-signin-notice .bag-signin-back,.bag-signin-notice .bag-signin-back:hover{background:#f0f5f2!important;color:var(--navy)!important;border-color:#dce5df!important;box-shadow:none}@media(max-width:650px){.bag-signin-actions button{flex:1 1 150px}.bag-signin-notice h2{font-size:25px}}

/* Marine admin — selected concept 4 */
body:has(.marine-admin-shell){background:#f4f7fc}
body:has(.marine-admin-shell)>.marine-header-band,body:has(.marine-admin-shell)>#nav,body:has(.marine-admin-shell)>.marine-footer{display:none}
main:has(.marine-admin-shell){max-width:1800px;padding:24px;min-height:100vh}
.marine-admin-shell{display:grid;grid-template-columns:224px minmax(0,1fr);background:#fff;border:1px solid #e3e9f2;border-radius:16px;min-height:calc(100vh - 48px);overflow:clip;box-shadow:0 12px 40px #103b3207}
.admin-design-sidebar{background:var(--navy);color:white;padding:24px 14px;display:flex;flex-direction:column;gap:16px}
.marine-admin-shell svg{width:21px;height:21px;flex-shrink:0}
.marine-admin-shell .admin-design-brand{background:transparent!important;border:0!important;padding:0 4px!important;box-shadow:none!important;width:100%;display:block}
.admin-design-brand img{width:100%;height:80px;object-fit:contain}
.admin-sidebar-caption{font-size:10px;letter-spacing:1.8px;color:#afc6e7;padding:0 14px}
.admin-design-menu{display:flex;flex-direction:column;gap:5px}
.marine-admin-shell .admin-design-menu button,.marine-admin-shell .admin-sidebar-bottom button{display:flex;align-items:center;gap:12px;text-align:left;background:transparent!important;border:0!important;color:#d5e2f5!important;padding:12px 13px;border-radius:8px;font-size:14px;box-shadow:none!important;min-height:46px}
.marine-admin-shell .admin-design-menu button svg{color:#acd4ff}
.marine-admin-shell .admin-design-menu button.selected{background:#20634f!important;color:white!important}
.marine-admin-shell .admin-design-menu button:hover,.marine-admin-shell .admin-sidebar-bottom button:hover{background:#2b3556!important;color:white!important}
.admin-sidebar-bottom{margin-top:auto;padding-top:32px;display:grid;gap:16px}
.admin-sidebar-bottom>span{font-size:11px;color:#a9bcd8;padding:0 13px}
.admin-design-workspace{min-width:0}
.admin-design-topbar{padding:26px 28px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e8edf5}
.admin-design-topbar .eyebrow{color:#20634f;font-size:10px;letter-spacing:1.5px}
.admin-design-topbar h1{font-size:27px;letter-spacing:-.5px;margin:7px 0}
.admin-design-topbar p{font-size:12px;color:var(--muted);margin:0}
.admin-design-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.admin-design-actions button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;padding:10px 13px;white-space:nowrap}
.marine-admin-shell .admin-secondary-action,.marine-admin-shell .admin-refresh-action{background:#fff!important;color:#20634f!important;border:1px solid #bed2f3!important;box-shadow:none!important}
.admin-design-actions .admin-refresh-action{padding:9px}
.admin-design-grid{display:grid;grid-template-columns:minmax(0,1fr) 230px}
.admin-design-content-slot{padding:24px;min-width:0}
.admin-design-content{min-width:0}
.admin-design-content h2{font-size:20px;margin:0 0 18px;letter-spacing:-.3px}
.admin-design-content .section-head{margin-bottom:14px;flex-wrap:wrap}
.admin-design-content .section-head h2{margin:0}
.admin-design-content button{font-size:13px}
.admin-design-content .product-tools,.admin-design-content .order-tools,.admin-design-content .request-tools{gap:12px}
.admin-design-content .product-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-design-content .product-search{grid-column:1/-1}
.admin-design-content input,.admin-design-content select{font-size:13px}
.admin-design-content .table-wrap{max-width:100%;overflow-x:auto}
.admin-design-content table{font-size:12px;width:100%}
.admin-design-content th,.admin-design-content td{padding:12px 10px}
.admin-design-content table .muted{font-size:11px}
.admin-design-rail{background:#fbfcff;border-left:1px solid #e8edf5;padding:22px 16px;display:flex;flex-direction:column;gap:20px}
.admin-rail-card h3{font-size:14px;margin:0 0 14px}
.admin-rail-card .section-head{gap:4px;align-items:start}
.admin-rail-card .section-head h3{margin-bottom:14px}
.marine-admin-shell .admin-quick-action,.marine-admin-shell .admin-stock-row,.marine-admin-shell .admin-supplier-row{display:flex;align-items:center;text-align:left;gap:10px;width:100%;background:transparent!important;color:var(--navy)!important;border:0!important;box-shadow:none!important;border-radius:7px;padding:10px 3px;font-size:12px}
.admin-quick-action svg{color:#20634f;background:#eff4f1;padding:3px;width:28px;height:28px;border-radius:7px}
.admin-quick-action>span:last-child,.admin-stock-row>span:last-child,.admin-supplier-row>span:last-child{margin-left:auto;color:#7691b4}
.marine-admin-shell .admin-quick-action:hover,.marine-admin-shell .admin-stock-row:hover,.marine-admin-shell .admin-supplier-row:hover{background:#eff4f1!important}
.admin-stock-row b,.admin-supplier-row b{display:block;font-size:12px;overflow-wrap:anywhere}
.admin-stock-row small,.admin-supplier-row small{display:block;font-size:11px;margin-top:3px;color:#bd7a1b}
.admin-stock-row.empty-stock small{color:#bd334b}
.admin-stock-icon{display:flex;align-items:center;justify-content:center;color:#c28927;background:#fff4dd;width:28px;height:28px;flex-shrink:0;border-radius:7px}
.empty-stock .admin-stock-icon{color:#d45064;background:#fff0f2}
.admin-stock-note{font-size:11px;margin-bottom:0}
.admin-rail-note{font-size:11px;line-height:1.7;color:#738198;border-top:1px solid #e5ebf4;padding-top:14px}
.admin-dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.admin-dashboard-stat{border:1px solid #e2eaf5;padding:15px 10px;border-radius:10px;display:flex;align-items:center;gap:9px;background:linear-gradient(#fff,#fbfdff)}
.admin-stat-icon{background:#eaf4ff;color:#20634f;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.admin-dashboard-stat div{min-width:0}
.admin-dashboard-stat div>span{font-size:10px;color:#65748b;display:block;line-height:1.4}
.admin-dashboard-stat b{font-size:23px;display:block;margin-top:4px;letter-spacing:-.5px}
.admin-dashboard-stat:nth-child(3) .admin-stat-icon{color:#148d80;background:#e9f9f3}
.admin-dashboard-stat:nth-child(4) .admin-stat-icon{color:#d15c6c;background:#fff0f2}
.admin-preview-note{font-size:11px;margin:9px 0 22px}
.admin-overview-columns{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(190px,1fr);gap:18px}
.admin-dashboard-card{border:1px solid #e3eaf4;border-radius:12px;padding:18px;min-width:0;background:#fff}
.admin-dashboard-card h2{font-size:15px}
.marine-admin-shell .admin-text-action{background:transparent!important;color:#20634f!important;border:0!important;padding:2px!important;font-size:11px;box-shadow:none!important;text-align:left}
.admin-supplier-row small{color:#78849a}
.admin-dashboard-card .empty{font-size:13px;padding:22px 10px}
.admin-dashboard-queue{margin-top:20px}
.admin-dashboard-queue>.summary{margin:0;background:#f6f9fe;padding:20px;border:1px solid #e2eaf5;border-radius:12px}
.admin-dashboard-queue h2{font-size:17px}
.admin-dashboard-queue .muted{font-size:12px}
.admin-dashboard-queue .queue-row{flex-wrap:wrap;gap:10px;font-size:13px}
.admin-dashboard-queue .queue-row>div{flex:1;min-width:170px}
.admin-dashboard-queue .queue-row p{font-size:12px}
.admin-design-content .address-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-design-content .address-card,.admin-design-content .summary{min-width:0;overflow-wrap:anywhere}
@media(min-width:1450px){.admin-design-sidebar{position:sticky;top:24px;max-height:calc(100vh - 48px)}.admin-design-rail{padding:24px 20px}.admin-design-grid{grid-template-columns:minmax(0,1fr) 250px}}
@media(max-width:1250px){.marine-admin-shell{grid-template-columns:200px minmax(0,1fr)}.admin-design-topbar{align-items:flex-start;flex-direction:column;padding:22px}.admin-design-content-slot{padding:20px}.admin-design-grid{grid-template-columns:minmax(0,1fr) 210px}.admin-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-overview-columns{grid-template-columns:1fr}.admin-design-content .product-tools{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){main:has(.marine-admin-shell){padding:14px}.marine-admin-shell{grid-template-columns:180px minmax(0,1fr);min-height:calc(100vh - 28px)}.admin-design-grid{grid-template-columns:1fr}.admin-design-rail{border-left:0;border-top:1px solid #e8edf5;display:grid;grid-template-columns:1fr 1fr}.admin-rail-note{grid-column:1/-1}.admin-design-menu button{gap:8px!important;padding:11px 8px!important}.admin-design-sidebar{padding:18px 10px}.admin-sidebar-caption{padding:0 8px;font-size:9px}.admin-design-content .order-tools,.admin-design-content .request-tools{grid-template-columns:1fr}}
@media(max-width:640px){main:has(.marine-admin-shell){padding:0}.marine-admin-shell{display:block;border:0;border-radius:0;min-height:100vh}.admin-design-sidebar{padding:12px 14px;gap:8px}.marine-admin-shell .admin-design-brand{width:160px;align-self:center}.admin-design-brand img{height:65px}.admin-sidebar-caption,.admin-sidebar-bottom{display:none}.admin-design-menu{display:flex;flex-direction:row;overflow-x:auto;padding-bottom:5px;gap:6px}.marine-admin-shell .admin-design-menu button{flex-shrink:0;font-size:12px;min-height:40px;gap:7px!important;padding:8px 10px!important}.admin-design-menu svg{width:17px;height:17px}.admin-design-topbar{padding:20px 16px;gap:15px}.admin-design-topbar h1{font-size:25px}.admin-design-actions{width:100%;gap:7px}.admin-design-actions button{font-size:11px;padding:10px}.admin-design-actions svg{width:17px;height:17px}.admin-design-content-slot{padding:18px 14px}.admin-dashboard-stat{padding:13px 9px;gap:7px}.admin-dashboard-stat b{font-size:21px}.admin-stat-icon{width:29px;height:29px}.admin-dashboard-stat div>span{font-size:10px}.admin-dashboard-card{padding:15px 12px}.admin-design-rail{padding:20px 16px;grid-template-columns:1fr}.admin-rail-note{grid-column:auto}.admin-design-content .product-tools,.admin-design-content .address-grid{grid-template-columns:1fr}.admin-design-content .product-search{grid-column:auto}.admin-dashboard-queue>.summary{padding:16px}.admin-design-content .section-head select{width:100%!important}.admin-dashboard-stats{gap:8px}.admin-design-content .queue-row{display:flex;align-items:flex-start}.admin-design-content table{min-width:550px}}

/* Override storefront white button descendants on light admin controls. */
.marine-admin-shell :is(.admin-quick-action,.admin-stock-row,.admin-supplier-row,.admin-secondary-action,.admin-refresh-action,.admin-text-action) :is(span,b,strong,svg,.muted){color:inherit!important}
.marine-admin-shell .admin-quick-action svg{color:#20634f!important}
.marine-admin-shell .admin-supplier-row .admin-stat-icon,.marine-admin-shell .admin-supplier-row .admin-stat-icon svg{color:#20634f!important}
.marine-admin-shell .admin-stock-row .admin-stock-icon,.marine-admin-shell .admin-stock-row .admin-stock-icon svg{color:#a87119!important}
.marine-admin-shell .admin-stock-row.empty-stock .admin-stock-icon,.marine-admin-shell .admin-stock-row.empty-stock .admin-stock-icon svg{color:#d45064!important}
.marine-admin-shell :is(.admin-quick-action,.admin-stock-row,.admin-supplier-row)>span:last-child{color:#7691b4!important}
.marine-admin-shell .admin-signout-form{margin:0;display:flex}
.marine-admin-shell .admin-signout-link{display:inline-flex;align-items:center;justify-content:center;color:#20634f;background:white;border:1px solid #bed2f3;border-radius:7px;padding:10px 13px;font-size:12px;white-space:nowrap}
.marine-admin-shell .admin-signout-form button:hover,.marine-admin-shell .admin-signout-link:hover{background:#eff4f1!important;color:#20634f!important}

/* Visible operation feedback, including inside dialog top layer. */
#toast{z-index:2147483647;border:1px solid #50618a;box-shadow:0 10px 35px #10162b40;min-width:220px;max-width:min(560px,92vw);font-size:16px;line-height:1.5;bottom:24px;top:auto;right:auto;margin:0;left:50%;padding:16px 24px;background:#103b32;color:#fff}
#toast:popover-open{display:block;opacity:1;pointer-events:none}
@media(max-width:640px){#toast{bottom:18px;font-size:15px;padding:14px 18px}}

.report-tools{display:flex;align-items:center;gap:18px;margin:20px 0;flex-wrap:wrap}.report-tools label{min-width:170px;font-size:13px}.report-tools select{display:block;margin-top:6px}.report-tools .notice{flex:1;min-width:220px;font-size:13px;margin:0}.report-money-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.report-money-stats .stat{padding:20px 16px}.report-money-stats span{font-size:13px}.report-money-stats small{font-size:11px;color:#65716b}.report-preview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0}.report-preview-metrics span{font-size:12px;color:#65716b;display:block}.report-preview-metrics b{font-size:22px}.report-table{margin-top:20px}.report-preview{background:#f4f9ff}.report-preview p{font-size:12px}@media(max-width:750px){.report-money-stats{grid-template-columns:1fr}.report-preview-metrics{grid-template-columns:1fr 1fr}.report-tools{align-items:stretch}.report-tools label{width:100%}}
.live-product-ready{display:flex!important;align-items:flex-start;gap:10px;background:#f0f5f2;padding:16px;border-radius:8px}.live-product-ready input{width:auto!important;min-height:0!important;margin-top:5px!important;flex-shrink:0}

/* Final price stays prominent; tax information is secondary. */
.marine-vat-label{display:block;font-size:14px;font-weight:400;line-height:1.5;color:var(--muted);letter-spacing:normal;margin-top:3px}.detail-price .marine-vat-label{font-size:15px}.marine-vat-summary{font-size:14px}

.checkout-layout .marine-checkout-terms{display:flex!important;align-items:flex-start;gap:10px}.marine-checkout-terms input{flex:0 0 auto;width:18px;height:18px;min-height:0;margin-top:3px}.marine-checkout-terms span{display:block;font-size:14px;line-height:1.6}.marine-checkout-terms a{display:inline!important;padding:0!important}.marine-checkout-terms a:hover{text-decoration:underline}

/* Keep unfinished-payment actions distinct and easy to tap. */
#pendingPaymentNotice .pending-payment-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px}#pendingPaymentNotice .pending-payment-actions button{margin:0;min-height:44px}@media(max-width:640px){#pendingPaymentNotice .pending-payment-actions{flex-direction:column}#pendingPaymentNotice .pending-payment-actions button{width:100%}}

/* Compact payment brands in the copyright row. */
.marine-footer .footer-bottom{align-items:center;flex-wrap:wrap;gap:12px 20px}
.marine-footer .footer-payment-logos{display:flex;align-items:center;justify-content:center;gap:7px}
.marine-footer .footer-payment-card{display:flex;align-items:center;justify-content:center;width:48px;height:30px;padding:0;background:#fff;border:1px solid #e1e7ef;border-radius:4px;box-sizing:border-box}
.marine-footer .footer-payment-card img{display:block;width:46px;height:28px;max-width:100%;object-fit:contain}
@media(max-width:450px){.marine-footer .footer-bottom{flex-direction:row;justify-content:space-between;gap:12px}.marine-footer .footer-bottom>span:first-child{flex-basis:100%}.marine-footer .footer-payment-logos{gap:6px}}

/* Mobile header: logo and account actions share one row; search below. */
@media (max-width:650px){
 .marine-header-band header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 10px;padding:16px max(5%,env(safe-area-inset-right)) 16px max(5%,env(safe-area-inset-left))}
 .marine-header-band header .marine-brand{display:block;width:clamp(104px,30vw,150px);max-width:100%;min-width:0;align-self:center;margin:0}
 .marine-header-band .header-actions{grid-column:2;grid-row:1;min-width:0;margin-left:0;gap:6px;justify-content:flex-end;flex-wrap:wrap;max-width:220px}
 .marine-header-band .header-actions button{font-size:14px;min-height:44px;padding:9px 8px}
 .marine-header-band .header-auth-links{gap:3px;padding:0 5px;min-height:44px}
 .marine-header-band .header-auth-links button{padding:8px 2px}
 .marine-header-band .search{grid-column:1/-1;grid-row:2;order:initial;width:100%;min-width:0;margin:0}
 .marine-header-band .search input{font-size:16px;min-width:0}
}
@media (max-width:360px){
 .marine-header-band header{column-gap:8px}
 .marine-header-band header .marine-brand{width:96px}
 .marine-header-band .header-actions{max-width:184px;gap:5px}
 .marine-header-band .header-actions button{font-size:13px;padding:9px 7px}
 .marine-header-band .header-auth-links{padding:0 4px;gap:2px}
 .marine-header-band .header-auth-links button{padding:8px 2px}
}

/* Keep catalogue photographs within a fixed frame on tablets and phones. */
@media(max-width:1000px){.products .image-wrap{height:220px;min-height:220px;max-height:220px}}
@media(max-width:650px){.products .image-wrap{height:190px;min-height:190px;max-height:190px}}

/* Product detail: keep purchasing controls above the full description. */
.product-page{align-items:start}
.product-page .product-photo{align-self:start;min-height:0;overflow:hidden}
.product-page .product-main-photo{height:420px;flex-shrink:0}
.product-page .product-photo>img{height:420px;max-height:420px;object-fit:contain}
.product-page .purchase-panel{min-width:0}
.product-page .purchase-panel h1{font-size:clamp(26px,2.5vw,36px);line-height:1.18;letter-spacing:-.7px;margin:14px 0 18px;overflow-wrap:anywhere}
.product-page .product-summary{font-size:16px;line-height:1.65;color:#586b85;margin:0 0 20px}
.product-page .detail-price{margin:14px 0;font-size:32px;line-height:1.2}
.product-long-description{border:1px solid var(--line);border-radius:10px;padding:28px;margin:28px 0;background:#fff}
.product-long-description h2{margin:0 0 18px}
.product-long-description p{font-size:16px;line-height:1.8;max-width:100ch;overflow-wrap:anywhere;white-space:pre-line}
@media(max-width:650px){.product-page .product-main-photo,.product-page .product-photo>img{height:300px;max-height:300px}.product-long-description{padding:20px;margin:22px 0}.product-page .purchase-panel h1{font-size:27px}}

/* Expandable product description */
.description-preview[hidden]{display:none}
.description-expand{position:relative}
.description-expand summary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:10px 18px;margin-top:12px;border:1px solid #c5cbd0;border-radius:7px;background:#f3f6f8;color:#103b32;font-family:inherit;font-size:14px;font-weight:600;line-height:20px;text-decoration:none;cursor:pointer;list-style:none;box-sizing:border-box;transition:background .15s,border-color .15s}
.description-expand summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.description-expand summary::-webkit-details-marker{display:none}
.description-expand summary:hover{background:#e6edf2;border-color:#9cabb9}
.description-expand summary:focus-visible{outline:2px solid #126caa;outline-offset:3px}
.description-expand[open]{padding-bottom:62px}
.description-expand[open] summary{position:absolute;bottom:0;left:0;margin:0}
.description-expand[open] summary::after{transform:translateY(2px) rotate(225deg)}
.description-full p:first-child{margin-top:0}

.marine-delivery-label,.marine-delivery-scope{display:block;font-size:12px;font-weight:500;line-height:1.5;margin-top:4px;color:#43576b}.marine-delivery-scope{font-size:11px;color:#647587}.detail-price .marine-delivery-label{font-size:14px}.detail-price .marine-delivery-scope{font-size:12px}.shipping-editor{padding:20px;border:1px solid #c5cbd0;border-radius:8px;background:#f6f8fa}.shipping-editor h3{margin-top:0}.shipping-editor select{width:100%;max-width:100%}.shipping-price-preview{padding:14px;background:#e8f1f7;color:#103b32;border-radius:6px;line-height:1.6;font-weight:600}.shipping-editor .muted{font-size:13px;line-height:1.7}

.marine-quantity-control{display:flex;align-items:stretch;gap:0;max-width:190px}.marine-quantity-control button{min-width:42px;padding:8px;border:1px solid #c5cbd0;border-radius:6px 0 0 6px;background:#f1f5f8;color:#152b41;font-size:22px}.marine-quantity-control button:last-child{border-radius:0 6px 6px 0}.marine-quantity-control input{width:72px!important;min-width:0;text-align:center;border-radius:0;padding:10px 4px;appearance:textfield;-moz-appearance:textfield}.marine-quantity-control input::-webkit-inner-spin-button,.marine-quantity-control input::-webkit-outer-spin-button{appearance:none;margin:0}.marine-quantity-control button:disabled{opacity:.4;cursor:not-allowed}.marine-quantity-offers{border:1px solid #d6e4ed;border-radius:7px;padding:12px 16px;background:#f5f9fc;margin:16px 0}.marine-quantity-offers p{font-size:14px;line-height:1.6;margin:6px 0}.marine-quantity-offers small,#marineQuantityPriceNote{font-size:13px;line-height:1.6}#marineQtyStockNote{display:block;font-size:12px;margin-top:6px}

/* Keep the quantity field usable inside the product option grid. */
.product-page .option-grid{grid-template-columns:minmax(0,1fr) 160px;align-items:start;gap:16px}
.purchase-panel .marine-quantity-control{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;width:160px;max-width:100%;height:48px;border:1px solid #c5cbd0;border-radius:7px;background:#fff;overflow:hidden;box-sizing:border-box}
.purchase-panel .marine-quantity-control button{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;height:46px;margin:0;padding:0;border:0;border-radius:0;background:#f3f6f8;color:#263b50;font-size:22px;font-weight:500;line-height:1;box-shadow:none}
.purchase-panel .marine-quantity-control button:hover{background:#e3ebf1}
.purchase-panel .marine-quantity-control button:focus-visible{outline:2px solid #126caa;outline-offset:-3px}
.purchase-panel .marine-quantity-control button[data-limit="true"]{color:#8694a1;background:#f5f7f9;cursor:pointer}
.purchase-panel .marine-quantity-control input{display:block;box-sizing:border-box;width:100%!important;height:46px;min-width:0;margin:0;padding:0 4px;border:0;border-left:1px solid #dde4ea;border-right:1px solid #dde4ea;border-radius:0;background:#fff;color:#103b32;font-size:16px;line-height:46px;text-align:center}
#marineQtyStockNote{font-size:12px;line-height:1.5;overflow-wrap:normal}
#marineQtyStockNote.quantity-warning{color:#9a4c0a;font-weight:600}
#marineQuantityPriceNote[hidden]{display:none}
@media(max-width:420px){.product-page .option-grid{grid-template-columns:minmax(0,1fr)}.purchase-panel .marine-quantity-control{width:160px}}

/* Native up/down quantity arrows. */
.purchase-panel .marine-quantity-control{display:block;width:120px;height:48px;border:0;overflow:visible;background:transparent}
.purchase-panel .marine-quantity-control input{display:block;width:120px!important;max-width:100%;height:48px;box-sizing:border-box;padding:10px 12px;border:1px solid #c5cbd0;border-radius:6px;background:#fff;color:#103b32;font-size:16px;line-height:normal;text-align:left;appearance:auto;-moz-appearance:auto}
.purchase-panel .marine-quantity-control input::-webkit-inner-spin-button,.purchase-panel .marine-quantity-control input::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button;appearance:auto;opacity:1;margin:0;cursor:pointer}
.product-page .option-grid{grid-template-columns:minmax(0,1fr) 120px}
@media(max-width:420px){.product-page .option-grid{grid-template-columns:minmax(0,1fr) 120px;gap:12px}}

/* Purchase panel 08: option above a fixed action strip. */
.purchase-panel .marine-buy-box{border:1px solid #dce4ec;border-radius:9px;overflow:hidden;background:#fff;margin-top:22px}
.purchase-panel .marine-buy-main{padding:22px 24px 20px}
.purchase-panel .marine-buy-main .detail-price{margin:0 0 14px;font-size:34px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}
.purchase-panel .marine-buy-seller{margin:0 0 18px;font-size:13px;color:#617087}
.purchase-panel .marine-buy-option{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#103b32;width:100%}
.purchase-panel .marine-buy-option select{width:100%;height:46px;border:1px solid #c5cbd0;border-radius:6px;padding:10px 12px;background:#fff;color:#103b32;font-size:15px;box-sizing:border-box}
.purchase-panel .marine-buy-actions{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(140px,.8fr);align-items:center;column-gap:14px;min-height:90px;padding:16px 20px;background:#f0f4f8;box-sizing:border-box}
.purchase-panel .marine-buy-quantity{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#103b32;margin:0;white-space:nowrap}
.purchase-panel .marine-buy-quantity .marine-quantity-control{width:68px;max-width:none;height:44px}
.purchase-panel .marine-buy-quantity .marine-quantity-control input{width:68px!important;height:44px;padding:8px 7px 8px 10px;font-size:15px;line-height:normal}
.purchase-panel .marine-buy-actions #marineQtyStockNote{margin:0;font-size:12px;line-height:1.45;min-height:36px;display:flex;align-items:center;overflow-wrap:anywhere}
.purchase-panel .marine-buy-actions .add-button{width:100%;min-height:46px;margin:0;padding:11px 15px;border-radius:6px;line-height:1.3;font-size:16px;white-space:nowrap;box-sizing:border-box;background:#2866ce;color:#fff}
.purchase-panel .marine-buy-actions .add-button:hover{background:#2059b8}
.purchase-panel .marine-buy-actions .add-button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:650px){.purchase-panel .marine-buy-main{padding:20px}.purchase-panel .marine-buy-actions{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:16px}.purchase-panel .marine-buy-actions .add-button{grid-column:1/-1}.purchase-panel .marine-buy-main .detail-price{font-size:30px}}

/* Selected price card 01 — Ice blue, centered price and seller. */
.purchase-panel .marine-buy-box{background:#eaf3fc;border-color:#ccdef2;box-shadow:0 3px 12px rgba(24,57,96,.05)}
.purchase-panel .marine-buy-main{background:#eaf3fc}
.purchase-panel .marine-buy-main .detail-price{text-align:center;color:#103b32;margin:0 0 12px;overflow-wrap:anywhere}
.purchase-panel .marine-buy-main .marine-delivery-label{display:block;margin-top:8px;font-size:14px;font-weight:500;line-height:1.5;text-align:center;color:#24496f}
.purchase-panel .marine-buy-main .marine-delivery-scope{text-align:center;color:#526f8c;line-height:1.5}
.purchase-panel .marine-buy-main .marine-buy-seller{text-align:center;margin:0 0 20px;color:#526b85;line-height:1.5}
.purchase-panel .marine-buy-main .product-pack-info{text-align:center}
.purchase-panel .marine-buy-actions{background:#e3eef9;border-top:1px solid #d2e2f2}
.purchase-panel .marine-buy-option select,.purchase-panel .marine-buy-quantity .marine-quantity-control input{background:#fff;border-color:#bdcfe2}

/* Navy price header; option and action areas retain ice blue. */
.purchase-panel .marine-buy-main{padding:0;background:#eaf3fc}
.purchase-panel .marine-buy-heading{padding:26px 24px 22px;background:#103b32;text-align:center}
.purchase-panel .marine-buy-heading .detail-price{color:#fff;margin:0 0 14px}
.purchase-panel .marine-buy-heading .marine-delivery-label{color:#f1f5fb;line-height:1.5}
.purchase-panel .marine-buy-heading .marine-delivery-scope{color:#bdcde1}
.purchase-panel .marine-buy-heading .marine-buy-seller{color:#c4d7ed;margin:0;line-height:1.5}
.purchase-panel .marine-buy-main .marine-buy-option{padding:20px 24px 22px;box-sizing:border-box;background:#eaf3fc}
.purchase-panel .marine-buy-main>.product-pack-info{margin:0;padding:14px 24px 0;color:#526b85}
@media(max-width:650px){.purchase-panel .marine-buy-main{padding:0}.purchase-panel .marine-buy-heading{padding:24px 20px 20px}.purchase-panel .marine-buy-main .marine-buy-option{padding:18px 20px 20px}}

/* Admin catalogue publication states and filters */
#marineProductResults tr.marine-product-published>td{background:#eaf7ef;color:#183d29}
#marineProductResults tr.marine-product-published>td:first-child{border-left:4px solid #25834c}
#marineProductResults tr.marine-product-draft>td{background:#fff}
#marineProductResults .marine-product-status{display:inline-block;white-space:nowrap;font-weight:700;font-size:12px;padding:5px 9px;border-radius:20px;background:#eef0f3;color:#525c68}
#marineProductResults .marine-product-published .marine-product-status{background:#d1eedc;color:#166534}
.marine-status-filters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 12px}
.marine-status-filters button{background:#fff;color:#344054;border:1px solid #cbd5e1;border-radius:8px;padding:10px 15px}
.marine-status-filters button.selected{background:#103b32;color:#fff;border-color:#103b32}
.marine-status-filters b{margin-left:6px}
.marine-status-filters .marine-clear-filters{margin-left:auto}
#adminContent .product-tools{background:#f3f6fa;border:1px solid #dce3ec;padding:16px;border-radius:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#adminContent .product-tools .product-search{grid-column:1/-1}
@media(max-width:700px){#adminContent .product-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.marine-status-filters .marine-clear-filters{margin-left:0}}

/* Separated catalogue row actions */
#marineProductResults .marine-product-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:210px}
#marineProductResults .marine-product-actions button{margin:0!important;border-radius:7px;padding:8px 12px;min-height:36px;font-size:12px;font-weight:600;line-height:1.3;white-space:nowrap;border:1px solid #cbd5e1;background:#fff;color:#263448;cursor:pointer}
#marineProductResults .marine-product-actions .marine-action-edit{background:#103b32;color:#fff;border-color:#103b32}
#marineProductResults .marine-product-actions .marine-action-publish{background:#f1f5f9;color:#263448}
#marineProductResults .marine-product-actions .marine-action-delete{background:#fff1f2;color:#b42332;border-color:#fecdd3}
#marineProductResults .marine-product-actions button:hover{filter:brightness(.95)}
#marineProductResults .marine-product-actions button:focus-visible{outline:3px solid #7db4ef;outline-offset:2px}
#marineProductResults .marine-product-actions button:disabled{opacity:.6;cursor:wait}

/* Base-type choices for separately stocked Storm hatch variants. */
.marine-hatch-variants{padding:20px 24px 22px;background:#eaf3fc}
.marine-variant-label{display:block;font-size:14px;font-weight:600;color:#103b32;margin-bottom:10px}
.marine-variant-options{display:flex;flex-wrap:wrap;gap:10px}
.marine-variant-choice{display:flex;flex-direction:column;gap:5px;min-width:120px;flex:1;padding:12px 16px;border:1px solid #bdcfe2;border-radius:7px;background:#fff;color:#103b32;text-decoration:none;box-sizing:border-box}
.marine-variant-choice.selected{border:2px solid #103b32;padding:11px 15px;background:#dce9f7}
.marine-variant-choice span{font-size:14px}.marine-variant-choice small{font-size:12px;color:#9a3412}
.marine-variant-choice:hover{border-color:#103b32}.marine-variant-choice:focus-visible{outline:3px solid #78a9da;outline-offset:3px}
.purchase-panel .marine-buy-option[hidden]{display:none!important}
@media(max-width:650px){.marine-hatch-variants{padding:18px 20px 20px}}

.marine-variant-field+.marine-variant-field{margin-top:18px}.marine-selected-variant{font-size:13px;color:#344b62;margin:14px 0 0}.marine-card-variants{font-size:12px;color:#40556c;margin:10px 0}.marine-variant-choice strong{font-size:14px}