/*
Theme Name: Peptide Lab
Theme URI: https://honeydew-aardvark-958242.hostingersite.com
Author: Peptide Lab
Description: Premium research peptides theme with WooCommerce, SEO/AI optimization, calculator, and knowledge center.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: peptide-lab
WC requires at least: 7.0
WC tested up to: 9.5
*/

:root {
  --primary: #0a7cc4;
  --primary-light: #5cc8ff;
  --dark: #0a2540;
  --dark-deep: #0a1628;
  --gray: #6b7c93;
  --light-bg: #f7f9fc;
  --lighter-bg: #fafbfc;
  --border: #e8edf2;
  --white: #ffffff;
  --success: #10b981;
  --warning: #f59e0b;
  --red: #dc2626;
  --radius: 16px;
  --radius-sm: 10px;
  --max-w: 1200px;
  --font-h: 'Outfit', sans-serif;
  --font-b: 'DM Sans', sans-serif;
  --transition: all 0.25s ease;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:var(--font-b);color:#1a1a2e;background:var(--lighter-bg);line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit;transition:var(--transition)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4,h5,h6{font-family:var(--font-h);color:var(--dark);line-height:1.2}
.pl-container{max-width:var(--max-w);margin:0 auto;padding:0 24px}

/* ===== HEADER ===== */
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,0.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:var(--transition)}
.site-header.scrolled{border-bottom-color:var(--border);box-shadow:0 1px 12px rgba(0,0,0,0.04)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:68px;max-width:var(--max-w);margin:0 auto;padding:0 24px}

.site-logo{display:flex;align-items:center;gap:12px;flex-shrink:0}
.site-logo svg,.site-logo img,.custom-logo-link img,.custom-logo{height:52px!important;width:auto!important;max-height:52px!important;object-fit:contain}
.custom-logo-link{display:flex;align-items:center}
.logo-text{font-family:var(--font-h);font-size:20px;font-weight:800;letter-spacing:2px;color:var(--dark);line-height:1}

.main-nav{display:flex;gap:24px;align-items:center}
.main-nav a{font-family:var(--font-h);font-size:13px;font-weight:500;color:var(--gray);letter-spacing:0.3px;padding-bottom:2px;border-bottom:2px solid transparent;transition:var(--transition)}
.main-nav a:hover,.main-nav a.active{color:var(--primary);font-weight:700;border-bottom-color:var(--primary)}

