/*
Theme Name: Negin Store V2
Theme URI: https://neginstore1.com/
Author: Negin Store V2
Description: Custom RTL WooCommerce theme for Negin Store.
Version: 0.1.0
Text Domain: negin-v2
Requires at least: 6.4
Requires PHP: 8.0
*/

:root{
  --ng-primary:#ef2f63;
  --ng-primary-2:#d91f51;
  --ng-soft:#fff2f5;
  --ng-soft-2:#fff8fa;
  --ng-ink:#16131a;
  --ng-muted:#77727a;
  --ng-line:#eee7ea;
  --ng-card:#fff;
  --ng-radius:18px;
  --ng-shadow:0 12px 35px rgba(58,20,33,.07);
  --ng-max:1380px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ng-ink);font-family:Vazirmatn,Tahoma,Arial,sans-serif;direction:rtl;line-height:1.75}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input,select,textarea{font:inherit}
.ng-container{width:min(calc(100% - 32px),var(--ng-max));margin-inline:auto}
.ng-topbar{background:#fff3f5;color:#6d4d56;font-size:13px;border-bottom:1px solid #fae2e8}
.ng-topbar .ng-container{display:flex;justify-content:space-between;align-items:center;min-height:34px;gap:16px}
.ng-topbar__free{color:var(--ng-primary);font-weight:700}
.ng-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--ng-line)}
.ng-mainbar{display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:24px;padding:16px 0}
.ng-logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:28px;white-space:nowrap}
.ng-logo__mark{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#ff6f92,var(--ng-primary));color:#fff;box-shadow:0 8px 20px rgba(239,47,99,.2)}
.ng-logo small{display:block;font-size:9px;letter-spacing:2px;color:#8b8387;margin-top:-4px;text-align:center}
.ng-search{position:relative}
.ng-search input{width:100%;height:50px;border:1px solid #ded8dc;border-radius:14px;padding:0 18px 0 58px;background:#fff;outline:none;transition:.2s}
.ng-search input:focus{border-color:#f49ab2;box-shadow:0 0 0 4px #fff0f4}
.ng-search button{position:absolute;left:5px;top:5px;width:42px;height:40px;border:0;border-radius:11px;background:var(--ng-primary);color:#fff;cursor:pointer;font-size:18px}
.ng-actions{display:flex;align-items:center;gap:10px}
.ng-action{min-width:44px;height:44px;border:1px solid var(--ng-line);border-radius:13px;display:grid;place-items:center;background:#fff;position:relative}
.ng-action--account{padding:0 14px;display:flex;gap:8px;white-space:nowrap}
.ng-cart-count{position:absolute;right:-5px;top:-7px;background:var(--ng-primary);color:#fff;border-radius:999px;min-width:20px;height:20px;display:grid;place-items:center;font-size:11px;border:2px solid #fff}
.ng-nav{border-top:1px solid #f3eef0;background:#fff}
.ng-nav__inner{display:flex;align-items:center;gap:28px;min-height:50px;font-size:14px;font-weight:600;overflow:auto;scrollbar-width:none}
.ng-nav__inner::-webkit-scrollbar{display:none}
.ng-nav a:hover,.ng-nav .current-menu-item>a{color:var(--ng-primary)}
.ng-nav__cats{margin-left:auto;background:#fff1f4;padding:9px 15px;border-radius:11px;color:#333;white-space:nowrap}
.ng-hero{background:linear-gradient(105deg,#fff5f7 0%,#fff 48%,#f7e9e2 100%);overflow:hidden}
.ng-hero__inner{min-height:440px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;position:relative}
.ng-hero__copy{padding:42px 0;z-index:2}
.ng-eyebrow{color:var(--ng-primary);font-weight:800;margin-bottom:8px}
.ng-hero h1{font-size:clamp(34px,4vw,62px);line-height:1.25;margin:0 0 12px;letter-spacing:-1.5px}
.ng-hero p{font-size:18px;color:#645e62;max-width:580px;margin:0 0 24px}
.ng-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:13px;background:var(--ng-primary);color:#fff;font-weight:800;border:0;cursor:pointer;transition:.2s}
.ng-btn:hover{transform:translateY(-2px);background:var(--ng-primary-2);box-shadow:0 10px 25px rgba(239,47,99,.2)}
.ng-btn--ghost{background:#fff;color:var(--ng-primary);border:1px solid #ffd4df}
.ng-hero__visual{height:100%;display:grid;place-items:center;position:relative;min-height:390px}
.ng-hero__halo{width:min(520px,85vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff 0 22%,#ffdce5 23% 44%,#f9c6d0 45% 61%,transparent 62%);position:absolute;opacity:.9}
.ng-bottles{display:flex;align-items:flex-end;justify-content:center;gap:18px;z-index:2;filter:drop-shadow(0 22px 22px rgba(100,44,56,.18))}
.ng-bottle{position:relative;background:linear-gradient(180deg,#fffdf7,#d9a841);border:1px solid #c99b37;border-radius:18px 18px 28px 28px;width:90px;height:220px}
.ng-bottle:before{content:"";position:absolute;top:-34px;left:27px;width:36px;height:36px;background:#1e1b1c;border-radius:5px 5px 0 0}
.ng-bottle:nth-child(2){height:285px;width:110px;background:linear-gradient(180deg,#fff,#f2e7dd);border-color:#e4d8ce}
.ng-bottle:nth-child(3){height:190px;width:78px;background:linear-gradient(180deg,#f6d16a,#bc7925)}
.ng-bottle__label{position:absolute;inset:45% 7px auto;text-align:center;font-weight:900;font-size:12px;color:#3e3021}
.ng-section{padding:38px 0}
.ng-section--soft{background:linear-gradient(180deg,#fff7f9,#fff)}
.ng-section__head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}
.ng-section__head h2{margin:0;font-size:26px}
.ng-section__head p{margin:4px 0 0;color:var(--ng-muted)}
.ng-link{color:var(--ng-primary);font-weight:800;font-size:14px}
.ng-cats{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}
.ng-cat{background:#fff;border:1px solid var(--ng-line);border-radius:17px;padding:16px 10px;text-align:center;transition:.2s;min-height:126px}
.ng-cat:hover{transform:translateY(-4px);box-shadow:var(--ng-shadow);border-color:#ffd2dd}
.ng-cat__icon{width:62px;height:62px;margin:0 auto 8px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#fff0f4,#fff);font-size:28px}
.ng-cat__name{font-size:13px;font-weight:800}
.ng-promos{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ng-promo{min-height:210px;border-radius:24px;padding:30px;display:flex;align-items:center;position:relative;overflow:hidden;border:1px solid #f1dfe4;background:linear-gradient(125deg,#ffe1e9,#fff8fa)}
.ng-promo:nth-child(2){background:linear-gradient(125deg,#faeee6,#fff)}
.ng-promo:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;left:-40px;bottom:-90px;background:rgba(255,255,255,.65)}
.ng-promo h3{font-size:24px;margin:0 0 6px}.ng-promo p{color:#6f6468;margin:0 0 16px}
.ng-products{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.ng-product-card,.woocommerce ul.products li.product{background:#fff;border:1px solid var(--ng-line)!important;border-radius:18px!important;padding:12px!important;position:relative;transition:.2s;margin:0!important;float:none!important;width:auto!important}
.ng-product-card:hover,.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:var(--ng-shadow);border-color:#f5cdd7!important}
.ng-product-card__image,.woocommerce ul.products li.product a img{aspect-ratio:1/1;object-fit:contain;background:#fff9fa;border-radius:14px;margin:0 0 12px!important;padding:8px}
.ng-product-card h3,.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px!important;line-height:1.65!important;min-height:46px;margin:0!important;padding:0!important;color:#2a2528}
.ng-product-card__meta{font-size:12px;color:#999;margin:5px 0}
.ng-price,.woocommerce ul.products li.product .price{color:var(--ng-primary)!important;font-weight:900!important;font-size:16px!important}
.ng-product-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.ng-product-card__cart,.woocommerce ul.products li.product .button{border-radius:11px!important;background:#fff0f4!important;color:var(--ng-primary)!important;border:0!important;min-height:38px;padding:8px 12px!important;margin:8px 0 0!important}
.onsale,.woocommerce span.onsale{background:var(--ng-primary)!important;right:10px!important;left:auto!important;top:10px!important;min-width:auto!important;min-height:auto!important;line-height:1!important;border-radius:999px!important;padding:8px 10px!important;font-size:12px!important}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0!important}
.ng-brands{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.ng-brand{height:82px;border:1px solid var(--ng-line);border-radius:15px;display:grid;place-items:center;background:#fff;font-weight:900;letter-spacing:.4px;color:#393237}
.ng-brand:hover{border-color:#f4b8c8;color:var(--ng-primary)}
.ng-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ng-benefit{border:1px solid var(--ng-line);border-radius:16px;padding:18px;display:flex;align-items:center;gap:12px;background:#fff}
.ng-benefit__icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#fff0f4;color:var(--ng-primary);font-size:22px}
.ng-benefit strong{display:block}.ng-benefit small{color:var(--ng-muted)}
.ng-footer{margin-top:46px;border-top:1px solid var(--ng-line);background:#fffafa;padding:42px 0 20px}
.ng-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}
.ng-footer h4{margin-top:0}.ng-footer p,.ng-footer li{color:#70696d;font-size:14px}.ng-footer ul{list-style:none;margin:0;padding:0}.ng-footer li{margin:7px 0}
.ng-footer__bottom{border-top:1px solid #eee4e7;margin-top:28px;padding-top:16px;text-align:center;color:#8f878b;font-size:12px}

/* shop archive */
.ng-page-hero{padding:34px 0;background:linear-gradient(110deg,#fff3f6,#fff,#faeee7);border-bottom:1px solid var(--ng-line)}
.ng-page-hero h1{margin:0 0 5px;font-size:34px}.ng-page-hero p{margin:0;color:var(--ng-muted)}
.ng-shop-layout{display:grid;grid-template-columns:300px 1fr;gap:22px;padding:30px 0 50px;align-items:start}
.ng-filter{position:sticky;top:140px;border:1px solid var(--ng-line);border-radius:20px;padding:18px;background:#fff;box-shadow:0 8px 30px rgba(63,25,38,.04)}
.ng-filter h3{margin:0 0 14px}.ng-filter__block{padding:15px 0;border-top:1px solid #f3edef}.ng-filter__block:first-of-type{border-top:0}
.ng-filter__block h4{margin:0 0 10px;font-size:14px}.ng-filter ul{list-style:none;padding:0;margin:0;max-height:280px;overflow:auto}.ng-filter li{margin:8px 0;font-size:13px}.ng-filter a:hover{color:var(--ng-primary)}
.ng-price-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ng-price-fields input{width:100%;border:1px solid var(--ng-line);border-radius:10px;height:40px;padding:0 10px}
.ng-shop-content .woocommerce-result-count{color:var(--ng-muted);font-size:13px}.ng-shop-content .woocommerce-ordering select{border:1px solid var(--ng-line);border-radius:11px;height:42px;padding:0 12px;background:#fff}
.woocommerce nav.woocommerce-pagination ul{border:0!important;display:flex;gap:6px;justify-content:center}.woocommerce nav.woocommerce-pagination ul li{border:0!important}.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{border:1px solid var(--ng-line);border-radius:10px;min-width:40px;height:40px;display:grid;place-items:center}.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--ng-primary);color:#fff}

/* single product */
.ng-single-wrap{padding:28px 0 50px}.woocommerce div.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:34px;align-items:start}.woocommerce div.product .woocommerce-product-gallery{width:100%!important;float:none!important;background:#fff;border:1px solid var(--ng-line);border-radius:22px;padding:16px}.woocommerce div.product div.summary{width:100%!important;float:none!important;margin:0!important;padding:10px 0}.woocommerce div.product .product_title{font-size:30px;line-height:1.45;margin:0 0 10px}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--ng-primary)!important;font-size:25px!important;font-weight:900}.woocommerce-product-details__short-description{color:#5f595c}.woocommerce div.product form.cart{display:flex;gap:10px;align-items:center;margin-top:18px}.woocommerce .quantity .qty{height:48px;border:1px solid var(--ng-line);border-radius:12px}.woocommerce div.product form.cart .button{height:48px;border-radius:12px;background:var(--ng-primary);padding:0 30px}.product_meta{padding-top:15px;border-top:1px solid var(--ng-line);font-size:13px;color:#787176}.ng-product-benefits{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:-8px;margin-bottom:28px}.ng-mini-benefit{border-radius:13px;background:#fff3f6;padding:12px;text-align:center;color:#7c4c59;font-size:12px;font-weight:700}.woocommerce div.product .woocommerce-tabs{grid-column:1/-1;margin-top:25px;border:1px solid var(--ng-line);border-radius:22px;padding:20px;background:#fff}.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0!important;margin:0 0 20px!important;display:flex;gap:8px;overflow:auto}.woocommerce div.product .woocommerce-tabs ul.tabs:before{display:none!important}.woocommerce div.product .woocommerce-tabs ul.tabs li{border:0!important;background:#fff5f7!important;border-radius:10px!important;margin:0!important;padding:0 15px!important}.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--ng-primary)!important;color:#fff}.woocommerce div.product .related.products{grid-column:1/-1;margin-top:30px}.woocommerce div.product .related.products h2{font-size:23px}.woocommerce div.product .related.products ul.products{grid-template-columns:repeat(4,1fr)!important}

/* Woo messages/forms */
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--ng-primary)!important;background:#fff6f8!important;border-radius:13px}.woocommerce-message:before,.woocommerce-info:before{color:var(--ng-primary)!important}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{border-radius:11px!important}

/* responsive */
.ng-mobilebar{display:none}
@media(max-width:1100px){.ng-cats{grid-template-columns:repeat(4,1fr)}.ng-products{grid-template-columns:repeat(3,1fr)}.woocommerce ul.products{grid-template-columns:repeat(3,1fr)!important}.ng-brands{grid-template-columns:repeat(4,1fr)}.ng-mainbar{grid-template-columns:160px 1fr auto}.ng-shop-layout{grid-template-columns:260px 1fr}}
@media(max-width:820px){body{padding-bottom:66px}.ng-topbar{display:none}.ng-mainbar{grid-template-columns:1fr auto;gap:12px;padding:11px 0}.ng-logo{font-size:23px}.ng-logo__mark{width:38px;height:38px}.ng-search{grid-column:1/-1;grid-row:2}.ng-action--account,.ng-nav{display:none}.ng-hero__inner{grid-template-columns:1fr;min-height:auto}.ng-hero__copy{text-align:center;padding:35px 0 10px}.ng-hero p{margin-inline:auto}.ng-hero__visual{min-height:300px}.ng-cats{grid-template-columns:repeat(4,1fr)}.ng-promos{grid-template-columns:1fr}.ng-products,.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ng-brands{grid-template-columns:repeat(3,1fr)}.ng-benefits{grid-template-columns:1fr 1fr}.ng-footer__grid{grid-template-columns:1fr 1fr}.ng-shop-layout{grid-template-columns:1fr}.ng-filter{position:static}.woocommerce div.product{grid-template-columns:1fr}.ng-product-benefits{grid-column:1;grid-template-columns:repeat(3,1fr);margin-top:0}.woocommerce div.product .woocommerce-tabs,.woocommerce div.product .related.products{grid-column:1}.woocommerce div.product .related.products ul.products{grid-template-columns:repeat(2,1fr)!important}.ng-mobilebar{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);height:62px;bottom:0;inset-inline:0;background:#fff;border-top:1px solid var(--ng-line);z-index:80;box-shadow:0 -8px 30px rgba(49,24,32,.08)}.ng-mobilebar a{display:grid;place-items:center;font-size:11px;color:#6f686c;padding-top:4px}.ng-mobilebar span{font-size:20px;line-height:1}}
@media(max-width:520px){.ng-container{width:min(calc(100% - 20px),var(--ng-max))}.ng-hero h1{font-size:34px}.ng-cats{grid-template-columns:repeat(3,1fr);gap:8px}.ng-cat{min-height:110px;padding:11px 6px}.ng-cat__icon{width:52px;height:52px}.ng-products,.woocommerce ul.products{gap:9px}.ng-product-card,.woocommerce ul.products li.product{padding:8px!important}.ng-products{grid-template-columns:repeat(2,1fr)}.ng-benefits{grid-template-columns:1fr}.ng-footer__grid{grid-template-columns:1fr}.ng-page-hero h1{font-size:28px}.ng-shop-layout{padding-top:16px}.ng-filter{display:none}.woocommerce div.product .product_title{font-size:24px}.ng-product-benefits{grid-template-columns:1fr 1fr}.ng-product-benefits .ng-mini-benefit:last-child{grid-column:1/-1}.woocommerce div.product form.cart{align-items:stretch;flex-wrap:wrap}.woocommerce div.product form.cart .button{flex:1}.woocommerce div.product .related.products ul.products{grid-template-columns:repeat(2,1fr)!important}}
