/* ═══════════════════════════════════════════════════════════════
   قالب دیتاگستران — سیستم طراحی (RTL، روشن، کلاسیک-اسلامی)
   v1.10.3 — Header Reconstruction + Robust Mobile Menu + Icons Only Fix
   پالت: عاج / فیروزه / زمرد / طلایی | فونت: وزیرمتن
   ═══════════════════════════════════════════════════════════════ */

/* ── استوری‌ها ── */
.dg-stories-bar { background: var(--card); border-bottom: 1px solid var(--line); padding-block: 1.2rem; margin-bottom: 1px; }
.dg-stories-scroll { display: flex; gap: 1.4rem; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; padding-inline: .5rem; }
.dg-stories-scroll::-webkit-scrollbar { display: none; }
.dg-story-item { flex-shrink: 0; width: 74px; text-align: center; text-decoration: none !important; }
.dg-story-ring { display: block; width: 66px; height: 66px; border-radius: 50%; padding: 3px; background: linear-gradient(45deg, var(--gold), var(--turquoise), var(--gold)); transition: transform .3s; }
.dg-story-ring img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 3px solid var(--card); }
.dg-story-item small { display: block; margin-top: .4rem; font-size: .68rem; font-weight: 800; color: var(--teal-deep); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dg-story-item:hover .dg-story-ring { transform: scale(1.08) rotate(6deg); }

/* ── اسلایدر مینیمال Fade ── */
.dg-mini-slider { position: relative; height: 200px; border-radius: 1.4rem; overflow: hidden; margin-bottom: 1.6rem; box-shadow: var(--shadow-card); background: var(--teal-deep); }
.dg-slide { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transition: opacity 1s ease-in-out; display: flex; align-items: flex-end; padding: 1.4rem; }
.dg-slide.active { opacity: 1; z-index: 5; }
.dg-slide::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.7), transparent); }
.dg-slide-content { position: relative; z-index: 6; color: #fff; text-shadow: 0 2px 4px rgba(0,0,0,0.3); }
.dg-slide-content strong { font-size: 1.1rem; font-weight: 900; }

/* ════════════════════════════════════════
   هدر فوق‌حرفه‌ای v1.10.3 — فیکس موبایل
   ════════════════════════════════════════ */
.dg-header {
    position: sticky; top: 0; z-index: 999;
    background: var(--paper); border-bottom: 1px solid var(--line);
    height: 70px; display: flex; align-items: center;
}
.dg-header-inner {
    display: flex; align-items: center; justify-content: space-between;
    width: 100%; gap: 1rem;
}

/* لوگو */
.dg-logo { display: flex; align-items: center; gap: .7rem; text-decoration: none !important; flex-shrink: 0; }
.dg-logo-icon {
    display: grid; place-items: center; width: 42px; height: 42px;
    background: var(--teal-deep); color: var(--gold-bright);
    border-radius: .9rem; box-shadow: var(--shadow-card);
}
.dg-logo-text { display: flex; flex-direction: column; line-height: 1.2; }
.dg-logo-text strong { color: var(--teal-deep); font-size: 1.15rem; font-weight: 900; }
.dg-logo-text span { color: var(--gold); font-size: .65rem; font-weight: 800; letter-spacing: .1em; }

/* منوی دسکتاپ */
.dg-desktop-nav { display: none; }
@media (min-width: 1024px) {
    .dg-desktop-nav { display: block; }
    .dg-main-menu { display: flex; align-items: center; gap: .4rem; list-style: none; margin: 0; padding: 0; }
    .dg-main-menu a { padding: .5rem .9rem; border-radius: .7rem; font-weight: 700; font-size: .92rem; color: var(--ink); }
    .dg-main-menu a:hover { background: var(--paper-deep); color: var(--teal); }
}

/* ابزارها */
.dg-header-tools { display: flex; align-items: center; gap: .5rem; flex-shrink: 0; }
.dg-tool-btn {
    position: relative; display: grid; place-items: center;
    width: 40px; height: 40px; border-radius: .8rem;
    border: 1px solid var(--line); background: var(--card);
    color: var(--teal-deep); text-decoration: none !important; transition: all .2s;
}
.dg-tool-btn:hover { border-color: var(--gold); background: var(--gold-soft); }
.dg-tool-btn .dg-badge {
    position: absolute; top: -5px; left: -5px; min-width: 18px; height: 18px;
    background: var(--gold); color: var(--teal-deep); border-radius: 50%;
    font-size: .65rem; font-weight: 900; display: grid; place-items: center;
    border: 2px solid var(--paper);
}

/* همبرگر موبایل */
.dg-menu-toggle {
    display: grid; place-items: center; width: 40px; height: 40px;
    background: none; border: 0; color: var(--teal-deep); cursor: pointer;
}
@media (min-width: 1024px) { .dg-menu-toggle { display: none; } }

/* دراور موبایل */
.dg-mobile-drawer {
    position: fixed; top: 71px; inset-inline: 0; bottom: 0;
    background: rgba(9, 63, 55, 0.4); backdrop-filter: blur(4px);
    z-index: 998; display: none;
}
.dg-mobile-drawer.is-active { display: block; }
.dg-drawer-content {
    background: var(--paper); width: 100%; max-height: 80vh;
    border-bottom: 1px solid var(--line); padding: 1.5rem;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1); overflow-y: auto;
}
.dg-mob-nav { list-style: none; margin: 0 0 1.5rem; padding: 0; }
.dg-mob-nav a { display: block; padding: .8rem 1rem; border-radius: .8rem; font-weight: 700; color: var(--ink); border-bottom: 1px solid rgba(0,0,0,0.05); }
.dg-mob-nav a:hover { background: var(--paper-deep); color: var(--teal); }

/* اصلاحات ریسپانسیو هدر */
@media (max-width: 640px) {
    .dg-header { height: 60px; }
    .dg-mobile-drawer { top: 61px; }
    .dg-logo-icon { width: 36px; height: 36px; }
    .dg-logo-text strong { font-size: .95rem; }
    .dg-logo-text span { display: none; }
    .dg-tool-btn { width: 36px; height: 36px; }
}


:root {
    --paper: #faf6ec;
    --paper-deep: #f2ecdb;
    --card: #fffef8;
    --line: #e5dbc0;
    --ink: #1c2a28;
    --ink-soft: #5a6a64;
    --teal: #0e6b5c;
    --teal-deep: #093f37;
    --turquoise: #17a08a;
    --gold: #b99248;
    --gold-bright: #d9b45b;
    --gold-soft: #f3e7c3;
    --danger: #b91c1c;
    --ok: #047857;
    --warn: #b45309;
    --shadow-card: 0 1px 2px rgba(28,42,40,.05), 0 12px 32px -12px rgba(28,42,40,.14);
    --shadow-lift: 0 2px 4px rgba(28,42,40,.06), 0 24px 48px -16px rgba(14,107,92,.25);
    --radius: 1.4rem;
}

/* ── ریست ── */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    background: var(--paper);
    color: var(--ink);
    font-family: 'Vazirmatn', Tahoma, system-ui, sans-serif;
    font-size: 16px;
    line-height: 1.9;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; }
a { color: var(--teal); text-decoration: none; transition: color .2s; }
a:hover { color: var(--turquoise); }
button { font-family: inherit; cursor: pointer; }
input, textarea, select { font-family: inherit; }
::selection { background: var(--gold-soft); color: var(--teal-deep); }
h1,h2,h3,h4 { color: var(--teal-deep); line-height: 1.75; margin: 0 0 .5em; font-weight: 800; }
h1 { font-size: clamp(1.9rem, 4vw, 2.9rem); }
h2 { font-size: clamp(1.4rem, 3vw, 2rem); }
h3 { font-size: 1.15rem; }
:focus-visible { outline: 2px solid var(--turquoise); outline-offset: 2px; border-radius: 4px; }

/* ── بافت گره‌چینی ── */
.pattern-girih { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%230e6b5c' stroke-opacity='0.09' stroke-width='1'%3E%3Crect x='26' y='26' width='44' height='44'/%3E%3Crect x='26' y='26' width='44' height='44' transform='rotate(45 48 48)'/%3E%3Ccircle cx='48' cy='48' r='9'/%3E%3Cpath d='M0 48h20M76 48h20M48 0v20M48 76v20'/%3E%3C/g%3E%3C/svg%3E"); }
.pattern-girih-dark { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23d9b45b' stroke-opacity='0.14' stroke-width='1'%3E%3Crect x='26' y='26' width='44' height='44'/%3E%3Crect x='26' y='26' width='44' height='44' transform='rotate(45 48 48)'/%3E%3Ccircle cx='48' cy='48' r='9'/%3E%3Cpath d='M0 48h20M76 48h20M48 0v20M48 76v20'/%3E%3C/g%3E%3C/svg%3E"); }

.frame-classic { position: relative; }
.frame-classic::before {
    content: ""; position: absolute; inset: 10px; z-index: 1;
    border: 1px solid rgba(185,146,72,.45); border-radius: inherit; pointer-events: none;
}

/* ── چیدمان ── */
.dg-container { max-width: 1200px; margin-inline: auto; padding-inline: 1rem; }
@media (min-width: 640px) { .dg-container { padding-inline: 1.5rem; } }
.dg-container-narrow { max-width: 760px; }
.dg-narrow { max-width: 720px; margin-inline: auto; }
.dg-section { padding-block: 4.5rem; }
.dg-section-alt { background: rgba(242,236,219,.55); border-block: 1px solid var(--line); }
.dg-center { text-align: center; }
.dg-muted { color: var(--ink-soft); }
.dg-page { min-height: 60vh; }
.dg-page-in { padding-block: 3rem; }
.dg-grid { display: grid; gap: 1.4rem; }

/* ── سکشن هدر ── */
.dg-sec-head { max-width: 640px; margin: 0 auto 3rem; text-align: center; }
.dg-sec-head p { color: var(--ink-soft); margin: 0; }
.dg-kicker {
    display: inline-flex; align-items: center; gap: .45rem;
    padding: .35rem 1rem; margin-bottom: 1rem;
    font-size: .78rem; font-weight: 800; color: var(--teal-deep);
    background: var(--gold-soft); border: 1px solid rgba(185,146,72,.4); border-radius: 999px;
}
.dg-kicker .dg-ic { color: var(--gold); }
.gold-underline {
    background-image: linear-gradient(to left, var(--gold-bright), var(--gold));
    background-repeat: no-repeat; background-size: 42% 8px; background-position: 100% 90%;
    padding-bottom: 6px;
}

/* ── دکمه‌ها ── */
.dg-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
    background: var(--teal); color: #fff; border: 0; border-radius: .9rem;
    font-weight: 800; font-size: .95rem; padding: .85rem 1.6rem;
    box-shadow: var(--shadow-card); transition: background .2s, transform .2s, box-shadow .2s;
}
.dg-btn:hover { background: var(--teal-deep); color: #fff; transform: translateY(-1px); box-shadow: var(--shadow-lift); }
.dg-btn:disabled { opacity: .6; cursor: default; transform: none; }
.dg-btn-sm { padding: .55rem 1.1rem; font-size: .85rem; border-radius: .7rem; }
.dg-btn-block { width: 100%; }
.dg-btn-gold { background: linear-gradient(135deg, var(--gold-bright), var(--gold)); color: var(--teal-deep); }
.dg-btn-gold:hover { background: var(--gold); color: var(--teal-deep); }
.dg-price-tag { background: rgba(9, 63, 55, 0.15); padding: 2px 10px; border-radius: 6px; margin-right: 8px; font-weight: 900; }
.dg-btn-outline { background: transparent; border: 2px solid var(--teal); color: var(--teal); box-shadow: none; }
.dg-btn-outline:hover { background: var(--teal); color: #fff; }
.dg-link { background: none; border: 0; color: var(--teal); font-weight: 700; display: inline-flex; align-items: center; gap: .35rem; padding: 0; }
.dg-link:hover { color: var(--turquoise); }

/* ── نوار طلایی بالای سایت ── */
.dg-goldbar { height: 4px; background: linear-gradient(to left, var(--gold), var(--gold-bright), var(--gold)); }

/* ── هدر ── */
.dg-header {
    position: sticky; top: 0; z-index: 60;
    background: rgba(250,246,236,.88); backdrop-filter: blur(14px);
    border-bottom: 1px solid transparent; transition: box-shadow .25s, border-color .25s;
}
.dg-header.scrolled { border-color: var(--line); box-shadow: var(--shadow-card); }
.dg-header-in { display: flex; align-items: center; justify-content: space-between; gap: 1rem; height: 72px; }
.dg-logo { display: flex; align-items: center; gap: .7rem; }
.dg-logo-mark {
    display: grid; place-items: center; width: 46px; height: 46px; border-radius: .9rem;
    background: var(--teal-deep); color: var(--gold-bright); box-shadow: var(--shadow-card);
    transition: transform .3s;
}
.dg-logo:hover .dg-logo-mark { transform: rotate(8deg); }
.dg-logo-text { display: flex; flex-direction: column; line-height: 1.25; }
.dg-logo-text strong { font-size: 1.15rem; font-weight: 900; color: var(--teal-deep); }
.dg-logo-text small { font-size: .62rem; font-weight: 700; color: var(--gold); letter-spacing: .12em; }
.dg-logo-text .custom-logo { max-height: 40px; width: auto; }

.dg-menu { display: flex; align-items: center; gap: .2rem; list-style: none; margin: 0; padding: 0; }
.dg-menu a {
    display: block; padding: .5rem .9rem; border-radius: .75rem;
    font-weight: 700; font-size: .93rem; color: var(--ink); transition: all .2s;
}
.dg-menu a:hover, .dg-menu .current-menu-item > a, .dg-menu .current_page_item > a { background: var(--paper-deep); color: var(--teal); }

.dg-header-actions { display: none; align-items: center; gap: .6rem; }
.dg-header-tel {
    display: inline-flex; align-items: center; gap: .45rem;
    background: var(--card); border: 1px solid var(--line); border-radius: .75rem;
    padding: .5rem .85rem; font-size: .83rem; font-weight: 700; color: var(--teal-deep);
}
.dg-header-tel .dg-ic { color: var(--gold); }
.dg-header-tel:hover { border-color: rgba(185,146,72,.5); color: var(--teal-deep); }

.dg-burger { display: grid; place-items: center; background: none; border: 0; color: var(--teal-deep); padding: .5rem; }
.dg-mobile-menu { border-top: 1px solid var(--line); background: var(--paper); padding: 1rem; }
.dg-menu-mobile { list-style: none; margin: 0 0 1rem; padding: 0; }
.dg-menu-mobile a { display: block; padding: .8rem 1rem; border-radius: .75rem; font-weight: 700; color: var(--ink); }
.dg-menu-mobile a:hover { background: var(--paper-deep); }

@media (min-width: 1024px) {
    .dg-header-actions { display: flex; }
    .dg-burger, .dg-mobile-menu { display: none !important; }
}
@media (max-width: 1023px) {
    .dg-nav { display: none; }
    .dg-header-in { padding-inline: .5rem; }
    .dg-logo-text strong { font-size: .95rem; }
    .dg-logo-text small { font-size: .55rem; letter-spacing: .08em; }
    .dg-logo-mark { width: 38px; height: 38px; border-radius: .7rem; }
    .dg-logo-mark svg { width: 24px; height: 24px; }
    .dg-logo { gap: .5rem; }
    .dg-hicon { width: 38px; height: 38px; border-radius: .7rem; }
    .dg-burger svg { width: 22px; height: 22px; }
}

/* ── هیرو ── */
.dg-hero { position: relative; overflow: hidden; }
.dg-hero::before, .dg-hero::after {
    content: ""; position: absolute; border-radius: 50%; filter: blur(90px); pointer-events: none;
}
.dg-hero::before { width: 420px; height: 420px; left: -160px; top: 40px; background: rgba(23,160,138,.13); }
.dg-hero::after { width: 380px; height: 380px; right: -140px; bottom: 0; background: rgba(185,146,72,.16); }
.dg-hero-grid {
    position: relative; display: grid; gap: 3rem; align-items: center;
    padding-block: 3.5rem 5rem;
}
@media (min-width: 1024px) { .dg-hero-grid { grid-template-columns: 1.15fr .85fr; padding-top: 4.5rem; } }
.dg-hero-copy { text-align: center; }
@media (min-width: 1024px) { .dg-hero-copy { text-align: right; } }
.dg-hero-copy h1 { margin-top: 1.2rem; }
.dg-lead { max-width: 580px; margin: 1.2rem auto 0; color: var(--ink-soft); font-size: 1.06rem; line-height: 2.2; }
@media (min-width: 1024px) { .dg-lead { margin-right: 0; } }

/* ── جعبه جستجوی هویز ── */
.dg-whois-form { margin-top: 2rem; }
.dg-search-lg {
    display: flex; align-items: center; gap: .4rem;
    background: var(--card); border: 1px solid var(--line); border-radius: 1.1rem;
    padding: .45rem; box-shadow: var(--shadow-lift); transition: border-color .2s;
    max-width: 620px; margin-inline: auto;
}
@media (min-width: 1024px) { .dg-hero-copy .dg-search-lg { margin-right: 0; } }
.dg-search-lg:focus-within { border-color: var(--turquoise); }
.dg-search-ic { display: flex; color: var(--gold); margin-right: .6rem; }
.dg-search-lg input {
    flex: 1; min-width: 0; border: 0; background: transparent; padding: .9rem .6rem;
    font-size: 1.02rem; font-weight: 700; color: var(--teal-deep); text-align: left;
}
.dg-search-lg input:focus { outline: none; }
.dg-search-lg input::placeholder { color: rgba(90,106,100,.55); font-weight: 400; text-align: right; direction: rtl; }
.dg-search-light { max-width: 520px; }

.dg-quick-tlds { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .5rem; margin-top: 1.1rem; font-size: .78rem; font-weight: 700; color: var(--ink-soft); }
.dg-quick-tld {
    background: var(--card); border: 1px solid var(--line); border-radius: 999px;
    padding: .35rem .9rem; font-weight: 700; font-size: .78rem; color: var(--teal);
    transition: all .2s;
}
.dg-quick-tld:hover { background: var(--gold-soft); border-color: rgba(185,146,72,.6); color: var(--teal-deep); }

.dg-hero-trust { display: flex; flex-wrap: wrap; justify-content: center; gap: .8rem 1.4rem; margin-top: 2rem; font-size: .85rem; font-weight: 700; color: var(--ink-soft); }
@media (min-width: 1024px) { .dg-hero-trust { justify-content: flex-start; } }
.dg-hero-trust span { display: inline-flex; align-items: center; gap: .45rem; }
.dg-hero-trust .dg-ic { color: var(--gold); }

/* ── تصویر طاقی هیرو ── */
.dg-hero-art { position: relative; max-width: 440px; margin-inline: auto; width: 100%; }
.dg-arch {
    overflow: hidden; border-radius: 999px 999px 1.4rem 1.4rem;
    border: 1px solid var(--line); box-shadow: var(--shadow-lift);
}
.dg-hero-art::before {
    content: ""; position: absolute; inset: -16px; z-index: -1;
    border: 1px solid rgba(185,146,72,.35); border-radius: 999px 999px 1.6rem 1.6rem;
}
.dg-arch img { display: block; width: 100%; height: auto; object-fit: cover; }
.dg-arch::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 130px; background: linear-gradient(to top, rgba(9,63,55,.45), transparent); }

.dg-float-card {
    position: absolute; background: rgba(255,254,248,.96); backdrop-filter: blur(6px);
    border: 1px solid var(--line); border-radius: 1rem; padding: .75rem 1rem;
    box-shadow: var(--shadow-lift); animation: dgFloat 7s ease-in-out infinite;
}
.dg-float-card p { margin: 0 0 .2rem; font-size: .7rem; font-weight: 700; color: var(--ink-soft); display: flex; align-items: center; gap: .4rem; }
.dg-float-card strong { color: var(--teal-deep); font-size: .9rem; font-weight: 900; }
.dg-float-card small { display: block; font-size: .68rem; font-weight: 700; color: var(--ok); margin-top: .15rem; }
.dg-float-a { top: 64px; right: -14px; }
.dg-float-b { bottom: 56px; left: -12px; animation-delay: 1.6s; }
.dg-dot { width: 8px; height: 8px; border-radius: 50%; background: #10b981; animation: dgPulse 2.4s ease-in-out infinite; }
.dg-otp-sample { letter-spacing: .35em; }
.dg-otp-sample, .dg-float-b .dg-ic { color: var(--gold); }

@keyframes dgFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-14px); } }
@keyframes dgPulse { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: .55; transform: scale(.8); } }