.header-right{display:flex;align-items:center;gap:12px}
.header-search{display:flex;align-items:center;gap:6px;background:var(--light-bg);border:1px solid var(--border);border-radius:100px;padding:7px 14px;transition:var(--transition)}
.header-search:focus-within{border-color:var(--primary)}
.header-search input{border:none;background:transparent;outline:none;font-size:13px;font-family:var(--font-b);width:140px;color:var(--dark)}
.header-cart-btn{display:flex;align-items:center;gap:7px;background:var(--dark);color:var(--white);border:none;border-radius:100px;padding:9px 20px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font-h);white-space:nowrap;text-decoration:none;transition:var(--transition)}
.header-cart-btn:hover{background:#0d3050}
.mobile-menu-toggle{display:none;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:4px}

/* ===== HERO ===== */
.hero-section{position:relative;overflow:hidden;min-height:480px}
.hero-section video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(10,37,64,0.88) 0%,rgba(13,59,102,0.82) 40%,rgba(10,124,196,0.75) 100%);z-index:1}
.hero-fallback{background:linear-gradient(135deg,#0a2540 0%,#0d3b66 40%,#0a7cc4 100%)}
.hero-content{max-width:var(--max-w);margin:0 auto;padding:88px 24px 80px;position:relative;z-index:2}
.hero-content-inner{max-width:600px}
.hero-title{font-family:var(--font-h);font-size:clamp(34px,5vw,54px);font-weight:900;color:var(--white);line-height:1.08;margin-bottom:20px;letter-spacing:-0.5px}
.hero-title span{color:var(--primary-light)}
.hero-subtitle{font-size:17px;color:rgba(255,255,255,0.7);line-height:1.7;margin-bottom:14px;max-width:460px}
.hero-subtitle strong{color:var(--white)}
.hero-features{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:36px;font-size:14px;color:rgba(255,255,255,0.55)}
.hero-features span{display:flex;align-items:center;gap:5px}
.hero-buttons{display:flex;gap:14px;flex-wrap:wrap}

.btn-hero-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white)!important;border:none;border-radius:12px;padding:16px 36px;font-size:16px;font-weight:700;cursor:pointer;font-family:var(--font-h);box-shadow:0 4px 24px rgba(10,124,196,0.45);letter-spacing:0.3px;transition:var(--transition);display:inline-block;text-align:center}
.btn-hero-primary:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 8px 30px rgba(10,124,196,0.5)}
.btn-hero-primary:active{transform:translateY(0) scale(0.97)}
.btn-hero-secondary{background:rgba(255,255,255,0.1);color:var(--white)!important;border:1px solid rgba(255,255,255,0.3);border-radius:12px;padding:16px 28px;font-size:16px;font-weight:600;cursor:pointer;font-family:var(--font-h);backdrop-filter:blur(8px);transition:var(--transition);display:inline-block;text-align:center}
.btn-hero-secondary:hover{transform:translateY(-3px) scale(1.03);background:rgba(255,255,255,0.2)}
.btn-hero-secondary:active{transform:translateY(0) scale(0.97)}

