@font-face{font-family:IRANSans;src:url("/fonts/IRANSans/IRANSans(FaNum).ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:IRANSans;src:url("/fonts/IRANSans/IRANSans(FaNum)_Light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:IRANSans;src:url("/fonts/IRANSans/IRANSans(FaNum)_Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:IRANSans;src:url("/fonts/IRANSans/IRANSans(FaNum)_Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:IRANSans;src:url("/fonts/IRANSans/IRANSans(FaNum)_Black.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}

:root{--font-family:IRANSans,Tahoma,Arial,sans-serif;--primary:#9510a7;--primary-dark:#751083;--primary-soft:#f4eafa;--secondary:#421b4b;--page-bg:#f7f6f8;--surface:#fff;--text:#28202d;--muted:#817887;--light:#aaa3af;--border:#e8e1eb;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--shadow-sm:0 4px 14px rgba(54,25,62,.05);--shadow-md:0 12px 34px rgba(54,25,62,.08);--container:1160px}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 50% 25%,rgba(166,110,180,.055),transparent 32%),var(--page-bg);color:var(--text);font-family:var(--font-family);font-size:14px;line-height:1.8}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh}.site-header{width:min(calc(100% - 48px),1280px);height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:18px}.brand__mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px 13px 13px 4px;color:#fff;background:linear-gradient(145deg,var(--primary),#6d1382);box-shadow:0 10px 22px rgba(143,17,162,.18);font-size:27px;line-height:1}
.icon-button {
    height: 44px;
    display: grid;
    place-items: center;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: rgba(255,255,255,.72);
    box-shadow: var(--shadow-sm);
    font-size: 16px;
    padding: 0 20px;
}.page-container{width:min(calc(100% - 48px),var(--container));margin:auto}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin:12px 0 22px}.eyebrow{color:var(--primary);font-size:18px;font-weight:700}h1,h2,h3,p{margin-top:0}.btn{min-height:43px;padding:0 22px;border:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn--primary{color:#fff;background:linear-gradient(180deg,#9d16af,#89109d);box-shadow:0 10px 20px rgba(143,17,162,.15)}.btn--light{background:#fff;color:var(--primary)}.btn--outline{background:#fff;border:1px solid var(--border);color:var(--primary)}.btn--block{width:100%}.btn--large{height:56px;border-radius:14px}.hero{margin-top:22px;min-height:305px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:28px;background:var(--secondary);box-shadow:var(--shadow-md)}.hero__visual{position:relative;overflow:hidden;background:radial-gradient(circle at 52% 50%,rgba(255,255,255,.08) 0 29%,transparent 29.4%),radial-gradient(circle at 52% 50%,rgba(255,255,255,.06) 0 40%,transparent 40.4%),linear-gradient(145deg,#8f16a0,#b660a5)}.hero__circle{position:absolute;width:230px;height:230px;border:1px solid rgba(255,255,255,.23);border-radius:50%;top:38px;left:50%;transform:translateX(-50%)}.hero__date{position:absolute;top:20px;right:22px;z-index:2;padding:6px 14px;background:rgba(255,255,255,.9);border-radius:8px;color:var(--primary);font-size:11px;font-weight:700}.hero__discover{position:absolute;top:105px;left:-38px;color:rgba(255,255,255,.28);font-size:clamp(54px,7vw,105px);letter-spacing:3px;white-space:nowrap;font-family:Arial,sans-serif}.hero__content{padding:54px 62px;color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero__eyebrow{color:#e3b3eb;font-size:11px;font-weight:700}.hero h1{margin:7px 0 10px;font-size:clamp(31px,3.3vw,49px);line-height:1.25}.hero p{margin:0 0 22px;max-width:390px;color:rgba(255,255,255,.76);font-size:12px}.hero__dots{display:flex;gap:8px;margin-top:20px}.hero__dots i{width:24px;height:3px;border-radius:5px;background:rgba(255,255,255,.35)}.hero__dots .is-active{background:#fff;width:42px}.stats-bar{margin:18px 18px 0;padding:13px 18px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.82);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-sm)}.stat{display:flex;flex-direction:column;align-items:center;gap:2px;border-left:1px solid var(--border)}.stat:last-child{border:0}.stat strong{color:var(--primary);font-size:15px}.stat span{color:var(--muted);font-size:13px}.search-panel,.form-card{margin-top:28px;padding:28px;background:rgba(255,255,255,.82);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.section-title--inline,.section-heading{display:flex;align-items:end;justify-content:space-between}.section-title--inline h2,.section-heading h2{margin:2px 0 0;font-size:21px}.search-panel__icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;color:var(--primary);background:var(--primary-soft);font-size:25px}.search-form{margin-top:18px;display:grid;grid-template-columns:1fr 100px;gap:8px}.search-field,.select-field,.form-control,.phone-input{height:50px;display:flex;align-items:center;gap:10px;padding:0 16px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--muted)}.search-field input,.phone-input input{width:100%;border:0;outline:0;background:transparent}.search-field:focus-within,.form-control:focus,.phone-input:focus-within{border-color:rgba(149,16,167,.45);box-shadow:0 0 0 4px rgba(149,16,167,.07);outline:0}.select-field{justify-content:space-between}.search-form__submit{height:50px}.content-section,.details-section{margin-top:80px}.section-heading{margin-bottom:16px}.text-link{color:var(--primary);font-size:12px;font-weight:700}.card-grid{display:grid;gap:16px}.card-grid--3{grid-template-columns:repeat(3,1fr)}.business-card{display:flex;flex-direction:column;overflow:hidden;background:rgba(255,255,255,.9);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:.2s}.business-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.business-card__media{height:124px}.media-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,rgba(149,16,167,.13),transparent 50%),linear-gradient(45deg,#ece7ee,#f8f7f9);color:var(--light);font-size:11px}
.business-card__body {
    padding: 13px;
}.rating{float:left;color:var(--primary);font-size:15px;font-weight:700}.business-card h3{margin:0;font-size:18px}.business-card p{margin:2px 0 8px;color:var(--muted);font-size:13px}.business-card__meta{display:flex;justify-content:space-between;color:var(--light);font-size:12px;margin-bottom:12px;margin-bottom:12px;margin-top:12px}.business-card .btn{min-height:42px;font-size:13px}.trust-banner{margin:42px 0;min-height:72px;padding:14px 22px;display:flex;align-items:center;gap:14px;background:linear-gradient(90deg,#e8d7eb,#f5e9f7);border-radius:17px}.trust-banner__check,.form-card__status{width:34px;height:34px;display:grid;place-items:center;background:#fff;color:var(--primary);border-radius:12px;font-weight:700}.trust-banner strong{font-size:13px}.trust-banner p{margin:0;color:var(--muted);font-size:10px}.site-footer{width:min(calc(100% - 48px),var(--container));margin:0 auto 94px;padding:34px 40px;display:flex;justify-content:space-between;gap:60px;color:rgba(255,255,255,.88);background:#421b4b;border-radius:22px}.brand--footer .brand__mark{box-shadow:none}.site-footer p{color:rgba(255,255,255,.58);font-size:11px}.footer-links{display:flex;gap:80px}.footer-links div{display:flex;flex-direction:column;gap:6px}.footer-links strong{font-size:16px}.footer-links a{color:rgba(255,255,255,.62);font-size:14px}.bottom-nav{position:fixed;z-index:20;bottom:14px;left:50%;transform:translateX(-50%);width:min(calc(100% - 32px),420px);height:64px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;padding:5px 12px;background:rgba(255,255,255,.94);border:1px solid var(--border);border-radius:20px;box-shadow:0 14px 40px rgba(44,26,50,.13);backdrop-filter:blur(10px)}.bottom-nav__item{display:flex;height:50px;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);font-size:12px}.bottom-nav__item span{font-size:20px}.bottom-nav__item.is-active{color:var(--primary);font-weight:700}

/* Details */
.details-page{padding-bottom:100px}.profile-header{display:flex;align-items:center;justify-content:flex-start;gap:24px;min-height:135px}.profile-header__avatar{width:130px;height:130px;border-radius:20px}.profile-header__content h1{margin:4px 0;font-size:28px}.profile-header__content p{margin:0;color:var(--muted);font-size:13px}.verified{color:var(--primary);font-size:12px}.entity-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:24px}.entity-stats div{padding:15px;display:flex;flex-direction:column;align-items:center;border-left:1px solid var(--border)}.entity-stats div:last-child{border:0}.entity-stats strong{color:var(--primary);font-size:19px}.entity-stats span{font-size:13px;color:var(--muted)}.lead-text{color:var(--muted);max-width:900px;font-size:12px}.inline-meta{display:flex;gap:30px;color:var(--muted);font-size:11px}.chip-list,.feature-list,.review-tags{display:flex;flex-wrap:wrap;gap:10px}.chip-list span{padding:7px 14px;background:var(--primary-soft);color:var(--primary);border-radius:9px;font-size:11px}.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:120px 120px;gap:8px}.gallery-item{border:1px solid var(--border);border-radius:14px}.gallery-item--large{grid-row:span 2}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.social-grid a{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#fff;border:1px solid var(--border);border-radius:11px;color:var(--muted);font-size:11px}.social-grid b{color:var(--primary)}.location-card{margin-top:42px;padding:14px;display:grid;grid-template-columns:170px 1fr;gap:24px;background:#fff;border:1px solid var(--border);border-radius:18px}.map-placeholder{min-height:145px;border-radius:13px;background:linear-gradient(135deg,#dcebea 0 45%,#f7f7f7 45% 55%,#dcebea 55%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--primary)}.map-placeholder span{font-size:32px}.map-placeholder small{color:var(--muted)}.location-card__body h2{margin:2px 0 4px}.location-card__body p{color:var(--muted);font-size:16px}
.accordion {
    border-top: 1px solid var(--border);
    background-color: #fdfdfd;
    padding: 0 13px;
    border-radius: 15px;
}.accordion-item{border-bottom:1px solid var(--border)}.accordion-trigger{width:100%;padding:15px 0;border:0;background:transparent;display:flex;justify-content:space-between;text-align:right;font-weight:700;font-size:17px}.accordion-content{display:none;padding:0 0 15px;color:var(--muted);font-size:16px}.accordion-item.is-open .accordion-content{display:block}.feature-list span{width:110px;height:60px;display:grid;place-items:center;background:#fff;border-radius:14px;color:var(--primary);font-size:10px;box-shadow:var(--shadow-sm)}.review-card{margin-top:42px;padding:24px;background:#fff;border:1px solid var(--border);border-radius:18px}.review-card__score{float:left;color:var(--primary);font-size:18px;font-weight:700}.review-tags{margin:15px 0}
.review-tags span{padding:5px 10px;background:#eef8f6;color:#54867d;border-radius:7px;font-size:9px}
    .review-tags span.negative {
        color: white;
        background: #f18383;
    }
.review-card p{margin:14px 0 0;font-size:12px}.review-card small{color:var(--muted)}.btn--sticky-action{width:100%;height:54px;margin-top:20px;border-radius:12px}

/* Authentication */
.auth-page{width:min(calc(100% - 40px),500px);margin:35px auto 100px}.auth-card{text-align:center}.auth-card--plain{padding-top:35px}.auth-icon{width:76px;height:76px;margin:0 auto 22px;display:grid;place-items:center;background:linear-gradient(145deg,#9c14ae,#7d118f);color:#fff;border-radius:20px 20px 20px 5px;font-size:46px;transform:rotate(-10deg)}.auth-card--plain h1{margin:8px 0;font-size:30px}.auth-card--plain p{color:var(--muted);font-size:12px}.auth-form{margin-top:32px;text-align:right}.form-group{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.phone-input{direction:ltr}.phone-input span{border-left:1px solid var(--border);padding-left:12px}.phone-input input{direction:ltr}.auth-form .btn{margin-top:3px}

/* Account */
.account-page{padding-bottom:100px}.account-hero{margin-top:12px;min-height:133px;padding:28px;display:flex;align-items:center;justify-content:flex-start;gap:18px;background:var(--secondary);color:#fff;border-radius:24px}.account-hero .eyebrow{color:#d68de1}.account-hero h1{margin:4px 0;font-size:27px}.account-hero p{margin:0;color:rgba(255,255,255,.7);font-size:11px}.account-avatar{width:70px;height:70px;display:grid;place-items:center;background:#dfb5e6;color:var(--primary);border-radius:20px;font-size:25px;font-weight:700}.account-tabs{margin-top:18px;height:52px;display:grid;grid-template-columns:repeat(3,1fr);padding:4px;background:#eeeaf0;border-radius:14px}.account-tabs a{display:grid;place-items:center;border-radius:11px;color:var(--muted);font-size:11px}.account-tabs a.is-active{background:#fff;color:var(--primary);box-shadow:var(--shadow-sm);font-weight:700}.form-card{position:relative;max-width:100%;margin-top:18px}.form-card__status{position:absolute;top:28px;left:28px;background:var(--primary-soft)}.form-card__heading{margin-bottom:26px}.profile-form{display:grid;gap:14px}.profile-form .form-group{margin:0}.form-control{width:100%;font-family:inherit}

/* Responsive */
@media(max-width:900px){.hero__content{padding:40px}.card-grid--3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.site-header,.page-container,.site-footer{width:min(calc(100% - 28px),var(--container))}.site-header{height:70px}.brand{font-size:15px}.brand__mark{width:38px;height:38px;font-size:24px}.hero{grid-template-columns:1fr}.hero__visual{min-height:180px;order:2}.hero__content{padding:35px 28px}.hero h1{font-size:34px}.stats-bar{margin-inline:0;grid-template-columns:repeat(2,1fr);gap:12px 0}.stat:nth-child(2){border:0}.search-panel,.form-card{padding:20px}.search-form{grid-template-columns:1fr}.card-grid--3{grid-template-columns:1fr}.site-footer{padding:28px;flex-direction:column;gap:25px}.footer-links{gap:40px}.profile-header{align-items:flex-start}.profile-header__avatar{width:96px;height:96px}.profile-header__content h1{font-size:22px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:150px 100px 100px}.gallery-item--large{grid-column:span 2;grid-row:auto}.social-grid{grid-template-columns:1fr 1fr}.location-card{grid-template-columns:1fr}.map-placeholder{min-height:130px}.feature-list{justify-content:flex-start}.account-hero{padding:24px}.auth-page{margin-top:20px}.inline-meta{flex-direction:column;gap:4px}}
@media(max-width:420px){.page-container{width:calc(100% - 22px)}.site-header{width:calc(100% - 22px)}.hero{border-radius:21px}.hero__content{padding:30px 22px}.search-panel,.form-card{padding:17px}.entity-stats strong{font-size:15px}.profile-header{gap:14px}.profile-header__avatar{width:80px;height:80px}.account-hero h1{font-size:21px}.account-avatar{width:55px;height:55px}.social-grid{grid-template-columns:1fr}.feature-list span{width:calc(50% - 5px)}}
/* ArasYar additions: slider, OTP, toast, modal, comments, lightbox */
.hero-slider{position:relative;overflow:hidden}.hero-slider .hero-slide{display:none}.hero-slider .hero-slide.is-active{display:grid;grid-template-columns:1fr 1fr}.hero__slider-dots{position:absolute;bottom:20px;right:28px;display:flex;gap:7px}.hero__slider-dots button{width:24px;height:4px;border:0;border-radius:5px;background:#ffffff66}.hero__slider-dots button.is-active{background:#fff}.auth-step{display:none}.auth-step.is-active{display:block}.otp-inputs{direction:ltr;display:flex;justify-content:center;gap:10px;margin:22px 0}.otp-inputs input{width:48px;height:48px;border:1px solid var(--border);border-radius:50%;text-align:center;font-size:20px;font-family:inherit}.btn--text{background:transparent;color:var(--primary);width:100%;margin-top:8px}.toast-container{position:fixed;z-index:100;left:20px;bottom:90px;display:grid;gap:8px}.toast{min-width:280px;background:#fff;border-right:4px solid var(--primary);border-radius:12px;padding:14px;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;gap:12px}.toast-success{border-color:#159447}.toast-error{border-color:#d93b3b}.toast-warning{border-color:#d59600}.toast button{border:0;background:none;font-size:20px}.modal,.lightbox{display:none;position:fixed;inset:0;z-index:60;align-items:center;justify-content:center}.modal.is-open,.lightbox.is-open{display:flex}.modal-backdrop,.lightbox-backdrop{position:absolute;inset:0;background:#1c1020aa}.modal-dialog{position:relative;z-index:1;width:min(620px,calc(100% - 28px));max-height:90vh;overflow:auto;background:#fff;border-radius:20px;padding:28px}.modal-close{position:absolute;left:14px;top:10px;border:0;background:none;font-size:28px}.star-rating{display:flex;direction:ltr;gap:5px}.star-rating button{border:0;background:none;font-size:30px;color:#ddd}.star-rating button.active{color:#f2b01e}.criteria-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.criteria-tags{display:flex;flex-wrap:wrap;gap:8px}.criterion{background:#fff;border-radius:9px;padding:7px 10px}.criterion.positive{border:1px solid #55aa76;color:#247341}.criterion.negative{border:1px solid #df7777;color:#aa3333}.criterion.selected.positive{background:#159447;color:#fff}.criterion.selected.negative{background:#d93b3b;color:#fff}.lightbox figure{position:relative;z-index:1;margin:0;text-align:center;color:#fff}.lightbox img{max-width:82vw;max-height:78vh}.lightbox-close,.lightbox-nav{position:absolute;z-index:2;border:0;border-radius:9px;background:#0008;color:#fff;font-size:30px}.lightbox-close{top:20px;left:25px}.lightbox-nav{top:50%;padding:8px 16px}.lightbox-nav.prev{right:20px}.lightbox-nav.next{left:20px}.error-page{width:min(600px,calc(100% - 40px));margin:45px auto;text-align:center}.error-code{font-size:100px;color:var(--primary);font-weight:700}@media(max-width:680px){.hero-slider .hero-slide.is-active{grid-template-columns:1fr}.criteria-grid{grid-template-columns:1fr}}
/*زمینه بارشی*/
body {
    background: #f6f5f7;
    position: relative;
    overflow-x: hidden;
}

    /* لایه اصلی ذرات */
    body::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 65vh;
        pointer-events: none;
        z-index: 0;
        background:
        /* ردیف اول */
        radial-gradient( circle at 5% 4%, rgba(149, 16, 167, 0.09) 0, rgba(149, 16, 167, 0.09) 5px, transparent 6px ), radial-gradient( circle at 14% 11%, rgba(117, 16, 131, 0.055) 0, rgba(117, 16, 131, 0.055) 9px, transparent 10px ), radial-gradient( circle at 25% 3%, rgba(149, 16, 167, 0.06) 0, rgba(149, 16, 167, 0.06) 13px, transparent 14px ), radial-gradient( circle at 37% 14%, rgba(149, 16, 167, 0.045) 0, rgba(149, 16, 167, 0.045) 6px, transparent 7px ), radial-gradient( circle at 49% 6%, rgba(117, 16, 131, 0.07) 0, rgba(117, 16, 131, 0.07) 11px, transparent 12px ), radial-gradient( circle at 62% 17%, rgba(149, 16, 167, 0.05) 0, rgba(149, 16, 167, 0.05) 7px, transparent 8px ), radial-gradient( circle at 74% 5%, rgba(117, 16, 131, 0.065) 0, rgba(117, 16, 131, 0.065) 14px, transparent 15px ), radial-gradient( circle at 88% 12%, rgba(149, 16, 167, 0.05) 0, rgba(149, 16, 167, 0.05) 8px, transparent 9px ), radial-gradient( circle at 96% 3%, rgba(117, 16, 131, 0.045) 0, rgba(117, 16, 131, 0.045) 5px, transparent 6px ),
        /* ردیف دوم */
        radial-gradient( circle at 9% 27%, rgba(149, 16, 167, 0.055) 0, rgba(149, 16, 167, 0.055) 12px, transparent 13px ), radial-gradient( circle at 20% 21%, rgba(117, 16, 131, 0.04) 0, rgba(117, 16, 131, 0.04) 5px, transparent 6px ), radial-gradient( circle at 33% 31%, rgba(149, 16, 167, 0.045) 0, rgba(149, 16, 167, 0.045) 9px, transparent 10px ), radial-gradient( circle at 45% 24%, rgba(117, 16, 131, 0.055) 0, rgba(117, 16, 131, 0.055) 6px, transparent 7px ), radial-gradient( circle at 57% 34%, rgba(149, 16, 167, 0.04) 0, rgba(149, 16, 167, 0.04) 13px, transparent 14px ), radial-gradient( circle at 69% 25%, rgba(117, 16, 131, 0.05) 0, rgba(117, 16, 131, 0.05) 8px, transparent 9px ), radial-gradient( circle at 82% 34%, rgba(149, 16, 167, 0.04) 0, rgba(149, 16, 167, 0.04) 5px, transparent 6px ), radial-gradient( circle at 94% 26%, rgba(117, 16, 131, 0.045) 0, rgba(117, 16, 131, 0.045) 11px, transparent 12px ),
        /* ردیف سوم */
        radial-gradient( circle at 4% 43%, rgba(149, 16, 167, 0.035) 0, rgba(149, 16, 167, 0.035) 8px, transparent 9px ), radial-gradient( circle at 16% 39%, rgba(117, 16, 131, 0.04) 0, rgba(117, 16, 131, 0.04) 13px, transparent 14px ), radial-gradient( circle at 29% 48%, rgba(149, 16, 167, 0.035) 0, rgba(149, 16, 167, 0.035) 6px, transparent 7px ), radial-gradient( circle at 41% 41%, rgba(117, 16, 131, 0.03) 0, rgba(117, 16, 131, 0.03) 10px, transparent 11px ), radial-gradient( circle at 54% 51%, rgba(149, 16, 167, 0.03) 0, rgba(149, 16, 167, 0.03) 7px, transparent 8px ), radial-gradient( circle at 67% 43%, rgba(117, 16, 131, 0.035) 0, rgba(117, 16, 131, 0.035) 12px, transparent 13px ), radial-gradient( circle at 79% 50%, rgba(149, 16, 167, 0.028) 0, rgba(149, 16, 167, 0.028) 6px, transparent 7px ), radial-gradient( circle at 91% 42%, rgba(117, 16, 131, 0.03) 0, rgba(117, 16, 131, 0.03) 9px, transparent 10px ),
        /* ذرات انتهایی */
        radial-gradient( circle at 11% 58%, rgba(149, 16, 167, 0.02) 0, rgba(149, 16, 167, 0.02) 6px, transparent 7px ), radial-gradient( circle at 31% 57%, rgba(117, 16, 131, 0.022) 0, rgba(117, 16, 131, 0.022) 10px, transparent 11px ), radial-gradient( circle at 51% 60%, rgba(149, 16, 167, 0.018) 0, rgba(149, 16, 167, 0.018) 5px, transparent 6px ), radial-gradient( circle at 73% 57%, rgba(117, 16, 131, 0.02) 0, rgba(117, 16, 131, 0.02) 8px, transparent 9px ), radial-gradient( circle at 94% 59%, rgba(149, 16, 167, 0.018) 0, rgba(149, 16, 167, 0.018) 6px, transparent 7px );
        mask-image: linear-gradient( to bottom, black 0%, black 30%, rgba(0, 0, 0, 0.8) 45%, rgba(0, 0, 0, 0.35) 58%, transparent 68% );
        -webkit-mask-image: linear-gradient( to bottom, black 0%, black 30%, rgba(0, 0, 0, 0.8) 45%, rgba(0, 0, 0, 0.35) 58%, transparent 68% );
        filter: blur(0.2px);
    }

    /* لایه دوم؛ ذرات بسیار ریز و محوتر */
    body::after {
        content: "";
        position: fixed;
        top: -20px;
        left: 0;
        width: 100%;
        height: 62vh;
        pointer-events: none;
        z-index: 0;
        background: radial-gradient(circle at 12% 9%, rgba(149, 16, 167, 0.045) 0 3px, transparent 4px), radial-gradient(circle at 29% 17%, rgba(117, 16, 131, 0.035) 0 4px, transparent 5px), radial-gradient(circle at 43% 4%, rgba(149, 16, 167, 0.04) 0 3px, transparent 4px), radial-gradient(circle at 58% 20%, rgba(117, 16, 131, 0.04) 0 4px, transparent 5px), radial-gradient(circle at 72% 11%, rgba(149, 16, 167, 0.035) 0 3px, transparent 4px), radial-gradient(circle at 86% 22%, rgba(117, 16, 131, 0.04) 0 4px, transparent 5px), radial-gradient(circle at 6% 35%, rgba(149, 16, 167, 0.025) 0 3px, transparent 4px), radial-gradient(circle at 23% 37%, rgba(117, 16, 131, 0.03) 0 4px, transparent 5px), radial-gradient(circle at 47% 33%, rgba(149, 16, 167, 0.025) 0 3px, transparent 4px), radial-gradient(circle at 63% 40%, rgba(117, 16, 131, 0.025) 0 4px, transparent 5px), radial-gradient(circle at 81% 36%, rgba(149, 16, 167, 0.025) 0 3px, transparent 4px), radial-gradient(circle at 96% 43%, rgba(117, 16, 131, 0.02) 0 4px, transparent 5px);
        filter: blur(1px);
        mask-image: linear-gradient(to bottom, black 0%, black 35%, rgba(0, 0, 0, 0.35) 58%, transparent 72%);
        -webkit-mask-image: linear-gradient( to bottom, black 0%, black 35%, rgba(0, 0, 0, 0.35) 58%, transparent 72% );
    }

    /* محتوای سایت بالاتر از دکور قرار بگیرد */
    body > * {
        position: relative;
        z-index: 1;
    }
/*زمینه بارشی*/

/* blogs */
.post-list-page, .post-detail-page {
    font-family: "IRANSans",Tahoma,sans-serif;
    color: #202a27
}

.post-list-page {
    background: #f7f9f8;
    padding: 45px 20px 70px;
    min-height: 100vh
}

.post-list-container, .post-detail-container {
    width: min(1160px,100%);
    margin: auto
}

.post-list-header {
    text-align: center;
    margin-bottom: 32px
}

    .post-list-header h1 {
        margin: 0 0 8px;
        font-size: 28px
    }

    .post-list-header p {
        margin: 0;
        color: #7d8985;
        font-size: 13px
    }

.post-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 24px
}

.post-card {
    background: #fff;
    border: 1px solid #e7ecea;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(30,56,47,.06);
    transition: transform .2s,box-shadow .2s
}

    .post-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 17px 38px rgba(30,56,47,.1)
    }

.post-card__image-link {
    display: block
}

.post-card__image-wrap {
    height: 220px;
    overflow: hidden;
    background: #edf3f1
}

.post-card__image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .35s
}

.post-card:hover .post-card__image {
    transform: scale(1.035)
}

.post-card__image-placeholder {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #16866a;
    font-size: 22px;
    background: #e9f5f1
}

.post-card__body {
    padding: 19px 20px 20px
}

.post-card__title {
    font-size: 17px;
    line-height: 1.9;
    margin: 0 0 8px
}

    .post-card__title a {
        color: #26332f;
        text-decoration: none
    }

.post-card__lead {
    font-size: 12px;
    line-height: 2;
    color: #7b8783;
    margin: 0 0 14px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.post-card__more {
    display: flex;
    justify-content: space-between;
    color: #16866a;
    text-decoration: none;
    font-size: 12px
}

.post-list-empty {
    text-align: center;
    background: #fff;
    border: 1px solid #e6ece9;
    border-radius: 20px;
    padding: 55px 20px
}

    .post-list-empty h2 {
        font-size: 18px
    }

    .post-list-empty p {
        font-size: 13px;
        color: #89938f
    }

.post-detail-page {
    background: #f7f9f8;
    padding: 35px 20px 70px
}

.post-detail {
    background: #fff;
    border: 1px solid #e5ebe8;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 15px 45px rgba(30,56,47,.06)
}

.post-detail__cover {
    max-height: 480px;
    overflow: hidden;
    background: #edf3f1
}

    .post-detail__cover img {
        display: block;
        width: 100%;
        max-height: 480px;
        object-fit: cover
    }

.post-detail__header {
    padding: 30px 42px 20px;
    border-bottom: 1px solid #edf1ef
}

    .post-detail__header h1 {
        margin: 0 0 12px;
        font-size: 30px;
        line-height: 1.8
    }

.post-detail__lead {
    margin: 0;
    color: #75817d;
    line-height: 2;
    font-size: 14px
}

.post-detail__meta {
    display: flex;
    gap: 20px;
    color: #98a19e;
    font-size: 11px;
    margin-top: 18px
}

.post-detail__content {
    padding: 32px 42px 45px;
    font-size: 15px;
    line-height: 2.35;
    color: #394540
}

    .post-detail__content img {
        max-width: 100%;
        height: auto;
        border-radius: 14px
    }

    .post-detail__content a {
        color: #16866a
    }

.post-comments {
    margin-top: 25px;
    background: #fff;
    border: 1px solid #e5ebe8;
    border-radius: 22px;
    padding: 28px 32px
}

.post-section-title {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #edf1ef;
    padding-bottom: 17px;
    margin-bottom: 18px
}

    .post-section-title h2 {
        margin: 0;
        font-size: 20px
    }

    .post-section-title span {
        color: #929b98;
        font-size: 11px
    }

.post-comment {
    padding: 17px 0;
    border-bottom: 1px solid #edf1ef
}

.post-comment__top {
    display: flex;
    justify-content: space-between
}

    .post-comment__top strong {
        font-size: 13px
    }

    .post-comment__top span {
        color: #9aa39f;
        font-size: 10px
    }

.post-comment__rate {
    direction: ltr;
    margin-top: 7px
}

    .post-comment__rate span {
        color: #dce2df
    }

        .post-comment__rate span.is-active {
            color: #e5ae36
        }

.post-comment__body {
    font-size: 13px;
    color: #596660;
    line-height: 2;
    margin-top: 8px
}

.post-comments__empty {
    text-align: center;
    color: #8b9591;
    padding: 25px;
    font-size: 13px
}

.post-comment__button {
    margin-top: 15px;
    border: 0;
    border-radius: 12px;
    background: #168a6c;
    color: #fff;
    font-family: inherit;
    padding: 12px 24px;
    cursor: pointer
}

.post-navigation {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: center;
    margin-top: 25px
}

.post-navigation__item, .post-navigation__all {
    background: #fff;
    border: 1px solid #e5ebe8;
    border-radius: 17px;
    padding: 17px 20px;
    text-decoration: none
}

    .post-navigation__item span {
        display: block;
        color: #9aa39f;
        font-size: 10px;
        margin-bottom: 5px
    }

    .post-navigation__item strong {
        color: #34413c;
        font-size: 13px
    }

.post-navigation__next {
    text-align: left
}

.post-navigation__all {
    color: #16866a;
    font-size: 12px
}

.post-comment-modal[hidden] {
    display: none
}

.post-comment-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px
}

.post-comment-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(17,30,26,.55);
    backdrop-filter: blur(3px)
}

.post-comment-modal__dialog {
    position: relative;
    width: min(560px,100%);
    background: #fff;
    border-radius: 22px;
    padding: 28px;
    z-index: 1
}

.post-comment-modal__close {
    position: absolute;
    left: 18px;
    top: 15px;
    border: 0;
    background: #f2f5f3;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    font-size: 22px
}

.post-comment-modal__dialog h2 {
    margin: 0 0 20px;
    font-size: 20px
}

.post-comment-modal__dialog label {
    display: block;
    font-size: 12px;
    margin-bottom: 8px
}

.post-comment-modal__dialog textarea {
    width: 100%;
    resize: vertical;
    border: 1px solid #dfe7e3;
    border-radius: 13px;
    padding: 13px;
    font: inherit;
    font-size: 13px
}

.post-comment-modal__submit {
    width: 100%;
    margin-top: 14px;
    border: 0;
    border-radius: 13px;
    background: #168a6c;
    color: #fff;
    padding: 13px;
    font-family: inherit;
    cursor: pointer
}

@media(max-width:850px) {
    .post-grid {
        grid-template-columns: repeat(2,1fr)
    }

    .post-detail__header, .post-detail__content {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media(max-width:600px) {
    .post-list-page, .post-detail-page {
        padding: 25px 13px 45px
    }

    .post-grid {
        grid-template-columns: 1fr
    }

    .post-card__image-wrap {
        height: 205px
    }

    .post-list-header h1 {
        font-size: 23px
    }

    .post-detail__header h1 {
        font-size: 22px
    }

    .post-detail__content {
        font-size: 14px;
        padding-top: 24px
    }

    .post-comments {
        padding: 22px 18px
    }

    .post-navigation {
        grid-template-columns: 1fr
    }

    .post-navigation__all {
        order: -1
    }
}
/* blogs*/

/* Paginations */
.pagination {
    direction: rtl;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 35px 0 10px;
    font-family: "IRANSans",Tahoma,sans-serif
}

.pagination__item {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e9e6;
    border-radius: 12px;
    background: #fff;
    color: #475650;
    text-decoration: none;
    font-size: 13px;
    transition: all .18s ease
}

.pagination a.pagination__item:hover {
    border-color: #168a6c;
    color: #168a6c;
    transform: translateY(-1px)
}

.pagination__item.is-active {
    color: #fff;
    background: #168a6c;
    border-color: #168a6c;
    box-shadow: 0 7px 18px rgba(22,138,108,.18)
}

.pagination__dots {
    border-color: transparent;
    background: transparent
}

.pagination__prev, .pagination__next {
    font-size: 25px
}

@media(max-width:480px) {
    .pagination {
        gap: 6px
    }

    .pagination__item {
        width: 37px;
        height: 37px;
        border-radius: 10px
    }
}
/* Paginations */

/* ================================
   Main Navigation
================================ */

.site-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-left: auto;
    margin-right: 40px;
}

.site-nav__link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 14px;
    color: #53615c;
    text-decoration: none;
    font-size: 16px;
    white-space: nowrap;
    border-radius: 10px;
    transition: color .2s ease, background-color .2s ease;
    font-weight: bold;
}

    .site-nav__link:hover {
        color: white;
        background: #9a1bab;
    }
/* ================================
   Mobile Menu Button
================================ */

.mobile-menu-toggle {
    display: none;
    width: 42px;
    height: 42px;
    padding: 9px;
    border: 1px solid #e2e9e6;
    border-radius: 11px;
    background: #fff;
    cursor: pointer;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

    .mobile-menu-toggle span {
        display: block;
        width: 20px;
        height: 2px;
        border-radius: 2px;
        background: #53615c;
        transition: all .2s ease;
    }


/* ================================
   Mobile Menu
================================ */

.mobile-menu {
    display: none;
}

@media (max-width: 768px) {

    .site-nav {
        display: none;
    }

    .mobile-menu-toggle {
        display: flex;
    }

    #header-login-button{
        display: none;
    }
    .mobile-menu {
        position: fixed;
        inset: 0;
        z-index: 9999;
    }

        .mobile-menu.is-open {
            display: block;
        }

    .mobile-menu__backdrop {
        position: absolute;
        inset: 0;
        background: rgba(20, 30, 26, .42);
        backdrop-filter: blur(2px);
    }

    .mobile-menu__panel {
        position: absolute;
        top: 0;
        right: 0;
        width: min(320px, 86vw);
        height: 100%;
        background: #fff;
        box-shadow: -10px 0 35px rgba(0, 0, 0, .12);
        transform: translateX(100%);
        transition: transform .25s ease;
    }

    .mobile-menu.is-open .mobile-menu__panel {
        transform: translateX(0);
    }

    .mobile-menu__header {
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 20px;
        border-bottom: 1px solid #edf1ef;
        color: #26332f;
        font-size: 14px;
        font-weight: 700;
    }

    .mobile-menu__close {
        width: 35px;
        height: 35px;
        border: 0;
        border-radius: 50%;
        background: #f3f6f4;
        color: #53615c;
        font-size: 24px;
        line-height: 1;
        cursor: pointer;
    }

    .mobile-menu__nav {
        display: flex;
        flex-direction: column;
        padding: 12px;
    }

        .mobile-menu__nav a {
            display: flex;
            align-items: center;
            min-height: 52px;
            padding: 0 15px;
            border-bottom: 1px solid #f0f3f1;
            color: #43504b;
            text-decoration: none;
            font-size: 13px;
            transition: all .2s ease;
        }

            .mobile-menu__nav a:hover {
                color: white;
                background: #9a1bab;
                border-radius: 10px;
            }
}


/* ================================
   Very Small Screens
================================ */

@media (max-width: 430px) {

    .mobile-menu-toggle {
        width: 38px;
        height: 38px;
    }
}
body.mobile-menu-open {
    overflow: hidden;
}
/*header sticky*/

@media (min-width: 769px) {
    .site-header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        background-color: white;
        width: 100%;
        padding: 0 25px;
        box-shadow: var(--shadow-sm);
    }
    body{
        padding-top: 82px;
    }
}
/*header sticky*/
/*custom*/
.business-card__body a h3 {
    line-height: 1.8;
    height: calc(1.8em * 2);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.place-business-card {
    flex-direction: row;
    align-items: center;
    padding-right: 10px;
}
    .place-business-card a.business-card__media {
        background: none;
    }
        .place-business-card a.business-card__media img {
            border-radius: 100%;
            max-height: 100%;
            width: 126px;
            overflow: hidden;
        }
    .place-business-card .business-card__body {
        width: stretch;
    }
        .place-business-card .business-card__body a {
            height: auto;
        }
.product-profile-header {
    background-color: white;
    padding: 13px;
    border-radius: 15px;
}
    .product-profile-header .profile-header__avatar {
        width: 200px;
        height: auto;
    }

@media (max-width: 768px) {
    .product-profile-header .profile-header__avatar{
        width: 100%;
        height: auto;
    }
    .product-profile-header {
        display: flex;
        flex-direction: column;
    }
    .entity-stats {
        display: flex;
        flex-direction: column;
        border: none;
        gap: 10px;
    }
    .entity-stats div {
        border-bottom: 1px solid var(--border);
        border-left: none;
        gap: 5px;
    }
}
body.nk-body{
    padding-top: 0 !important;
}
    /*custom*/