/* ================= MARMAROSH brand theme (layer over OC4 default) ================= */
:root{
  --mm-green:#22402D; --mm-green-dk:#1B3324; --mm-green-2:#2E6B45; --mm-green-3:#265737;
  --mm-orange:#E8722C; --mm-orange-d:#CF6416;
  --mm-ink:#181A18; --mm-muted:#6B756E; --mm-bg:#F4F4F2; --mm-card:#fff; --mm-line:#E7E7E3;
  --mm-max:1240px;
}
body{font-family:'Manrope',system-ui,-apple-system,sans-serif;color:var(--mm-ink);background:var(--mm-bg);}
h1,h2,h3,h4,.h1,.h2,.h3,.h4{font-family:'Space Grotesk','Manrope',system-ui,sans-serif;}
a{color:var(--mm-green-2);text-decoration:none;}
a:hover{color:var(--mm-orange);}
html{overflow-x:hidden;}

/* ---------- top bar ---------- */
#top{background:var(--mm-green-dk);color:#C7D2C9;border:0;min-height:0;padding:8px 0;font-size:12.5px;}
#top .container{max-width:var(--mm-max);}
#top a,#top .list-inline-item,#top span,#top .dropdown-toggle{color:#C7D2C9 !important;}
#top a:hover,#top .dropdown-toggle:hover{color:#fff !important;}
#top .dropdown-menu{background:#fff;}
#top .dropdown-menu a{color:var(--mm-ink) !important;}
#top .mm-topleft{display:flex;align-items:center;gap:16px;font-size:12.5px;}
#top .mm-topleft b{font-weight:600;color:#DDE6DF;}