/* ===== TRUST BANNER ===== */
.trust-banner{padding:44px 24px;background:var(--light-bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.trust-number{font-family:var(--font-h);font-size:24px;font-weight:900;color:var(--primary)}
.trust-label{font-size:12px;color:var(--gray);font-weight:500;margin-top:3px}

/* ===== SECTIONS ===== */
.section-padding{padding:80px 24px}
.section-title{text-align:center;font-family:var(--font-h);font-size:28px;font-weight:800;color:var(--dark);margin-bottom:8px}
.section-subtitle{text-align:center;font-size:14px;color:var(--gray);margin-bottom:40px}
.bg-white{background:var(--white)}
.bg-light{background:var(--lighter-bg)}
.bg-soft{background:var(--light-bg)}
.bg-dark{background:var(--dark)}
.bg-dark-deep{background:var(--dark-deep)}

/* ===== PRODUCT CARDS ===== */
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}
.product-card{background:var(--white);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;transition:var(--transition);cursor:pointer;display:flex;flex-direction:column}
.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.06)}
.product-card-image{background:linear-gradient(135deg,#f0f7ff,#e8f4fd);height:180px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}
.product-badge{position:absolute;top:10px;left:10px;color:var(--white);font-size:10px;font-weight:700;padding:3px 12px;border-radius:100px}
.badge-new{background:var(--success)}
.badge-bestseller{background:var(--primary)}
.badge-popular{background:var(--warning)}
.product-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.product-cat-label{font-size:10px;color:var(--primary);font-weight:700;letter-spacing:0.8px;text-transform:uppercase;margin-bottom:4px;text-align:center}
.product-card-title{font-family:var(--font-h);font-size:18px;font-weight:800;color:var(--dark);margin-bottom:10px;min-height:40px;text-align:center}
.product-card-title a{color:var(--dark)}
.product-card-title a:hover{color:var(--primary)}
.product-card-footer{margin-top:auto}
.product-price{font-family:var(--font-h);font-size:16px;font-weight:700;color:var(--dark);margin-bottom:10px;text-align:center}
.add-to-cart-btn,.product-card .button,.product-card .add_to_cart_button{background:var(--primary)!important;color:var(--white)!important;border:none!important;border-radius:100px!important;padding:10px 0!important;font-size:13px!important;font-weight:700!important;font-family:var(--font-h)!important;cursor:pointer;transition:var(--transition);text-decoration:none;display:block;width:100%;text-align:center}
.add-to-cart-btn:hover,.product-card .button:hover{background:#0968a8!important}

/* ===== CATEGORIES ===== */
.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.category-card{border-radius:var(--radius);padding:32px 16px;text-align:center;border:1px solid var(--border);cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}
.category-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.06);border-color:var(--primary)}
.category-icon{font-size:32px;margin-bottom:12px}
.category-name{font-family:var(--font-h);font-size:13px;font-weight:700;color:var(--dark)}
.category-bar{position:absolute;bottom:0;left:0;right:0;height:3px;opacity:0;transition:opacity 0.2s}
.category-card:hover .category-bar{opacity:1}

/* ===== ADVANTAGES ===== */
.advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.advantage-card{background:var(--white);border-radius:var(--radius);padding:28px 24px;border:1px solid var(--border)}
.advantage-icon-wrap{width:48px;height:48px;border-radius:12px;background:rgba(10,124,196,0.08);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.advantage-title{font-family:var(--font-h);font-size:16px;font-weight:700;color:var(--dark);margin-bottom:8px}
.advantage-desc{font-size:13px;color:var(--gray);line-height:1.65}

/* ===== TESTIMONIALS ===== */
.testimonials-section{background:var(--dark);padding:80px 24px}
.testimonials-section .section-title{color:var(--white)}
.testimonials-section .section-subtitle{color:rgba(255,255,255,0.5)}
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.testimonial-card{background:rgba(255,255,255,0.04);border-radius:var(--radius);padding:28px 24px;border:1px solid rgba(255,255,255,0.08)}
.testimonial-stars{display:flex;gap:2px;margin-bottom:14px}
.testimonial-text{font-size:14px;color:rgba(255,255,255,0.7);line-height:1.65;margin-bottom:20px;font-style:italic}
.testimonial-name{font-family:var(--font-h);font-size:14px;font-weight:700;color:var(--white)}
.testimonial-title{font-size:12px;color:var(--primary);font-weight:500}

/* ===== FAQ ===== */
.faq-list{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:8px}
.faq-item{background:var(--white);border-radius:14px;border:1px solid var(--border);overflow:hidden}
.faq-question{width:100%;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;background:none;border:none;cursor:pointer;font-family:var(--font-h);font-size:14px;font-weight:600;color:var(--dark);text-align:left}
.faq-question:hover{color:var(--primary)}
.faq-toggle{transition:transform 0.2s;flex-shrink:0;margin-left:16px;color:var(--primary)}
.faq-item.active .faq-toggle{transform:rotate(180deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease;font-size:14px;color:var(--gray);line-height:1.7;padding:0 20px}
.faq-item.active .faq-answer{max-height:300px;padding:0 20px 18px}

/* ===== CALCULATOR ===== */
.calc-card{background:var(--white);border-radius:var(--radius);padding:32px 28px;border:1px solid var(--border);max-width:700px;margin:0 auto}
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}
.calc-label{font-size:12px;font-weight:600;color:var(--gray);margin-bottom:6px;display:block;text-transform:uppercase;letter-spacing:0.5px}
.calc-input,.calc-select{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--border);font-size:14px;font-family:var(--font-b);outline:none;background:var(--light-bg);box-sizing:border-box}
.calc-input:focus,.calc-select:focus{border-color:var(--primary)}
.calc-results{background:var(--light-bg);border-radius:14px;padding:24px;border:1px solid var(--border)}
.calc-results-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;text-align:center}
.calc-result-label{font-size:11px;color:var(--gray);font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:6px}
.calc-result-value{font-family:var(--font-h);font-size:18px;font-weight:800;color:var(--primary)}

