/* =========================================================
   SOOGHAT MARKET - استایل اصلی قالب
   ========================================================= */

/* ---------- ۱. متغیرهای رنگی و طراحی ---------- */
:root{
	--color-primary: #155E4D;
	--color-primary-dark: #0E4438;
	--color-copper: #B8703D;
	--color-copper-light: #D18A54;
	--color-bg: #F7F2EA;
	--color-card-bg: #FFFDFB;
	--color-text: #2B2622;
	--color-text-muted: #7A736A;
	--color-price: #155E4D;
	--color-alert: #B84B3C;
	--color-border: #E7DCC9;
	--color-gold: #C9A24B;

	--radius-sm: 8px;
	--radius-md: 12px;
	--radius-lg: 20px;
	--shadow-sm: 0 2px 10px rgba(43,38,34,.06);
	--shadow-md: 0 8px 24px rgba(43,38,34,.08);
	--container-width: 1280px;
	--font-main: 'Vazirmatn', Tahoma, sans-serif;
}

/* ---------- ۲. ریست پایه ---------- */
*, *::before, *::after{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }
body{
	margin:0;
	font-family: var(--font-main);
	background: var(--color-bg);
	color: var(--color-text);
	font-size: 15px;
	line-height: 1.9;
	direction: rtl;
}
img{ max-width:100%; height:auto; display:block; }
a{ color:inherit; text-decoration:none; }
ul{ margin:0; padding:0; list-style:none; }
button, input, textarea, select{ font-family: inherit; }
h1,h2,h3,h4,p{ margin:0; }
.screen-reader-text{ position:absolute !important; clip:rect(1px,1px,1px,1px); overflow:hidden; height:1px; width:1px; }

.sooghat-container{
	max-width: var(--container-width);
	margin: 0 auto;
	padding: 0 24px;
}