/* ── آمار ── */
.dg-stats { border-block: 1px solid var(--line); background: rgba(242,236,219,.7); }
.dg-stats-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1.5rem; padding-block: 2.6rem; }
@media (min-width: 1024px) { .dg-stats-grid { grid-template-columns: repeat(4,1fr); } }
.dg-stat { display: flex; align-items: center; gap: .9rem; }
.dg-stat-ic {
    display: grid; place-items: center; width: 56px; height: 56px; flex-shrink: 0;
    border-radius: 1rem; background: var(--teal-deep); color: var(--gold-bright); box-shadow: var(--shadow-card);
}
.dg-stat strong { display: block; font-size: 1.7rem; font-weight: 900; color: var(--teal-deep); direction: ltr; text-align: right; }
.dg-stat span { font-size: .78rem; font-weight: 700; color: var(--ink-soft); }

/* ── کارت‌ها ── */
.dg-cards-3 { display: grid; gap: 1.3rem; }
@media (min-width: 640px) { .dg-cards-3 { grid-template-columns: repeat(2,1fr); } }
@media (min-width: 1024px) { .dg-cards-3 { grid-template-columns: repeat(3,1fr); } }

.dg-feature-card, .dg-product-card {
    background: var(--card); border: 1px solid var(--line); border-radius: var(--radius);
    padding: 1.6rem; box-shadow: var(--shadow-card); height: 100%;
    transition: transform .3s, border-color .3s, box-shadow .3s;
}
.dg-feature-card:hover, .dg-product-card:hover, .dg-post-card:hover {
    transform: translateY(-6px); border-color: rgba(185,146,72,.5); box-shadow: var(--shadow-lift);
}
.dg-feature-ic {
    display: grid; place-items: center; width: 56px; height: 56px; margin-bottom: 1.1rem;
    border-radius: 1rem; background: linear-gradient(135deg, var(--teal-deep), var(--teal));
    color: var(--gold-bright); box-shadow: var(--shadow-card); transition: transform .3s;
}
.dg-feature-card:hover .dg-feature-ic { transform: rotate(8deg); }
.dg-gold-ic { background: linear-gradient(135deg, var(--gold-bright), var(--gold)); color: var(--teal-deep); }
.dg-feature-card p, .dg-product-card p { margin: 0; font-size: .88rem; color: var(--ink-soft); line-height: 2; }
.dg-product-foot { display: flex; align-items: center; justify-content: space-between; margin-top: 1.2rem; padding-top: 1rem; border-top: 1px solid rgba(229,219,192,.7); }