/* ===== ABOUT ===== */
.about-content{max-width:800px;margin:0 auto}
.about-card{background:var(--white);border-radius:var(--radius);padding:36px 32px;border:1px solid var(--border);margin-bottom:28px}
.about-card h2{font-size:20px;font-weight:700;margin-bottom:8px}
.about-card p{font-size:15px;color:#4a5568;line-height:1.75;margin-bottom:24px}
.about-card p:last-child{margin-bottom:0}
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.about-stat{background:var(--dark);border-radius:14px;padding:22px 16px;text-align:center}
.about-stat-num{font-family:var(--font-h);font-size:20px;font-weight:800;color:var(--primary-light)}
.about-stat-label{font-size:11px;color:rgba(255,255,255,0.5);margin-top:4px}

/* ===== CONTACT ===== */
.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:24px;max-width:800px;margin:0 auto}
.contact-card{background:var(--white);border-radius:var(--radius);padding:28px 24px;border:1px solid var(--border)}
.contact-label{font-size:11px;font-weight:700;color:var(--gray);text-transform:uppercase;letter-spacing:0.8px;margin-bottom:4px}
.contact-value{font-size:15px;font-weight:600;color:var(--dark)}
.contact-form input,.contact-form textarea{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--border);margin-bottom:10px;font-size:13px;font-family:var(--font-b);outline:none;background:var(--light-bg);box-sizing:border-box}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary)}
.contact-form textarea{resize:vertical;min-height:120px}
.btn-submit{width:100%;background:var(--dark);color:var(--white);border:none;border-radius:100px;padding:12px;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font-h);transition:var(--transition)}
.btn-submit:hover{background:#0d3050}

/* ===== LEARN / ARTICLES ===== */
.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
.article-card{background:var(--white);border-radius:var(--radius);border:1px solid var(--border);padding:28px 24px;cursor:pointer;transition:var(--transition)}
.article-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.06)}
.article-tag{font-size:10px;font-weight:700;color:var(--primary);background:rgba(10,124,196,0.08);padding:3px 10px;border-radius:100px;display:inline-block}
.featured-article{background:linear-gradient(135deg,var(--dark),#0d3b66);border-radius:20px;padding:40px 36px;margin-bottom:32px;cursor:pointer;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.featured-article:hover{box-shadow:0 12px 40px rgba(0,0,0,0.15)}

/* Answer summary block for AI */
.answer-summary{background:#f0f7ff;border-left:4px solid var(--primary);border-radius:0 12px 12px 0;padding:16px 20px;font-size:15px;color:#1a365d;line-height:1.7;font-weight:500;margin-bottom:28px}
.definition-block{background:var(--light-bg);border-radius:14px;padding:24px;border:1px solid var(--border);margin-bottom:28px}
.definition-label{font-size:11px;font-weight:700;color:var(--primary);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}
.takeaways-block{background:var(--white);border-radius:14px;padding:24px;border:1px solid var(--border);margin-bottom:28px}
.takeaways-label{font-size:11px;font-weight:700;color:var(--success);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}
.comparison-table{border-radius:14px;border:1px solid var(--border);overflow:hidden;margin-bottom:28px}
.comparison-table table{width:100%;border-collapse:collapse}
.comparison-table th{background:var(--dark);color:var(--white);padding:12px 16px;font-size:13px;font-weight:700;text-align:left;font-family:var(--font-h)}
.comparison-table td{padding:11px 16px;font-size:13px;border-top:1px solid var(--border)}
.comparison-table tr:nth-child(even){background:var(--light-bg)}

/* ===== FOOTER ===== */
.site-footer{background:var(--dark-deep);padding:52px 24px 20px}
.footer-grid{display:grid;grid-template-columns:1fr .6fr 1.5fr;gap:36px;margin-bottom:36px}
.footer-heading{color:var(--white);font-family:var(--font-h);font-size:13px;font-weight:700;margin-bottom:14px}
.footer-text{color:rgba(255,255,255,0.4);font-size:12px;line-height:1.7}
.footer-links a{display:block;color:rgba(255,255,255,0.4);font-size:13px;margin-bottom:8px;transition:var(--transition)}
.footer-links a:hover{color:var(--white)}
.footer-disclaimer{color:rgba(255,255,255,0.35);font-size:11px;line-height:1.7}
.footer-disclaimer .research-only{color:rgba(255,255,255,0.55);font-style:italic;font-weight:600;margin-top:10px;display:block}
.footer-research-banner{text-align:center;margin-bottom:36px;padding:14px 24px;background:rgba(10,124,196,0.1);border-radius:12px;border:1px solid rgba(10,124,196,0.15)}
.footer-research-banner span{font-size:13px;font-weight:700;color:var(--primary-light);letter-spacing:1.5px}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.06);padding-top:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer-copyright{color:rgba(255,255,255,0.25);font-size:12px}
.footer-payments{display:flex;align-items:center;gap:8px}
.payment-badge{padding:3px 10px;border-radius:4px;font-size:10px;font-weight:600}
.payment-badge-card{background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.5)}
.payment-badge-interac{background:#f5a623;color:#000;font-weight:700}

/* ===== CHAT POPUP ===== */
.chat-bubble{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--primary);border:none;cursor:pointer;box-shadow:0 4px 20px rgba(10,124,196,0.4);z-index:999;display:flex;align-items:center;justify-content:center;transition:var(--transition)}
.chat-bubble:hover{transform:scale(1.08)}
.chat-window{position:fixed;bottom:90px;right:24px;width:340px;background:var(--white);border-radius:20px;box-shadow:0 8px 40px rgba(0,0,0,0.15);z-index:999;overflow:hidden;border:1px solid var(--border);display:none}
.chat-window.open{display:block}

/* ===== BREADCRUMB ===== */
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gray);margin-bottom:28px}
.breadcrumb a{color:var(--primary);cursor:pointer}

