/*
Theme Name: GreenTea Boutique
Author: Custom Studio
Description: Vietnamese tea storefront inspired by a classic green tea catalog, with fresh editorial styling.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: greentea-boutique
*/
:root{--green:#08733e;--dark:#073d2a;--mint:#e9f6ed;--gold:#d8a64e}*{box-sizing:border-box}body{margin:0;background:#f4f5f2;color:#25352b;font-family:Arial,sans-serif;line-height:1.55}a{text-decoration:none;color:inherit}.wrap{max-width:1170px;margin:auto}.top{background:#f7f7f7;color:#68726a;font-size:13px;padding:10px 20px;text-align:right}.top a{margin-left:18px}.header{background:white}.head-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:17px 20px}.logo{font-size:34px;font-weight:900;letter-spacing:-2px;color:var(--green)}.logo span{color:#9ac43c}.nav{display:flex;align-items:center;gap:25px;flex-wrap:wrap;font-weight:bold}.nav a:hover{color:var(--green)}.search{border:1px solid #ddd;border-radius:24px;padding:11px 16px;max-width:180px}.hero{background:linear-gradient(110deg,rgba(5,35,22,.89),rgba(8,90,54,.48)),url('assets/hero.jpg') center/cover;min-height:435px;display:flex;align-items:center;color:#fff}.hero-content{padding:55px 25px;width:100%}.eyebrow{text-transform:uppercase;letter-spacing:3px;color:#d5e8a0;font-weight:bold}.hero h1{font-size:clamp(38px,5vw,68px);line-height:1.1;max-width:650px;margin:15px 0}.hero p{max-width:520px;font-size:18px}.btn{display:inline-block;background:#d7a653;color:#153c25;padding:13px 27px;border-radius:5px;font-weight:700;margin-top:16px}.benefits{display:grid;grid-template-columns:repeat(6,1fr);background:#fff;margin-top:22px;border-radius:8px;box-shadow:0 3px 15px #0001}.benefit{text-align:center;padding:24px 9px;border-right:1px solid #e4e8e4;font-size:13px;font-weight:bold}.benefit:last-child{border:0}.benefit b{display:block;font-size:30px;color:var(--green);margin-bottom:7px}.section{background:white;margin-top:25px;padding:25px;border-radius:8px}.section h2{font-size:25px;border-bottom:2px solid var(--green);padding-bottom:12px;margin:0 0 15px}.tabs{color:#50624f;margin-bottom:23px}.tabs span{margin-right:20px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{border:1px solid #e4e9e2;border-radius:8px;overflow:hidden;text-align:center;background:#fff;transition:transform .2s,box-shadow .2s}.product:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0002}.product img{width:100%;height:225px;object-fit:cover;background:#edf4ea}.product h3{font-size:15px;font-weight:500;min-height:56px;padding:0 12px}.price{color:var(--green);font-weight:bold;padding-bottom:18px}.story{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.story img{width:100%;border-radius:8px;height:300px;object-fit:cover}.footer{background:#083f2b;color:#e5f2e9;margin-top:35px;padding:45px 20px 18px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.footer h3{color:#d5eaa7}.footer a{display:block;margin:10px 0;color:#e5f2e9}.copyright{border-top:1px solid #ffffff33;text-align:center;margin-top:32px;padding-top:18px;font-size:13px;color:#b3cfbc}@media(max-width:800px){.head-inner{display:block}.nav{gap:13px;font-size:13px;margin-top:10px}.benefits{grid-template-columns:repeat(3,1fr)}.products{grid-template-columns:repeat(2,1fr)}.story{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:460px){.benefits{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.hero{min-height:360px}.search{max-width:100%}}