/* ── جداول ── */
.dg-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius); background: var(--card); box-shadow: var(--shadow-lift); }
.dg-tld-table { width: 100%; min-width: 680px; border-collapse: collapse; text-align: right; }
.dg-tld-table th { background: var(--teal-deep); color: #fff; font-size: .88rem; padding: 1rem 1.4rem; text-align: right; }
.dg-tld-table th:first-child { border-radius: 0; }
.dg-tld-table td { padding: .85rem 1.4rem; font-size: .9rem; border-bottom: 1px solid rgba(229,219,192,.5); }
.dg-tld-table tr:last-child td { border-bottom: 0; }
.dg-tld-table tr.alt td { background: rgba(250,246,236,.6); }
.dg-tld-table tr:hover td { background: rgba(243,231,195,.4); }
.dg-tld-ext { font-size: 1.1rem; font-weight: 900; color: var(--teal); }
.dg-price { font-weight: 900; color: var(--teal-deep); }
.dg-price-renew { color: var(--ink-soft); font-weight: 700; }
.dg-note { display: block; font-size: .68rem; color: rgba(90,106,100,.75); font-weight: 400; }
.dg-hot { display: inline-flex; align-items: center; gap: .2rem; margin-right: .4rem; background: #fef2f2; color: #dc2626; font-size: .65rem; font-weight: 800; border-radius: 999px; padding: .1rem .5rem; }
.dg-tbl-btn {
    display: inline-block; font-size: .72rem; font-weight: 800; border-radius: .55rem; padding: .35rem .8rem;
    border: 1px solid var(--line); color: var(--teal); margin-inline-end: .35rem; transition: all .2s;
}
.dg-tbl-btn:hover { background: var(--teal); border-color: var(--teal); color: #fff; }
.dg-tbl-btn-gold { background: var(--gold-soft); border-color: var(--gold-soft); color: var(--teal-deep); }
.dg-tbl-btn-gold:hover { background: var(--gold-bright); border-color: var(--gold-bright); color: var(--teal-deep); }

/* ── مراحل ── */
.dg-steps { position: relative; display: grid; gap: 2.5rem; }
@media (min-width: 768px) { .dg-steps { grid-template-columns: repeat(3,1fr); } }
.dg-steps::before { content: ""; position: absolute; top: 48px; inset-inline: 100px; border-top: 2px dashed rgba(185,146,72,.4); display: none; }
@media (min-width: 768px) { .dg-steps::before { display: block; } }
.dg-step-card { position: relative; text-align: center; }
.dg-step-circle {
    position: relative; display: grid; place-items: center; width: 96px; height: 96px; margin: 0 auto 1.2rem;
    border-radius: 50%; background: var(--card); border: 1px solid rgba(185,146,72,.4); box-shadow: var(--shadow-lift); z-index: 1;
}
.dg-step-ic { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: linear-gradient(135deg, var(--teal-deep), var(--teal)); color: var(--gold-bright); }
.dg-step-num {
    position: absolute; bottom: -8px; display: grid; place-items: center; width: 36px; height: 36px;
    border-radius: 50%; background: var(--gold); color: #fff; font-size: 1rem; font-weight: 900; box-shadow: var(--shadow-card);
}
.dg-step-card p { max-width: 300px; margin: 0 auto; font-size: .86rem; color: var(--ink-soft); }

/* ── کارت مقاله ── */
.dg-post-card {
    display: flex; flex-direction: column; background: var(--card); border: 1px solid var(--line);
    border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-card);
    transition: transform .3s, border-color .3s, box-shadow .3s; height: 100%;
}
.dg-post-cover {
    position: relative; height: 150px; display: flex; align-items: flex-end; padding: 1rem 1.2rem;
    background: linear-gradient(135deg, var(--teal-deep), var(--teal), var(--turquoise));
}
.dg-post-cover::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 60%; background: linear-gradient(to top, rgba(9,63,55,.55), transparent); }
.dg-post-cover .dg-thumb { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.dg-post-ic {
    position: relative; z-index: 1; display: grid; place-items: center; width: 44px; height: 44px;
    border-radius: .8rem; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.25);
    color: var(--gold-bright); backdrop-filter: blur(4px);
}
.dg-post-cat {
    position: absolute; z-index: 1; bottom: 12px; left: 14px;
    background: rgba(217,180,91,.92); color: var(--teal-deep);
    font-size: .68rem; font-weight: 800; border-radius: 999px; padding: .2rem .7rem;
}
.dg-post-body { display: flex; flex-direction: column; flex: 1; padding: 1.2rem 1.3rem 1.3rem; }
.dg-post-body h2, .dg-post-body h3 { font-size: 1.02rem; line-height: 1.9; margin: 0 0 .5rem; color: var(--teal-deep); }
.dg-post-card:hover .dg-post-body h2, .dg-post-card:hover .dg-post-body h3 { color: var(--turquoise); }
.dg-post-body p { margin: 0 0 1rem; font-size: .85rem; color: var(--ink-soft); line-height: 1.95; flex: 1; }
.dg-post-meta { display: flex; align-items: center; justify-content: space-between; padding-top: .8rem; border-top: 1px solid rgba(229,219,192,.6); font-size: .72rem; color: var(--ink-soft); }
.dg-post-meta span { display: inline-flex; align-items: center; gap: .3rem; }
.dg-post-meta .dg-ic { color: var(--gold); }

/* ── سوالات متداول ── */
.dg-faq { display: grid; gap: .8rem; }
.dg-faq-item { background: var(--card); border: 1px solid var(--line); border-radius: 1.1rem; overflow: hidden; transition: all .25s; }
.dg-faq-item.open { border-color: rgba(185,146,72,.5); box-shadow: var(--shadow-card); }
.dg-faq-q { display: flex; align-items: center; justify-content: space-between; gap: 1rem; width: 100%; background: none; border: 0; padding: 1.05rem 1.3rem; font-weight: 800; font-size: .95rem; color: var(--teal-deep); text-align: right; }
.dg-faq-toggle { display: grid; place-items: center; width: 32px; height: 32px; flex-shrink: 0; border-radius: 50%; border: 1px solid var(--line); color: var(--ink-soft); transition: transform .25s, background .25s; }
.dg-faq-item.open .dg-faq-toggle { transform: rotate(45deg); background: var(--gold-soft); border-color: var(--gold); color: var(--teal-deep); }
.dg-faq-a { padding: 0 1.3rem 1.2rem; border-top: 1px solid rgba(229,219,192,.6); }
.dg-faq-a p { margin: .9rem 0 0; font-size: .9rem; color: var(--ink-soft); line-height: 2.1; }

/* ── CTA ── */
.dg-cta {
    overflow: hidden; border-radius: 2.2rem; background: var(--teal-deep); color: #fff;
    padding: 3.5rem 1.5rem; text-align: center; box-shadow: var(--shadow-lift);
}
.dg-cta > * { position: relative; z-index: 2; }
.dg-cta h2 { color: #fff; }
.dg-cta p { max-width: 560px; margin: .8rem auto 0; color: rgba(255,255,255,.75); }
.dg-cta .dg-search-lg { margin-top: 2rem; }

/* ── فوتر ── */
.dg-footer { position: relative; margin-top: 5rem; background: var(--teal-deep); color: rgba(255,255,255,.8); overflow: hidden; }
.dg-footer::before { content: ""; position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23d9b45b' stroke-opacity='0.12' stroke-width='1'%3E%3Crect x='26' y='26' width='44' height='44'/%3E%3Crect x='26' y='26' width='44' height='44' transform='rotate(45 48 48)'/%3E%3Ccircle cx='48' cy='48' r='9'/%3E%3Cpath d='M0 48h20M76 48h20M48 0v20M48 76v20'/%3E%3C/g%3E%3C/svg%3E"); }
.dg-footer-gold { position: absolute; top: 0; inset-inline: 0; height: 4px; background: linear-gradient(to left, var(--gold), var(--gold-bright), var(--gold)); }
.dg-footer-grid { position: relative; display: grid; gap: 2.5rem; padding-block: 3.8rem 2.2rem; }
@media (min-width: 768px) { .dg-footer-grid { grid-template-columns: repeat(2,1fr); } }
@media (min-width: 1024px) { .dg-footer-grid { grid-template-columns: 1.4fr 1fr 1fr 1.2fr; } }
.dg-footer h3, .dg-footer-title { color: var(--gold-bright); font-size: 1rem; margin: 0 0 1.1rem; }
.dg-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .65rem; font-size: .88rem; }
.dg-footer a { color: rgba(255,255,255,.8); }
.dg-footer a:hover { color: var(--gold-bright); }
.dg-footer-about p { font-size: .85rem; line-height: 2; color: rgba(255,255,255,.65); }
.dg-logo-dark .dg-logo-text strong { color: #fff; }
.dg-logo-dark .dg-logo-text small { color: rgba(217,180,91,.8); }
.dg-footer-badges { display: flex; gap: .5rem; margin-top: 1.2rem; }
.dg-footer-badges span { display: grid; place-items: center; width: 40px; height: 40px; border-radius:.8rem; border: 1px solid rgba(255,255,255,.15); background: rgba(255,255,255,.05); color: var(--gold-bright); }
.dg-footer-contact li { display: flex; align-items: center; gap: .6rem; }
.dg-footer-contact .dg-ic { color: var(--gold-bright); flex-shrink: 0; }
.dg-footer-bottom { position: relative; border-top: 1px solid rgba(255,255,255,.1); padding-block: 1.2rem; font-size: .75rem; color: rgba(255,255,255,.5); }
.dg-footer-bottom .dg-container { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem; }

/* ── مودال OTP ── */
.dg-modal { position: fixed; inset: 0; z-index: 90; display: flex; align-items: center; justify-content: center; padding: 1rem; }
.dg-modal[hidden] { display: none; }
.dg-modal-backdrop { position: absolute; inset: 0; background: rgba(9,63,55,.55); backdrop-filter: blur(5px); animation: dgFade .25s; }
.dg-modal-card {
    position: relative; width: 100%; max-width: 420px; background: var(--card);
    border: 1px solid var(--line); border-radius: 1.4rem; box-shadow: var(--shadow-lift);
    overflow: hidden; animation: dgPop .3s cubic-bezier(.22,1,.36,1);
}
.dg-modal-card::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .55; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%230e6b5c' stroke-opacity='0.07' stroke-width='1'%3E%3Crect x='26' y='26' width='44' height='44'/%3E%3Crect x='26' y='26' width='44' height='44' transform='rotate(45 48 48)'/%3E%3Ccircle cx='48' cy='48' r='9'/%3E%3C/g%3E%3C/svg%3E"); }
.dg-modal-card > * { position: relative; z-index: 2; }
@keyframes dgFade { from { opacity: 0; } }
@keyframes dgPop { from { opacity: 0; transform: translateY(30px) scale(.96); } }
.dg-modal-head { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.4rem; border-bottom: 1px solid rgba(229,219,192,.7); }
.dg-modal-head strong { display: flex; align-items: center; gap: .5rem; font-size: .95rem; color: var(--teal-deep); }
.dg-modal-head .dg-ic { color: var(--gold); }
.dg-modal-x { display: grid; place-items: center; background: none; border: 0; border-radius: 50%; padding: .4rem; color: var(--ink-soft); transition: all .2s; }
.dg-modal-x:hover { background: var(--paper-deep); color: var(--ink); }
.dg-modal-body { padding: 1.7rem 1.4rem; }
.dg-field { display: block; }
.dg-field > span { display: block; font-size: .75rem; font-weight: 800; color: var(--teal); margin-bottom: .5rem; }
.dg-input-wrap { display: flex; align-items: center; gap: .5rem; border: 1px solid var(--line); border-radius: .9rem; background: var(--paper); padding: .8rem 1rem; transition: border-color .2s; }
.dg-input-wrap:focus-within { border-color: var(--turquoise); }
.dg-input-wrap .dg-ic { color: var(--gold); }
.dg-input-wrap input { flex: 1; min-width: 0; border: 0; background: none; font-size: 1.05rem; font-weight: 800; letter-spacing: .06em; color: var(--teal-deep); text-align: left; }
.dg-input-wrap input:focus { outline: none; }
.dg-step > * + * { margin-top: 1.1rem; }
.dg-error { background: #fef2f2; border-radius: .75rem; padding: .65rem 1rem; font-size: .83rem; font-weight: 700; color: var(--danger); margin: 0; }
.dg-demo-code { background: var(--gold-soft); border: 1px solid rgba(185,146,72,.4); border-radius: .75rem; padding: .6rem 1rem; text-align: center; font-size: .85rem; font-weight: 900; color: var(--teal-deep); }
.dg-otp { display: flex; justify-content: center; gap: .6rem; }
.otp-input {
    width: 48px; height: 56px; text-align: center; font-size: 1.45rem; font-weight: 800;
    border-radius: .85rem; border: 1.5px solid var(--line); background: var(--card); color: var(--teal-deep);
    transition: border-color .2s, box-shadow .2s;
}
.otp-input:focus { border-color: var(--turquoise); box-shadow: 0 0 0 4px rgba(23,160,138,.16); outline: none; }
.dg-modal-links { display: flex; align-items: center; justify-content: space-between; font-size: .85rem; }
.dg-resend:disabled { color: rgba(90,106,100,.5); }

/* ── توست ── */
.dg-toasts { position: fixed; bottom: 1.4rem; inset-inline: 0; z-index: 99; display: flex; flex-direction: column; align-items: center; gap: .5rem; pointer-events: none; padding-inline: 1rem; }
.dg-toast {
    display: flex; align-items: center; gap: .6rem; background: var(--teal-deep); color: #fff;
    border: 1px solid rgba(255,255,255,.15); border-radius: 1rem; padding: .75rem 1.3rem;
    font-size: .85rem; font-weight: 800; box-shadow: var(--shadow-lift); animation: dgToast .35s cubic-bezier(.22,1,.36,1);
}
.dg-toast.error { background: #b91c1c; }
.dg-toast .dg-ic { color: var(--gold-bright); }
@keyframes dgToast { from { opacity: 0; transform: translateY(20px) scale(.95); } }

/* ── نتیجه‌ی هویز ── */
.dg-whois-result-slot { margin-top: 2rem; }
.dg-whois-result { display: grid; gap: 1.2rem; text-align: right; }
.dg-wr-banner {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem;
    border: 1px solid var(--line); border-radius: var(--radius); padding: 1.4rem 1.6rem;
    background: var(--card); box-shadow: var(--shadow-card); overflow: hidden; position: relative;
}
.dg-wr-banner.is-free { border-color: #a7f3d0; background: linear-gradient(to left, #ecfdf5, var(--card)); }
.dg-wr-banner.is-taken { border-color: rgba(185,146,72,.4); background: linear-gradient(to left, rgba(243,231,195,.6), var(--card)); }
.dg-wr-status { display: flex; align-items: center; gap: 1rem; }
.dg-wr-status h2 { margin: 0; font-size: 1.4rem; font-weight: 900; }
.dg-wr-status p { margin: .2rem 0 0; font-weight: 700; color: var(--ink-soft); font-size: .9rem; }
.dg-wr-badge { display: grid; place-items: center; width: 56px; height: 56px; flex-shrink: 0; border-radius: 1rem; background: var(--gold); color: #fff; box-shadow: var(--shadow-card); }
.is-free .dg-wr-badge { background: var(--ok); }
.dg-wr-actions { display: flex; align-items: center; gap: .6rem; }
.dg-wr-note { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem; background: #fffbeb; border: 1px solid #fde68a; color: #92400e; border-radius: 1rem; padding: 1rem 1.3rem; font-weight: 700; font-size: .88rem; }
.dg-wr-note p { flex: 1; margin: 0; min-width: 240px; }
.dg-wr-note .dg-ic { color: var(--warn); flex-shrink: 0; }

.dg-wr-cards { display: grid; gap: 1rem; grid-template-columns: repeat(2,1fr); }
@media (min-width: 1024px) { .dg-wr-cards { grid-template-columns: repeat(4,1fr); } }
.dg-wr-card { background: var(--card); border: 1px solid var(--line); border-radius: 1.1rem; padding: 1.1rem 1.2rem; box-shadow: var(--shadow-card); }
.dg-wr-card strong { display: block; color: var(--teal-deep); font-weight: 800; word-break: break-word; line-height: 1.8; }
.dg-wr-card-head { display: flex; align-items: center; gap: .6rem; margin-bottom: .6rem; font-size: .8rem; font-weight: 700; color: var(--ink-soft); }
.dg-wr-ic { display: grid; place-items: center; width: 42px; height: 42px; border-radius: .75rem; background: rgba(14,107,92,.08); border: 1px solid rgba(14,107,92,.14); color: var(--teal); }
.dg-wr-ic.gold { background: var(--gold-soft); border-color: transparent; color: var(--gold); }
.dg-wr-days { display: inline-block; margin-top: .5rem; border-radius: .55rem; padding: .25rem .7rem; font-size: .72rem; font-weight: 800; background: var(--paper-deep); }
.dg-wr-days.ok { color: var(--ok); } .dg-wr-days.warn { color: var(--warn); } .dg-wr-days.danger { color: var(--danger); }

.dg-wr-cols { display: grid; gap: 1rem; }
@media (min-width: 1024px) { .dg-wr-cols { grid-template-columns: 1fr 1fr; } }
.dg-wr-panel { background: var(--card); border: 1px solid var(--line); border-radius: 1.1rem; padding: 1.3rem 1.4rem; box-shadow: var(--shadow-card); }
.dg-wr-panel h3 { display: flex; align-items: center; gap: .5rem; font-size: .98rem; margin: 0 0 1rem; }
.dg-wr-panel h3 .dg-ic { color: var(--gold); }
.dg-ns-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.dg-ns-list li { display: flex; align-items: center; gap: .6rem; background: var(--paper); border: 1px solid rgba(229,219,192,.7); border-radius: .7rem; padding: .55rem .9rem; font-family: monospace; font-size: .82rem; color: var(--teal-deep); }
.dg-ns-list .dg-ic { color: var(--gold); }
.dg-status-chips { display: flex; flex-wrap: wrap; gap: .45rem; }
.dg-status-chips span { border: 1px solid rgba(14,107,92,.2); background: rgba(14,107,92,.05); color: var(--teal); border-radius: 999px; padding: .3rem .8rem; font-size: .72rem; font-weight: 700; }

.dg-wr-raw { background: var(--card); border: 1px solid var(--line); border-radius: 1.1rem; box-shadow: var(--shadow-card); overflow: hidden; }
.dg-wr-raw summary { cursor: pointer; list-style: none; padding: 1.1rem 1.4rem; font-weight: 800; color: var(--teal-deep); }
.dg-wr-raw summary small { font-weight: 700; color: var(--ink-soft); }
.dg-wr-raw table { width: 100%; border-collapse: collapse; font-size: .82rem; }
.dg-wr-raw td { padding: .5rem 1.2rem; border-top: 1px solid rgba(229,219,192,.5); vertical-align: top; }
.dg-wr-raw td:first-child { width: 34%; font-weight: 700; color: var(--ink-soft); white-space: nowrap; }
.dg-wr-raw tr.alt td { background: rgba(250,246,236,.6); }

.dg-chip { display: inline-flex; align-items: center; border: 1px solid var(--line); background: var(--card); border-radius: 999px; padding: .3rem .85rem; font-size: .72rem; font-weight: 800; color: var(--ink-soft); }
.dg-chip.ok { background: #ecfdf5; border-color: #a7f3d0; color: var(--ok); }
.dg-chip.gold { background: var(--gold-soft); border-color: rgba(185,146,72,.4); color: var(--teal-deep); }

/* ── پنل‌ها و فرم‌ها ── */
.dg-panel { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 1.6rem; box-shadow: var(--shadow-card); overflow: hidden; }
.dg-panel-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .7rem; margin: -1.6rem -1.6rem 1.2rem; padding: 1rem 1.6rem; border-bottom: 1px solid rgba(229,219,192,.7); background: rgba(250,246,236,.6); }
.dg-panel-head h2 { display: flex; align-items: center; gap: .5rem; font-size: 1rem; margin: 0; }
.dg-panel-head h2 .dg-ic { color: var(--gold); }
.dg-page-title { font-size: 1.8rem; margin-bottom: 1.4rem; }

/* ── پنل کاربری ── */
.dg-gate { text-align: center; padding-block: 2.6rem; position: relative; }
.dg-gate-ic { display: grid; place-items: center; width: 84px; height: 84px; margin: 0 auto 1.2rem; border-radius: 50%; background: var(--gold-soft); color: var(--gold); }
.dg-dash-grid { display: grid; gap: 1.4rem; }
@media (min-width: 1024px) { .dg-dash-grid { grid-template-columns: 300px 1fr; align-items: start; } }
.dg-profile-card {
    position: relative; overflow: hidden; border-radius: var(--radius); background: var(--teal-deep); color: #fff;
    padding: 1.6rem; text-align: center; box-shadow: var(--shadow-lift);
}
.dg-profile-card::before { content: ""; position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23d9b45b' stroke-opacity='0.14' stroke-width='1'%3E%3Crect x='26' y='26' width='44' height='44'/%3E%3Crect x='26' y='26' width='44' height='44' transform='rotate(45 48 48)'/%3E%3C/g%3E%3C/svg%3E"); }
.dg-profile-card > * { position: relative; }
.dg-profile-ic { display: grid; place-items: center; width: 60px; height: 60px; margin: 0 auto .9rem; border-radius: 1rem; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); color: var(--gold-bright); }
.dg-profile-card strong { display: block; font-size: 1.2rem; font-weight: 900; }
.dg-profile-card small { display: block; margin-top: .4rem; font-size: .75rem; color: rgba(255,255,255,.7); }
.dg-profile-logout { display: inline-flex; align-items: center; gap: .35rem; margin-top: 1rem; border: 1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.1); border-radius: .7rem; padding: .45rem .9rem; font-size: .75rem; font-weight: 800; color: #fff; }
.dg-profile-logout:hover { background: rgba(255,255,255,.2); color: #fff; }
.dg-mini-stats { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin-top: .9rem; }
.dg-mini-stats > div { background: var(--card); border: 1px solid var(--line); border-radius: 1rem; padding: 1rem; text-align: center; box-shadow: var(--shadow-card); }
.dg-mini-stats strong { display: block; font-size: 1.5rem; font-weight: 900; color: var(--teal-deep); }
.dg-mini-stats span { font-size: .72rem; font-weight: 700; color: var(--ink-soft); }
.dg-dash-main { display: grid; gap: 1.3rem; }

.dg-history { list-style: none; margin: 0; padding: 0; }
.dg-history li { display: flex; align-items: center; justify-content: space-between; gap: .8rem; padding: .85rem 0; border-bottom: 1px solid rgba(229,219,192,.6); }
.dg-history li:last-child { border-bottom: 0; }
.dg-history small { display: block; font-size: .7rem; color: var(--ink-soft); margin-top: .2rem; }
.dg-history strong { color: var(--teal-deep); }
.dg-history a strong:hover { color: var(--turquoise); }

/* ── مقاله ── */
.dg-article-in { padding-top: 2.5rem; }
.dg-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; font-size: .75rem; font-weight: 700; color: var(--ink-soft); margin-bottom: 2rem; }
.dg-breadcrumb a { color: var(--ink-soft); }
.dg-breadcrumb a:hover { color: var(--teal); }
.dg-breadcrumb .dg-sep { color: var(--gold); }
.dg-article-cover { height: 180px; border-radius: 1.6rem; margin-bottom: 1.8rem; }
.dg-article-head h1 { line-height: 2; }
.dg-article-meta { display: flex; flex-wrap: wrap; gap: .5rem 1.3rem; padding-bottom: 1.2rem; border-bottom: 1px solid var(--line); font-size: .75rem; font-weight: 700; color: var(--ink-soft); }
.dg-article-meta span { display: inline-flex; align-items: center; gap: .35rem; }
.dg-article-meta .dg-ic { color: var(--gold); }

.prose-fa { line-height: 2.15; font-size: 1.02rem; color: var(--ink); }
.prose-fa h2 { font-size: 1.35rem; color: var(--teal-deep); margin: 2rem 0 .7rem; padding-right: .9rem; border-right: 4px solid var(--gold); line-height: 1.9; }
.prose-fa h3 { font-size: 1.1rem; color: var(--teal-deep); margin: 1.6rem 0 .6rem; }
.prose-fa p { margin: .9rem 0; }
.prose-fa ul, .prose-fa ol { margin: 1rem 0; padding-right: 1.5rem; display: grid; gap: .45rem; }
.prose-fa ul li { list-style: none; position: relative; }
.prose-fa ul li::before { content: "◆"; position: absolute; right: -1.4rem; top: .35rem; font-size: .6rem; color: var(--gold); }
.prose-fa ol li { list-style: persian; }
.prose-fa strong, .prose-fa b { color: var(--teal-deep); }
.prose-fa blockquote { margin: 1.5rem 0; padding: .9rem 1.3rem; background: var(--gold-soft); border-right: 4px solid var(--gold); border-radius: .8rem; color: var(--teal-deep); font-weight: 600; }
.prose-fa img { border-radius: 1rem; box-shadow: var(--shadow-card); }
.prose-fa a { color: var(--teal); font-weight: 700; border-bottom: 1px dashed rgba(14,107,92,.4); }
.wp-block-image .aligncenter, .aligncenter { display: block; margin-inline: auto; }
.alignright { float: right; margin: 0 0 1rem 1rem; }
.alignleft { float: left; margin: 0 1rem 1rem 0; }
.wp-caption, .gallery-caption { font-size: .8rem; color: var(--ink-soft); }

.dg-article-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 2.4rem; padding-top: 1.4rem; border-top: 1px solid var(--line); }
.dg-article-nav { display: flex; gap: 1.2rem; font-size: .85rem; font-weight: 800; }
.dg-related { margin-top: 3rem; }
.dg-related > h2 { text-align: center; margin-bottom: 1.6rem; }

/* ── ۴۰۴ ── */
.dg-404 { font-size: 5rem; font-weight: 900; color: var(--gold); margin: 0; line-height: 1.2; }
.dg-404-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: .8rem; }

/* ── صفحه‌بندی ── */
.dg-pagination { margin-top: 2.5rem; text-align: center; }
.dg-pagination .page-numbers {
    display: inline-block; min-width: 42px; padding: .5rem .8rem; margin-inline: .2rem;
    border: 1px solid var(--line); border-radius: .7rem; background: var(--card);
    font-weight: 800; font-size: .88rem; color: var(--teal);
}
.dg-pagination .page-numbers.current { background: var(--teal); color: #fff; border-color: var(--teal); }
.dg-pagination .page-numbers:hover:not(.current) { background: var(--gold-soft); color: var(--teal-deep); }

/* ── فرم جستجوی وردپرس ── */
.search-form { display: flex; gap: .5rem; max-width: 420px; margin-inline: auto; }
.search-form .search-field { flex: 1; border: 1px solid var(--line); border-radius: .8rem; background: var(--card); padding: .7rem 1rem; font-weight: 700; color: var(--teal-deep); }
.search-submit { border: 0; border-radius: .8rem; background: var(--teal); color: #fff; font-weight: 800; padding: .7rem 1.2rem; }

/* ── ووکامرس ── */
.woocommerce .products { display: grid; gap: 1.3rem; grid-template-columns: repeat(auto-fill,minmax(260px,1fr)); margin: 0; padding: 0; list-style: none; }
.woocommerce .product, .dg-product-inner { display: flex; flex-direction: column; }
.woocommerce ul.products li.product, .woocommerce .product .dg-product-inner {
    background: var(--card); border: 1px solid var(--line); border-radius: var(--radius);
    padding: 1.4rem; box-shadow: var(--shadow-card); transition: transform .3s, box-shadow .3s; float: none; width: auto; margin: 0; height: 100%;
}
.woocommerce ul.products li.product:hover { transform: translateY(-6px); box-shadow: var(--shadow-lift); }
.woocommerce .woocommerce-loop-product__title, .woocommerce .product .woocommerce-loop-product__title { font-size: 1.1rem; font-weight: 800; color: var(--teal-deep); padding: .6rem 0; }
.woocommerce .price { color: var(--teal); font-weight: 900; font-size: 1.05rem; margin: .5rem 0 1rem; display: block; }
.woocommerce .price del { color: var(--ink-soft); font-weight: 400; opacity: .7; }
.woocommerce .price ins { text-decoration: none; }
.woocommerce a.button, .woocommerce .button, .woocommerce #respond input#submit {
    display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
    background: var(--teal); color: #fff; border-radius: .8rem; font-weight: 800; font-size: .88rem;
    padding: .7rem 1.3rem; border: 0; transition: background .2s;
}
.woocommerce a.button:hover, .woocommerce .button:hover { background: var(--teal-deep); color: #fff; }
.woocommerce .button.alt { background: var(--gold); color: var(--teal-deep); }
.woocommerce .button.alt:hover { background: var(--gold-bright); color: var(--teal-deep); }
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering { margin-bottom: 1.5rem; font-weight: 700; color: var(--ink-soft); font-size: .85rem; }
.woocommerce .woocommerce-ordering select { border: 1px solid var(--line); border-radius: .7rem; background: var(--card); padding: .5rem .8rem; font-weight: 700; }
.woocommerce .woocommerce-breadcrumb { font-size: .78rem; font-weight: 700; color: var(--ink-soft); margin-bottom: 1.5rem; }
.woocommerce .summary .product_title { font-size: 1.7rem; }
.woocommerce div.product div.summary { background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); padding: 1.8rem; box-shadow: var(--shadow-card); }
.woocommerce .quantity .qty { border: 1px solid var(--line); border-radius: .7rem; padding: .5rem; width: 4.5rem; font-weight: 800; }
.woocommerce .product_meta { font-size: .8rem; color: var(--ink-soft); border-top: 1px solid var(--line); margin-top: 1.2rem; padding-top: 1rem; }
.woocommerce table.shop_table { border: 1px solid var(--line); border-radius: 1rem; background: var(--card); }
.woocommerce .woocommerce-message, .woocommerce .woocommerce-info { border-top-color: var(--gold); background: var(--gold-soft); color: var(--teal-deep); font-weight: 700; }
.woocommerce .woocommerce-error { background: #fef2f2; color: var(--danger); font-weight: 700; }
.woocommerce img.attachment-woocommerce_thumbnail { border-radius: 1rem; }

/* ── ابزارک‌ها ── */
.dg-widget { background: var(--card); border: 1px solid var(--line); border-radius: 1.1rem; padding: 1.3rem; margin-bottom: 1.2rem; box-shadow: var(--shadow-card); }
.dg-widget-title { font-size: .95rem; margin-bottom: .9rem; padding-right: .8rem; border-right: 3px solid var(--gold); }
.dg-widget ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; font-size: .87rem; }
.dg-footer-widget ul { font-size: .85rem; }

/* ── فرم‌های هسته ── */
.comment-respond .comment-form-comment textarea,
.comment-respond input[type="text"], .comment-respond input[type="email"], .comment-respond input[type="url"] {
    width: 100%; border: 1px solid var(--line); border-radius: .8rem; background: var(--card); padding: .7rem 1rem; font-family: inherit; font-weight: 600; color: var(--teal-deep);
}
.comment-respond .submit { background: var(--teal); border: 0; border-radius: .8rem; color: #fff; font-weight: 800; padding: .75rem 1.6rem; }

/* ── واکنش‌گرایی جزئی ── */
@media (max-width: 640px) {
    .dg-wr-cards { grid-template-columns: 1fr; }
    .dg-hero-art { max-width: 320px; }
    .dg-float-a { right: -6px; } .dg-float-b { left: -6px; }
    .dg-stats-grid { gap: 1rem; }
    .dg-stat strong { font-size: 1.35rem; }
}

/* ── نوار اطلاع بالای سایت ── */
.dg-topbar { background: var(--teal-deep); color: rgba(255,255,255,.85); font-size: .75rem; font-weight: 700; border-bottom: 1px solid rgba(255,255,255,0.05); }
.dg-topbar-in { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-block: .5rem; }
.dg-topbar-tel { display: inline-flex; align-items: center; gap: .35rem; color: var(--gold-bright); white-space: nowrap; }
@media (max-width: 640px) { .dg-topbar-text { width: 100%; text-align: center; } .dg-topbar-in { justify-content: center; } .dg-topbar-tel { display: none; } }

/* ── آیکون‌های هدر (ایجکس) ── */
.dg-mobile-actions { display: flex; align-items: center; gap: .35rem; }
.dg-hicon-wrap { position: relative; }
.dg-hicon {
    position: relative; display: grid; place-items: center; width: 42px; height: 42px;
    border-radius: .9rem; border: 1px solid var(--line); background: var(--card); color: var(--teal-deep);
    transition: all .25s cubic-bezier(.22,1,.36,1); padding: 0; cursor: pointer;
}
.dg-hicon:hover { border-color: var(--gold); background: var(--gold-soft); transform: translateY(-1px); }
.dg-cart-count-html {
    position: absolute; top: -6px; left: -6px; min-width: 20px; height: 20px; padding-inline: 4px;
    display: grid; place-items: center; border-radius: 50%;
    background: var(--gold); color: var(--teal-deep); font-size: .7rem; font-weight: 900;
    border: 2px solid var(--paper); box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.dg-cart-count-html.is-empty { display: none; }

/* دراپ‌دان‌های هدر */
.dg-h-dropdown {
    position: absolute; top: calc(100% + 12px); left: 0; min-width: 280px;
    background: var(--card); border: 1px solid var(--line); border-radius: 1.1rem;
    opacity: 0; visibility: hidden; transform: translateY(10px);
    transition: all .25s cubic-bezier(.22,1,.36,1); z-index: 80;
    padding: 1.2rem;
}
.dg-hicon-wrap:hover .dg-h-dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
.dg-hicon-wrap::after { content: ""; position: absolute; top: 100%; left: 0; right: 0; height: 12px; }

/* پنل سبد خرید مینی */
.dg-mini-cart-panel .widget_shopping_cart_content { max-height: 400px; overflow-y: auto; }
.dg-mini-cart-panel ul.cart_list { list-style: none; margin: 0; padding: 0; }
.dg-mini-cart-panel li { display: flex; gap: .8rem; padding-bottom: .8rem; margin-bottom: .8rem; border-bottom: 1px solid var(--line); }
.dg-mini-cart-panel li img { width: 50px; height: 50px; border-radius: .6rem; }
.dg-mini-cart-panel .total { font-weight: 800; color: var(--teal-deep); margin-bottom: 1rem; }
.dg-mini-cart-panel .buttons { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
.dg-mini-cart-panel .buttons a { font-size: .75rem; padding: .6rem; border-radius: .6rem; }

/* پنل حساب کاربری */
.dg-acc-panel { min-width: 220px; }
.dg-acc-info strong { display: block; font-size: .95rem; color: var(--teal-deep); }
.dg-acc-info small { color: var(--ink-soft); font-size: .75rem; }
.dg-acc-info hr { border: 0; border-top: 1px solid var(--line); margin: .8rem 0; }
.dg-acc-info a { display: flex; align-items: center; gap: .6rem; padding: .6rem .4rem; font-size: .85rem; font-weight: 700; color: var(--ink); border-radius: .6rem; }
.dg-acc-info a:hover { background: var(--paper-deep); color: var(--teal); }
.dg-acc-info .dg-danger-link { color: var(--danger); }
.dg-acc-info .dg-danger-link:hover { background: #fef2f2; }

@media (min-width: 1024px) { .dg-mobile-actions { display: none; } }

/* ═══════════ استوری‌ها (v1.5) ═══════════ */
.dg-stories-bar { background: var(--card); border-bottom: 1px solid var(--line); padding-block: 1rem; }
.dg-stories-scroll { display: flex; gap: 1.2rem; overflow-x: auto; scroll-behavior: smooth; -ms-overflow-style: none; scrollbar-width: none; }
.dg-stories-scroll::-webkit-scrollbar { display: none; }
.dg-story-item { display: flex; flex-direction: column; align-items: center; gap: .4rem; flex-shrink: 0; width: 78px; text-decoration: none !important; }
.dg-story-ring {
    display: grid; place-items: center; width: 68px; height: 68px;
    border-radius: 50%; padding: 3px;
    background: linear-gradient(45deg, var(--gold), var(--turquoise), var(--gold));
    transition: transform .3s;
}
.dg-story-item:hover .dg-story-ring { transform: scale(1.05) rotate(5deg); }
.dg-story-ring img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; border: 3px solid var(--card); }
.dg-story-item small { font-size: .68rem; font-weight: 800; color: var(--teal-deep); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }

/* ═══════════ اسلایدر مینیمال (v1.5) ═══════════ */
.dg-mini-slider {
    position: relative; height: 180px; border-radius: 1.4rem; overflow: hidden;
    margin-bottom: 2rem; box-shadow: var(--shadow-card);
}
.dg-slide {
    position: absolute; inset: 0; background-size: cover; background-position: center;
    display: flex; align-items: flex-end; padding: 1.5rem; opacity: 0; transition: opacity 1s;
}
.dg-slide.active { opacity: 1; }
.dg-slide::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.6), transparent); }
.dg-slide a { position: relative; z-index: 2; color: #fff; text-decoration: none; }
.dg-slide strong { font-size: 1.2rem; font-weight: 900; }

/* ═══════════════════════════════════════════════════════════════
   ووکامرس — طراحی حرفه‌ای فرم‌ها، سبد خرید، تسویه و حساب
   هم‌ترازی CSS Grid ・ ریسپانسیو کامل ・ فیلدهای زیبا RTL
   ═══════════════════════════════════════════════════════════════ */

/* ── کانتینر صفحات ── */
.woocommerce .woocommerce-cart-form,
.woocommerce .woocommerce-checkout,
.woocommerce .woocommerce-MyAccount-content,
.woocommerce .woocommerce-account .woocommerce {
    background: var(--card); border: 1px solid var(--line); border-radius: var(--radius);
    padding: 2rem 2.2rem; box-shadow: var(--shadow-card);
}

/* ── پیام‌ها و اعلان‌ها ── */
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
    border-radius: 1rem !important; padding: 1rem 1.4rem !important; font-weight: 700;
    font-size: .9rem; line-height: 2; margin-bottom: 1.4rem !important;
}
.woocommerce .woocommerce-message { background: #ecfdf5; border-top: 3px solid var(--ok) !important; color: var(--ok); }
.woocommerce .woocommerce-info { background: var(--gold-soft); border-top: 3px solid var(--gold) !important; color: var(--teal-deep); }
.woocommerce .woocommerce-error { background: #fef2f2; border-top: 3px solid var(--danger) !important; color: var(--danger); }
.woocommerce .woocommerce-message::before, .woocommerce .woocommerce-info::before { color: var(--gold); }
.woocommerce .woocommerce-error::before { color: var(--danger); }

/* ──────────────────── ریست کامل float/width ووکامرس ──────────────────── */
.woocommerce .form-row,
.woocommerce p.form-row,
.woocommerce .form-row-first,
.woocommerce .form-row-last,
.woocommerce .form-row-wide {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    clear: none !important; /* تغییر مهم: حذف کلیر برای هم‌ترازی گرید */
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    box-sizing: border-box;
}

/* ──────────────────── فرم‌ها: لایه Grid دوستونه ──────────────────── */
.woocommerce .woocommerce-billing-fields__field-wrapper,
.woocommerce .woocommerce-shipping-fields__field-wrapper,
.woocommerce .woocommerce-address-fields__field-wrapper,
.woocommerce .woocommerce-EditAccountForm fieldset,
.woocommerce .woocommerce-edit-address .woocommerce-address-fields,
.woocommerce .woocommerce-additional-fields__field-wrapper {
    display: grid !important; 
    grid-template-columns: 1fr 1fr !important; /* اجبار دو ستونه */
    gap: 1.2rem !important;
}
/* فیلدهای تمام عرض */
.woocommerce .form-row-wide,
.woocommerce #billing_address_1_field,
.woocommerce #billing_address_2_field,
.woocommerce #shipping_address_1_field,
.woocommerce #shipping_address_2_field,
.woocommerce #billing_email_field,
.woocommerce #billing_phone_field,
.woocommerce #order_comments_field,
.woocommerce .woocommerce-additional-fields .form-row,
.woocommerce #billing_country_field,
.woocommerce #shipping_country_field,
.woocommerce p.form-row:only-child {
    grid-column: 1 / -1 !important;
}
/* نام + نام‌خانوادگی کنار هم */
.woocommerce #billing_first_name_field,
.woocommerce #billing_last_name_field,
.woocommerce #shipping_first_name_field,
.woocommerce #shipping_last_name_field {
    grid-column: span 1 !important;
}
/* شهر + کدپستی کنار هم */
.woocommerce #billing_city_field,
.woocommerce #billing_postcode_field,
.woocommerce #shipping_city_field,
.woocommerce #shipping_postcode_field {
    grid-column: span 1 !important;
}

/* ── عنوان بخش‌ها ── */
.woocommerce .woocommerce-billing-fields h3,
.woocommerce .woocommerce-shipping-fields h3,
.woocommerce .woocommerce-additional-fields h3,
.woocommerce #order_review_heading,
.woocommerce .woocommerce-column__title,
.woocommerce .col-1 h2, .woocommerce .col-2 h2 {
    font-size: 1.15rem; font-weight: 900; color: var(--teal-deep);
    padding-right: 1rem; border-right: 4px solid var(--gold);
    margin: 1.5rem 0 1rem !important; line-height: 2;
}

/* ── فیلدها: لیبل بالای اینپوت ── */
.woocommerce .form-row label {
    display: block !important; float: none !important;
    width: 100% !important;
    font-size: .82rem; font-weight: 800; color: var(--teal);
    margin-bottom: .45rem !important; padding: 0 !important;
}
.woocommerce .form-row label .required { color: var(--danger); }

/* ── اینپوت‌ها ── */
.woocommerce .form-row .woocommerce-input-wrapper { display: block !important; width: 100% !important; }
.woocommerce .form-row .input-text,
.woocommerce .form-row input[type="text"],
.woocommerce .form-row input[type="email"],
.woocommerce .form-row input[type="tel"],
.woocommerce .form-row input[type="number"],
.woocommerce .form-row input[type="password"],
.woocommerce .form-row input[type="url"],
.woocommerce .form-row textarea,
.woocommerce .form-row select,
.woocommerce .select2-container .select2-selection--single {
    width: 100% !important; display: block !important;
    float: none !important;
    border: 1.5px solid var(--line) !important; border-radius: .9rem !important;
    background: var(--paper) !important; color: var(--teal-deep) !important;
    padding: .85rem 1.1rem !important; font-size: .95rem !important;
    font-weight: 700; font-family: inherit !important;
    transition: border-color .2s, box-shadow .2s;
    -webkit-appearance: none !important; appearance: none !important;
    box-sizing: border-box !important;
    height: auto !important;
    line-height: 1.5 !important;
}
.woocommerce .form-row textarea { min-height: 110px !important; resize: vertical; line-height: 1.9 !important; }
.woocommerce .form-row select { padding-left: 2.4rem !important; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%235a6a64' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: left 1rem center !important; }

.woocommerce .form-row .input-text:focus,
.woocommerce .form-row input:focus,
.woocommerce .form-row textarea:focus,
.woocommerce .form-row select:focus {
    border-color: var(--turquoise); outline: none;
    box-shadow: 0 0 0 4px rgba(23,160,138,.12);
}

/* Select2 (ووکامرس آن را برای کشور/استان استفاده می‌کند) */
.woocommerce .select2-container { width: 100% !important; }
.woocommerce .select2-container .select2-selection--single { height: auto !important; min-height: 48px; line-height: normal; }
.woocommerce .select2-container .select2-selection--single .select2-selection__rendered {
    padding: .82rem 1.1rem; padding-left: 2.4rem; color: var(--teal-deep); font-weight: 700; font-size: .95rem; font-family: inherit; line-height: normal;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow { left: 12px; right: auto; top: 50%; transform: translateY(-50%); height: auto; }
.woocommerce .select2-dropdown { border: 1.5px solid var(--line); border-radius: .8rem; box-shadow: var(--shadow-lift); overflow: hidden; }
.woocommerce .select2-results__option { padding: .65rem 1rem; font-size: .88rem; font-weight: 600; }
.woocommerce .select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--teal); color: #fff; }
.woocommerce .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1.5px solid var(--line); border-radius: .7rem; padding: .6rem .9rem; font-family: inherit; font-weight: 700;
}

/* ── اعتبارسنجی فیلدها ── */
.woocommerce .form-row.woocommerce-invalid .input-text,
.woocommerce .form-row.woocommerce-invalid input,
.woocommerce .form-row.woocommerce-invalid select {
    border-color: var(--danger); box-shadow: 0 0 0 3px rgba(185,28,28,.1);
}
.woocommerce .form-row.woocommerce-validated .input-text,
.woocommerce .form-row.woocommerce-validated input {
    border-color: var(--ok);
}

/* ── کوپن تخفیف ── */
.woocommerce .woocommerce-form-coupon { margin-bottom: 1.5rem; }
.woocommerce .checkout_coupon .form-row-first { flex: 1; }
.woocommerce .checkout_coupon { display: flex; gap: .7rem; align-items: flex-end; }
.woocommerce .checkout_coupon .button { white-space: nowrap; }

/* ── چیدمان دوستونه تسویه حساب ── */
.woocommerce .col2-set { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
@media (min-width: 768px) { .woocommerce .col2-set { grid-template-columns: 1fr 1fr; } }

/* ── سفارش شما (order review) ── */
.woocommerce #order_review_heading { margin-top: 2rem; }
.woocommerce #order_review {
    background: rgba(250,246,236,.65); border: 1.5px solid var(--line); border-radius: 1.2rem;
    padding: 1.5rem 1.6rem; margin-top: .8rem;
}
.woocommerce #order_review table.shop_table { border: 0; border-radius: 0; }
.woocommerce #order_review table.shop_table th { background: transparent; color: var(--teal-deep); border-bottom: 2px solid var(--line); }
.woocommerce #order_review table.shop_table td { border-bottom: 1px dashed rgba(229,219,192,.6); }
.woocommerce #order_review .order-total td { font-size: 1.15rem; font-weight: 900; color: var(--teal); }
.woocommerce #order_review .order-total th { font-size: 1rem; font-weight: 900; }

/* ── پرداخت ── */
.woocommerce #payment {
    background: var(--gold-soft); border: 1.5px solid rgba(185,146,72,.4);
    border-radius: 1.2rem; margin-top: 1.4rem; overflow: hidden;
}
.woocommerce #payment .wc_payment_methods { list-style: none; margin: 0; padding: 1rem 1.4rem; border-bottom: 1px dashed rgba(185,146,72,.45); }
.woocommerce #payment .wc_payment_methods li { margin-bottom: .6rem; }
.woocommerce #payment .wc_payment_methods li label { font-weight: 800; color: var(--teal-deep); cursor: pointer; display: flex; align-items: center; gap: .5rem; }
.woocommerce #payment .wc_payment_methods li input[type="radio"] { accent-color: var(--teal); width: 18px; height: 18px; }
.woocommerce #payment .payment_box { background: rgba(255,254,248,.85); color: var(--teal-deep); font-weight: 600; padding: .8rem 1.2rem; margin: .4rem 0; border-radius: .7rem; font-size: .85rem; line-height: 2; }
.woocommerce #payment div.form-row { padding: 1.2rem 1.4rem; }
.woocommerce #place_order {
    width: 100%; font-size: 1.1rem; font-weight: 900; padding: 1.1rem;
    border-radius: 1rem; border: 0; cursor: pointer;
    background: linear-gradient(135deg, var(--teal), var(--teal-deep)); color: #fff;
    box-shadow: var(--shadow-lift); transition: all .25s;
}
.woocommerce #place_order:hover { background: var(--teal-deep); transform: translateY(-1px); }

/* ── جدول محصولات سبد ── */
.woocommerce table.shop_table { width: 100%; border-collapse: collapse; border-radius: 1rem; overflow: hidden; }
.woocommerce table.shop_table th { background: var(--teal-deep); color: #fff; font-size: .85rem; font-weight: 800; padding: .9rem 1.1rem; text-align: right; }
.woocommerce table.shop_table td { padding: 1rem 1.1rem; border-bottom: 1px solid rgba(229,219,192,.5); font-size: .92rem; vertical-align: middle; }
.woocommerce table.shop_table tr:last-child td { border-bottom: 0; }
.woocommerce .product-name a { font-weight: 800; color: var(--teal-deep); }
.woocommerce .product-name a:hover { color: var(--turquoise); }
.woocommerce .product-thumbnail img { width: 60px; height: 60px; object-fit: cover; border-radius: .8rem; border: 1px solid var(--line); }
.woocommerce .product-quantity .qty {
    width: 60px; text-align: center; border: 1.5px solid var(--line); border-radius: .7rem;
    padding: .5rem; font-weight: 800; font-size: .95rem; background: var(--paper);
}
.woocommerce .remove { color: var(--danger) !important; font-size: 1.3rem; }

/* ── کوپن + دکمه آپدیت سبد ── */
.woocommerce .actions { padding: 1rem 0 !important; }
.woocommerce .actions .coupon { display: flex; gap: .6rem; align-items: center; flex-wrap: wrap; }
.woocommerce .actions input.input-text {
    border: 1.5px solid var(--line); border-radius: .8rem; padding: .65rem 1rem; font-weight: 700;
    background: var(--paper); color: var(--teal-deep); min-width: 180px;
}
.woocommerce .actions .button { white-space: nowrap; }
.woocommerce .actions > .button[name="update_cart"] { margin-right: auto; }

/* ── مجموع سبد ── */
.woocommerce .cart-collaterals { margin-top: 2rem; display: grid; gap: 1.4rem; }
@media (min-width: 768px) { .woocommerce .cart-collaterals { grid-template-columns: 1fr 400px; } .woocommerce .cart-collaterals .cart_totals { grid-column: 2; } }
.woocommerce .cart_totals {
    background: var(--card); border: 1.5px solid var(--line); border-radius: var(--radius);
    padding: 1.8rem; box-shadow: var(--shadow-card);
}
.woocommerce .cart_totals h2 { font-size: 1.2rem; font-weight: 900; padding-bottom: 1rem; border-bottom: 2px solid var(--line); margin-bottom: 1.2rem; }
.woocommerce .cart_totals table { width: 100%; border-collapse: collapse; }
.woocommerce .cart_totals th, .woocommerce .cart_totals td { padding: .75rem 0; font-size: .95rem; border-bottom: 1px dashed var(--line); }
.woocommerce .cart_totals .order-total th, .woocommerce .cart_totals .order-total td { font-weight: 900; color: var(--teal); font-size: 1.15rem; border-bottom: 0; padding-top: 1rem; }
.woocommerce .wc-proceed-to-checkout .checkout-button {
    display: flex; align-items: center; justify-content: center; gap: .6rem;
    width: 100%; margin-top: 1.2rem; font-size: 1.05rem; font-weight: 900; padding: 1rem;
    background: linear-gradient(135deg, var(--gold-bright), var(--gold)); color: var(--teal-deep);
    border-radius: 1rem; border: 0; box-shadow: var(--shadow-card); transition: all .25s;
}
.woocommerce .wc-proceed-to-checkout .checkout-button:hover { background: var(--gold); transform: translateY(-1px); box-shadow: var(--shadow-lift); }

/* ── dl متای آیتم‌های سبد (اطلاعات دامنه) ── */
.woocommerce .wc-item-meta, .woocommerce dl.variation { margin: .4rem 0 0; padding: 0; }
.woocommerce .wc-item-meta dt, .woocommerce .wc-item-meta .wc-item-meta-label { font-weight: 800; color: var(--teal); font-size: .78rem; }
.woocommerce .wc-item-meta dd { margin: 0 0 .2rem .5rem; font-weight: 700; font-size: .82rem; color: var(--ink); }

/* ── حساب کاربری ووکامرس ── */
.woocommerce .woocommerce-MyAccount-navigation { margin-bottom: 1.5rem; }
.woocommerce .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.woocommerce .woocommerce-MyAccount-navigation li a {
    display: flex; align-items: center; gap: .4rem;
    padding: .7rem 1.2rem; border: 1.5px solid var(--line); border-radius: .9rem;
    background: var(--card); font-weight: 800; font-size: .88rem; color: var(--teal-deep);
    transition: all .2s;
}
.woocommerce .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a:hover,
.woocommerce .woocommerce-MyAccount-navigation li a:hover {
    background: var(--teal); border-color: var(--teal); color: #fff; box-shadow: var(--shadow-card);
}
.woocommerce .woocommerce-orders-table { width: 100%; }
.woocommerce fieldset { border: 1.5px dashed var(--gold); border-radius: 1.1rem; padding: 1.4rem; margin: 1.6rem 0; }
.woocommerce legend { font-weight: 900; color: var(--teal-deep); padding-inline: .7rem; font-size: .95rem; }

/* ── فرم ورود/ثبت‌نام ووکامرس (صفحه حساب من) ── */
.woocommerce .u-columns { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
@media (min-width: 768px) { .woocommerce .u-columns { grid-template-columns: 1fr 1fr; } }
.woocommerce .u-column1, .woocommerce .u-column2 {
    background: var(--card); border: 1.5px solid var(--line); border-radius: var(--radius);
    padding: 1.8rem; box-shadow: var(--shadow-card);
}
.woocommerce .u-column1 h2, .woocommerce .u-column2 h2 { border-right: 4px solid var(--gold); padding-right: 1rem; }

/* باکس ورود سریع OTP */
.dg-woo-otp {
    background: var(--gold-soft); border: 1.5px solid rgba(185,146,72,.4); border-radius: 1.1rem;
    padding: 1.5rem 1.8rem; margin-bottom: 1.8rem; text-align: center;
}
.dg-woo-otp h3 { margin-bottom: .5rem; font-size: 1.1rem; }
.dg-woo-otp p { margin: 0 0 1rem; font-size: .88rem; color: var(--ink-soft); line-height: 2; }

/* ── صفحه تکمیل‌سفارش (تشکر) ── */
.woocommerce .woocommerce-order-overview { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: .8rem; margin-bottom: 1.5rem; }
.woocommerce .woocommerce-order-overview li {
    background: var(--paper); border: 1px solid var(--line); border-radius: .8rem; padding: .9rem 1rem; text-align: center;
}
.woocommerce .woocommerce-order-overview li strong { display: block; font-size: 1.1rem; color: var(--teal-deep); margin-top: .3rem; }

/* ═══════════ ریسپانسیو موبایل ═══════════ */
@media (max-width: 768px) {
    /* فرم‌ها: یک ستونه کامل در موبایل */
    .woocommerce .woocommerce-billing-fields__field-wrapper,
    .woocommerce .woocommerce-shipping-fields__field-wrapper,
    .woocommerce .woocommerce-address-fields__field-wrapper,
    .woocommerce .woocommerce-additional-fields__field-wrapper {
        grid-template-columns: 1fr !important;
    }
    .woocommerce .form-row,
    .woocommerce .form-row-first,
    .woocommerce .form-row-last,
    .woocommerce #billing_first_name_field,
    .woocommerce #billing_last_name_field,
    .woocommerce #billing_city_field,
    .woocommerce #billing_postcode_field,
    .woocommerce #shipping_first_name_field,
    .woocommerce #shipping_last_name_field {
        grid-column: 1 / -1 !important;
    }

    /* سبد خرید: کارت‌های خوانا (حذف کامل جدول در موبایل) */
    .woocommerce-cart-form table.shop_table { border: 0 !important; background: transparent !important; box-shadow: none !important; }
    .woocommerce-cart-form table.shop_table thead { display: none !important; }
    .woocommerce-cart-form table.shop_table tbody tr {
        display: flex !important; flex-direction: column !important; gap: .8rem; position: relative;
        border: 1.5px solid var(--line) !important; border-radius: 1.2rem !important;
        background: var(--card) !important; padding: 1.5rem !important; margin-bottom: 1.2rem !important;
        box-shadow: var(--shadow-card) !important;
    }
    .woocommerce-cart-form table.shop_table td {
        display: flex !important; align-items: center; justify-content: space-between !important;
        width: 100% !important; border-bottom: 1px solid rgba(229,219,192,0.4) !important; padding: .65rem 0 !important;
        font-size: .95rem !important; float: none !important;
    }
    .woocommerce-cart-form table.shop_table td::before {
        content: attr(data-title); font-weight: 800; color: var(--ink-soft); font-size: .85rem;
    }
    .woocommerce-cart-form table.shop_table td:last-child { border-bottom: 0 !important; }
    .woocommerce-cart-form td.product-remove { position: absolute; left: 1.2rem; top: 1.2rem; border: 0 !important; padding: 0 !important; width: auto !important; }
    .woocommerce-cart-form td.product-remove::before { display: none !important; }
    .woocommerce-cart-form td.product-name { flex-direction: column; align-items: flex-start !important; border-top: 0 !important; padding-top: 0 !important; }
    .woocommerce-cart-form td.product-name::before { display: none !important; }
    .woocommerce-cart-form .dg-cart-item-title { font-weight: 900; font-size: 1.15rem; color: var(--teal-deep); margin-bottom: .5rem; }
    .woocommerce-cart-form td.product-subtotal { font-weight: 900; color: var(--teal); font-size: 1.15rem !important; border-bottom: 0 !important; }
    .woocommerce-cart-form td.actions { flex-direction: column !important; align-items: stretch !important; background: transparent !important; padding: 0 !important; margin-top: 1rem; border: 0 !important; }
    .woocommerce-cart-form td.actions::before { display: none !important; }
    .woocommerce .actions .coupon { flex-direction: column; gap: .5rem; }
    .woocommerce .actions input.input-text { min-width: 0 !important; }
    .woocommerce .actions .button { width: 100%; }

    /* مجموع سبد */
    .woocommerce .cart-collaterals { grid-template-columns: 1fr !important; }

    /* تسویه حساب: سفارش شما (زیر هم در یک کادر) */
    .woocommerce #order_review { padding: 1.2rem; border-radius: 1.2rem; }
    .woocommerce #order_review_heading { font-size: 1.15rem; margin-bottom: 1rem; }
    .woocommerce #order_review table.shop_table { width: 100%; border: 0 !important; box-shadow: none !important; }
    .woocommerce #order_review table.shop_table thead { display: none !important; }
    .woocommerce #order_review table.shop_table tbody tr,
    .woocommerce #order_review table.shop_table tfoot tr {
        display: flex !important; flex-direction: column !important; gap: .6rem; padding: 1.2rem 0 !important; border-bottom: 1px dashed var(--line) !important;
    }
    .woocommerce #order_review table.shop_table td,
    .woocommerce #order_review table.shop_table th {
        display: flex !important; align-items: center; justify-content: space-between !important; width: 100% !important; border: 0 !important; padding: 0 !important; font-size: .95rem !important;
    }
    .woocommerce #order_review table.shop_table tbody td.product-name {
        flex-direction: column !important; align-items: flex-start !important; gap: .4rem; font-weight: 900; color: var(--teal-deep);
    }
    .woocommerce #order_review table.shop_table tbody td.product-total {
        align-self: flex-end !important; font-weight: 900; color: var(--teal); font-size: 1.1rem !important;
    }
    .woocommerce #order_review .order-total th,
    .woocommerce #order_review .order-total td { font-size: 1.2rem !important; font-weight: 900 !important; color: var(--teal-deep) !important; background: transparent !important; }
    .woocommerce #order_review .order-total td { color: var(--teal) !important; align-self: flex-end !important; }

    /* کانتینرها: پدینگ کمتر */
    .woocommerce .woocommerce-cart-form, .woocommerce .woocommerce-checkout,
    .woocommerce .woocommerce-MyAccount-content, .woocommerce .u-column1, .woocommerce .u-column2,
    .woocommerce .woocommerce-account .woocommerce { padding: 1rem !important; }

    /* تب‌های حساب کاربری */
    .woocommerce .woocommerce-MyAccount-navigation ul { gap: .35rem; }
    .woocommerce .woocommerce-MyAccount-navigation li a { padding: .55rem .8rem; font-size: .78rem; }

    /* col2-set (فرم ورود) */
    .woocommerce .col2-set { grid-template-columns: 1fr !important; }

    /* دکمه‌ی هدر */
    .dg-header-actions .dg-btn { display: none; }
    .dg-h-dropdown { position: fixed; top: 73px; left: 1rem; right: 1rem; min-width: 0 !important; width: calc(100% - 2rem) !important; display: none; box-shadow: var(--shadow-lift); }
    .dg-hicon-wrap.mob-open .dg-h-dropdown { display: block; opacity: 1; visibility: visible; transform: none; }
}

/* برگه‌های عادی / ووکامرس شورت‌کدی */
.dg-page-article-wide { max-width: 100% !important; }
.dg-page-content > :first-child { margin-top: 0; }
.dg-woo-page-title { text-align: center; margin-bottom: 1.5rem; }

/* منوی فوتر وردپرس */
.dg-footer-menu { list-style: none; margin: 0; padding: 0; display: grid; gap: .65rem; font-size: .88rem; }
.dg-footer-menu a { color: rgba(255,255,255,.8); }
.dg-footer-menu a:hover { color: var(--gold-bright); }

/* ═══════════════════════════════════════════════════════════════
   پنل کاربری فوق‌حرفه‌ای — v1.9.2
   صفحه اختصاصی، ریسپانسیو کامل، لینک‌محور (بدون JS تب)
   ═══════════════════════════════════════════════════════════════ */

/* ── صفحه کلی ── */
.dg-dash-page { min-height: calc(100vh - 160px); padding-block: 2rem 4rem; }
.dg-dash-page .dg-container { max-width: 1240px; }

/* ── صفحه ورود ── */
.dg-login-gate { display: flex; justify-content: center; align-items: center; min-height: 60vh; }
.dg-login-gate-inner {
    max-width: 480px; width: 100%; background: var(--card);
    border: 1px solid var(--line); border-radius: 2rem; padding: 3rem 2.5rem; text-align: center;
    box-shadow: var(--shadow-lift);
}
.dg-login-gate-icon { display: grid; place-items: center; width: 90px; height: 90px; margin: 0 auto 1.5rem; border-radius: 50%; background: var(--gold-soft); color: var(--gold); }
.dg-login-gate-inner h1 { font-size: 1.6rem; margin-bottom: .6rem; }
.dg-login-gate-inner p { color: var(--ink-soft); line-height: 2; margin-bottom: 1.6rem; }
.dg-btn-lg { padding: 1rem 2rem !important; font-size: 1.05rem !important; border-radius: 1.1rem !important; }
.dg-login-gate-features { display: grid; grid-template-columns: repeat(3,1fr); gap: .5rem; margin-top: 1.6rem; }
.dg-login-gate-features div { background: var(--paper-deep); border-radius: .8rem; padding: .7rem .5rem; font-size: .78rem; font-weight: 700; color: var(--teal-deep); display: flex; flex-direction: column; align-items: center; gap: .3rem; }
.dg-login-gate-features .dg-ic { color: var(--gold); }

/* ── Flash ── */
.dg-dash-flash { display: flex; align-items: center; gap: .6rem; padding: .85rem 1.2rem; border-radius: .9rem; font-size: .88rem; font-weight: 700; margin-bottom: 1.2rem; }
.dg-dash-flash.ok { background: #ecfdf5; color: var(--ok); border: 1px solid #a7f3d0; }
.dg-dash-flash.err { background: #fef2f2; color: var(--danger); border: 1px solid #fecaca; }

/* ── چیدمان اصلی ── */
.dg-dash-layout { display: grid; gap: 1.6rem; align-items: start; }
@media (min-width: 1024px) { .dg-dash-layout { grid-template-columns: 280px 1fr; } }
@media (min-width: 1024px) { .dg-dash-side { position: sticky; top: 88px; } }

/* ── کارت پروفایل ── */
.dg-profile-box {
    display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;
    background: linear-gradient(135deg, var(--teal-deep) 0%, var(--teal) 100%);
    border-radius: 1.4rem; padding: 1.4rem; color: #fff; box-shadow: var(--shadow-lift);
    position: relative; overflow: hidden;
}
.dg-profile-box::before { content: ""; position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23d9b45b' stroke-opacity='0.12' stroke-width='1'%3E%3Crect x='26' y='26' width='44' height='44'/%3E%3Crect x='26' y='26' width='44' height='44' transform='rotate(45 48 48)'/%3E%3C/g%3E%3C/svg%3E"); }
.dg-profile-avatar {
    position: relative; width: 52px; height: 52px; border-radius: 50%;
    background: var(--gold-bright); color: var(--teal-deep);
    display: grid; place-items: center; font-size: 1.4rem; font-weight: 900;
    flex-shrink: 0; box-shadow: 0 0 0 3px rgba(255,255,255,.3);
}
.dg-profile-info { position: relative; flex: 1; min-width: 0; }
.dg-profile-info strong { display: block; font-size: 1rem; font-weight: 900; }
.dg-profile-info span { display: block; font-size: .8rem; color: rgba(255,255,255,.75); margin-top: .1rem; }
.dg-profile-info small { display: block; font-size: .7rem; color: rgba(255,255,255,.55); margin-top: .15rem; }
.dg-profile-logout {
    position: relative; display: grid; place-items: center; width: 36px; height: 36px;
    border-radius: .7rem; border: 1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.1);
    color: #fff; transition: background .2s; flex-shrink: 0;
}
.dg-profile-logout:hover { background: rgba(255,255,255,.22); color: #fff; }

/* ── آمار کوچک ── */
.dg-profile-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: .6rem; }
.dg-profile-stat {
    background: var(--card); border: 1px solid var(--line); border-radius: 1rem;
    padding: .75rem .5rem; text-align: center; box-shadow: var(--shadow-card);
}
.dg-profile-stat strong { display: block; font-size: 1.3rem; font-weight: 900; color: var(--teal-deep); }
.dg-profile-stat span { display: flex; align-items: center; justify-content: center; gap: .3rem; font-size: .7rem; color: var(--ink-soft); font-weight: 700; margin-top: .2rem; }
.dg-profile-stat .dg-ic { color: var(--gold); }

/* ── منوی کنار ── */
.dg-side-nav { display: flex; flex-direction: column; gap: .4rem; }
.dg-sidenav-btn {
    display: flex; align-items: center; gap: .75rem;
    background: var(--card); border: 1px solid var(--line); border-radius: .95rem;
    padding: .85rem 1rem; font-weight: 800; font-size: .9rem; color: var(--ink);
    text-decoration: none; transition: all .2s; position: relative;
}
.dg-sidenav-btn:hover { border-color: rgba(185,146,72,.5); background: var(--gold-soft); color: var(--teal-deep); }
.dg-sidenav-btn.active { background: var(--teal); border-color: var(--teal); color: #fff; box-shadow: var(--shadow-card); }
.dg-sidenav-ic { width: 34px; height: 34px; display: grid; place-items: center; border-radius: .65rem; background: var(--gold-soft); color: var(--gold); flex-shrink: 0; transition: background .2s; }
.dg-sidenav-btn.active .dg-sidenav-ic { background: rgba(255,255,255,.15); color: var(--gold-bright); }
.dg-sidenav-lbl { flex: 1; }
.dg-sidenav-btn b { background: var(--paper-deep); color: var(--teal-deep); border-radius: 999px; padding: .1rem .5rem; font-size: .7rem; }
.dg-sidenav-btn.active b { background: rgba(255,255,255,.2); color: #fff; }

/* ── لینک‌های سریع ── */
.dg-side-quick { display: grid; gap: .4rem; }
.dg-side-qlink { display: flex; align-items: center; gap: .5rem; padding: .65rem .9rem; border-radius: .8rem; background: var(--paper-deep); font-size: .82rem; font-weight: 700; color: var(--teal-deep); text-decoration: none; transition: background .2s; }
.dg-side-qlink:hover { background: var(--gold-soft); }
.dg-side-qlink .dg-ic { color: var(--gold); }

/* ── ستون اصلی ── */
.dg-dash-body { display: flex; flex-direction: column; gap: 1.2rem; }
.dg-dash-tab-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.dg-dash-tab-header h2 { display: flex; align-items: center; gap: .5rem; font-size: 1.35rem; margin: 0; }
.dg-dash-tab-header .dg-ic { color: var(--gold); }

/* ── KPI کارت‌ها ── */
.dg-dash-kpis { display: grid; grid-template-columns: repeat(2, 1fr); gap: .9rem; }
@media (min-width: 768px) { .dg-dash-kpis { grid-template-columns: repeat(4, 1fr); } }
.dg-kpi {
    display: flex; align-items: center; gap: .85rem;
    background: var(--card); border: 1px solid var(--line); border-radius: 1.2rem;
    padding: 1.1rem; box-shadow: var(--shadow-card);
}
.dg-kpi-icon { width: 46px; height: 46px; display: grid; place-items: center; border-radius: .9rem; flex-shrink: 0; }
.dg-kpi-teal .dg-kpi-icon { background: rgba(14,107,92,.1); color: var(--teal); }
.dg-kpi-gold .dg-kpi-icon { background: var(--gold-soft); color: var(--gold); }
.dg-kpi-green .dg-kpi-icon { background: #ecfdf5; color: var(--ok); }
.dg-kpi-blue .dg-kpi-icon { background: #eff6ff; color: #2563eb; }
.dg-kpi strong { display: block; font-size: 1.35rem; font-weight: 900; color: var(--teal-deep); line-height: 1.2; }
.dg-kpi p { font-size: .72rem; color: var(--ink-soft); margin: .2rem 0 0; font-weight: 700; }

/* ── کارت‌های محتوا ── */
.dg-dash-card {
    background: var(--card); border: 1px solid var(--line); border-radius: 1.3rem;
    padding: 1.4rem; box-shadow: var(--shadow-card);
}
.dg-dash-card-head { display: flex; align-items: center; justify-content: space-between; gap: .8rem; margin-bottom: 1rem; }
.dg-dash-card-head h3 { display: flex; align-items: center; gap: .45rem; font-size: .95rem; margin: 0; }
.dg-dash-card-head .dg-ic { color: var(--gold); }
.dg-dash-card-more { font-size: .78rem; font-weight: 800; color: var(--teal); text-decoration: none; }
.dg-dash-card-more:hover { color: var(--turquoise); }

/* ── لیست عمومی ── */
.dg-dash-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0; }
.dg-dash-list li { display: flex; align-items: center; justify-content: space-between; gap: .8rem; padding: .75rem 0; border-bottom: 1px solid rgba(229,219,192,.5); }
.dg-dash-list li:last-child { border-bottom: 0; padding-bottom: 0; }
.dg-dl-domain { font-weight: 800; color: var(--teal-deep); text-decoration: none; font-size: .88rem; }
.dg-dl-domain:hover { color: var(--turquoise); }
.dg-dl-badge { display: inline-flex; align-items: center; gap: .25rem; border-radius: 999px; padding: .25rem .75rem; font-size: .72rem; font-weight: 900; border: 1px solid transparent; flex-shrink: 0; }
.dg-dl-badge.ok { background: #ecfdf5; border-color: #a7f3d0; color: var(--ok); }
.dg-dl-badge.taken { background: var(--gold-soft); border-color: rgba(185,146,72,.3); color: var(--teal-deep); }
.dg-dl-badge.unknown { background: var(--paper-deep); color: var(--ink-soft); }

/* ── دو ستون ── */
.dg-dash-two-col { display: grid; gap: 1.2rem; }
@media (min-width: 768px) { .dg-dash-two-col { grid-template-columns: 1fr 1fr; } }

/* ── خالی بودن ── */
.dg-dash-empty { display: flex; flex-direction: column; align-items: center; gap: .6rem; padding: 2.5rem; color: var(--ink-soft); font-weight: 700; margin: 0; }
.dg-dash-empty .dg-ic { color: rgba(185,146,72,.5); }

/* ── رصد دامنه ── */
.dg-watch-form { margin-bottom: 0; }
.dg-watch-input-row { display: flex; gap: .6rem; }
.dg-watch-input-wrap { flex: 1; display: flex; align-items: center; gap: .6rem; border: 1.5px solid var(--line); border-radius: .9rem; background: var(--paper); padding: .75rem 1rem; }
.dg-watch-input-wrap:focus-within { border-color: var(--turquoise); }
.dg-watch-input-wrap .dg-ic { color: var(--gold); flex-shrink: 0; }
.dg-watch-input-wrap input { flex: 1; border: 0; background: none; font-weight: 700; color: var(--teal-deep); font-size: .95rem; }
.dg-watch-input-wrap input:focus { outline: none; }

.dg-watch-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem; }
.dg-watch-card {
    background: var(--card); border: 1.5px solid var(--line); border-radius: 1.3rem;
    padding: 1.2rem; box-shadow: var(--shadow-card); display: flex; flex-direction: column; gap: .5rem;
}
.dg-watch-card.is-free { border-color: #a7f3d0; background: linear-gradient(to bottom right, #f0fdf4, var(--card)); }
.dg-watch-card-top { display: flex; justify-content: space-between; align-items: center; }
.dg-watch-badge { display: inline-flex; align-items: center; gap: .3rem; border-radius: 999px; padding: .25rem .8rem; font-size: .72rem; font-weight: 900; }
.dg-watch-badge.ok { background: #ecfdf5; color: var(--ok); }
.dg-watch-badge.taken { background: var(--gold-soft); color: var(--teal-deep); }
.dg-watch-badge.unknown { background: var(--paper-deep); color: var(--ink-soft); }
.dg-watch-del { display: grid; place-items: center; width: 28px; height: 28px; border-radius: .5rem; border: 1px solid var(--line); color: var(--danger); transition: background .2s; }
.dg-watch-del:hover { background: #fef2f2; }
.dg-watch-domain { font-size: 1.05rem; font-weight: 900; color: var(--teal-deep); text-decoration: none; word-break: break-all; }
.dg-watch-domain:hover { color: var(--turquoise); }
.dg-watch-meta { display: flex; flex-direction: column; gap: .3rem; font-size: .76rem; color: var(--ink-soft); }
.dg-watch-meta span { display: flex; align-items: center; gap: .3rem; }
.dg-watch-meta .dg-ic { color: var(--gold); }
.dg-watch-days { font-weight: 800; }
.dg-watch-days.ok { color: var(--ok); }
.dg-watch-days.warn { color: var(--warn); }
.dg-watch-days.danger { color: var(--danger); }

/* ── جدول داشبورد ── */
.dg-dash-table { width: 100%; border-collapse: collapse; }
.dg-dash-table th { background: var(--teal-deep); color: #fff; padding: .85rem 1.1rem; font-size: .82rem; text-align: right; font-weight: 800; }
.dg-dash-table td { padding: .85rem 1.1rem; font-size: .88rem; border-bottom: 1px solid rgba(229,219,192,.5); vertical-align: middle; }
.dg-dash-table tr:last-child td { border-bottom: 0; }
.dg-dash-table tr.alt td { background: rgba(250,246,236,.5); }

/* ── فرم پروفایل ── */
.dg-profile-form { display: flex; flex-direction: column; gap: 1.1rem; }
.dg-pform-row { display: grid; gap: 1rem; }
@media (min-width: 640px) { .dg-pform-row { grid-template-columns: 1fr 1fr; } }
.dg-pform-row label { display: flex; flex-direction: column; gap: .5rem; }
.dg-pform-row label > span { font-size: .8rem; font-weight: 800; color: var(--teal); display: flex; align-items: center; gap: .35rem; }
.dg-pform-row label > span .dg-ic { color: var(--gold); }
.dg-pform-row input {
    border: 1.5px solid var(--line); border-radius: .85rem; background: var(--paper);
    color: var(--teal-deep); padding: .8rem 1rem; font-weight: 700; font-family: inherit; font-size: .95rem;
}
.dg-pform-row input:focus { border-color: var(--turquoise); outline: none; box-shadow: 0 0 0 4px rgba(23,160,138,.1); }
.dg-pform-row input:disabled { opacity: .6; cursor: not-allowed; }

/* ═══════════ ریسپانسیو پنل در موبایل ═══════════ */
@media (max-width: 1023px) {
    .dg-dash-page { padding-top: 1.2rem; }
    .dg-side-nav { flex-direction: row; overflow-x: auto; scrollbar-width: none; gap: .35rem; flex-wrap: nowrap; }
    .dg-side-nav::-webkit-scrollbar { display: none; }
    .dg-sidenav-btn { flex-shrink: 0; padding: .65rem .85rem; font-size: .82rem; }
    .dg-sidenav-ic { width: 28px; height: 28px; }
    .dg-side-quick { grid-template-columns: 1fr 1fr; }
    .dg-dash-tab-header h2 { font-size: 1.1rem; }
    .dg-login-gate-inner { padding: 2rem 1.5rem; }
    .dg-login-gate-features { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px) {
    .dg-dash-kpis { grid-template-columns: 1fr 1fr; }
    .dg-kpi { padding: .85rem; }
    .dg-kpi strong { font-size: 1.1rem; }
    .dg-watch-grid { grid-template-columns: 1fr; }
    .dg-watch-input-row { flex-direction: column; }
    .dg-profile-box { padding: 1.1rem; }
    .dg-profile-avatar { width: 44px; height: 44px; font-size: 1.1rem; }
    .dg-dash-table { display: block; overflow-x: auto; white-space: nowrap; }
    .dg-dash-card-head { flex-direction: column; align-items: flex-start; }
    .dg-side-quick { grid-template-columns: 1fr; }
    .dg-login-gate-features { grid-template-columns: 1fr; }
}

.dg-tabs { display: flex; flex-direction: column; gap: .4rem; margin-top: 1rem; }
.dg-tab-btn {
    display: flex; align-items: center; gap: .7rem; width: 100%; text-align: right;
    background: var(--card); border: 1px solid var(--line); border-radius: .9rem;
    padding: .8rem 1rem; font-weight: 800; font-size: .9rem; color: var(--ink);
    transition: all .2s;
}
.dg-tab-btn .dg-ic { color: var(--gold); flex-shrink: 0; }
.dg-tab-btn span { flex: 1; }
.dg-tab-btn b {
    min-width: 24px; height: 24px; display: grid; place-items: center;
    border-radius: 999px; background: var(--paper-deep); color: var(--teal-deep); font-size: .72rem; padding-inline: 6px;
}
.dg-tab-btn:hover { border-color: rgba(185,146,72,.5); background: var(--gold-soft); }
.dg-tab-btn.active { background: var(--teal); border-color: var(--teal); color: #fff; box-shadow: var(--shadow-card); }
.dg-tab-btn.active .dg-ic { color: var(--gold-bright); }
.dg-tab-btn.active b { background: rgba(255,255,255,.18); color: #fff; }

.dg-tab-panel { display: none; animation: dgFade .3s; }
.dg-tab-panel.active { display: block; }
.dg-dash-body { display: grid; gap: 1.2rem; align-content: start; }
.dg-dash-title { font-size: 1.4rem; margin: 0 0 1.1rem; }

.dg-mini-4 { display: grid; grid-template-columns: repeat(2,1fr); gap: .9rem; margin-top: 0; }
@media (min-width: 768px) { .dg-mini-4 { grid-template-columns: repeat(4,1fr); } }
.dg-mini-stats > div strong { font-size: 1.2rem; word-break: break-word; }
.dg-mini-stats > div strong .woocommerce-Price-amount { font-size: 1.05rem; }

.dg-quick-actions { display: flex; flex-wrap: wrap; gap: .7rem; }
.dg-dash-two { display: grid; gap: 1.2rem; }
@media (min-width: 1024px) { .dg-dash-two { grid-template-columns: 1fr 1fr; align-items: start; } }

.dg-profile-form { display: grid; gap: 1.1rem; max-width: 480px; }
.dg-watch-add { margin-bottom: .4rem; }

/* جدول تعرفه دولتی-نمایش */
.dg-price-usd strong { color: var(--teal-deep); font-size: 1rem; }
.dg-price-usd small { display: block; font-size: .68rem; color: var(--ink-soft); }
.dg-price small.dg-note { display: block; font-weight: 400; font-size: .68rem; }

@media (max-width: 1023px) {
    .dg-dash-side { position: static; }
    .dg-tabs { flex-direction: row; overflow-x: auto; padding-bottom: .5rem; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
    .dg-tabs::-webkit-scrollbar { display: none; }
    .dg-tab-btn { width: auto; white-space: nowrap; flex-shrink: 0; font-size: .82rem; padding: .65rem .85rem; }
    .dg-tab-btn span { display: none; }
    .dg-tab-btn .dg-ic { margin: 0; }
    .dg-tab-btn b { font-size: .65rem; min-width: 20px; height: 20px; }
    .dg-dash-body { overflow-x: hidden; }
    .dg-dash-title { font-size: 1.1rem !important; }
    .dg-mini-4 { grid-template-columns: 1fr 1fr !important; gap: .6rem; }
    .dg-mini-stats > div { padding: .8rem !important; }
    .dg-mini-stats > div strong { font-size: 1rem !important; }
    .dg-quick-actions { flex-direction: column; }
    .dg-quick-actions .dg-btn { width: 100%; font-size: .85rem; }
    .dg-dash-two { grid-template-columns: 1fr !important; }
    .dg-profile-card { padding: 1.2rem; text-align: center; }
    .dg-profile-card strong { font-size: 1rem; }
    .dg-panel-head { flex-direction: column; gap: .4rem; align-items: flex-start !important; }
    .dg-panel-head h3 { font-size: .9rem; }
    .dg-history li { flex-direction: column; align-items: flex-start !important; gap: .4rem; }
    .dg-table-wrap { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
}

/* ── ریست جهانی overflow ── */
.dg-page, .dg-page-in, .dg-container { max-width: 100%; overflow-x: hidden; }

/* ═══════════════════════════════════════════════════════════════
   ووکامرس — سبد، تسویه حساب و فروشگاه — v1.9.3
   ═══════════════════════════════════════════════════════════════ */

/* ── صفحه WC عمومی ── */
.dg-wc-page { min-height: 60vh; padding-block: 2rem 4rem; }
.dg-wc-page .dg-container { max-width: 1100px; }
.dg-wc-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: 2rem; }
.dg-wc-title { display: flex; align-items: center; gap: .6rem; font-size: 1.8rem; margin: 0; }
.dg-wc-title .dg-ic { color: var(--gold); }
.dg-wc-back { display: inline-flex; align-items: center; gap: .5rem; font-size: .85rem; font-weight: 800; color: var(--teal); border: 1.5px solid var(--line); border-radius: .8rem; padding: .55rem 1rem; transition: all .2s; }
.dg-wc-back:hover { border-color: var(--teal); background: var(--teal); color: #fff; }

/* ── سبد خرید ── */
.dg-cart-layout { display: flex; flex-direction: column; gap: 1.4rem; }

/* جدول سبد — تمیز و بدون شکستگی */
.woocommerce table.shop_table { width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 1.2rem; overflow: hidden; border: 1.5px solid var(--line); box-shadow: var(--shadow-card); background: var(--card); }
.woocommerce table.shop_table thead tr th { background: var(--teal-deep); color: #fff; font-size: .82rem; font-weight: 800; padding: 1rem 1.2rem; text-align: right; white-space: nowrap; }
.woocommerce table.shop_table tbody tr td { padding: 1rem 1.2rem; border-bottom: 1px solid rgba(229,219,192,.5); vertical-align: middle; font-size: .9rem; }
.woocommerce table.shop_table tbody tr:last-child td { border-bottom: 0; }
.woocommerce table.shop_table tbody tr:hover td { background: rgba(250,246,236,.6); }

/* اطلاعات محصول در جدول — تمیز و واضح */
.woocommerce .product-name { min-width: 200px; }
.woocommerce .product-name a { font-weight: 900; color: var(--teal-deep); font-size: .95rem; display: block; margin-bottom: .3rem; }
.woocommerce .product-name a:hover { color: var(--turquoise); }
/* Meta اطلاعات دامنه */
.woocommerce .wc-item-meta { margin: .5rem 0 0; padding: .6rem .9rem; background: var(--gold-soft); border: 1px solid rgba(185,146,72,.3); border-radius: .7rem; list-style: none; display: flex; flex-direction: column; gap: .3rem; }
.woocommerce .wc-item-meta li { display: flex; align-items: baseline; gap: .5rem; font-size: .8rem; }
.woocommerce .wc-item-meta p, .woocommerce .wc-item-meta strong { font-size: .8rem; margin: 0; }
.woocommerce .wc-item-meta p.wc-item-meta-label { font-weight: 900; color: var(--teal-deep); white-space: nowrap; }
.woocommerce dl.variation { margin: .5rem 0 0; padding: .5rem .8rem; background: var(--gold-soft); border-radius: .6rem; }
.woocommerce dl.variation dt { font-weight: 900; color: var(--teal-deep); font-size: .78rem; float: right; margin-left: .4rem; }
.woocommerce dl.variation dd { font-size: .78rem; color: var(--ink); margin: 0; }
.woocommerce .product-quantity .qty { width: 64px; text-align: center; border: 1.5px solid var(--line); border-radius: .7rem; padding: .5rem; font-weight: 800; background: var(--paper); }
.woocommerce td.product-price, .woocommerce td.product-subtotal { font-weight: 900; color: var(--teal-deep); font-size: 1rem; white-space: nowrap; }

/* کوپن + دکمه‌ها */
.woocommerce td.actions { background: rgba(250,246,236,.5) !important; }
.woocommerce .actions { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; }
.woocommerce .actions .coupon { display: flex; gap: .5rem; flex-wrap: wrap; }
.woocommerce .actions input[name="coupon_code"] { border: 1.5px solid var(--line); border-radius: .8rem; padding: .6rem 1rem; font-weight: 700; background: var(--paper); min-width: 160px; }
.woocommerce .actions .button { white-space: nowrap; }
.woocommerce .actions .button[name="update_cart"] { margin-right: auto; }

/* جمع سبد */
.woocommerce .cart-collaterals { margin-top: 1.8rem; display: grid; gap: 1.4rem; }
@media (min-width: 768px) { .woocommerce .cart-collaterals { grid-template-columns: 1fr 400px; align-items: start; } }
.woocommerce .cart_totals { background: var(--card); border: 1.5px solid var(--line); border-radius: 1.3rem; padding: 1.8rem; box-shadow: var(--shadow-card); }
.woocommerce .cart_totals h2 { font-size: 1.2rem; font-weight: 900; padding-bottom: 1rem; border-bottom: 2px solid var(--line); margin-bottom: 1.2rem; }
.woocommerce .cart_totals table { width: 100%; border-collapse: collapse; }
.woocommerce .cart_totals th, .woocommerce .cart_totals td { padding: .75rem 0; font-size: .92rem; border-bottom: 1px dashed var(--line); }
.woocommerce .cart_totals .order-total th, .woocommerce .cart_totals .order-total td { font-weight: 900; color: var(--teal); font-size: 1.2rem; border-bottom: 0; padding-top: 1rem; }
.woocommerce .wc-proceed-to-checkout .checkout-button { display: flex; align-items: center; justify-content: center; gap: .6rem; width: 100%; margin-top: 1.2rem; font-size: 1.05rem; font-weight: 900; padding: 1rem; background: linear-gradient(135deg, var(--gold-bright), var(--gold)); color: var(--teal-deep); border-radius: 1rem; border: 0; box-shadow: var(--shadow-card); transition: all .25s; }
.woocommerce .wc-proceed-to-checkout .checkout-button:hover { transform: translateY(-2px); box-shadow: var(--shadow-lift); }

/* ── تسویه حساب — چیدمان ── */
.dg-checkout-layout { display: grid; gap: 1.6rem; }
@media (min-width: 1024px) { .dg-checkout-layout { grid-template-columns: 1fr 420px; align-items: start; } }
.dg-checkout-layout .woocommerce-checkout { all: unset; display: contents; }
.dg-checkout-layout form.checkout { display: contents; }
/* ستون چپ: اطلاعات billing */
.woocommerce-billing-fields, .woocommerce-shipping-fields, .woocommerce-additional-fields { background: var(--card); border: 1.5px solid var(--line); border-radius: 1.3rem; padding: 1.8rem; box-shadow: var(--shadow-card); margin-bottom: 1.4rem; }
/* ستون راست: سفارش شما */
.woocommerce #order_review { background: var(--card); border: 1.5px solid var(--line); border-radius: 1.3rem; padding: 1.8rem; box-shadow: var(--shadow-card); }
.woocommerce #order_review_heading { font-size: 1.2rem; font-weight: 900; padding-right: 1rem; border-right: 4px solid var(--gold); margin-bottom: 1.2rem; display: flex; align-items: center; gap: .5rem; }
.woocommerce #order_review table.shop_table { border-radius: 1rem; overflow: hidden; border: 1.5px solid var(--line); }
.woocommerce #order_review table.shop_table th { background: var(--teal-deep); color: #fff; padding: .8rem 1rem; font-size: .82rem; }
.woocommerce #order_review table.shop_table td { padding: .9rem 1rem; border-bottom: 1px dashed rgba(229,219,192,.5); font-size: .9rem; }
.woocommerce #order_review table.shop_table tr:last-child td { border-bottom: 0; }
.woocommerce #order_review .order-total td, .woocommerce #order_review .order-total th { font-weight: 900; color: var(--teal); font-size: 1.1rem; background: var(--gold-soft); }
/* اطلاعات محصول در order review */
.woocommerce #order_review .product-name { font-weight: 900; color: var(--teal-deep); }
.woocommerce #order_review .wc-item-meta { background: rgba(243,231,195,.5); border: none; margin-top: .4rem; padding: .4rem .7rem; gap: .2rem; }

/* پرداخت */
.woocommerce #payment { background: var(--gold-soft); border: 1.5px solid rgba(185,146,72,.4); border-radius: 1.2rem; margin-top: 1.4rem; overflow: hidden; }
.woocommerce #payment .wc_payment_methods { list-style: none; margin: 0; padding: 1.2rem 1.4rem; border-bottom: 1px dashed rgba(185,146,72,.45); }
.woocommerce #payment .wc_payment_methods li label { font-weight: 800; color: var(--teal-deep); cursor: pointer; display: flex; align-items: center; gap: .5rem; }
.woocommerce #payment .payment_box { background: rgba(255,254,248,.9); color: var(--teal-deep); font-weight: 600; padding: .8rem 1.2rem; margin: .4rem 0; border-radius: .7rem; font-size: .85rem; }
.woocommerce #payment div.form-row { padding: 1.2rem 1.4rem; }
.woocommerce #place_order { width: 100%; font-size: 1.1rem; font-weight: 900; padding: 1.1rem; border-radius: 1rem; border: 0; cursor: pointer; background: linear-gradient(135deg, var(--teal), var(--teal-deep)); color: #fff; box-shadow: var(--shadow-lift); transition: all .25s; }
.woocommerce #place_order:hover { background: var(--teal-deep); transform: translateY(-1px); }

/* ── موبایل: سبد و تسویه ── */
@media (max-width: 767px) {
    .dg-wc-header { margin-bottom: 1.2rem; }
    .dg-wc-title { font-size: 1.3rem; }
    /* تبدیل جدول سبد به کارت */
    .woocommerce table.shop_table { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; }
    .woocommerce table.shop_table thead { display: none !important; }
    .woocommerce table.shop_table tbody tr { display: block !important; background: var(--card) !important; border: 1.5px solid var(--line) !important; border-radius: 1.1rem !important; padding: 1rem !important; margin-bottom: .9rem; box-shadow: var(--shadow-card) !important; }
    .woocommerce table.shop_table td { display: flex !important; align-items: center; justify-content: space-between; gap: .6rem; padding: .5rem 0 !important; border-bottom: 1px solid rgba(229,219,192,.35) !important; font-size: .88rem !important; }
    .woocommerce table.shop_table td:last-child { border-bottom: 0 !important; }
    .woocommerce table.shop_table td::before { content: attr(data-title); font-weight: 900; color: var(--teal-deep); font-size: .76rem; flex-shrink: 0; }
    .woocommerce table.shop_table td.product-thumbnail, .woocommerce .product-thumbnail { display: none !important; }
    .woocommerce table.shop_table td.product-name { flex-direction: column; align-items: flex-start !important; }
    .woocommerce table.shop_table td.product-name::before { display: none !important; }
    .woocommerce table.shop_table td.product-remove { justify-content: flex-end !important; border-bottom: 0 !important; padding-bottom: 0 !important; }
    .woocommerce table.shop_table td.product-remove::before { display: none !important; }
    .woocommerce table.shop_table td.actions { flex-direction: column !important; align-items: stretch !important; }
    .woocommerce table.shop_table td.actions::before { display: none !important; }
    .woocommerce .actions { flex-direction: column; align-items: stretch; }
    .woocommerce .actions .coupon { flex-direction: column; }
    .woocommerce .cart-collaterals { grid-template-columns: 1fr !important; }
    /* تسویه حساب */
    .woocommerce-billing-fields, .woocommerce-shipping-fields, .woocommerce-additional-fields, .woocommerce #order_review { padding: 1.1rem; border-radius: 1rem; margin-bottom: 1rem; }
    .woocommerce .woocommerce-billing-fields__field-wrapper, .woocommerce .woocommerce-address-fields__field-wrapper { grid-template-columns: 1fr !important; }
    .woocommerce .form-row, .woocommerce .form-row-first, .woocommerce .form-row-last { float: none !important; width: 100% !important; clear: none !important; grid-column: 1 / -1 !important; }
}

/* ════════════════════════════════════════════════════════════════
   فروشگاه ویترینی v1.9.3
   ════════════════════════════════════════════════════════════════ */
.dg-shop-v2 { padding-bottom: 4rem; }

/* استوری‌ها */
.dg-shop-stories-wrap { background: var(--card); border-bottom: 1px solid var(--line); padding-block: 1.2rem; }
.dg-shop-stories { display: flex; gap: 1.1rem; overflow-x: auto; scrollbar-width: none; padding-inline: .5rem; }
.dg-shop-stories::-webkit-scrollbar { display: none; }
.dg-shop-story-item { display: flex; flex-direction: column; align-items: center; gap: .4rem; flex-shrink: 0; width: 72px; background: none; border: 0; cursor: pointer; padding: 0; }
.dg-shop-story-ring { width: 64px; height: 64px; border-radius: 50%; padding: 3px; display: block; }
.dg-shop-story-ic { width: 100%; height: 100%; border-radius: 50%; background: var(--paper-deep); display: grid; place-items: center; }
.dg-shop-story-item small { font-size: .66rem; font-weight: 800; color: var(--teal-deep); white-space: nowrap; }

/* اسلایدر */
.dg-shop-slider { position: relative; overflow: hidden; }
.dg-shop-slides { position: relative; }
.dg-shop-slide { position: absolute; inset: 0; opacity: 0; transition: opacity 1s ease-in-out; display: flex; align-items: center; min-height: 320px; overflow: hidden; }
.dg-shop-slide.active { opacity: 1; position: relative; }
.dg-slide-pattern-overlay { position: absolute; inset: 0; }
.dg-shop-slide-inner { display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: center; padding-block: 3rem; position: relative; z-index: 2; width: 100%; }
.dg-shop-slide-copy h2 { font-size: clamp(1.4rem, 4vw, 2.4rem); color: #fff; line-height: 1.55; margin-bottom: .7rem; }
.dg-shop-slide-copy p { color: rgba(255,255,255,.8); margin-bottom: 1.5rem; font-size: .95rem; line-height: 2; }
.dg-shop-slide-art { display: grid; place-items: center; width: 130px; height: 130px; border-radius: 50%; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.2); flex-shrink: 0; }
.dg-shop-slide-art .dg-ic { color: rgba(255,255,255,.9); }
.dg-shop-slide-dots { position: absolute; bottom: 1.2rem; left: 50%; transform: translateX(-50%); display: flex; gap: .5rem; z-index: 3; }
.dg-slide-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.4); border: 0; cursor: pointer; transition: all .3s; padding: 0; }
.dg-slide-dot.active { width: 22px; border-radius: 4px; background: rgba(255,255,255,.9); }

/* نوار اعتماد */
.dg-shop-trust-bar { background: var(--paper-deep); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.dg-shop-trust-inner { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }
.dg-str { display: flex; align-items: center; gap: .8rem; padding: 1.1rem 1.4rem; border-left: 1px solid var(--line); }
.dg-str:last-child { border-left: 0; }
.dg-str .dg-ic { color: var(--gold); flex-shrink: 0; }
.dg-str strong { display: block; font-size: .88rem; font-weight: 900; color: var(--teal-deep); }
.dg-str span { font-size: .74rem; color: var(--ink-soft); }

/* جستجو */
.dg-shop-search-box { background: var(--teal-deep); border-radius: 1.6rem; padding: 2rem 2.4rem; margin-block: 2rem; display: grid; grid-template-columns: 1fr 2fr; gap: 1.6rem; align-items: center; box-shadow: var(--shadow-lift); overflow: hidden; position: relative; }
.dg-shop-search-box::before { content: ""; position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23d9b45b' stroke-opacity='0.1' stroke-width='1'%3E%3Crect x='26' y='26' width='44' height='44'/%3E%3Crect x='26' y='26' width='44' height='44' transform='rotate(45 48 48)'/%3E%3C/g%3E%3C/svg%3E"); }
.dg-shop-search-text { position: relative; }
.dg-shop-search-text h2 { color: #fff; font-size: 1.25rem; margin-bottom: .4rem; display: flex; align-items: center; gap: .5rem; }
.dg-shop-search-text h2 .dg-ic { color: var(--gold-bright); }
.dg-shop-search-text p { color: rgba(255,255,255,.7); font-size: .85rem; margin: 0; }
.dg-shop-search-box .dg-whois-form { position: relative; flex-direction: column; max-width: none !important; background: rgba(255,255,255,.1); border: 1.5px solid rgba(255,255,255,.2); }
.dg-shop-search-box .dg-whois-form input { color: #fff !important; background: transparent !important; }
.dg-shop-search-box .dg-whois-result-slot { position: relative; margin-top: 1rem; }

/* بخش سکشن هدر */
.dg-shop-sec-head { text-align: center; max-width: 660px; margin: 2.5rem auto 2rem; }
.dg-shop-sec-head h2 { font-size: 1.9rem; }
.dg-shop-sec-head p { color: var(--ink-soft); line-height: 2; }

/* گرید خدمات */
.dg-shop-services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; margin-bottom: 1.6rem; }
.dg-svc-card { position: relative; border-radius: 1.6rem; border: 1.5px solid var(--line); background: var(--card); overflow: hidden; transition: all .3s; box-shadow: var(--shadow-card); }
.dg-svc-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lift); border-color: rgba(185,146,72,.5); }
.dg-svc-featured { grid-column: span 1; border-color: var(--gold); }
.dg-svc-featured-bg { position: absolute; inset: 0; background: linear-gradient(135deg, var(--teal-deep), var(--teal) 80%); opacity: .04; }
.dg-svc-inner { padding: 1.5rem; display: flex; flex-direction: column; height: 100%; position: relative; }
.dg-svc-top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 1rem; }
.dg-svc-badge { display: inline-flex; align-items: center; gap: .3rem; background: var(--gold-soft); color: var(--teal-deep); border: 1px solid rgba(185,146,72,.3); border-radius: 999px; padding: .25rem .7rem; font-size: .7rem; font-weight: 900; }
.dg-svc-badge .dg-ic { color: var(--gold); }
.dg-svc-icon { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 1rem; flex-shrink: 0; }
.dg-svc-icon-teal { background: rgba(14,107,92,.1); color: var(--teal); }
.dg-svc-icon-gold { background: var(--gold-soft); color: var(--gold); }
.dg-svc-icon-purple { background: #f5f3ff; color: #7c3aed; }
.dg-svc-title { font-size: 1.15rem; font-weight: 900; color: var(--teal-deep); margin: 0 0 .25rem; }
.dg-svc-sub { font-size: .76rem; font-weight: 800; color: var(--gold); margin-bottom: .7rem; }
.dg-svc-desc { font-size: .84rem; color: var(--ink-soft); line-height: 2; margin-bottom: .9rem; flex: 1; }
.dg-svc-feats { list-style: none; margin: 0 0 1.2rem; padding: 0; display: flex; flex-direction: column; gap: .3rem; }
.dg-svc-feats li { display: flex; align-items: center; gap: .45rem; font-size: .8rem; font-weight: 700; color: var(--ink); }
.dg-svc-feats .dg-ic { color: var(--ok); flex-shrink: 0; }
.dg-svc-footer { display: flex; align-items: center; justify-content: space-between; gap: .8rem; flex-wrap: wrap; padding-top: 1rem; border-top: 1px dashed rgba(229,219,192,.6); margin-top: auto; }
.dg-svc-price { display: flex; flex-direction: column; }
.dg-svc-price small { font-size: .7rem; color: var(--ink-soft); }
.dg-svc-price strong { font-size: 1.05rem; font-weight: 900; color: var(--teal-deep); }
.dg-svc-actions { display: flex; align-items: center; gap: .5rem; }
.dg-svc-whois { display: inline-flex; align-items: center; gap: .3rem; font-size: .75rem; font-weight: 800; color: var(--teal); border: 1.5px solid var(--line); border-radius: .65rem; padding: .45rem .75rem; text-decoration: none; transition: all .2s; }
.dg-svc-whois:hover { border-color: var(--teal); background: var(--teal); color: #fff; }

/* CTA تعرفه */
.dg-shop-tld-cta { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; flex-wrap: wrap; background: var(--paper-deep); border: 1.5px solid var(--line); border-radius: 1.3rem; padding: 1.6rem 2rem; margin-top: 1.6rem; }
.dg-shop-tld-cta h3 { font-size: 1.1rem; margin-bottom: .3rem; }
.dg-shop-tld-cta p { color: var(--ink-soft); font-size: .85rem; margin: 0; }

/* مقالات */
.dg-shop-blog { margin-top: 2.5rem; }
.dg-shop-posts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.dg-shop-post { display: flex; align-items: center; gap: .9rem; background: var(--card); border: 1px solid var(--line); border-radius: 1rem; padding: 1rem; text-decoration: none; transition: all .2s; }
.dg-shop-post:hover { border-color: var(--gold); background: var(--gold-soft); }
.dg-shop-post-ic { width: 40px; height: 40px; display: grid; place-items: center; border-radius: .7rem; background: var(--gold-soft); color: var(--gold); flex-shrink: 0; }
.dg-shop-post strong { display: block; font-size: .88rem; font-weight: 800; color: var(--teal-deep); margin-bottom: .2rem; }
.dg-shop-post small { font-size: .72rem; color: var(--ink-soft); }

/* ── ریسپانسیو فروشگاه ── */
@media (max-width: 1023px) {
    .dg-shop-services-grid { grid-template-columns: repeat(2, 1fr); }
    .dg-shop-trust-inner { grid-template-columns: repeat(2, 1fr); }
    .dg-str:nth-child(2) { border-left: 0; }
    .dg-str:nth-child(1), .dg-str:nth-child(2) { border-bottom: 1px solid var(--line); }
    .dg-shop-search-box { grid-template-columns: 1fr; }
    .dg-shop-slide-inner { grid-template-columns: 1fr; }
    .dg-shop-slide-art { display: none; }
    .dg-shop-posts { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
    .dg-shop-services-grid { grid-template-columns: 1fr; }
    .dg-shop-trust-inner { grid-template-columns: 1fr 1fr; }
    .dg-str { padding: .8rem 1rem; }
    .dg-shop-slide { min-height: 240px; }
    .dg-shop-slide-copy h2 { font-size: 1.3rem; }
    .dg-shop-search-box { padding: 1.2rem; border-radius: 1.1rem; }
    .dg-shop-tld-cta { flex-direction: column; align-items: stretch; text-align: center; }
    .dg-shop-posts { grid-template-columns: 1fr; }
    .dg-svc-featured { grid-column: span 1; }
}
.dg-shop-page .dg-page-in { padding-top: 2.4rem; }
.dg-shop-hero {
    display: grid; grid-template-columns: 1.15fr .85fr; gap: 1.6rem;
    background: linear-gradient(135deg, rgba(255,254,248,.95), rgba(243,231,195,.55));
    border: 1px solid var(--line); border-radius: 2rem; padding: 2rem; box-shadow: var(--shadow-lift);
    margin-bottom: 1.6rem; overflow: hidden; position: relative;
}
.dg-shop-hero::before {
    content: ""; position: absolute; width: 320px; height: 320px; border-radius: 50%;
    left: -90px; top: -90px; background: rgba(23,160,138,.08); filter: blur(8px);
}
.dg-shop-hero-copy, .dg-shop-hero-side { position: relative; z-index: 2; }
.dg-shop-hero h1 { font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1.5; margin-bottom: .9rem; }
.dg-shop-hero p { color: var(--ink-soft); font-size: 1rem; line-height: 2.1; max-width: 640px; }
.dg-shop-hero-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.2rem; }
.dg-shop-trust-inline { display: flex; flex-wrap: wrap; gap: 1rem 1.4rem; margin-top: 1.3rem; color: var(--ink-soft); font-weight: 800; font-size: .84rem; }
.dg-shop-trust-inline span { display: inline-flex; align-items: center; gap: .45rem; }
.dg-shop-trust-inline .dg-ic { color: var(--gold); }

.dg-shop-hero-side { display: grid; align-items: center; }
.dg-shop-glass {
    display: grid; gap: .9rem; background: rgba(9,63,55,.93); color: #fff;
    border-radius: 1.5rem; padding: 1.2rem; box-shadow: var(--shadow-lift);
}
.dg-shop-mini-stat { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem .9rem; border-radius: 1rem; background: rgba(255,255,255,.07); }
.dg-shop-mini-stat b { color: var(--gold-bright); font-size: 1.15rem; font-weight: 900; }
.dg-shop-mini-stat span { font-size: .82rem; color: rgba(255,255,255,.74); }

.dg-shop-strip {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;
    margin-bottom: 2rem;
}
.dg-shop-strip-item {
    display: flex; align-items: center; gap: .9rem; background: var(--card);
    border: 1px solid var(--line); border-radius: 1.2rem; padding: 1rem 1.1rem; box-shadow: var(--shadow-card);
}
.dg-shop-strip-item .dg-ic { width: 42px; height: 42px; display: grid; place-items: center; border-radius: .9rem; background: var(--gold-soft); color: var(--teal-deep); flex-shrink: 0; }
.dg-shop-strip-item strong { display: block; color: var(--teal-deep); font-size: .95rem; }
.dg-shop-strip-item span { display: block; color: var(--ink-soft); font-size: .76rem; margin-top: .15rem; }

.dg-sec-head-left { text-align: right; margin-right: 0; margin-left: 0; max-width: 720px; }
.dg-shop-grid-wrap { margin-top: .5rem; }
.dg-shop-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.2rem; }
.dg-shop-card {
    display: flex; flex-direction: column; min-height: 100%;
    background: linear-gradient(180deg, var(--card), rgba(250,246,236,.92));
    border: 1px solid var(--line); border-radius: 1.6rem; padding: 1.4rem;
    box-shadow: var(--shadow-card); transition: transform .25s, box-shadow .25s, border-color .25s;
    position: relative; overflow: hidden;
}
.dg-shop-card::before {
    content: ""; position: absolute; inset: 0; background: radial-gradient(circle at top left, rgba(185,146,72,.12), transparent 40%); pointer-events: none;
}
.dg-shop-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lift); border-color: rgba(185,146,72,.55); }
.dg-shop-card-top { display: flex; align-items: center; justify-content: space-between; gap: .8rem; margin-bottom: 1rem; position: relative; z-index: 2; }
.dg-shop-badge {
    display: inline-flex; align-items: center; gap: .35rem; background: var(--gold-soft); color: var(--teal-deep);
    border: 1px solid rgba(185,146,72,.35); padding: .28rem .7rem; border-radius: 999px; font-size: .72rem; font-weight: 900;
}
.dg-shop-icon {
    width: 56px; height: 56px; display: grid; place-items: center; border-radius: 1rem;
    background: linear-gradient(135deg, var(--teal-deep), var(--teal)); color: var(--gold-bright); box-shadow: var(--shadow-card);
}
.dg-shop-title { position: relative; z-index: 2; font-size: 1.2rem; margin-bottom: .45rem; }
.dg-shop-desc { position: relative; z-index: 2; color: var(--ink-soft); font-size: .88rem; line-height: 2; margin-bottom: 1rem; min-height: 3.8rem; }
.dg-shop-features { position: relative; z-index: 2; list-style: none; margin: 0 0 1.2rem; padding: 0; display: grid; gap: .45rem; }
.dg-shop-features li { position: relative; padding-right: 1rem; color: var(--ink); font-size: .84rem; font-weight: 700; }
.dg-shop-features li::before { content: "◆"; position: absolute; right: 0; top: .18rem; color: var(--gold); font-size: .6rem; }
.dg-shop-price-row {
    position: relative; z-index: 2; margin-top: auto; padding-top: 1rem; border-top: 1px dashed rgba(185,146,72,.35);
    display: flex; align-items: end; justify-content: space-between; gap: .8rem;
}
.dg-shop-price-row small { display: block; color: var(--ink-soft); font-size: .73rem; margin-bottom: .2rem; }
.dg-shop-price-row strong { display: block; color: var(--teal-deep); font-size: 1.1rem; font-weight: 900; }
.dg-shop-price-row .dg-btn { flex-shrink: 0; }

.dg-shop-cta {
    margin-top: 2rem; background: var(--teal-deep); color: #fff;
    border-radius: 1.8rem; padding: 1.8rem 2rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem;
    box-shadow: var(--shadow-lift);
}
.dg-shop-cta h2 { color: #fff; margin-bottom: .3rem; }
.dg-shop-cta p { color: rgba(255,255,255,.72); margin: 0; }

/* حذف قطعی هر نوع تصویر در لیست فروشگاه و محصول تکی */
.woocommerce ul.products li.product img,
.woocommerce-page ul.products li.product img,
.woocommerce div.product div.images,
.single-product .woocommerce-product-gallery,
.single-product .flex-control-thumbs,
.single-product .woocommerce-product-gallery__wrapper {
    display: none !important;
}
.single-product .product .summary { width: 100% !important; float: none !important; }

/* ریسپانسیو فروشگاه نسخه 1.7 */
@media (max-width: 1024px) {
    .dg-shop-hero { grid-template-columns: 1fr; }
    .dg-shop-strip { grid-template-columns: 1fr; }
    .dg-shop-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dg-shop-cta { flex-direction: column; align-items: stretch; text-align: center; }
}
@media (max-width: 640px) {
    .dg-shop-page .dg-page-in { padding-top: 1.3rem; }
    .dg-shop-hero { padding: 1.2rem; border-radius: 1.4rem; }
    .dg-shop-hero h1 { font-size: 1.7rem; }
    .dg-shop-hero p { font-size: .9rem; }
    .dg-shop-grid { grid-template-columns: 1fr; gap: 1rem; }
    .dg-shop-card { padding: 1.1rem; border-radius: 1.2rem; }
    .dg-shop-price-row { flex-direction: column; align-items: stretch; }
    .dg-shop-price-row .dg-btn { width: 100%; }
    .dg-shop-strip-item { padding: .9rem; }
    .dg-shop-cta { padding: 1.2rem; border-radius: 1.3rem; }
}

/* ════════════════════════════════════════════════════════════════
   Hosting Vitrine — v1.10.0
   صفحه اختصاصی میزبانی وب / هاست ابری
   ════════════════════════════════════════════════════════════════ */
.dg-host-page { padding-bottom: 4rem; }

/* استوری‌های هاست */
.dg-host-stories-sec { background: var(--card); border-bottom: 1px solid var(--line); padding-block: 1rem; }
.dg-host-stories { display: flex; gap: 1rem; overflow-x: auto; scrollbar-width: none; padding-inline: .5rem; }
.dg-host-stories::-webkit-scrollbar { display: none; }
.dg-host-story-item { display: flex; flex-direction: column; align-items: center; gap: .4rem; width: 74px; flex-shrink: 0; }
.dg-host-story-ring { width: 64px; height: 64px; padding: 3px; border-radius: 50%; background: linear-gradient(135deg, var(--gold), var(--turquoise)); }
.dg-host-story-core { width: 100%; height: 100%; border-radius: 50%; display: grid; place-items: center; background: var(--card); color: var(--teal-deep); }
.dg-host-story-item small { font-size: .68rem; font-weight: 800; color: var(--teal-deep); }

/* اسلایدر هاست */
.dg-host-slider-wrap { position: relative; min-height: 360px; overflow: hidden; }
.dg-host-slide { position: absolute; inset: 0; opacity: 0; transition: opacity 1s ease-in-out; display: flex; align-items: center; }
.dg-host-slide.active { opacity: 1; position: relative; }
.dg-host-tone-teal { background: linear-gradient(135deg, var(--teal-deep), var(--teal)); }
.dg-host-tone-gold { background: linear-gradient(135deg, #8f6a25, var(--gold)); }
.dg-host-tone-dark { background: linear-gradient(135deg, #111827, var(--teal-deep)); }
.dg-host-slide-pattern { position: absolute; inset: 0; }
.dg-host-slide-inner { display: grid; grid-template-columns: 1.2fr .8fr; gap: 2rem; align-items: center; position: relative; z-index: 2; width: 100%; padding-block: 3rem; }
.dg-host-slide-copy h1 { color: #fff; font-size: clamp(1.7rem, 4vw, 3rem); line-height: 1.5; margin-bottom: .7rem; }
.dg-host-slide-copy p { color: rgba(255,255,255,.78); max-width: 640px; line-height: 2.1; margin-bottom: 1.2rem; }
.dg-host-slide-actions { display: flex; gap: .8rem; flex-wrap: wrap; }
.dg-host-btn-outline { border-color: rgba(255,255,255,.25); color: #fff; }
.dg-host-btn-outline:hover { background: #fff; color: var(--teal-deep); }
.dg-host-slide-art { display: grid; place-items: center; }
.dg-host-art-main { width: 140px; height: 140px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); color: rgba(255,255,255,.92); position: relative; }
.dg-host-art-mini { position: absolute; margin-top: 105px; margin-right: 100px; width: 44px; height: 44px; border-radius: .8rem; display: grid; place-items: center; background: rgba(255,255,255,.9); color: var(--gold); box-shadow: var(--shadow-card); }
.dg-host-dots { position: absolute; inset-inline: 0; bottom: 1.2rem; display: flex; justify-content: center; gap: .45rem; z-index: 5; }
.dg-host-dot { width: 8px; height: 8px; border-radius: 999px; border: 0; background: rgba(255,255,255,.45); cursor: pointer; transition: all .25s; padding: 0; }
.dg-host-dot.active { width: 22px; background: #fff; }

/* نوار بالا */
.dg-host-top-strip { background: var(--paper-deep); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.dg-host-top-strip-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.dg-hstrip-item { display: flex; align-items: center; justify-content: center; gap: .5rem; padding: 1rem .8rem; font-size: .82rem; font-weight: 800; color: var(--teal-deep); border-left: 1px solid var(--line); }
.dg-hstrip-item:last-child { border-left: 0; }
.dg-hstrip-item .dg-ic { color: var(--gold); }

/* پلن‌ها */
.dg-host-plans { padding-block: 3rem 2rem; }
.dg-host-plans-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.2rem; }
.dg-host-plan-card { background: var(--card); border: 1.5px solid var(--line); border-radius: 1.6rem; overflow: hidden; box-shadow: var(--shadow-card); transition: all .25s; }
.dg-host-plan-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lift); }
.dg-host-plan-card.is-featured { border-color: var(--gold); transform: translateY(-4px); }
.dg-host-featured-bar { background: linear-gradient(135deg, var(--gold-bright), var(--gold)); color: var(--teal-deep); text-align: center; padding: .55rem .8rem; font-size: .78rem; font-weight: 900; }
.dg-host-plan-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
.dg-host-plan-card h3 { font-size: 1.2rem; margin-bottom: .25rem; }
.dg-host-plan-sub { display: block; color: var(--gold); font-size: .78rem; font-weight: 800; margin-bottom: 1rem; }
.dg-host-plan-badge { display: inline-block; background: var(--gold-soft); color: var(--teal-deep); border-radius: 999px; padding: .25rem .7rem; font-size: .72rem; font-weight: 900; }
.dg-host-plan-icon { width: 54px; height: 54px; border-radius: 1rem; display: grid; place-items: center; }
.dg-host-icon-teal { background: rgba(14,107,92,.1); color: var(--teal); }
.dg-host-icon-gold { background: var(--gold-soft); color: var(--gold); }
.dg-host-icon-purple { background: #f5f3ff; color: #7c3aed; }
.dg-host-price-box { text-align: center; background: var(--paper); border: 1px solid var(--line); border-radius: 1rem; padding: 1rem; margin-bottom: 1rem; }
.dg-host-price-box small { display: block; font-size: .75rem; color: var(--ink-soft); }
.dg-host-price-box strong { display: block; font-size: 1.35rem; color: var(--teal-deep); font-weight: 900; margin: .25rem 0; }
.dg-host-price-box span { font-size: .78rem; color: var(--gold); font-weight: 800; }
.dg-host-specs { list-style: none; margin: 0 0 1rem; padding: 0; display: grid; gap: .45rem; }
.dg-host-specs li { display: flex; align-items: center; justify-content: space-between; gap: .7rem; padding: .55rem 0; border-bottom: 1px dashed rgba(229,219,192,.5); font-size: .82rem; }
.dg-host-specs li:last-child { border-bottom: 0; }
.dg-host-specs span { color: var(--ink-soft); }
.dg-host-specs b { color: var(--teal-deep); font-weight: 800; text-align: left; }
.dg-host-plan-actions { display: flex; gap: .6rem; flex-wrap: wrap; }
.dg-host-plan-actions .dg-btn { flex: 1; justify-content: center; }
.dg-host-plan-link { display: inline-flex; align-items: center; justify-content: center; padding: .7rem .95rem; border: 1.5px solid var(--line); border-radius: .8rem; color: var(--teal); font-size: .8rem; font-weight: 800; text-decoration: none; transition: all .2s; }
.dg-host-plan-link:hover { background: var(--teal); border-color: var(--teal); color: #fff; }

/* مزایا */
.dg-host-benefits { padding-block: 2rem; }
.dg-host-benefits-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; }
.dg-host-benefit-card { background: var(--card); border: 1px solid var(--line); border-radius: 1.2rem; padding: 1.4rem; box-shadow: var(--shadow-card); }
.dg-host-benefit-ic { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 1rem; background: var(--gold-soft); color: var(--gold); margin-bottom: 1rem; }
.dg-host-benefit-card h3 { font-size: 1rem; margin-bottom: .45rem; }
.dg-host-benefit-card p { font-size: .84rem; color: var(--ink-soft); line-height: 2; margin: 0; }

/* جزئیات */
.dg-host-detail-blocks { padding-block: 1rem 2rem; }
.dg-host-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.dg-host-detail-box { background: var(--paper-deep); border: 1px solid var(--line); border-radius: 1.2rem; padding: 1.3rem 1.4rem; }
.dg-host-detail-box h3 { display: flex; align-items: center; gap: .5rem; font-size: 1rem; margin-bottom: .5rem; }
.dg-host-detail-box h3 .dg-ic { color: var(--gold); }
.dg-host-detail-box p { margin: 0; color: var(--ink-soft); line-height: 2; font-size: .85rem; }

/* FAQ */
.dg-host-faq-sec { padding-block: 2rem 1rem; }

/* ریسپانسیو هاست */
@media (max-width: 1023px) {
    .dg-host-slide-inner { grid-template-columns: 1fr; }
    .dg-host-slide-art { display: none; }
    .dg-host-top-strip-grid { grid-template-columns: 1fr 1fr; }
    .dg-hstrip-item:nth-child(2n) { border-left: 0; }
    .dg-host-plans-grid { grid-template-columns: repeat(2,1fr); }
    .dg-host-benefits-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
    .dg-host-slide { min-height: 280px; }
    .dg-host-slide-inner { padding-block: 2rem 3rem; }
    .dg-host-slide-copy h1 { font-size: 1.55rem; }
    .dg-host-slide-copy p { font-size: .88rem; }
    .dg-host-slide-actions { flex-direction: column; }
    .dg-host-slide-actions .dg-btn { width: 100%; }
    .dg-host-top-strip-grid { grid-template-columns: 1fr; }
    .dg-hstrip-item { border-left: 0; border-bottom: 1px solid var(--line); justify-content: flex-start; }
    .dg-hstrip-item:last-child { border-bottom: 0; }
    .dg-host-plans-grid { grid-template-columns: 1fr; }
    .dg-host-benefits-grid { grid-template-columns: 1fr; }
    .dg-host-detail-grid { grid-template-columns: 1fr; }
    .dg-host-plan-actions { flex-direction: column; }
    .dg-host-plan-actions .dg-btn, .dg-host-plan-link { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}