/*
Theme Name: Hayat Fruits Chennai
Description: Beautiful modern fruit-shop WordPress theme for Hayat Fruits Chennai.
Version: 2.0
Author: Hayat Fruits
Text Domain: hayat-fruits
*/
:root{--g:#116b3a;--g2:#0b4d2b;--lime:#b8dc35;--orange:#ff8614;--red:#ef4b35;--cream:#fffdf5;--ink:#173226;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--cream)}
a{color:inherit;text-decoration:none}.wrap{width:min(1180px,92%);margin:auto}
.topbar{background:var(--g2);color:#fff;font-size:13px}.topbar .wrap{display:flex;justify-content:space-between;padding:8px 0}
.header{position:sticky;top:0;z-index:99;background:#ffffffee;backdrop-filter:blur(14px);border-bottom:1px solid #dce9df}.header-row{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{display:flex;align-items:center;gap:10px;font-weight:950;font-size:23px;color:var(--g)}.logo-mark{width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,var(--g),#43a94c);display:grid;place-items:center;color:#fff;font-weight:1000;font-size:17px;box-shadow:0 8px 20px #116b3a33}.logo small{display:block;font-size:10px;letter-spacing:3px;color:#587267;margin-top:-3px}
.nav a{font-weight:750;margin-left:22px;font-size:14px}.nav .order{background:var(--orange);color:#fff;padding:11px 18px;border-radius:999px}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 25%,#fff4bf 0 12%,transparent 32%),linear-gradient(135deg,#eaf8df,#fffdf5 55%,#fff0d7);padding:82px 0 70px}.hero:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:#d9ef7a55;right:-220px;top:-170px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:45px;position:relative}
.eyebrow{display:inline-flex;background:#fff;border:1px solid #d7ead9;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:900;color:var(--g);letter-spacing:1.2px}.hero h1{font-size:clamp(42px,6vw,76px);line-height:.98;margin:18px 0;color:var(--g2);letter-spacing:-3px}.hero h1 span{color:var(--orange)}.hero p{font-size:18px;max-width:620px;color:#4a6156}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:14px 22px;border-radius:999px;background:var(--g);color:#fff;font-weight:850;box-shadow:0 10px 25px #116b3a25}.btn.orange{background:var(--orange)}.btn.light{background:#fff;color:var(--g);border:1px solid #dce9df;box-shadow:none}
.fruit-art{min-height:430px;position:relative;display:grid;place-items:center}.fruit-circle{width:min(440px,90vw);height:min(440px,90vw);border-radius:50%;background:linear-gradient(145deg,#fff,#f2f8e5);border:16px solid #fff;box-shadow:0 25px 70px #265b351f;display:grid;place-items:center;font-size:130px;line-height:1.1;letter-spacing:-18px;padding-left:18px}.leaf{position:absolute;font-size:65px}.leaf.one{top:25px;right:18%}.leaf.two{bottom:35px;left:5%}
.section{padding:72px 0}.section-head{text-align:center;max-width:720px;margin:0 auto 35px}.section-head h2{font-size:38px;margin:0 0 8px;color:var(--g2);letter-spacing:-1px}.section-head p{color:#60766a}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid #e5eee7;border-radius:24px;padding:26px;text-align:center;box-shadow:0 12px 35px #1732260a}.icon{font-size:42px}.card h3{margin:10px 0 4px;color:var(--g)}.card p{margin:0;color:#66796f;font-size:14px}
.fruit-strip{background:var(--g2);color:#fff;padding:16px 0;overflow:hidden;white-space:nowrap}.fruit-strip .wrap{text-align:center;font-weight:850;letter-spacing:1px}.fruit-strip span{margin:0 12px}
.about{background:linear-gradient(135deg,#f4f9e9,#fff)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.about-box{background:#fff;border-radius:28px;padding:32px;border:1px solid #e4eee6;box-shadow:0 20px 50px #1732260b}.check{display:flex;gap:10px;margin:13px 0;font-weight:700}.check b{color:var(--g)}
.shop-banner{background:linear-gradient(120deg,var(--g),#2d9b4e);color:#fff;border-radius:30px;padding:42px;text-align:center;box-shadow:0 20px 55px #116b3a2e}.shop-banner h2{font-size:38px;margin:0 0 8px}.shop-banner p{opacity:.9}
.contact{background:#fff}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact-card{padding:24px;border-radius:20px;background:#f5faef;border:1px solid #dfebdf}.contact-card strong{display:block;color:var(--g);margin-bottom:5px}
.footer{background:#0c3821;color:#dcebe0;padding:48px 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px}.footer h3{color:#fff}.footer a{color:#d9ef7a}.copyright{border-top:1px solid #ffffff22;margin-top:30px;padding-top:20px;font-size:13px}
.woocommerce ul.products li.product{background:#fff;border-radius:22px;padding:15px;border:1px solid #e5eee7}.woocommerce a.button,.woocommerce button.button{background:var(--g);color:#fff;border-radius:999px}.woocommerce div.product div.images img{border-radius:22px}
@media(max-width:850px){.hero-grid,.about-grid{grid-template-columns:1fr}.fruit-art{min-height:330px}.cards{grid-template-columns:1fr 1fr}.nav{display:none}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.cards,.contact-grid,.footer-grid{grid-template-columns:1fr}.topbar .wrap{justify-content:center}.topbar .right{display:none}.hero{padding:55px 0}.hero h1{letter-spacing:-2px}.fruit-circle{font-size:90px}}