:root{
      --green:#1d5f4f;
      --green-2:#2f8a6d;
      --green-soft:#eaf5f1;
      --black:#10201b;
      --muted:#66736e;
      --line:#e7ecea;
      --bg:#f6f8f7;
      --white:#fff;
      --radius:24px;
      --shadow:0 20px 50px rgba(16,32,27,.08);
    }

    *{box-sizing:border-box;margin:0;padding:0}
    body{
      font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      background:var(--bg);
      color:var(--black);
      line-height:1.6;
      padding-bottom:0;
    }
    a{text-decoration:none;color:inherit}
    img{max-width:100%;display:block}
    .container{width:min(1180px,92%);margin:auto}

    .topbar{
      background:var(--green);
      color:white;
      font-size:13px;
      padding:9px 0;
    }
    .topbar .container{display:flex;justify-content:space-between;gap:20px;align-items:center}

    header{
      position:sticky;
      top:0;
      z-index:50;
      background:rgba(255,255,255,.88);
      backdrop-filter:blur(18px);
      border-bottom:1px solid var(--line);
    }
    .navbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:var(--green)}
    .logo-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--green),var(--green-2));display:grid;place-items:center;color:white;font-weight:900}
    nav{display:flex;align-items:center;gap:26px;font-weight:600;color:#33423d;font-size:14px}
    .nav-actions{display:flex;align-items:center;gap:12px}
    .search{width:250px;background:#f3f6f5;border:1px solid var(--line);border-radius:999px;padding:12px 18px;color:var(--muted);font-size:14px}
    .icon-btn{width:44px;height:44px;border-radius:999px;border:1px solid var(--line);background:white;display:grid;place-items:center;font-size:18px}

    .hero{padding:54px 0 36px}
    .hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:30px;align-items:stretch}
    .hero-card{background:linear-gradient(135deg,#f7fffb,#dff3ec);border:1px solid #d5ebe3;border-radius:36px;padding:56px;position:relative;overflow:hidden;min-height:520px;box-shadow:var(--shadow)}
    .badge{display:inline-flex;align-items:center;gap:8px;background:white;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;color:var(--green);margin-bottom:22px}
    h1{font-size:58px;line-height:1.04;letter-spacing:-2.5px;margin-bottom:18px}
    .hero p{font-size:18px;color:var(--muted);max-width:570px;margin-bottom:28px}
    .hero-actions{display:flex;gap:14px;flex-wrap:wrap}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:14px 22px;font-weight:800;border:0;cursor:pointer}
    .btn-primary{background:var(--green);color:white;box-shadow:0 12px 26px rgba(29,95,79,.22)}
    .btn-light{background:white;color:var(--green);border:1px solid var(--line)}
    .hero-ornament{position:absolute;right:-70px;bottom:-90px;width:310px;height:310px;background:rgba(29,95,79,.1);border-radius:50%}

    .feature-card{background:#10201b;border-radius:36px;padding:28px;color:white;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}
    .product-showcase{background:white;border-radius:30px;padding:22px;color:var(--black);margin-top:22px}
    .showcase-img{height:250px;border-radius:24px;background:linear-gradient(135deg,#d7f0e7,#ffffff);display:grid;place-items:center;font-size:88px;margin-bottom:18px}
    .price-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px}
    .price{font-size:24px;font-weight:900;color:var(--green)}

    section{padding:46px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}
    .section-head h2{font-size:34px;line-height:1.15;letter-spacing:-1px}
    .section-head p{color:var(--muted);max-width:520px}

    .categories{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
    .cat{background:white;border:1px solid var(--line);border-radius:22px;padding:22px 14px;text-align:center;box-shadow:0 10px 30px rgba(16,32,27,.04);font-weight:800}
    .cat span{display:block;font-size:36px;margin-bottom:8px}

    .products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
    .product{background:white;border:1px solid var(--line);border-radius:28px;padding:14px;box-shadow:0 14px 38px rgba(16,32,27,.05)}
    .product-img{height:210px;border-radius:22px;background:linear-gradient(135deg,#edf7f3,#ffffff);display:grid;place-items:center;font-size:70px;margin-bottom:14px;position:relative}
    .discount{position:absolute;top:12px;left:12px;background:#f04438;color:white;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}
    .product h3{font-size:16px;margin-bottom:4px}
    .rating{color:#f5a524;font-size:13px;margin-bottom:8px}
    .product .price{font-size:18px;margin-bottom:12px}
    .cart-btn{width:100%;border:0;background:var(--green-soft);color:var(--green);border-radius:16px;padding:12px;font-weight:900}

    .flash{background:linear-gradient(135deg,var(--green),#123d34);border-radius:36px;padding:36px;color:white;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;overflow:hidden}
    .flash h2{font-size:36px;letter-spacing:-1px;margin-bottom:8px}
    .timer{display:flex;gap:10px;flex-wrap:wrap}
    .timebox{background:white;color:var(--green);border-radius:18px;min-width:76px;padding:12px;text-align:center;font-weight:900;font-size:22px}
    .timebox small{display:block;font-size:11px;color:var(--muted);font-weight:700}

    .benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .benefit{background:white;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 12px 34px rgba(16,32,27,.04)}
    .benefit .ico{font-size:34px;margin-bottom:10px}
    .benefit h3{font-size:17px;margin-bottom:6px}
    .benefit p{color:var(--muted);font-size:14px}

    .testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .testi{background:white;border:1px solid var(--line);border-radius:24px;padding:24px}
    .testi strong{display:block;margin-top:14px;color:var(--green)}

    .cta{background:white;border:1px solid var(--line);border-radius:36px;padding:42px;text-align:center;box-shadow:var(--shadow)}
    .cta h2{font-size:38px;letter-spacing:-1px;margin-bottom:12px}
    .cta p{color:var(--muted);margin-bottom:24px}

    footer{background:#10201b;color:white;padding:46px 0 90px;margin-top:40px}
    .footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px}
    footer p, footer a{color:#b8c7c2;font-size:14px}
    footer h3{margin-bottom:12px}

    .bottom-nav{display:none}

    @media(max-width:980px){
      nav,.search{display:none}
      .hero-grid{grid-template-columns:1fr}
      h1{font-size:44px}
      .hero-card{padding:34px;min-height:auto}
      .categories{grid-template-columns:repeat(3,1fr)}
      .products{grid-template-columns:repeat(2,1fr)}
      .benefits,.testimonials,.footer-grid{grid-template-columns:1fr 1fr}
      .flash{grid-template-columns:1fr}
    }
    @media(max-width:640px){
      body{padding-bottom:80px}
      .topbar{display:none}
      .navbar{height:68px}
      .logo span:last-child{font-size:16px}
      .nav-actions .icon-btn:nth-child(1){display:none}
      .hero{padding:24px 0}
      .hero-card{border-radius:28px;padding:28px}
      h1{font-size:36px;letter-spacing:-1.3px}
      .hero p{font-size:15px}
      .section-head{display:block}
      .section-head h2{font-size:26px;margin-bottom:8px}
      .categories{grid-template-columns:repeat(2,1fr)}
      .products,.benefits,.testimonials,.footer-grid{grid-template-columns:1fr}
      .product-img{height:230px}
      .flash,.cta{border-radius:28px;padding:26px}
      .flash h2,.cta h2{font-size:28px}
      footer{padding-bottom:110px}
      .bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:99;background:white;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding:9px 6px env(safe-area-inset-bottom);box-shadow:0 -10px 30px rgba(16,32,27,.08)}
      .bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:800;color:#5d6b66}
      .bottom-nav a:first-child{color:var(--green)}
      .bottom-nav b{font-size:20px;line-height:1}
    }

/* WordPress & WooCommerce compatibility */
.admin-bar header{top:32px}.screen-reader-text{position:absolute;left:-9999px}.site-main{min-height:50vh}.woocommerce .products ul,.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:0}.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;background:white;border:1px solid var(--line);border-radius:28px;padding:14px;box-shadow:0 14px 38px rgba(16,32,27,.05);overflow:hidden}.woocommerce ul.products li.product a img{border-radius:22px;background:linear-gradient(135deg,#edf7f3,#fff);margin:0 0 14px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:16px;color:var(--black);padding:0;margin:0 0 6px}.woocommerce ul.products li.product .price{font-size:18px;color:var(--green);font-weight:900}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:var(--green-soft);color:var(--green);border-radius:16px;padding:12px 16px;font-weight:900}.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:var(--green);color:white}.woocommerce span.onsale{background:#f04438;border-radius:999px;min-height:auto;line-height:1;padding:7px 10px}.woocommerce div.product{background:white;border:1px solid var(--line);border-radius:30px;padding:24px;box-shadow:var(--shadow)}.woocommerce div.product div.images img{border-radius:24px}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--green);font-size:28px;font-weight:900}.woocommerce-cart-form,.woocommerce-checkout,.woocommerce-account .woocommerce{background:white;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--shadow)}.woocommerce table.shop_table{border-radius:18px;overflow:hidden}.page-content{background:white;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow)}.wp-block-search__input{border:1px solid var(--line);border-radius:999px;padding:12px 16px}.wp-block-search__button{border:0;border-radius:999px;background:var(--green);color:white;padding:12px 18px;font-weight:800}.menu{display:flex;gap:26px;list-style:none}.menu li{list-style:none}.current-menu-item a{color:var(--green)}
@media(max-width:980px){.woocommerce .products ul,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.admin-bar header{top:0}.woocommerce .products ul,.woocommerce ul.products{grid-template-columns:1fr}.woocommerce-cart-form,.woocommerce-checkout,.woocommerce-account .woocommerce,.page-content{padding:18px;border-radius:22px}}