/*
Theme Name: My Open Pixel
Theme URI: https://myopenpixel.com
Author: My Open Pixel
Description: Digital product store theme (WooCommerce + Elementor ready) - hero / category / best-selling sliders, product page with Buy Now, auto demo setup, separate mobile app-style bottom navigation.
Version: 3.5.0
Requires at least: 5.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: my-open-pixel
*/

:root{
  --g-900:#082a1d; --g-800:#0a3a28; --g-700:#0b4d33; --g-600:#0e6b43; --g-500:#14804f; --g-400:#1fa463; --g-300:#4be08f;
  --mint:#f3faf6; --mint-2:#e6f4ec; --ink:#0d2a1f; --muted:#5d7468; --line:#e3eee7; --star:#f5a524;
  --radius:14px; --shadow:0 4px 18px rgba(10,58,40,.08);
  --font:'Hind Siliguri','Noto Sans Bengali','Nirmala UI',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);color:var(--ink);background:linear-gradient(#fff,var(--mint) 380px,#fff);line-height:1.5;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:3px solid var(--g-300);outline-offset:2px}
.mop-container{width:100%;max-width:1152px;margin:0 auto;padding:0 24px}

/* topbar */

/* header */
.mop-header{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 1px 0 var(--line)}
.mop-header .mop-container{display:flex;align-items:center;gap:30px;min-height:84px}
.mop-logo{display:flex;align-items:center;gap:8px;flex:none}
.mop-logo img{width:50px;height:50px;object-fit:contain}
.mop-logo.has-custom img{width:auto;height:auto;max-width:230px;max-height:58px;object-fit:contain}
.mop-logo b{display:block;font-family:'Poppins','Hind Siliguri',Arial,sans-serif;font-weight:800;font-size:18px;letter-spacing:.2px;line-height:1.05;color:#0f2b20}
.mop-logo b i{font-style:normal;color:var(--g-400)}
.mop-logo small{display:block;font-size:10.5px;color:var(--g-500);font-weight:600;margin-top:2px}
.mop-nav{flex:1;display:flex;justify-content:center}
.mop-nav .mop-menu{display:flex;align-items:center;gap:8px}
.mop-nav li{position:relative}
.mop-nav a{display:flex;align-items:center;gap:5px;padding:11px 20px;border-radius:11px;font-size:17.5px;font-weight:700;color:#17372a;transition:background .15s,color .15s}
.mop-nav a:hover{background:var(--mint-2)}
.mop-nav li.current>a,.mop-nav li.current-menu-item>a,.mop-nav li.current-menu-ancestor>a{background:var(--g-400);color:#fff}
.mop-nav .menu-item-has-children>a:after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:3px}
.mop-nav .sub-menu{position:absolute;left:0;top:100%;min-width:210px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:8px;display:none;z-index:60}
.mop-nav li:hover>.sub-menu,.mop-nav li:focus-within>.sub-menu{display:block}
.mop-nav .sub-menu a{padding:10px 14px;font-weight:600;font-size:16px}
.mop-cart{position:relative;flex:none;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:var(--g-800)}
.mop-cart:hover{background:var(--mint-2)}
.mop-cart svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mop-cart em{position:absolute;top:0;right:-2px;min-width:19px;height:19px;border-radius:10px;background:var(--g-600);color:#fff;font-style:normal;font-size:11px;font-weight:700;display:grid;place-items:center;padding:0 4px}

/* hero (slider – CSS in the slider section below) */
.mop-btn{display:inline-flex;align-items:center;gap:10px;background:var(--g-700);color:#fff;font-weight:600;font-size:14.5px;padding:13px 28px;border-radius:999px;border:0;cursor:pointer;transition:background .15s,transform .15s}
.mop-btn:hover{background:var(--g-500)}
.mop-btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

/* search */
.mop-search{max-width:700px;margin:26px auto 0;position:relative}
.mop-search form{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow);padding:5px 5px 5px 20px;gap:12px}
.mop-search svg.s{width:18px;height:18px;stroke:#9ab0a3;fill:none;stroke-width:2;flex:none}
.mop-search input{flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:14px;padding:10px 0;color:var(--ink);min-width:0}
.mop-search input::placeholder{color:#9ab0a3}
.mop-search button{width:62px;height:40px;border:0;border-radius:999px;background:var(--g-600);cursor:pointer;display:grid;place-items:center}
.mop-search button:hover{background:var(--g-500)}
.mop-search button svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2.2;stroke-linecap:round}

/* section heads */
.mop-section{padding:30px 0 6px}
.mop-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.mop-head h2{margin:0;font-size:22px;font-weight:700;display:flex;align-items:center;gap:10px;color:#0f2b20}
.mop-head h2:after{content:"";width:22px;height:2px;background:var(--g-500);border-radius:2px;margin-left:2px}
.mop-head h2 svg{width:24px;height:24px}
.mop-head a{font-size:12.5px;font-weight:600;color:var(--g-500);display:flex;align-items:center;gap:6px}
.mop-head a svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.mop-head a:hover{color:var(--g-800)}

/* categories */
.mop-cats{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}
.mop-cat{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #edf4ef;padding:16px 6px 12px;text-align:center;font-size:11.5px;font-weight:600;color:#1d3a2d;transition:transform .15s,box-shadow .15s}
.mop-cat:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(10,58,40,.14)}
.mop-cat img{width:42px;height:42px;margin:0 auto 9px;object-fit:contain}

/* product grid + card */
.mop-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.mop-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #edf4ef;padding:10px 10px 12px;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}
.mop-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(10,58,40,.15)}
.mop-card .th{display:block;border-radius:10px;overflow:hidden;aspect-ratio:5/3;background:var(--mint-2)}
.mop-card .th img{width:100%;height:100%;object-fit:cover;background:var(--mint-2)}
.mop-card h3{margin:10px 2px 6px;font-size:13px;font-weight:500;line-height:1.35;color:#25392f;min-height:35px;font-family:'Poppins','Hind Siliguri',Arial,sans-serif}
.mop-rate{display:flex;align-items:center;gap:5px;margin:0 2px 8px;font-size:11.5px}
.mop-rate svg{width:13px;height:13px;fill:var(--star)}
.mop-rate b{font-weight:600;color:#25392f}.mop-rate span{color:#9aaca1}
.mop-buy{display:flex;align-items:center;justify-content:space-between;margin:auto 2px 0}
.mop-price{display:flex;align-items:baseline;gap:7px}
.mop-price b{font-size:17px;font-weight:700;color:#0f3a28}
.mop-price s{font-size:10.5px;color:#aebcb4}
.mop-add{width:34px;height:34px;border-radius:9px;background:var(--g-600);display:grid;place-items:center;border:0;cursor:pointer;flex:none}
.mop-add:hover{background:var(--g-400)}
.mop-add svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mop-more{text-align:center;margin:22px 0 4px}
.mop-more .mop-btn{background:#fff;color:var(--g-700);border:2px solid var(--g-600);padding:11px 30px}
.mop-more .mop-btn:hover{background:var(--g-600);color:#fff}

/* offers (v3.1): image left 70% · right 30% = % badge, name, price, buy button */
.mop-offers{display:grid;grid-template-columns:repeat(var(--oc,2),minmax(0,1fr));gap:18px}
.mop-offer{container-type:inline-size;position:relative;display:block;aspect-ratio:16/9;background:#0b3a28;border:1px solid #dcebe2;border-radius:18px;overflow:hidden;box-shadow:0 10px 26px rgba(10,58,40,.09);transition:transform .2s,box-shadow .2s}
.mop-offer:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(10,58,40,.15)}
.mop-offer .im{position:absolute;inset:0;display:block;overflow:hidden;line-height:0}
.mop-offer .im img{display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:0}
.mop-offer .side{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0;padding:10px 10px 12px;position:absolute;top:0;right:0;bottom:0;width:30%;background:linear-gradient(90deg,rgba(6,38,26,0),rgba(6,38,26,.72) 28%,rgba(6,38,26,.9))}
.mop-offer .mop-badge{position:static;align-self:flex-end;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:auto;height:auto;min-width:46px;padding:5px 8px;border-radius:12px;background:linear-gradient(135deg,#ff9f1a,#ff6a00);border:0;color:#fff;line-height:1;box-shadow:0 4px 10px rgba(255,106,0,.35)}
.mop-offer .mop-badge b{font-size:15px;font-weight:800}
.mop-offer .mop-badge small{font-size:9px;font-weight:700;letter-spacing:.06em}
.mop-offer .t{margin:0;font-family:'Poppins','Hind Siliguri',Arial,sans-serif;font-weight:700;font-size:14px;line-height:1.3;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.mop-offer .t a{color:inherit;text-decoration:none}
.mop-offer .p{display:flex;flex-direction:column;align-items:flex-end;gap:1px;margin:0;text-align:right}
.mop-offer .p s{order:1;font-size:13px;line-height:1.1;color:rgba(255,255,255,.72)}
.mop-offer .p b{order:2;font-size:24px;font-weight:800;line-height:1.1;color:#7dffb8;letter-spacing:-.01em}
.mop-offer .go{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 6px;border-radius:999px;background:#14804f;color:#fff;font-size:12px;font-weight:700;line-height:1.1;text-align:center;text-decoration:none;white-space:nowrap;transition:background .15s}
.mop-offer .go:hover{background:#0e6b43;color:#fff}
.mop-offer .go svg{width:11px;height:11px;flex:none;stroke:currentColor;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
@container (max-width:520px){
  .mop-offer .side{gap:6px;padding:8px 8px 10px}
  .mop-offer .t{font-size:clamp(10.5px,3.3cqw,13px)}
  .mop-offer .p b{font-size:clamp(16px,5.6cqw,22px)}
  .mop-offer .p s{font-size:clamp(10.5px,3.2cqw,13px)}
  .mop-offer .mop-badge{min-width:0;padding:4px 6px;border-radius:10px}
  .mop-offer .mop-badge b{font-size:clamp(11px,3.5cqw,14px)}
  .mop-offer .go{padding:7px 4px;font-size:clamp(9.5px,2.9cqw,12px);gap:3px}
  .mop-offer .go svg{display:none}
}
/* trust strip */
.mop-trust{background:linear-gradient(100deg,#0a3a28,#06251a);color:#fff;margin-top:34px;position:relative;overflow:hidden}
.mop-trust .mop-container{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:100px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
.mop-trust .brand{display:flex;align-items:center;gap:12px}
.mop-trust .brand img{width:46px;height:46px}
.mop-trust .brand small{display:block;font-size:9px;opacity:.7;font-family:'Poppins',Arial,sans-serif;font-weight:600}
.mop-trust .brand b{display:block;font-size:20px;color:var(--g-300);line-height:1.2}
.mop-trust .brand span{font-size:12.5px;color:#cfe9db}
.mop-trust ul{display:flex;gap:30px;align-items:center;padding-left:28px;border-left:1px solid rgba(255,255,255,.12)}
.mop-trust li{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.3}
.mop-trust li img{width:38px;height:38px}
.mop-trust li b{display:block;font-weight:600;font-family:'Poppins',Arial,sans-serif;font-size:12px}
.mop-trust li small{opacity:.7;font-size:11px}
.mop-trust .mop-btn{background:#27d57c;color:#05291a;padding:11px 26px;font-weight:700}
.mop-trust .mop-btn:hover{background:#4be08f}

/* footer */
.mop-footer{background:linear-gradient(#06231a,#041a13);color:#cfe6d9;font-size:13px}
.mop-fgrid{display:grid;grid-template-columns:1.35fr .8fr .8fr 1.25fr;gap:34px;padding:32px 0 26px}
.mop-fgrid h4{margin:0 0 12px;font-size:14px;color:#fff;font-weight:600}
.mop-fgrid li{margin-bottom:7px}
.mop-fgrid li a{opacity:.85}.mop-fgrid li a:hover{opacity:1;color:var(--g-300)}
.mop-fbrand .mop-logo b{color:#fff;font-size:16px}
.mop-fbrand .mop-logo small{color:#a6c6b6;font-weight:400;font-size:10px}
.mop-fbrand p{margin:12px 0 14px;line-height:1.7;opacity:.85;max-width:260px}
.mop-social{display:flex;gap:10px}
.mop-social a{width:30px;height:30px;border-radius:50%;background:#1fa463;display:grid;place-items:center;color:#fff}
.mop-social a:hover{background:var(--g-300);color:#04291a}
.mop-social svg{width:15px;height:15px;fill:currentColor}
.mop-fgrid p.n{margin:0 0 12px;opacity:.85}
.mop-news{display:flex;background:#fff;border-radius:9px;overflow:hidden;max-width:320px}
.mop-news input{flex:1;border:0;outline:0;padding:11px 12px;font:inherit;font-size:12.5px;min-width:0}
.mop-news button{width:44px;border:0;background:var(--g-500);cursor:pointer;display:grid;place-items:center}
.mop-news button svg{width:16px;height:16px;fill:#fff}
.mop-copy{border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 0 18px;font-size:11.5px;opacity:.9}
.mop-copy i{color:#ff4d4d;font-style:normal}

/* generic pages */
.mop-page{padding:40px 0 60px;min-height:50vh}
.mop-page h1{font-size:30px;margin:0 0 20px;color:#0f2b20}
.mop-page .woocommerce a.button,.mop-page .woocommerce button.button,.mop-page .woocommerce a.button.alt,.mop-page .woocommerce button.button.alt,.mop-page .woocommerce input.button{background:var(--g-600);color:#fff;border-radius:999px;font-family:var(--font);font-weight:600}
.mop-page .woocommerce a.button:hover,.mop-page .woocommerce button.button:hover{background:var(--g-400);color:#fff}
.mop-page .woocommerce ul.products li.product .price{color:var(--g-700);font-weight:700}


/* ================= sliders (hero / categories / products) ================= */
.mop-slider{position:relative;--gap:14px}
.mop-sl-track{display:flex;gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:4px 2px 14px;margin:0 -2px}
.mop-sl-track::-webkit-scrollbar{display:none}
.mop-sl-track.drag{scroll-snap-type:none;cursor:grabbing;user-select:none}
.mop-sl-item{flex:0 0 auto;scroll-snap-align:start;min-width:0}
.mop-sl-btn{position:absolute;top:calc(50% - 20px);z-index:5;width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:var(--g-700);box-shadow:0 4px 16px rgba(10,58,40,.22);display:grid;place-items:center;cursor:pointer;transition:opacity .15s,background .15s}
.mop-sl-btn:hover{background:var(--g-600);color:#fff}
.mop-sl-btn:disabled{opacity:0;pointer-events:none}
.mop-sl-btn .ic{width:20px;height:20px}
.mop-sl-btn.prev{left:-14px}.mop-sl-btn.next{right:-14px}
.mop-slider.no-scroll .mop-sl-btn{display:none}
/* cards: 5 per view */
.mop-slider.is-cards .mop-sl-item{flex-basis:calc((100% - 4*var(--gap))/5)}
.mop-slider.is-cards .mop-card{height:100%}
/* categories: 8 per view */
.mop-slider.is-cats{--gap:12px}
.mop-slider.is-cats .mop-sl-item{flex-basis:calc((100% - 7*var(--gap))/8)}
.mop-slider.is-cats .mop-sl-track{padding-top:6px}
.mop-cat{display:block;height:100%}

/* hero slider – full width, image + one button only */
.mop-hero{position:relative;background:var(--mint-2)}
.mop-slider.is-hero{--gap:0px}
.mop-slider.is-hero .mop-sl-track{padding:0;margin:0}
.mop-slider.is-hero .mop-sl-item{flex-basis:100%;position:relative;aspect-ratio:1600/560;max-height:560px;min-height:240px;overflow:hidden}
.mop-slide{background:#e9f4ee}
.mop-slide:before{content:"";position:absolute;inset:-30px;background:var(--bg) center/cover no-repeat;filter:blur(28px) saturate(1.1);transform:scale(1.05)}
.mop-slide picture,.mop-slide img{display:block;width:100%;height:100%;position:relative;z-index:1}
.mop-slide img{object-fit:contain;object-position:center}
.mop-hero.fit-cover .mop-slide:before{display:none}
.mop-hero.fit-cover .mop-slide img{object-fit:cover}
.mop-slide-btn{position:absolute;left:max(24px,calc((100% - 1104px)/2));bottom:12%;z-index:3;box-shadow:0 8px 22px rgba(8,42,29,.28)}
.mop-slider.is-hero .mop-sl-btn.prev{left:14px}.mop-slider.is-hero .mop-sl-btn.next{right:14px}
.mop-slider.is-hero .mop-sl-btn{opacity:.9}
.mop-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:8px;z-index:6;pointer-events:none}
.mop-dots button{pointer-events:auto;width:9px;height:9px;padding:0;border-radius:50%;border:0;background:rgba(8,42,29,.28);cursor:pointer;transition:width .2s,background .2s}
.mop-dots button.on{width:26px;border-radius:6px;background:var(--g-600)}

/* card extras */
.mop-card .th{position:relative}
.mop-off{position:absolute;left:8px;top:8px;background:#ff4d4d;color:#fff;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:99px;line-height:1.5}
.mop-new{font-size:11px;font-weight:600;color:var(--g-500);background:var(--mint-2);padding:1px 8px;border-radius:99px}
.mop-empty{color:var(--muted);padding:12px 2px}

/* ================= generic page / WooCommerce skin ================= */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin:0 0 24px;padding:0;list-style:none}
.woocommerce ul.products:before,.woocommerce ul.products:after{display:none}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:auto;float:none;margin:0;padding:0}
.woocommerce .woocommerce-ordering select,.woocommerce .woocommerce-result-count{font-size:13px}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{border-radius:8px}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--g-600);color:#fff}
.mop-crumb,.woocommerce-breadcrumb{font-size:12.5px;color:var(--muted);margin:0 0 16px}
.mop-crumb a:hover,.woocommerce-breadcrumb a:hover{color:var(--g-500)}
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce #respond input#submit.alt{background:var(--g-600);color:#fff;border-radius:999px}
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:var(--g-500);color:#fff}
.woocommerce-message,.woocommerce-info{border-top-color:var(--g-500)}
.woocommerce-message:before,.woocommerce-info:before{color:var(--g-500)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{padding:11px 13px;border:1px solid var(--line);border-radius:10px;font-family:var(--font)}
.woocommerce #payment{background:var(--mint);border-radius:var(--radius)}
.woocommerce #payment div.payment_box{background:#fff}
.woocommerce-checkout #place_order{width:100%;padding:15px;font-size:16px;border-radius:999px;background:var(--g-600);color:#fff}
.woocommerce-checkout #place_order:hover{background:var(--g-500)}

/* ================= single product page ================= */
.mop-pd{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px;align-items:start;background:#fff;border:1px solid #edf4ef;border-radius:18px;box-shadow:var(--shadow);padding:26px}
.mop-pd-gallery .woocommerce-product-gallery{width:100%!important;float:none!important;margin:0!important;position:relative}
.mop-pd-gallery .woocommerce-product-gallery__wrapper{margin:0}
.mop-pd-gallery .woocommerce-product-gallery__image img,.mop-pd-gallery .flex-viewport img{border-radius:14px;width:100%}
.mop-pd-gallery .flex-control-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:10px 0 0;padding:0;list-style:none}
.mop-pd-gallery .flex-control-thumbs li{width:auto!important;float:none!important}
.mop-pd-gallery .flex-control-thumbs img{border-radius:9px;opacity:.65;cursor:pointer;border:2px solid transparent}
.mop-pd-gallery .flex-control-thumbs img.flex-active,.mop-pd-gallery .flex-control-thumbs img:hover{opacity:1;border-color:var(--g-400)}
.mop-pd-gallery .onsale{display:none}
.mop-pd-cats a{display:inline-block;font-size:11.5px;font-weight:600;color:var(--g-600);background:var(--mint-2);padding:3px 11px;border-radius:99px;margin:0 6px 8px 0}
.mop-pd h1.product_title{font-size:28px;line-height:1.3;margin:0 0 10px;color:#0f2b20}
.mop-pd-rate{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;font-size:13px;color:var(--muted)}
.mop-pd-rate .star-rating{margin:0;float:none;color:var(--star)}
.mop-chip{display:inline-flex;align-items:center;gap:6px;background:var(--mint-2);color:var(--g-700);font-weight:600;font-size:12px;padding:3px 11px;border-radius:99px}
.mop-chip .ic{width:14px;height:14px}
.mop-pd-price{display:flex;align-items:center;gap:12px;margin:4px 0 14px}
.mop-pd-price .price{font-size:30px;font-weight:800;color:var(--g-800);margin:0;display:flex;align-items:baseline;gap:10px;flex-direction:row-reverse;justify-content:flex-end}
.mop-pd-price .price del{font-size:17px;font-weight:500;color:#9fb1a7;opacity:1}
.mop-pd-price .price ins{text-decoration:none}
.mop-pd-off{background:#ff4d4d;color:#fff;font-weight:700;font-size:13px;padding:3px 11px;border-radius:99px}
.mop-pd-short{color:#2c4a3c;font-size:14.5px;line-height:1.75;margin-bottom:16px}
.mop-pd-short ul{margin:0;padding-left:20px;list-style:disc}
.mop-pd-buy form.cart{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;margin:0 0 18px}
.mop-pd-buy .variations{width:100%;margin:0 0 6px}
.mop-pd-buy .variations th,.mop-pd-buy .variations td{display:block;text-align:left;padding:0 0 6px}
.mop-pd-buy .variations select{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;font-family:var(--font)}
.mop-pd-buy .woocommerce-variation-add-to-cart{display:flex;gap:12px;flex-wrap:wrap;width:100%}
.mop-pd-buy .woocommerce-variation-price .price{font-size:22px;font-weight:700;color:var(--g-800)}
.mop-pd-buy .single_add_to_cart_button,.mop-pd-buy .mop-buynow{flex:1 1 180px;min-height:52px;padding:0 24px;border-radius:999px;font-family:var(--font);font-size:16px;font-weight:700;cursor:pointer;margin:0;line-height:1.2}
.mop-pd-buy .single_add_to_cart_button{background:#fff!important;color:var(--g-700)!important;border:2px solid var(--g-600)!important}
.mop-pd-buy .single_add_to_cart_button:hover{background:var(--mint-2)!important}
.mop-pd-buy .mop-buynow{background:var(--g-600)!important;color:#fff!important;border:2px solid var(--g-600)!important;box-shadow:0 8px 20px rgba(14,107,67,.3)}
.mop-pd-buy .mop-buynow:hover{background:var(--g-500)!important;border-color:var(--g-500)!important}
.mop-pd-feats{display:grid;gap:10px;margin:0 0 12px;padding:16px;background:var(--mint);border-radius:14px}
.mop-pd-feats li{display:flex;align-items:center;gap:12px;font-size:13.5px;font-weight:500;color:#1d3a2d}
.mop-pd-feats .ic{width:22px;height:22px;color:var(--g-500);flex:none}
.mop-pd-sku{font-size:12px;color:#9aaca1}
.mop-pd-tabs{margin-top:26px;background:#fff;border:1px solid #edf4ef;border-radius:18px;box-shadow:var(--shadow);padding:8px 26px 26px}
.mop-pd-tabs .woocommerce-tabs ul.tabs{padding:0;margin:0 0 18px;border-bottom:1px solid var(--line);display:flex;gap:6px;overflow:hidden}
.mop-pd-tabs .woocommerce-tabs ul.tabs:before,.mop-pd-tabs .woocommerce-tabs ul.tabs li:before,.mop-pd-tabs .woocommerce-tabs ul.tabs li:after{display:none}
.mop-pd-tabs .woocommerce-tabs ul.tabs li{border:0;background:transparent;border-radius:0;margin:0;padding:0}
.mop-pd-tabs .woocommerce-tabs ul.tabs li a{padding:14px 16px;font-weight:700;color:var(--muted);font-family:var(--font)}
.mop-pd-tabs .woocommerce-tabs ul.tabs li.active{border-bottom:3px solid var(--g-500)}
.mop-pd-tabs .woocommerce-tabs ul.tabs li.active a{color:var(--g-800)}
.mop-pd-tabs .woocommerce-Tabs-panel h2:first-child{display:none}
.mop-pd-tabs .woocommerce-Tabs-panel{line-height:1.8;color:#2c4a3c}
.mop-pd-related{margin-top:10px}
.mop-pd-related section.related>h2,.mop-pd-related section.up-sells>h2{font-size:22px;margin:30px 0 16px;color:#0f2b20}
.mop-stickybuy{display:none}
/* home offers slider (v3.1.3) */
.mop-slider.is-offers{--gap:18px}
.mop-slider.is-offers .mop-sl-item{flex:0 0 calc((100% - (var(--oc,2) - 1)*var(--gap))/var(--oc,2))}
.mop-slider.is-offers .mop-offer{width:100%}
.mop-slider.is-offers .mop-offer:hover{transform:none}
@media (max-width:768px){.mop-slider.is-offers{--gap:10px}.mop-slider.is-offers .mop-sl-item{flex-basis:92%}.mop-slider.is-offers .mop-sl-btn{display:none}}
/* ================= tablet & small desktop (layout stays the same as desktop) ================= */
@media (max-width:1020px){
  .mop-header .mop-container{gap:16px}
  .mop-nav a{padding:9px 11px;font-size:15.5px}
  .mop-slider.is-cats .mop-sl-item{flex-basis:calc((100% - 5*var(--gap))/6)}
  .mop-slider.is-cards .mop-sl-item{flex-basis:calc((100% - 2*var(--gap))/3)}
  .mop-grid,.woocommerce ul.products{grid-template-columns:repeat(3,1fr)}
  .mop-fgrid{grid-template-columns:1fr 1fr}
  .mop-trust ul{border:0;padding:0;gap:20px}
  .mop-pd{gap:24px;padding:20px}
  .mop-sl-btn.prev{left:-6px}.mop-sl-btn.next{right:-6px}
}
@media (max-width:860px) and (min-width:768px){
  .mop-logo small{display:none}
}

/* ================= MOBILE (<768px) – separate app-style layout ================= */
.mop-bottomnav,.mop-burger,.mop-sheet{display:none}
@media (max-width:767px){
  html.mop-lock{overflow:hidden}
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
  .mop-container{padding:0 14px}

  /* compact top: only brand, search, (cart is in bottom bar) */
  .mop-header .mop-container{min-height:58px;gap:8px}
  .mop-logo img{width:38px;height:38px}
  .mop-logo b{font-size:15px}
  .mop-logo small{font-size:9.5px}
  .mop-logo.has-custom img{width:auto;height:38px}
  .mop-nav{display:none}
  .mop-header .mop-cart{display:none}
  .mop-burger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;margin-left:auto;width:44px;height:44px;border:0;border-radius:12px;background:var(--mint-2);cursor:pointer;padding:0}
  .mop-burger span{display:block;width:22px;height:2.5px;border-radius:2px;background:var(--g-800)}

  /* hero slider */
  .mop-slider.is-hero .mop-sl-item{aspect-ratio:8/7;max-height:none;min-height:0}
  .mop-slider.is-hero .mop-sl-btn{display:none}
  .mop-slide-btn{left:50%;transform:translateX(-50%);bottom:34px;padding:11px 24px;font-size:14px;white-space:nowrap}
  .mop-dots{bottom:12px}

  .mop-search{margin-top:14px}
  .mop-section{padding:20px 0 2px}
  .mop-head h2{font-size:18px}
  .mop-head h2:after{display:none}

  /* sliders become swipe rows */
  .mop-sl-btn{display:none}
  .mop-sl-track{padding-bottom:10px}
  .mop-slider.is-cats{--gap:8px}
  .mop-slider.is-cats .mop-sl-item{flex-basis:calc((100% - 3*var(--gap) - 18px)/4)}
  .mop-cat{font-size:10.5px;padding:11px 2px 9px}.mop-cat img{width:34px;height:34px;margin-bottom:6px}
  .mop-slider.is-cards{--gap:10px}
  .mop-slider.is-cards .mop-sl-item{flex-basis:calc((100% - var(--gap) - 36px)/2)}
  .mop-grid,.woocommerce ul.products{grid-template-columns:repeat(2,1fr);gap:10px}
  .mop-card h3{font-size:12px;min-height:32px}.mop-price b{font-size:15px}
  .mop-add{width:32px;height:32px}
  /* offers: swipe row */
  .mop-offers{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;scrollbar-width:none;padding-bottom:6px}
  .mop-offers::-webkit-scrollbar{display:none}
  .mop-offer{flex:0 0 92%;scroll-snap-align:start}

  /* trust + footer */
  .mop-trust .mop-container{flex-direction:column;align-items:flex-start}
  .mop-trust ul{flex-wrap:wrap;gap:14px}
  .mop-fgrid{grid-template-columns:1fr 1fr;gap:22px}
  .mop-fbrand,.mop-fgrid>div:last-child{grid-column:1/-1}
  .mop-copy{flex-direction:column;gap:4px}

  /* ------- bottom icon navigation ------- */
  .mop-bottomnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:90;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 22px rgba(10,58,40,.1);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .mop-bottomnav a,.mop-bottomnav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:0;padding:4px 0;font:inherit;font-size:10.5px;font-weight:600;color:#6b8377;cursor:pointer;position:relative}
  .mop-bottomnav .ic{width:23px;height:23px}
  .mop-bottomnav .on{color:var(--g-600)}
  .mop-bottomnav .on .ic{stroke-width:2.3}
  .mop-bottomnav .on:before{content:"";position:absolute;top:-7px;width:26px;height:3px;border-radius:0 0 4px 4px;background:var(--g-500)}
  .mop-bottomnav .ci{position:relative;display:block;line-height:0}
  .mop-bottomnav em{position:absolute;top:-6px;right:-9px;min-width:17px;height:17px;border-radius:9px;background:#ff4d4d;color:#fff;font-style:normal;font-size:10px;font-weight:700;display:grid;place-items:center;padding:0 4px;line-height:1}

  /* category / menu sheet */
  .mop-sheet:not([hidden]){display:block;position:fixed;inset:0;z-index:120}
  .mop-sheet-bg{position:absolute;inset:0;background:rgba(5,30,20,.55)}
  .mop-sheet-box{position:absolute;left:0;right:0;bottom:0;max-height:78vh;overflow:auto;background:#fff;border-radius:22px 22px 0 0;padding:16px 16px calc(24px + env(safe-area-inset-bottom));animation:mopUp .22s ease-out}
  @keyframes mopUp{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
  .mop-sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:17px}
  .mop-sheet-head button{width:34px;height:34px;border-radius:50%;border:0;background:var(--mint-2);color:var(--g-800);display:grid;place-items:center}
  .mop-sheet-head .ic{width:18px;height:18px}
  .mop-sheet-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  .mop-sheet-cats a{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:11.5px;font-weight:600;background:var(--mint);border-radius:12px;padding:12px 4px}
  .mop-sheet-cats img{width:36px;height:36px}
  .mop-sheet-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
  .mop-sheet-links a{padding:8px 14px;border-radius:99px;background:var(--mint-2);font-size:13px;font-weight:600;color:var(--g-800)}

  /* product page */
  .mop-page{padding:18px 0 40px}
  .mop-pd{grid-template-columns:1fr;gap:18px;padding:14px;border-radius:16px}
  .mop-pd h1.product_title{font-size:21px}
  .mop-pd-price .price{font-size:26px}
  .mop-pd-tabs{padding:4px 14px 18px;border-radius:16px}
  .mop-pd-tabs .woocommerce-tabs ul.tabs{overflow-x:auto}
  .mop-stickybuy{display:flex;align-items:center;gap:10px;position:fixed;left:0;right:0;bottom:calc(60px + env(safe-area-inset-bottom));z-index:85;background:#fff;border-top:1px solid var(--line);padding:9px 14px;box-shadow:0 -4px 16px rgba(10,58,40,.08)}
  .mop-stickybuy .pr{flex:1;font-weight:800;color:var(--g-800);font-size:18px;line-height:1.1}
  .mop-stickybuy .pr del{display:block;font-size:11px;font-weight:500;color:#9fb1a7}
  .mop-stickybuy .pr ins{text-decoration:none}
  .mop-sb-cart{width:44px;height:44px;border-radius:50%;border:2px solid var(--g-600);display:grid;place-items:center;flex:none}
  .mop-sb-cart svg{width:21px;height:21px;stroke:var(--g-700);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .mop-sb-buy{padding:12px 22px}
  body.mop-single-product{padding-bottom:calc(130px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important;animation:none!important}}

/* ================= v2.1 ================= */
/* offer ticker – scrolls right to left */
.mop-marquee{background:linear-gradient(90deg,#ff7a1a,#ffa012 50%,#ff7a1a);color:#2b1400;overflow:hidden;white-space:nowrap;font-size:14.5px;font-weight:700;position:relative;z-index:60}
.mop-marquee .mq-track{display:flex;width:max-content;animation:mopMarq var(--mq,40s) linear infinite;will-change:transform}
.mop-marquee:hover .mq-track{animation-play-state:paused}
.mq-group{display:flex;flex:none}
.mq-item{padding:9px 34px;position:relative}
.mq-item:after{content:"";position:absolute;right:-3px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:rgba(43,20,0,.45)}
.mq-item a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@keyframes mopMarq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* product page: Buy Now first, optional Add to Cart, optional quantity above Buy Now */
.mop-pd:not(.mop-show-cart) .single_add_to_cart_button{display:none!important}
.mop-pd-buy form.cart .quantity{flex:1 1 100%;display:flex;align-items:center;gap:12px;margin:0}
.mop-pd-buy form.cart .quantity:before{content:"পরিমাণ";font-weight:600;color:#2c4a3c;font-size:14px}
.mop-pd-buy form.cart .quantity input.qty{width:90px;height:46px;border:1px solid var(--line);border-radius:12px;text-align:center;font:inherit;font-size:16px;font-weight:700;background:#fff}
.mop-pd-buy .woocommerce-variation-add-to-cart .quantity{flex:1 1 100%}
.mop-pd .onsale,.mop-pd-gallery .onsale{display:none!important}
.mop-pd-buy .mop-buynow.disabled,.mop-pd-buy .mop-buynow:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.mop-pd-buy .mop-buynow{flex:1 1 100%}
.mop-pd-buy.x,.mop-pd.mop-show-cart .mop-buynow{flex:1 1 180px}
.mop-pd-rate .mop-sold{display:inline-flex;align-items:center;gap:5px;color:#c2410c;font-weight:700;font-size:13px}
.mop-pd-rate .mop-sold .ic{width:15px;height:15px;stroke:#ff7a1a}
.mop-pd .woocommerce-product-details__short-description,.mop-pd-short{margin-bottom:18px}
.mop-pd-info .product_meta{display:none}

/* card: sold count on the right of rating row */
.mop-rate{flex-wrap:wrap}
.mop-rate .sold{margin-left:auto;font-style:normal;font-size:10.5px;font-weight:600;color:#c2410c;background:#fff1e6;padding:1px 7px;border-radius:99px;white-space:nowrap}

@media (max-width:767px){
  .mop-marquee{font-size:13px}.mq-item{padding:7px 24px}
  .mop-pd-buy form.cart{display:flex}
  .mop-pd.mop-simple-nq .mop-pd-buy form.cart{display:none}
  .mop-pd-buy .variations_form.cart{display:flex}
  .mop-header .mop-container{min-height:58px}
  .mop-rate .sold{font-size:9.5px;padding:1px 5px}
}
@media (max-width:767px){.mop-slide:before{background-image:var(--bgm)}}

/* auto-scrolling sliders (categories / best selling) */
.mop-slider.is-auto .mop-sl-track{scroll-snap-type:none!important;scroll-behavior:auto}
.mop-slider.is-auto .mop-sl-item{scroll-snap-align:none}

/* ======================================================================
   v2.2
   ====================================================================== */

/* ---- header: logo | menu centred in the free space | cart ---- */
.mop-header .mop-container{gap:20px}
.mop-nav .mop-menu{justify-content:center}
.mop-cart{margin-left:0}

/* ---- keep theme colours even when Elementor / global kit colours the links & headings ---- */
body .mop-btn,body .mop-btn:hover,body .mop-btn:visited,body .mop-slide-btn{color:#fff!important}
body .mop-more .mop-btn{color:var(--g-700)!important}
body .mop-more .mop-btn:hover{color:#fff!important}
body .mop-trust .mop-btn{color:#05291a!important}
body .mop-head h2{color:#0f2b20!important}
body .mop-head a{color:var(--g-500)!important}
body .mop-head a:hover{color:var(--g-800)!important}
body .mop-card h3,body .mop-card h3 a{color:#25392f!important}
body .mop-card .mop-price b{color:#0f3a28!important}
body a.mop-cat,body .mop-cat{color:#1d3a2d!important}
body .mop-nav a{color:#17372a!important}
body .mop-nav li.current>a,body .mop-nav li.current-menu-item>a,body .mop-nav li.current-menu-ancestor>a{color:#fff!important}
body .mop-logo b{color:#0f2b20!important}
body .mop-bottomnav a,body .mop-bottomnav button{color:#6b8377!important}
body .mop-bottomnav .on{color:var(--g-600)!important}
body .mop-offer .t,body .mop-offer .t a{color:#fff!important}
body .mop-offer .p b{color:#7dffb8!important}
body .mop-offer .p s{color:rgba(255,255,255,.72)!important}
body .mop-offer .go,body .mop-offer .mop-badge,body .mop-offer .mop-badge b,body .mop-offer .mop-badge small{color:#fff!important}
body .mop-marquee,body .mop-marquee a{color:#2b1400!important}
body .mop-trust,body .mop-trust b,body .mop-trust span,body .mop-trust small{color:#fff!important}
body .mop-trust .brand b{color:var(--g-300)!important}
body .mop-page h1.product_title{color:#0f2b20!important}

/* ---- product card: New / sold labels, added-to-cart + "View cart" ---- */
.mop-rate .mop-new{font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--g-600);background:var(--mint-2)}
.mop-rate .sold{font-family:'Poppins',Arial,sans-serif}
.mop-buy{flex-wrap:wrap;row-gap:10px}
.mop-add.loading{opacity:.55;pointer-events:none}
.mop-add.added{background:var(--g-400)}
.mop-add.added svg{display:none}
.mop-add.added:after{content:"";width:15px;height:8px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(-45deg) translate(1px,-2px)}
body .mop-buy a.added_to_cart{flex:1 1 100%;order:9;display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:9px 12px;border-radius:11px;background:linear-gradient(135deg,var(--g-600),var(--g-400));color:#fff!important;font-family:'Poppins',Arial,sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.2px;box-shadow:0 6px 16px rgba(14,107,67,.28);transition:transform .15s,box-shadow .15s}
body .mop-buy a.added_to_cart:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(14,107,67,.35)}
.mop-buy a.added_to_cart:after{content:"\2192";font-size:15px;line-height:1}

/* ---- product page, reference layout ---- */
.mop-pd h1.product_title{font-size:32px;font-weight:800;line-height:1.2;margin:0 0 12px}
.mop-pd-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin:0 0 16px;font-size:14px;color:var(--muted)}
.mop-pd-meta .m em{font-style:normal;font-weight:600;margin-right:8px}
.mop-pd-meta code{background:var(--mint-2);padding:4px 13px;border-radius:99px;font-size:12.5px;color:#2c4a3c;letter-spacing:.4px;font-family:inherit}
body .mop-pd-meta a{color:var(--g-600)!important;font-weight:700}
.mop-pd-price .price{font-size:34px}
.mop-pd-rate{margin-bottom:18px}
.mop-pd-rate .woocommerce-review-link{color:var(--muted)!important;font-weight:600}
.mop-pd-buy table.variations{border:0;margin:0 0 4px;width:100%}
.mop-pd-buy table.variations tr{display:block;margin-bottom:14px}
.mop-pd-buy table.variations th.label,.mop-pd-buy table.variations td.label{display:block;padding:0 0 9px;text-align:left}
.mop-pd-buy table.variations td.value{display:block;padding:0}
.mop-pd-buy table.variations label{font-size:13px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;color:#2c4a3c}
.mop-pd-buy .mop-pills{display:flex;flex-wrap:wrap;gap:10px}
.mop-pd-buy .mop-pills button{padding:11px 22px;border-radius:99px;border:1.5px solid var(--line);background:#fff;font-family:var(--font);font-size:14.5px;font-weight:700;color:#0f2b20;cursor:pointer;transition:all .15s;line-height:1.2}
.mop-pd-buy .mop-pills button:hover{border-color:var(--g-400)}
.mop-pd-buy .mop-pills button.on{background:var(--g-800);border-color:var(--g-800);color:#fff;box-shadow:0 0 0 4px rgba(31,164,99,.22)}
.mop-pd-buy .mop-pills button:disabled{opacity:.4;text-decoration:line-through;cursor:not-allowed}
.mop-hidden,.mop-pd-buy .reset_variations{display:none!important}
.mop-pd-buy .woocommerce-variation-description,.mop-pd-buy p.stock,.mop-pd-buy .woocommerce-variation-availability{display:none}
.mop-pd-buy .woocommerce-variation-price .price{font-size:22px;font-weight:800;color:var(--g-800)}
.mop-pd-lines{margin:2px 0 6px;font-size:15.5px;color:#334a3f;line-height:1.9}
.mop-pd-lines b{color:#0f2b20;font-weight:700}
.mop-stockrow{display:flex;align-items:center;gap:10px;flex:1 1 100%;margin:6px 0 14px;font-size:15px;font-weight:600}
.mop-stockrow .stk{display:inline-flex;align-items:center;gap:8px}
.mop-stockrow .stk i{width:11px;height:11px;border-radius:50%;background:currentColor;display:block}
.mop-stockrow .stk.in{color:#12a05f}.mop-stockrow .stk.out{color:#e11d48}
.mop-stockrow .dot{color:#9fb1a7}
.mop-stockrow .vw{display:inline-flex;align-items:center;gap:7px;color:#334a3f}
.mop-stockrow .vw .ic{width:19px;height:19px}
.mop-pd-buy form.cart .quantity{display:block;flex:1 1 100%;margin:0 0 4px}
.mop-pd-buy form.cart .quantity:before{content:"QUANTITY";display:block;margin-bottom:9px;font-size:13px;font-weight:800;letter-spacing:.9px;color:#2c4a3c}
.mop-stepper{display:inline-flex;align-items:stretch;border:1.5px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.mop-pd-buy .mop-stepper button{width:54px;border:0;background:#fff;font-size:24px;line-height:1;color:#2c4a3c;cursor:pointer;padding:0}
.mop-pd-buy .mop-stepper button:hover{background:var(--mint-2)}
.mop-pd-buy .mop-stepper input.qty{width:64px;height:54px;border:0;border-left:1.5px solid var(--line);border-right:1.5px solid var(--line);border-radius:0;text-align:center;font-size:18px;font-weight:800;color:#0f2b20;background:#fff;-moz-appearance:textfield;padding:0}
.mop-stepper input.qty::-webkit-outer-spin-button,.mop-stepper input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.mop-pd-buy .mop-buynow{flex:1 1 100%;min-height:56px;font-size:17px}
.mop-pd.mop-show-cart .single_add_to_cart_button{flex:1 1 100%}
.mop-pd-short{margin:6px 0 16px}

/* ---- reviews ---- */
.mop-pd-tabs #reviews #comments>h2{font-size:20px;margin:0 0 6px}
.mop-rev-bar{margin:8px 0 6px}
.mop-rev-bar label{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--muted);font-weight:600}
.mop-rev-bar select{border:1.5px solid var(--line);border-radius:12px;padding:10px 38px 10px 16px;font:inherit;font-weight:600;background:#fff;color:#0f2b20}
#reviews #comments ol.commentlist{list-style:none;margin:0;padding:0}
#reviews #comments ol.commentlist li{padding:22px 0;border-bottom:1px solid var(--line);margin:0;list-style:none}
#reviews #comments ol.commentlist li .comment_container{display:grid;grid-template-columns:54px auto auto 1fr;column-gap:12px;row-gap:12px;align-items:center}
#reviews #comments ol.commentlist li .comment-text{display:contents;margin:0!important;border:0!important;padding:0!important}
#reviews #comments ol.commentlist li .comment-text .star-rating{grid-column:1/4;grid-row:1;float:none;margin:0;font-size:19px;color:var(--g-500)}
#reviews #comments ol.commentlist li .comment-text p.meta{display:contents}
#reviews #comments ol.commentlist li .woocommerce-review__published-date{grid-column:4;grid-row:1;justify-self:end;color:var(--muted);font-size:14px}
#reviews #comments ol.commentlist li img.avatar{position:static!important;float:none;grid-column:1;grid-row:2;width:54px;height:54px;padding:11px;border-radius:50%;background:var(--mint);border:1px solid var(--line);margin:0}
#reviews #comments ol.commentlist li .woocommerce-review__author{grid-column:2;grid-row:2;font-size:17px;font-weight:800;color:#0f2b20}
#reviews #comments ol.commentlist li .woocommerce-review__verified{grid-column:3;grid-row:2;font-size:0;font-style:normal;line-height:0}
#reviews #comments ol.commentlist li .woocommerce-review__verified:after{content:"Verified";display:inline-block;background:var(--g-600);color:#fff;font-size:12.5px;font-weight:700;padding:5px 13px;border-radius:99px;line-height:1.2}
#reviews #comments ol.commentlist li .woocommerce-review__dash{display:none}
#reviews #comments ol.commentlist li .description{grid-column:1/-1;grid-row:3;font-size:16px;line-height:1.7;color:#25392f}
#reviews #comments ol.commentlist li .description p{margin:0}
.mop-rev-write{margin:18px 0 4px}
#review_form_wrapper.is-collapsed{display:none}
#review_form #respond{margin-top:12px}
#review_form #respond .comment-reply-title{font-size:18px;font-weight:800;display:block;margin-bottom:10px}
#review_form #respond input[type=text],#review_form #respond input[type=email],#review_form #respond textarea{width:100%;border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;font:inherit}
#review_form #respond .form-submit input#submit{background:var(--g-600);color:#fff;border:0;border-radius:99px;padding:13px 30px;font-weight:700;cursor:pointer}

/* ---- login / sign up ---- */
body.mop-auth .mop-page>.mop-container>article>h1,body.mop-auth .mop-page article>h1{display:none}
body.mop-auth .mop-page{padding:30px 0 70px;background:radial-gradient(700px 420px at 50% 0,rgba(75,224,143,.20),transparent 70%)}
.mop-authbox{max-width:520px;margin:0 auto;background:#fff;border:1px solid #e8f1ec;border-radius:30px;box-shadow:0 24px 70px rgba(10,58,40,.13);padding:26px 34px 34px;position:relative;overflow:hidden}
.mop-orbit{position:relative;width:320px;height:300px;margin:0 auto;overflow:hidden}
.mop-orbit .ring{position:absolute;left:50%;top:50%;border:1.5px solid rgba(20,128,79,.16);border-radius:50%;transform:translate(-50%,-50%);animation:mopSpin 50s linear infinite}
.mop-orbit .r1{width:260px;height:260px}
.mop-orbit .r2{width:156px;height:156px;animation-direction:reverse;border-style:dashed}
.mop-orbit .orb{position:absolute;left:50%;top:50%;width:48px;height:48px;margin:-24px 0 0 -24px;transform:rotate(var(--a)) translateY(calc(var(--r)*-1))}
.mop-orbit .orb i{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:#fff;box-shadow:0 6px 18px rgba(10,58,40,.16);border:1px solid #edf4ef;animation:mopSpinRev 50s linear infinite}
.mop-orbit .r2 .orb i{animation-direction:reverse}
.mop-orbit .orb.sm{width:42px;height:42px;margin:-21px 0 0 -21px}
.mop-orbit .orb img{width:26px;height:26px}
.mop-orbit .core{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:#fff;box-shadow:0 10px 30px rgba(10,58,40,.22),0 0 0 8px rgba(31,164,99,.10);display:grid;place-items:center;overflow:hidden;padding:12px}
.mop-orbit .core img{max-width:100%;max-height:100%;object-fit:contain}
@keyframes mopSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes mopSpinRev{from{transform:rotate(calc(var(--a)*-1))}to{transform:rotate(calc(var(--a)*-1 - 360deg))}}
.mop-authpill{display:flex;justify-content:center;margin:2px 0 22px;padding:12px;border-radius:99px;background:linear-gradient(180deg,#f3fbf7,#e4f4ec);border:1px solid #d5ebde}
.mop-authpill{font-weight:700;font-size:14.5px;color:var(--g-700);align-items:center;gap:10px}
.mop-authpill .dot{width:9px;height:9px;border-radius:50%;background:var(--g-500)}
.mop-authview{display:none}
.mop-authbox[data-mode=login] .mop-authview[data-view=login],.mop-authbox[data-mode=register] .mop-authview[data-view=register]{display:block}
.mop-authview h2{margin:0 0 6px;text-align:center;font-size:32px;font-weight:800;color:#0b1f17;font-family:'Poppins','Hind Siliguri',Arial,sans-serif}
.mop-authview .sub{text-align:center;margin:0 0 22px;color:#4b5f55;font-size:15.5px}
.mop-social-login{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:6px}
body .mop-social-login a{display:grid;place-items:center;padding:14px;border:1.5px solid var(--line);border-radius:99px;font-weight:700;font-size:14.5px;color:#0f2b20!important;background:#fff}
.mop-or{display:flex;align-items:center;gap:14px;margin:18px 0;color:var(--muted);font-weight:700;font-size:14px}
.mop-or:before,.mop-or:after{content:"";height:1px;background:var(--line);flex:1}
.mop-form label{display:block;margin:16px 0 8px;font-weight:700;font-size:15.5px;color:#0b1f17}
.mop-form input[type=text],.mop-form input[type=email],.mop-form input[type=tel],.mop-form input[type=password]{width:100%;padding:15px 20px;border:1.5px solid #dbe8e0;border-radius:99px;font:inherit;font-size:15.5px;background:#fff;color:#0b1f17;outline:0;transition:border-color .15s,box-shadow .15s;height:auto}
.mop-form input:focus{border-color:var(--g-400);box-shadow:0 0 0 4px rgba(31,164,99,.16)}
.mop-pass{position:relative}
.mop-pass input{padding-right:56px!important}
.mop-form .mop-pass button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:50%;background:transparent;color:#6b8377;cursor:pointer;display:grid;place-items:center;padding:0}
.mop-form .mop-pass button.on{color:var(--g-600)}
.mop-pass .ic{width:21px;height:21px}
.mop-formrow{display:flex;align-items:center;justify-content:space-between;margin:16px 0 20px;gap:12px}
.mop-form label.chk{display:flex;align-items:center;gap:10px;margin:0;font-weight:500;font-size:15px;color:#25392f;cursor:pointer}
.mop-form label.chk.terms{margin:18px 0 20px;align-items:flex-start}
.mop-form input[type=checkbox]{width:20px;height:20px;accent-color:var(--g-800);flex:none;margin:2px 0 0}
body .mop-form a,body .mop-authview a.forgot{color:#0b1f17!important;font-weight:700}
.mop-form .mop-submit{width:100%;justify-content:center;padding:17px;font-size:17px;border-radius:99px;background:#0d1b2a;box-shadow:0 12px 26px rgba(13,27,42,.25)}
.mop-form .mop-submit:hover{background:var(--g-700)}
.mop-authview .switch{text-align:center;margin:22px 0 0;color:#4b5f55;font-size:16px}
body .mop-authview .switch a{color:#0b1f17!important;font-weight:800}
.mop-form .woocommerce-privacy-policy-text{font-size:12.5px;color:var(--muted);margin:0 0 14px}
.woocommerce-notices-wrapper .woocommerce-error,.woocommerce-notices-wrapper .woocommerce-message{max-width:520px;margin-left:auto;margin-right:auto}

/* logged-in My Account */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-wrap:wrap;gap:8px}
.woocommerce-account .woocommerce-MyAccount-navigation a{display:block;padding:10px 18px;border-radius:99px;background:var(--mint-2);font-weight:700;color:var(--g-800)}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{background:var(--g-600);color:#fff}

/* ---- mobile-banking payment box at checkout ---- */
.mop-pm-desc{margin:0 0 12px}
.mop-pm-total{background:var(--mint-2);border-radius:12px;padding:11px 14px;margin-bottom:12px;font-weight:600}
.mop-pm-list{display:grid;gap:8px;margin-bottom:12px}
.mop-pm-item{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 14px;border:1.5px solid var(--line);border-radius:14px;background:#fff;cursor:pointer}
.mop-pm-item:has(input:checked){border-color:var(--g-500);box-shadow:0 0 0 3px rgba(31,164,99,.15)}
.mop-pm-item em{font-style:normal;font-size:12px;color:var(--muted)}
.mop-pm-item strong{margin-left:auto;font-size:16px;letter-spacing:.5px}
.mop-pm-thanks{background:var(--mint-2);border-radius:12px;padding:14px 16px;font-weight:600}

/* ---- footer (professional) ---- */
.mop-footer{background:radial-gradient(900px 400px at 85% -10%,rgba(31,164,99,.18),transparent 70%),linear-gradient(#06231a,#031610);position:relative}
.mop-footer:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--g-400),var(--g-300),var(--g-400),transparent)}
.mop-fgrid{grid-template-columns:1.5fr .9fr 1fr 1.3fr;gap:44px;padding:52px 0 34px}
body .mop-footer h4{color:#fff!important;font-size:16px;font-weight:700;margin:0 0 18px;padding-bottom:12px;position:relative;letter-spacing:.2px}
.mop-footer h4:after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;border-radius:3px;background:var(--g-300)}
body .mop-footer a{color:#d3eadc!important;opacity:1}
body .mop-footer a:hover{color:var(--g-300)!important}
.mop-fgrid li{margin-bottom:11px;font-size:14px}
.mop-fgrid li a{display:inline-block;transition:transform .15s}
.mop-fgrid li a:hover{transform:translateX(4px)}
body .mop-footer p,body .mop-footer span,body .mop-footer li{color:#cfe6d9}
.mop-fbrand p{max-width:330px;font-size:14px;line-height:1.8;margin:16px 0 20px}
.mop-flogo{display:inline-flex}
.mop-flogo img{height:auto;width:auto;max-width:230px;max-height:62px;object-fit:contain}
.mop-flogo.on-white{background:#fff;border-radius:14px;padding:10px 16px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.mop-social a{width:38px;height:38px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);transition:all .15s}
body .mop-footer .mop-social a{color:#fff!important}
.mop-social a:hover{background:var(--g-400);transform:translateY(-3px)}
body .mop-footer .mop-social a:hover{color:#04291a!important}
.mop-social svg{width:17px;height:17px}
.mop-fcontact li{display:flex;align-items:flex-start;gap:12px}
.mop-fcontact .ic{width:19px;height:19px;flex:none;color:var(--g-300);margin-top:2px}
.mop-fcontact a.mop-wa{display:inline-flex;align-items:center;gap:10px;margin-top:8px;padding:12px 20px;border-radius:99px;background:#1fd27a;color:#052b1a!important;font-weight:800;font-size:14px;box-shadow:0 10px 24px rgba(31,210,122,.25)}
body .mop-footer a.mop-wa:hover{color:#052b1a!important;transform:translateY(-2px)}
.mop-wa svg{width:20px;height:20px;fill:currentColor}
.mop-pay{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:22px 26px;margin-bottom:26px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10)}
.pay-head{display:flex;align-items:center;gap:14px}
.pay-head .ic{width:34px;height:34px;color:var(--g-300)}
.pay-head b{display:block;color:#fff;font-size:15px;font-family:'Poppins',Arial,sans-serif}
body .pay-head span{font-size:12.5px;color:#a9cdb9}
.pay-badges{display:flex;gap:12px;flex-wrap:wrap}
.pay-badge{display:inline-flex;align-items:center;gap:9px;background:#fff;border-radius:12px;padding:9px 16px;min-width:96px;justify-content:center;box-shadow:0 6px 16px rgba(0,0,0,.22);height:44px}
.pay-badge i{width:12px;height:12px;border-radius:4px;background:var(--pc,#14804f);transform:rotate(45deg);flex:none}
body .pay-badge b{color:var(--pc,#14804f);font-family:'Poppins',Arial,sans-serif;font-weight:800;font-size:15px;letter-spacing:.2px}
.pay-badge.has-img{padding:6px 14px}
.pay-badge.has-img img{max-height:30px;width:auto;max-width:110px;object-fit:contain}
.mop-copy{border-top:1px solid rgba(255,255,255,.10);padding:20px 0 26px;font-size:13px}
body .mop-copy .links{display:flex;gap:22px;flex-wrap:wrap}

/* ---- mobile drawer (hamburger) ---- */
@media (max-width:767px){
  .mop-header .mop-container{justify-content:space-between}
  .mop-drawer:not([hidden]){display:block}
  .mop-drawer-box{position:absolute;top:0;right:0;bottom:0;width:min(88vw,360px);background:#fff;padding:18px 18px calc(24px + env(safe-area-inset-bottom));overflow:auto;animation:mopIn .22s ease-out;display:flex;flex-direction:column;gap:16px}
  @keyframes mopIn{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
  .mop-drawer-search{display:flex;gap:8px}
  .mop-drawer-search input[type=search]{flex:1;min-width:0;border:1.5px solid var(--line);border-radius:99px;padding:12px 18px;font:inherit;font-size:15px;background:var(--mint)}
  .mop-drawer-search button{width:46px;border:0;border-radius:50%;background:var(--g-600);color:#fff;display:grid;place-items:center}
  .mop-drawer-search .ic{width:19px;height:19px}
  .mop-drawer-menu,.mop-drawer-menu ul{list-style:none;margin:0;padding:0}
  .mop-drawer-menu>li>a{display:flex;align-items:center;padding:14px 6px;font-size:18px;font-weight:700;border-bottom:1px solid var(--line)}
  body .mop-drawer-menu a{color:#12301f!important}
  .mop-drawer-menu .sub-menu{padding:4px 0 8px 14px}
  .mop-drawer-menu .sub-menu a{display:block;padding:9px 6px;font-size:15.5px;font-weight:600}
  .mop-drawer-menu li.current-menu-item>a,.mop-drawer-menu li.current>a{color:var(--g-600)!important}
  .mop-drawer-contact{margin-top:auto}
  .mop-drawer-contact .mop-btn{width:100%;justify-content:center}
  .mop-drawer .mop-sheet-head{margin:0}

  /* footer on mobile */
  .mop-fgrid{grid-template-columns:1fr 1fr;gap:30px 20px;padding:38px 0 26px}
  .mop-fbrand,.mop-fcontact{grid-column:1/-1}
  .mop-pay{padding:18px;gap:16px}
  .pay-badges{width:100%}
  .pay-badge{flex:1 1 calc(50% - 12px);min-width:0}
  .mop-pd h1.product_title{font-size:25px}
  .mop-pd-price .price{font-size:30px}
  #reviews #comments ol.commentlist li .comment_container{grid-template-columns:50px auto 1fr}
  #reviews #comments ol.commentlist li .woocommerce-review__published-date{grid-column:3}
  #reviews #comments ol.commentlist li .woocommerce-review__verified{grid-column:3;grid-row:2;justify-self:start}
  .mop-authbox{padding:18px 18px 28px;border-radius:24px}
  .mop-orbit{transform:scale(.86);margin:-18px auto -22px}
  .mop-authview h2{font-size:28px}
}
@media (prefers-reduced-motion:reduce){.mop-orbit .ring,.mop-orbit .orb i{animation:none!important}}

/* ===== v2.2.1 official logos ===== */
.mop-logo.is-brand img{height:56px;width:auto;max-width:260px;object-fit:contain}
.mop-flogo img{height:56px;width:auto}
@media (max-width:767px){.mop-logo.is-brand img{height:40px;max-width:200px}}
body .mop-footer .mop-flogo b{color:#fff!important;font-size:21px}
body .mop-footer .mop-flogo b i{color:var(--g-300)!important}
body .mop-footer .mop-flogo small{color:#b7d6c4!important;font-size:11.5px}
.mop-flogo img{height:58px;max-height:58px}