/*
Theme Name: بيت الخيزران
Theme URI: https://example.com
Author: Bayt Alkhayzuran
Description: قالب متجر لبيع الخيزران الخام والكراسي والأثاث، بتصميم عربي من اليمين لليسار.
Version: 1.0
Requires at least: 5.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: bayt-alkhayzuran
*/
body{margin:0;background:#f2f5ea}
.bk-plain{max-width:900px;margin:0 auto;padding:40px 20px;direction:rtl;font-family:Tajawal,Tahoma,sans-serif}
.bk{--g:#4f7a2a;--d:#1d3622;--s:#e4d58f;--b:#6b4a2b;--p:#f2f5ea;--t:#24301f;font-family:'Tajawal',Tahoma,sans-serif;color:var(--t);background:var(--p);direction:rtl;line-height:1.8;font-size:17px}
.bk *{box-sizing:border-box}
.bk h1,.bk h2,.bk h3{font-family:'Reem Kufi','Tajawal',sans-serif;margin:0;line-height:1.3;color:var(--d)}
.bk a{text-decoration:none}
.bk .w{max-width:1100px;margin:0 auto;padding:0 20px}
.bk .stalk{background:repeating-linear-gradient(180deg,transparent 0 78px,#2f4f18 78px 84px,transparent 84px 160px),linear-gradient(90deg,#4a7326,#a6c24d 40%,#4a7326)}
.bk .hero{background:var(--d);color:#fff;position:relative;overflow:hidden;padding:70px 0 80px}
.bk .hero .stalk{position:absolute;top:0;bottom:0;width:34px;opacity:.9}
.bk .hero .s1{left:4%}.bk .hero .s2{left:calc(4% + 60px);width:22px;opacity:.6}.bk .hero .s3{right:5%;width:28px}
.bk .hero .w{position:relative;max-width:760px;text-align:center}
.bk .hero h1{color:var(--s);font-size:clamp(40px,8vw,76px)}
.bk .hero p{font-size:19px;margin:18px auto 30px;max-width:560px;color:#e8efdb}
.bk .btn{display:inline-block;padding:13px 28px;border-radius:6px;font-weight:700;border:2px solid var(--s);cursor:pointer;font-family:inherit;font-size:17px;transition:background .2s,color .2s}
.bk .btn.p{background:var(--s);color:var(--d)}.bk .btn.p:hover{background:#fff}
.bk .btn.o{color:var(--s);background:transparent;margin-right:10px}.bk .btn.o:hover{background:rgba(255,255,255,.12)}
.bk .btn:focus-visible,.bk .tab:focus-visible,.bk input:focus-visible,.bk select:focus-visible,.bk textarea:focus-visible{outline:3px solid #e0a82e;outline-offset:2px}
.bk section{padding:64px 0}
.bk .hd{margin-bottom:30px}.bk .hd h2{font-size:34px}.bk .hd p{margin:6px 0 0;color:#55634a}
.bk .cats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bk .cat{padding:30px 26px;border-radius:10px;color:#fff;min-height:190px;display:flex;flex-direction:column;justify-content:flex-end}
.bk .cat h3{color:#fff;font-size:26px}.bk .cat p{margin:4px 0 0;font-size:15px;opacity:.92}
.bk .c1{background:var(--g)}.bk .c2{background:var(--b)}.bk .c3{background:var(--d)}
.bk .tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.bk .tab{padding:9px 22px;border-radius:30px;border:1.5px solid var(--g);background:transparent;color:var(--d);font-family:inherit;font-size:16px;cursor:pointer}
.bk .tab[aria-pressed=true]{background:var(--g);color:#fff}
.bk .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px}
.bk .card{background:#fff;border-radius:10px;overflow:hidden;border:1px solid #dfe6d0;display:flex;flex-direction:column}
.bk .img{height:190px;display:flex;align-items:center;justify-content:center;color:var(--d);font-weight:700;background:repeating-linear-gradient(90deg,#d9dd93 0 38px,#c6cc7a 38px 42px)}
.bk .img img{width:100%;height:100%;object-fit:cover}
.bk .card .in{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.bk .card h3{font-size:19px}.bk .card small{color:#66745a}
.bk .price{font-weight:700;font-size:20px;color:var(--g);margin-top:auto}
.bk .card .btn{border-color:var(--g);color:var(--g);text-align:center;padding:9px;font-size:15px;margin-top:8px}.bk .card .btn:hover{background:var(--g);color:#fff}
.bk .why{background:#fff}
.bk .wg{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.bk .wg div{border-top:4px solid var(--g);padding-top:14px}.bk .wg h3{font-size:20px;margin-bottom:4px}.bk .wg p{margin:0;font-size:15px;color:#55634a}
.bk .order{background:var(--d);color:#fff}
.bk .order .hd h2{color:var(--s)}.bk .order .hd p{color:#d6e1c4}
.bk .ob{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.bk form{display:grid;gap:12px}
.bk input,.bk select,.bk textarea{width:100%;padding:12px 14px;border-radius:6px;border:1.5px solid #4c6a4f;background:#f7faef;font-family:inherit;font-size:16px;color:var(--t)}
.bk textarea{min-height:100px}
.bk .info p{margin:0 0 14px;font-size:18px}.bk .info b{color:var(--s)}
.bk .wa{display:inline-block;margin-top:6px;background:#25a244;color:#fff;border-radius:6px;padding:12px 26px;font-weight:700}
.bk footer{background:#12251a;color:#b9c9a7;text-align:center;padding:22px;font-size:15px}
@media(max-width:820px){.bk .cats,.bk .wg{grid-template-columns:1fr 1fr}.bk .ob{grid-template-columns:1fr}.bk .hero .s2{display:none}}
@media(max-width:520px){.bk .cats,.bk .wg{grid-template-columns:1fr}.bk section{padding:46px 0}.bk .btn.o{margin:10px 0 0}}