/* ---------- header ---------- */
header{background:var(--mm-green);color:#fff;padding:14px 0;border:0;}
header .container{max-width:var(--mm-max);}
header a{color:#fff;}
#logo{display:flex;align-items:center;gap:12px;margin:0;}
#logo a{display:flex;align-items:center;gap:12px;text-decoration:none;}
#logo .mm-word{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:23px;letter-spacing:.05em;color:#fff;line-height:1;}
#logo .mm-tag{font-size:9px;letter-spacing:.42em;color:#9DB3A2;margin-top:4px;padding-left:2px;}
header #search{margin-top:2px;}
header #search .form-control{border:0;border-radius:8px 0 0 8px;height:46px;}
header #search .btn{background:var(--mm-orange);border:0;color:#fff;border-radius:0 8px 8px 0;height:46px;}
header #search .btn:hover{background:var(--mm-orange-d);}
#cart>.btn{background:rgba(255,255,255,.12);border:0;color:#fff;font-weight:600;border-radius:8px;}
#cart>.btn strong{color:#fff;}
#cart>.btn:hover{background:rgba(255,255,255,.2);}

/* ---------- category menu ---------- */
.navbar#menu,#menu.navbar{background:var(--mm-green) !important;border-top:1px solid rgba(255,255,255,.08);border-radius:0;padding:0;}
#menu .container{max-width:var(--mm-max);}
#menu .navbar-nav{gap:4px;}
#menu .nav-link,#menu>.container>.navbar-nav>li>a{color:#E7EEE9 !important;font-weight:700;font-size:13.5px;letter-spacing:.02em;text-transform:uppercase;padding:14px 14px;}
#menu .nav-link:hover{color:var(--mm-orange) !important;}
#menu #category{color:#fff;}
#menu .dropdown-menu{background:#fff;border:0;box-shadow:0 12px 30px rgba(0,0,0,.14);border-radius:10px;padding:14px;}
#menu .dropdown-menu .dropdown-item{color:var(--mm-ink) !important;text-transform:none;font-weight:500;font-size:14px;padding:6px 10px;border-radius:6px;}
#menu .dropdown-menu .dropdown-item:hover{background:#EDF2EE;color:var(--mm-green-2) !important;}

/* ---------- buttons ---------- */
.btn-primary{background:var(--mm-green-2) !important;border-color:var(--mm-green-2) !important;color:#fff !important;border-radius:8px;font-weight:600;}
.btn-primary:hover,.btn-primary:focus{background:var(--mm-green-3) !important;border-color:var(--mm-green-3) !important;}
.btn-mm-orange{background:var(--mm-orange);color:#fff !important;border:0;border-radius:8px;font-weight:700;letter-spacing:.02em;padding:14px 28px;display:inline-block;}
.btn-mm-orange:hover{background:var(--mm-orange-d);color:#fff !important;}
.btn-mm-outline{border:1.5px solid rgba(255,255,255,.7);color:#fff !important;border-radius:8px;font-weight:700;letter-spacing:.02em;padding:13px 26px;display:inline-block;background:transparent;}
.btn-mm-outline:hover{background:rgba(255,255,255,.12);color:#fff !important;}
.btn-outline-secondary,.btn-light{border-radius:8px;}

/* ---------- product cards ---------- */
.product-thumb{background:var(--mm-card);border:1px solid var(--mm-line);border-radius:10px;overflow:hidden;height:100%;transition:box-shadow .15s ease, transform .15s ease;}
.product-thumb:hover{box-shadow:0 8px 24px rgba(0,0,0,.09);transform:translateY(-2px);}
.product-thumb .image{position:relative;background:#F1F1EE;}
.product-thumb .caption{padding:14px;}
.product-thumb h4,.product-thumb .description{font-family:'Manrope',sans-serif;}
.product-thumb .price{color:var(--mm-ink);font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:18px;}
.product-thumb .price-new{color:var(--mm-ink);}
.product-thumb .price-old{color:#AAB2AA;text-decoration:line-through;font-size:13px;}
.rating .fa-star{color:#E8A63C;}

/* ---------- footer ---------- */
footer{background:#152219;color:#9DB3A2;margin-top:40px;padding-top:0;}
footer .container{max-width:var(--mm-max);}
footer a{color:#9DB3A2;}
footer a:hover{color:#fff;}
footer h5,footer .h5{color:#fff;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:14px;letter-spacing:.03em;}

/* ================= HOME sections ================= */
.mm-wrap{max-width:var(--mm-max);margin:0 auto;padding:0 24px;}
.mm-hero{position:relative;height:520px;overflow:hidden;background:#20402C;}
.mm-hero img.mm-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.mm-hero .mm-hero-ov{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,26,18,.86) 0%,rgba(14,26,18,.55) 40%,rgba(14,26,18,.08) 68%,rgba(14,26,18,0) 100%);}
.mm-hero .mm-hero-in{position:relative;max-width:var(--mm-max);margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;}
.mm-hero h1{font-size:60px;line-height:.98;font-weight:800;color:#fff;letter-spacing:.01em;margin:0 0 4px;}
.mm-hero .mm-hero-sub{font-size:32px;line-height:1.06;font-weight:800;color:#fff;letter-spacing:.01em;margin-bottom:16px;font-family:'Space Grotesk',sans-serif;}
.mm-hero p{font-size:17px;color:#D6E2D9;margin:0 0 28px;}

.mm-strip{background:var(--mm-green-dk);}
.mm-strip .mm-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:20px;padding-bottom:20px;}
.mm-strip .mm-feat{display:flex;gap:12px;align-items:center;color:#fff;}
.mm-strip .mm-feat b{display:block;font-weight:700;font-size:13px;letter-spacing:.02em;}
.mm-strip .mm-feat span{color:#9DB3A2;font-size:12.5px;}
.mm-strip svg{color:#8FB539;flex:0 0 auto;}

.mm-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:28px;}
.mm-cat{position:relative;height:220px;border-radius:10px;overflow:hidden;display:block;}
.mm-cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.mm-cat:hover img{transform:scale(1.05);}
.mm-cat .mm-cat-ov{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,18,12,.9) 0%,rgba(10,18,12,.3) 55%,rgba(10,18,12,.05) 100%);}
.mm-cat .mm-cat-tx{position:absolute;left:24px;bottom:22px;color:#fff;}
.mm-cat .mm-cat-tx .mm-cat-h{font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:28px;letter-spacing:.03em;}
.mm-cat .mm-cat-tx .mm-cat-d{font-size:13.5px;color:#DCE6DE;margin:4px 0 12px;line-height:1.35;}
.mm-cat .mm-cat-tx .mm-cat-a{font-weight:700;font-size:12.5px;letter-spacing:.05em;color:#fff;display:flex;align-items:center;gap:6px;}

.mm-sec-head{display:flex;align-items:center;justify-content:space-between;padding-top:40px;margin-bottom:20px;}
.mm-sec-head h2{font-size:26px;font-weight:800;letter-spacing:.01em;margin:0;}
.mm-sec-head a{font-weight:700;font-size:13px;letter-spacing:.04em;color:var(--mm-green);display:flex;align-items:center;gap:6px;}
.mm-grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}

.mm-brands{background:#fff;border:1px solid var(--mm-line);border-radius:12px;padding:20px 26px;display:flex;align-items:center;gap:20px;margin-top:28px;}
.mm-brands .mm-brands-t{font-weight:800;font-size:13px;letter-spacing:.04em;color:var(--mm-green);white-space:nowrap;display:flex;align-items:center;gap:8px;}
.mm-brands .mm-brands-l{display:flex;gap:30px;align-items:center;flex-grow:1;justify-content:space-around;color:#7C857D;font-weight:800;font-family:'Space Grotesk',sans-serif;font-size:15px;letter-spacing:.02em;flex-wrap:wrap;}

.mm-cta{position:relative;height:250px;border-radius:12px;overflow:hidden;display:flex;align-items:center;margin-top:12px;}
.mm-cta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.mm-cta .mm-cta-ov{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,18,12,.9) 0%,rgba(10,18,12,.55) 40%,rgba(10,18,12,.06) 75%);}
.mm-cta .mm-cta-in{position:relative;padding:0 48px;max-width:640px;}
.mm-cta h2{font-size:34px;font-weight:800;color:#fff;letter-spacing:.01em;margin-bottom:10px;}
.mm-cta p{color:#D6E2D9;font-size:16px;margin:0 0 22px;line-height:1.4;}

.mm-benefits{background:var(--mm-green-dk);margin-top:36px;}
.mm-benefits .mm-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-top:34px;padding-bottom:34px;}
.mm-benefits .mm-b{display:flex;gap:14px;align-items:center;color:#fff;}
.mm-benefits .mm-b b{font-weight:700;font-size:13.5px;letter-spacing:.02em;}
.mm-benefits .mm-b span{color:#9DB3A2;font-size:12.5px;line-height:1.4;}
.mm-benefits svg{color:#8FB539;flex:0 0 auto;}

/* home product card (custom) */
.mm-pcard{background:#fff;border:1px solid var(--mm-line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s;}
.mm-pcard:hover{box-shadow:0 8px 24px rgba(0,0,0,.09);transform:translateY(-2px);}
.mm-pcard .mm-pimg{position:relative;aspect-ratio:1;background:#F1F1EE;display:flex;align-items:center;justify-content:center;}
.mm-pcard .mm-pimg img{width:100%;height:100%;object-fit:contain;padding:12px;}
.mm-pcard .mm-badge{position:absolute;top:10px;left:10px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.03em;padding:3px 8px;border-radius:4px;background:var(--mm-green-2);}
.mm-pcard .mm-body{padding:14px;display:flex;flex-direction:column;gap:4px;flex-grow:1;}
.mm-pcard .mm-pname{font-size:14.5px;font-weight:700;line-height:1.25;}
.mm-pcard .mm-psub{font-size:12.5px;color:#8A948C;}
.mm-pcard .mm-prow{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px;}
.mm-pcard .mm-price{font-size:18px;font-weight:800;font-family:'Space Grotesk',sans-serif;}
.mm-pcard .mm-cartbtn{background:var(--mm-green-2);border:0;width:38px;height:38px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;}
.mm-pcard .mm-cartbtn:hover{background:var(--mm-green-3);}

/* responsive */
@media (max-width:991px){
  .mm-grid5{grid-template-columns:repeat(2,1fr);}
  .mm-trio{grid-template-columns:1fr;}
  .mm-strip .mm-wrap,.mm-benefits .mm-wrap{grid-template-columns:repeat(2,1fr);}
  .mm-hero{height:440px;} .mm-hero h1{font-size:40px;} .mm-hero .mm-hero-sub{font-size:22px;}
}
@media (max-width:575px){
  .mm-grid5{grid-template-columns:1fr;}
  .mm-strip .mm-wrap,.mm-benefits .mm-wrap{grid-template-columns:1fr;}
}

/* featured module on home */
.mm-featured{padding-top:6px;}
.mm-featured h3{display:none;}
.mm-featured .row{display:grid !important;grid-template-columns:repeat(5,1fr);gap:16px;margin:0;}
.mm-featured .row>.col{width:auto !important;max-width:none !important;flex:none !important;margin:0 !important;padding:0 !important;}
.mm-featured .product-thumb{display:flex;flex-direction:column;}
.mm-featured .product-thumb .image{aspect-ratio:1;display:flex;align-items:center;justify-content:center;}
.mm-featured .product-thumb .image img{width:100%;height:100%;object-fit:contain;padding:14px;}
.mm-featured .product-thumb .content{padding:14px;display:flex;flex-direction:column;flex-grow:1;}
.mm-featured .product-thumb .description p{display:none;}
.mm-featured .product-thumb .description h4{font-size:14.5px;font-weight:700;line-height:1.25;margin:0 0 8px;}
.mm-featured .product-thumb .description h4 a{color:var(--mm-ink);}
.mm-featured .product-thumb .price{font-size:18px;font-weight:800;font-family:'Space Grotesk',sans-serif;color:var(--mm-ink);}
.mm-featured .product-thumb .price-new{color:var(--mm-ink);}
.mm-featured .product-thumb .price-old{font-size:13px;}
.mm-featured .product-thumb .button-group{display:flex;gap:8px;margin-top:auto;padding-top:12px;}
.mm-featured .product-thumb .button-group button{flex:1;border-radius:8px;}
@media(max-width:991px){.mm-featured .row{grid-template-columns:repeat(2,1fr);}}
@media(max-width:575px){.mm-featured .row{grid-template-columns:1fr;}}

/* hide Ex Tax line on cards */
.product-thumb .price-tax{display:none;}
.mm-featured .product-thumb .price-tax{display:none;}