/* ===== WOOCOMMERCE OVERRIDES ===== */
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:20px!important}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product{width:100%!important;float:none!important;margin:0!important;padding:0!important;background:var(--white);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;transition:var(--transition);display:flex;flex-direction:column}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.06)}
.woocommerce ul.products li.product a img{margin:0!important;background:linear-gradient(135deg,#f0f7ff,#e8f4fd);padding:16px;height:180px;object-fit:contain}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--font-h)!important;font-size:18px!important;font-weight:800!important;color:var(--dark)!important;padding:12px 16px 4px!important;text-align:center}
.woocommerce ul.products li.product .price{font-family:var(--font-h)!important;font-size:16px!important;font-weight:700!important;color:var(--dark)!important;padding:0 16px!important;text-align:center}
.woocommerce ul.products li.product .button{margin:8px 16px 16px!important;border-radius:100px!important;text-align:center}
.woocommerce div.product .product_title{font-family:var(--font-h);font-size:32px;font-weight:800;color:var(--dark)}
.woocommerce div.product p.price{font-family:var(--font-h);font-size:28px;font-weight:800;color:var(--primary)}
.woocommerce div.product .single_add_to_cart_button{background:var(--primary)!important;border-radius:100px!important;font-family:var(--font-h)!important;font-weight:700!important;padding:14px 40px!important;font-size:16px!important}
.woocommerce div.product .single_add_to_cart_button:hover{background:#0968a8!important}
.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--primary)!important;color:var(--white)!important;border-radius:var(--radius-sm)!important;font-family:var(--font-h)!important;font-weight:600!important;border:none!important;transition:var(--transition)}
.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:#0968a8!important}
.woocommerce .checkout .form-row input,.woocommerce .checkout .form-row textarea,.woocommerce .checkout .form-row select{border-radius:var(--radius-sm)!important;border:1px solid var(--border)!important;padding:12px 16px!important;font-family:var(--font-b)!important}

/* ===== PAGE HEADERS ===== */
.page-header{padding:60px 24px 0}
.page-header h1{font-size:32px;font-weight:800;margin-bottom:8px}
.page-header p{color:var(--gray);margin-bottom:32px;font-size:14px}

/* ===== PRODUCT DETAIL TABS ===== */
.product-tabs{border-bottom:1px solid var(--border);display:flex;gap:0;margin-bottom:24px}
.product-tab{padding:12px 24px;font-size:14px;font-weight:500;color:var(--gray);border-bottom:2px solid transparent;font-family:var(--font-h);cursor:pointer;background:none;border-top:none;border-left:none;border-right:none;transition:var(--transition)}
.product-tab.active{font-weight:700;color:var(--primary);border-bottom-color:var(--primary)}
.product-tab-content{display:none}
.product-tab-content.active{display:block}

/* ===== RESPONSIVE ===== */
@media(max-width:968px){
  .main-nav{display:none}
  .mobile-menu-toggle{display:flex}
  .main-nav.mobile-open{display:flex;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:var(--white);padding:16px 24px 24px;gap:4px;box-shadow:0 10px 40px rgba(0,0,0,0.08);border-bottom:1px solid var(--border);z-index:999}
  .main-nav.mobile-open a{padding:12px 0;font-size:16px;border-bottom:1px solid #f0f0f0}
  .header-search{display:none}
  .site-logo svg{height:48px!important;max-height:48px!important;width:auto!important}
  .logo-text{font-size:18px!important}
  .trust-grid{grid-template-columns:repeat(2,1fr)}
  .hero-section{min-height:auto}
  .hero-content{padding:60px 24px}
  .hero-title{font-size:36px}
  .hero-buttons{flex-direction:column;gap:10px}
  .btn-hero-primary,.btn-hero-secondary{text-align:center;width:100%}
  .categories-grid{grid-template-columns:repeat(2,1fr)}
  .advantages-grid{grid-template-columns:1fr}
  .testimonials-grid{grid-template-columns:1fr}
  .about-stats{grid-template-columns:repeat(2,1fr)}
  .contact-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;text-align:center}
  .featured-article{grid-template-columns:1fr}
  .article-grid{grid-template-columns:1fr}
  .calc-grid{grid-template-columns:1fr}
  .calc-results-grid{grid-template-columns:1fr}
  .product-tabs{overflow-x:auto}
}

@media(max-width:640px){
  .products-grid,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important}
  .section-title{font-size:24px}
  .hero-title{font-size:28px}
  .hero-subtitle{font-size:15px}
  .hero-features{flex-direction:column;gap:8px}
  .chat-window{width:calc(100% - 32px);right:16px;bottom:84px}
  .categories-grid{grid-template-columns:1fr}
  .trust-grid{grid-template-columns:repeat(2,1fr);gap:16px}
}
/* ============================================
   MOBILE RESPONSIVE FIXES — PEPTIDE LAB v2.1
   ============================================ */

