/* ==========================================================================
   My Open Pixel v2.3 – header actions, wishlist, footer, related products,
   premium My Account, AI chat. Brand colours only (greens from :root).
   ========================================================================== */

/* ---------- shared bits ---------- */
.mop-card{position:relative}
.mop-hidden-i{display:none!important}
.ic{width:20px;height:20px;flex:none}
.mop-toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,20px);background:#0a3a28;color:#fff;padding:11px 20px;border-radius:99px;font-size:14px;font-weight:600;box-shadow:0 12px 30px rgba(6,35,26,.35);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:200;max-width:90vw;text-align:center}
.mop-toast.show{opacity:1;transform:translate(-50%,0)}
.mop-muted{color:var(--muted)}
.mop-note{padding:12px 16px;border-radius:12px;margin:0 0 16px;font-weight:600;font-size:14px}
.mop-note.ok{background:#e6f7ee;color:#0b6b3f;border:1px solid #bfe8d1}
.mop-note.err{background:#fdecec;color:#a11a1a;border:1px solid #f6c7c7}
.chip{display:inline-block;padding:3px 11px;border-radius:99px;background:var(--mint-2);color:#0b4d33;font-size:12px;font-weight:700;font-style:normal;line-height:1.5}
.chip.ok,.chip.st-completed{background:#dff6e8;color:#0b6b3f}
.chip.st-processing{background:#e1efff;color:#1459a6}
.chip.st-on-hold,.chip.st-pending{background:#fff3d6;color:#8a5a00}
.chip.st-cancelled,.chip.st-failed,.chip.st-refunded{background:#fde4e4;color:#a11a1a}

/* ---------- header: wishlist | cart | profile ---------- */
.mop-actions{display:flex;align-items:center;gap:8px;flex:none}
.mop-hico,.mop-actions .mop-cart{position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);color:var(--g-800);cursor:pointer;padding:0;transition:background .15s,border-color .15s,transform .15s}
.mop-hico:hover,.mop-actions .mop-cart:hover{background:var(--mint-2);border-color:#cfe6d9;transform:translateY(-1px)}
.mop-hico .ic{width:22px;height:22px}
.mop-wl em{position:absolute;top:-4px;right:-4px;min-width:19px;height:19px;border-radius:10px;background:#e11d48;color:#fff;font:700 11px/19px var(--font);text-align:center;padding:0 5px;font-style:normal}
.mop-wl em[hidden]{display:none}
.mop-actions .mop-cart em{top:-4px;right:-4px}
.mop-profile{position:relative}
.mop-pbtn.is-in{border:0;padding:0;background:linear-gradient(135deg,#1fa463,#0b4d33)}
.mop-pbtn .av,.mop-phead .av,.mop-acuser .av{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;font:800 17px/1 'Poppins',var(--font);color:#fff;background:linear-gradient(135deg,#27c26f,#0b4d33)}
.mop-pmenu{position:absolute;right:0;top:calc(100% + 12px);width:310px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 60px rgba(6,35,26,.22);opacity:0;visibility:hidden;transform:translateY(8px);transition:all .18s;z-index:70;overflow:hidden}
.mop-profile.open .mop-pmenu{opacity:1;visibility:visible;transform:none}
.mop-phead{display:flex;align-items:center;gap:13px;padding:18px;background:linear-gradient(120deg,#0b4d33,#0a3a28);color:#fff}
.mop-phead .av{width:48px;height:48px;flex:none;background:linear-gradient(135deg,#4be08f,#1fa463);box-shadow:0 0 0 3px rgba(255,255,255,.25)}
.mop-phead.guest .av{background:rgba(255,255,255,.15)}
.mop-phead.guest .av .ic{stroke:#fff}
body .mop-phead b{display:block;font-size:16px;color:#fff!important;line-height:1.25}
body .mop-phead small{display:block;font-size:12.5px;color:#bfe6d0!important;word-break:break-all}
.mop-plist{padding:8px;max-height:min(62vh,430px);overflow:auto}
body .mop-plist a:not(.mop-btn){display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;font-weight:600;font-size:14.5px;color:#17372a!important}
.mop-plist a:not(.mop-btn):hover{background:var(--mint-2)}
.mop-plist a .ic{width:20px;height:20px;color:var(--g-500)}
.mop-plist .mop-btn{display:flex;justify-content:center;margin:6px 4px}
.mop-plang{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:600;color:#17372a}
.mop-plang .ic{color:var(--g-500)}
.mop-plang span{margin-right:auto}
body .mop-plang a{padding:5px 13px!important;border-radius:99px!important;border:1px solid var(--line);font-size:13px!important;display:inline-flex!important}
body .mop-plang a.on{background:var(--g-600);border-color:var(--g-600);color:#fff!important}
.mop-plogout{padding:8px;border-top:1px solid var(--line);margin-top:2px}
body .mop-plogout a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;font-weight:700;color:#d92d2d!important}
.mop-plogout a:hover{background:#fdecec}
.mop-plogout a .ic{color:#d92d2d}

/* ---------- wishlist hearts ---------- */
.mop-wish{border:0;cursor:pointer;display:grid;place-items:center;padding:0;background:#fff;transition:transform .15s,background .15s,box-shadow .15s}
.mop-wish svg{width:20px;height:20px;fill:none;stroke:#e11d48;stroke-width:2;stroke-linejoin:round;transition:fill .15s,transform .2s}
.mop-wish:hover svg{transform:scale(1.12)}
.mop-wish.on svg{fill:#e11d48}
.mop-wish.card{position:absolute;right:16px;top:16px;z-index:3;width:34px;height:34px;border-radius:50%;box-shadow:0 4px 12px rgba(6,35,26,.2)}
.mop-wish.card svg{width:18px;height:18px}
.mop-wish.big{width:52px;height:52px;border-radius:50%;border:1.5px solid var(--line);flex:none;align-self:stretch;height:auto;min-height:52px}
.mop-wish.big:hover{border-color:#f5a3b5;background:#fff5f7}
.mop-pd-buy form.cart,.mop-pd-buy .woocommerce-variation-add-to-cart{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
.mop-pd-buy .mop-wish.big{order:9}
.mop-pd-buy .single_add_to_cart_button{flex:1 1 180px;border-radius:999px;padding:15px 22px;font-weight:800;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(--g-600)!important;color:#fff!important}
.mop-wl-grid{margin-top:8px}
.mop-empty{text-align:center;padding:34px 16px;color:var(--muted)}
.mop-empty svg{width:54px;height:54px;fill:none;stroke:#e11d48;stroke-width:1.6;margin:0 auto 8px;opacity:.7}
.mop-empty .mop-btn{margin-top:8px}

/* ---------- related / up-sell products: 4+ per row, never broken ---------- */
.woocommerce ul.products[class*="columns-"] li.product,.woocommerce-page ul.products[class*="columns-"] li.product,
.woocommerce ul.products li.product.mop-li{width:auto!important;float:none!important;margin:0!important;clear:none!important;min-width:0}
.woocommerce ul.products li.mop-li .mop-card{height:100%}
.mop-pd-related ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin:0 0 24px!important;padding:0}
.mop-pd-related ul.products::before,.mop-pd-related ul.products::after{display:none!important}
@media (min-width:768px) and (max-width:1020px){
  .mop-pd-related ul.products{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
  .mop-pd-related .mop-card{padding:8px 8px 10px}
  .mop-pd-related .mop-card h3{font-size:12px;min-height:32px}
  .mop-pd-related .mop-price b{font-size:15px}
  .mop-pd-related .mop-add{width:30px;height:30px}
}
@media (max-width:767px){
  .mop-pd-related ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .mop-wish.card{right:14px;top:14px}
}

/* ---------- footer: trust strip (no logo) ---------- */
.mop-trust{background:linear-gradient(100deg,#0b4d33 0%,#0a3a28 45%,#06251a 100%);margin-top:44px}
.mop-trust:after{content:"";position:absolute;right:-80px;top:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(75,224,143,.22),transparent 70%);pointer-events:none}
.mop-trust .mop-trust-in{display:grid;grid-template-columns:minmax(250px,1.1fr) minmax(0,2.7fr) auto;align-items:center;gap:0;padding-top:26px;padding-bottom:26px;position:relative;z-index:1}
.mop-trust .tr-title{padding-right:34px}
.mop-trust .tr-title small{display:block;font:700 11px/1 'Poppins',Arial,sans-serif;letter-spacing:2.4px;text-transform:uppercase;opacity:.75;margin-bottom:9px}
.mop-trust .tr-title b{display:block;font-size:26px;line-height:1.2;font-weight:800;margin-bottom:6px}
.mop-trust .tr-title span{display:block;font-size:14px;line-height:1.5}
body .mop-trust .tr-title b{color:var(--g-300)!important}
.mop-trust .tr-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;border:0;border-left:1px solid rgba(255,255,255,.16)}
.mop-trust .tr-feats li{display:flex;align-items:center;gap:14px;padding:6px 24px;border-right:1px solid rgba(255,255,255,.16)}
.mop-trust .tr-feats li:last-child{border-right:0}
.mop-trust .tr-feats .ico{width:54px;height:54px;border-radius:50%;background:rgba(75,224,143,.12);display:grid;place-items:center;flex:none}
.mop-trust .tr-feats .ico img{width:34px;height:34px}
.mop-trust .tr-feats li b{font-size:15.5px;font-weight:700;line-height:1.3}
.mop-trust .tr-feats li small{font-size:13px;opacity:.85;display:block}
.mop-trust .tr-btn{margin-left:26px;display:inline-flex;align-items:center;gap:10px;padding:14px 30px;font-size:16px;border-radius:99px;white-space:nowrap;box-shadow:0 10px 26px rgba(39,213,124,.28)}
.mop-trust .tr-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:1020px){
  .mop-trust .mop-trust-in{grid-template-columns:minmax(0,1fr) auto;row-gap:20px}
  .mop-trust .tr-title{grid-column:1/-1;padding:0}
  .mop-trust .tr-feats{border-left:0}
  .mop-trust .tr-feats li{padding:6px 14px}
  .mop-trust .tr-feats li:first-child{padding-left:0}
  .mop-trust .tr-btn{margin-left:18px}
}
@media (max-width:767px){
  .mop-trust .mop-trust-in{grid-template-columns:1fr}
  .mop-trust .tr-title b{font-size:22px}
  .mop-trust .tr-feats{grid-template-columns:1fr;gap:10px}
  .mop-trust .tr-feats li{border:0;padding:10px 14px;background:rgba(255,255,255,.07);border-radius:14px}
  .mop-trust .tr-feats li:first-child{padding-left:14px}
  .mop-trust .tr-btn{margin:0;justify-content:center;width:100%}
}

/* ---------- footer main ---------- */
.mop-footer .mop-flogo{display:inline-flex;align-items:center;gap:14px}
.mop-footer .mop-flogo .tile{width:66px;height:66px;border-radius:18px;background:#fff;display:grid;place-items:center;box-shadow:0 10px 26px rgba(0,0,0,.3);flex:none}
.mop-footer .mop-flogo .tile img{width:50px;height:50px;max-height:none;object-fit:contain}
.mop-footer .mop-flogo .txt b{display:block;font:800 23px/1.1 'Poppins',var(--font);letter-spacing:.2px}
.mop-footer .mop-flogo .txt small{display:block;margin-top:5px;font-size:12.5px}
.mop-footer .mop-flogo img{height:auto;max-height:none}
.mop-footer .mop-flogo .tile img{height:50px}
body .mop-footer .mop-fbrand p{color:#e2f3ea;font-size:15px}
.mop-fgrid{grid-template-columns:1.5fr .9fr 1fr 1.35fr;gap:48px}
body .mop-footer h4{font-size:18px;font-weight:800;color:#fff!important}
.mop-footer h4:after{width:44px;height:4px;background:linear-gradient(90deg,#4be08f,#1fa463)}
.mop-fgrid li{margin-bottom:12px;font-size:15px}
body .mop-footer .mop-fcol li a{color:#f2fbf6!important;font-weight:500;font-size:15.5px}
body .mop-footer .mop-fcol li a:hover{color:#4be08f!important}
.mop-fcol li a:before{content:"›";margin-right:8px;color:#4be08f;font-weight:800}
.mop-fcontact li a:before{display:none}
.mop-fcontact li{align-items:center;gap:13px}
.mop-fcontact .ib{width:40px;height:40px;border-radius:12px;background:rgba(75,224,143,.14);display:grid;place-items:center;flex:none;border:1px solid rgba(75,224,143,.25)}
.mop-fcontact .ib .ic{width:19px;height:19px;color:#4be08f;margin:0;stroke:currentColor}
body .mop-footer .mop-fcontact li a,body .mop-footer .mop-fcontact li>span:not(.ib){color:#fff!important;font-weight:600;font-size:15.5px}
.mop-fcontact li a:hover{transform:none}
body .mop-footer .mop-fcontact li a:hover{color:#4be08f!important}

/* social icons – official brand colours */
.mop-social{display:flex;flex-wrap:wrap;gap:10px}
.mop-social a{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;border:0;background:#222;box-shadow:0 6px 16px rgba(0,0,0,.28);transition:transform .15s,box-shadow .15s}
.mop-social a svg{width:20px;height:20px;fill:#fff;stroke:none}
body .mop-footer .mop-social a{color:#fff!important}
body .mop-footer .mop-social a:hover{transform:translateY(-4px) scale(1.06);box-shadow:0 12px 24px rgba(0,0,0,.4);color:#fff!important}
body .mop-footer .mop-social a.s-facebook{background:#1877f2}
body .mop-footer .mop-social a.s-youtube{background:#ff0000}
body .mop-footer .mop-social a.s-instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
body .mop-footer .mop-social a.s-whatsapp{background:#25d366}
body .mop-footer .mop-social a.s-telegram{background:#229ed9}
body .mop-footer .mop-social a.s-tiktok{background:#000;box-shadow:-2px -2px 0 #25f4ee,2px 2px 0 #fe2c55}
body .mop-footer .mop-social a.s-pinterest{background:#e60023}
body .mop-footer .mop-social a.s-x{background:#000;border:1px solid rgba(255,255,255,.3)}
body .mop-footer .mop-social a.s-linkedin{background:#0a66c2}
.mop-footer a.mop-wa{margin-top:10px}
.mop-pay{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16)}
body .pay-head b{font-size:16px}
body .pay-head span{color:#d3eadc}
body .mop-footer .mop-copy,body .mop-footer .mop-copy span,body .mop-footer .mop-copy a{color:#d3eadc!important;font-size:14px}
@media (max-width:1020px){.mop-fgrid{grid-template-columns:1fr 1fr;gap:34px}}
@media (max-width:767px){.mop-fgrid{grid-template-columns:1fr;gap:28px;padding:36px 0 22px}.mop-footer .mop-flogo .tile{width:58px;height:58px}}

/* header / mobile */
@media (max-width:767px){.mop-actions{display:none}}
@media (min-width:768px){.mop-burger{display:none}}

/* ---------- My Account – premium ---------- */
body.woocommerce-account.logged-in .woocommerce{display:grid;grid-template-columns:290px minmax(0,1fr);gap:26px;align-items:start}
body.woocommerce-account.logged-in .woocommerce>.woocommerce-notices-wrapper,
body.woocommerce-account.logged-in .woocommerce>.woocommerce-message,
body.woocommerce-account.logged-in .woocommerce>.woocommerce-error{grid-column:1/-1}
.woocommerce-account .woocommerce-MyAccount-navigation.mop-acnav{float:none;width:auto;background:#fff;border:1px solid #e3eee7;border-radius:22px;box-shadow:0 10px 34px rgba(10,58,40,.1);padding:10px;position:sticky;top:104px}
.woocommerce-account .woocommerce-MyAccount-content{float:none;width:auto;min-width:0}
.mop-acuser{display:flex;align-items:center;gap:13px;padding:16px;border-radius:16px;background:linear-gradient(135deg,#0b4d33,#06251a);margin-bottom:8px;position:relative;overflow:hidden}
.mop-acuser:after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(75,224,143,.35),transparent 70%)}
.mop-acuser .av{width:50px;height:50px;flex:none;background:linear-gradient(135deg,#4be08f,#1fa463);box-shadow:0 0 0 3px rgba(255,255,255,.22);position:relative;z-index:1}
.mop-acuser div{min-width:0;position:relative;z-index:1}
body .mop-acuser b{display:block;color:#fff!important;font-size:16px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .mop-acuser small{display:block;color:#bfe6d0!important;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.woocommerce-account .mop-acnav ul{display:block;margin:0;padding:0;list-style:none}
.woocommerce-account .mop-acnav li{margin:2px 0}
.woocommerce-account .mop-acnav li a{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:13px;background:transparent;font-weight:600;font-size:15px;color:#1d3a2d;transition:background .15s,transform .15s}
.woocommerce-account .mop-acnav li a .ic{width:21px;height:21px;color:var(--g-500)}
.woocommerce-account .mop-acnav li a:hover{background:var(--mint-2);transform:translateX(3px)}
.woocommerce-account .mop-acnav li.is-active a{background:linear-gradient(100deg,#1fa463,#0e6b43);color:#fff;box-shadow:0 8px 18px rgba(20,128,79,.3)}
.woocommerce-account .mop-acnav li.is-active a .ic{color:#fff}
.mop-aclogout{margin-top:10px;padding-top:10px;border-top:1px dashed #d6e6dc}
body .mop-aclogout a{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:13px;font-weight:700;color:#d92d2d!important;background:#fff5f5}
.mop-aclogout a .ic{width:21px;height:21px;color:#d92d2d}
.mop-aclogout a:hover{background:#fdecec}
.woocommerce-account .woocommerce-MyAccount-content{background:#fff;border:1px solid #e3eee7;border-radius:22px;box-shadow:0 10px 34px rgba(10,58,40,.08);padding:26px}
.woocommerce-account .woocommerce-MyAccount-content h3{font-size:19px;margin:24px 0 14px;color:#0f2b20}
.woocommerce-account .woocommerce-MyAccount-content h3:first-child{margin-top:0}
.woocommerce-account .woocommerce-MyAccount-content:has(.mop-dash){background:transparent;border:0;box-shadow:none;padding:0}

/* dashboard */
.mop-dash-hero{position:relative;overflow:hidden;border-radius:24px;padding:32px 34px;background:radial-gradient(500px 260px at 100% 0,rgba(75,224,143,.35),transparent 70%),linear-gradient(120deg,#0e6b43,#0a3a28 55%,#06251a);color:#fff;box-shadow:0 18px 44px rgba(6,35,26,.28);isolation:isolate}
.mop-dash-hero .txt{max-width:480px;position:relative;z-index:1}
body .mop-dash-hero small{display:inline-block;color:#4be08f!important;font:700 12px/1 'Poppins',var(--font);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}
body .mop-dash-hero h2{color:#fff!important;font-size:32px;margin:0 0 8px;line-height:1.2}
body .mop-dash-hero p{color:#d3eadc!important;margin:0 0 18px;font-size:15px;line-height:1.7}
.mop-dash-hero .mop-btn{background:#27d57c;padding:12px 26px;border-radius:99px;display:inline-flex}
body .mop-dash-hero .mop-btn{color:#05291a!important}
.mop-dash-hero .orb{position:absolute;right:30px;top:50%;width:170px;height:170px;transform:translateY(-50%);opacity:.18;z-index:0;object-fit:contain}
.mop-dash-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:-26px 18px 0;position:relative;z-index:2}
.mop-dash-stats .st{background:#fff;border:1px solid #e3eee7;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:2px;box-shadow:0 10px 26px rgba(10,58,40,.12);transition:transform .15s}
.mop-dash-stats .st:hover{transform:translateY(-4px)}
.mop-dash-stats .ico{width:40px;height:40px;border-radius:12px;background:var(--mint-2);display:grid;place-items:center;margin-bottom:8px}
.mop-dash-stats .ico .ic{color:var(--g-500)}
.mop-dash-stats b{font:800 26px/1.1 'Poppins',var(--font);color:#0f2b20}
.mop-dash-stats small{color:var(--muted);font-size:13px;font-weight:600}
.mop-dash-stats .st.gold .ico{background:#fff3d6}.mop-dash-stats .st.gold .ico .ic{color:#c98400}
.mop-dash-h{font-size:18px;margin:28px 0 14px!important;color:#0f2b20}
.mop-dash-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mop-dash-quick a{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e3eee7;border-radius:16px;padding:14px 16px;font-weight:700;font-size:14.5px;color:#17372a;transition:all .15s}
.mop-dash-quick a:hover{border-color:#4be08f;box-shadow:0 10px 24px rgba(31,164,99,.18);transform:translateY(-2px)}
.mop-dash-quick .ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#e6f7ee,#cdeedb);flex:none}
.mop-dash-quick .ico .ic{color:var(--g-600)}
.mop-dash-orders .row{display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;background:#fff;border:1px solid #e3eee7;border-radius:14px;padding:13px 16px;margin-bottom:10px;transition:border-color .15s}
.mop-dash-orders .row:hover{border-color:#4be08f}
.mop-dash-orders .d{color:var(--muted);font-size:13px}
.mop-dash-orders strong{color:#0f3a28}

/* panels */
.mop-trackform{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:22px}
.mop-trackform label{flex:1 1 200px;display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:13.5px;color:#2c4a3c}
.mop-trackform input,.mop-pointcard input[type=number]{padding:12px 14px;border:1px solid var(--line);border-radius:12px;font:inherit;font-size:15px;background:#fff;width:100%}
.mop-trackform .mop-btn,.mop-switches .mop-btn,.mop-pointcard .mop-btn{padding:13px 26px;border-radius:99px;border:0;cursor:pointer}
.mop-track{border:1px solid #e3eee7;border-radius:18px;padding:20px;background:linear-gradient(#fff,var(--mint))}
.mop-track-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:18px}
.mop-track-head b{font-size:18px}.mop-track-head em{color:var(--muted);font-style:normal;font-size:13px}.mop-track-head strong{margin-left:auto}
.mop-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 0 18px;padding:0;list-style:none;counter-reset:s}
.mop-steps li{position:relative;text-align:center;font-size:13px;font-weight:600;color:#8aa396}
.mop-steps li:before{content:"";position:absolute;top:17px;left:-50%;width:100%;height:3px;background:#dbe9e0;z-index:0}
.mop-steps li:first-child:before{display:none}
.mop-steps li i{position:relative;z-index:1;width:36px;height:36px;border-radius:50%;background:#fff;border:3px solid #dbe9e0;display:grid;place-items:center;margin:0 auto 8px;font-style:normal;font-weight:800}
.mop-steps li.done,.mop-steps li.now{color:#0f3a28}
.mop-steps li.done:before,.mop-steps li.now:before{background:var(--g-400)}
.mop-steps li.done i{background:var(--g-500);border-color:var(--g-500);color:#fff}
.mop-steps li.now i{border-color:var(--g-400);color:var(--g-600);box-shadow:0 0 0 5px rgba(31,164,99,.2)}
.mop-track-items{list-style:disc;padding-left:20px;color:#2c4a3c;margin:0}
.mop-revitem{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid #e3eee7;border-radius:14px;margin-bottom:10px}
.mop-revitem img{width:60px;height:60px;border-radius:10px;object-fit:cover}
.mop-revitem>div{flex:1;min-width:0}.mop-revitem b{display:block;margin-bottom:4px}
.mop-btn.sm{padding:9px 18px;font-size:13.5px}
.mop-myrev{border-bottom:1px solid var(--line);padding:12px 0}.mop-myrev .stars{color:var(--star);margin-left:10px;letter-spacing:2px}
.mop-pointcard{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;padding:22px;border-radius:20px;background:linear-gradient(120deg,#fff3d6,#ffe7a8);margin-bottom:8px}
.mop-pointcard small{display:block;font-weight:700;color:#8a5a00}.mop-pointcard b{font:800 40px/1 'Poppins',var(--font);color:#5b3b00}
.mop-pointcard p{flex:1 1 220px;margin:0;color:#6b4a07;font-size:14px}
.mop-pointcard form{display:flex;gap:10px;flex:1 1 100%}.mop-pointcard input[type=number]{max-width:140px}
.mop-coupons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.mop-coupon{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:2px dashed #4be08f;border-radius:16px;padding:14px 16px;background:#f3faf6}
.mop-coupon span{font-size:11.5px;font-weight:800;color:var(--g-600);text-transform:uppercase;letter-spacing:1px;flex:1 1 100%}
.mop-coupon code{font:800 17px/1 'Poppins',monospace;color:#0f3a28;background:#fff;padding:8px 12px;border-radius:9px;letter-spacing:1.5px}
.mop-coupon b{margin-left:auto;color:var(--g-600)}
.mop-coupon button{border:0;background:var(--g-600);color:#fff;border-radius:99px;padding:7px 16px;font-weight:700;cursor:pointer}
.mop-langpick{display:flex;gap:10px}.mop-langpick a{padding:10px 24px;border-radius:99px;border:1.5px solid var(--line);font-weight:700}
.mop-langpick a.on{background:var(--g-600);border-color:var(--g-600);color:#fff}
.mop-switches{display:grid;gap:12px;max-width:560px}
.mop-sw{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border:1px solid #e3eee7;border-radius:16px;cursor:pointer}
.mop-sw span b{display:block}.mop-sw span em{font-style:normal;font-size:13px;color:var(--muted)}
.mop-sw input{position:absolute;opacity:0}.mop-sw i{position:relative;width:48px;height:28px;border-radius:99px;background:#cfd9d3;transition:background .2s;flex:none}
.mop-sw i:after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:transform .2s}
.mop-sw input:checked+i{background:var(--g-500)}.mop-sw input:checked+i:after{transform:translateX(20px)}
.mop-sw input:focus-visible+i{outline:3px solid var(--g-300);outline-offset:2px}
.mop-supgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:8px}
.mop-sup{display:flex;flex-direction:column;gap:4px;text-align:left;padding:18px;border:1px solid #e3eee7;border-radius:16px;background:linear-gradient(#fff,var(--mint));cursor:pointer;font:inherit;color:inherit;transition:all .15s}
.mop-sup:hover{border-color:#4be08f;transform:translateY(-2px);box-shadow:0 10px 24px rgba(31,164,99,.15)}
.mop-sup b{font-size:15.5px}.mop-sup span{font-size:13px;color:var(--muted)}
.mop-faq details{border:1px solid #e3eee7;border-radius:14px;padding:14px 18px;margin-bottom:10px;background:#fff}
.mop-faq summary{cursor:pointer;font-weight:700;color:#0f2b20}.mop-faq details[open]{border-color:#4be08f;background:#f3faf6}.mop-faq p{margin:10px 0 0;color:#2c4a3c;line-height:1.7}
.woocommerce-account table.shop_table{border-radius:14px;border:1px solid #e3eee7;border-collapse:separate;overflow:hidden}
.woocommerce-account table.shop_table th{background:var(--mint-2);color:#0f2b20}
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button{background:var(--g-600);color:#fff;border-radius:99px;padding:8px 16px}

@media (max-width:1020px){
  body.woocommerce-account.logged-in .woocommerce{grid-template-columns:240px minmax(0,1fr);gap:18px}
  .mop-dash-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:12px}
  .mop-dash-quick{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mop-supgrid{grid-template-columns:1fr}
}
@media (max-width:767px){
  body.woocommerce-account.logged-in .woocommerce{grid-template-columns:1fr}
  .woocommerce-account .woocommerce-MyAccount-navigation.mop-acnav{position:static}
  .woocommerce-account .mop-acnav ul{display:flex;overflow-x:auto;gap:8px;padding-bottom:4px;scrollbar-width:none}
  .woocommerce-account .mop-acnav li{flex:none;margin:0}
  .woocommerce-account .mop-acnav li a{padding:10px 14px;background:var(--mint-2);white-space:nowrap}
  .mop-acuser{display:none}
  .woocommerce-account .woocommerce-MyAccount-content{padding:18px;border-radius:18px}
  .mop-dash-hero{padding:24px 20px}.mop-dash-hero h2{font-size:25px}.mop-dash-hero .orb{width:110px;height:110px;right:10px}
  .mop-dash-stats{margin:-20px 8px 0}.mop-dash-quick{grid-template-columns:1fr 1fr}
  .mop-dash-orders .row{grid-template-columns:1fr auto;row-gap:6px}.mop-coupons{grid-template-columns:1fr}
  .mop-steps{grid-template-columns:repeat(2,1fr);row-gap:14px}.mop-steps li:nth-child(3):before{display:none}
}

/* ---------- AI chat ---------- */
.mop-chat{position:fixed;right:22px;bottom:22px;z-index:120;font-family:var(--font)}
.mop-chat-fab{position:relative;width:62px;height:62px;border-radius:50%;border:0;cursor:pointer;background:linear-gradient(135deg,#27c26f,#0b4d33);box-shadow:0 14px 34px rgba(11,77,51,.45);display:grid;place-items:center;transition:transform .2s}
.mop-chat-fab:hover{transform:scale(1.07)}
.mop-chat-fab svg{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round;grid-area:1/1;transition:opacity .2s,transform .2s}
.mop-chat-fab .i-x{opacity:0;transform:rotate(-90deg)}
.mop-chat.open .mop-chat-fab .i-chat{opacity:0;transform:rotate(90deg)}
.mop-chat.open .mop-chat-fab .i-x{opacity:1;transform:none}
.mop-chat-fab .ping{position:absolute;inset:0;border-radius:50%;border:2px solid #4be08f;animation:mopping 2.2s infinite;pointer-events:none}
.mop-chat.open .ping{display:none}
@keyframes mopping{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.6);opacity:0}}
.mop-chat-box{position:absolute;right:0;bottom:78px;width:380px;max-width:calc(100vw - 28px);height:min(560px,calc(100vh - 130px));background:#fff;border-radius:22px;box-shadow:0 28px 70px rgba(6,35,26,.35);display:flex;flex-direction:column;overflow:hidden;border:1px solid #e3eee7;animation:mopchat .22s ease-out}
.mop-chat-box[hidden]{display:none}
@keyframes mopchat{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
.mc-head{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(120deg,#0e6b43,#0a3a28);color:#fff}
.mc-head .av{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center;flex:none}.mc-head .av img{width:26px;height:26px}
body .mc-head b{display:block;color:#fff!important;font-size:16px}
body .mc-head small{display:flex;align-items:center;gap:6px;color:#bfe6d0!important;font-size:12px}
.mc-head small i{width:8px;height:8px;border-radius:50%;background:#4be08f;box-shadow:0 0 0 3px rgba(75,224,143,.3)}
.mc-close{margin-left:auto;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.14);cursor:pointer;display:grid;place-items:center}
.mc-close svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2.2;stroke-linecap:round}
.mc-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(#f7fcf9,#fff)}
.mc-m{max-width:86%;padding:10px 14px;border-radius:16px;font-size:14.5px;line-height:1.6;word-wrap:break-word;overflow-wrap:anywhere}
.mc-m.b{align-self:flex-start;background:#fff;border:1px solid #e3eee7;border-bottom-left-radius:5px;color:#1d3a2d}
.mc-m.u{align-self:flex-end;background:linear-gradient(120deg,#1fa463,#0e6b43);color:#fff;border-bottom-right-radius:5px}
body .mc-m.u,body .mc-m.u *{color:#fff!important}
.mc-m a{color:var(--g-600);font-weight:700;text-decoration:underline}
.mc-m.typing{display:flex;gap:5px;align-items:center;padding:14px 16px}
.mc-m.typing i{width:7px;height:7px;border-radius:50%;background:#9bc7b0;animation:mcdot 1s infinite}
.mc-m.typing i:nth-child(2){animation-delay:.15s}.mc-m.typing i:nth-child(3){animation-delay:.3s}
@keyframes mcdot{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}
.mc-cards{display:flex;flex-direction:column;gap:8px;align-self:stretch}
.mc-card{display:flex;align-items:center;gap:11px;padding:8px;border:1px solid #e3eee7;border-radius:14px;background:#fff;transition:border-color .15s}
.mc-card:hover{border-color:#4be08f}
.mc-card img{width:54px;height:54px;border-radius:10px;object-fit:cover;background:var(--mint-2);flex:none}
.mc-card b{display:block;font-size:13.5px;line-height:1.35;color:#17372a}.mc-card span{font-weight:800;color:var(--g-600);font-size:14px}
.mc-chips{display:flex;gap:7px;padding:8px 14px 0;overflow-x:auto;scrollbar-width:none;flex:none}
.mc-chips button{flex:none;border:1px solid #cfe6d9;background:#f3faf6;color:#0b4d33;border-radius:99px;padding:7px 14px;font:600 13px var(--font);cursor:pointer;white-space:nowrap}
.mc-chips button:hover{background:#dff6e8}
.mc-form{display:flex;gap:8px;padding:12px 14px 14px}
.mc-form input{flex:1;min-width:0;padding:12px 16px;border:1.5px solid #dbe9e0;border-radius:99px;font:inherit;font-size:15px;outline:0}
.mc-form input:focus{border-color:var(--g-400)}
.mc-form button{width:46px;height:46px;border-radius:50%;border:0;background:linear-gradient(135deg,#27c26f,#0e6b43);cursor:pointer;display:grid;place-items:center;flex:none}
.mc-form button svg{width:20px;height:20px;fill:#fff}
@media (max-width:767px){
  .mop-chat{right:14px;bottom:calc(78px + env(safe-area-inset-bottom))}
  .mop-chat-fab{width:56px;height:56px}
  .mop-chat-box{position:fixed;right:10px;left:10px;bottom:calc(144px + env(safe-area-inset-bottom));width:auto;max-width:none;height:min(520px,calc(100vh - 220px))}
  .mop-toast{bottom:150px}
}
@media (prefers-reduced-motion:reduce){.mop-chat-fab .ping,.mc-m.typing i{animation:none}}