.sooghat-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	padding: 12px 26px;
	border-radius: var(--radius-sm);
	border:none;
	cursor:pointer;
	font-size:15px;
	font-weight:600;
	transition: background .2s ease, transform .15s ease;
}
.sooghat-btn--primary{ background: var(--color-primary); color:#fff; }
.sooghat-btn--primary:hover{ background: var(--color-primary-dark); }
.sooghat-btn--copper{ background: var(--color-copper); color:#fff; }
.sooghat-btn--copper:hover{ background: var(--color-copper-light); }
.sooghat-btn--ghost{ background: transparent; color: var(--color-text-muted); border:1px solid var(--color-border); }
.sooghat-btn--block{ width:100%; }

.sooghat-page-title{ font-size:28px; font-weight:700; margin: 20px 0; }

.sooghat-section-head{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin: 6px 0 20px;
}
.sooghat-section-head h2{ font-size:22px; font-weight:700; }
.sooghat-view-all{ color: var(--color-copper); font-weight:600; font-size:14px; display:flex; align-items:center; gap:4px; transition: gap .2s ease; }
.sooghat-view-all:hover{ gap:8px; }

/* ---------- ۳. بردکرامب ---------- */
.sooghat-breadcrumb{ font-size:13px; color: var(--color-text-muted); margin: 18px 0; }
.sooghat-breadcrumb a{ color: var(--color-text-muted); }
.breadcrumb-sep{ margin: 0 4px; }

/* =========================================================
   ۴. هدر
   ========================================================= */
.sooghat-header{
	position: sticky;
	top:0;
	z-index: 500;
	background:#fff;
	box-shadow: var(--shadow-sm);
}
.sooghat-header__inner{
	display:flex;
	align-items:center;
	gap: 20px;
	padding: 14px 24px;
}
.sooghat-header__burger{ display:none; background:none; border:none; font-size:24px; cursor:pointer; color: var(--color-primary); }
.sooghat-header__logo img{ max-height:44px; width:auto; }
.sooghat-logo-text{ font-size:22px; font-weight:800; color: var(--color-primary); }

.sooghat-mega-nav{ display:flex; gap: 30px; }
.sooghat-mega-nav > li{ position:relative; }
.sooghat-mega-nav > li > a{
	display:flex; align-items:center; gap:5px; font-weight:600; font-size:14.5px;
	padding: 10px 2px; position:relative;
}
.sooghat-mega-nav > li > a::after{
	content:""; position:absolute; right:0; bottom:4px; width:0; height:2px;
	background: var(--color-copper); transition: width .25s ease;
	border-radius: 2px;
}
.sooghat-mega-nav > li:hover > a::after{ width:100%; }
.sooghat-mega-nav > li > a i{ transition: transform .25s ease; font-size:15px; color: var(--color-text-muted); }
.sooghat-mega-nav > li:hover > a i{ transform: rotate(180deg); color: var(--color-copper); }

.sooghat-mega-dropdown{
	position:absolute;
	top: calc(100% + 14px);
	right:0;
	min-width: 260px;
	background:#fff;
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-md);
	padding: 16px;
	z-index: 50;
	columns: 2;
	opacity:0;
	visibility:hidden;
	transform: translateY(-6px);
	transition: opacity .22s ease, transform .22s ease, visibility .22s;
}
.sooghat-mega-nav > li:hover .sooghat-mega-dropdown{ opacity:1; visibility:visible; transform:translateY(0); }
.sooghat-mega-dropdown ul{ display:block; }
.sooghat-mega-dropdown a{
	display:flex; align-items:center; gap:8px;
	padding:8px 10px; font-size:13.5px; border-radius: var(--radius-sm);
	transition: background .15s ease, color .15s ease, padding-right .15s ease;
}
.sooghat-mega-dropdown a::before{
	content:""; width:4px; height:4px; border-radius:50%;
	background: var(--color-gold); opacity:0; transition: opacity .15s ease; flex-shrink:0;
}
.sooghat-mega-dropdown a:hover{ background: var(--color-bg); color: var(--color-primary); padding-right:14px; }
.sooghat-mega-dropdown a:hover::before{ opacity:1; }
.sooghat-header__nav-close{ display:none; }

.sooghat-header__search{
	flex:1;
	display:flex;
	align-items:center;
	background: var(--color-bg);
	border-radius: 999px;
	padding: 4px 6px 4px 16px;
	max-width: 420px;
}
.sooghat-header__search input{
	flex:1;
	border:none;
	background:transparent;
	padding: 8px 6px;
	font-size:14px;
	outline:none;
}
.sooghat-header__search button{ background:none; border:none; font-size:18px; color: var(--color-text-muted); cursor:pointer; }

.sooghat-header__actions{ display:flex; align-items:center; gap:14px; }
.sooghat-header__track{ display:flex; align-items:center; gap:4px; font-size:13.5px; color: var(--color-text-muted); white-space:nowrap; }
.sooghat-header__icon{ position:relative; font-size:20px; color: var(--color-text); }
.sooghat-cart-count{
	position:absolute; top:-8px; left:-10px;
	background: var(--color-copper); color:#fff;
	font-size:10px; min-width:16px; height:16px;
	border-radius:50%; display:flex; align-items:center; justify-content:center;
	padding: 0 3px;
}

/* =========================================================
   ۵. اسلایدر اصلی هوم‌پیج
   ========================================================= */
.sooghat-hero-slider{ padding: 24px 0 0; }
.sooghat-hero-slider__track{ position:relative; border-radius: var(--radius-lg); overflow:hidden; height: 340px; }
.sooghat-hero-slide{
	position:absolute; inset:0;
	background-size: cover; background-position:center;
	opacity:0; visibility:hidden; transition: opacity .6s ease;
	display:flex; align-items:center;
	background-color: var(--color-bg);
}
.sooghat-hero-slide::before{
	content:""; position:absolute; inset:0;
	background: linear-gradient(90deg, rgba(20,15,12,.55) 0%, rgba(20,15,12,.15) 55%, transparent 80%);
}
.sooghat-hero-slide.is-active{ opacity:1; visibility:visible; }
.sooghat-hero-slide__content{ position:relative; z-index:1; padding: 0 60px; max-width:480px; }
.sooghat-hero-slide__eyebrow{ display:block; color: var(--color-gold); font-weight:600; margin-bottom:8px; letter-spacing:.3px; }
.sooghat-hero-slide__content h2{ font-size:30px; font-weight:800; margin-bottom:22px; line-height:1.5; color:#fff; }
.sooghat-hero-slider__arrow{
	position:absolute; top:50%; transform:translateY(-50%);
	width:40px; height:40px; border-radius:50%; border:none;
	background:#fff; box-shadow: var(--shadow-md); font-size:20px; cursor:pointer; z-index:10;
}
.sooghat-hero-slider__arrow--prev{ right:16px; }
.sooghat-hero-slider__arrow--next{ left:16px; }
.sooghat-hero-slider__dots{ position:absolute; bottom:16px; left:50%; transform:translateX(-50%); display:flex; gap:6px; z-index:10; }
.sooghat-hero-slider__dots button{ width:8px; height:8px; border-radius:50%; border:none; background:rgba(255,255,255,.6); cursor:pointer; padding:0; }
.sooghat-hero-slider__dots button.is-active{ background:#fff; width:20px; border-radius:4px; }

/* =========================================================
   ۶. دسته‌بندی‌های طاقی
   ========================================================= */
.sooghat-cat-icons{ padding: 36px 0 10px; }
.sooghat-cat-icons__row{ display:flex; justify-content:space-between; gap:12px; overflow-x:auto; }
.sooghat-cat-icon{ display:flex; flex-direction:column; align-items:center; text-align:center; min-width:110px; }
.sooghat-cat-icon__arch{
	width:96px; height:104px;
	border-radius: 48px 48px 8px 8px;
	border: 1.5px solid var(--color-gold);
	background: var(--color-card-bg);
	display:flex; align-items:center; justify-content:center;
	overflow:hidden;
	margin-bottom:10px;
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.sooghat-cat-icon:hover .sooghat-cat-icon__arch{ transform: translateY(-5px) scale(1.03); box-shadow: var(--shadow-md); border-color: var(--color-primary); }
.sooghat-cat-icon__arch img{ width:70%; height:70%; object-fit:contain; transition: transform .25s ease; }
.sooghat-cat-icon:hover .sooghat-cat-icon__arch img{ transform: scale(1.06); }
.sooghat-cat-icon__name{ font-weight:700; font-size:14.5px; transition: color .2s ease; }
.sooghat-cat-icon:hover .sooghat-cat-icon__name{ color: var(--color-primary); }
.sooghat-cat-icon__cta{ font-size:12px; color: var(--color-text-muted); }

/* =========================================================
   ۷. بنر تبلیغاتی تیره
   ========================================================= */
.sooghat-promo-banner{ padding: 36px 0; }
.sooghat-promo-banner__inner{
	display:flex; align-items:center; justify-content:space-between;
	background: linear-gradient(120deg, #241b16, #3a2a1f);
	border-radius: var(--radius-lg);
	padding: 34px 48px;
	position:relative; overflow:hidden;
	border: 1px solid rgba(201,162,75,.35);
}
.sooghat-promo-banner__inner::before{
	content:""; position:absolute; inset:0;
	background: repeating-linear-gradient(45deg, rgba(201,162,75,.08) 0 2px, transparent 2px 22px);
	pointer-events:none;
}
.sooghat-promo-banner__text{ position:relative; z-index:1; color:#fff; max-width:480px; }
.sooghat-promo-banner__text h2{ font-size:26px; font-weight:800; margin-bottom:10px; }
.sooghat-promo-banner__text p{ color: rgba(255,255,255,.75); }
.sooghat-promo-banner__image{ position:relative; z-index:1; max-width:260px; }

/* =========================================================
   ۸. بخش‌های منتخب محصولات برند
   ========================================================= */
.sooghat-brand-section{ padding: 20px 0; }
.sooghat-brand-section__grid{ display:grid; grid-template-columns: 1fr 2fr; gap:20px; }
.sooghat-brand-section__mini-grid{ display:grid; grid-template-columns: 1fr 1fr; gap:14px; }
.sooghat-mini-product{
	background: var(--color-card-bg); border-radius: var(--radius-md);
	padding: 10px; text-align:center; box-shadow: var(--shadow-sm);
	transition: transform .2s ease, box-shadow .2s ease;
}
.sooghat-mini-product:hover{ transform: translateY(-3px); box-shadow: var(--shadow-md); }
.sooghat-mini-product img{ margin: 0 auto 8px; }
.sooghat-mini-product span{ font-size:13px; font-weight:600; }
.sooghat-brand-section__banner{ border-radius: var(--radius-lg); overflow:hidden; display:block; position:relative; }
.sooghat-brand-section__banner img{ width:100%; height:100%; object-fit:cover; transition: transform .35s ease; }
.sooghat-brand-section__banner:hover img{ transform: scale(1.04); }

/* =========================================================
   ۹. نوار رنگی محصولات پرفروش/پیشنهادی
   ========================================================= */
.sooghat-bestsellers{ margin: 30px 0; }
.sooghat-bestsellers__row{
	display:flex; align-items:center; gap:20px;
	padding: 22px 26px; border-radius: var(--radius-lg);
}
.sooghat-bestsellers--primary .sooghat-bestsellers__row{ background: var(--color-primary); }
.sooghat-bestsellers--copper .sooghat-bestsellers__row{ background: var(--color-copper); }
.sooghat-bestsellers__title h2{ color:#fff; font-size:17px; font-weight:700; white-space:nowrap; line-height:1.5; max-width:110px; }
.sooghat-bestsellers__track{ display:flex; gap:12px; overflow-x:auto; padding-bottom:4px; scroll-snap-type:x proximity; }
.sooghat-bestsellers__track .sooghat-product-card{
	min-width:150px; max-width:150px; background:#fff; padding:10px; scroll-snap-align:start;
}
.sooghat-bestsellers__track .sooghat-product-card__title{ font-size:12.5px; min-height:2.6em; }
.sooghat-bestsellers__track .sooghat-product-card__price{ font-size:13px; }

/* =========================================================
   ۱۰. کارت‌های محصول (استفاده‌شده در همه جا)
   ========================================================= */
.sooghat-product-grid{ display:grid; grid-template-columns: repeat(5, 1fr); gap:18px; margin: 20px 0; }
.sooghat-product-grid--4col{ grid-template-columns: repeat(4, 1fr); }
.sooghat-product-card{
	background: var(--color-card-bg);
	border-radius: var(--radius-md);
	padding: 14px;
	box-shadow: var(--shadow-sm);
	display:flex; flex-direction:column; gap:8px;
	transition: transform .15s ease, box-shadow .15s ease;
}
.sooghat-product-card:hover{ transform: translateY(-3px); box-shadow: var(--shadow-md); }
.sooghat-product-card__image{ position:relative; aspect-ratio:1/1; border-radius: var(--radius-sm); overflow:hidden; background:#f2ede4; }
.sooghat-product-card__image img{ width:100%; height:100%; object-fit:cover; }
.sooghat-product-card__badge{
	position:absolute; top:8px; right:8px;
	background: var(--color-alert); color:#fff; font-size:11px; padding:3px 8px; border-radius: 6px;
}
.sooghat-product-card__title{
	font-size:14px; font-weight:600; line-height:1.6;
	display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
	min-height: 2.9em;
}
.sooghat-product-card__price{ font-weight:700; color: var(--color-price); font-size:15px; }
.sooghat-product-card__price ins{ text-decoration:none; color: var(--color-alert); }
.sooghat-product-card__price del{ color: var(--color-text-muted); font-size:13px; font-weight:400; margin-inline-start:6px; }

/* =========================================================
   ۱۱. بخش ارزش‌های برند
   ========================================================= */
.sooghat-trust-values{ padding: 36px 0; }
.sooghat-trust-values__row{ display:grid; grid-template-columns: repeat(3,1fr); gap:18px; }
.sooghat-trust-card{ border-radius: var(--radius-lg); padding: 26px; transition: transform .2s ease, box-shadow .2s ease; }
.sooghat-trust-card:hover{ transform: translateY(-4px); box-shadow: var(--shadow-md); }
.sooghat-trust-card__icon{ font-size:30px; color: var(--color-primary); display:block; margin-bottom:10px; }
.sooghat-trust-card h3{ font-size:17px; font-weight:700; margin-bottom:6px; }
.sooghat-trust-card p{ font-size:13.5px; color: var(--color-text-muted); }

/* =========================================================
   ۱۲. بخش وبلاگ/مجله
   ========================================================= */
.sooghat-blog-section{ padding: 20px 0 50px; }
.sooghat-blog-grid{ display:grid; grid-template-columns: repeat(4,1fr); gap:18px; }
.sooghat-blog-card{ background: var(--color-card-bg); border-radius: var(--radius-md); overflow:hidden; box-shadow: var(--shadow-sm); display:block; transition: box-shadow .2s ease, transform .2s ease; }
.sooghat-blog-card:hover{ transform: translateY(-4px); box-shadow: var(--shadow-md); }
.sooghat-blog-card__image{ display:block; aspect-ratio: 16/10; overflow:hidden; background: var(--color-border); }
.sooghat-blog-card__image img{ width:100%; height:100%; object-fit:cover; transition: transform .35s ease; }
.sooghat-blog-card:hover .sooghat-blog-card__image img{ transform: scale(1.08); }
.sooghat-blog-card__placeholder{ display:flex; align-items:center; justify-content:center; height:100%; font-size:30px; color: var(--color-text-muted); }
.sooghat-blog-card__title{ display:block; padding: 12px 14px; font-weight:600; font-size:14px; line-height:1.7; }

/* =========================================================
   ۱۳. فوتر
   ========================================================= */
.sooghat-footer{ position:relative; background:#fff; margin-top:50px; padding-top:44px; overflow:hidden; }
.sooghat-footer__pattern{
	position:absolute; inset:0; z-index:0;
	background-image: radial-gradient(circle at 20% 20%, var(--color-border) 0 2px, transparent 3px),
		radial-gradient(circle at 60% 70%, var(--color-border) 0 2px, transparent 3px),
		radial-gradient(circle at 85% 30%, var(--color-border) 0 2px, transparent 3px);
	background-size: 60px 60px;
	opacity:.35;
}
.sooghat-footer__columns{ position:relative; z-index:1; display:grid; grid-template-columns: 1fr 1fr 1.4fr; gap:30px; padding-bottom:30px; }
.sooghat-footer__col h3{ font-size:16px; font-weight:700; margin-bottom:14px; }
.sooghat-footer__menu li{ margin-bottom:10px; }
.sooghat-footer__menu a{ font-size:14px; color: var(--color-text-muted); }
.sooghat-footer__menu a:hover{ color: var(--color-primary); }

.sooghat-footer__col--social{ display:flex; flex-direction:column; gap:10px; }
.sooghat-footer__badge{
	display:flex; align-items:center; gap:8px;
	padding: 10px 14px; border-radius: var(--radius-sm);
	font-size:13.5px; font-weight:600;
}
.sooghat-footer__badge--digikala{ background:#fde8ec; color:#c2185b; }
.sooghat-footer__badge--linkedin{ background:#e3ecf7; color:#0a66c2; }
.sooghat-footer__badge--instagram{ background:#fbe7f0; color:#c1236b; }
.sooghat-footer__badge--phone{ background:#e3f5ec; color: var(--color-primary); }
.sooghat-footer__social-row{ display:flex; gap:10px; margin-top:4px; }
.sooghat-footer__social-row a{
	width:34px; height:34px; border-radius:50%;
	background: var(--color-bg); display:flex; align-items:center; justify-content:center;
	color: var(--color-text);
}

.sooghat-footer__about{
	position:relative; z-index:1;
	background:#fff; border-radius: var(--radius-lg);
	padding: 24px 30px; box-shadow: var(--shadow-sm);
	font-size:13.5px; color: var(--color-text-muted); line-height:2;
}
.sooghat-footer__about p{ margin-bottom:12px; }
.sooghat-footer__badges-row{ display:flex; gap:16px; align-items:center; margin: 22px 0; flex-wrap:wrap; }
.sooghat-footer__badges-row img{ height:52px; width:auto; }
.sooghat-footer__copyright{ position:relative; z-index:1; text-align:center; font-size:12px; color: var(--color-text-muted); padding: 20px 0; border-top:1px solid var(--color-border); }

/* =========================================================
   ۱۴. صفحه آرشیو فروشگاه / دسته‌بندی
   ========================================================= */
.sooghat-shop-layout{ display:grid; grid-template-columns: 240px 1fr; gap:26px; align-items:start; }
.sooghat-shop-sidebar{ background: var(--color-card-bg); border-radius: var(--radius-md); padding:18px; position:sticky; top:90px; }
.sooghat-shop-sidebar .widget-title{ font-size:15px; font-weight:700; margin-bottom:10px; }
.sooghat-archive-page .sooghat-product-grid{ grid-template-columns: repeat(5,1fr); }
.sooghat-shop-layout:has(.sooghat-shop-sidebar) + * .sooghat-product-grid,
.sooghat-shop-results .sooghat-product-grid{ grid-template-columns: repeat(4,1fr); }
.sooghat-pagination{ display:flex; justify-content:center; gap:8px; margin: 30px 0; }
.sooghat-pagination a, .sooghat-pagination span{ display:flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:8px; background:#fff; }

.sooghat-cat-seo{ background: var(--color-card-bg); border-radius: var(--radius-lg); padding: 28px; margin: 30px 0 50px; position:relative; }
.sooghat-cat-seo__content{ max-height: 220px; overflow:hidden; position:relative; }
.sooghat-cat-seo__content.is-expanded{ max-height:none; }
.sooghat-cat-seo__content:not(.is-expanded)::after{
	content:""; position:absolute; bottom:0; left:0; right:0; height:60px;
	background: linear-gradient(transparent, var(--color-card-bg));
}
.sooghat-cat-seo__content p{ margin-bottom:14px; color: var(--color-text-muted); }
.sooghat-cat-seo__toggle{
	margin-top:14px; background: var(--color-bg); border:none; padding:10px 20px;
	border-radius: var(--radius-sm); font-weight:600; cursor:pointer; color: var(--color-primary);
}

/* =========================================================
   ۱۵. صفحه تک محصول
   ========================================================= */
.sooghat-product-title{ font-size:24px; font-weight:800; margin: 10px 0 24px; }
.sooghat-product-top{ display:grid; grid-template-columns: 360px 1fr; gap:26px; align-items:start; }

.sooghat-product-purchase{
	background: var(--color-card-bg); border-radius: var(--radius-lg);
	padding: 22px; box-shadow: var(--shadow-sm);
	position: sticky; top: 90px;
}
.sooghat-product-purchase__eyebrow{ font-size:13px; color: var(--color-text-muted); margin-bottom:10px; }
.sooghat-product-purchase__price{ font-size:22px; font-weight:800; color: var(--color-price); margin-bottom:16px; }
.sooghat-product-purchase__price ins{ text-decoration:none; }
.sooghat-product-purchase__price del{ font-size:14px; color: var(--color-text-muted); margin-inline-start:8px; }
.sooghat-product-purchase__form .quantity{ display:inline-flex; align-items:center; border:1px solid var(--color-border); border-radius: var(--radius-sm); margin-inline-end:10px; }
.sooghat-product-purchase__form .qty{ width:50px; text-align:center; border:none; padding:10px 4px; background:transparent; }
.sooghat-product-purchase__form button[type="submit"]{
	background: var(--color-copper); color:#fff; border:none; border-radius: var(--radius-sm);
	padding: 12px 20px; font-weight:700; cursor:pointer; width:100%; margin-top:10px;
}
.sooghat-product-purchase__form button[type="submit"]:hover{ background: var(--color-copper-light); }
.sooghat-product-purchase__form{ display:flex; flex-wrap:wrap; margin-bottom:16px; }

.sooghat-product-purchase__phone{
	display:flex; flex-direction:column; gap:4px;
	background: var(--color-bg); border-radius: var(--radius-sm);
	padding: 12px 14px; margin-bottom:16px; font-size:13.5px;
}
.sooghat-product-purchase__phone strong{ color: var(--color-primary); font-size:15px; }

.sooghat-trust-badges-grid{ display:grid; grid-template-columns: 1fr 1fr; gap:10px; }
.sooghat-trust-badge{
	display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px;
	background: var(--color-bg); border-radius: var(--radius-sm); padding: 14px 8px; font-size:12px; font-weight:600;
}
.sooghat-trust-badge i{ font-size:20px; color: var(--color-gold); }

.sooghat-product-gallery img{ border-radius: var(--radius-lg); }
.woocommerce-product-gallery__wrapper{ display:flex; flex-direction:column; gap:10px; }
.flex-control-thumbs{ display:flex; gap:8px; margin-top:10px; }
.flex-control-thumbs li{ width:70px; }
.flex-control-thumbs img{ border-radius: var(--radius-sm); cursor:pointer; opacity:.7; }
.flex-control-thumbs img.flex-active{ opacity:1; outline:2px solid var(--color-primary); }

.sooghat-product-details-row{ display:grid; grid-template-columns: 1fr 1fr; gap:20px; margin: 30px 0; }
.sooghat-product-features, .sooghat-product-video{ background: var(--color-card-bg); border-radius: var(--radius-lg); padding:22px; }
.sooghat-product-features h2, .sooghat-product-video h2{ font-size:17px; font-weight:700; margin-bottom:14px; display:flex; align-items:center; gap:6px; }
.sooghat-product-features ul li{ padding: 6px 0; font-size:14px; border-bottom: 1px dashed var(--color-border); }
.sooghat-product-video__frame{ position:relative; padding-top:56%; border-radius: var(--radius-md); overflow:hidden; }
.sooghat-product-video__frame iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

.sooghat-product-description{ background: var(--color-card-bg); border-radius: var(--radius-lg); padding: 26px; margin-bottom:30px; }
.sooghat-product-description h2{ font-size:18px; font-weight:700; margin-bottom:14px; }
.sooghat-product-description__content{ max-height:200px; overflow:hidden; position:relative; color: var(--color-text-muted); }
.sooghat-product-description__content.is-expanded{ max-height:none; }

.sooghat-related-products{ margin: 30px 0; }
.sooghat-related-products h2{ font-size:20px; font-weight:700; display:flex; align-items:center; gap:6px; margin-bottom:16px; }

.sooghat-reviews{ background: var(--color-card-bg); border-radius: var(--radius-lg); padding:26px; margin-bottom:50px; }
.sooghat-reviews h2{ font-size:18px; font-weight:700; margin-bottom:16px; }
.sooghat-reviews__list{ margin-bottom:20px; }
.sooghat-review-item{ padding: 14px 0; border-bottom:1px solid var(--color-border); }
.sooghat-review-item__head{ display:flex; justify-content:space-between; font-size:13px; color: var(--color-text-muted); margin-bottom:6px; }
.sooghat-review-item__head strong{ color: var(--color-text); }
.comment-form p{ margin-bottom:14px; }
.comment-form label{ display:block; font-weight:600; margin-bottom:6px; font-size:14px; }
.comment-form textarea, .comment-form input[type="text"], .comment-form input[type="tel"], .comment-form input[type="email"]{
	width:100%; padding: 12px 14px; border:1px solid var(--color-border); border-radius: var(--radius-sm); outline:none;
}
.sooghat-reviews__note{ font-size:12.5px; color: var(--color-text-muted); }

/* =========================================================
   ۱۶. صفحه ورود/ثبت‌نام (OTP) - تمام‌صفحه
   ========================================================= */
body.sooghat-fullscreen-login .sooghat-header,
body.sooghat-fullscreen-login .sooghat-footer{ display:none; }
body.sooghat-fullscreen-login .sooghat-site-content{ min-height:100vh; display:flex; }

.sooghat-auth-screen{
	display:grid; grid-template-columns: 1fr 1fr;
	min-height:100vh; width:100%;
}
.sooghat-auth-screen__image{
	background: url('../images/auth-pattern-placeholder.svg') center/cover no-repeat, var(--color-primary-dark);
}
.sooghat-auth-screen__form{
	display:flex; flex-direction:column; justify-content:center;
	padding: 60px 80px;
	max-width:480px; margin:0 auto; width:100%;
}
.sooghat-auth-screen__logo{ margin-bottom:24px; }
.sooghat-auth-screen__form h1{ font-size:22px; font-weight:800; margin-bottom:18px; }
.sooghat-otp-form__greeting{ font-size:14px; color: var(--color-text-muted); margin-bottom:16px; }
.sooghat-otp-form input{
	width:100%; padding: 14px 16px; margin-bottom:16px;
	border:1px solid var(--color-border); border-radius: var(--radius-sm);
	font-size:15px; outline:none; text-align:center; letter-spacing:1px;
}
.sooghat-otp-form__message{ font-size:13px; color: var(--color-alert); min-height:18px; margin-top:10px; }

/* =========================================================
   ۱۷. صفحه حساب کاربری
   ========================================================= */
.sooghat-account-layout{ display:grid; grid-template-columns: 240px 1fr; gap:26px; padding: 20px 24px 60px; max-width: var(--container-width); margin:0 auto; }
.sooghat-account-nav ul{ background: var(--color-card-bg); border-radius: var(--radius-md); overflow:hidden; }
.sooghat-account-nav li a{ display:flex; align-items:center; gap:8px; padding: 14px 18px; font-size:14px; font-weight:600; border-bottom:1px solid var(--color-border); }
.sooghat-account-nav li.is-active a, .sooghat-account-nav li.woocommerce-MyAccount-navigation-link--dashboard.is-active a{ background: var(--color-primary); color:#fff; }
.sooghat-account-nav li:last-child a{ border-bottom:none; color: var(--color-alert); }

.sooghat-account-welcome{ font-size:14px; margin-bottom:10px; }
.sooghat-account-logout{ color: var(--color-alert); font-weight:700; margin-inline-start:10px; }
.sooghat-account-hint{ font-size:13.5px; color: var(--color-text-muted); margin-bottom:24px; }
.sooghat-account-cards{ display:grid; grid-template-columns: repeat(4,1fr); gap:16px; }
.sooghat-account-card{
	background: var(--color-card-bg); border-radius: var(--radius-lg);
	padding: 30px 14px; text-align:center; box-shadow: var(--shadow-sm);
	display:flex; flex-direction:column; align-items:center; gap:10px;
}
.sooghat-account-card i{ font-size:28px; color: var(--color-primary); }
.sooghat-account-card span{ font-weight:600; font-size:14px; }
.sooghat-account-card:hover{ box-shadow: var(--shadow-md); transform: translateY(-3px); }

/* =========================================================
   ۱۸. صفحات عمومی، وبلاگ، ۴۰۴
   ========================================================= */
.sooghat-page, .sooghat-single-post, .sooghat-main.sooghat-container{ padding: 20px 24px 60px; }
.sooghat-page-content, .sooghat-single-post .sooghat-page-content{ line-height:2; color: var(--color-text-muted); }
.sooghat-single-post__thumb{ border-radius: var(--radius-lg); overflow:hidden; margin-bottom:20px; }
.sooghat-404{ text-align:center; padding: 100px 24px; }
.sooghat-404 h1{ font-size:26px; margin-bottom:14px; }
.sooghat-404 p{ margin-bottom:24px; color: var(--color-text-muted); }

/* =========================================================
   ۱۹. ریسپانسیو
   ========================================================= */
@media (max-width: 1024px){
	.sooghat-product-grid{ grid-template-columns: repeat(3,1fr); }
	.sooghat-blog-grid{ grid-template-columns: repeat(2,1fr); }
	.sooghat-footer__columns{ grid-template-columns: 1fr 1fr; }
	.sooghat-footer__col--social{ grid-column: span 2; }
	.sooghat-product-top{ grid-template-columns: 1fr; }
	.sooghat-product-purchase{ position:static; order:2; }
	.sooghat-product-gallery{ order:1; }
	.sooghat-product-details-row{ grid-template-columns: 1fr; }
	.sooghat-brand-section__grid{ grid-template-columns: 1fr; }
	.sooghat-auth-screen{ grid-template-columns: 1fr; }
	.sooghat-auth-screen__image{ display:none; }
}

@media (max-width: 768px){
	.sooghat-header__nav{
		position:fixed; inset:0 0 0 auto; width:82%; max-width:320px;
		background:#fff; z-index:1000; transform:translateX(100%);
		transition: transform .3s ease; padding: 20px; overflow-y:auto;
	}
	.sooghat-header__nav.is-open{ transform:translateX(0); }
	.sooghat-header__nav-close{ display:flex; justify-content:flex-end; font-size:22px; margin-bottom:16px; cursor:pointer; }
	.sooghat-mega-nav{ flex-direction:column; gap:0; }
	.sooghat-mega-nav > li{ border-bottom:1px solid var(--color-border); }
	.sooghat-mega-dropdown{ position:static; box-shadow:none; display:none; columns:1; opacity:1; visibility:visible; transform:none; padding: 6px 0 6px 14px; }
	.sooghat-mega-nav > li.is-open .sooghat-mega-dropdown{ display:block; }
	.sooghat-header__burger{ display:block; }
	.sooghat-header__track span{ display:none; }
	.sooghat-header__search{ order:3; max-width:none; width:100%; margin-top:10px; }
	.sooghat-header__inner{ flex-wrap:wrap; }

	.sooghat-cat-icons__row{ justify-content:flex-start; }
	.sooghat-product-grid, .sooghat-product-grid--4col{ grid-template-columns: repeat(2,1fr); }
	.sooghat-blog-grid{ grid-template-columns: 1fr; }
	.sooghat-shop-layout{ grid-template-columns: 1fr; }
	.sooghat-shop-sidebar{ position:static; }
	.sooghat-account-layout{ grid-template-columns: 1fr; }
	.sooghat-account-cards{ grid-template-columns: repeat(2,1fr); }
	.sooghat-promo-banner__inner{ flex-direction:column; text-align:center; gap:20px; padding: 30px 24px; }
	.sooghat-hero-slide__content{ padding: 0 30px; max-width:100%; }
	.sooghat-auth-screen__form{ padding: 40px 24px; }
	.sooghat-trust-values__row{ grid-template-columns: 1fr; }
}

/* =========================================================
   ۲۰. صفحه تماس با ما
   ========================================================= */
.sooghat-contact-layout{ display:grid; grid-template-columns: 1fr 1fr; gap:30px; margin-top:20px; }
.sooghat-contact-info__list{ margin-top:18px; }
.sooghat-contact-info__list li{ display:flex; align-items:center; gap:10px; padding:10px 0; border-bottom:1px dashed var(--color-border); font-size:14px; }
.sooghat-contact-info__list i{ color: var(--color-primary); font-size:18px; }
.sooghat-contact-form{ background: var(--color-card-bg); border-radius: var(--radius-lg); padding:26px; box-shadow: var(--shadow-sm); }
.sooghat-contact-form label{ display:block; font-weight:600; font-size:14px; margin-bottom:6px; }
.sooghat-contact-form input, .sooghat-contact-form textarea{
	width:100%; padding:12px 14px; border:1px solid var(--color-border); border-radius: var(--radius-sm);
	outline:none; margin-bottom:16px; font-family: var(--font-main);
}
.sooghat-contact-form__message{ font-size:13px; margin-top:10px; min-height:18px; }

/* =========================================================
   ۲۱. سوالات متداول (آکاردئون بومی با details/summary)
   ========================================================= */
.sooghat-faq-list{ margin-top:20px; }
.sooghat-faq-item{
	background: var(--color-card-bg); border-radius: var(--radius-md);
	margin-bottom:12px; padding: 6px 20px; box-shadow: var(--shadow-sm);
}
.sooghat-faq-item summary{
	cursor:pointer; padding:16px 0; font-weight:700; font-size:15px;
	list-style:none; display:flex; justify-content:space-between; align-items:center;
}
.sooghat-faq-item summary::-webkit-details-marker{ display:none; }
.sooghat-faq-item summary::after{ content:"+"; font-size:22px; color: var(--color-copper); transition: transform .2s ease; }
.sooghat-faq-item[open] summary::after{ transform: rotate(45deg); }
.sooghat-faq-item p{ color: var(--color-text-muted); padding-bottom:18px; line-height:2; }

/* =========================================================
   ۲۲. راهنمای خرید (مراحل شماره‌دار)
   ========================================================= */
.sooghat-steps{ margin-top:24px; display:flex; flex-direction:column; gap:16px; }
.sooghat-step{ display:flex; gap:16px; background: var(--color-card-bg); border-radius: var(--radius-md); padding:20px; box-shadow: var(--shadow-sm); }
.sooghat-step__num{
	flex-shrink:0; width:38px; height:38px; border-radius:50%; background: var(--color-primary); color:#fff;
	display:flex; align-items:center; justify-content:center; font-weight:700;
}
.sooghat-step__body h3{ font-size:16px; font-weight:700; margin-bottom:6px; }
.sooghat-step__body p{ color: var(--color-text-muted); font-size:14px; }

/* =========================================================
   ۲۳. صفحات محتوایی عمومی (درباره ما، فرصت‌های تجاری، فروش سازمانی)
   ========================================================= */
.sooghat-page-content h2{ font-size:20px; font-weight:700; margin: 26px 0 12px; color: var(--color-text); }
.sooghat-page-content p{ margin-bottom:14px; }
.sooghat-page-content ul{ margin: 0 0 16px; padding-inline-start:20px; list-style:disc; }
.sooghat-page-content ul li{ margin-bottom:8px; }
.sooghat-page-cta{
	background: var(--color-primary); color:#fff; border-radius: var(--radius-lg);
	padding: 26px 30px; display:flex; justify-content:space-between; align-items:center; margin-top:30px; gap:20px;
}
.sooghat-page-cta p{ margin:0; font-size:15px; }
.sooghat-page-cta .sooghat-btn{ background:#fff; color: var(--color-primary); white-space:nowrap; }
.sooghat-page-cta .sooghat-btn:hover{ background: var(--color-bg); }

@media (max-width:768px){
	.sooghat-contact-layout{ grid-template-columns: 1fr; }
	.sooghat-page-cta{ flex-direction:column; text-align:center; }
}