@media (max-width: 968px) {
  .nav-links {
    display: none !important;
    flex-direction: column !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    background: #0a0a0a !important;
    padding: 1rem 0 !important;
    border-top: 1px solid #333 !important;
    z-index: 9999 !important;
  }
  .nav-links.active { display: flex !important; }
  .nav-links a { padding: 0.75rem 1.5rem !important; border-bottom: 1px solid #1a1a1a !important; }
  .hamburger { display: flex !important; }
  .nav-container { position: relative !important; }
  .hero-content h1 { font-size: 2.2rem !important; }
  .products-grid, .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; }
  .categories-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .advantages-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .testimonials-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .footer-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .section-title { font-size: 1.8rem !important; }
  section { padding: 3rem 1rem !important; }
}

@media (max-width: 640px) {
  .site-header { padding: 0.75rem 1rem !important; }
  .logo { font-size: 1.2rem !important; }
  .header-actions .search-bar { display: none !important; }
  .hero-section { min-height: 85vh !important; padding: 6rem 1.25rem 3rem !important; }
  .hero-content h1 { font-size: 1.75rem !important; }
  .hero-content p { font-size: 0.95rem !important; }
  .products-grid, .woocommerce ul.products {
    grid-template-columns: 1fr !important;
    max-width: 360px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .categories-grid { grid-template-columns: 1fr 1fr !important; }
  .advantages-grid { grid-template-columns: 1fr !important; }
  .testimonials-grid { grid-template-columns: 1fr !important; }
  .footer-grid { grid-template-columns: 1fr !important; }
  .footer-bottom { flex-direction: column !important; text-align: center !important; }
  .chat-popup { width: calc(100vw - 2rem) !important; right: 1rem !important; left: 1rem !important; bottom: 80px !important; }
  .section-title { font-size: 1.5rem !important; }
  section { padding: 2.5rem 1rem !important; }
}

@media (max-width: 400px) {
  .hero-content h1 { font-size: 1.5rem !important; }
  .categories-grid { grid-template-columns: 1fr !important; }
}

.hamburger {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 28px;
  height: 20px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  z-index: 10000;
}
.hamburger span {
  display: block;
  width: 100%;
  height: 2px;
  background: #ffffff;
  border-radius: 2px;
  transition: all 0.3s ease;
}
.hamburger.active span:nth-child(1) { transform: translateY(9px) rotate(45deg); }
.hamburger.active span:nth-child(2) { opacity: 0; }
.hamburger.active span:nth-child(3) { transform: translateY(-9px) rotate(-45deg); }
/* FORCE 2 COLUMN PRODUCT GRID ON MOBILE */
@media (max-width: 640px) {
  .woocommerce ul.products,
  .products-grid,
  ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    max-width: 100% !important;
  }
  .woocommerce ul.products li.product,
  .products-grid .product-card {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
  }
/* FIX BEST SELLERS 2 COLUMN ON MOBILE */
@media (max-width: 640px) {
  ul.products.columns-5,
  ul.products.columns-4,
  ul.products.columns-3,
  ul.products.columns-2 {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1rem !important;
  }
  ul.products.columns-5 li.product,
  ul.products.columns-4 li.product,
  ul.products.columns-3 li.product,
  ul.products.columns-2 li.product {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
  }
/* Force product images to fill card */
.woocommerce ul.products li.product,
ul.products li.product {
    padding: 0 !important;
    overflow: hidden !important;
}

.woocommerce ul.products li.product a img,
ul.products li.product a img,
.woocommerce ul.products li.product img,
ul.products li.product img {
    width: 100% !important;
    height: 250px !important;
    max-height: 250px !important;
    min-height: 250px !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
	/* Fix pagination */
.woocommerce-pagination,
.woocommerce nav.woocommerce-pagination {
    display: flex !important;
    justify-content: center !important;
    margin: 40px 0 !important;
}

.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul {
    display: flex !important;
    list-style: none !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce-pagination ul li::before,
.woocommerce nav.woocommerce-pagination ul li::before {
    display: none !important;
}

.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 8px !important;
    background: #0e2540 !important;
    color: white !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

.woocommerce-pagination ul li span.current {
    background: #0a7cc4 !important;
}
	/* Fix pagination bullets */
ul.page-numbers {
    list-style: none !important;
    display: flex !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 40px auto !important;
    justify-content: center !important;
}

ul.page-numbers li {
    list-style: none !important;
}

ul.page-numbers li::before,
ul.page-numbers li::marker {
    display: none !important;
    content: none !important;
}

ul.page-numbers a,
ul.page-numbers span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 8px !important;
    background: #0e2540 !important;
    color: white !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}

ul.page-numbers span.current {
    background: #0a7cc4 !important;
}
	
	/* Mobile header fix */
@media (max-width: 768px) {
    .logo-text {
        font-size: 14px !important;
        letter-spacing: 1px !important;
    }
    .site-logo {
        gap: 6px !important;
    }
}