/* =====================================================================
   ISACO Price Search — استایل ساده و مینیمال (مطابق نمونه ارجاعی)
   ===================================================================== */


/* ===== بخش دو ستونی اختصاصی ===== */
.custom-two-col {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    margin-top:-50px;
    padding: 30px 20px;
    background: #f8f9fa;
    border-radius: 15px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

/* ستون متن */
.custom-two-col .col-text {
    flex: 1 1 48%;
    min-width: 300px;
    text-align: right;
    order: 1; /* در دسکتاپ، متن سمت راست باشد */
}

.custom-two-col .col-text .section-title {
    font-size: 28px;
    font-weight: 700;
    color: #222;
    margin-bottom: 15px;
    border-right: 5px solid #1f2937;
    padding-right: 15px;
    margin-top: 15px;
}

.custom-two-col .col-text .section-desc {
    font-size: 16px;
    line-height: 1.9;
    color: #555;
    margin-bottom: 12px;
    text-align: justify;
}

.custom-two-col .shop-btn {
    display: inline-block;
    margin-top: 10px;
    padding: 12px 30px;
    background: #1f2937;
    color: #fff !important;
    border-radius: 30px;
    transition: all 0.3s ease;
    text-decoration: none;
    font-weight: 600;

}.custom-two-col .call-btn {
    display: inline-block;
    margin-top: 10px;
    padding: 12px 30px;
    background: #1f2937;
    color: #fff !important;
    border-radius: 30px;
    transition: all 0.3s ease;
    text-decoration: none;
    font-weight: 600;
}

@media (max-width: 768px) {
    .custom-two-col .shop-btn,
    .custom-two-col .call-btn {
        width: 100%;
        text-align: center;
        padding: 12px 20px;    /* افزایش فضای داخلی برای لمس آسان‌تر */
        margin-bottom: 10px;   /* فاصله بین دکمه‌ها */
        font-size: 16px;       /* بزرگ‌تر شدن متن برای خوانایی بهتر */
        border-radius: 8px;    /* (اختیاری) گوشه‌های گرد برای زیبایی */
        box-sizing: border-box; /* اطمینان از محاسبه صحیح عرض با padding */
    }

    /* اگر دکمه‌ها کنار هم هستند، آنها را از حالت flex خارج کنید */
    .custom-two-col .buttons-wrapper {
        flex-direction: column; /* دکمه‌ها را زیر هم قرار بده */
        gap: 10px;             /* فاصله بین دکمه‌ها */
    }
}

.custom-two-col .shop-btn:hover {
    background: #050b63b7;
    transform: translateY(-2px);
}

.custom-two-col .call-btn:hover {
    background: #050b63b7;
    transform: translateY(-2px);
}

/* ستون عکس */
.custom-two-col .col-image {
    width: 300px;
	height: 300px;
	border-radius: 100%;
    order: 2; /* در دسکتاپ، عکس سمت چپ باشد */
}

.custom-two-col .col-image img {
    width: 100%;
    height: auto;
    max-height: 400px;
    object-fit: cover;
    border-radius: 12px;
    transition: transform 0.4s ease;
    display: block;
}

.custom-two-col .col-image img:hover {
    transform: scale(1.02);
}

/* ===== واکنش‌گرایی (Responsive) برای موبایل ===== */
@media (max-width: 768px) {
    .custom-two-col {
        flex-direction: column;
        gap: 25px;
        padding: 20px 15px;
        margin-top: -50px;
    }

    /* در موبایل: متن پایین، عکس بالا */
    .custom-two-col .col-text {
        order: 2;
        text-align: center;
    }

    .custom-two-col .col-image {
        order: 1;
    }

    .custom-two-col .col-text .section-title {
        font-size: 24px;
        border-right: none;
        border-bottom: 3px solid #1f2937;
        padding-right: 0;
        padding-bottom: 10px;
        text-align: center;
    }

    .custom-two-col .col-text .section-desc {
        font-size: 15px;
        text-align: justify;
    }

    .custom-two-col .col-image img {
        max-height: 250px;
        object-fit: cover;
    }
}

@media (max-width: 480px) {
    .custom-two-col .col-text .section-title {
        font-size: 20px;
    }
    .custom-two-col .col-text .section-desc {
        font-size: 14px;
    }
}




.sy-contact-box{
    background:#034f9d;
    border-radius:22px;
    padding:45px 55px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:40px;
}

.sy-contact-content{
    flex:1;
    text-align:right;
}

.sy-contact-content h2{
    margin:0 0 12px;
    color:#fff;
    font-size:28px;
    font-weight:700;
    line-height:1.5;
}

.sy-contact-content p{
    margin:0;
    color:#fff;
    font-size:17px;
    line-height:2;
}

.sy-contact-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:260px;
    height:64px;
    background:#f6b81c;
    color:#222;
    font-size:20px;
    font-weight:700;
    border-radius:14px;
    text-decoration:none;
    transition:.3s;
    white-space:nowrap;
}

