/* ========================================================================== CM Shop — main stylesheet (v2) Brand colors come from CSS variables printed by the active scheme. Always use var(--cmw-*) — never hardcode brand colors. ========================================================================== */ /* ---------- Fallback variables (White & Navy default) ---------- The active scheme overrides these inline in . These fallbacks guarantee the theme is always styled even before inline vars load. */ :root{ --cmw-bg:#ffffff;--cmw-surface:#f0f3f6;--cmw-header-bg:#ffffff;--cmw-header-text:#1b2a4a; --cmw-footer-bg:#1b2a4a;--cmw-footer-text:#c8d0dd;--cmw-primary:#1b2a4a;--cmw-primary-dark:#13203a; --cmw-accent:#c9a14a;--cmw-accent-dark:#a8842f;--cmw-accent-text:#1b2a4a;--cmw-text:#1d2735; --cmw-text-muted:#5f6b7a;--cmw-border:#e2e7ed;--cmw-sale:#d64545;--cmw-success:#2a8a5c; --cmw-star:#e0a020;--cmw-btn-radius:8px;--cmw-card-radius:12px; --cmw-font-heading:"Playfair Display",Georgia,serif;--cmw-font-body:"Inter",-apple-system,sans-serif; } /* ---------- Reset / base ---------- */ *,*::before,*::after{box-sizing:border-box;} html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;} body{ margin:0; font-family:var(--cmw-font-body),-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:16px; line-height:1.6; color:var(--cmw-text); background:var(--cmw-bg); -webkit-font-smoothing:antialiased; overflow-x:hidden; } img{max-width:100%;height:auto;} a{color:inherit;text-decoration:none;} button{font-family:inherit;cursor:pointer;} h1,h2,h3,h4{margin:0 0 .5em;line-height:1.25;font-weight:700;color:var(--cmw-text);font-family:var(--cmw-font-heading),Georgia,serif;} :focus-visible{outline:2px solid var(--cmw-accent);outline-offset:2px;} /* ---------- Layout ---------- */ .cmw-container{max-width:1280px;margin:0 auto;padding:0 20px;width:100%;} .cmw-content{min-height:50vh;} .cmw-section{padding:56px 0;} .cmw-section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:28px;gap:16px;flex-wrap:wrap;} .cmw-section-title{font-size:28px;margin:0;position:relative;padding-bottom:12px;} .cmw-section-title::after{content:"";position:absolute;left:0;bottom:0;width:52px;height:3px;background:var(--cmw-accent);border-radius:2px;} .cmw-section-link{color:var(--cmw-accent-dark);font-weight:600;font-size:14px;white-space:nowrap;font-family:var(--cmw-font-body);} .cmw-section-link:hover{text-decoration:underline;} /* ---------- Buttons ---------- */ .cmw-btn{display:inline-block;padding:13px 28px;border-radius:var(--cmw-btn-radius);font-weight:600;font-size:15px;border:2px solid transparent;transition:all .18s ease;text-align:center;font-family:var(--cmw-font-body);} .cmw-btn-accent{background:var(--cmw-accent);color:var(--cmw-accent-text);} .cmw-btn-accent:hover{background:var(--cmw-primary);color:#fff;transform:translateY(-2px);} .cmw-btn-outline{background:transparent;border-color:currentColor;color:var(--cmw-primary);} .cmw-btn-outline:hover{background:var(--cmw-primary);color:#fff;} /* ---------- Top bar ---------- */ .cmw-topbar{background:var(--cmw-ticker-bg,var(--cmw-primary-dark));color:var(--cmw-ticker-text,#fff);font-size:13px;padding:9px 0;letter-spacing:.2px;} .cmw-topbar .cmw-container{display:flex;justify-content:space-between;align-items:center;gap:12px;} .cmw-topbar-text{flex:1;} .cmw-topbar-social{display:flex;gap:6px;align-items:center;flex-shrink:0;} .cmw-topbar-social a{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.85);border-radius:6px;transition:all .15s;} .cmw-topbar-social a:hover{color:#fff;background:rgba(255,255,255,.15);} .cmw-topbar-social svg{width:16px;height:16px;} @media (max-width:600px){.cmw-topbar-text{font-size:11px;}.cmw-topbar-social{display:none;}} /* ---------- Header ---------- */ .cmw-header{background:var(--cmw-header-bg);color:var(--cmw-header-text);position:sticky;top:0;z-index:200;border-bottom:1px solid var(--cmw-border);transition:box-shadow .25s;} .cmw-header.is-stuck{box-shadow:0 4px 20px rgba(0,0,0,.08);} .cmw-header-inner{display:flex;align-items:center;gap:24px;height:78px;} .cmw-logo{flex-shrink:0;display:flex;align-items:center;} /* Large header search bar */ .cmw-header-search{flex:1;max-width:620px;} .cmw-header-search-form{display:flex;align-items:stretch;border:2px solid var(--cmw-primary);border-radius:30px;overflow:hidden;background:var(--cmw-bg);} .cmw-header-search-form input[type="search"]{flex:1;border:none;outline:none;padding:0 20px;font-size:15px;font-family:var(--cmw-font-body);background:transparent;color:var(--cmw-text);min-width:0;} .cmw-header-search-form button{flex-shrink:0;border:none;background:var(--cmw-primary);color:#fff;width:54px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;} .cmw-header-search-form button:hover{background:var(--cmw-primary-dark);} .cmw-header-search-form button svg{width:20px;height:20px;} /* Hide the old search toggle on desktop (bar is always visible). */ .cmw-search-toggle{display:none;} .cmw-logo img{max-height:50px;width:auto;} .cmw-logo-text{font-family:var(--cmw-font-heading);font-size:26px;font-weight:800;letter-spacing:.5px;color:var(--cmw-header-text);text-transform:uppercase;} .cmw-logo-text span{color:var(--cmw-accent);} /* primary nav (dedicated navbar — redesigned) */ .cmw-navbar{background:var(--cmw-primary);position:relative;} .cmw-navbar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--cmw-accent),transparent);opacity:.5;} .cmw-navbar .cmw-container{display:flex;align-items:center;justify-content:space-between;gap:20px;} .cmw-primary-nav{display:flex;} .cmw-menu{display:flex;list-style:none;margin:0;padding:0;align-items:stretch;} .cmw-menu>li{position:relative;display:flex;} .cmw-menu-link{display:flex;align-items:center;gap:6px;padding:15px 20px;font-size:14.5px;font-weight:500;color:rgba(255,255,255,.88);font-family:var(--cmw-font-body);letter-spacing:.2px;position:relative;transition:color .2s ease,background .25s ease;} .cmw-menu>li>.cmw-menu-link::before{content:"";position:absolute;inset:6px 6px;border-radius:8px;background:rgba(255,255,255,.14);opacity:0;transform:scale(.85);transition:opacity .22s ease,transform .22s ease;z-index:-1;} .cmw-menu>li:hover>.cmw-menu-link::before,.cmw-menu>li.current-menu-item>.cmw-menu-link::before{opacity:1;transform:scale(1);} .cmw-menu>li:hover>.cmw-menu-link,.cmw-menu>li.current-menu-item>.cmw-menu-link{color:#fff;} .cmw-caret{font-size:9px;opacity:.7;transition:transform .25s ease;} .cmw-menu>li:hover>.cmw-menu-link .cmw-caret{transform:rotate(180deg);} .cmw-navbar-right{display:flex;align-items:center;gap:14px;flex-shrink:0;} .cmw-navbar-social{display:flex;gap:5px;align-items:center;} .cmw-navbar-social a{width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.8);border-radius:7px;transition:all .18s;} .cmw-navbar-social a:hover{color:#fff;background:rgba(255,255,255,.16);transform:translateY(-2px);} .cmw-navbar-social svg{width:16px;height:16px;} .cmw-navbar-cta{display:flex;align-items:center;gap:8px;color:#fff;font-size:13.5px;font-weight:600;font-family:var(--cmw-font-body);background:#25D366;padding:9px 18px;border-radius:30px;transition:all .2s ease;white-space:nowrap;} .cmw-navbar-cta:hover{background:#1ebe5b;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px rgba(37,211,102,.35);} .cmw-navbar-cta svg{width:18px;height:18px;fill:#fff;} /* dropdown */ .cmw-sub-menu{position:absolute;top:100%;left:0;min-width:230px;background:#fff;border:1px solid var(--cmw-border);border-radius:12px;box-shadow:0 14px 44px rgba(0,0,0,.13);list-style:none;margin:0;padding:8px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s ease;z-index:50;} .cmw-menu>li:hover>.cmw-sub-menu{opacity:1;visibility:visible;transform:translateY(0);} .cmw-sub-menu li{position:relative;} .cmw-sub-menu .cmw-menu-link{color:#1d2735;padding:10px 14px;border-radius:8px;font-size:14px;} .cmw-sub-menu .cmw-menu-link:hover{background:var(--cmw-surface);color:var(--cmw-accent-dark);padding-left:18px;} .cmw-sub-deep{top:-8px;left:100%;margin-left:6px;} /* header actions */ .cmw-header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;} .cmw-icon-btn{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--cmw-header-text);border-radius:10px;background:transparent;border:none;transition:background .15s;} .cmw-icon-btn:hover{background:rgba(128,128,128,.12);} .cmw-icon-btn svg{width:22px;height:22px;} .cmw-cart-btn .cmw-cart-count{position:absolute;top:3px;right:1px;min-width:19px;height:19px;padding:0 5px;background:var(--cmw-accent);color:var(--cmw-accent-text);font-size:11px;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;line-height:1;font-family:var(--cmw-font-body);} .cmw-cart-btn .cmw-cart-count[data-count="0"]{display:none;} /* burger */ .cmw-burger{display:none;flex-direction:column;gap:5px;width:44px;height:44px;align-items:center;justify-content:center;background:transparent;border:none;} .cmw-burger span{display:block;width:22px;height:2px;background:var(--cmw-header-text);border-radius:2px;transition:.25s;} .cmw-burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);} .cmw-burger.is-open span:nth-child(2){opacity:0;} .cmw-burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);} /* search bar */ .cmw-search-bar{border-top:1px solid var(--cmw-border);background:var(--cmw-header-bg);padding:16px 0;} .cmw-searchform{display:flex;max-width:620px;margin:0 auto;border:2px solid var(--cmw-border);border-radius:10px;overflow:hidden;background:#fff;} .cmw-search-input{flex:1;border:none;padding:13px 16px;font-size:15px;outline:none;color:#1d2735;} .cmw-search-submit{border:none;background:var(--cmw-accent);color:var(--cmw-accent-text);padding:0 22px;display:flex;align-items:center;} .cmw-search-submit svg{width:20px;height:20px;} /* ---------- Mobile slide-in nav ---------- */ .cmw-mobile-overlay[hidden],.cmw-search-bar[hidden]{display:none!important;} .cmw-mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:300;opacity:0;transition:opacity .25s;} .cmw-mobile-overlay.is-open{opacity:1;} .cmw-mobile-nav{position:fixed;top:0;left:0;height:100%;width:320px;max-width:86vw;background:#fff;z-index:310;transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);overflow-y:auto;box-shadow:0 0 50px rgba(0,0,0,.25);} .cmw-mobile-nav.is-open{transform:translateX(0);} .cmw-mobile-head{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--cmw-border);} .cmw-mobile-head .cmw-logo-text{color:var(--cmw-primary);font-size:22px;} .cmw-mobile-close{font-size:32px;line-height:1;background:transparent;border:none;color:#1d2735;width:40px;height:40px;} .cmw-mobile-menu{list-style:none;margin:0;padding:8px 0 30px;} .cmw-mobile-menu li{border-bottom:1px solid var(--cmw-border);} .cmw-mobile-menu .cmw-menu-link{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;color:#1d2735;font-size:15px;font-weight:500;} .cmw-mobile-menu .cmw-sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;border-radius:0;margin:0;padding:0;background:var(--cmw-surface);max-height:0;overflow:hidden;transition:max-height .3s ease;} .cmw-mobile-menu li.is-expanded>.cmw-sub-menu{max-height:600px;} .cmw-mobile-menu .cmw-caret{transition:transform .25s;} .cmw-mobile-menu li.is-expanded>.cmw-menu-link .cmw-caret{transform:rotate(180deg);} /* ---------- Hero ---------- */ .cmw-hero{position:relative;overflow:hidden;background:var(--cmw-surface);} .cmw-hero-slide{display:none;min-height:480px;background-size:cover;background-position:center;position:relative;} .cmw-hero-slide.is-active{display:block;animation:cmwFade .8s ease;} @keyframes cmwFade{from{opacity:.3;}to{opacity:1;}} .cmw-hero-slide::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.18));} .cmw-hero-slide.cmw-hero-nobg::before{background:linear-gradient(120deg,var(--cmw-primary),var(--cmw-primary-dark));} .cmw-hero-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-height:480px;max-width:600px;color:#fff;} .cmw-hero-heading{font-size:48px;color:#fff;margin-bottom:16px;line-height:1.08;} .cmw-hero-heading span{color:var(--cmw-accent);} .cmw-hero-sub{font-size:19px;margin-bottom:28px;opacity:.95;font-family:var(--cmw-font-body);} .cmw-hero-prev,.cmw-hero-next{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.9);border:none;font-size:26px;color:#222;z-index:3;display:flex;align-items:center;justify-content:center;transition:background .15s;} .cmw-hero-prev:hover,.cmw-hero-next:hover{background:#fff;} .cmw-hero-prev{left:20px;}.cmw-hero-next{right:20px;} .cmw-hero-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3;} .cmw-hero-dot{width:10px;height:10px;border-radius:50%;border:none;background:rgba(255,255,255,.5);transition:all .2s;} .cmw-hero-dot.is-active{background:var(--cmw-accent);width:28px;border-radius:5px;} /* ---------- Feature strip ---------- */ .cmw-feature-strip{background:var(--cmw-surface);border-bottom:1px solid var(--cmw-border);} .cmw-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:26px 20px;} .cmw-feature{display:flex;align-items:center;gap:13px;} .cmw-feature-ico{width:46px;height:46px;background:var(--cmw-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--cmw-accent-dark);} .cmw-feature-ico svg{width:24px;height:24px;} .cmw-feature strong{display:block;font-size:14px;font-family:var(--cmw-font-body);} .cmw-feature small{color:var(--cmw-text-muted);font-size:12px;} /* ---------- Sale banner ---------- */ .cmw-sale-banner{background:var(--cmw-sale);color:#fff;text-align:center;padding:15px 20px;font-weight:600;font-size:15px;letter-spacing:.3px;font-family:var(--cmw-font-body);} .cmw-sale-banner a{color:#fff;text-decoration:underline;text-underline-offset:3px;} /* ---------- Category grid ---------- */ .cmw-cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;} .cmw-cat-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 12px;background:var(--cmw-surface);border:1px solid var(--cmw-border);border-radius:var(--cmw-card-radius);transition:transform .2s,box-shadow .2s;} .cmw-cat-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(0,0,0,.1);} .cmw-cat-img{width:88px;height:88px;border-radius:50%;background-size:cover;background-position:center;margin-bottom:13px;background-color:var(--cmw-bg);} .cmw-cat-name{font-weight:600;font-size:14px;font-family:var(--cmw-font-body);} .cmw-cat-count{font-size:12px;color:var(--cmw-text-muted);font-family:var(--cmw-font-body);} /* ========================================================================== PRODUCT CARDS — robust grid that overrides WooCommerce defaults ========================================================================== */ .woocommerce ul.products, .woocommerce-page ul.products, ul.products{ display:grid!important; grid-template-columns:repeat(var(--cmw-home-cols,4),1fr); gap:22px; list-style:none!important; margin:0!important; padding:0!important; } /* Only real product cards are grid cells; anything else spans/hidden. */ .woocommerce ul.products > li:not(.product), ul.products > li:not(.product){grid-column:1 / -1;} .woocommerce ul.products::before, .woocommerce ul.products::after, ul.products::before, ul.products::after{display:none!important;content:none!important;} /* kill WooCommerce's float/percentage widths */ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, ul.products li.product{ width:auto!important; float:none!important; margin:0!important; clear:none!important; } .woocommerce ul.products li.product::before, .woocommerce ul.products li.product::after{display:none!important;} .cmw-product-card{ position:relative; background:var(--cmw-bg); border:1px solid var(--cmw-border); border-radius:var(--cmw-card-radius); overflow:hidden; transition:box-shadow .2s,transform .2s; display:flex!important; flex-direction:column; height:100%; } .cmw-product-card:hover{box-shadow:0 14px 32px rgba(0,0,0,.11);transform:translateY(-4px);} .cmw-card-media{position:relative;display:block;background:var(--cmw-surface);overflow:hidden;aspect-ratio:1/1;} .cmw-card-media img{width:100%!important;height:100%!important;object-fit:cover;display:block;transition:transform .4s ease;margin:0!important;} .cmw-product-card:hover .cmw-card-media img{transform:scale(1.06);} .cmw-card-body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:7px;flex:1;} .cmw-card-cat{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--cmw-text-muted);font-family:var(--cmw-font-body);} .cmw-card-title{font-family:var(--cmw-font-body);font-size:15px;font-weight:400;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:4.2em;} .cmw-card-title a:hover{color:var(--cmw-accent-dark);} .cmw-card-rating{font-size:13px;color:var(--cmw-star);} .cmw-card-price{font-family:var(--cmw-font-body);font-size:18px;font-weight:700;color:var(--cmw-primary);margin-top:auto;} .cmw-card-price del{color:var(--cmw-text-muted);font-weight:400;font-size:14px;margin-right:7px;opacity:.8;} .cmw-card-price ins{text-decoration:none;color:var(--cmw-sale);} .cmw-card-atc{margin-top:8px;} .cmw-card-atc .button,.cmw-card-atc a.button{display:block;width:100%;text-align:center;background:var(--cmw-primary)!important;color:#fff!important;padding:11px;border-radius:var(--cmw-btn-radius);font-weight:600;font-size:14px;border:none;transition:background .15s,color .15s;font-family:var(--cmw-font-body);opacity:1!important;} /* On hover/focus/active the button flips to the scheme's accent colour with its matching readable text colour, in every colour scheme. */ .cmw-card-atc .button:hover,.cmw-card-atc a.button:hover, .cmw-card-atc .button:focus,.cmw-card-atc .button:focus-visible,.cmw-card-atc a.button:focus, .cmw-card-atc .button:active,.cmw-card-atc a.button:active{background:var(--cmw-accent)!important;color:var(--cmw-accent-text)!important;outline:none;} /* While WooCommerce is adding the item (loading) or after it's added, keep the button on-brand (primary + white) — never the dull default grey, and never faded. */ .cmw-card-atc .button.loading,.cmw-card-atc a.button.loading, .cmw-card-atc .button.loading:hover,.cmw-card-atc a.button.loading:hover, .cmw-card-atc .button.added,.cmw-card-atc a.button.added, .cmw-card-atc .button[disabled],.cmw-card-atc a.button[disabled]{background:var(--cmw-primary)!important;color:#fff!important;opacity:1!important;} .cmw-card-atc .button.loading::after{color:#fff!important;border-color:#fff!important;} .cmw-card-atc .button,.cmw-card-atc a.button{-webkit-tap-highlight-color:transparent;} .cmw-card-atc .added_to_cart{margin-top:6px;font-size:12px;text-align:center;color:var(--cmw-success);} /* sale / discount badge */ .cmw-card-media{position:relative;} .cmw-badge{position:absolute;z-index:3;font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:7px;font-family:var(--cmw-font-body);line-height:1.3;display:inline-flex;align-items:center;gap:4px;color:#fff;} .cmw-badge-sale{top:12px;left:12px;background:var(--cmw-sale);} .cmw-badge-hot{top:12px;right:12px;background:linear-gradient(135deg,#ff6a3d,#ff3d3d);box-shadow:0 3px 10px rgba(255,61,61,.35);} .cmw-badge-hot svg{width:12px;height:12px;} .cmw-badge-new{top:12px;right:12px;background:var(--cmw-success);} /* If both hot and new exist, push new below hot. */ .cmw-badge-hot ~ .cmw-badge-new{top:44px;} /* ========================================================================== SHOP / ARCHIVE ========================================================================== */ .cmw-shop-wrap{padding:30px 20px 70px;} .cmw-shop-header{margin-bottom:28px;} .woocommerce-products-header__title,.cmw-shop-header .page-title{font-size:34px;margin-bottom:8px;} .term-description{color:var(--cmw-text-muted);max-width:780px;font-family:var(--cmw-font-body);} .cmw-shop-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid var(--cmw-border);} .woocommerce-result-count{color:var(--cmw-text-muted);font-size:14px;margin:0;font-family:var(--cmw-font-body);} .woocommerce-ordering select{padding:11px 15px;border:1.5px solid var(--cmw-border);border-radius:var(--cmw-btn-radius);background:var(--cmw-bg);font-family:var(--cmw-font-body);font-size:14px;} /* load more / infinite scroll */ .cmw-loadmore-wrap{text-align:center;margin-top:44px;min-height:10px;} /* Infinite scroll circular spinner (no button) */ .cmw-infinite-spinner{display:flex;justify-content:center;align-items:center;padding:30px 0;} .cmw-spin-ring{width:42px;height:42px;border-radius:50%;border:4px solid var(--cmw-border);border-top-color:var(--cmw-accent);border-right-color:var(--cmw-accent);animation:cmwSpin .8s linear infinite;} @keyframes cmwSpin{to{transform:rotate(360deg);}} /* ========================================================================== SINGLE PRODUCT ========================================================================== */ .single-product div.product{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px 50px;align-items:start;grid-template-areas:"gallery summary" "tabs summary" "reviews reviews" "related related";grid-template-rows:auto auto;} .single-product div.product .woocommerce-product-gallery{grid-area:gallery;} .single-product div.product .entry-summary{grid-area:summary;} .single-product div.product .woocommerce-tabs{grid-area:tabs;align-self:start;} .single-product div.product .cmw-reviews{grid-area:reviews;align-self:start;background:transparent;padding:0;} .single-product div.product .related,.single-product div.product .upsells{grid-area:related;} .single-product div.product .cmw-faq{grid-column:1 / -1;} .single-product .woocommerce-product-gallery{margin:0!important;width:auto!important;float:none!important;} .single-product .woocommerce-product-gallery__wrapper{margin:0;} .single-product .woocommerce-product-gallery__image img{border-radius:var(--cmw-card-radius);border:1px solid var(--cmw-border);} .single-product .flex-control-thumbs{display:flex;gap:10px;list-style:none;margin:14px 0 0;padding:2px 0 8px;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--cmw-accent) var(--cmw-border);} .single-product .flex-control-thumbs::-webkit-scrollbar{height:6px;} .single-product .flex-control-thumbs::-webkit-scrollbar-track{background:var(--cmw-border);border-radius:10px;} .single-product .flex-control-thumbs::-webkit-scrollbar-thumb{background:var(--cmw-accent);border-radius:10px;} .single-product .flex-control-thumbs li{width:74px;flex:0 0 74px;scroll-snap-align:start;} .single-product .flex-control-thumbs img{border-radius:8px;border:2px solid transparent;cursor:pointer;width:100%;} .single-product .flex-control-thumbs img.flex-active{border-color:var(--cmw-accent);} .single-product div.product .entry-summary{margin:0!important;float:none!important;width:auto!important;} .single-product .product_title{font-size:32px;line-height:1.18;margin:6px 0 12px;} .cmw-product-subtitle{font-family:var(--cmw-font-body);font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--cmw-text-muted);margin-bottom:4px;} .single-product .price{font-family:var(--cmw-font-body);font-size:28px;font-weight:800;color:var(--cmw-primary);margin:10px 0 18px;} .single-product .price del{color:var(--cmw-text-muted);font-weight:400;font-size:20px;margin-right:10px;} .single-product .price ins{text-decoration:none;color:var(--cmw-sale);} .single-product .woocommerce-product-rating{margin-bottom:14px;} .single-product .woocommerce-product-details__short-description{color:var(--cmw-text-muted);font-size:15px;line-height:1.7;margin-bottom:22px;border-top:1px solid var(--cmw-border);padding-top:18px;font-family:var(--cmw-font-body);} .single-product form.cart{margin:0 0 10px;display:flex;flex-direction:column;align-items:stretch;gap:10px;} .single-product .quantity{width:100%;} .single-product .quantity input.qty{width:100%;max-width:140px;height:52px;text-align:center;border:1.5px solid var(--cmw-border);border-radius:var(--cmw-btn-radius);font-size:16px;} /* Each action button takes its own full-width line. */ .single-product form.cart .single_add_to_cart_button{width:100%;background:var(--cmw-primary)!important;color:#fff!important;border:none!important;padding:0 20px!important;height:54px;line-height:54px!important;border-radius:var(--cmw-btn-radius);font-weight:700;font-size:16px;font-family:var(--cmw-font-body);transition:background .15s;text-align:center;} .single-product form.cart .single_add_to_cart_button:hover{background:var(--cmw-accent)!important;color:var(--cmw-accent-text)!important;} .single-product form.cart .single_add_to_cart_button:focus,.single-product form.cart .single_add_to_cart_button:active{background:var(--cmw-accent)!important;color:var(--cmw-accent-text)!important;outline:none;} .single-product form.cart .single_add_to_cart_button.loading,.single-product form.cart .single_add_to_cart_button.added{background:var(--cmw-primary)!important;color:#fff!important;opacity:1;} .cmw-buy-now{width:100%;background:var(--cmw-accent)!important;color:var(--cmw-accent-text)!important;border:none!important;height:54px;padding:0 20px!important;border-radius:var(--cmw-btn-radius);font-weight:700;font-size:16px;font-family:var(--cmw-font-body);text-align:center;cursor:pointer;} .cmw-buy-now:hover{background:var(--cmw-primary)!important;color:#fff!important;} .cmw-wa-order{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:#25D366!important;color:#fff!important;padding:14px;border-radius:var(--cmw-btn-radius);font-weight:700;font-size:16px;margin:0 0 10px;border:none!important;font-family:var(--cmw-font-body);transition:background .15s;text-shadow:none;} .cmw-wa-order:hover{background:#1ebe5b!important;color:#fff!important;} .cmw-wa-order svg{width:20px;height:20px;fill:#fff;} /* bulk tiers */ .cmw-bulk-tiers{display:flex;gap:10px;margin:0 0 20px;flex-wrap:wrap;} .cmw-tier{flex:1;min-width:100px;background:var(--cmw-surface);border:2px solid var(--cmw-border);border-radius:var(--cmw-card-radius);padding:13px;text-align:center;transition:border-color .15s,background .15s;font-family:var(--cmw-font-body);} .cmw-tier:hover{border-color:var(--cmw-accent);} .cmw-tier.is-active{border-color:var(--cmw-accent);background:var(--cmw-bg);box-shadow:0 0 0 3px rgba(0,0,0,.04);} .cmw-tier-qty{display:block;font-weight:700;font-size:14px;} .cmw-tier-price{display:block;font-size:15px;color:var(--cmw-primary);margin-top:3px;} .cmw-tier-save{display:inline-block;margin-top:7px;font-size:11px;color:var(--cmw-success);font-weight:600;} /* trust list */ .cmw-trust{list-style:none;margin:18px 0 0;padding:18px 0 0;border-top:1px solid var(--cmw-border);display:grid;grid-template-columns:1fr 1fr;gap:11px;} .cmw-trust li{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--cmw-text-muted);font-family:var(--cmw-font-body);} .cmw-trust-ico{color:var(--cmw-success);flex-shrink:0;} .cmw-trust-ico svg{width:18px;height:18px;display:block;} /* tabs */ .woocommerce-tabs{margin-top:8px;} .woocommerce-tabs ul.tabs{list-style:none;display:flex;gap:6px;padding:0;margin:0 0 24px;border-bottom:2px solid var(--cmw-border);flex-wrap:wrap;} .woocommerce-tabs ul.tabs li a{display:block;padding:13px 22px;font-weight:600;color:var(--cmw-text-muted);border-bottom:2px solid transparent;margin-bottom:-2px;font-family:var(--cmw-font-body);} .woocommerce-tabs ul.tabs li.active a{color:var(--cmw-primary);border-bottom-color:var(--cmw-accent);} .related.products,.upsells.products{margin-top:60px;} .related.products>h2,.upsells.products>h2{font-size:26px;margin-bottom:24px;} /* sticky add-to-cart (mobile) */ /* Sticky mobile product bar: price + add to cart + animated Buy Now */ .cmw-sticky-atc{position:fixed;left:0;right:0;bottom:0;background:var(--cmw-bg);border-top:1px solid var(--cmw-border);padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));display:none;align-items:center;gap:12px;z-index:250;box-shadow:0 -6px 24px rgba(16,24,40,.14);transform:translateY(100%);transition:transform .3s cubic-bezier(.16,.84,.44,1);} @media(max-width:768px){body.single-product .cmw-sticky-atc{display:flex;}} .cmw-sticky-atc.cmw-sticky-show{transform:translateY(0);} .cmw-sticky-price{display:flex;flex-direction:column;line-height:1.15;min-width:0;flex:0 0 auto;} .cmw-sticky-price del{font-size:13px;color:var(--cmw-text-muted);font-weight:400;opacity:.8;} .cmw-sticky-price ins{text-decoration:none;} .cmw-sticky-price .amount,.cmw-sticky-price ins .amount{font-weight:800;color:var(--cmw-sale);font-size:19px;font-family:var(--cmw-font-body);} .cmw-sticky-price del .amount{color:var(--cmw-text-muted);font-size:13px;font-weight:400;} .cmw-sticky-actions{margin-left:auto;display:flex;gap:8px;flex:1 1 auto;justify-content:flex-end;} .cmw-sticky-atc-btn{background:var(--cmw-primary);color:#fff;border:none;padding:13px 16px;border-radius:var(--cmw-btn-radius);font-weight:700;font-size:14px;font-family:var(--cmw-font-body);white-space:nowrap;cursor:pointer;transition:background .2s;} .cmw-sticky-atc-btn:hover{background:var(--cmw-primary-dark);} .cmw-sticky-buy{background:var(--cmw-accent);color:var(--cmw-accent-text);border:none;padding:13px 20px;border-radius:var(--cmw-btn-radius);font-weight:800;font-size:14px;font-family:var(--cmw-font-body);white-space:nowrap;cursor:pointer;flex:1 1 auto;max-width:55%;} body.cmw-has-sticky,.single-product.cmw-has-sticky{padding-bottom:72px;} /* Buy Now attention animations (applied via cmw-bn-{anim}) */ @keyframes cmw-bn-pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.06);}} .cmw-bn-pulse{animation:cmw-bn-pulse 1.4s ease-in-out infinite;} @keyframes cmw-bn-zoom{0%,100%{transform:scale(1);}50%{transform:scale(1.09);}} .cmw-bn-zoom{animation:cmw-bn-zoom 1.1s ease-in-out infinite;} @keyframes cmw-bn-bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}} .cmw-bn-bounce{animation:cmw-bn-bounce 1.1s ease infinite;} @keyframes cmw-bn-beat{0%,100%{transform:scale(1);}25%{transform:scale(1.07);}40%{transform:scale(1);}60%{transform:scale(1.05);}} .cmw-bn-beat{animation:cmw-bn-beat 1.3s ease-in-out infinite;} @keyframes cmw-bn-shake{0%,100%{transform:translateX(0);}20%{transform:translateX(-3px);}40%{transform:translateX(3px);}60%{transform:translateX(-2px);}80%{transform:translateX(2px);}} .cmw-bn-shake{animation:cmw-bn-shake 1.6s ease-in-out infinite;} @keyframes cmw-bn-glow{0%,100%{box-shadow:0 0 0 0 var(--cmw-accent-glow,rgba(0,0,0,.3));}50%{box-shadow:0 0 18px 4px var(--cmw-accent-glow,rgba(0,0,0,.3));}} .cmw-bn-glow{animation:cmw-bn-glow 1.4s ease-in-out infinite;} @keyframes cmw-bn-color{0%,100%{background:var(--cmw-accent);}50%{background:var(--cmw-primary);}} .cmw-bn-color{animation:cmw-bn-color 1.6s ease-in-out infinite;} @keyframes cmw-bn-tilt{0%,100%{transform:rotate(0);}25%{transform:rotate(-1.5deg);}75%{transform:rotate(1.5deg);}} .cmw-bn-tilt{animation:cmw-bn-tilt 1.4s ease-in-out infinite;} .cmw-bn-shine{position:relative;overflow:hidden;} .cmw-bn-shine::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:cmw-bn-shine 2s ease-in-out infinite;} @keyframes cmw-bn-shine{0%{left:-60%;}60%,100%{left:120%;}} @keyframes cmw-bn-border{0%,100%{box-shadow:0 0 0 0 var(--cmw-accent);}50%{box-shadow:0 0 0 3px var(--cmw-accent);}} .cmw-bn-border{animation:cmw-bn-border 1.3s ease-in-out infinite;} .cmw-bn-none{animation:none;} body.cmw-no-anim .cmw-sticky-buy{animation:none!important;} @media(prefers-reduced-motion:reduce){.cmw-sticky-buy{animation:none!important;}} /* breadcrumb */ .woocommerce-breadcrumb{font-size:13px;color:var(--cmw-text-muted);margin-bottom:22px;font-family:var(--cmw-font-body);} .cmw-bc-sep{margin:0 8px;opacity:.5;} /* checkout */ .cmw-checkout-strip{background:var(--cmw-surface);border:1px solid var(--cmw-border);border-radius:var(--cmw-card-radius);padding:15px 18px;margin-bottom:26px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;} .cmw-checkout-trust{display:flex;gap:18px;font-size:13px;color:var(--cmw-text-muted);flex-wrap:wrap;font-family:var(--cmw-font-body);} .cmw-checkout-trust span{display:flex;align-items:center;gap:6px;} .cmw-checkout-wa{color:#1ebe5b;font-weight:600;font-size:14px;font-family:var(--cmw-font-body);} /* pagination */ .woocommerce-pagination ul,.cmw-blog .navigation .nav-links{display:flex;gap:8px;list-style:none;padding:0;margin:40px 0 0;justify-content:center;flex-wrap:wrap;} .woocommerce-pagination a,.woocommerce-pagination span,.nav-links a,.nav-links span{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;border:1px solid var(--cmw-border);border-radius:9px;font-weight:600;font-family:var(--cmw-font-body);} .woocommerce-pagination .current,.nav-links .current{background:var(--cmw-primary);color:#fff;border-color:var(--cmw-primary);} /* ---------- Footer ---------- */ .cmw-footer{background:var(--cmw-footer-bg);color:var(--cmw-footer-text);margin-top:0;} .cmw-footer-top{display:grid;grid-template-columns:1.4fr 2fr;gap:44px;padding:58px 20px 42px;} .cmw-footer-about p{font-size:14px;line-height:1.7;opacity:.85;margin:14px 0;font-family:var(--cmw-font-body);} .cmw-footer-logo{color:var(--cmw-footer-text);opacity:1;font-weight:800;} .cmw-footer-logo span{color:var(--cmw-accent);} .cmw-footer-contact a{color:var(--cmw-accent);font-weight:600;font-size:14px;font-family:var(--cmw-font-body);} .cmw-footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;} .cmw-widget-title{font-family:var(--cmw-font-body);font-size:15px;color:#fff;margin-bottom:15px;text-transform:uppercase;letter-spacing:.5px;} .cmw-footer-list{list-style:none;margin:0;padding:0;} .cmw-footer-list li{margin-bottom:10px;} .cmw-footer-list a{font-size:14px;opacity:.82;transition:opacity .15s,color .15s,padding-left .15s;font-family:var(--cmw-font-body);} .cmw-footer-list a:hover{opacity:1;color:var(--cmw-accent);padding-left:4px;} .cmw-footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:20px 0;background:var(--cmw-footer-bottom-bg,transparent);color:var(--cmw-footer-bottom-text,inherit);} .cmw-footer-bottom .cmw-container{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;opacity:.85;font-family:var(--cmw-font-body);} .cmw-pay-methods{display:flex;gap:8px;flex-wrap:wrap;} .cmw-pay-methods span{background:rgba(255,255,255,.1);padding:4px 10px;border-radius:5px;font-size:11px;font-weight:600;letter-spacing:.3px;} /* ---------- Floating WhatsApp ---------- */ .cmw-float-wa{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;z-index:240;box-shadow:0 6px 20px rgba(37,211,102,.45);transition:transform .15s;} .cmw-float-wa:hover{transform:scale(1.09);} .cmw-float-wa svg{width:30px;height:30px;} /* ---------- Back to top ---------- */ .cmw-totop{position:fixed;right:20px;bottom:86px;width:46px;height:46px;border-radius:50%;background:var(--cmw-primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;z-index:239;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .25s;} .cmw-totop.is-visible{opacity:1;visibility:visible;transform:translateY(0);} .cmw-totop svg{width:22px;height:22px;} /* ---------- Blog / page ---------- */ .cmw-blog,.cmw-single-page{padding:44px 20px 70px;} .cmw-page-title{font-size:34px;margin-bottom:22px;} .cmw-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;} .cmw-post-card{background:var(--cmw-bg);border:1px solid var(--cmw-border);border-radius:var(--cmw-card-radius);overflow:hidden;transition:transform .2s,box-shadow .2s;} .cmw-post-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.1);} .cmw-post-thumb img{width:100%;aspect-ratio:16/10;object-fit:cover;} .cmw-post-body{padding:20px;} .cmw-post-title{font-size:19px;} .cmw-post-meta{font-size:12px;color:var(--cmw-text-muted);margin-bottom:10px;font-family:var(--cmw-font-body);} .cmw-entry-content{font-size:16px;line-height:1.8;max-width:780px;font-family:var(--cmw-font-body);} .cmw-404{text-align:center;padding:90px 20px;} .cmw-404 h1{font-size:96px;color:var(--cmw-accent);margin:0;} /* ========================================================================== SCROLL ANIMATIONS ========================================================================== */ .cmw-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;} .cmw-reveal.is-visible{opacity:1;transform:none;} /* Product card gentle fade-up (no flicker) */ .cmw-prod-reveal{opacity:0;transform:translateY(30px);will-change:opacity,transform;backface-visibility:hidden;} .cmw-prod-reveal.cmw-prod-in{opacity:1;transform:none;transition:opacity .8s ease var(--cmw-d,0ms),transform .8s cubic-bezier(.16,.84,.44,1) var(--cmw-d,0ms);} body.cmw-no-anim .cmw-prod-reveal{opacity:1;transform:none;} .cmw-reveal-delay-1{transition-delay:.08s;} .cmw-reveal-delay-2{transition-delay:.16s;} .cmw-reveal-delay-3{transition-delay:.24s;} body.cmw-no-anim .cmw-reveal{opacity:1;transform:none;transition:none;} /* ========================================================================== RESPONSIVE ========================================================================== */ @media (max-width:1024px){ .cmw-cat-grid{grid-template-columns:repeat(4,1fr);} .woocommerce ul.products,ul.products{grid-template-columns:repeat(3,1fr);} .cmw-post-grid{grid-template-columns:repeat(2,1fr);} .single-product div.product{grid-template-columns:1fr;gap:32px;grid-template-areas:"gallery" "summary" "tabs" "reviews" "related";} .single-product .woocommerce-product-gallery{position:static;} .cmw-hero-heading{font-size:38px;} } @media (max-width:768px){ .cmw-navbar{display:none;} .cmw-burger{display:flex;} .cmw-header-inner{gap:10px;height:66px;} .cmw-logo{flex:1;justify-content:center;} .cmw-header-search{display:none;} .cmw-search-toggle{display:flex;} .cmw-logo-text{font-size:21px;} .cmw-feature-grid{grid-template-columns:repeat(2,1fr);gap:16px;} .cmw-cat-grid{grid-template-columns:repeat(3,1fr);gap:12px;} .woocommerce ul.products,ul.products{grid-template-columns:repeat(2,1fr);gap:14px;} .cmw-card-body{padding:13px;gap:5px;} .cmw-card-title{font-size:14px;min-height:4em;} .cmw-card-price{font-size:16px;} .cmw-hero-slide,.cmw-hero-content{min-height:360px;} .cmw-hero-heading{font-size:30px;} .cmw-hero-sub{font-size:16px;} .cmw-section{padding:38px 0;} .cmw-section-title{font-size:24px;} .cmw-footer-top{grid-template-columns:1fr;gap:32px;padding:42px 20px 30px;} .cmw-footer-cols{grid-template-columns:repeat(2,1fr);} .cmw-post-grid{grid-template-columns:1fr;} .single-product .product_title{font-size:26px;} .single-product.cmw-has-sticky .cmw-sticky-atc{display:flex;} .single-product.cmw-has-sticky{padding-bottom:84px;} .cmw-trust{grid-template-columns:1fr;} .cmw-float-wa{bottom:78px;} .cmw-totop{bottom:142px;} } @media (max-width:480px){ .cmw-cat-grid{grid-template-columns:repeat(2,1fr);} .cmw-feature-grid{grid-template-columns:1fr 1fr;} .cmw-hero-heading{font-size:25px;} .cmw-bulk-tiers{flex-direction:column;} .cmw-tier{display:flex;align-items:center;justify-content:space-between;text-align:left;} .cmw-tier-save{margin-top:0;} .cmw-footer-bottom .cmw-container{flex-direction:column;text-align:center;} } @media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto;} *{transition:none!important;animation:none!important;} .cmw-reveal{opacity:1;transform:none;} } /* ========================================================================== ANIMATION STYLE VARIANTS (driven by body class) ========================================================================== */ .cmw-anim-fade-up .cmw-reveal{opacity:0;transform:translateY(28px);} .cmw-anim-fade .cmw-reveal{opacity:0;} .cmw-anim-zoom .cmw-reveal{opacity:0;transform:scale(.93);} .cmw-anim-slide-left .cmw-reveal{opacity:0;transform:translateX(-36px);} .cmw-reveal{transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);} .cmw-reveal.is-visible{opacity:1!important;transform:none!important;} /* Hover effects (opt-in via body class) */ .cmw-hover-zoom .cmw-card-media img{transition:transform .5s cubic-bezier(.2,.7,.2,1);} .cmw-hover-zoom .cmw-product-card:hover .cmw-card-media img{transform:scale(1.08);} .cmw-hover-lift .cmw-product-card,.cmw-hover-lift .cmw-cat-card,.cmw-hover-lift .cmw-post-card{transition:transform .25s ease,box-shadow .25s ease;} .cmw-hover-lift .cmw-product-card:hover,.cmw-hover-lift .cmw-cat-card:hover,.cmw-hover-lift .cmw-post-card:hover{transform:translateY(-6px);} body:not(.cmw-hover-lift) .cmw-product-card:hover{transform:none;} .cmw-tint-cards .cmw-product-card{background:var(--cmw-surface);} /* ========================================================================== NEW: stock bar, shipping note, countdown, share, quick cats, brand strip, CTA ========================================================================== */ .cmw-stock-bar{margin:0 0 16px;} .cmw-stock-bar small{display:block;margin-top:6px;font-size:13px;color:var(--cmw-sale);font-weight:600;font-family:var(--cmw-font-body);} .cmw-stock-bar.cmw-in-stock{display:flex;align-items:center;gap:9px;} .cmw-stock-bar.cmw-in-stock small{color:var(--cmw-success);display:inline;margin-top:0;} .cmw-stock-track{height:7px;border-radius:5px;background:var(--cmw-border);overflow:hidden;} .cmw-stock-track span{display:block;height:100%;background:linear-gradient(90deg,var(--cmw-sale),#e8743b);border-radius:5px;} .cmw-in-stock .cmw-dot{width:9px;height:9px;border-radius:50%;background:var(--cmw-success);display:inline-block;flex-shrink:0;box-shadow:0 0 0 4px rgba(42,138,92,.18);} .cmw-ship-note{display:flex;align-items:center;gap:10px;background:var(--cmw-surface);border:1px dashed var(--cmw-border);border-radius:var(--cmw-card-radius);padding:12px 15px;margin:0 0 18px;font-size:13px;color:var(--cmw-text-muted);font-family:var(--cmw-font-body);} .cmw-ship-note svg{color:var(--cmw-accent-dark);flex-shrink:0;} .cmw-countdown{display:flex;align-items:center;gap:12px;background:var(--cmw-primary);color:#fff;border-radius:var(--cmw-card-radius);padding:12px 16px;margin:0 0 18px;} .cmw-countdown-label{font-size:13px;opacity:.85;font-family:var(--cmw-font-body);} .cmw-countdown-timer{font-family:var(--cmw-font-body);font-weight:800;font-size:18px;letter-spacing:.5px;margin-left:auto;} .cmw-share{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:13px;color:var(--cmw-text-muted);font-family:var(--cmw-font-body);} .cmw-share a{width:34px;height:34px;border-radius:50%;border:1px solid var(--cmw-border);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--cmw-text);transition:all .15s;} .cmw-share a:hover{background:var(--cmw-primary);color:#fff;border-color:var(--cmw-primary);} .cmw-brand-strip{background:var(--cmw-primary);color:#fff;padding:46px 0;} .cmw-brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;} .cmw-brand-point{display:flex;gap:14px;align-items:flex-start;} .cmw-brand-ico{width:50px;height:50px;border-radius:12px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--cmw-accent);} .cmw-brand-point strong{display:block;font-size:15px;font-family:var(--cmw-font-body);margin-bottom:4px;} .cmw-brand-point p{margin:0;font-size:13px;opacity:.82;line-height:1.5;font-family:var(--cmw-font-body);} .cmw-cta-band{background:linear-gradient(120deg,var(--cmw-primary),var(--cmw-primary-dark));color:#fff;text-align:center;padding:64px 20px;} .cmw-cta-band h2{color:#fff;font-size:34px;margin-bottom:24px;} @media (max-width:768px){ .cmw-brand-grid{grid-template-columns:1fr 1fr;gap:20px;} .cmw-cta-band h2{font-size:25px;} } @media (max-width:480px){ .cmw-brand-grid{grid-template-columns:1fr;} } /* footer newsletter */ .cmw-footer-newsletter{border-top:1px solid rgba(255,255,255,.12);padding:30px 0;} .cmw-newsletter-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;} .cmw-newsletter-inner strong{display:block;font-family:var(--cmw-font-body);font-size:18px;color:#fff;} .cmw-newsletter-inner span{font-size:13px;opacity:.8;font-family:var(--cmw-font-body);} .cmw-newsletter-form{display:flex;gap:10px;flex:1;max-width:480px;min-width:280px;} .cmw-newsletter-form input{flex:1;padding:13px 16px;border:none;border-radius:var(--cmw-btn-radius);font-size:14px;} .cmw-newsletter-form .cmw-btn{padding:13px 26px;white-space:nowrap;} @media (max-width:600px){.cmw-newsletter-form{max-width:100%;}} /* single + sidebar wrappers */ .cmw-single-wrap{padding:30px 20px 70px;} /* Product summary must always be visible (never hidden by reveal). */ .single-product .entry-summary,.single-product .product_title{opacity:1!important;} .single-product .product_title{display:inline-block;margin:0 0 12px;} .cmw-shop-wrap.cmw-has-sidebar .cmw-shop-main{display:grid;grid-template-columns:270px 1fr;gap:34px;align-items:start;} .cmw-shop-sidebar{position:sticky;top:100px;} .cmw-shop-sidebar .cmw-widget{margin-bottom:26px;} /* Custom filter sidebar (probo-style) */ .cmw-filter-sidebar{position:sticky;top:100px;} .cmw-filter-block{background:var(--cmw-surface);border:1px solid var(--cmw-border);border-radius:var(--cmw-card-radius);padding:18px 18px 20px;margin-bottom:18px;} .cmw-filter-title{font-family:var(--cmw-font-heading);font-size:17px;margin:0 0 14px;color:var(--cmw-text);} .cmw-filter-cats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;max-height:340px;overflow-y:auto;} .cmw-filter-cats a{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:8px;color:var(--cmw-text);font-size:14px;text-decoration:none;transition:background .15s,color .15s;} .cmw-filter-cats a:hover{background:var(--cmw-bg);color:var(--cmw-accent-dark);} .cmw-filter-cats a.is-active{background:var(--cmw-primary);color:#fff;font-weight:600;} .cmw-filter-count{font-size:12px;background:var(--cmw-bg);color:var(--cmw-text-muted);border-radius:20px;padding:1px 9px;min-width:24px;text-align:center;} .cmw-filter-cats a.is-active .cmw-filter-count{background:rgba(255,255,255,.25);color:#fff;} .cmw-price-row{display:flex;align-items:center;gap:8px;margin-bottom:12px;} .cmw-price-row input{width:100%;min-width:0;padding:9px 10px;border:1.5px solid var(--cmw-border);border-radius:8px;font-size:14px;font-family:var(--cmw-font-body);background:var(--cmw-bg);color:var(--cmw-text);} .cmw-price-row span{color:var(--cmw-text-muted);} .cmw-price-apply{width:100%;background:var(--cmw-primary);color:#fff;border:none;padding:10px;border-radius:8px;font-weight:600;font-family:var(--cmw-font-body);cursor:pointer;transition:background .15s;} .cmw-price-apply:hover{background:var(--cmw-primary-dark);} .cmw-filter-rating{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;} .cmw-filter-rating a{display:block;padding:7px 10px;border-radius:8px;color:var(--cmw-star);font-size:15px;letter-spacing:2px;text-decoration:none;transition:background .15s;} .cmw-filter-rating a:hover{background:var(--cmw-bg);} .cmw-filter-status{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;} .cmw-filter-status a{display:block;padding:8px 10px;border-radius:8px;color:var(--cmw-text);font-size:14px;text-decoration:none;transition:background .15s,color .15s;} .cmw-filter-status a:hover{background:var(--cmw-bg);color:var(--cmw-accent-dark);} .cmw-filter-status a.is-active{background:var(--cmw-primary);color:#fff;font-weight:600;} .cmw-filter-help-text{font-size:13.5px;line-height:1.55;color:var(--cmw-text);margin:0 0 12px;font-family:var(--cmw-font-body);} .cmw-filter-help-btn{display:inline-flex;align-items:center;gap:7px;background:#25D366;color:#fff;font-weight:700;font-size:13px;padding:9px 15px;border-radius:30px;text-decoration:none;font-family:var(--cmw-font-body);transition:background .15s;} .cmw-filter-help-btn:hover{background:#1faa55;} .cmw-shop-wrap.cmw-has-sidebar .cmw-shop-results ul.products{grid-template-columns:repeat(var(--cmw-shop-cols,3),1fr);} @media (max-width:900px){ .cmw-shop-wrap.cmw-has-sidebar .cmw-shop-main{grid-template-columns:1fr;} .cmw-shop-sidebar,.cmw-filter-sidebar{position:static;} .cmw-shop-wrap.cmw-has-sidebar .cmw-shop-results ul.products{grid-template-columns:repeat(2,1fr);} } /* ========================================================================== SOCIAL LINKS (footer) ========================================================================== */ .cmw-footer-social{display:flex;gap:10px;margin-top:16px;} .cmw-footer-social a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .18s;} .cmw-footer-social a:hover{background:var(--cmw-accent);color:var(--cmw-accent-text);transform:translateY(-3px);} .cmw-footer-social svg{width:18px;height:18px;} /* ========================================================================== OFFERS BAND (cart + checkout) ========================================================================== */ .cmw-offers-band{background:var(--cmw-surface);border:1px solid var(--cmw-border);border-radius:var(--cmw-card-radius);padding:16px 18px;margin:0 0 24px;} .cmw-offers-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;} .cmw-offers-row+.cmw-offers-row{margin-top:12px;padding-top:12px;border-top:1px dashed var(--cmw-border);} .cmw-offers-label{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--cmw-text-muted);font-weight:700;font-family:var(--cmw-font-body);min-width:64px;} .cmw-offers-chips{display:flex;gap:9px;flex-wrap:wrap;flex:1;} .cmw-offer-chip{display:inline-flex;align-items:center;gap:6px;background:var(--cmw-bg);border:1px solid var(--cmw-border);border-radius:30px;padding:7px 14px;font-size:13px;font-weight:600;color:var(--cmw-text);font-family:var(--cmw-font-body);} .cmw-offer-chip svg{color:var(--cmw-accent-dark);} .cmw-offer-hot{background:var(--cmw-accent);color:var(--cmw-accent-text);border-color:var(--cmw-accent);} .cmw-offer-hot svg{color:var(--cmw-accent-text);} .cmw-bank-details{margin-top:12px;padding-top:12px;border-top:1px dashed var(--cmw-border);display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--cmw-text-muted);font-family:var(--cmw-font-body);} .cmw-bank-details svg{color:var(--cmw-accent-dark);flex-shrink:0;} /* ========================================================================== FREE SHIPPING PROGRESS (cart) ========================================================================== */ .cmw-ship-progress{background:var(--cmw-bg);border:1px solid var(--cmw-border);border-radius:var(--cmw-card-radius);padding:15px 18px;margin:0 0 22px;} .cmw-ship-progress-msg{display:flex;align-items:center;gap:9px;font-size:14px;font-family:var(--cmw-font-body);margin-bottom:11px;color:var(--cmw-text);} .cmw-ship-progress-msg svg{color:var(--cmw-accent-dark);} .cmw-ship-progress-msg.cmw-qualified{color:var(--cmw-success);font-weight:600;} .cmw-ship-progress-msg.cmw-qualified svg{color:var(--cmw-success);} .cmw-ship-progress-track{height:8px;background:var(--cmw-border);border-radius:5px;overflow:hidden;} .cmw-ship-progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--cmw-accent),var(--cmw-accent-dark));border-radius:5px;transition:width .5s ease;} /* ========================================================================== PREMIUM CART PAGE ========================================================================== */ .woocommerce-cart .cmw-content{padding:30px 0 70px;} .woocommerce-cart table.cart{border:none;width:100%;} .woocommerce-cart table.cart thead th{border-bottom:2px solid var(--cmw-border);padding:14px;font-family:var(--cmw-font-body);font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--cmw-text-muted);text-align:left;} .woocommerce-cart table.cart td{padding:18px 14px;border-bottom:1px solid var(--cmw-border);vertical-align:middle;} .woocommerce-cart table.cart .product-thumbnail img{width:78px;height:78px;object-fit:cover;border-radius:var(--cmw-card-radius);border:1px solid var(--cmw-border);} .woocommerce-cart table.cart .product-name a{font-weight:600;color:var(--cmw-text);font-family:var(--cmw-font-body);} .woocommerce-cart table.cart .product-name a:hover{color:var(--cmw-accent-dark);} .woocommerce-cart .quantity input.qty{width:70px;height:44px;border:1.5px solid var(--cmw-border);border-radius:var(--cmw-btn-radius);text-align:center;} .woocommerce-cart .product-remove a{color:var(--cmw-sale);font-size:20px;text-decoration:none;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s;} .woocommerce-cart .product-remove a:hover{background:var(--cmw-surface);} .woocommerce-cart .actions{padding:20px 0;} .woocommerce-cart .actions .button,.woocommerce-cart .coupon .button{background:var(--cmw-primary);color:#fff;border:none;padding:13px 24px;border-radius:var(--cmw-btn-radius);font-weight:600;font-family:var(--cmw-font-body);} .woocommerce-cart .coupon input{height:48px;border:1.5px solid var(--cmw-border);border-radius:var(--cmw-btn-radius);padding:0 14px;margin-right:8px;} .cart_totals{background:var(--cmw-surface);border:1px solid var(--cmw-border);border-radius:var(--cmw-card-radius);padding:24px;} .cart_totals h2{font-size:20px;margin-bottom:16px;} .cart_totals table{width:100%;} .cart_totals th,.cart_totals td{padding:12px 0;border-bottom:1px solid var(--cmw-border);font-family:var(--cmw-font-body);text-align:left;} .cart_totals .order-total .amount{font-size:22px;color:var(--cmw-primary);font-weight:800;} .wc-proceed-to-checkout .checkout-button{display:block;background:var(--cmw-accent)!important;color:var(--cmw-accent-text)!important;text-align:center;padding:16px!important;border-radius:var(--cmw-btn-radius);font-weight:700!important;font-size:16px;margin-top:16px;font-family:var(--cmw-font-body);border:none;transition:background .15s;} .wc-proceed-to-checkout .checkout-button:hover{background:var(--cmw-accent-dark)!important;} /* ========================================================================== PREMIUM CHECKOUT PAGE ========================================================================== */ .woocommerce-checkout .cmw-content{padding:30px 0 70px;} .woocommerce-checkout .col2-set,.woocommerce-checkout #customer_details{margin-bottom:20px;} .woocommerce-checkout h3{font-size:19px;padding-bottom:12px;border-bottom:2px solid var(--cmw-border);margin-bottom:20px;} .woocommerce-checkout .form-row label{font-family:var(--cmw-font-body);font-size:13.5px;font-weight:500;margin-bottom:6px;display:block;color:var(--cmw-text);} .woocommerce-checkout .form-row input.input-text,.woocommerce-checkout .form-row textarea,.woocommerce-checkout select,.woocommerce-checkout .select2-container .select2-selection{border:1.5px solid var(--cmw-border)!important;border-radius:var(--cmw-btn-radius)!important;padding:12px 14px!important;font-size:14px;min-height:48px;background:var(--cmw-bg);font-family:var(--cmw-font-body);} .woocommerce-checkout .form-row input.input-text:focus,.woocommerce-checkout .form-row textarea:focus{border-color:var(--cmw-accent)!important;outline:none;box-shadow:0 0 0 3px rgba(0,0,0,.04);} .woocommerce-checkout #order_review{background:var(--cmw-surface);border:1px solid var(--cmw-border);border-radius:var(--cmw-card-radius);padding:26px;position:sticky;top:100px;} .woocommerce-checkout #order_review_heading{font-size:20px;margin-bottom:16px;} .woocommerce-checkout .woocommerce-checkout-review-order-table{width:100%;font-family:var(--cmw-font-body);} .woocommerce-checkout .woocommerce-checkout-review-order-table th,.woocommerce-checkout .woocommerce-checkout-review-order-table td{padding:12px 0;border-bottom:1px solid var(--cmw-border);text-align:left;} .woocommerce-checkout .order-total .amount{font-size:22px;color:var(--cmw-primary);font-weight:800;} .woocommerce-checkout .wc_payment_methods{list-style:none;margin:0 0 20px;padding:0;} .woocommerce-checkout .wc_payment_method{border:1.5px solid var(--cmw-border);border-radius:var(--cmw-card-radius);padding:14px 16px;margin-bottom:10px;transition:border-color .15s;} .woocommerce-checkout .wc_payment_method label{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-family:var(--cmw-font-body);margin:0;} .woocommerce-checkout #place_order{width:100%;background:var(--cmw-accent)!important;color:var(--cmw-accent-text)!important;border:none!important;padding:17px!important;border-radius:var(--cmw-btn-radius);font-weight:700!important;font-size:17px;margin-top:14px;font-family:var(--cmw-font-body);transition:background .15s;} .woocommerce-checkout #place_order:hover{background:var(--cmw-accent-dark)!important;} .cmw-checkout-strip{background:var(--cmw-surface);border:1px solid var(--cmw-border);border-radius:var(--cmw-card-radius);padding:15px 18px;margin-bottom:22px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;} .cmw-checkout-trust{display:flex;gap:18px;font-size:13px;color:var(--cmw-text-muted);flex-wrap:wrap;font-family:var(--cmw-font-body);} .cmw-checkout-trust span{display:flex;align-items:center;gap:6px;} .cmw-checkout-trust svg{color:var(--cmw-success);} .cmw-checkout-wa{color:#1ebe5b;font-weight:600;font-size:14px;font-family:var(--cmw-font-body);display:flex;align-items:center;gap:6px;} @media (max-width:768px){ .woocommerce-checkout #order_review{position:static;margin-top:20px;} .cmw-offers-label{min-width:auto;} } /* ========================================================================== PRODUCT PAGE — engaging hover + entrance polish ========================================================================== */ .single-product .woocommerce-product-gallery__image{overflow:hidden;border-radius:var(--cmw-card-radius);} .cmw-hover-zoom .single-product .woocommerce-product-gallery__image img{transition:transform .6s cubic-bezier(.2,.7,.2,1);} .cmw-hover-zoom .single-product .woocommerce-product-gallery__image:hover img{transform:scale(1.12);} /* animated underline on product title */ .single-product .product_title{position:relative;display:inline-block;} .single-product .product_title::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:3px;background:var(--cmw-accent);border-radius:2px;transition:width .6s ease .3s;} .single-product.cmw-title-in .product_title::after{width:64px;} /* buttons get a subtle press feedback */ .single-product form.cart .single_add_to_cart_button,.cmw-buy-now,.cmw-wa-order{transition:transform .12s ease,background .15s ease;} .single-product form.cart .single_add_to_cart_button:active,.cmw-buy-now:active,.cmw-wa-order:active{transform:scale(.97);} /* tabs fade content */ .woocommerce-tabs .panel{animation:cmwFadeIn .4s ease;} @keyframes cmwFadeIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}} /* trust badges hover */ .cmw-trust li{transition:transform .15s ease;} .cmw-hover-lift .cmw-trust li:hover{transform:translateX(3px);} /* gallery thumb hover */ .single-product .flex-control-thumbs img{transition:border-color .15s,transform .15s;} .single-product .flex-control-thumbs img:hover{transform:translateY(-2px);} /* related/upsell product entrance handled by reveal */ .cross-sells{margin-top:40px;} .cross-sells>h2,.upsells>h2{font-size:24px;margin-bottom:22px;} /* ========================================================================== COLLECTION / ARCHIVE — engaging header + grid polish ========================================================================== */ .cmw-archive-hero{background:var(--cmw-surface);border-bottom:1px solid var(--cmw-border);padding:40px 0 36px;margin-bottom:8px;position:relative;overflow:hidden;} .cmw-archive-hero::before{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;background:var(--cmw-accent);opacity:.06;} .cmw-archive-hero::after{content:"";position:absolute;right:90px;bottom:-90px;width:180px;height:180px;border-radius:50%;background:var(--cmw-primary);opacity:.05;} .cmw-archive-bc{font-size:13px;color:var(--cmw-text-muted);margin-bottom:12px;font-family:var(--cmw-font-body);position:relative;z-index:1;} .cmw-archive-bc a:hover{color:var(--cmw-accent-dark);} .cmw-archive-title{font-size:38px;margin:0;position:relative;z-index:1;} .cmw-archive-desc{max-width:680px;color:var(--cmw-text-muted);margin-top:12px;font-family:var(--cmw-font-body);position:relative;z-index:1;line-height:1.7;} /* engaging product card hover (quick shadow + accent edge) */ .cmw-product-card{position:relative;} .cmw-product-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--cmw-accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;border-radius:0 0 var(--cmw-card-radius) var(--cmw-card-radius);} .cmw-product-card:hover::after{transform:scaleX(1);} /* quick-view-ish badge shine on hover */ .cmw-card-media{position:relative;} .cmw-card-media::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.25) 50%,transparent 60%);transform:translateX(-100%);transition:transform .7s ease;z-index:2;pointer-events:none;} .cmw-product-card:hover .cmw-card-media::before{transform:translateX(100%);} /* staggered entrance for grid items */ .woocommerce ul.products li.product{min-width:0;} /* "add to cart" reveal on hover (desktop) */ @media (min-width:769px){ .cmw-card-atc{opacity:1;} .cmw-hover-lift .cmw-card-atc{transition:opacity .2s ease;} } @media (max-width:768px){ .cmw-archive-title{font-size:28px;} .cmw-archive-hero{padding:28px 0 24px;} } /* payment options strip (product) */ .cmw-pay-options{margin:16px 0 0;padding-top:16px;border-top:1px solid var(--cmw-border);} .cmw-pay-options-label{display:block;font-size:12px;color:var(--cmw-text-muted);font-family:var(--cmw-font-body);font-weight:600;margin-bottom:9px;} .cmw-pay-pills{display:flex;align-items:center;gap:9px;flex-wrap:wrap;} .cmw-pay-pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;background:var(--cmw-surface);border:1px solid var(--cmw-border);border-radius:20px;padding:7px 13px;font-family:var(--cmw-font-body);font-weight:600;color:var(--cmw-text);cursor:pointer;transition:all .15s;} .cmw-pay-pill:hover{border-color:var(--cmw-accent);} .cmw-pay-pill[aria-expanded="true"]{background:var(--cmw-accent);color:var(--cmw-accent-text);border-color:var(--cmw-accent);} .cmw-pay-pill[aria-expanded="true"] svg{color:var(--cmw-accent-text);} .cmw-pay-pill svg{color:var(--cmw-accent-dark);} .cmw-pay-detail{margin-top:12px;background:var(--cmw-surface);border:1px solid var(--cmw-border);border-left:3px solid var(--cmw-accent);border-radius:var(--cmw-card-radius);padding:13px 16px;} .cmw-pay-detail strong{display:block;margin-bottom:4px;font-family:var(--cmw-font-body);font-size:13.5px;color:var(--cmw-text);} .cmw-pay-detail p{margin:0;font-family:var(--cmw-font-body);font-size:13px;color:var(--cmw-text-muted);line-height:1.6;} /* ========================================================================== PROMINENT OFFERS BOX (product page bundles) ========================================================================== */ .cmw-offers-box{border:2px solid var(--cmw-accent);border-radius:var(--cmw-card-radius);padding:0;margin:0 0 22px;overflow:hidden;background:var(--cmw-bg);} .cmw-offers-box-head{display:flex;align-items:center;gap:9px;background:var(--cmw-accent);color:var(--cmw-accent-text);padding:10px 16px;font-family:var(--cmw-font-body);font-weight:700;font-size:14px;letter-spacing:.3px;} .cmw-offers-box-head svg{flex-shrink:0;} .cmw-offers-box .cmw-bulk-tiers{display:flex;gap:0;margin:0;flex-wrap:nowrap;} .cmw-offers-box .cmw-tier{flex:1;position:relative;background:var(--cmw-bg);border:none;border-right:1px solid var(--cmw-border);border-radius:0;padding:16px 12px;text-align:center;cursor:pointer;transition:background .18s;display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--cmw-font-body);} .cmw-offers-box .cmw-tier:last-child{border-right:none;} .cmw-offers-box .cmw-tier:hover{background:var(--cmw-surface);} .cmw-offers-box .cmw-tier.is-active{background:var(--cmw-surface);box-shadow:inset 0 -3px 0 var(--cmw-accent);} .cmw-tier-ribbon{position:absolute;top:8px;right:8px;background:var(--cmw-accent);color:var(--cmw-accent-text);font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:10px;letter-spacing:.3px;} .cmw-tier-qty{font-weight:700;font-size:15px;color:var(--cmw-text);} .cmw-tier-price{font-size:17px;font-weight:800;color:var(--cmw-primary);} .cmw-tier-save{font-size:11.5px;color:var(--cmw-success);font-weight:700;background:rgba(42,138,92,.12);padding:3px 8px;border-radius:8px;margin-top:2px;} .cmw-tier-save.cmw-tier-base{color:var(--cmw-text-muted);font-weight:500;background:transparent;} @media (max-width:480px){ .cmw-offers-box .cmw-bulk-tiers{flex-direction:column;} .cmw-offers-box .cmw-tier{border-right:none;border-bottom:1px solid var(--cmw-border);flex-direction:row;justify-content:space-between;text-align:left;} .cmw-offers-box .cmw-tier.is-active{box-shadow:inset 3px 0 0 var(--cmw-accent);} .cmw-tier-ribbon{position:static;} } /* ========================================================================== CHECKOUT STEPS INDICATOR (engaging) ========================================================================== */ .cmw-checkout-steps{display:flex;align-items:center;justify-content:center;gap:0;margin:0 0 28px;} .cmw-checkout-step{display:flex;align-items:center;gap:9px;color:var(--cmw-text-muted);font-family:var(--cmw-font-body);font-size:13.5px;font-weight:600;} .cmw-checkout-step .cmw-step-num{width:30px;height:30px;border-radius:50%;background:var(--cmw-surface);border:2px solid var(--cmw-border);display:flex;align-items:center;justify-content:center;font-size:13px;} .cmw-checkout-step.is-active{color:var(--cmw-primary);} .cmw-checkout-step.is-active .cmw-step-num{background:var(--cmw-accent);border-color:var(--cmw-accent);color:var(--cmw-accent-text);} .cmw-checkout-step-line{width:60px;height:2px;background:var(--cmw-border);margin:0 12px;} @media (max-width:560px){ .cmw-checkout-step span:not(.cmw-step-num){display:none;} .cmw-checkout-step-line{width:30px;} } /* payment instructions on thank-you */ .cmw-pay-instructions{background:var(--cmw-surface);border:1px solid var(--cmw-border);border-left:4px solid var(--cmw-accent);border-radius:var(--cmw-card-radius);padding:18px 20px;margin:20px 0;} .cmw-pay-instructions h3{font-size:17px;margin-bottom:8px;} .cmw-pay-instructions p{font-family:var(--cmw-font-body);color:var(--cmw-text-muted);margin:4px 0;white-space:pre-line;} /* ========================================================================== ANNOUNCEMENT TICKER (features.php markup) ========================================================================== */ .cmw-ticker{background:var(--cmw-ticker-bg,var(--cmw-primary-dark));color:var(--cmw-ticker-text,#fff);overflow:hidden;white-space:nowrap;} .cmw-ticker-track{display:flex;width:max-content;} .cmw-ticker-run{display:flex;align-items:center;} .cmw-ticker-item{display:inline-flex;align-items:center;padding:9px 16px;font-size:13px;font-weight:500;font-family:var(--cmw-font-body);letter-spacing:.2px;} .cmw-ticker-dot{color:var(--cmw-accent);opacity:.8;} /* ========================================================================== ACTIVE OFFERS STRIP (features.php markup) ========================================================================== */ .cmw-active-offers{background:linear-gradient(95deg,var(--cmw-surface),var(--cmw-bg));border-top:1px solid var(--cmw-border);border-bottom:1px solid var(--cmw-border);} .cmw-active-offers-grid{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:13px 0;} .cmw-active-offers-title{display:inline-flex;align-items:center;gap:7px;font-family:var(--cmw-font-body);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--cmw-accent-dark);white-space:nowrap;} .cmw-active-offers-title svg{color:var(--cmw-accent-dark);} .cmw-active-offer{display:inline-flex;align-items:center;gap:8px;background:var(--cmw-bg);border:1px solid var(--cmw-border);border-radius:30px;padding:7px 15px;font-size:13px;font-weight:600;color:var(--cmw-text);font-family:var(--cmw-font-body);} .cmw-active-offer svg{color:var(--cmw-success);flex-shrink:0;} /* ========================================================================== NEED MORE DISCOUNT (WhatsApp) ========================================================================== */ .cmw-need-discount{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:rgba(37,211,102,.1);border:1.5px dashed #25D366;color:#1ebe5b;padding:12px;border-radius:var(--cmw-btn-radius);font-weight:700;font-size:14.5px;font-family:var(--cmw-font-body);margin:4px 0 16px;transition:background .15s;} .cmw-need-discount:hover{background:rgba(37,211,102,.18);} .cmw-need-discount svg{flex-shrink:0;} .cmw-need-discount-arrow{transition:transform .2s;} .cmw-need-discount:hover .cmw-need-discount-arrow{transform:translateX(4px);} /* ========================================================================== HOT-SELLING BADGE (product image corner) ========================================================================== */ .single-product .woocommerce-product-gallery{position:relative;} .cmw-hot-badge{position:absolute;top:14px;right:14px;z-index:5;display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,#ff6a3d,#ff3d3d);color:#fff;font-family:var(--cmw-font-body);font-weight:700;font-size:12px;padding:6px 12px;border-radius:30px;box-shadow:0 4px 14px rgba(255,61,61,.4);animation:cmwPulse 2s ease-in-out infinite;} @keyframes cmwPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.05);}} body.cmw-no-anim .cmw-hot-badge{animation:none;} /* ========================================================================== CUSTOMER REVIEWS (features.php marquee markup) ========================================================================== */ .cmw-reviews{background:var(--cmw-surface);padding:56px 0;overflow:hidden;} .cmw-reviews-head{text-align:center;margin-bottom:32px;} .cmw-reviews-head .cmw-section-title{display:inline-block;} .cmw-reviews-head .cmw-section-title::after{left:50%;transform:translateX(-50%);} .cmw-reviews-rating{font-family:var(--cmw-font-body);font-size:15px;color:var(--cmw-text-muted);display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:14px;} .cmw-reviews-rating .cmw-reviews-stars{color:var(--cmw-star);font-size:18px;letter-spacing:2px;} .cmw-reviews-rating strong{color:var(--cmw-text);font-size:18px;} .cmw-reviews-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);} .cmw-reviews-marquee .cmw-reviews-track{display:flex;gap:20px;width:max-content;} /* Static (single product / few reviews): centered, no scroll, wraps. */ .cmw-reviews-static{-webkit-mask-image:none;mask-image:none;} .cmw-reviews-static .cmw-reviews-track{width:auto;flex-wrap:wrap;justify-content:center;} .cmw-review-card{flex:0 0 320px;width:320px;background:var(--cmw-bg);border:1px solid var(--cmw-border);border-radius:var(--cmw-card-radius);padding:22px;box-sizing:border-box;white-space:normal;} .cmw-review-head{display:flex;align-items:center;gap:11px;margin-bottom:13px;} .cmw-review-avatar{width:42px;height:42px;border-radius:50%;background:var(--cmw-accent);color:var(--cmw-accent-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--cmw-font-body);flex-shrink:0;font-size:17px;} .cmw-review-meta{display:flex;flex-direction:column;min-width:0;line-height:1.3;} .cmw-review-name{font-family:var(--cmw-font-body);font-size:15px;font-weight:700;color:var(--cmw-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .cmw-review-date{color:var(--cmw-text-muted);font-size:12.5px;font-family:var(--cmw-font-body);margin-top:1px;} .cmw-review-verified{margin-left:auto;color:var(--cmw-success);display:flex;flex-shrink:0;} .cmw-review-rating{display:flex;align-items:center;gap:8px;margin-bottom:12px;} .cmw-review-stars{color:var(--cmw-star);font-size:16px;letter-spacing:2px;line-height:1;position:relative;} .cmw-review-stars .cmw-star-empty{color:var(--cmw-border);} .cmw-review-stars .cmw-star-half{position:relative;display:inline-block;color:var(--cmw-border);} .cmw-review-stars .cmw-star-half::before{content:'★';position:absolute;left:0;top:0;width:50%;overflow:hidden;color:var(--cmw-star);} .cmw-review-text{margin:0;font-family:var(--cmw-font-body);font-size:14.5px;line-height:1.6;color:var(--cmw-text);white-space:normal;word-break:break-word;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:4.8em;} /* ========================================================================== FAQ ACCORDION (features.php markup) ========================================================================== */ .cmw-faq-section{background:var(--cmw-bg);} .cmw-faq-wrap{max-width:860px;} .cmw-faq-list{margin-top:8px;} .cmw-faq-item{border:1px solid var(--cmw-border);border-radius:var(--cmw-card-radius);margin-bottom:12px;overflow:hidden;background:var(--cmw-bg);} .cmw-faq-q{width:100%;text-align:left;background:transparent;border:none;padding:18px 20px;font-family:var(--cmw-font-body);font-weight:600;font-size:15.5px;color:var(--cmw-text);display:flex;justify-content:space-between;align-items:center;gap:14px;cursor:pointer;} .cmw-faq-icon{font-size:24px;color:var(--cmw-accent-dark);transition:transform .25s;flex-shrink:0;line-height:1;} .cmw-faq-item.is-open .cmw-faq-icon{transform:rotate(45deg);} .cmw-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;} .cmw-faq-item.is-open .cmw-faq-a{max-height:400px;} .cmw-faq-a p{margin:0;padding:0 20px 18px;font-family:var(--cmw-font-body);font-size:14.5px;line-height:1.7;color:var(--cmw-text-muted);} /* ========================================================================== ADD-TO-CART TOAST (fades up from bottom) ========================================================================== */ .cmw-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,140%);z-index:9999;display:flex;align-items:center;gap:13px;background:var(--cmw-primary);color:#fff;padding:14px 18px;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.28);font-family:var(--cmw-font-body);font-size:14.5px;max-width:92vw;opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .4s ease;} .cmw-toast.is-show{transform:translate(-50%,0);opacity:1;} .cmw-toast-ic{width:26px;height:26px;border-radius:50%;background:var(--cmw-success);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;} .cmw-toast-msg{font-weight:500;} .cmw-toast-btn{margin-left:6px;background:var(--cmw-accent);color:var(--cmw-accent-text);padding:8px 16px;border-radius:8px;font-weight:700;font-size:13px;white-space:nowrap;} .cmw-toast-btn:hover{filter:brightness(1.06);} @media (max-width:480px){.cmw-toast{flex-wrap:wrap;justify-content:center;text-align:center;bottom:16px;}} /* ========================================================================== BLOCK-BASED CHECKOUT (WooCommerce Blocks) — widen + tidy ========================================================================== */ .wp-block-woocommerce-checkout{max-width:1180px;margin:0 auto;} .wc-block-checkout__form,.wp-block-woocommerce-checkout-fields-block{min-width:0;} .wc-block-components-sidebar,.wp-block-woocommerce-checkout-totals-block{min-width:340px;} @media (min-width:1000px){ .wc-block-checkout,.wp-block-woocommerce-checkout{display:flex;gap:40px;align-items:flex-start;} .wc-block-checkout__main,.wp-block-woocommerce-checkout-fields-block{flex:1 1 60%;min-width:0;} .wc-block-checkout__sidebar,.wp-block-woocommerce-checkout-totals-block{flex:0 0 360px;} } .wc-block-components-order-summary__content,.wc-block-components-order-summary-item{min-width:0;} .wc-block-components-order-summary-item{display:grid!important;grid-template-columns:48px 1fr auto;gap:12px;align-items:start;} .wc-block-components-order-summary-item__image{width:48px;} .wc-block-components-order-summary-item__description{min-width:0;} .wc-block-components-order-summary-item__total-price{white-space:nowrap;} .wc-block-components-order-summary-item__description p,.wc-block-components-order-summary-item__name{word-break:normal;overflow-wrap:anywhere;} /* Order summary card look */ .wc-block-components-sidebar .wc-block-components-panel,.wp-block-woocommerce-checkout-totals-block{background:var(--cmw-surface);border:1px solid var(--cmw-border);border-radius:var(--cmw-card-radius);padding:22px;} /* Place order button */ .wc-block-components-checkout-place-order-button{background:var(--cmw-accent)!important;color:var(--cmw-accent-text)!important;border-radius:var(--cmw-btn-radius)!important;font-weight:700!important;height:54px;} /* Inputs */ .wc-block-components-text-input input,.wc-block-components-address-form input,.wc-block-components-select select{border-radius:var(--cmw-btn-radius)!important;} /* ========================================================================== PRODUCT-PAGE INLINE OFFERS (clickable, under Add to cart) ========================================================================== */ .cmw-offers-inline{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 4px;} .cmw-offer-inline{display:inline-flex;align-items:center;gap:8px;background:var(--cmw-surface);border:1px solid var(--cmw-border);border-radius:30px;padding:9px 15px;font-size:13px;font-weight:600;color:var(--cmw-text);font-family:var(--cmw-font-body);transition:all .15s;cursor:pointer;} .cmw-offer-inline:hover{border-color:var(--cmw-accent);background:var(--cmw-bg);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08);} .cmw-offer-inline svg{color:var(--cmw-accent-dark);flex-shrink:0;} .cmw-offer-inline span{white-space:nowrap;} @media (max-width:560px){.cmw-offer-inline span{white-space:normal;}} /* Make storewide active-offers chips clickable too */ a.cmw-active-offer{cursor:pointer;transition:all .15s;} a.cmw-active-offer:hover{border-color:var(--cmw-accent);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08);} /* Bundle box flash when reached via offer link */ .cmw-offers-box.cmw-flash{animation:cmwFlash 1.2s ease;} @keyframes cmwFlash{0%,100%{box-shadow:0 0 0 0 rgba(201,161,74,0);}30%{box-shadow:0 0 0 4px var(--cmw-accent);}} /* Offer-activated toast (richer, two-line) */ .cmw-toast-offer{align-items:flex-start;max-width:380px;} .cmw-toast-body{display:flex;flex-direction:column;gap:3px;} .cmw-toast-body strong{font-size:14.5px;} .cmw-toast-note{font-size:13px;opacity:.85;line-height:1.45;font-weight:400;} /* Gallery thumbnail scroll arrows */ .cmw-thumb-arrow{position:absolute;bottom:14px;width:32px;height:32px;border-radius:50%;background:var(--cmw-bg);border:1px solid var(--cmw-border);color:var(--cmw-text);font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.12);z-index:4;transition:background .15s;} .cmw-thumb-arrow:hover{background:var(--cmw-accent);color:var(--cmw-accent-text);border-color:var(--cmw-accent);} .cmw-thumb-prev{left:0;} .cmw-thumb-next{right:0;} /* ========================================================================== SINGLE PRODUCT SALE BADGE (keep inside the image corner) ========================================================================== */ .single-product div.product .woocommerce-product-gallery{position:relative;} .single-product span.onsale,.single-product .cmw-badge.onsale{position:absolute;top:14px;left:14px;z-index:6;margin:0;background:var(--cmw-sale);color:#fff;font-family:var(--cmw-font-body);font-weight:700;font-size:13px;padding:7px 13px;border-radius:30px;min-height:0;min-width:0;line-height:1.2;box-shadow:0 3px 10px rgba(214,69,69,.35);} /* ========================================================================== BANNERS (admin-uploaded) ========================================================================== */ .cmw-banner{margin:24px 0;} .cmw-banner img{display:block;width:100%;height:auto;border-radius:var(--cmw-card-radius);} .cmw-banner a{display:block;} .cmw-banner-sidebar{margin:0 0 20px;} .cmw-banner-product{margin:20px 0;} /* ========================================================================== CIRCLE CATEGORIES (probo-style, under the navbar) ========================================================================== */ .cmw-circle-cats{background:var(--cmw-bg);border-bottom:1px solid var(--cmw-border);padding:22px 0;} .cmw-circle-viewport{position:relative;display:flex;align-items:center;} .cmw-circle-track{display:flex;gap:26px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;scrollbar-color:var(--cmw-accent) var(--cmw-border);scroll-behavior:smooth;flex:1;justify-content:center;} .cmw-circle-track.cmw-is-scrollable{justify-content:flex-start;} .cmw-circle-arrow{flex:0 0 auto;width:42px;height:42px;border-radius:50%;border:1px solid var(--cmw-border);background:var(--cmw-bg);color:var(--cmw-primary);display:none;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:background .15s,color .15s,border-color .15s;box-shadow:0 2px 10px rgba(0,0,0,.08);} .cmw-circle-arrow:hover{background:var(--cmw-primary);color:#fff;border-color:var(--cmw-primary);} .cmw-circle-prev{margin-right:10px;} .cmw-circle-next{margin-left:10px;} .cmw-circle-viewport.cmw-has-arrows .cmw-circle-arrow{display:flex;} .cmw-circle-track::-webkit-scrollbar{height:6px;} .cmw-circle-track::-webkit-scrollbar-track{background:var(--cmw-border);border-radius:10px;} .cmw-circle-track::-webkit-scrollbar-thumb{background:var(--cmw-accent);border-radius:10px;} .cmw-circle{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:9px;width:92px;text-align:center;} .cmw-circle-img{width:78px;height:78px;border-radius:50%;background-size:cover;background-position:center;background-color:var(--cmw-surface);border:2px solid var(--cmw-border);display:flex;align-items:center;justify-content:center;font-family:var(--cmw-font-body);font-weight:800;font-size:16px;color:var(--cmw-primary);transition:transform .2s,border-color .2s,box-shadow .2s;} .cmw-circle:hover .cmw-circle-img{transform:translateY(-3px);border-color:var(--cmw-accent);box-shadow:0 8px 20px rgba(0,0,0,.12);} .cmw-circle-all{background:var(--cmw-surface);color:var(--cmw-primary);} .cmw-circle-new{background:rgba(42,138,92,.12);color:var(--cmw-success);} .cmw-circle-sale{background:rgba(214,69,69,.12);color:var(--cmw-sale);} .cmw-circle-ph{font-size:28px;color:var(--cmw-accent-dark);} .cmw-circle-label{font-size:12.5px;font-weight:600;color:var(--cmw-text);font-family:var(--cmw-font-body);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} @media (max-width:768px){ .cmw-circle{width:74px;} .cmw-circle-img{width:62px;height:62px;font-size:13px;} } /* ========================================================================== HOLIDAY / ANNOUNCEMENT POPUP ========================================================================== */ .cmw-holiday-popup[hidden]{display:none!important;} .cmw-holiday-popup{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,18,28,0);transition:background .4s ease;} .cmw-holiday-popup.is-open{background:rgba(15,18,28,.55);} .cmw-holiday-card{position:relative;background:var(--cmw-bg);border-radius:18px;max-width:430px;width:100%;padding:34px 30px 30px;text-align:center;box-shadow:0 30px 70px rgba(0,0,0,.3);transform:translateY(24px) scale(.96);opacity:0;transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .45s ease;border-top:5px solid var(--cmw-accent);} .cmw-holiday-popup.is-open .cmw-holiday-card{transform:none;opacity:1;} .cmw-holiday-popup.is-closing{background:rgba(15,18,28,0);pointer-events:none;} .cmw-holiday-popup.is-closing .cmw-holiday-card{transform:translateY(24px) scale(.96);opacity:0;} .cmw-holiday-close{position:absolute;top:12px;right:14px;width:34px;height:34px;border:none;background:var(--cmw-surface);color:var(--cmw-text-muted);border-radius:50%;font-size:22px;line-height:1;cursor:pointer;transition:background .15s,color .15s;} .cmw-holiday-close:hover{background:var(--cmw-sale);color:#fff;} .cmw-holiday-icon{width:64px;height:64px;border-radius:50%;background:var(--cmw-surface);color:var(--cmw-accent-dark);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;} .cmw-holiday-icon svg{width:30px;height:30px;} .cmw-holiday-title{font-family:var(--cmw-font-heading);font-size:23px;margin:0 0 10px;color:var(--cmw-text);} .cmw-holiday-text{font-size:15px;line-height:1.6;color:var(--cmw-text);margin:0;} .cmw-holiday-dates{margin:14px 0 0;display:inline-block;background:var(--cmw-surface);color:var(--cmw-accent-dark);font-weight:700;font-size:14px;padding:7px 16px;border-radius:30px;} .cmw-holiday-ok{margin-top:22px;background:var(--cmw-primary);color:#fff;border:none;padding:13px 38px;border-radius:30px;font-weight:700;font-size:15px;font-family:var(--cmw-font-body);cursor:pointer;transition:background .15s,transform .12s;} .cmw-holiday-ok:hover{background:var(--cmw-primary-dark);transform:translateY(-2px);} @media (prefers-reduced-motion:reduce){ .cmw-holiday-card{transition:opacity .3s ease;transform:none;} .cmw-holiday-popup.is-open .cmw-holiday-card{transform:none;} } /* ========================================================================== BUY NOW — ATTENTION ANIMATIONS (mobile + desktop) ========================================================================== */ .cmw-bn-anim{position:relative;overflow:hidden;} /* Pulse: gentle scale + soft shadow pulse (theme accent) */ @keyframes cmwBnPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 var(--cmw-accent-glow,rgba(0,0,0,.35));}50%{transform:scale(1.035);box-shadow:0 0 0 10px transparent;}} .cmw-bn-pulse{animation:cmwBnPulse 1.8s ease-in-out infinite;} /* Shine: a light sweep crossing the button */ .cmw-bn-shine::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:cmwBnShine 2.6s ease-in-out infinite;} @keyframes cmwBnShine{0%{left:-120%;}55%,100%{left:140%;}} /* Bounce: subtle up-down nudge */ @keyframes cmwBnBounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-4px);}} .cmw-bn-bounce{animation:cmwBnBounce 1.4s ease-in-out infinite;} /* Glow: pulsing accent glow (theme accent, matches button) */ @keyframes cmwBnGlow{0%,100%{box-shadow:0 0 6px 0 var(--cmw-accent-glow,rgba(0,0,0,.4));}50%{box-shadow:0 0 22px 5px var(--cmw-accent-glow,rgba(0,0,0,.6));}} .cmw-bn-glow{animation:cmwBnGlow 1.8s ease-in-out infinite;} /* Color shift: accent → dark and back */ @keyframes cmwBnColor{0%,100%{background:var(--cmw-accent)!important;}50%{background:var(--cmw-text)!important;}} .cmw-bn-color{animation:cmwBnColor 2.4s ease-in-out infinite;} /* Moving border: an animated outline sweeping around */ .cmw-bn-border::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(90deg,var(--cmw-accent),#fff,var(--cmw-accent));background-size:300% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:cmwBnBorder 2.2s linear infinite;} @keyframes cmwBnBorder{0%{background-position:0% 0;}100%{background-position:300% 0;}} /* Tilt: gentle rocking */ @keyframes cmwBnTilt{0%,100%{transform:rotate(0deg);}25%{transform:rotate(-1.6deg);}75%{transform:rotate(1.6deg);}} .cmw-bn-tilt{animation:cmwBnTilt 1.6s ease-in-out infinite;transform-origin:center;} /* Earthquake: quick shake every few seconds */ @keyframes cmwBnShake{0%,86%,100%{transform:translate(0,0) rotate(0);}88%{transform:translate(-2px,1px) rotate(-1deg);}90%{transform:translate(2px,-1px) rotate(1deg);}92%{transform:translate(-2px,1px) rotate(-1deg);}94%{transform:translate(2px,-1px) rotate(1deg);}96%{transform:translate(-1px,1px) rotate(0);}} .cmw-bn-shake{animation:cmwBnShake 3.2s ease-in-out infinite;} /* Heartbeat: double-thump scale */ @keyframes cmwBnBeat{0%,40%,100%{transform:scale(1);}10%{transform:scale(1.06);}20%{transform:scale(1);}30%{transform:scale(1.04);}} .cmw-bn-beat{animation:cmwBnBeat 1.8s ease-in-out infinite;} @media (prefers-reduced-motion:reduce){ .cmw-bn-pulse,.cmw-bn-bounce,.cmw-bn-glow,.cmw-bn-color,.cmw-bn-tilt,.cmw-bn-shake,.cmw-bn-beat{animation:none;} .cmw-bn-shine::after,.cmw-bn-border::before{animation:none;display:none;} } /* ========================================================================== WHATSAPP HELP POPUP ========================================================================== */ .cmw-wa-popup{position:fixed;z-index:9998;max-width:330px;width:calc(100% - 40px);background:var(--cmw-bg);border:1px solid var(--cmw-border);border-left:4px solid #25D366;border-radius:14px;box-shadow:0 16px 44px rgba(0,0,0,.22);padding:16px 18px 16px 16px;opacity:0;transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1);} .cmw-wa-popup[hidden]{display:none!important;} /* Position + entry direction */ .cmw-wa-up{left:20px;bottom:20px;transform:translateY(30px);} .cmw-wa-left{left:20px;bottom:20px;transform:translateX(-40px);} .cmw-wa-right{right:20px;bottom:20px;transform:translateX(40px);} .cmw-wa-popup.is-open{opacity:1;transform:none;} .cmw-wa-popup-close{position:absolute;top:8px;right:10px;border:none;background:transparent;color:var(--cmw-text-muted);font-size:20px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:6px;transition:background .15s;} .cmw-wa-popup-close:hover{background:var(--cmw-surface);} .cmw-wa-popup-head{display:flex;gap:11px;align-items:center;margin-bottom:13px;padding-right:18px;} .cmw-wa-popup-icon{flex-shrink:0;width:42px;height:42px;border-radius:50%;background:rgba(37,211,102,.14);color:#1faa55;display:flex;align-items:center;justify-content:center;} .cmw-wa-popup-text{margin:0;font-size:14px;line-height:1.45;color:var(--cmw-text);font-family:var(--cmw-font-body);} .cmw-wa-popup-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#25D366;color:#fff;font-weight:700;font-size:14.5px;padding:12px 16px;border-radius:10px;text-decoration:none;font-family:var(--cmw-font-body);transition:background .15s,transform .12s;} .cmw-wa-popup-btn:hover{background:#1faa55;transform:translateY(-1px);} @media (max-width:480px){ .cmw-wa-up,.cmw-wa-left,.cmw-wa-right{left:50%;right:auto;bottom:16px;width:calc(100% - 32px);} .cmw-wa-up{transform:translateX(-50%) translateY(30px);} .cmw-wa-left,.cmw-wa-right{transform:translateX(-50%);} .cmw-wa-popup.is-open{transform:translateX(-50%);} } /* ============================================================ Premium polish (v3.6.0) ============================================================ */ /* Softer, layered card shadows + smoother easing */ .cmw-product-card{transition:box-shadow .35s cubic-bezier(.16,.84,.44,1),transform .35s cubic-bezier(.16,.84,.44,1),border-color .35s;} .cmw-product-card:hover{box-shadow:0 1px 2px rgba(16,24,40,.04),0 12px 28px rgba(16,24,40,.10);transform:translateY(-5px);border-color:var(--cmw-border);} /* Gentle image zoom on card hover (premium feel) */ .cmw-card-media img{transition:transform .55s cubic-bezier(.16,.84,.44,1);} .cmw-product-card:hover .cmw-card-media img{transform:scale(1.05);} /* Buttons: subtle lift + refined shadow on hover */ .cmw-card-atc .button,.cmw-card-atc a.button{transition:background .25s ease,color .25s ease,box-shadow .25s ease,transform .25s ease;} .cmw-card-atc .button:hover{transform:translateY(-1px);box-shadow:0 8px 18px var(--cmw-accent-glow,rgba(0,0,0,.14));} .single-product form.cart .single_add_to_cart_button,.cmw-buy-now{transition:background .25s ease,color .25s ease,box-shadow .25s ease,transform .2s ease!important;} .single-product form.cart .single_add_to_cart_button:hover,.cmw-buy-now:hover{transform:translateY(-2px);box-shadow:0 10px 24px var(--cmw-accent-glow,rgba(0,0,0,.18));} /* Badges: crisper, slightly elevated */ .cmw-badge{box-shadow:0 2px 8px rgba(16,24,40,.12);backdrop-filter:saturate(1.1);} /* Circle category hover: refined ring */ .cmw-circle:hover .cmw-circle-img{box-shadow:0 10px 24px rgba(16,24,40,.14);} /* Section headings: tighter tracking, premium weight */ .cmw-section-title,.cmw-home-section h2,.cmw-reviews-head h2{letter-spacing:-.01em;} /* Smoother global links/buttons */ a,button{transition:color .2s ease,background-color .2s ease,border-color .2s ease;} /* Inputs: soft focus ring in theme color */ .cmw-header-search-form input:focus,.cmw-price-row input:focus,.cmw-newsletter-form input:focus{outline:none;border-color:var(--cmw-primary);box-shadow:0 0 0 3px var(--cmw-accent-glow,rgba(0,0,0,.08));} /* Price: stronger hierarchy */ .cmw-product-card .price{font-weight:700;} .cmw-product-card .price del{font-weight:400;opacity:.6;} /* ============================================================ Category SEO content block (above footer) ============================================================ */ .cmw-cat-seo{background:var(--cmw-surface);border-top:1px solid var(--cmw-border);padding:50px 0;margin-top:40px;} .cmw-cat-seo-inner{max-width:900px;margin:0 auto;font-family:var(--cmw-font-body);color:var(--cmw-text);line-height:1.75;font-size:15.5px;} .cmw-cat-seo-inner h2{font-family:var(--cmw-font-heading);font-size:26px;line-height:1.25;margin:0 0 18px;color:var(--cmw-text);letter-spacing:-.01em;} .cmw-cat-seo-inner h3{font-family:var(--cmw-font-heading);font-size:19px;margin:30px 0 12px;color:var(--cmw-text);} .cmw-cat-seo-inner h4{font-size:16px;margin:22px 0 10px;color:var(--cmw-text);} .cmw-cat-seo-inner p{margin:0 0 16px;color:var(--cmw-text-muted);} .cmw-cat-seo-inner ul,.cmw-cat-seo-inner ol{margin:0 0 18px;padding-left:22px;color:var(--cmw-text-muted);} .cmw-cat-seo-inner li{margin:0 0 9px;padding-left:4px;} .cmw-cat-seo-inner li strong{color:var(--cmw-text);} .cmw-cat-seo-inner a{color:var(--cmw-primary);text-decoration:underline;text-underline-offset:2px;} .cmw-cat-seo-inner a:hover{color:var(--cmw-accent-dark);} .cmw-cat-seo-inner > *:first-child{margin-top:0;} .cmw-cat-seo-inner > *:last-child{margin-bottom:0;} @media(max-width:600px){.cmw-cat-seo{padding:34px 0;}.cmw-cat-seo-inner h2{font-size:22px;}.cmw-cat-seo-inner h3{font-size:17px;}} /* ============================================================ Reels / video showcase strip (before footer) ============================================================ */ .cmw-reels{padding:54px 0 60px;background:var(--cmw-surface);overflow:hidden;} .cmw-reels-head{text-align:center;margin-bottom:30px;} .cmw-reels-title{font-family:var(--cmw-font-heading);font-size:30px;margin:0 0 6px;color:var(--cmw-text);} .cmw-reels-sub{font-family:var(--cmw-font-body);font-size:15px;color:var(--cmw-text-muted);margin:0;} .cmw-reels-viewport{position:relative;display:flex;align-items:center;max-width:1320px;margin:0 auto;padding:0 12px;overflow:hidden;} .cmw-reels-track{display:flex;gap:20px;padding:8px 4px 14px;flex:none;width:max-content;will-change:transform;} .cmw-reels-track.cmw-marquee-on{animation:cmw-marquee var(--cmw-marquee-dur,30s) linear infinite;} .cmw-reels-track.cmw-marquee-pause{animation-play-state:paused;} /* Content slides from left toward the right; the duplicated set makes it seamless. We start shifted left by one set and animate back to 0, so reels appear to enter from the left and move rightward continuously. */ @keyframes cmw-marquee{ from{transform:translateX(calc(-1 * var(--cmw-marquee-w,50%)));} to{transform:translateX(0);} } .cmw-reels-track::-webkit-scrollbar{display:none;} .cmw-reel{position:relative;flex:0 0 248px;width:248px;height:420px;border-radius:18px;overflow:hidden;background:#0e1320;text-decoration:none;display:block;box-shadow:0 10px 30px rgba(16,24,40,.16);transition:transform .35s cubic-bezier(.16,.84,.44,1),box-shadow .35s;} .cmw-reel:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(16,24,40,.26);} .cmw-reel-media{position:absolute;inset:0;} .cmw-reel-media img,.cmw-reel-preview,.cmw-reel-video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;} .cmw-reel-video{background:#1a2236 linear-gradient(135deg,#1a2236,#0e1320);} .cmw-reel-frames{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#0e1320;transition:transform .5s ease;} .cmw-reel:hover .cmw-reel-frames,.cmw-reel:hover .cmw-reel-video{transform:scale(1.06);} .cmw-reel-preview{background:#0e1320;} .cmw-reel:hover .cmw-reel-media img,.cmw-reel:hover .cmw-reel-preview{transform:scale(1.06);} .cmw-reel-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(8,10,18,.05) 0%,rgba(8,10,18,.05) 45%,rgba(8,10,18,.82) 100%);} .cmw-reel-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;color:#fff;border:1.5px solid rgba(255,255,255,.5);z-index:2;transition:transform .3s,background .3s;} .cmw-reel:hover .cmw-reel-play{transform:translate(-50%,-50%) scale(1.12);background:var(--cmw-accent);border-color:var(--cmw-accent);color:var(--cmw-accent-text);} .cmw-reel-info{position:absolute;left:0;right:0;bottom:0;padding:18px 18px 20px;z-index:2;display:flex;flex-direction:column;gap:5px;} .cmw-reel-label{font-family:var(--cmw-font-body);font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--cmw-accent);} .cmw-reel-title{font-family:var(--cmw-font-body);font-size:16px;font-weight:700;color:#fff;line-height:1.3;} .cmw-reels-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;flex-shrink:0;width:42px;height:42px;border-radius:50%;border:1px solid var(--cmw-border);background:var(--cmw-bg);color:var(--cmw-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s;box-shadow:0 4px 14px rgba(16,24,40,.12);} .cmw-reels-arrow:hover{background:var(--cmw-primary);color:#fff;border-color:var(--cmw-primary);} .cmw-reels-prev{left:6px;} .cmw-reels-next{right:6px;} @media(max-width:768px){ .cmw-reels{padding:40px 0 44px;} .cmw-reels-title{font-size:24px;} .cmw-reel{flex:0 0 200px;width:200px;height:340px;} .cmw-reels-arrow{display:none;} .cmw-reels-viewport{padding:0 4px;} } /* Reel: button reset + no-image placeholder */ button.cmw-reel{border:none;padding:0;cursor:pointer;text-align:left;font-family:inherit;} .cmw-reel-noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a2236,#0e1320);color:rgba(255,255,255,.35);} /* Reel video modal */ .cmw-reel-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px;} .cmw-reel-modal.cmw-reel-modal-open{display:flex;} .cmw-reel-modal-backdrop{position:absolute;inset:0;background:rgba(6,8,15,.86);backdrop-filter:blur(3px);} .cmw-reel-modal-box{position:relative;z-index:2;width:min(420px,100%);max-height:92vh;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.6);animation:cmw-reel-pop .28s cubic-bezier(.16,.84,.44,1);} @keyframes cmw-reel-pop{from{transform:scale(.92);opacity:0;}to{transform:scale(1);opacity:1;}} .cmw-reel-modal-body{position:relative;width:100%;aspect-ratio:9/16;background:#000;} .cmw-reel-modal-body iframe,.cmw-reel-modal-body video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;object-fit:contain;background:#000;} .cmw-reel-modal-close{position:absolute;top:10px;right:12px;z-index:5;width:40px;height:40px;border-radius:50%;border:none;background:rgba(0,0,0,.55);color:#fff;font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;} .cmw-reel-modal-close:hover{background:rgba(0,0,0,.85);} @media(max-width:768px){.cmw-reel-modal-box{width:100%;}} /* Reel modal: product link button under the video */ .cmw-reel-modal-link{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--cmw-accent);color:var(--cmw-accent-text)!important;text-decoration:none;font-family:var(--cmw-font-body);font-weight:700;font-size:15px;padding:14px;text-align:center;transition:background .2s;} .cmw-reel-modal-link:hover{background:var(--cmw-primary);color:#fff!important;} .cmw-reel-modal-box{display:flex;flex-direction:column;}