/*
Theme Name: Humdani Herbal
Theme URI: https://example.com/humdani-herbal
Author: Humdani Herbal (Pvt. Ltd.)
Author URI: https://example.com
Description: A responsive botanical storefront theme for Humdani Herbal, designed to work with WooCommerce.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: humdani-herbal
Tags: e-commerce, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
:root{--hh-forest:#193b2b;--hh-forest2:#254a35;--hh-sage:#dce5d6;--hh-cream:#f7f5ef;--hh-paper:#fffefa;--hh-ink:#1d2921;--hh-muted:#72796f;--hh-line:#e6e7df;--hh-accent:#b5c48b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--hh-paper);color:var(--hh-ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.7}a{color:var(--hh-forest);text-decoration:none}a:hover{color:#718654}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}.hh-container{width:min(1160px,92%);margin-inline:auto}.hh-announcement{background:var(--hh-forest);color:#f4f3e8;text-align:center;padding:8px 15px;font-size:11px;letter-spacing:.1em}.hh-header{background:var(--hh-paper);border-bottom:1px solid #efefe9;position:sticky;top:0;z-index:99}.hh-header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}.hh-brand{display:flex;align-items:center;gap:12px;min-width:210px}.hh-brand img{width:62px;height:62px;object-fit:contain}.hh-brand-text strong{display:block;font-family:Georgia,serif;letter-spacing:.07em;font-size:18px;line-height:1.2}.hh-brand-text small{display:block;font-size:10px;letter-spacing:.16em;margin-top:5px}.hh-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:25px;align-items:center}.hh-nav a{font-size:12px;color:#3e4a40}.hh-nav a:hover{color:#82945d}.hh-actions{display:flex;align-items:center;gap:12px}.hh-cart-link{display:inline-flex;align-items:center;gap:8px;border:1px solid #d8ddd2;border-radius:30px;padding:9px 14px;font-size:12px}.hh-menu-toggle{display:none;background:transparent;border:1px solid #d8ddd2;border-radius:4px;padding:7px 10px;color:var(--hh-forest)}.hh-hero{background:var(--hh-cream);padding:65px 0 70px;overflow:hidden}.hh-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:55px;align-items:center}.hh-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:bold;font-size:10px;color:#69785a;margin:0 0 18px}.hh-hero h1,.hh-section-title{font-family:Georgia,'Times New Roman',serif;font-weight:normal;letter-spacing:-.035em;line-height:1.1}.hh-hero h1{font-size:clamp(42px,5vw,68px);margin:0}.hh-hero h1 em,.hh-section-title em{color:#788b5d}.hh-hero-copy{max-width:510px;color:#6d756b;font-size:14px;margin:24px 0}.hh-button,.button,button.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--hh-forest)!important;color:#fff!important;border:0!important;border-radius:3px;padding:13px 19px!important;font-size:12px!important;font-weight:bold!important;line-height:1.4!important;cursor:pointer}.hh-button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:#2b523a!important;color:#fff!important}.hh-text-link{font-size:12px;font-weight:bold;border-bottom:1px solid #aab49a;padding-bottom:4px;margin-left:20px}.hh-hero-art{min-height:420px;position:relative;display:grid;place-items:center}.hh-hero-circle{position:absolute;width:min(34vw,400px);height:min(34vw,400px);border-radius:50%;background:#e4e8d8;right:5%;top:2%}.hh-hero-photo{position:relative;width:76%;height:430px;border-radius:48% 48% 5px 5px;background:linear-gradient(140deg,#193b2b22,#193b2b00),url('https://images.unsplash.com/photo-1501004318641-b39e6451bec6?auto=format&fit=crop&w=1100&q=85') center/cover;box-shadow:0 25px 55px #233a2419}.hh-floating-note{position:absolute;bottom:35px;left:0;background:#fffefa;padding:13px 17px;box-shadow:0 8px 30px #233a2412;font-size:11px}.hh-floating-note strong,.hh-floating-note span{display:block}.hh-floating-note span{color:#7e857b;font-size:10px}.hh-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:25px 0;border-bottom:1px solid var(--hh-line)}.hh-trust-item{display:flex;align-items:center;gap:12px}.hh-trust-icon{font-size:25px;color:#7f9161}.hh-trust-item strong,.hh-trust-item small{display:block}.hh-trust-item strong{font-size:11px}.hh-trust-item small{font-size:10px;color:#8a9087}.hh-section{padding:80px 0}.hh-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.hh-section-title{font-size:clamp(34px,4vw,50px);margin:0}.hh-section-intro{max-width:340px;color:#788076;font-size:12px;margin:0}.hh-category-links{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.hh-category-links a{border:1px solid #e1e4da;border-radius:30px;padding:8px 14px;font-size:11px}.hh-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.hh-product-card{border:1px solid #eceee7;padding:0 0 18px;min-width:0;background:white}.hh-product-image{height:270px;background:#e7ebdf;display:grid;place-items:center;overflow:hidden}.hh-product-image img{width:100%;height:100%;object-fit:cover}.hh-product-placeholder{width:90px;height:165px;border-radius:14px;background:linear-gradient(90deg,#7b8b50,#a9b57a 42%,#667747);box-shadow:12px 20px 20px #182b2018;display:grid;place-items:center;color:#fff7e8;font-family:Georgia,serif;font-size:35px}.hh-product-info{padding:16px 17px 0}.hh-product-info h3{font-family:Georgia,serif;font-size:20px;font-weight:normal;margin:6px 0}.hh-product-info p{font-size:12px;color:#858b81}.hh-product-meta{font-size:10px;color:#879080;text-transform:uppercase;letter-spacing:.1em}.hh-product-price{font-weight:bold;font-size:13px;margin:12px 0}.hh-story{background:#f1f2eb;padding:80px 0}.hh-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.hh-story-image{height:390px;background:linear-gradient(0deg,#1c392b88,#1c392b15),url('https://images.unsplash.com/photo-1518531933037-91b2f5f229cc?auto=format&fit=crop&w=900&q=85') center/cover;display:grid;place-items:center;color:#fff9e9;font-family:Georgia,serif;font-size:42px;text-align:center;letter-spacing:.08em}.hh-story p{font-size:13px;color:#747d70;line-height:2}.hh-footer{background:#183528;color:#f4f4e9;padding:50px 0 22px}.hh-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:35px;padding-bottom:35px}.hh-footer a{color:#d2d8cb}.hh-footer a:hover{color:#c5d7a6}.hh-footer h3{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#b9c8a6;margin:0 0 16px}.hh-footer p,.hh-footer li{font-size:11px;line-height:1.8;color:#c0cabb}.hh-footer ul{list-style:none;margin:0;padding:0}.hh-footer li{margin:8px 0}.hh-footer-brand{display:flex;align-items:center;gap:10px}.hh-footer-brand img{width:60px;height:60px;object-fit:contain}.hh-footer-brand strong{display:block;color:#fff;font-family:Georgia,serif;font-size:17px}.hh-footer-brand small{font-size:9px;letter-spacing:.15em}.hh-registration{font-size:10px!important;color:#c0cabb!important;max-width:280px}.hh-footer-bottom{border-top:1px solid #3c5643;padding-top:18px;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#b8c4b4}.hh-disclaimer{font-size:9px!important;color:#a9b7a8!important;margin-top:18px}.hh-page-content{padding:50px 0;min-height:350px}.hh-page-content h1,.hh-page-content h2{font-family:Georgia,serif;font-weight:normal}.hh-breadcrumbs{font-size:11px;color:#858b81;margin-bottom:20px}.woocommerce .woocommerce-breadcrumb{font-size:11px;color:#858b81}.woocommerce ul.products li.product{border:1px solid #eceee7;padding:12px!important;background:#fffefa}.woocommerce ul.products li.product a img{aspect-ratio:1/1;object-fit:cover}.woocommerce ul.products li.product .price{color:var(--hh-forest)!important}.woocommerce div.product .product_title{font-family:Georgia,serif;font-weight:normal}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--hh-forest)!important}.woocommerce-message,.woocommerce-info{border-top-color:var(--hh-forest)!important}.woocommerce-message:before,.woocommerce-info:before{color:var(--hh-forest)!important}.woocommerce input.input-text,.woocommerce textarea,.woocommerce select{border:1px solid #dce1d6;padding:10px;border-radius:2px}.woocommerce form .form-row label{font-size:12px}.hh-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.hh-blog-card{border:1px solid var(--hh-line);padding:20px}.hh-blog-card h2{font-size:22px}.hh-search-form{display:flex;gap:5px}.hh-search-form input{min-width:0;padding:8px;border:1px solid #dce1d6}
@media(max-width:900px){.hh-header-inner{gap:15px}.hh-nav ul{gap:14px}.hh-brand{min-width:175px}.hh-brand img{width:52px;height:52px}.hh-brand-text strong{font-size:15px}.hh-hero-grid{gap:25px}.hh-trust{grid-template-columns:repeat(2,1fr)}.hh-footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.hh-header-inner{min-height:72px;flex-wrap:wrap;padding:8px 0}.hh-brand{min-width:0;flex:1}.hh-brand img{width:43px;height:43px}.hh-brand-text strong{font-size:13px}.hh-brand-text small{font-size:8px}.hh-menu-toggle{display:inline-block}.hh-nav{display:none;width:100%;order:4;padding:8px 0 14px}.hh-nav.is-open{display:block}.hh-nav ul{display:flex;align-items:flex-start;flex-direction:column;gap:12px}.hh-actions{gap:7px}.hh-cart-link{padding:7px 10px}.hh-hero{padding:42px 0}.hh-hero-grid{grid-template-columns:1fr;gap:15px}.hh-hero h1{font-size:46px}.hh-hero-art{min-height:330px}.hh-hero-photo{height:330px;width:75%}.hh-hero-circle{width:280px;height:280px;right:6%}.hh-trust{gap:18px 10px}.hh-trust-item{align-items:flex-start}.hh-trust-item strong{font-size:10px}.hh-trust-item small{font-size:9px}.hh-section{padding:60px 0}.hh-section-head{display:block}.hh-section-intro{margin-top:16px}.hh-product-grid{grid-template-columns:1fr;gap:20px}.hh-product-image{height:300px}.hh-story{padding:60px 0}.hh-story-grid{grid-template-columns:1fr;gap:28px}.hh-story-image{height:310px}.hh-footer-grid{grid-template-columns:1fr 1fr;gap:25px 18px}.hh-footer-grid>div:first-child,.hh-footer-grid>div:last-child{grid-column:1/-1}.hh-footer-bottom{flex-direction:column}.hh-blog-grid{grid-template-columns:1fr}.woocommerce ul.products[class*=columns-] li.product{width:100%!important;float:none!important;margin:0 0 20px!important}}