.sy-contact-btn:hover{
    background:#ffcb45;
    transform:translateY(-2px);
}

@media(max-width:768px){

.sy-contact-box{
    flex-direction:column;
    text-align:center;
    padding:30px 20px;
}

.sy-contact-content{
    text-align:center;
}

.sy-contact-content h2{
    font-size:18px;
}

.sy-contact-content p{
    font-size:15px;
}

.sy-contact-btn{
    width:100%;
}
}




/* =====================================================================
   ISACO Price Search — استایل ساده و مینیمال (مطابق نمونه ارجاعی) 2
   ===================================================================== */


.isaco-header{
	box-sizing: border-box;
	background-color: #1f2937;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 10px;
}
/* Brand */
.isaco-badge{background:rgba(76, 219, 255, 0.438);border:1px solid rgba(255,255,255,.25);padding:6px 14px;border-radius:30px;font-size:13px; margin-bottom: 10px;}

@media (max-width: 768px) {
    .isaco-badge {
        font-size: 11px;   /* کوچک‌تر شدن فونت در موبایل */
        padding: 4px 12px; /* فاصله داخلی کمتر */
        display: inline-block; /* حفظ حالت خطی */
        margin-bottom: 8px;
    }
}

.isaco-container{max-width:1180px;margin:0 auto;padding:0 20px}
.isaco-section{padding:56px 0}
.isaco-section-title{font-size:26px;font-weight:700;margin:0 0 8px;color:#12233d}
.isaco-section-sub{color:#5b6b7c;margin:0 0 32px;font-size:15px}
.isaco-about{display:flex;flex-wrap:wrap;gap:36px;align-items:center}
.isaco-about-text{flex:1 1 480px;line-height:2;color:#3c4a59;font-size:15.5px}
.isaco-about-stats{flex:1 1 320px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.isaco-stat{background:var(--isaco-bg);border:1px solid var(--isaco-border);border-radius:12px;padding:20px;text-align:center}
.isaco-stat strong{display:block;font-size:24px;color:var(--isaco-primary);margin-bottom:4px}
.isaco-stat span{font-size:13px;color:#5b6b7c}


/* Benefits */
.isaco-benefits{background:var(--isaco-bg)}
.isaco-benefit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
.isaco-benefit-card{background:#fff;border:1px solid var(--isaco-border);border-radius:14px;padding:24px;text-align:center}
.isaco-benefit-icon{width:52px;height:52px;border-radius:50%;background:rgba(10,77,146,.1);color:var(--isaco-primary);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:24px}
.isaco-benefit-card h3{font-size:16px;margin:0 0 8px;color:#12233d}
.isaco-benefit-card p{font-size:13.5px;color:#5b6b7c;line-height:1.8;margin:0}


/* FAQ */
.isaco-faq-list{max-width:820px}
.isaco-faq-item{border:1px solid var(--isaco-border);border-radius:12px;margin-bottom:12px;overflow:hidden;background:#fff}
.isaco-faq-item summary{padding:16px 20px;font-weight:700;font-size:15px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;color:#12233d}
.isaco-faq-item summary::-webkit-details-marker{display:none}
.isaco-faq-item summary::after{content:"+";font-size:20px;color:var(--isaco-primary)}
.isaco-faq-item[open] summary::after{content:"–"}
.isaco-faq-item p{padding:0 20px 18px;margin:0;color:#5b6b7c;line-height:1.9;font-size:14px}


.description-seo{
	margin-top: 1rem;
	padding: 1rem;
	border-radius: 10px;
	color: #000;
	text-align: justify;
	border: 1px solid var(--isaco-border);
	background-color: white;


}

.description-seo li{
    margin-right: 10px;
}

.isaco-ps-wrap {
	--isaco-header: #16233f;
	--isaco-price: #1a9c5a;
	--isaco-blue: #2f6fed;
	--isaco-blue-hover: #2559c7;
	--isaco-ink: #1f2937;
	--isaco-muted: #6b7280;
	--isaco-border: #e5e7eb;
	--isaco-surface: #ffffff;
	--isaco-row-alt: #f7f8fa;
	--isaco-green: #16a34a;
	--isaco-green-bg: #16a34a1a;
	--isaco-red: #dc2626;
	--isaco-red-bg: #dc26261a;
	--isaco-amber: #d97706;
	--isaco-amber-bg: #f59e0b1a;
	--isaco-radius: 10px;

	max-width: 1100px;
	margin: 1.5rem auto;
	color: var(--isaco-ink);
	font-size: 15px;
	line-height: 1.8;
	box-sizing: border-box;
}
.isaco-ps-wrap *, .isaco-ps-wrap *::before, .isaco-ps-wrap *::after { box-sizing: border-box; }

/* ---------- ریست ایمنی در برابر استایل‌های سراسری قالب وودمارت ---------- */
.isaco-ps-wrap input[type="text"] {
	background: #fff !important;
	box-shadow: none !important;
	height: auto !important;
	margin: 0 !important;
	border-radius: 8px !important;
	border: 1px solid var(--isaco-border) !important;
}
.isaco-ps-wrap table {
	border: none !important;
	margin: 0 !important;
	width: 100% !important;
}
.isaco-ps-wrap table td,
.isaco-ps-wrap table th {
	border-width: 0 0 1px 0 !important;
	border-style: solid !important;
	border-color: var(--isaco-border) !important;
}
.isaco-ps-wrap button {
	box-shadow: none !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}

/* ---------- تاریخ به‌روزرسانی ---------- */
.isaco-ps-updated {
	color: #d32f2f;
	font-size: 0.95rem;
	margin-bottom: 1rem;
        margin-top: 15px;
}
.isaco-ps-updated strong { font-weight: 700; }

/* ---------- جعبه جست‌وجو ---------- */
.isaco-ps-search-card {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 1rem;
	background: var(--isaco-surface);
	border: 1px solid var(--isaco-border);
	border-radius: var(--isaco-radius);
	padding: 1.4rem;
	margin-bottom: 1.4rem;
}
.isaco-ps-field {
	flex: 1 1 220px;
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
}
.isaco-ps-field label {
	font-size: 0.85rem;
	color: var(--isaco-muted);
	font-weight: 500;
}
.isaco-ps-field input {
	width: 100%;
	padding: 0.65rem 0.85rem;
	font-size: 0.95rem;
	color: var(--isaco-ink);
	font-family: inherit;
	outline: none;
}
.isaco-ps-field input:focus {
	border-color: var(--isaco-blue) !important;
}
.isaco-ps-field input::placeholder { color: #9aa4b2; }

.isaco-ps-actions {
	display: flex;
	gap: 0.6rem;
	flex-shrink: 0;
}
.isaco-ps-btn-primary,
.isaco-ps-btn-secondary {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	border: none;
	border-radius: 8px;
	padding: 0.7rem 1.3rem;
	font-size: 0.92rem;
	font-weight: 600;
	cursor: pointer;
	white-space: nowrap;
	font-family: inherit;
}
.isaco-ps-btn-primary {
	background: var(--isaco-blue);
	color: #fff;
}
.isaco-ps-btn-primary:hover { background: var(--isaco-blue-hover); }
.isaco-ps-btn-secondary {
	background: #eef0f3;
	color: var(--isaco-ink);
}
.isaco-ps-btn-secondary:hover { background: #e3e6ea; }

/* ---------- جدول ---------- */
.isaco-ps-table-wrap {
	border: 1px solid var(--isaco-border);
	border-radius: var(--isaco-radius);
	overflow: hidden;
	background: var(--isaco-surface);
}
.isaco-ps-table { border-collapse: collapse; }
.isaco-ps-table thead th {
	background: var(--isaco-header);
	color: #fff;
	text-align: right;
	font-size: 0.88rem;
	font-weight: 600;
	padding: 0.9rem 1.1rem;
	white-space: nowrap;
}
.isaco-ps-table thead th.col-price,
.isaco-ps-table thead th.col-stock { text-align: center; }

.isaco-ps-table tbody td {
	padding: 0.8rem 1.1rem;
	font-size: 0.92rem;
	vertical-align: middle;
}
.isaco-ps-table tbody tr:nth-child(even) { background: var(--isaco-row-alt); }
.isaco-ps-table tbody tr:last-child td { border-bottom: none !important; }

.isaco-ps-table td.col-sku {
	color: var(--isaco-muted);
	direction: ltr;
	unicode-bidi: plaintext;
	text-align: right;
	white-space: nowrap;
}
.isaco-ps-table td.col-name a {
	color: var(--isaco-ink);
	font-weight: 500;
	text-decoration: none;
}
.isaco-ps-table td.col-name a:hover { color: var(--isaco-blue); }

.isaco-ps-table td.col-price {
	color: var(--isaco-price);
	font-weight: 700;
	white-space: nowrap;
	text-align: center;
	font-variant-numeric: tabular-nums;
}
.isaco-ps-table td.col-price del {
	color: var(--isaco-muted);
	font-weight: 400;
	text-decoration: line-through;
	font-size: 0.82em;
	margin-inline-end: 0.5rem;
	display: inline-block;
}
.isaco-ps-table td.col-price ins {
	color: var(--isaco-price);
	font-weight: 700;
	text-decoration: none;
}

.isaco-ps-table td.col-stock { text-align: center; white-space: nowrap; }
.isaco-ps-table td.col-cart { text-align: center; white-space: nowrap; }

.isaco-ps-add-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.3rem;
	background: var(--isaco-blue);
	color: #fff !important;
	font-size: 0.82rem;
	font-weight: 600;
	padding: 0.45rem 0.9rem;
	border-radius: 8px;
	text-decoration: none !important;
	white-space: nowrap;
	transition: background 0.15s;
}
.isaco-ps-add-btn:hover { background: var(--isaco-blue-hover); }
.isaco-ps-add-btn.isaco-ps-view-btn {
	background: #eef0f3;
	color: var(--isaco-ink) !important;
}
.isaco-ps-add-btn.isaco-ps-view-btn:hover { background: #e3e6ea; }
.isaco-ps-add-btn.added {
	display: none;
}
.isaco-ps-table td.col-cart .added_to_cart {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.82rem;
	font-weight: 600;
	color: var(--isaco-blue);
	text-decoration: underline;
	white-space: nowrap;
}
.isaco-ps-table td.col-cart .added_to_cart:hover {
	color: var(--isaco-blue-hover);
}.isaco-ps-add-btn.loading {
	opacity: 0.7;
	pointer-events: none;
}.isaco-ps-stock {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-size: 0.82rem;
	font-weight: 700;
	padding: 0.28rem 0.65rem;
	border-radius: 999px;
}
.isaco-ps-stock::before {
	content: '';
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: currentColor;
}
.isaco-ps-stock.instock { color: var(--isaco-green); background: var(--isaco-green-bg); }
.isaco-ps-stock.outofstock { color: var(--isaco-red); background: var(--isaco-red-bg); }
.isaco-ps-stock.backorder { color: var(--isaco-amber); background: var(--isaco-amber-bg); }

.isaco-ps-empty-row td {
	text-align: center;
	color: var(--isaco-muted);
	padding: 2.2rem 1rem;
}

/* ---------- فوتر: صفحه‌بندی + متای نتایج ---------- */
.isaco-ps-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap-reverse;
	gap: 0.8rem;
	margin-top: 1rem;
}
.isaco-ps-meta {
	color: var(--isaco-muted);
	font-size: 0.88rem;
}
.isaco-ps-pagination {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	flex-wrap: wrap;
}
.isaco-ps-page-btn {
	min-width: 36px;
	height: 36px;
	padding: 0 0.6rem;
	border: 1px solid var(--isaco-border);
	background: #fff;
	color: var(--isaco-ink);
	border-radius: 8px;
	font-size: 0.88rem;
	font-weight: 600;
	cursor: pointer;
	font-family: inherit;
}
.isaco-ps-page-btn:hover { border-color: var(--isaco-blue); color: var(--isaco-blue); }
.isaco-ps-page-btn.active {
	background: var(--isaco-blue);
	border-color: var(--isaco-blue);
	color: #fff;
}
.isaco-ps-page-btn:disabled {
	opacity: 0.4;
	cursor: default;
}
.isaco-ps-page-dots {
	color: var(--isaco-muted);
	padding: 0 0.2rem;
}

/* ---------- لودینگ / بدون‌نتیجه ---------- */
.isaco-ps-loading {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	color: var(--isaco-muted);
	font-size: 0.9rem;
	justify-content: center;
	margin-top: 1rem;
}
.isaco-ps-spinner {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 2.5px solid var(--isaco-border);
	border-top-color: var(--isaco-blue);
	animation: isaco-ps-spin 0.7s linear infinite;
	display: inline-block;
}
@keyframes isaco-ps-spin { to { transform: rotate(360deg); } }

.isaco-ps-nodata {
	color: var(--isaco-muted);
	font-size: 0.92rem;
	text-align: center;
	padding: 0.8rem 1rem 0;
}

/* ---------- ریسپانسیو ---------- */
@media (max-width: 720px) {
	.isaco-ps-search-card { flex-direction: column; align-items: stretch; }
	.isaco-ps-field { flex: none; }
	.isaco-ps-actions { flex: none; justify-content: stretch; }
	.isaco-ps-btn-primary, .isaco-ps-btn-secondary { flex: 1; justify-content: center; }

	.isaco-ps-table thead { display: none; }
	.isaco-ps-table, .isaco-ps-table tbody, .isaco-ps-table tr, .isaco-ps-table td {
		display: block;
		width: 100%;
	}
	.isaco-ps-table tr {
		padding: 0.9rem 1rem;
		border-bottom: 1px solid var(--isaco-border);
	}
	.isaco-ps-table td {
		border: none !important;
		padding: 0.3rem 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1rem;
		text-align: right !important;
	}
	.isaco-ps-table td::before {
		content: attr(data-label);
		color: var(--isaco-muted);
		font-size: 0.78rem;
		font-weight: 700;
		flex-shrink: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.isaco-ps-spinner { animation: none; }
}

.isaco-ps-wrap input:focus-visible,
.isaco-ps-wrap button:focus-visible,
.isaco-ps-table a:focus-visible {
	outline: 2px solid var(--isaco-blue);
	outline-offset: 2px;
}
