/* BANI — refreshed layout and visual system */
:root {
 --primary:#f05a28; --primary-dark:#c94318; --dark:#20252b; --text:#626b75;
 --bg:#f3f4f6; --surface:#ffffff; --surface-soft:#fff0e9; --border:#e2e5e9;
 --shadow:0 14px 36px rgba(32,37,43,.09); --header-bg:rgba(255,255,255,.96);
}
:root[data-theme="dark"] {
 --primary:#ff7848; --primary-dark:#e65c2b; --dark:#f4f5f7; --text:#b7bec7;
 --bg:#171b20; --surface:#222830; --surface-soft:#382a25; --border:#353d46;
 --shadow:0 14px 36px rgba(0,0,0,.28); --header-bg:rgba(25,30,36,.96);
}
html{scroll-behavior:smooth}
body,button,input,select,textarea{font-family:"Vazirmatn",Tahoma,sans-serif!important;letter-spacing:0!important;line-height:1.8}
body{background:var(--bg);color:var(--dark);background-image:none}
.site-header{position:sticky;top:0;z-index:50;background:var(--header-bg);border-bottom:1px solid var(--border);box-shadow:0 4px 18px rgba(0,0,0,.045)}
.navbar{min-height:76px;max-width:1320px}
.logo{font-family:"Vazirmatn",sans-serif!important;font-size:27px;font-weight:900;color:var(--dark)}
.logo-icon{width:44px;height:44px;border-radius:12px;background:var(--primary);color:#fff;border:0}
nav{gap:26px}nav a{font-weight:700;color:var(--text);transition:.2s}nav a:hover{color:var(--primary)}
.nav-contact{background:var(--dark);color:#fff!important;border-radius:8px;padding:10px 18px}
.header-actions{gap:10px}.icon-button,.cart-button{border-radius:9px!important}
.cart-button{background:var(--surface);border:1px solid var(--border);color:var(--dark)}
.cart-button b{background:var(--primary);color:#fff}
.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:30px;width:min(1320px,94%);min-height:450px;margin:28px auto 42px;padding:54px 6%;border-radius:18px;background:linear-gradient(115deg,#20252b 0%,#303943 68%,#414c57 100%);box-shadow:0 24px 55px rgba(20,25,30,.18);overflow:hidden}
.hero:before{content:"";position:absolute;z-index:-1;width:470px;height:470px;border:1px solid rgba(255,255,255,.12);border-radius:50%;left:-110px;top:-120px;box-shadow:0 0 0 38px rgba(255,255,255,.025),0 0 0 82px rgba(255,255,255,.02)}
.hero:after{display:none}.hero-content{max-width:650px}.hero-label{display:inline-flex;background:rgba(240,90,40,.15);border:1px solid rgba(255,120,72,.45);border-radius:6px;color:#ff9a76;padding:7px 14px;font-size:13px;font-weight:800}
.hero h1{font-family:"Vazirmatn",sans-serif!important;font-size:clamp(2.1rem,4.2vw,3.6rem);font-weight:900;line-height:1.55;color:#fff;margin:20px 0 12px}
.hero p{max-width:560px;color:#d4d9df;font-size:16px;line-height:2.1}.hero-note{color:#ffc0a8;font-weight:700}
.hero-art{min-height:280px;position:relative;display:grid;place-items:center}.art-circle{width:250px;height:250px;display:grid;place-items:center;font-size:110px;background:linear-gradient(145deg,#ff986f,#ed5425)!important;color:#fff;border-radius:36px!important;transform:rotate(-7deg);box-shadow:0 28px 65px rgba(0,0,0,.3)}
.floating-item{display:grid;place-items:center;width:62px;height:62px;border-radius:14px!important;background:#fff!important;font-size:28px;box-shadow:0 12px 28px rgba(0,0,0,.2)}
.item-one{position:absolute;top:8%;right:10%}.item-two{position:absolute;bottom:8%;right:13%}.item-three{position:absolute;top:18%;left:7%}.item-four{position:absolute;bottom:10%;left:10%}
.button,.icon-button,.cart-button,.category-chip,.add-cart{border-radius:9px!important;font-family:"Vazirmatn",sans-serif!important;font-weight:800}
.button-primary{background:var(--primary);color:#fff}.button-primary:hover{background:var(--primary-dark)}
.button-light{background:#fff;color:#20252b}.hero-text-link{color:#ffd0be}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 auto 34px}
.benefit{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:none}
.benefit-icon{display:grid;place-items:center;min-width:48px;height:48px;border-radius:10px;background:var(--surface-soft);font-size:22px}
.benefit strong{font-size:15px}.benefit small{display:block;color:var(--text);margin-top:3px}
.offer-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 34px;margin:38px 0;border-radius:14px;background:var(--surface);border:1px solid var(--border);border-right:5px solid var(--primary)}
.offer-kicker{color:var(--primary);font-weight:900}.offer-strip h2{font-size:23px;margin:6px 0;color:var(--dark)}.offer-strip p{color:var(--text);margin:0}
.section-heading{margin:66px 0 26px}.section-heading>span{font-size:13px;color:var(--primary);font-weight:900}.section-heading h2{font-size:30px;color:var(--dark);font-weight:900;margin:6px 0}.section-heading p{color:var(--text)}
.shop-controls{display:flex;gap:14px;align-items:center;justify-content:space-between}.search-box,.sort-box select{border:1px solid var(--border);border-radius:9px;background:var(--surface)}
.category-list{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.category-chip{padding:10px 18px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.category-chip:hover,.category-chip.active{background:var(--dark);border-color:var(--dark);color:#fff}
.price-note{color:var(--text);font-size:12px}
.product{border:1px solid var(--border);border-radius:13px;background:var(--surface);box-shadow:0 5px 18px rgba(0,0,0,.035);overflow:hidden;transition:transform .22s,box-shadow .22s}
.product:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-image{border-radius:0;background:var(--surface-soft)}.product h3{font-weight:900;color:var(--dark)}
.product .add-cart{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 15px;background:#f05a28!important;color:#fff!important;border:0!important;border-radius:8px!important;box-shadow:0 5px 13px rgba(240,90,40,.2);transition:.2s}
.product .add-cart:hover{background:#c94318!important;transform:translateY(-1px)}
.product .add-cart:active{transform:scale(.98)}
.reviews{margin-top:72px}.review-card{border-radius:12px!important;border:1px solid var(--border);background:var(--surface)}
.contact-banner{border-radius:14px;background:linear-gradient(110deg,#20252b,#3a444f)}
footer{background:#20252b;color:#e7eaee}footer a{color:#ff9a76}
.contact-page{min-height:100vh;background:var(--bg);display:grid;place-items:center;padding:24px}.contact-card{max-width:680px;width:100%;border-radius:16px!important;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);padding:42px}.contact-card h1{font-family:"Vazirmatn",sans-serif!important;color:var(--dark);font-weight:900}.contact-card .heart{background:var(--surface-soft)}.call-button{background:var(--primary);color:#fff}.back-button{background:var(--dark);color:#fff}
.cart-drawer{background:var(--surface);color:var(--dark)}.cart-header{border-bottom:1px solid var(--border)}.cart-footer{border-top:1px solid var(--border)}
:focus-visible{outline:3px solid #ff9a76;outline-offset:3px}::selection{background:#ffd1c0;color:#20252b}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding:38px 7%;text-align:center}.hero-content{margin:auto}.hero-art{min-height:220px}.art-circle{width:185px;height:185px;font-size:82px}.benefits{grid-template-columns:1fr}.offer-strip{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.navbar{min-height:68px}.logo{font-size:23px}nav{gap:10px}.hero{min-height:unset;margin:16px auto 28px;border-radius:13px;padding:32px 6%}.hero h1{font-size:1.9rem}.hero p{font-size:14px}.shop-controls{align-items:stretch;flex-direction:column}.section-heading{margin-top:48px}.section-heading h2{font-size:25px}.contact-card{padding:28px 20px}}

/* Contrast and button fixes for dark mode */
:root[data-theme="dark"] .icon-button,
:root[data-theme="dark"] .cart-button,
:root[data-theme="dark"] .search-box,
:root[data-theme="dark"] .sort-box select,
:root[data-theme="dark"] .category-chip,
:root[data-theme="dark"] .quantity-control button,
:root[data-theme="dark"] .close-cart {
  background: #263946 !important;
  color: #f2f6f8 !important;
  border-color: #496171 !important;
}
:root[data-theme="dark"] .icon-button:hover,
:root[data-theme="dark"] .cart-button:hover,
:root[data-theme="dark"] .category-chip:hover,
:root[data-theme="dark"] .category-chip.active {
  background: #385466 !important;
  color: #ffffff !important;
  border-color: #66869a !important;
}
:root[data-theme="dark"] .button-primary,
:root[data-theme="dark"] .product .add-cart,
:root[data-theme="dark"] .call-button,
:root[data-theme="dark"] .nav-contact {
  background: #ff8a3d !important;
  color: #17232b !important;
  border: 1px solid #ffad75 !important;
  font-weight: 900;
}
:root[data-theme="dark"] .button-primary:hover,
:root[data-theme="dark"] .product .add-cart:hover,
:root[data-theme="dark"] .call-button:hover,
:root[data-theme="dark"] .nav-contact:hover {
  background: #ffad75 !important;
  color: #17232b !important;
}
:root[data-theme="dark"] .button-light {
  background: #edf3f6 !important;
  color: #17232b !important;
}
:root[data-theme="dark"] .back-button,
:root[data-theme="dark"] .whatsapp-button {
  background: #267b55 !important;
  color: #ffffff !important;
  border-color: #42a878 !important;
}
:root[data-theme="dark"] .cart-button b {
  background: #ff8a3d !important;
  color: #17232b !important;
}
:root[data-theme="dark"] input,
:root[data-theme="dark"] textarea,
:root[data-theme="dark"] select {
  background-color: #192a36;
  color: #f2f6f8;
  border-color: #496171;
}
:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder { color: #aabac4; }
:root[data-theme="dark"] .offer-strip { color: #edf3f6; }
:root[data-theme="dark"] .offer-strip h2,
:root[data-theme="dark"] .offer-strip p { color: #edf3f6; }

/* افزونه‌های فروشگاه کالای ساختمانی بانی */
.brand-logo{width:42px;height:42px;object-fit:contain;border-radius:10px;vertical-align:middle}
.logo{gap:10px!important;font-size:clamp(15px,2vw,21px)!important}
.stock-status{display:inline-flex;margin:7px 0;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:800;background:#e5f5eb;color:#176b3a}
.stock-status[data-stock="low"]{background:#fff2d7;color:#895500}.stock-status[data-stock="out"]{background:#ffe3e3;color:#a32626}
:root[data-theme="dark"] .stock-status{background:#183e2b;color:#a9f0c1}:root[data-theme="dark"] .stock-status[data-stock="low"]{background:#4b3919;color:#ffdc91}:root[data-theme="dark"] .stock-status[data-stock="out"]{background:#4b2227;color:#ffb6bd}
.store-info-panel{margin:50px 0;padding:28px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text);box-shadow:var(--shadow)}
.store-info-panel h2{margin-top:0;color:var(--dark)}.store-info-panel a{color:var(--primary);font-weight:800}
.coupon-box{padding:12px;margin-bottom:14px;border:1px dashed var(--border);border-radius:10px}.coupon-box label{display:block;font-weight:800;margin-bottom:8px}.coupon-box>div{display:flex;gap:8px}.coupon-box input{min-width:0;flex:1;padding:10px;border:1px solid var(--border);border-radius:8px}.coupon-box button,.admin-product button{border:0;border-radius:8px;padding:9px 14px;background:var(--primary);color:#fff;font-weight:800}.coupon-box small{display:block;margin-top:8px;color:var(--text)}
.admin-page{min-height:100vh;background:var(--bg);padding:25px;color:var(--text)}.admin-wrap{max-width:1050px;margin:auto}.admin-head{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.admin-head img{width:62px;height:62px}.admin-head h1{margin:0;color:var(--dark)}.admin-head p{margin:4px 0}.admin-head>a{margin-right:auto;color:var(--primary);font-weight:800}.admin-warning{padding:16px;border:1px solid #e5b85a;border-radius:12px;background:#fff5d9;color:#654900;line-height:1.9}.admin-panel{margin:20px 0;padding:22px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.admin-panel h2{margin-top:0;color:var(--dark)}.admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-form label{display:grid;gap:6px;font-weight:700}.admin-form input,.admin-form select,.admin-form textarea{width:100%;padding:11px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font:inherit}.admin-form .wide{grid-column:1/-1}.admin-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.admin-list-head{display:flex;justify-content:space-between;align-items:center}.admin-products{display:grid;gap:10px}.admin-product{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:10px}.admin-product span{color:var(--text);font-size:13px}.admin-product .danger{background:#b93232}.file-button{display:inline-flex;align-items:center;padding:11px 16px;border-radius:9px;background:var(--dark);color:white;cursor:pointer}.file-button input{display:none}.coupon-admin{margin-top:18px;grid-template-columns:1fr 1fr auto}.terms-card{text-align:right}.terms-card h2{font-size:18px;color:var(--dark)}
:root[data-theme="dark"] .admin-warning{background:#3e321b;color:#ffe3a0;border-color:#80652d}
@media(max-width:650px){.admin-form,.coupon-admin{grid-template-columns:1fr}.admin-product{grid-template-columns:1fr 1fr}.admin-product strong,.admin-product span{grid-column:1/-1}.admin-page{padding:12px}.store-info-panel{padding:18px}}