:root{--navy:#061e45;--deep:#031735;--blue:#0a2c60;--cyan:#0bb7c7;--aqua:#13c7d0;--ink:#0b234b;--muted:#64738a;--line:#dbe2ea;--bg:#f8fafc;--green:#1e9c52}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#fff;font-size:16px}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}a{color:inherit;text-decoration:none}.topbar{background:var(--deep);color:#fff;font-size:13px}.topbar-inner{display:flex;gap:28px;align-items:center;min-height:32px}.topbar a:hover{color:var(--aqua)}.site-header{background:#fff;border-bottom:1px solid #eef1f5;position:sticky;top:0;z-index:10}.header-inner{min-height:76px;display:flex;align-items:center;gap:24px}.brand{display:flex;flex-direction:column;line-height:.8;min-width:190px}.brand strong{font-size:31px;letter-spacing:-2px;color:#12aebc}.brand strong span{color:var(--navy)}.brand small{font-size:9px;font-weight:700;color:var(--navy);letter-spacing:.2px;margin-top:8px}.main-nav{display:flex;gap:20px;align-items:center;flex:1;justify-content:center;font-size:12px;font-weight:700;white-space:nowrap}.main-nav a:hover,.main-nav .sale{color:#e34532}.header-actions{display:flex;gap:12px}.action,.mobile-menu{border:0;background:transparent;color:var(--navy);cursor:pointer}.action{display:flex;flex-direction:column;align-items:center;gap:3px;position:relative}.action span{font-size:28px;line-height:1}.action small{font-size:9px;font-weight:700}.action b{position:absolute;right:-5px;top:-4px;background:var(--aqua);border-radius:50%;font-size:10px;min-width:18px;line-height:18px;color:#fff}.mobile-menu{display:none;font-size:28px}.hero{min-height:360px;background:linear-gradient(90deg,rgba(2,21,51,.98) 0%,rgba(3,35,78,.84) 45%,rgba(3,26,58,.18) 100%),url('https://www.mmsub.com/wp-content/uploads/slide-trgovina-main-page.jpg') center/cover}.hero-content{min-height:360px;display:flex;align-items:center}.hero-copy{max-width:570px;color:#fff}.eyebrow{font-size:12px;letter-spacing:2px;color:#91eef0;font-weight:700}.hero h1{font-size:40px;line-height:1.08;margin:10px 0 14px;letter-spacing:-1px}.hero p:not(.eyebrow){font-size:18px;line-height:1.5;margin:0 0 24px;max-width:560px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:6px;padding:13px 18px;font-weight:700}.button.primary{background:var(--aqua);color:#fff}.button.outline{border:1px solid #fff;color:#fff}.button:hover{transform:translateY(-1px)}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0;gap:18px}.benefits>div{display:flex;gap:12px;align-items:center;padding-right:14px;border-right:1px solid var(--line)}.benefits>div:last-child{border-right:0}.benefit-icon{font-size:27px;color:var(--navy)}.benefits strong,.benefits small{display:block}.benefits strong{font-size:13px}.benefits small{font-size:11px;color:var(--muted);margin-top:4px}.section{padding:20px 0 5px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.category-card{min-height:235px;border-radius:10px;padding:28px 24px 18px;color:#fff;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden;background-position:center;background-size:cover}.category-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 72%)}.category-card>*{position:relative}.category-diving{background-image:url('https://www.mmsub.com/wp-content/uploads/slide-trgovina-main-page.jpg')}.category-tech{background-image:url('https://www.mmsub.com/wp-content/uploads/slide-servis-main-page-2.jpg')}.category-cave{background-image:linear-gradient(135deg,#6b3b1f,#17110d)}.category-canyon{background-image:linear-gradient(135deg,#276b82,#071d30)}.category-card span{font-size:22px;font-weight:800}.category-card small{font-size:13px;margin:6px 0 14px}.category-card em{background:var(--aqua);border-radius:4px;padding:9px 13px;font-size:12px;font-style:normal;font-weight:700;align-self:flex-start}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:10px 0 12px}.section-heading h2,.why h2{font-size:23px;margin:0}.section-heading a{font-size:13px;font-weight:700}.section-heading a span{font-size:20px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.product-card{border:1px solid var(--line);border-radius:9px;padding:10px;position:relative;display:flex;flex-direction:column}.heart{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:26px;color:#738098;cursor:pointer;z-index:1}.heart.active{color:#e34c5b}.product-image{height:170px;margin:0 8px 9px;background:#fff center/contain no-repeat}.product-watch{background-image:url('https://www.mmsub.com/wp-content/uploads/logo-MM-Sub.png');background-size:70%;opacity:.72}.product-regulator{background:radial-gradient(circle at 45% 45%,#252a2d 0 22%,transparent 23%),linear-gradient(135deg,#f5f7fa,#dce2e9)}.product-bcd{background:radial-gradient(ellipse,#121820 0 29%,transparent 30%),linear-gradient(135deg,#f5f7fa,#dce2e9)}.product-light{background:linear-gradient(90deg,transparent 25%,#1c232b 26% 72%,transparent 73%)}.product-card h3{font-size:13px;margin:2px 3px}.product-card p{font-size:12px;color:var(--muted);margin:5px 3px}.product-card>strong{font-size:17px;margin:7px 3px}.stock{color:var(--green);font-size:12px;margin:0 3px 9px}.add-cart{border:0;background:var(--navy);color:#fff;border-radius:5px;padding:10px 8px;font-weight:700;cursor:pointer;margin-top:auto}.add-cart:hover{background:var(--aqua)}.new-product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.new-product-grid>div{border:1px solid var(--line);border-radius:8px;padding:14px 12px;display:flex;flex-direction:column;gap:5px}.new-product-grid b{font-size:12px}.new-product-grid span{font-size:11px;color:var(--muted)}.new-product-grid strong{font-size:14px}.brands{margin-top:28px;background:#f1f5f9;padding:22px 0}.brand-row{display:flex;justify-content:space-around;align-items:center;color:#163b6f;font-weight:800;font-size:23px;gap:30px}.brand-row span:nth-child(2){font-size:26px}.why{background:#eaf7fb;padding:28px 0}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:22px}.why-grid>div{display:flex;gap:14px;border-right:1px solid #c7dce5;padding-right:22px}.why-grid>div:last-child{border-right:0}.why-grid span{font-size:32px;color:var(--aqua)}.why-grid strong{font-size:15px}.why-grid p{font-size:13px;line-height:1.45;margin:6px 0;color:#40536f}.footer{background:var(--deep);color:#fff;padding:32px 0 0}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.4fr;gap:40px}.footer-brand{margin-bottom:20px}.footer h3{font-size:14px;margin:0 0 12px}.footer p,.footer a{font-size:13px;line-height:1.6;color:#d0dbea}.footer a{display:block}.footer a:hover{color:var(--aqua)}.newsletter{display:flex;margin-top:12px}.newsletter input{min-width:0;flex:1;border:0;padding:12px;border-radius:5px 0 0 5px}.newsletter button{border:0;background:var(--aqua);color:#fff;padding:0 13px;font-weight:700;border-radius:0 5px 5px 0}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #335073;margin-top:28px;padding:15px 0;font-size:12px;color:#b8c5d8}.toast{position:fixed;bottom:20px;right:20px;background:var(--navy);color:#fff;border-radius:7px;padding:12px 16px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none;font-size:14px}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:900px){.main-nav{gap:10px;font-size:11px}.header-inner{gap:12px}.brand{min-width:160px}.benefits{grid-template-columns:repeat(2,1fr)}.benefits>div:nth-child(2){border-right:0}.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.new-product-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.container{width:min(100% - 28px,520px)}.topbar-inner{justify-content:center;gap:10px;font-size:11px}.topbar-inner>a:last-of-type,.topbar-inner>span span{display:none}.site-header{position:sticky}.header-inner{min-height:66px;justify-content:space-between}.mobile-menu{display:block}.brand{min-width:0}.brand strong{font-size:24px}.brand small{font-size:7px}.main-nav{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;padding:16px 22px;box-shadow:0 10px 18px rgba(2,20,50,.14);flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.header-actions{gap:8px}.action small{display:none}.action span{font-size:23px}.hero,.hero-content{min-height:450px}.hero{background-position:62% center}.hero-copy{align-self:flex-end;padding-bottom:32px}.eyebrow{font-size:10px}.hero h1{font-size:31px}.hero p:not(.eyebrow){font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.button{justify-content:space-between}.benefits{grid-template-columns:repeat(2,1fr);gap:0;padding:0 0 9px}.benefits>div{padding:16px 10px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.benefits>div:nth-child(2n){border-right:0}.benefits small{font-size:10px}.category-grid{grid-template-columns:repeat(2,1fr);gap:8px}.category-card{min-height:176px;padding:16px 12px}.category-card span{font-size:16px}.category-card small{font-size:11px}.category-card em{font-size:11px;padding:7px 9px}.section{padding-top:18px}.section-heading h2,.why h2{font-size:20px}.product-grid{gap:8px}.product-card{padding:8px}.product-image{height:130px}.product-card h3{font-size:12px}.product-card>strong{font-size:16px}.new-product-grid{grid-template-columns:repeat(2,1fr)}.new-product-grid>div:last-child{display:none}.brand-row{overflow:hidden;justify-content:space-between;gap:12px;font-size:15px}.brand-row span:nth-child(2){font-size:17px}.why-grid{grid-template-columns:1fr;gap:14px}.why-grid>div{border-right:0;border-bottom:1px solid #c7dce5;padding-bottom:14px}.why-grid>div:last-child{border-bottom:0}.footer-grid{grid-template-columns:1fr 1fr;gap:25px 16px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.newsletter input{width:100%}}

/* Začasne slike iz obstoječe trgovine; kasneje jih zamenjava z urejenimi MMSUB asseti. */
.category-cave{background-image:url('https://shop.mmsub.com/modules/homeslider/images/eb05618f00184213b09b823a0b21e5ea.jpg')}.category-canyon{background-image:url('https://www.mmsub.com/wp-content/uploads/slide-servis-main-page-2.jpg')}.product-watch{background-image:url('https://shop.mmsub.com/img/p/5/5-home_default.jpg');background-size:contain;opacity:1}.product-regulator{background-image:url('https://shop.mmsub.com/img/p/1/4/14-home_default.jpg');background-size:contain;background-color:#f5f7fa}.product-bcd{background-image:url('https://shop.mmsub.com/img/p/1/0/10-home_default.jpg');background-size:contain;background-color:#f5f7fa}.product-light{background-image:url('https://shop.mmsub.com/img/p/3/0/2/302-home_default.jpg');background-size:contain;background-color:#f5f7fa}