@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Open+Sans:wght@400;600;700&display=swap');
/* MonowaMart exact replica - Image_0.png */
.topbar, .main-navigation, .nav-categories-label { display:none !important; }
.topbar { background: #f8f8f8; color: #666; font-size: 12px; padding: 6px 0; border-bottom: 1px solid #eee; }
.topbar-inner { display: flex; justify-content: space-between; align-items: center; text-align: left; }
.topbar-left .topbar-offer { font-weight: 500; color: #333; }
.topbar-right { display:flex; gap:10px; align-items:center; }
.topbar-right a { color: #666; text-decoration:none; }
.topbar-right a:hover { color: var(--primary); }
.topbar-sep { opacity:0.3; }
.site-header { background: #fff; box-shadow: none; border-bottom: 1px solid #eee; position: sticky; top:0; z-index:1000; }
.header-middle { display:flex; align-items:center; justify-content:space-between; gap:20px; padding: 12px 20px; max-width:1400px; margin:0 auto; flex-wrap:wrap; }
.header-left { display:flex; align-items:center; gap:12px; flex-shrink:0; }
.mobile-menu-toggler { display:flex; align-items:center; justify-content:center; background:none; border:1px solid #eee; border-radius:6px; width:36px; height:36px; font-size:18px; cursor:pointer; color:var(--primary); background:#fff; }
.header-mobile-bar { display:none; }
.desktop-toggler{ display:flex; }
/* Hide the desktop hamburger toggler – the menu shows only on mobile/tablet */
@media(min-width:769px){
  .desktop-toggler{ display:none !important; }
}
.site-logo-text { font-size:20px; font-weight:800; color: var(--primary-dark); text-decoration:none; display:flex; align-items:center; gap:6px; }
.site-branding .custom-logo { max-height:42px; width:auto; }
.header-center { flex:1; max-width:640px; position:relative; }
.header-center .search-form { display:flex; border:1px solid #ddd; border-radius:6px; overflow:hidden; background:#fff; box-shadow:none; }
.header-center .search-form:focus-within { border-color: var(--primary); }
.header-center .search-field { flex:1; border:none; padding:11px 14px; font-size:13px; outline:none; font-family:var(--font); }
.header-center .search-submit { background:#fff; color:#7c3aed; border:none; border-left:1px solid #eee; padding:0 18px; cursor:pointer; display:flex; align-items:center; }
.header-center .search-submit svg { stroke:#7c3aed; color:#7c3aed; }
.header-center .search-submit:hover { color: #6d28d9; background:#f9f9f9; }
.header-center .search-submit:hover svg { stroke:#6d28d9; }
.header-right { display:flex; align-items:center; gap:18px; flex-shrink:0; }
.header-icon { display:flex; align-items:center; gap:8px; text-decoration:none; color:#222; position:relative; }
.header-icon .hi-icon { position:relative; width:36px; height:36px; display:flex; align-items:center; justify-content:center; border:1px solid #eee; border-radius:50%; background:#fff; transition:all 0.2s; }
.header-icon:hover .hi-icon { border-color: var(--primary); color: var(--primary); }
.header-icon .hi-label { display:flex; flex-direction:column; line-height:1.2; }
.header-icon .hi-label small { font-size:11px; color:#888; font-weight:400; }
.header-icon .hi-label strong { font-size:12px; font-weight:600; color:#222; white-space:nowrap; }
.header-icon .cart-count, .wishlist-count { position:absolute; top:-6px; right:-6px; background: var(--accent); color:#fff; font-size:10px; font-weight:700; min-width:18px; height:18px; border-radius:50%; display:flex; align-items:center; justify-content:center; line-height:1; }
.header-icon-sep { width:1px; height:32px; background:#eee; }
.cart-hi-icon .cart-count { background: #ff6b00; }
.cart-label strong { color: var(--accent) !important; }
.main-navigation { background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; }
.nav-inner { display:flex; align-items:center; gap:0; max-width:1400px; margin:0 auto; padding:0 20px; }
.nav-categories-label { display:flex; align-items:center; gap:8px; padding:12px 20px; background: var(--primary); color:#fff; font-weight:600; font-size:14px; cursor:pointer; white-space:nowrap; margin-left:-20px; }
#primary-menu { display:flex; list-style:none; margin:0; padding:0; flex:1; gap:0; overflow-x:auto; scrollbar-width:none; }
#primary-menu::-webkit-scrollbar { display:none; }
#primary-menu li { position:relative; flex-shrink:0; }
#primary-menu a { display:block; padding:13px 16px; color:#333; font-size:13px; font-weight:500; white-space:nowrap; }
#primary-menu a:hover, #primary-menu .current-menu-item a { color: var(--primary); background:#f9f9f9; }
.nav-hotline { display:flex; flex-direction:column; align-items:flex-end; padding:0 0 0 20px; border-left:1px solid #eee; line-height:1.2; white-space:nowrap; }
.nav-hotline span:first-child { font-weight:700; color:#222; font-size:13px; }
.hotline-sub { font-size:11px; color:#888; }
.hero-section { background:#fff; padding:14px 0 0; }
.hero-section .container { max-width:1658px; }
.hero-slider-wrap img { image-rendering:-webkit-optimize-contrast; }
.hero-grid { display:block; }
.hero-slider-wrap { position:relative; border-radius:10px; overflow:hidden; background:#f5f5f5; border:1px solid #eee; aspect-ratio: 1658/569; max-height:569px; max-width:1658px; width:100%; margin:0 auto; }
.hero-slider { position:relative; width:100%; height:100%; }
.hero-slide { position:absolute; inset:0; opacity:0; transition:opacity 0.6s ease; display:block; }
.hero-slide.active { opacity:1; z-index:2; }
.hero-slide img { width:100%; height:100%; object-fit:cover; display:block; }
.hero-slider-dots { position:absolute; bottom:12px; left:50%; transform:translateX(-50%); display:flex; gap:8px; z-index:5; }
.hero-slider-dots span { width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,0.5); cursor:pointer; transition:all 0.3s; border:1px solid rgba(0,0,0,0.1); }
.hero-slider-dots span.active { background:#fff; width:26px; border-radius:5px; }
.hero-arrow { position:absolute; top:50%; transform:translateY(-50%); width:42px; height:42px; border-radius:50%; background:rgba(255,255,255,0.9); border:1px solid #ddd; display:flex; align-items:center; justify-content:center; font-size:22px; cursor:pointer; z-index:6; transition:all 0.2s; color:#222; }
.hero-arrow:hover { background:#fff; box-shadow:0 2px 8px rgba(0,0,0,0.15); }
.hero-prev { left:12px; } .hero-next { right:12px; }
.hero-side-wrap { display:none; }
/* Home two-column layout – reference monowamart */
.home-layout { display:flex; gap:20px; max-width:1658px; margin:0 auto; padding:0 20px; align-items:flex-start; }
.home-sidebar { flex:0 0 260px; background:#fff; border:1px solid #eee; border-radius:10px; position:sticky; top:84px; max-height:calc(100vh - 100px); overflow-y:auto; scrollbar-width:thin; }
.home-sidebar::-webkit-scrollbar { width:6px; }
.home-sidebar::-webkit-scrollbar-thumb { background:#ddd; border-radius:3px; }
.sidebar-inner { padding:12px 0; }
.sidebar-top-list, .sidebar-cat-list { list-style:none; margin:0; padding:0; }
.sidebar-top-list li a, .sidebar-cat-list .cat-item > .cat-row a.cat-link { display:flex; align-items:center; gap:10px; padding:9px 16px; font-size:13px; color:#333; text-decoration:none; transition:all 0.15s; border-left:3px solid transparent; }
.sidebar-top-list li a:hover, .sidebar-cat-list .cat-item > .cat-row a.cat-link:hover { background:#f8f8f8; color:var(--primary); border-left-color:var(--primary); }
.sidebar-top-list .sidebar-icon { width:22px; text-align:center; font-size:14px; flex-shrink:0; }
.sidebar-divider { height:1px; background:#eee; margin:8px 16px; }
.sidebar-cat-list .cat-item { border-bottom:1px solid #f5f5f5; }
.sidebar-cat-list .cat-item:last-child { border-bottom:none; }
.cat-row { display:flex; align-items:center; justify-content:space-between; }
.cat-link { flex:1; font-weight:500; }
.cat-toggle { background:none; border:none; width:28px; height:28px; display:flex; align-items:center; justify-content:center; cursor:pointer; font-size:16px; color:#888; border-radius:50%; transition:all 0.15s; flex-shrink:0; }
.cat-toggle:hover { background:#f0f0f0; color:var(--primary); }
.cat-toggle[aria-expanded="true"] .toggle-icon { transform:rotate(45deg); display:inline-block; }
.sub-cat-list { list-style:none; margin:0; padding:0 0 6px 36px; display:none; background:#fafafa; }
.sub-cat-list.open { display:block; }
.sub-cat-list li a { display:block; padding:6px 16px 6px 0; font-size:12px; color:#555; text-decoration:none; }
.sub-cat-list li a:hover { color:var(--primary); }
.sidebar-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.4); z-index:1001; }
.sidebar-overlay.active { display:block; }
body.sidebar-open { overflow:hidden; }
.home-main { flex:1; min-width:0; }
.section { padding:32px 0; }
.section-bg { background:#f8f8f8; }
.section-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; text-align:left; border-bottom:2px solid #eee; padding-bottom:10px; }
.section-title { font-size:20px; margin:0; font-weight:700; color:#222; }
.section-title span { color: var(--primary); }
.section-desc { display:none; }
.section-footer-right { margin-top:12px; }
.view-all-link { font-size:13px; font-weight:600; color:#333; border:1px solid #ddd; padding:6px 14px; border-radius:20px; background:#fff; text-decoration:none; }
.view-all-link:hover { background: var(--primary); color:#fff; border-color: var(--primary); }
.featured-header-wrapper { display:flex; align-items:center; justify-content:space-between; border-bottom:2px solid #eee; padding-bottom:10px; margin-bottom:18px; }
.featured-title { font-size:20px; font-weight:700; margin:0; }
.view-more-btn { font-size:13px; font-weight:600; color:#333; border:1px solid #ddd; padding:6px 14px; border-radius:20px; background:#fff; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.view-more-btn:hover { background: var(--primary); color:#fff; border-color:var(--primary); }
.categories-slider-wrap { gap:0; }
.categories-row { display:grid; grid-template-columns:repeat(8,1fr); gap:14px; overflow:visible; padding:4px 0; }
.categories-row .category-card { width:auto; min-width:auto; flex:none; }
.categories-row .category-image { height:120px; border-radius:8px; overflow:hidden; background:var(--category-bg,#f9f9f9); border:1px solid #eee; display:flex; align-items:center; justify-content:center; }
.categories-row .category-image img { width:100%; height:100%; object-fit:cover; }
.cat-circle .category-image { border-radius:50%; }
.cat-circle .category-image img { border-radius:50%; }
.cat-square .category-image { border-radius:4px; }
.extra-banner-card img { transition:transform 0.3s; }
.extra-banner-card:hover img { transform:scale(1.02); }
.category-card { border-radius:8px; box-shadow:none; border:none; background:transparent; }
.category-card:hover { transform:none; box-shadow:none; }
.category-card:hover .category-image img { transform:scale(1.05); }
.category-info { padding:8px 0 0; text-align:center; }
.category-name { font-size:13px; margin:0 0 2px; color:#222; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.category-count { font-size:11px; background:none; padding:0; color:#888; }
.products-row-4 { grid-template-columns:repeat(5,1fr); gap:16px; }
.product-card-inner { border-radius:8px; border:1px solid #eee; box-shadow:none; background:#fff; }
.product-card-inner:hover { box-shadow:0 4px 16px rgba(0,0,0,0.08); transform:none; }
.product-thumbnail-wrapper { border-radius:8px 8px 0 0; background:#eceae7; border-bottom:none; }
.product-thumbnail-wrapper img { height:200px; object-fit:contain; padding:10px; }
.product-title, .woocommerce-loop-product__title { font-size:13px; padding:8px 10px 4px; font-weight:500; color:#222; min-height:36px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.price { font-size:15px; font-weight:700; color:#222; }
.price del { color:#999; }
.price ins { color:#e53935; }
.btn-wishlist { width:30px; height:30px; top:8px; right:8px; background:rgba(255,255,255,0.82); border:1px solid #eee; box-shadow:none; }
.product-actions { padding:8px 10px 10px; gap:6px; }
.product-actions .btn-cart, .product-actions .btn-order { font-size:12px; padding:8px 6px; border-radius:6px; font-weight:600; }
.product-actions .btn-cart { background:#222; border-color:#222; color:#fff; }
.product-actions .btn-cart:hover { background:#000; }
.product-actions .btn-order { background:#fff; color:#222 !important; border-color:#ddd; }
.product-actions .btn-order:hover { background:#f5f5f5; }
.product-discount-badge { background:#e53935; font-size:11px; padding:2px 6px; border-radius:4px; top:8px; left:8px; }

@media(min-width:769px){
  .product-card{ position:relative; }
  .product-card-inner{ border:1px solid #e5e5e5; border-radius:12px; overflow:hidden; background:#fff; }
  .product-card-inner .product-link{ display:flex; flex-direction:column; }
  .product-card-inner .product-thumbnail-wrapper{ background:#efefef; border-radius:12px 12px 0 0; min-height:210px; }
  .product-card-inner .product-thumbnail-wrapper img{ height:210px; padding:18px; }
  .product-card-inner .product-title, .product-card-inner .woocommerce-loop-product__title{ font-size:14px; line-height:1.5; min-height:42px; padding:12px 12px 0; color:#1f1f1f; font-weight:600; }
  .product-sku{ display:block; font-size:11px; color:#8a8a8a; padding:0 12px; margin-top:4px; }
  .product-card-inner .price{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px 0; font-size:14px; }
  .product-card-inner .price del{ font-size:12px; }
  .product-card-inner .price ins{ text-decoration:none; color:#1c1c1c; }
  .product-card-inner .product-actions{ display:flex; justify-content:flex-end; align-items:center; gap:8px; padding:10px 12px 14px; }
  .product-card-inner .product-actions .btn-cart,
  .product-card-inner .product-actions .btn-order{ flex:0 0 36px; width:36px; height:36px; border-radius:50%; padding:0; font-size:0; display:inline-flex; align-items:center; justify-content:center; border:1px solid #ddd; background:#fff; color:#222; }
  .product-card-inner .product-actions .btn-cart::before{ content:"🛒"; font-size:16px; }
  .product-card-inner .product-actions .btn-order{ display:none !important; }
  .product-card-inner .product-actions .btn-cart:hover{ background:#f3f3f3; }
  .product-card-inner .product-discount-badge{ top:10px; left:10px; }
}
.two-category-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:20px 0; }
.two-category-card { border-radius:8px; overflow:hidden; border:1px solid #eee; }
.two-category-card img { width:100%; display:block; }
.best-selling-slider-wrap { position:relative; width:100%; max-width:100%; overflow:hidden; }
.best-selling-track { overflow:hidden; position:relative; width:100%; max-width:100%; }
.best-selling-slides { display:flex; gap:24px; transition:transform 0.4s ease; will-change:transform; width:max-content; max-width:100%; }
.best-selling-slides > li { flex:0 0 calc((100% - 64px)/5); min-width:0; }
.best-selling-arrow { width:36px; height:36px; font-size:16px; border:1px solid #ddd; box-shadow:none; }
.best-selling-arrow:hover { background:#222; border-color:#222; }
.site-footer { background:#fff; color:#333; border-top:1px solid #e8e8e8; }
.footer-newsletter { background:#fff; border-bottom:1px solid #ececec; padding:30px 0; }
.footer-newsletter .container { min-height:56px; }
.footer-newsletter .newsletter-content h3 { color:#222; font-size:17px; font-weight:600; letter-spacing:0; }
.footer-newsletter .newsletter-content p { color:#707070; font-size:13px; opacity:1; }
.newsletter-form input { min-width:260px; border:1px solid #d9d9d9; border-radius:4px 0 0 4px; background:#fff; }
.newsletter-form input:focus { border-color:#222; outline:none; box-shadow:none; }
.newsletter-form button { --btn-bg:#222; --btn-border:#222; --btn-hover-bg:#000; --btn-hover-border:#000; --btn-radius:4px; background:#222; border-radius:0 4px 4px 0; box-shadow:none; }
.newsletter-form button:hover { background:#000; transform:none; }
.footer-widgets { padding:44px 0 32px; }
.footer-widgets-inner { grid-template-columns:minmax(240px,1.5fr) repeat(3,minmax(140px,1fr)); gap:48px; align-items:start; }
.footer-logo { margin-bottom:16px; }
.footer-logo .custom-logo { max-height:44px; width:auto; padding:0; border-radius:0; background:transparent; }
.footer-logo h3 { color:#222; font-size:20px; }
.footer-desc { color:#666; font-size:13px; line-height:1.75; margin:0 0 18px; max-width:380px; }
.footer-widget-title { color:#222; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.08em; margin-bottom:16px; }
.footer-widgets .footer-col > ul:not(.footer-contact) { display:grid; gap:9px; }
.footer-widgets li { margin:0; }
.footer-widgets ul li a { display:inline; color:#5f5f5f; font-size:13px; line-height:1.6; transition:color .15s ease; }
.footer-widgets ul li a:hover { color:#111; padding-left:0; text-decoration:underline; text-underline-offset:3px; }
.footer-widgets a:focus-visible, .footer-newsletter button:focus-visible { outline:2px solid #222; outline-offset:3px; }
.footer-contact { display:grid; gap:11px; }
.footer-contact li { display:grid; grid-template-columns:62px minmax(0,1fr); gap:8px; color:#5f5f5f; font-size:13px; line-height:1.55; opacity:1; }
.footer-contact .footer-contact-label { color:#222; font-weight:500; }
.footer-contact a { overflow-wrap:anywhere; }
.footer-social { display:flex; gap:8px; }
.footer-social .social-link { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid #ddd; border-radius:50%; background:#fff; color:#444; transition:border-color .15s ease, color .15s ease, background-color .15s ease; }
.footer-social .social-link:hover { background:#f6f6f6; border-color:#bbb; color:#111; transform:none; }
.footer-bottom { padding:18px 0; border-top:1px solid #e8e8e8; background:#fff; }
.copyright, .footer-payment { color:#777; font-size:12px; opacity:1; }
.footer-payment a { color:#333; text-decoration:none; }
.footer-payment a:hover { color:#000; text-decoration:underline; text-underline-offset:3px; }
@media(max-width:992px){
  .footer-widgets-inner { grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px 48px; }
  .footer-col-about { grid-column:1 / -1; }
}
@media(max-width:1200px){ .products-row-4{ grid-template-columns:repeat(4,1fr);} .categories-row{ grid-template-columns:repeat(6,1fr);} }
@media(max-width:992px){ .header-middle{ flex-wrap:wrap; } .header-center{ order:3; flex-basis:100%; max-width:100%; } .products-row-4{ grid-template-columns:repeat(3,1fr);} .categories-row{ grid-template-columns:repeat(4,1fr);} .best-selling-slides > li{ flex:0 0 calc((100% - 24px)/3);} .home-layout{ gap:14px; padding:0 14px; } .home-sidebar{ flex:0 0 220px; } }
/* MonowaMart exact mobile – 768px */
@media(max-width:768px){
  html, body, .site, .site-content, .site-main, .page-content, .container, .home-layout, .home-main, .footer-widgets-inner{ width:100%; max-width:100%; }
  .footer-widgets-inner{ grid-template-columns:1fr; gap:30px; }
  .footer-col-about{ grid-column:auto; }
  .footer-newsletter .newsletter-form{ width:100%; max-width:420px; }
  .footer-newsletter .newsletter-form input{ width:auto; min-width:0; flex:1; }
  .footer-bottom-inner{ justify-content:center; text-align:center; }
  .topbar{ display:none; }
  .header-middle{ padding:0; gap:0; }
  .header-mobile-bar{ display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; padding:8px 12px; background:#fff; border-bottom:1px solid #eee; }
  .header-mobile-bar .mobile-menu-toggler{ display:flex; align-items:center; justify-content:center; width:36px; height:36px; font-size:20px; color:var(--primary); border:1px solid #eee; border-radius:6px; background:#fff; }
  .header-mobile-bar .logo-mobile img{ max-height:30px; width:auto; display:block; }
  .header-mobile-bar .logo-mobile .site-logo-text{ font-size:16px; }
  .header-mobile-phones{ display:flex; flex-direction:column; gap:2px; align-items:flex-end; }
  .header-mobile-phones .mobile-phone-link{ display:flex; align-items:center; gap:4px; font-size:11px; font-weight:600; color:#222; text-decoration:none; line-height:1.2; }
  .header-mobile-phones .mobile-phone-link span:last-child{ font-size:11px; }
  .header-left{ display:none !important; }
  .header-right{ display:none !important; }
  .header-center{ flex-basis:100%; max-width:100%; order:3; padding:8px 12px; background:#fff; border-top:1px solid #f5f5f5; }
  .header-center .search-form{ border-radius:20px; border:1px solid #ddd; }
  .header-center .search-field{ padding:9px 14px; font-size:13px; }
  #primary-menu{ display:none; position:absolute; top:100%; left:0; right:0; background:#fff; flex-direction:column; border-top:1px solid #eee; box-shadow:0 4px 12px rgba(0,0,0,0.08); z-index:999; }
  #primary-menu.toggled{ display:flex; }
  #primary-menu a{ border-bottom:1px solid #f5f5f5; padding:12px 18px; }
  .nav-hotline{ display:none; }
  .nav-inner{ position:relative; }
  .mobile-bottom-nav{ display:flex; }
  .home-layout{ flex-direction:column; padding:0; gap:0; max-width:100%; min-width:0; }
  .home-sidebar{ position:fixed; left:0; top:0; width:270px; max-width:82vw; height:100vh; max-height:100vh; border-radius:0; border:none; border-right:1px solid #eee; z-index:1002; background:#fff; overflow-y:auto; padding-top:0; transform:translateX(-110%); opacity:0; visibility:hidden; transition:transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease; box-shadow:4px 0 20px rgba(0,0,0,0.15); }
  .home-sidebar.open{ transform:translateX(0); opacity:1; visibility:visible; }
  .home-main{ width:100%; max-width:100%; min-width:0; padding:0; }
  body{ padding-bottom:60px; }
  .hero-section{ padding:8px 0 0; }
  .hero-slider-wrap{ aspect-ratio: 1658/569; max-height:569px; border-radius:6px; margin:0 12px; width:calc(100% - 24px); max-width:1658px; }
  .products-row-4{ grid-template-columns:repeat(2,1fr); gap:10px; max-width:100%; min-width:0; }
  .categories-row{ grid-template-columns:repeat(4,1fr) !important; gap:8px; max-width:100%; min-width:0; }
  .categories-row .category-image{ height:78px; border-radius:6px; }
  .category-name{ font-size:11px; }
  .category-count{ font-size:10px; }
  .best-selling-slider-wrap{ width:100%; max-width:100%; overflow:hidden; }
  .best-selling-track{ width:100%; max-width:100%; overflow:hidden; }
  .best-selling-slides{ display:grid; grid-template-columns:1fr; gap:12px; width:100%; max-width:100%; transform:none !important; }
  .best-selling-slides > li{ flex:0 0 100%; min-width:0; width:100%; }
  .best-selling-arrow, .testimonial-arrow{ display:none !important; }
  .two-category-grid{ grid-template-columns:1fr; gap:10px; }
  .hero-arrow{ width:30px; height:30px; font-size:16px; }
  .featured-title{ font-size:16px; }
  .view-more-btn{ font-size:11px; padding:5px 10px; }

  .shop-content{ width:100%; padding:0 8px; }
  .shop-toolbar{ display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:10px 12px; margin:12px 0; background:#f5f5f5; border:1px solid #e6e6e6; border-radius:8px; box-shadow:none; }
  .shop-toolbar-left{ display:flex; align-items:center; }
  .shop-toolbar-left .woocommerce-result-count{ display:none; }
  .shop-toolbar-right{ display:flex; justify-content:flex-end; }
  .woocommerce-ordering { width:100%; }
  .woocommerce-ordering select{ width:100%; border:1px solid #d6d6d6; border-radius:8px; padding:8px 10px; font-size:12px; background:#fff; }
  ul.products, ul.products.columns-4, ul.products.columns-3, ul.products.columns-2, .products-row, .products-row-4{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; list-style:none !important; padding:0 !important; margin:0 !important; }
  .product-card{ list-style:none; }
  .product-card-inner{ background:#fff; border:1px solid #e9e9e9; border-radius:10px; overflow:hidden; box-shadow:none; }
  .product-card-inner .product-link{ display:flex; flex-direction:column; }
  .product-thumbnail-wrapper{ position:relative; background:#e9e9e9; border-bottom:none; }
  .product-thumbnail-wrapper img{ height:150px; object-fit:contain; padding:8px; }
  .product-discount-badge{ left:8px; top:8px; }
  .product-card-inner .product-title, .woocommerce-loop-product__title{ font-size:14px; line-height:1.35; min-height:40px; padding:8px 10px 0; }
  .product-sku{ display:block; font-size:11px; color:#888; padding:0 10px; }
  .price{ font-size:15px; font-weight:700; padding:6px 10px 0; }
  .price del{ font-size:11px; }
  .product-actions{ display:flex; justify-content:flex-end; gap:8px; padding:8px 10px 12px; }
  .product-actions .btn-cart, .product-actions .btn-order{ flex:0 0 36px !important; width:36px !important; height:36px !important; border-radius:8px !important; padding:0 !important; font-size:0 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; border:1px solid #ddd !important; background:#fff !important; color:#1d1d1d !important; }
  .product-actions .btn-cart::before{ content:"🛒"; font-size:16px; }
  .product-actions .btn-order{ display:none !important; }
  .btn-wishlist{ width:28px; height:28px; right:8px; top:8px; }
  .btn-wishlist svg{ width:16px; height:16px; }
}
@media(max-width:480px){
  .categories-row{ grid-template-columns:repeat(4,1fr) !important; gap:6px; }
  .categories-row .category-image{ height:72px; }
  .products-row-4{ grid-template-columns:repeat(2,1fr); gap:8px; }
  .header-mobile-phones .mobile-phone-link{ font-size:10px; }
  .sp-single{ padding:0 10px; }
  .sp-breadcrumb{ font-size:10px; gap:4px; padding:8px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .sp-layout{ display:flex; flex-direction:column; gap:14px; }
  .sp-gallery{ flex-direction:column-reverse; gap:10px; }
  .sp-gallery-thumbs{ display:flex; flex-direction:row; width:100%; max-height:none; overflow-x:auto; overflow-y:hidden; padding-bottom:4px; }
  .sp-thumb{ width:64px; height:64px; flex-shrink:0; }
  .sp-gallery-main{ border-radius:12px; background:#e8e8e8; }
  .sp-sku-badge{ font-size:10px; padding:3px 8px; }
  .sp-title{ font-size:21px; line-height:1.28; margin:0; }
  .sp-stars .star{ font-size:18px; }
  .sp-meta-row{ font-size:11px; line-height:1.55; display:block; }
  .sp-meta-row .sp-meta-sep{ display:none; }
  .sp-price{ font-size:27px; margin:10px 0 12px; }
  .sp-price del{ font-size:16px; }
  .sp-qty-row{ display:grid; grid-template-columns:110px 1fr; gap:10px; align-items:center; margin:12px 0 14px; }
  .sp-qty{ width:100%; }
  .sp-qty-btn{ width:34px; height:40px; }
  #sp-quantity{ width:42px; height:40px; }
  .sp-actions{ display:grid; grid-template-columns:1fr 1fr; gap:8px; width:100%; }
  .sp-btn{ min-height:46px; border-radius:12px; font-size:11px; font-weight:800; }
  .sp-share-row{ justify-content:flex-end; margin-top:8px; padding-top:10px; }
  .sp-share-btn{ width:30px; height:30px; }
  .sp-spec-divider{ margin:16px 0 0; }
  .sp-specs-inline{ margin:12px 0 0; }
  .sp-specs-inline .sp-specs-title{ font-size:14px; }
}
.product-thumbnail-wrapper{position:relative;}.btn-quickview{position:absolute;bottom:10px;left:50%;transform:translateX(-50%) translateY(10px);background:#fff;border:1px solid #ddd;padding:6px 14px;font-size:12px;border-radius:20px;opacity:0;transition:all 0.25s ease;white-space:nowrap;pointer-events:auto;cursor:pointer;color:#222;font-weight:600;}.product-card-inner:hover .btn-quickview{opacity:1;transform:translateX(-50%) translateY(0);}.product-sku{display:block;text-align:center;font-size:11px;color:#888;margin:2px 0 4px;}.product-thumbnail-wrapper img{transition:transform 0.3s ease;}.product-card-inner:hover .product-thumbnail-wrapper img{transform:scale(1.03);}
.quick-view-modal {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(17, 17, 17, 0.55);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.25s ease, visibility 0.25s ease;
  z-index: 99999;
}
.quick-view-modal.open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.quick-view-dialog {
  position: relative;
  width: min(1060px, 94vw);
  max-height: 90vh;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.22);
  border: 1px solid rgba(17, 17, 17, 0.08);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.quick-view-close {
  position: absolute;
  top: 14px;
  right: 16px;
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 50%;
  background: #f1f2f4;
  color: #333;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 20;
  transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}
.quick-view-close:hover {
  background: #e2e4e8;
  color: #000;
  transform: scale(1.05);
}
.quick-view-dialog-content {
  overflow-y: auto;
  padding: 30px;
  max-height: 90vh;
  scrollbar-width: thin;
}
.quick-view-dialog-content::-webkit-scrollbar {
  width: 6px;
}
.quick-view-dialog-content::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 3px;
}
.quick-view-dialog-content .quick-view-layout {
  margin-bottom: 0;
}
.quick-view-dialog-content .quick-view-layout .sp-gallery-main {
  max-height: 440px;
}
.quick-view-loading {
  min-height: 380px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quick-view-spinner {
  width: 44px;
  height: 44px;
  border: 3px solid #e5e7eb;
  border-top-color: #6b21a8;
  border-radius: 50%;
  animation: qvSpin 0.75s linear infinite;
}
@keyframes qvSpin {
  to { transform: rotate(360deg); }
}
@media (max-width: 992px) {
  .quick-view-dialog {
    width: min(94vw, 760px);
  }
  .quick-view-dialog-content {
    padding: 24px 20px;
  }
}
@media (max-width: 768px) {
  .quick-view-dialog {
    width: 95vw;
    max-height: 92vh;
    border-radius: 14px;
  }
  .quick-view-dialog-content {
    padding: 24px 14px 18px;
  }
}
.why-moms-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.why-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:18px 12px;text-align:center;transition:all 0.2s;cursor:default;}
.why-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,0.08);border-color:var(--primary);}
.why-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 10px;}
.why-card span{font-size:12px;font-weight:600;color:#333;line-height:1.3;display:block;}
.testimonial-slider-wrap{position:relative;}
.testimonial-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #ddd;box-shadow:0 2px 8px rgba(0,0,0,0.08);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;z-index:2;color:#222;transition:all 0.2s;}
.testimonial-arrow:hover{background:var(--primary);border-color:var(--primary);color:#fff;}
.testimonial-prev{left:-14px;} .testimonial-next{right:-14px;}
@media(max-width:992px){ .testimonial-slides > div{flex:0 0 calc((100% - 16px)/2) !important;} }
@media(max-width:768px){ .testimonial-slider-wrap{position:relative;width:100%;max-width:100%;overflow:hidden;} .testimonial-track{width:100%;max-width:100%;overflow:hidden;} .testimonial-slides{display:grid;grid-template-columns:1fr;gap:12px;transform:none !important;width:100%;max-width:100%;} .testimonial-slides > div{flex:0 0 100% !important; min-width:0 !important; width:100% !important;} .testimonial-prev{left:-8px;} .testimonial-next{right:-8px;} .testimonial-arrow{width:32px;height:32px;font-size:16px;} }

@media(max-width:992px){ .why-moms-grid{grid-template-columns:repeat(3,1fr);} }
@media(max-width:768px){ .why-moms-grid{grid-template-columns:repeat(2,1fr);gap:10px;} .why-card{padding:14px 8px;} .why-icon{width:48px;height:48px;font-size:20px;} }
/* Single Product Reference */
.sp-single{max-width:1658px;margin:0 auto;padding:0 20px;}
.sp-breadcrumb{display:flex;align-items:center;gap:8px;padding:14px 0 12px;font-size:12px;text-transform:uppercase;letter-spacing:0.3px;color:#666;border-bottom:1px solid #f0f0f0;margin-bottom:20px;flex-wrap:wrap;}
.sp-breadcrumb a{color:#666;text-decoration:none;font-weight:500;}
.sp-breadcrumb a:hover{color:var(--primary);}
.sp-back{font-weight:700;color:#222 !important;}
.sp-bc-sep{color:#ccc;}
.sp-bc-home{font-size:14px;}
.sp-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;margin-bottom:32px;}
.sp-gallery{display:flex;gap:14px;}
.sp-gallery-thumbs{display:flex;flex-direction:column;gap:10px;width:86px;max-height:520px;overflow-y:auto;scrollbar-width:thin;flex-shrink:0;}
.sp-gallery-thumbs::-webkit-scrollbar{width:4px;}
.sp-gallery-thumbs::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px;}
.sp-thumb{width:80px;height:80px;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;cursor:pointer;background:#fff;padding:0;flex-shrink:0;transition:all 0.15s;}
.sp-thumb.active{border-color:#6b21a8;box-shadow:0 0 0 2px rgba(107,33,168,0.15);}
.sp-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.sp-gallery-main{flex:1;position:relative;background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;}
.sp-gallery-main img{width:100%;height:100%;object-fit:contain;padding:12px;}
.sp-sku-badge{position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,0.06);backdrop-filter:blur(4px);padding:4px 10px;border-radius:20px;font-size:11px;color:#666;border:1px solid #eee;}
.sp-gallery-dots{display:none;position:absolute;bottom:10px;left:50%;transform:translateX(-50%);gap:6px;}
.sp-gallery-dots .sp-dot{width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,0.15);border:none;cursor:pointer;}
.sp-gallery-dots .sp-dot.active{background:#6b21a8;}
.sp-summary-col{padding-top:4px;}
.sp-title{font-size:24px;line-height:1.3;font-weight:800;color:var(--heading);margin:0 0 8px;}
.sp-rating-row{margin-bottom:10px;}
.sp-stars .star{color:#d1d5db;font-size:14px;}
.sp-stars .star.filled{color:#f59e0b;}
.sp-meta-row{font-size:12px;color:#666;margin-bottom:12px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.sp-meta-row a{color:#6b21a8;text-decoration:none;font-weight:600;}
.sp-meta-row a:hover{text-decoration:underline;}
.sp-meta-sep{color:#ddd;}
.sp-price{font-size:26px;font-weight:800;color:#6b21a8;margin:12px 0 14px;}
.sp-price del{font-size:16px;color:#999;margin-right:8px;font-weight:400;}
.sp-price ins{text-decoration:none;color:#6b21a8;}
/* ---- Single Product: Variation selectors (Attributes & Size Chart) ---- */
.sp-variations-wrapper {
	margin: 14px 0 16px;
}

.variations,
.variations tbody,
.variations tr,
.variations th.label,
.variations td.value {
	display: block;
	width: 100%;
}

.variations {
	border: none;
	margin: 0;
	padding: 0;
}

.variations tr {
	display: block;
	width: 100%;
	margin: 0 0 14px;
	padding: 0;
	border: none;
}

.variations tr:last-child {
	margin-bottom: 0;
}

.variations th.label {
	display: block;
	width: 100%;
	padding: 0 0 8px;
	border: none;
	text-align: left;
}

/* Title left, Size Chart right, on the same line across full container width */
.variations th.label .sp-attr-heading {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	gap: 12px;
	margin: 0;
}

.variations th.label .sp-attr-heading label {
	font-size: 14px;
	font-weight: 700;
	color: #111827;
	margin: 0;
	line-height: 1.3;
}

.sp-size-chart-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #111827;
	font-size: 13px;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
	transition: color 0.15s ease;
	white-space: nowrap;
	flex: 0 0 auto;
}

.sp-size-chart-link:hover {
	color: #6b21a8;
}

.sp-size-chart-link .sp-size-chart-icon {
	display: inline-block;
	vertical-align: middle;
	color: currentColor;
	flex-shrink: 0;
}

.sp-size-chart-standalone {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 14px 0 10px;
	font-size: 13px;
}

.variations td.value {
	display: block;
	width: 100%;
	padding: 0;
	border: none;
	position: relative;
}

.variations select[name^="attribute_"] {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Attribute Buttons: sleek, compact pill buttons matching reference image */
.variations .sp-attr-group {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 10px;
	width: 100%;
	margin: 0;
}

.variations .sp-attr-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	padding: 6px 14px;
	font-size: 12.5px;
	font-weight: 500;
	line-height: 1.25;
	color: #1f2937;
	background: #ffffff;
	border: 1.2px solid #7c3aed;
	border-radius: 18px;
	cursor: pointer;
	transition: all 0.15s ease;
	white-space: nowrap;
	min-height: 32px;
	box-sizing: border-box;
	outline: none;
	-webkit-tap-highlight-color: transparent;
}

.variations .sp-attr-btn:hover:not(.sp-attr-btn-disabled) {
	border-color: #6b21a8;
	color: #6b21a8;
	background: #faf5ff;
}

.variations .sp-attr-btn.active {
	border-color: #6b21a8;
	background: #6b21a8;
	color: #ffffff;
	box-shadow: 0 2px 6px rgba(107, 33, 168, 0.25);
}

.variations .sp-attr-btn.sp-attr-btn-disabled {
	opacity: 0.45;
	cursor: not-allowed;
	text-decoration: line-through;
	background: #f9fafb;
	border-color: #e5e7eb;
	color: #9ca3af;
}

.variations .sp-attr-btn.sp-attr-btn-disabled:hover {
	border-color: #e5e7eb;
	color: #9ca3af;
	background: #f9fafb;
}

.variations .reset_variations {
	display: inline-block;
	margin-top: 8px;
	font-size: 12px;
	color: #6b21a8;
	font-weight: 500;
	text-decoration: underline;
}

@media (max-width: 768px) {
	.variations th.label .sp-attr-heading label {
		font-size: 13px;
	}
	.sp-size-chart-link {
		font-size: 12px;
	}
	.variations .sp-attr-group {
		gap: 6px 8px;
	}
	.variations .sp-attr-btn {
		padding: 5px 12px;
		font-size: 11.5px;
		min-height: 28px;
		border-radius: 14px;
		border-width: 1px;
	}
}

@media (max-width: 400px) {
	.variations .sp-attr-group {
		gap: 5px;
	}
	.variations .sp-attr-btn {
		padding: 4px 10px;
		font-size: 11px;
	}
}
/* Availability / price line for the selected variation. */
.single_variation_wrap .woocommerce-variation{margin:10px 0;}
.single_variation_wrap .woocommerce-variation:empty{display:none;}
.single_variation_wrap .woocommerce-variation-price{font-size:16px;font-weight:700;}
.single_variation_wrap .woocommerce-variation-price del{color:#999;font-weight:400;margin-right:6px;}
.single_variation_wrap .woocommerce-variation-price ins{text-decoration:none;color:#6b21a8;}
.single_variation_wrap .stock{font-size:13px;margin:4px 0;}
.single_variation_wrap .stock.in-stock{color:#16a34a;}
.single_variation_wrap .stock.out-of-stock{color:#dc2626;}
/* Keep the shared quantity + actions row in the theme's style for both
   simple and variable products. */
.sp-qty-actions{display:flex;align-items:center;gap:12px;margin:18px 0 14px;flex-wrap:wrap;}
.sp-qty-actions .sp-qty{flex:0 0 auto;}
.sp-qty-actions .sp-actions{flex:1;display:flex;gap:10px;min-width:240px;}
.sp-qty-actions .sp-btn{flex:1;}
/* WooCommerce adds its own wrappers around the variation form; keep them
   out of the way so the shared row lines up with the attribute buttons. */
.variations + .single_variation_wrap,
.variations + .reset_variations_alert{display:block;}
.variations_form .sp-qty-actions{margin:18px 0 0;}
.variations_form .sp-qty-error{margin:10px 0 0;color:#dc2626;font-size:13px;font-weight:600;}
.variations_form .sp-qty-error[hidden]{display:none;}
/* Transient notice used when a cart or Buy now request is rejected. */
.sp-notice{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);z-index:100000;max-width:min(420px,calc(100vw - 32px));padding:11px 18px;border-radius:8px;background:#dc2626;color:#fff;font-size:14px;font-weight:600;line-height:1.4;box-shadow:0 8px 24px rgba(0,0,0,.18);opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;}
.sp-notice.show{opacity:1;visibility:visible;transform:translate(-50%,0);}
.sp-qty-input{width:48px;height:38px;border:none;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;text-align:center;font-size:14px;font-weight:600;outline:none;-moz-appearance:textfield;}
.sp-qty-input::-webkit-outer-spin-button,.sp-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
/* Disabled actions */
.sp-btn[disabled],.sp-btn.disabled{opacity:0.5;cursor:not-allowed;pointer-events:none;}
.sp-qty-btn:disabled{opacity:0.4;cursor:not-allowed;}
@media (max-width:600px){
  .sp-qty-actions{flex-direction:column;align-items:stretch;}
  .sp-qty-actions .sp-actions{min-width:0;width:100%;}
  .sp-qty{width:100%;}
  .sp-qty-actions .sp-qty .sp-qty-btn{flex:0 0 44px;}
  .sp-qty-input{flex:1;width:auto;}
}
.sp-qty-row{display:flex;align-items:center;gap:12px;margin:18px 0 14px;}
.sp-qty{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:24px;overflow:hidden;background:#fff;}
.sp-qty-btn{width:36px;height:38px;border:none;background:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#222;}
.sp-qty-btn:hover{background:#f9fafb;}
#sp-quantity{width:48px;height:38px;border:none;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;text-align:center;font-size:14px;font-weight:600;outline:none;-moz-appearance:textfield;}
#sp-quantity::-webkit-outer-spin-button,#sp-quantity::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.sp-actions{display:flex;gap:10px;margin-top:0;}
.sp-btn{flex:1;padding:11px 16px;border-radius:24px;font-size:13px;font-weight:700;text-align:center;cursor:pointer;transition:all 0.2s;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;}
.sp-btn-outline{background:#fff !important;color:#6b21a8 !important;border-color:#6b21a8 !important;}
.sp-btn-outline:hover{background:#f5f3ff !important;}
.sp-btn-buy{background:#6b21a8 !important;color:#fff !important;border-color:#6b21a8 !important;}
.sp-btn-buy:hover{background:#581c87 !important;}
.sp-share-row{display:flex;align-items:center;gap:10px;margin:16px 0 0;padding-top:14px;border-top:1px solid #f0f0f0;}
.sp-share-btn{width:36px;height:36px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;color:#666;cursor:pointer;transition:all 0.15s;text-decoration:none;}
.sp-share-btn:hover{border-color:#6b21a8;color:#6b21a8;background:#f5f3ff;}
.sp-share-btn.active{color:#e11d48;border-color:#e11d48;background:#fff1f2;}
.sp-share-btn.active svg{fill:#e11d48;stroke:#e11d48;}
.sp-modal{position:fixed;inset:0;z-index:100002;display:flex;align-items:center;justify-content:center;}
.sp-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.45);backdrop-filter:blur(2px);}
.sp-modal-content{position:relative;background:#fff;border-radius:12px;max-width:600px;width:92%;max-height:80vh;overflow:auto;padding:20px;box-shadow:0 20px 50px rgba(0,0,0,0.2);}
.sp-modal-close{position:absolute;top:10px;right:12px;background:none;border:none;font-size:22px;cursor:pointer;color:#666;}
body.sp-modal-open{overflow:hidden;}
/* ---- Size chart modal ---- */
.sp-size-chart-modal{max-width:720px;width:94%;}
.sp-size-chart-modal h3{margin:0 0 14px;padding-right:28px;font-size:18px;font-weight:800;color:#6b21a8;}
.sp-size-chart-image{display:block;max-width:100%;height:auto;margin:0 auto 14px;border-radius:8px;}
.sp-size-chart-body{font-size:14px;line-height:1.6;color:#333;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.sp-size-chart-body img{max-width:100%;height:auto;}
.sp-size-chart-body table{width:100%;border-collapse:collapse;margin:0 0 12px;font-size:13px;}
.sp-size-chart-body table th,.sp-size-chart-body table td{border:1px solid #e5e7eb;padding:8px 10px;text-align:left;}
.sp-size-chart-body table th{background:#f5f3ff;font-weight:700;color:#4c1d95;}
.sp-size-chart-body table tr:nth-child(even) td{background:#fafafa;}
.sp-size-chart-body p{margin:0 0 10px;}
/* ---- Product Specification: shown directly under the Add to cart / Buy now
       row. A divider, the heading, then the product's short description. ---- */
.sp-spec-divider{border:0;border-top:1px solid #e5e7eb;margin:20px 0 0;width:100%;}
.sp-specs-inline{margin:14px 0 0;background:none;border:0;border-radius:0;overflow:visible;padding:0;}
.sp-specs-inline .sp-specs-title{font-size:15px;font-weight:800;padding:0;margin:0 0 8px;border:0;display:block;color:var(--heading);}
.sp-specs-content{font-size:13px;line-height:1.7;color:#444;}
.sp-specs-content p{margin:0 0 8px;}
.sp-specs-content p:last-child{margin-bottom:0;}
.sp-specs-content ul,.sp-specs-content ol{margin:0 0 8px;padding-left:20px;}
.sp-specs-content li{margin-bottom:4px;}
.sp-specs-content img{max-width:100%;height:auto;}
.sp-specs-content table{width:100%;border-collapse:collapse;margin:0 0 10px;font-size:12px;}
.sp-specs-content th,.sp-specs-content td{border:1px solid #e5e7eb;padding:6px 8px;text-align:left;}
.sp-tabs{margin:32px 0;background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;}
.sp-tabs-nav{display:flex;gap:0;border-bottom:1px solid #eee;background:#fff;}
.sp-tab-btn{flex:1;padding:14px 12px;background:none;border:none;border-bottom:2px solid transparent;font-size:13px;font-weight:700;letter-spacing:0.5px;cursor:pointer;color:#888;transition:all 0.15s;}
.sp-tab-btn.active{color:#6b21a8;border-bottom-color:#6b21a8;background:#faf5ff;}
.sp-tab-panel{padding:20px;display:none;}
.sp-tab-panel.active{display:block;}
.sp-key-features-title{font-size:15px;font-weight:700;margin:0 0 12px;color:var(--heading);}
.sp-key-features-list{margin:0;padding-left:18px;list-style:disc;}
.sp-key-features-list li{margin-bottom:6px;font-size:13px;line-height:1.6;color:#444;}
.sp-related{margin:32px 0;}
.sp-related-title{font-size:18px;font-weight:800;margin:0 0 16px;color:var(--heading);}
@media(max-width:992px){ .sp-layout{gap:24px;} .sp-gallery-thumbs{width:70px;} .sp-thumb{width:68px;height:68px;} }
@media(max-width:768px){
  .sp-single{padding:0 12px;}
  .sp-breadcrumb{font-size:11px;gap:6px;padding:10px 0;}
  .sp-layout{grid-template-columns:1fr;gap:20px;display:flex;flex-direction:column;}
  .sp-gallery{flex-direction:column-reverse;}
  .sp-gallery-thumbs{flex-direction:row;width:100%;max-height:none;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;}
  .sp-thumb{width:64px;height:64px;flex-shrink:0;}
  .sp-gallery-main{aspect-ratio:1/1;}
  .sp-gallery-dots{display:flex;}
  .sp-title{font-size:20px;}
  .sp-price{font-size:22px;}
  .sp-qty-row{flex-wrap:wrap;}
  .sp-actions{width:100%;}
  .sp-btn{flex:1; padding:12px 10px;}
  .sp-specs-inline .sp-specs-title{font-size:14px;}
  .sp-tab-btn{font-size:12px;padding:12px 8px;}
}
@media(max-width:768px){
  .woocommerce-account .page-content{padding-left:12px;padding-right:12px;}
  .woocommerce-account .woocommerce .container{width:100%;max-width:100%;padding-left:0;padding-right:0;gap:16px;}
  .woocommerce-account .woocommerce .container > .page-title{margin:16px 0 0;font-size:24px;}
  .woocommerce-account .woocommerce-MyAccount-navigation{width:100%;}
  .woocommerce-account .woocommerce-MyAccount-navigation ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
  .woocommerce-account .woocommerce-MyAccount-navigation li{min-width:0;border-right:1px solid #f0f0f0;}
  .woocommerce-account .woocommerce-MyAccount-navigation li:nth-child(2n){border-right:0;}
  .woocommerce-account .woocommerce-MyAccount-navigation li a{min-height:48px;padding:12px 8px;gap:5px;font-size:12px;line-height:1.3;overflow-wrap:anywhere;}
  .woocommerce-account .woocommerce-MyAccount-content{width:100%;min-width:0;padding:16px 12px;overflow:visible;}
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address{padding:14px 10px;}
  .woocommerce-account .woocommerce-EditAccountForm fieldset{padding:16px 10px;margin:18px 0;}
  .woocommerce-account .woocommerce-EditAccountForm .form-row-first,
  .woocommerce-account .woocommerce-EditAccountForm .form-row-last{float:none;width:100%;}
  .woocommerce-account .woocommerce-EditAccountForm .clear{display:none;}
  .woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button{width:100%;}
  .woocommerce-account .woocommerce-MyAccount-content input,
  .woocommerce-account .woocommerce-MyAccount-content select,
  .woocommerce-account .woocommerce-MyAccount-content textarea{max-width:100%;}
  .woocommerce-account .woocommerce-MyAccount-content .dashboard-orders-table-wrap,
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table-wrap{width:100%;max-width:100%;}
  .woocommerce-account .woocommerce-MyAccount-content .dashboard-recent-orders .shop_table,
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table{display:block;width:100%;table-layout:fixed;}
  .woocommerce-account .woocommerce-MyAccount-content .dashboard-recent-orders .shop_table thead,
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table thead{display:none;}
  .woocommerce-account .woocommerce-MyAccount-content .dashboard-recent-orders .shop_table tbody,
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table tbody,
  .woocommerce-account .woocommerce-MyAccount-content .dashboard-recent-orders .shop_table tr,
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table tr{display:block;}
  .woocommerce-account .woocommerce-MyAccount-content .dashboard-recent-orders .shop_table tr,
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table tr{padding:8px 0;border-bottom:1px solid var(--border);}
  .woocommerce-account .woocommerce-MyAccount-content .dashboard-recent-orders .shop_table tr:last-child,
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table tr:last-child{border-bottom:0;}
  .woocommerce-account .woocommerce-MyAccount-content .dashboard-recent-orders .shop_table td,
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table td{display:grid;grid-template-columns:minmax(74px,38%) minmax(0,1fr);gap:8px;padding:6px 0;border:0;text-align:right;overflow-wrap:anywhere;font-size:13px;}
  .woocommerce-account .woocommerce-MyAccount-content .dashboard-recent-orders .shop_table td::before,
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table td::before{content:attr(data-title);color:var(--text-light);font-size:12px;font-weight:600;text-align:left;}
  .woocommerce-account .woocommerce-MyAccount-content .dashboard-recent-orders .shop_table td:last-child,
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table td:last-child{justify-items:end;}
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination .page-numbers{display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;}
  .woocommerce-order-view .order-view-header{align-items:flex-start;}
  .woocommerce-order-view .order-view-header h2{font-size:18px!important;overflow-wrap:anywhere;}
  .woocommerce-order-view .order-view-header > span{font-size:12px!important;padding:5px 10px;}
  .woocommerce-order-view .order_details{table-layout:fixed;}
  .woocommerce-order-view .order_details th,
  .woocommerce-order-view .order_details td{padding:10px 8px;font-size:12px;overflow-wrap:anywhere;}
  .woocommerce-order-view .order_details td:first-child{width:65%;}
  .woocommerce-order-view .order-addresses{grid-template-columns:1fr!important;gap:12px!important;}
  .woocommerce-order-view .order-addresses > div{min-width:0;padding:14px 12px!important;}
  .woocommerce-order-view .order-addresses address{overflow-wrap:anywhere;}
  .shop-content{padding-left:10px;padding-right:10px;}
  .shop-toolbar{grid-template-columns:1fr;gap:8px;}
  .shop-toolbar-left .woocommerce-result-count{display:block;}
  .shop-toolbar-right{justify-content:stretch;}
  .woocommerce-ordering{width:100%;min-width:0;}
  .woocommerce-ordering select{min-width:0;max-width:100%;}
  .woocommerce-pagination .page-numbers{display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;}
  .woocommerce-pagination .page-numbers li span,
  .woocommerce-pagination .page-numbers li a{width:36px;height:36px;}
  #shop-products,
  #shop-products ul.products{min-width:0;max-width:100%;}
  #shop-products ul.products > li.product,
  #shop-products .product-card-inner,
  #shop-products .product-link{min-width:0;max-width:100%;}
  #shop-products .product-title,
  #shop-products .woocommerce-loop-product__title{overflow-wrap:anywhere;word-break:break-word;}
  .cart-slide-panel{right:0;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);}
  .cart-slide-panel.open{right:0;transform:translateX(0);}
}
@media(max-width:360px){
  .woocommerce-account .woocommerce-MyAccount-navigation ul{grid-template-columns:1fr;}
  .woocommerce-account .woocommerce-MyAccount-navigation li{border-right:0;}
}
