/* فارم ابزار — استایل سراسری سایت (PHP 8.1، تک‌فایل) | مود A: سفید مینیمال گرم | نسخه ۱۱.۰ */
@font-face{font-family:IRANSans;src:url(../fonts/iransans/IRANSansWeb-FaNum.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IRANSans;src:url(../fonts/iransans/IRANSansWeb-FaNum-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn-100.woff2) format("woff2");font-weight:100;font-display:swap}@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn-300.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn-800.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn-900.woff2) format("woff2");font-weight:900;font-display:swap}:root{--brand-soft:rgba(217,48,37,.07);--brand-soft:color-mix(in srgb,var(--brand) 7%,transparent);--secondary:#f4f4f4;--muted:#f4f4f4;--input:#dddddd;--bronze:#a97b4f;--ok:#2e7d4f;--err:#b3261e;--shadow-soft:0 1px 2px rgba(43,38,34,.04),0 10px 30px rgba(43,38,34,.06);--shadow-lift:0 2px 6px rgba(43,38,34,.06),0 18px 44px rgba(43,38,34,.1);--shadow-mega:0 30px 60px -30px rgba(34,28,22,.28);--ez:cubic-bezier(.22,.61,.36,1);--tr:300ms var(--ez);--tr5:500ms var(--ez);--header-h:64px;--font-body:IRANSans,Vazirmatn,Tahoma,'Segoe UI',sans-serif;--c-brand85:rgba(217,48,37,.85);--c-brand85:color-mix(in srgb,var(--brand) 85%,transparent);--c-brand70:rgba(217,48,37,.7);--c-brand70:color-mix(in srgb,var(--brand) 70%,transparent);--c-brand30:rgba(217,48,37,.3);--c-brand30:color-mix(in srgb,var(--brand) 30%,transparent);--c-brand25:rgba(217,48,37,.25);--c-brand25:color-mix(in srgb,var(--brand) 25%,transparent);--c-ink20:rgba(43,38,34,.2);--c-ink20:color-mix(in srgb,var(--ink) 20%,transparent);--c-ink40:rgba(43,38,34,.4);--c-ink40:color-mix(in srgb,var(--ink) 40%,transparent);--c-soft:rgba(107,101,92,.6);--c-soft:color-mix(in srgb,var(--ink-soft) 60%,transparent);--c-hair70:rgba(231,231,231,.7);--c-hair70:color-mix(in srgb,var(--hairline) 70%,transparent);--c-sec60:rgba(244,244,244,.6);--c-sec60:color-mix(in srgb,var(--secondary) 60%,transparent);--c-sec50:rgba(244,244,244,.5);--c-sec50:color-mix(in srgb,var(--secondary) 50%,transparent);--c-bg90:rgba(246,246,246,.9);--c-bg90:color-mix(in srgb,var(--bg) 90%,transparent)}[data-theme="dark"]{--brand-soft:rgba(212,55,31,.16);--secondary:#26201b;--muted:#26201b;--input:#3a312a;--ok:#4d9e6f;--err:#e0564a;--shadow-soft:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.35);--shadow-lift:0 2px 6px rgba(0,0,0,.35),0 18px 44px rgba(0,0,0,.45);--shadow-mega:0 30px 60px -30px rgba(0,0,0,.6)}*,*::before,*::after{box-sizing:border-box}figure{margin:0}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:calc(1rem*var(--font-scale));line-height:1.9;text-align:start;text-rendering:optimizeLegibility;min-height:100vh;display:flex;flex-direction:column}img,svg,video,iframe{max-width:100%}img{border:0;vertical-align:middle}h1,h2,h3,h4,h5,h6{margin:0 0 .5em;line-height:1.5;font-weight:800;color:var(--ink)}p{margin:0 0 1em}a{color:inherit;text-decoration:none;transition:color var(--tr)}button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit;padding:0;line-height:inherit}input,textarea,select{font-family:inherit;font-size:1rem;color:var(--ink)}ul,ol{margin:0;padding:0}ul{list-style:none}s{color:var(--ink-soft);font-weight:400}[hidden]{display:none!important}::selection{background:var(--brand);color:#fff}:focus{outline:none}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:2px}::placeholder{color:var(--c-soft);opacity:1}.site-main{flex:1 0 auto}.muted{color:var(--ink-soft)}.center{text-align:center}.w-full{width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:var(--hairline) transparent}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--hairline);border-radius:99px}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.container-x{width:100%;max-width:1240px;margin-inline:auto;padding-inline:16px}.container-narrow{max-width:860px}.tex-on{background-image:var(--tex-noise,none);background-size:190px 190px;background-position:top center}.tex-on .card-hairline{background-image:linear-gradient(180deg,color-mix(in srgb,var(--bronze) 3%,transparent),transparent 42%)}.bg-parchment{background-color:var(--secondary);background-color:color-mix(in srgb,var(--secondary) 46%,var(--bg));background-image:linear-gradient(180deg,color-mix(in srgb,var(--bronze) 4%,transparent),transparent 26%)}.bg-dark{background:var(--footer-bg);color:#f1eae2}.bg-dark h1,.bg-dark h2,.bg-dark h3,.bg-dark b{color:#fff}.tex-carbon{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 1px,transparent 1px 5px),repeating-linear-gradient(-45deg,rgba(255,255,255,.03) 0 1px,transparent 1px 5px),radial-gradient(90% 130% at 85% -10%,rgba(255,255,255,.06),transparent 55%)}.sec{position:relative;padding-block:clamp(18px,3vw,30px)}.blk{padding-top:calc(var(--bpt,0px)*.5);padding-bottom:calc(var(--bpb,0px)*.5)}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:26px}.sec-head.center{flex-direction:column;align-items:center;text-align:center}.sec-sub{margin:10px 0 0;font-size:13px;color:var(--ink-soft)}.section-title{font-size:clamp(21px,3.2vw,28px);font-weight:300}.title-line{position:relative}.title-line::after{content:"";position:absolute;bottom:-10px;inset-inline-start:0;height:1px;width:48px;background:var(--brand)}.sec-head.center .title-line::after{inset-inline-start:calc(50% - 24px)}[data-reveal].is-in{animation:fadeUp .7s var(--ez) both}@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}}.see-all{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--ink-soft);white-space:nowrap;padding-block:6px}.see-all:hover{color:var(--brand)}.see-all .ic{transition:transform var(--tr)}.see-all:hover .ic{transform:translateX(-3px)}.kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:500;letter-spacing:.06em;color:var(--brand)}.kicker::before{content:"";width:24px;height:1px;background:var(--brand)}.page-head{margin-bottom:22px}.page-head h1{font-size:clamp(21px,3.2vw,28px);margin-bottom:4px}.page-head.center{text-align:center}.page-sub{margin:0;font-size:13px;color:var(--ink-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding-inline:22px;border-radius:3px;font-size:13.5px;font-weight:500;transition:all var(--tr);white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-hover);color:#fff}.btn-ghost{border:1px solid var(--c-ink40);color:var(--ink)}.btn-ghost:hover{border-color:var(--ink);background:var(--ink);color:var(--bg)}.btn-ghost-light{border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.1);color:#fff;backdrop-filter:blur(4px)}.btn-ghost-light:hover{background:#fff;color:var(--ink)}.btn-lg{min-height:50px;padding-inline:26px;font-size:14.5px}.btn-sm{min-height:34px;padding-inline:14px;font-size:12px}.btn[disabled]{opacity:.5;pointer-events:none}.mini-btn{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding-inline:14px;border:1px solid var(--hairline);border-radius:3px;font-size:12.5px;font-weight:700;transition:all var(--tr)}.mini-btn:hover{border-color:var(--brand);color:var(--brand)}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:4px;color:var(--ink);transition:background-color var(--tr),color var(--tr)}.icon-btn:hover{background:var(--muted)}.input-base{display:block;width:100%;min-height:44px;padding:8px 12px;border:1px solid var(--input);border-radius:3px;background:var(--surface);font-size:14px;transition:border-color var(--tr),box-shadow var(--tr)}.input-base:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px var(--brand-soft)}textarea.input-base{min-height:96px;line-height:1.9;resize:vertical}select.input-base{appearance:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236f655c' stroke-width='1.8' stroke-linecap='round'><path d='m6 9 6 6 6-6'/></svg>") no-repeat left 12px center;padding-inline-start:34px}.input-lg{min-height:50px;font-size:16px}.field{margin-bottom:14px}.field label{display:block;font-size:12.5px;font-weight:700;margin-bottom:6px}.field-err{margin:4px 0 0;font-size:11.5px;color:var(--err)}.form-msg{margin:10px 0 0;font-size:12.5px;min-height:1em}.form-msg.ok{color:var(--ok)}.form-msg.err{color:var(--err)}.switch-row{display:flex;align-items:center;gap:10px;padding-block:6px;font-size:13px;cursor:pointer}.switch-row input[type=checkbox],input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand);flex-shrink:0}.ic{width:20px;height:20px;flex-shrink:0;display:inline-block;vertical-align:middle}.ic-12{width:12px;height:12px}.ic-14{width:14px;height:14px}.ic-16{width:16px;height:16px}.ic-18{width:18px;height:18px}.ic-24{width:24px;height:24px}.ic-28{width:28px;height:28px}.ic-flip{transform:scaleX(-1)}.ic-theme-sun{display:none}[data-theme="dark"] .ic-theme-sun{display:inline-block}[data-theme="dark"] .ic-theme-moon{display:none}.card-hairline{border:1px solid var(--hairline);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-soft);transition:transform var(--tr),box-shadow var(--tr),border-color var(--tr)}.site-top{position:sticky;top:0;z-index:60}.announce{overflow:hidden;transition:max-height var(--tr5),background-color var(--tr5);max-height:48px}.announce-in{display:flex;align-items:center;justify-content:center;gap:12px;min-height:40px;text-align:center;font-size:12px;line-height:1.7}.announce-dot{width:6px;height:6px;border-radius:99px;background:var(--brand);flex-shrink:0}.announce-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.announce-link{flex-shrink:0;font-weight:700;text-decoration:underline;text-underline-offset:4px}.ann-brand{background:var(--brand);color:#fff}.ann-brand .announce-dot{background:#fff}.ann-dark{background:var(--footer-bg);color:rgba(255,255,255,.9)}.ann-hairline{background:var(--surface);color:var(--ink-soft);border-bottom:1px solid var(--hairline)}.hdr{position:relative;border-bottom:1px solid var(--hairline);background:var(--surface);background:color-mix(in srgb,var(--surface) 95%,transparent);box-shadow:0 1px 2px rgba(43,38,34,.04);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hdr-in{display:flex;align-items:center;gap:8px;min-height:56px}.logo{display:inline-flex;align-items:center;gap:10px;padding-block:8px}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--brand);color:#fff;border-radius:4px;font-size:21px;font-weight:900;line-height:1;flex-shrink:0}.logo-text{display:flex;flex-direction:column;line-height:1.35}.logo-text b{font-size:17px;font-weight:900;color:var(--ink)}.logo-text i{font-style:normal;font-size:9.5px;color:var(--ink-soft);letter-spacing:.14em}.hdr-flex{flex:1}.main-nav{display:none;align-items:center;gap:2px}.nav-item{position:relative}.nav-link{position:relative;display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:8px 12px;font-size:13.5px;font-weight:500;color:var(--ink-soft);transition:color var(--tr)}.nav-link:hover{color:var(--ink)}.nav-link.is-active{color:var(--ink)}.nav-link.is-active::after{content:"";position:absolute;bottom:4px;inset-inline:12px;height:2px;background:var(--brand)}.nav-chev{opacity:.6;transition:transform var(--tr)}.nav-item.has-mega:hover .nav-chev,.nav-item.has-mega:focus-within .nav-chev{transform:rotate(180deg)}.hdr-actions{display:flex;align-items:center;gap:2px}.cart-btn .cart-badge{position:absolute;top:4px;inset-inline-start:4px;display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding-inline:4px;border-radius:99px;background:var(--brand);color:#fff;font-size:10.5px;font-weight:800;line-height:1}.hdr-phone{display:none;align-items:center;gap:8px;height:40px;padding-inline:16px;border:1px solid var(--hairline);border-radius:3px;font-size:13px;font-weight:700;transition:border-color var(--tr)}.hdr-phone:hover{border-color:var(--ink)}.nav-item.has-mega{position:static}.mega{position:absolute;inset-inline:0;top:100%;z-index:55;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity 350ms var(--ez),transform 350ms var(--ez),visibility 0s linear 350ms;pointer-events:none}.nav-item.has-mega:hover .mega,.nav-item.has-mega:focus-within .mega,.nav-item.has-mega.is-open .mega{opacity:1;visibility:visible;transform:none;transition-delay:0s;pointer-events:auto}.mega-pad{position:relative;background:var(--surface);border-bottom:1px solid var(--hairline);box-shadow:var(--shadow-mega);padding-block:24px}.mega-pad::before{content:"";position:absolute;inset-inline:0;top:-14px;height:14px}.mega-grid{display:grid;gap:8px 28px;align-items:start}.mega-g1{grid-template-columns:1.6fr minmax(230px,.85fr)}.mega-g2{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(230px,.85fr)}.mega-g3{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(220px,.8fr)}.mega-g4{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(220px,.8fr)}.mega-col{min-width:0}.mega-col>*+*{margin-top:16px}.mega-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;padding-bottom:10px;border-bottom:2px solid var(--c-brand85);font-size:13.5px;font-weight:800;color:var(--ink);transition:color var(--tr)}.mega-head .ic{color:var(--c-soft);transition:transform var(--tr),color var(--tr)}.mega-head:hover,.mega-head:hover span{color:var(--brand)}.mega-head:hover .ic{color:var(--brand);transform:translateX(-2px)}.mega-head-ph{height:37px;margin-bottom:10px;border-bottom:2px solid transparent}.mega-sub{min-width:0}.mega-sub-t{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-size:11.5px;font-weight:800;color:var(--ink)}.mega-sub-t span{width:12px;height:2px;background:var(--c-brand70);flex-shrink:0}.mega-item{display:flex;align-items:center;gap:10px;height:40px;padding-inline:8px;margin-inline:-8px;border-radius:3px;font-size:12.5px;font-weight:500;color:var(--ink-soft);transition:background-color var(--tr),color var(--tr)}.mega-item:hover{background:var(--c-sec60);color:var(--brand)}.mi-img{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;overflow:hidden;border:1px solid var(--hairline);border-radius:3px;background:var(--c-sec60);color:var(--c-soft)}.mi-img img{width:100%;height:100%;object-fit:cover}.mi-label{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mi-chev{width:14px;height:14px;color:var(--brand);opacity:0;transform:translateX(-4px);transition:opacity var(--tr),transform var(--tr)}.mega-item:hover .mi-chev{opacity:1;transform:none}.mega-kit{min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--hairline);border-radius:3px;background:var(--bg)}.kit-card{display:flex;flex-direction:column;height:100%}.kit-img{flex:1;min-height:150px;overflow:hidden;background:var(--muted)}.kit-img img{width:100%;height:100%;object-fit:cover}.kit-body{padding:14px}.kit-body b{display:block;font-size:13px}.kit-body p{margin:4px 0 0;font-size:11.5px;line-height:1.8;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.kit-link{display:inline-block;margin-top:8px;padding-bottom:2px;border-bottom:1px solid var(--brand);font-size:12px;font-weight:700;color:var(--brand);transition:color var(--tr),border-color var(--tr)}.kit-link:hover{color:var(--brand-hover);border-color:var(--brand-hover)}.mega-breeds{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;margin-top:20px;padding-top:16px;border-top:1px solid var(--hairline)}.mega-breeds>p{margin:0;flex-shrink:0;font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--ink-soft)}.breed-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px}.breed-links a{display:flex;align-items:center;gap:8px;padding-block:4px;font-size:12px;font-weight:500;color:var(--ink-soft);transition:color var(--tr)}.breed-links a:hover{color:var(--brand)}.b-img{display:inline-flex;width:28px;height:28px;flex-shrink:0;overflow:hidden;border:1px solid var(--hairline);border-radius:99px;background:var(--c-sec60)}.b-img img{width:100%;height:100%;object-fit:cover}.drawer-root{position:fixed;inset:0;z-index:80}.drawer-backdrop{position:absolute;inset:0;background:rgba(22,16,11,.45);opacity:0;transition:opacity 350ms var(--ez);backdrop-filter:blur(2px)}.drawer{position:absolute;top:0;bottom:0;inset-inline-start:0;width:min(86%,400px);display:flex;flex-direction:column;background:var(--bg);border-inline-end:1px solid var(--hairline);transform:translateX(100%);transition:transform 400ms var(--ez);box-shadow:var(--shadow-lift)}.drawer-root.is-open .drawer-backdrop{opacity:1}.drawer-root.is-open .drawer{transform:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding-inline:12px 8px;border-bottom:1px solid var(--hairline);background:var(--surface);flex-shrink:0}.drawer-title{font-size:14px;font-weight:800}.drawer-body{flex:1;overflow-y:auto;overscroll-behavior:contain}.drawer-nav .d-link{display:flex;align-items:center;min-height:48px;padding:10px 16px;border-bottom:1px solid var(--c-hair70);font-size:14px;font-weight:700}.drawer-nav .d-link:hover{color:var(--brand)}.d-acc{border-bottom:1px solid var(--c-hair70)}.d-acc>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:10px 16px;font-size:14px;font-weight:700;cursor:pointer;list-style:none}.d-acc>summary::-webkit-details-marker{display:none}.d-acc>summary .ic{color:var(--ink-soft);transition:transform 300ms var(--ez)}.d-acc[open]>summary .ic{transform:rotate(180deg)}.d-acc-body{padding:4px 0 12px}.d-acc2{border-bottom:0}.d-acc2>summary{min-height:44px;margin-inline:10px;padding:8px 12px;border:1px solid var(--hairline);border-radius:3px;background:var(--c-sec55,var(--secondary));font-size:13px}.d-acc2 .d-acc-body{padding:8px 6px 4px}.d-acc-body ul li a{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 16px;font-size:12.5px;font-weight:500;color:var(--ink-soft)}.d-acc-body ul li a:hover{color:var(--brand)}.d-kit{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:14px 16px 0;border-radius:3px;background:var(--brand);color:#fff;font-size:13.5px;font-weight:700;transition:background-color var(--tr)}.d-kit:hover{background:var(--brand-hover);color:#fff}.drawer-contact{margin-top:16px;padding:16px;border-top:1px solid var(--hairline);display:flex;flex-direction:column;gap:8px}.drawer-contact a{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700}.drawer-contact a .ic{color:var(--brand)}.drawer-contact p{display:flex;align-items:flex-start;gap:8px;margin:0;font-size:12px;line-height:1.9;color:var(--ink-soft)}.drawer-contact p .ic{margin-top:5px;color:var(--brand)}.search-root{position:fixed;inset:0;z-index:70;overflow-y:auto;background:var(--bg);background:color-mix(in srgb,var(--bg) 98.5%,transparent);backdrop-filter:blur(4px);opacity:0;transition:opacity 300ms var(--ez)}.search-root.is-open{opacity:1}.search-backdrop{position:fixed;inset:0}.search-panel{position:relative;max-width:672px;margin-inline:auto;padding:clamp(64px,12vh,120px) 20px 64px}.search-form{display:flex;align-items:center;gap:10px;border-bottom:2px solid var(--ink);padding-bottom:12px}.search-form input[type=search]{flex:1;min-width:0;border:0;background:transparent;font-size:18px;font-weight:300;outline:none}.search-results{margin-top:24px}.sr-head{margin-bottom:8px;padding-inline:4px;font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--ink-soft)}.sr-item{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--c-hair70);transition:background-color var(--tr)}.sr-item:hover{background:var(--surface)}.sr-img{width:52px;height:52px;flex-shrink:0;overflow:hidden;border:1px solid var(--hairline);border-radius:3px;background:var(--muted)}.sr-img img{width:100%;height:100%;object-fit:cover}.sr-body{flex:1;min-width:0}.sr-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500}.sr-meta{display:block;font-size:12px;font-weight:700;color:var(--brand)}.sr-meta.sr-date{color:var(--ink-soft);font-weight:400}.sr-chev{width:16px;height:16px;color:var(--ink-soft);flex-shrink:0}.sr-empty{padding:32px 4px;text-align:center;font-size:13.5px;color:var(--ink-soft)}.hero{position:relative;overflow:hidden;background:#181310}.hero-in{position:relative;display:flex;min-height:var(--hero-h-m,64vh);align-items:flex-end}.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-slider{position:absolute;inset:0}.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 900ms var(--ez)}.hero-slide.is-on{opacity:1}.hero-veil{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,13,9,.92) 0%,rgba(20,13,9,.45) 46%,rgba(20,13,9,.15) 100%)}.hero-content{position:relative;z-index:10;width:100%;padding-top:88px;padding-bottom:clamp(44px,8vh,84px);color:#fff}.hero-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;font-size:12.5px;font-weight:500;letter-spacing:.18em;color:#f3d9d2}.hero-kicker span{width:32px;height:1px;background:var(--brand)}.hero-title{max-width:760px;margin:0;font-size:clamp(30px,6vw,58px);font-weight:300;line-height:1.5;color:#fff}.hero-sub{max-width:560px;margin:16px 0 0;font-size:13.5px;font-weight:300;line-height:2;color:rgba(255,255,255,.85)}.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-scroll{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:10;color:rgba(255,255,255,.75);animation:heroCue 2.4s var(--ez) infinite}@keyframes heroCue{50%{transform:translate(-50%,7px);opacity:1}}.card-p{position:relative;display:flex;flex-direction:column;overflow:hidden}.card-p:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)}.card-p::after{content:"";position:absolute;inset-inline:0;top:0;height:2px;background:var(--brand);transform:scaleX(0);transform-origin:center;transition:transform 400ms var(--ez);z-index:5;pointer-events:none}.card-p:hover::after{transform:scaleX(1)}.card-media{position:relative;display:block;width:100%;aspect-ratio:1/1;overflow:hidden;background:var(--muted)}.card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--tr5)}.card-media img.card-img-alt{opacity:0;transition:opacity var(--tr5)}.no-img{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:120px;font-size:11px;color:var(--c-soft);background:var(--muted)}.no-img.big{min-height:280px;font-size:13px}.flag{position:absolute;top:8px;z-index:6;padding:2px 6px;font-size:9.5px;line-height:1.6;border-radius:2px}.flag-off{inset-inline-start:8px;background:var(--brand);color:#fff;font-weight:800;box-shadow:0 1px 4px rgba(0,0,0,.18)}.flag-inq{inset-inline-end:8px;border:1px solid var(--c-brand25);background:var(--c-bg90);color:var(--brand);font-weight:700;backdrop-filter:blur(2px)}.qv-hint{pointer-events:none;position:absolute;bottom:8px;inset-inline-start:8px;z-index:7;display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.5);color:#fff;font-size:10px;font-weight:700;border-radius:2px;backdrop-filter:blur(3px)}.card-body{display:flex;flex:1;flex-direction:column;gap:4px;padding:10px 12px 0}.card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px;font-size:12.5px;font-weight:500;line-height:1.75;color:var(--ink);transition:color var(--tr)}.card-title:hover{color:var(--brand)}.card-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;min-height:26px;padding-bottom:10px}.card-price s{font-size:10.5px}.card-price b{font-size:14px;font-weight:800}.card-price i{font-style:normal;font-size:10px;color:var(--ink-soft)}.card-price .inquire{font-size:11.5px;font-weight:800;color:var(--brand)}.card-actions{margin-top:auto;border-top:1px solid var(--hairline);background:var(--c-sec50);padding:8px}.is-compact .card-body{padding:6px 8px 0}.is-compact .card-title{min-height:36px;font-size:11px}.is-compact .card-price b{font-size:11.5px}.is-compact .card-price .inquire{font-size:10.5px}.qac{display:flex;flex-direction:column;gap:6px;width:100%;min-height:36px;font-size:11px;text-align:center}.qac-idle{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;min-height:inherit;padding-inline:10px;border:1px solid var(--c-ink20);border-radius:3px;background:var(--surface);font-weight:700;transition:all var(--tr)}.qac-idle:hover{border-color:var(--brand);background:var(--brand);color:#fff}.qac-lg{min-height:48px;font-size:13.5px}.qac-lg .qac-idle{background:var(--brand);border-color:var(--brand);color:#fff}.qac-lg .qac-idle:hover{background:var(--brand-hover)}.qac-pick{display:flex;flex-direction:column;gap:6px;width:100%}.qac-stepper{display:flex;align-items:stretch;gap:4px;width:100%;min-height:36px}.qac-step{display:inline-flex;align-items:center;justify-content:center;width:36px;flex-shrink:0;border:1px solid var(--c-ink20);border-radius:3px;background:var(--surface);transition:all var(--tr)}.qac-step:hover{border-color:var(--brand);color:var(--brand)}.qac-step[disabled]{opacity:.4;pointer-events:none}.qac-qty{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;border:1px solid var(--hairline);border-radius:3px;background:var(--c-sec60);font-weight:800;font-variant-numeric:tabular-nums}.qac-confirm{display:flex;align-items:center;justify-content:center;width:100%;min-height:36px;padding-inline:10px;border-radius:3px;background:var(--brand);color:#fff;font-weight:700;transition:background-color var(--tr);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qac-confirm:hover{background:var(--brand-hover)}.qac-done{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;width:100%;min-height:inherit;padding-block:6px;border:1px solid var(--c-brand30);border-radius:3px;background:var(--brand-soft);color:var(--brand);font-size:10.5px;font-weight:800}.qac-viewcart{border-bottom:1px solid var(--c-brand70);padding-bottom:1px;color:var(--brand);font-weight:800}.qac-viewcart:hover{border-color:var(--brand)}.circles-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.circle-item{display:flex;flex-direction:column;gap:6px;padding:6px 6px 10px;text-align:center;transition:transform var(--tr)}.circle-item:hover{transform:translateY(-3px)}.circle-img{position:relative;display:block;width:100%;aspect-ratio:5/4;overflow:hidden;border-radius:4px;background:var(--muted)}.circle-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--tr5)}.circle-item:hover .circle-img img{transform:scale(1.05)}.circle-label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:30px;font-size:11px;font-weight:700;line-height:1.65;transition:color var(--tr)}.circle-item:hover .circle-label{color:var(--brand)}.breeds-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.breed-card{grid-column:span 6}.breed-card{position:relative;display:block;overflow:hidden;border-radius:4px}.breed-img{position:relative;display:block;aspect-ratio:16/7;overflow:hidden;background:var(--muted)}.breed-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--tr5)}.breed-card:hover .breed-img img{transform:scale(1.04)}.breed-card::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(20,13,9,.78) 0%,rgba(20,13,9,.25) 55%,rgba(20,13,9,.05) 100%);z-index:1}.breed-body{position:relative;z-index:2;display:flex;flex-direction:column;gap:4px;padding:16px;color:#fff}.breed-body b{font-size:17px;font-weight:800;color:#fff}.breed-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:46ch;font-size:12px;line-height:1.9;color:rgba(255,255,255,.82)}.shelf-wrap{position:relative}.shelf-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.shelf-row::-webkit-scrollbar{display:none}.shelf-cell{flex:0 0 46vw;min-width:158px;max-width:210px;scroll-snap-align:start;display:flex;flex-direction:column}.shelf-cell>*{flex:1}.shelf-nav{display:inline-flex;position:absolute;top:38%;z-index:8;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--hairline);border-radius:99px;background:var(--c-bg90);color:var(--ink);box-shadow:var(--shadow-lift);transition:all var(--tr);opacity:.95;cursor:pointer}.shelf-nav:hover{border-color:var(--brand);color:var(--brand)}.shelf-nav.prev{inset-inline-start:4px}.shelf-nav.next{inset-inline-end:4px}.shelf-nav[disabled]{opacity:0;pointer-events:none}.editorial>.container-x{max-width:1500px;padding-inline:10px}.ed-banner{position:relative;display:flex;min-height:50vh;align-items:center;overflow:hidden;border-radius:4px;background:var(--secondary)}@media (max-width:767px){.ed-banner{min-height:420px}}.ed-media{position:absolute;inset:0}.ed-media img{width:100%;height:100%;object-fit:cover}.ed-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to left,rgba(20,13,9,.72) 0%,rgba(20,13,9,.28) 55%,rgba(20,13,9,.05) 100%)}.ed-banner.is-end{justify-content:flex-end}.ed-banner.is-end .ed-media::after{background:linear-gradient(to right,rgba(20,13,9,.72) 0%,rgba(20,13,9,.28) 55%,rgba(20,13,9,.05) 100%)}.ed-body{position:relative;z-index:2;max-width:620px;padding:32px 24px;color:#fff}.ed-title{font-size:clamp(22px,3.6vw,40px);font-weight:300;line-height:1.55;color:#fff}.ed-text{max-width:52ch;color:rgba(255,255,255,.85)}.ed-body .kicker{color:#f0cfc6;margin-bottom:8px}.ed-body .btn{margin-top:18px}.ed-banner.is-dark{background:var(--footer-bg)}.ed-banner.is-dark .ed-media img{opacity:.5}.ed-banner.is-dark .ed-media::after{background:linear-gradient(to left,rgba(24,18,13,.88) 0%,rgba(24,18,13,.45) 60%,transparent 100%)}.ed-banner.is-dark.is-end .ed-media::after{background:linear-gradient(to right,rgba(24,18,13,.88) 0%,rgba(24,18,13,.45) 60%,transparent 100%)}.pk-grid{display:grid;grid-template-columns:1fr;gap:16px}.pk-card{display:flex;flex-direction:column;overflow:hidden;border-radius:4px}.pk-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)}.pk-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--muted)}.pk-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--tr5)}.pk-card:hover .pk-media img{transform:scale(1.04)}.pk-tag{position:absolute;top:10px;inset-inline-start:10px;background:var(--brand);color:#fff;font-size:10px;font-weight:800;padding:2px 8px;border-radius:2px}.pk-body{display:flex;flex:1;flex-direction:column;gap:10px;padding:16px 16px 18px}.pk-body h3{margin:0;font-size:15px;font-weight:800;line-height:1.8}.pk-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;font-size:12.5px;line-height:1.9;color:var(--ink-soft)}.pk-items{display:flex;flex-direction:column;gap:2px}.pk-items li{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;line-height:1.9}.pk-items li i{font-style:normal;display:flex;align-items:center;gap:8px;min-width:0;color:var(--ink-soft)}.pk-items li i::before{content:"";width:4px;height:4px;border-radius:99px;background:var(--c-brand70);flex-shrink:0}.pk-items li b{flex-shrink:0;font-weight:700}.pk-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:14px}.pk-view{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--ink-soft);transition:color var(--tr)}.pk-view:hover{color:var(--brand)}.pk-view .ic{transition:transform var(--tr)}.pk-view:hover .ic{transform:translateX(-3px)}.sec.trust{background:var(--footer-bg);color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.trust-item{display:flex;align-items:center;gap:12px;padding:12px 8px}.trust-ic{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:4px;color:var(--brand)}.trust-ic .ic{width:20px;height:20px}.trust-txt{display:flex;flex-direction:column;line-height:1.6;min-width:0}.trust-txt b{font-size:12px;font-weight:700;color:#fff}.trust-txt i{font-style:normal;font-size:10.5px;color:rgba(255,255,255,.55)}.counters-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.counter{position:relative;text-align:center;padding:20px 8px;border:1px solid var(--hairline);border-radius:4px;background:var(--surface);background:color-mix(in srgb,var(--surface) 70%,transparent);box-shadow:var(--shadow-soft)}.counter b{display:inline-block;font-size:clamp(24px,4vw,34px);font-weight:900;line-height:1.3;font-variant-numeric:tabular-nums}.counter i{font-style:normal;font-size:13px;font-weight:800;color:var(--brand);margin-inline-start:4px}.counter span{display:block;margin-top:4px;font-size:11.5px;color:var(--ink-soft)}.prj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.prj-card{overflow:hidden;border-radius:4px}.prj-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)}.prj-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--muted)}.prj-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--tr5)}.prj-card:hover .prj-media img{transform:scale(1.05)}.prj-tag{position:absolute;top:8px;inset-inline-start:8px;background:rgba(0,0,0,.55);color:#fff;font-size:9.5px;font-weight:700;padding:2px 8px;border-radius:2px;backdrop-filter:blur(3px)}.prj-card figcaption{display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px}.prj-card figcaption b{font-size:12.5px;font-weight:800}.prj-card figcaption span{font-size:10.5px;line-height:1.7;color:var(--ink-soft)}.hb-grid,.blog-grid{display:grid;grid-template-columns:1fr;gap:14px}.hb-card,.blog-card{display:flex;flex-direction:column;overflow:hidden;border-radius:4px}.hb-card:hover,.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)}.hb-media,.blog-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--muted)}.hb-media img,.blog-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--tr5)}.hb-card:hover .hb-media img,.blog-card:hover .blog-media img{transform:scale(1.05)}.hb-body,.blog-body{display:flex;flex:1;flex-direction:column;gap:6px;padding:14px 16px 16px}.hb-date{font-style:normal;font-size:10.5px;color:var(--ink-soft)}.hb-title,.blog-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;font-weight:700;line-height:1.9;transition:color var(--tr)}.hb-card:hover .hb-title,.blog-card:hover .blog-title{color:var(--brand)}.hb-ex,.blog-ex{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.9;color:var(--ink-soft)}.blog-more{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:8px;font-size:12px;font-weight:700;color:var(--brand)}.blog-more .ic{transition:transform var(--tr)}.blog-card:hover .blog-more .ic{transform:translateX(-3px)}.faq-list{border-top:1px solid var(--hairline)}.faq-item{border-bottom:1px solid var(--hairline)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 2px;font-size:14px;font-weight:700;cursor:pointer;list-style:none;transition:color var(--tr)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .ic{color:var(--brand);flex-shrink:0;transition:transform 300ms var(--ez)}.faq-item[open] summary{color:var(--brand)}.faq-item[open] summary .ic{transform:rotate(180deg)}.faq-a{padding:0 28px 20px 2px}.faq-a p{margin:0;font-size:13.5px;line-height:2.1;color:var(--ink-soft)}.cta-band{position:relative;display:flex;flex-direction:column;gap:20px;overflow:hidden;border-radius:4px;background:var(--footer-bg);color:#fff;padding:32px 24px}.cta-txt h2{margin:0;font-size:clamp(19px,2.6vw,26px);font-weight:300;color:#fff}.cta-txt p{margin:8px 0 0;font-size:13px;line-height:2;color:rgba(255,255,255,.7)}.cta-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;flex-shrink:0}.cta-phone{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:800;letter-spacing:.02em}.cta-phone .ic{color:var(--brand)}.cta-phone:hover{color:#f0cfc6}.rt-body,.post-content{font-size:14.5px;line-height:2.1}.rt-body h2,.post-content h2{margin:1.6em 0 .6em;font-size:20px}.rt-body h3,.post-content h3{margin:1.4em 0 .5em;font-size:16.5px}.rt-body ul,.rt-body ol,.post-content ul,.post-content ol{margin:0 0 1.2em;padding-inline-start:1.5em;list-style:disc}.rt-body ol,.post-content ol{list-style:decimal}.rt-body li,.post-content li{margin-bottom:.4em}.rt-body img,.post-content img{border-radius:4px;margin-block:8px}.rt-body blockquote,.post-content blockquote{margin:1.2em 0;padding:12px 16px;border-inline-start:3px solid var(--brand);background:var(--c-sec50);border-radius:0 4px 4px 0;color:var(--ink-soft)}.rt-body a,.post-content a{color:var(--brand);font-weight:500;text-decoration:underline;text-underline-offset:3px}.rt-body table,.post-content table{width:100%;border-collapse:collapse;margin-block:1em;font-size:13.5px}.rt-body th,.rt-body td,.post-content th,.post-content td{border:1px solid var(--hairline);padding:8px 12px;text-align:start}.gal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.gal-item{display:block;overflow:hidden;border-radius:4px;background:var(--muted)}.gal-item img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform var(--tr5)}.gal-item:hover img{transform:scale(1.04)}.video-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:4px;background:#181310}.video-wrap video{width:100%;height:100%;object-fit:cover}.page-map{overflow:hidden;border-radius:4px;border:1px solid var(--hairline)}.page-map iframe,.ftr-map iframe{display:block;width:100%;border:0}.crumbs{padding-block:14px 2px}.crumbs ol{display:flex;align-items:center;flex-wrap:wrap;gap:2px;font-size:11.5px;color:var(--ink-soft)}.crumbs li{display:inline-flex;align-items:center}.crumbs li+li::before{content:"/";margin-inline:7px;color:var(--c-soft)}.crumbs a:hover{color:var(--brand)}.crumbs [aria-current]{color:var(--ink);font-weight:500}.pager{display:flex;align-items:center;justify-content:center;gap:6px;margin-block:28px 8px;flex-wrap:wrap}.pg-btn{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding-inline:10px;border:1px solid var(--hairline);border-radius:3px;background:var(--surface);font-size:13px;font-weight:700;transition:all var(--tr)}.pg-btn:hover{border-color:var(--brand);color:var(--brand)}.pg-btn.is-current{background:var(--brand);border-color:var(--brand);color:#fff;pointer-events:none}.shop-page{padding-block:10px 40px}.shop-layout{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}.side-box{padding:16px}.side-box h3{margin:0 0 10px;font-size:13px;font-weight:800}.side-box .input-base+h3,.side-box h3+h3{margin-top:16px}.filter-form .btn{margin-top:12px}.cat-list{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.cat-list::-webkit-scrollbar{display:none}.cat-list>li{flex-shrink:0}.cat-link{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:38px;padding:6px 12px;border:1px solid var(--hairline);border-radius:99px;background:var(--surface);font-size:12.5px;color:var(--ink-soft);white-space:nowrap;transition:all var(--tr)}.cat-link i{font-style:normal;font-size:10.5px;opacity:.75}.cat-link:hover{border-color:var(--c-ink40);color:var(--ink)}.cat-link.is-active{border-color:var(--brand);background:var(--brand);color:#fff}.cat-link.is-active i{color:#fff;opacity:.9}.cat-sub{margin:2px 0 4px}.cat-sub .cat-link{font-size:12px}.shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:16px;padding:10px 0;border-bottom:1px solid var(--hairline)}.toolbar-count{font-size:12px;color:var(--ink-soft)}.toolbar-sort{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sort-label{font-size:11.5px;color:var(--ink-soft)}.chip{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:4px 14px;border:1px solid var(--hairline);border-radius:99px;background:var(--surface);font-size:12px;color:var(--ink-soft);transition:all var(--tr)}.chip i{font-style:normal;font-size:10.5px;opacity:.75}.chip:hover{border-color:var(--c-ink40);color:var(--ink)}.chip-active,.chip-active:hover{border-color:var(--brand);background:var(--brand);color:#fff}.cat-chips{display:flex;flex-wrap:wrap;gap:8px;margin-block:14px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:48px 20px}.empty-state b{font-size:15px}.empty-state p{margin:0;font-size:13px;color:var(--ink-soft)}.empty-state .btn{margin-top:12px}.grid-products{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.grid-4{grid-template-columns:repeat(2,1fr)}.cat-head{display:flex;align-items:center;gap:16px;margin-block:6px 8px}.cat-head .cat-img{width:72px;height:72px;flex-shrink:0;overflow:hidden;border-radius:4px;border:1px solid var(--hairline);background:var(--muted)}.cat-img img{width:100%;height:100%;object-fit:cover}.cat-head h1{margin:0;font-size:clamp(19px,3vw,25px)}.product-page{padding-block:8px 40px}.pd-layout{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:28px}.pd-gallery{display:flex;flex-direction:column;gap:10px}.pd-main-img{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:4px;border:1px solid var(--hairline);background:var(--muted)}.pd-main-img img{width:100%;height:100%;object-fit:cover}.pd-thumbs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.pd-thumbs::-webkit-scrollbar{display:none}.pd-thumb{width:72px;height:72px;flex-shrink:0;overflow:hidden;border:1px solid var(--hairline);border-radius:3px;background:var(--muted);opacity:.8;transition:border-color var(--tr),opacity var(--tr)}.pd-thumb img{width:100%;height:100%;object-fit:cover}.pd-thumb:hover{opacity:1}.pd-thumb.is-active{border-color:var(--brand);opacity:1;box-shadow:0 0 0 1px var(--brand)}.pd-info{display:flex;flex-direction:column;gap:14px}.pd-title{font-size:clamp(18px,2.6vw,24px);font-weight:800;line-height:1.7;margin:0}.pd-short{margin:0;font-size:13.5px;line-height:2;color:var(--ink-soft)}.pd-price-box{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:4px}.pd-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.pd-price s{font-size:13px}.pd-price b{font-size:24px;font-weight:900}.pd-price i{font-style:normal;font-size:12px;color:var(--ink-soft)}.pd-inq-title{margin:0;font-size:15px;font-weight:800;color:var(--brand)}.pd-inq-hint{margin:4px 0 0;font-size:12.5px;line-height:1.9;color:var(--ink-soft)}.pd-quick-actions{display:flex;gap:8px;flex-wrap:wrap}.pd-meta{display:flex;flex-direction:column;gap:6px;margin:0;font-size:12.5px;color:var(--ink-soft)}.pd-meta li b{font-weight:700;color:var(--ink)}.pd-meta li b.ok{color:var(--ok)}.pd-meta li b.no{color:var(--err)}.pd-meta a{font-weight:700;color:var(--ink)}.pd-meta a:hover{color:var(--brand)}.pd-tabs{margin-bottom:32px}.pd-tab-bar{display:flex;gap:4px;border-bottom:1px solid var(--hairline);overflow-x:auto;scrollbar-width:none}.pd-tab-bar::-webkit-scrollbar{display:none}.pd-tab{position:relative;flex-shrink:0;padding:12px 16px;font-size:13.5px;font-weight:700;color:var(--ink-soft);transition:color var(--tr)}.pd-tab::after{content:"";position:absolute;inset-inline:10px;bottom:-1px;height:2px;background:var(--brand);transform:scaleX(0);transition:transform var(--tr)}.pd-tab:hover{color:var(--ink)}.pd-tab.is-active{color:var(--brand)}.pd-tab.is-active::after{transform:scaleX(1)}.pd-tab-body{padding:20px;border-radius:0 0 4px 4px;border-top:0}.pd-pane{display:none}.pd-pane.is-active{display:block;animation:fadeUp .4s var(--ez) both}.pd-pane p{font-size:13.5px;line-height:2.1;color:var(--ink-soft)}.spec-table{width:100%;border-collapse:collapse;font-size:13px}.spec-table th{width:180px;padding:10px 14px;background:var(--c-sec50);border:1px solid var(--hairline);text-align:start;font-weight:700}.spec-table td{padding:10px 14px;border:1px solid var(--hairline)}.spec-table td a{color:var(--brand);font-weight:500}.pd-related{margin-top:8px}.cart-page{padding-block:10px 48px}.cart-success,.cart-empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:40px 24px;margin-bottom:16px}.ok-ic,.empty-ic{display:grid;place-items:center;width:64px;height:64px;border-radius:99px;margin-bottom:6px}.ok-ic{background:var(--brand-soft);color:var(--brand)}.empty-ic{background:var(--secondary);color:var(--ink-soft)}.cart-success h2,.cart-empty h2{margin:0;font-size:19px}.cart-success p,.cart-empty p{margin:0;font-size:13px;color:var(--ink-soft)}.track-box{margin-top:16px;padding:16px 24px;border:1px dashed var(--c-brand30);border-radius:4px;background:var(--brand-soft)}.track-box p{margin:0 0 6px;font-size:12px;color:var(--ink-soft)}.track-code{display:flex;align-items:center;justify-content:center;gap:10px}.track-code b{font-size:26px;font-weight:900;letter-spacing:.06em;color:var(--brand)}.track-code .icon-btn{width:36px;height:36px;color:var(--ink-soft)}.success-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:18px}.cart-full{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}.cart-items{display:flex;flex-direction:column;gap:10px;width:100%;min-width:0}.cart-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--hairline);border-radius:4px;background:var(--surface);box-shadow:var(--shadow-soft)}.ci-img{width:72px;height:72px;flex-shrink:0;overflow:hidden;border-radius:3px;border:1px solid var(--hairline);background:var(--muted)}.ci-img img{width:100%;height:100%;object-fit:cover}.ci-info{flex:1;min-width:0}.ci-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;font-weight:700}.ci-name:hover{color:var(--brand)}.ci-unit{display:block;font-size:11.5px;color:var(--ink-soft);margin-top:2px}.ci-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.cart-qty{display:inline-flex;align-items:stretch;gap:4px}.cq-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--c-ink20);border-radius:3px;background:var(--surface);transition:all var(--tr)}.cq-btn:hover{border-color:var(--brand);color:var(--brand)}.cq-num{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:32px;padding-inline:6px;border:1px solid var(--hairline);border-radius:3px;background:var(--c-sec60);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.ci-total{font-size:13.5px;font-weight:800}.ci-del{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--err);opacity:.85}.ci-del:hover{opacity:1}.cart-form{padding:20px}.cart-form h2{margin:0 0 14px;font-size:16px}.account-page{padding-block:16px 48px}.track-form{padding:20px;margin-bottom:18px}.track-result{display:flex;flex-direction:column;gap:14px}.track-status{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 20px}.track-code-big{font-size:22px;font-weight:900;letter-spacing:.05em}.status-pill{display:inline-flex;align-items:center;min-height:30px;padding:2px 14px;border-radius:99px;font-size:11.5px;font-weight:800;background:var(--secondary);color:var(--ink-soft)}.status-pill.st-new{background:var(--brand-soft);color:var(--brand)}.status-pill.st-in_progress{background:rgba(169,123,79,.16);background:color-mix(in srgb,var(--bronze) 16%,transparent);color:var(--bronze)}.status-pill.st-done{background:rgba(46,125,79,.14);background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}.status-pill.st-canceled{background:rgba(179,38,30,.1);background:color-mix(in srgb,var(--err) 10%,transparent);color:var(--err)}.replies{display:flex;flex-direction:column;gap:10px}.reply-item{padding:14px 16px;border:1px solid var(--hairline);border-radius:4px;background:var(--surface);box-shadow:var(--shadow-soft)}.reply-who{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:11.5px;color:var(--ink-soft)}.reply-who b{color:var(--ink)}.reply-body{font-size:13.5px;line-height:2;white-space:pre-wrap}.reply-item.rp-admin{border-inline-start:3px solid var(--brand)}.reply-item.rp-customer{border-inline-start:3px solid var(--bronze)}.replies .empty-msg{padding:18px;text-align:center;font-size:13px;color:var(--ink-soft);border:1px dashed var(--hairline);border-radius:4px}.reply-form{padding:18px 20px}.reply-form h3{margin:0 0 12px;font-size:14px}.blog-page,.search-page,.post-page{padding-block:10px 48px}.post-head{margin-bottom:20px}.post-head h1{font-size:clamp(20px,3vw,28px);line-height:1.7;margin-bottom:6px}.post-ex{margin:0;font-size:13.5px;line-height:2.1;color:var(--ink-soft)}.post-cover{margin:0 0 24px}.post-cover img{width:100%;max-height:420px;object-fit:cover;border-radius:4px;border:1px solid var(--hairline)}.post-back{margin-top:32px;padding-top:20px;border-top:1px solid var(--hairline)}.search-inline{display:flex;gap:8px;max-width:520px;margin-top:10px}.search-inline .input-base{flex:1}.sp-sec{margin-bottom:36px}.sp-sec .section-title{display:inline-block;margin-bottom:24px}.nf-page{padding-block:40px 64px}.nf-box{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:48px 24px;max-width:640px;margin-inline:auto}.nf-code{font-size:56px;font-weight:900;line-height:1.2;color:var(--brand)}.nf-box h1{margin:0;font-size:19px}.nf-box>p{margin:0;font-size:13px;color:var(--ink-soft)}.nf-search{display:flex;gap:8px;width:100%;max-width:420px;margin-top:14px}.nf-search .input-base{flex:1}.nf-cats{margin-top:18px}.nf-cats p{margin:0 0 8px;font-size:12px;color:var(--ink-soft)}.nf-box>.btn{margin-top:16px}.ftr{position:relative;z-index:1;margin-top:40px;background:var(--footer-bg);color:rgba(255,255,255,.85);font-weight:300}.ftr-grid{display:grid;grid-template-columns:1fr;gap:32px;padding-block:44px 40px}.ftr .logo-text b{color:#fff}.ftr-about{max-width:340px;margin:14px 0 0;font-size:13px;line-height:2.1;color:rgba(255,255,255,.55)}.ftr-badges{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.ftr-badges a,.ftr-badges .badge-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:74px;height:74px;padding:8px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.02);border-radius:3px;color:rgba(255,255,255,.45);font-size:9.5px;line-height:1.6;text-align:center;transition:border-color var(--tr)}.ftr-badges a:hover{border-color:rgba(255,255,255,.35)}.ftr-badges .badge-ph{border-style:dashed}.ftr-badges .badge-ph .ic{width:22px;height:22px}.ftr-badges img{max-height:100%;object-fit:contain;opacity:.8}.ftr-socials{display:flex;gap:10px;margin-top:20px}.ftr-socials a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.15);border-radius:3px;color:rgba(255,255,255,.8);transition:all var(--tr)}.ftr-socials a:hover{border-color:var(--brand);background:var(--brand);color:#fff}.ftr-col h4,.ftr-contact h4{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:13.5px;font-weight:700;color:#fff}.ftr-col h4 span,.ftr-contact h4 span{width:18px;height:2px;background:var(--brand);flex-shrink:0}.ftr-col ul li{margin-bottom:2px}.ftr-col ul a{display:inline-block;padding-block:6px;font-size:13px;color:rgba(255,255,255,.55);transition:color var(--tr),transform var(--tr)}.ftr-col ul a:hover{color:#fff;transform:translateX(-4px)}.ftr-contact ul{display:flex;flex-direction:column;gap:4px}.ftr-contact li{display:flex;align-items:flex-start;gap:10px;padding-block:5px;font-size:13px;line-height:1.9;color:rgba(255,255,255,.55)}.ftr-contact li .ic{width:18px;height:18px;margin-top:5px;flex-shrink:0;color:var(--brand)}.ftr-phones{display:flex;flex-wrap:wrap;gap:2px 8px;align-items:center}.ftr-phones b{color:rgba(255,255,255,.25);font-weight:400}.ftr-phones a{color:rgba(255,255,255,.75);transition:color var(--tr)}.ftr-phones a:hover{color:#fff}.ftr-map{margin-top:18px;height:110px;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:3px;background:rgba(255,255,255,.02)}.ftr-map iframe{height:110px}.ftr-news{margin-top:20px}.ftr-news p{margin:0 0 10px;font-size:12.5px;line-height:1.9;color:rgba(255,255,255,.55)}.news-form{display:flex;gap:8px}.news-form input{flex:1;min-width:0;height:44px;padding-inline:14px;border:1px solid rgba(255,255,255,.15);border-radius:3px;background:rgba(255,255,255,.06);color:#fff;font-size:13px;outline:none;transition:border-color var(--tr)}.news-form input::placeholder{color:rgba(255,255,255,.3)}.news-form input:focus{border-color:var(--brand)}.news-form button{flex-shrink:0;height:44px;padding-inline:20px;border-radius:3px;background:var(--brand);color:#fff;font-size:13px;font-weight:700;transition:background-color var(--tr)}.news-form button:hover{background:var(--brand-hover)}.ftr-news .form-msg{color:rgba(255,255,255,.7)}.ftr-news .form-msg.ok{color:#8fd6ab}.ftr-news .form-msg.err{color:#f0a49b}.ftr-bar{border-top:1px solid rgba(255,255,255,.1)}.ftr-bar-in{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;min-height:56px;padding-block:12px;font-size:12px;color:rgba(255,255,255,.45)}.ftr-copy{display:inline-flex;align-items:center;gap:6px}.ftr-copy button{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:99px;opacity:.3;transition:opacity var(--tr);cursor:default}.ftr-copy button span{display:block;width:6px;height:6px;border-radius:99px;background:rgba(255,255,255,.7)}.ftr-copy button:hover{opacity:.9}.floaters{position:fixed;bottom:calc(76px + env(safe-area-inset-bottom));left:16px;z-index:40;display:flex;flex-direction:column;gap:8px}.floater{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:99px;background:var(--footer-bg);color:#fff;box-shadow:var(--shadow-soft);transition:all var(--tr)}.floater:hover{background:var(--brand);transform:translateY(-3px);box-shadow:var(--shadow-lift)}.floater .ic{width:22px;height:22px}.bottom-nav{position:fixed;inset-inline:0;bottom:0;z-index:50;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--hairline);background:var(--surface);background:color-mix(in srgb,var(--surface) 97%,transparent);box-shadow:0 -8px 30px -18px rgba(34,28,22,.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding-bottom:env(safe-area-inset-bottom)}.bn-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;min-width:44px;padding:8px 4px 6px;font-size:10px;color:var(--ink-soft);transition:color var(--tr)}.bn-item .ic{width:21px;height:21px}.bn-item:hover{color:var(--ink)}.bn-item.is-active{color:var(--brand);font-weight:700}.bn-cart .cart-badge{position:absolute;top:6px;inset-inline-start:calc(50% + 6px);display:inline-flex;align-items:center;justify-content:center;min-width:15px;height:15px;padding-inline:3px;border-radius:99px;background:var(--brand);color:#fff;font-size:9.5px;font-weight:800;line-height:1}.toast-root{position:fixed;bottom:calc(76px + env(safe-area-inset-bottom));right:50%;transform:translateX(50%);z-index:90;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:4px;background:var(--footer-bg);color:#fff;font-size:12.5px;font-weight:700;box-shadow:var(--shadow-lift);opacity:0;transform:translateY(8px);transition:opacity var(--tr),transform var(--tr)}.toast.is-show{opacity:1;transform:none}.toast.is-err{background:var(--err)}body.drawer-open,body.search-open{overflow:hidden}@media (min-width:640px){.container-x{padding-inline:24px}.blk{padding-top:var(--bpt,0px);padding-bottom:var(--bpb,0px)}.hero-sub{font-size:16px}.card-body{padding:12px 14px 0}.is-compact .card-body{padding:12px 14px 0}.is-compact .card-title{min-height:46px;font-size:13.5px}.is-compact .card-price b{font-size:14px}.search-form input[type=search]{font-size:24px}.circles-row{grid-template-columns:repeat(4,1fr);gap:14px}.breeds-grid{grid-template-columns:repeat(6,1fr);gap:18px}.breed-card{grid-column:span 3}.breed-card:last-child:nth-child(odd){grid-column:span 6}.shelf-cell{flex-basis:224px}.hb-grid,.blog-grid{grid-template-columns:repeat(3,1fr);gap:16px}.gal-grid{grid-template-columns:repeat(3,1fr);gap:14px}.grid-4{grid-template-columns:repeat(3,1fr)}.cart-form{padding:24px}.track-form{padding:28px}.breed-img{aspect-ratio:auto;position:absolute;inset:0;height:100%;min-height:240px}.breed-body{justify-content:flex-end;min-height:240px;padding:24px 32px;gap:8px}.breed-body b{font-size:23px}.breed-desc{font-size:13.5px;line-height:2}.counters-grid{grid-template-columns:repeat(4,1fr);gap:14px}.trust-grid{grid-template-columns:repeat(4,1fr);gap:14px}.prj-grid{grid-template-columns:repeat(3,1fr);gap:16px}.prj-card figcaption{padding:14px 16px}.prj-card figcaption b{font-size:13.5px}.prj-card figcaption span{font-size:11.5px}.cta-band{flex-direction:row;align-items:center;justify-content:space-between;padding:44px 48px}.ed-body{padding:48px}.pk-body{padding:20px}.pk-body h3{font-size:16px}.ftr-grid{grid-template-columns:repeat(2,1fr)}.pd-tab-body{padding:24px 28px}.qac-pick{flex-direction:row}}@media (min-width:768px){.hero-in{min-height:var(--hero-h-d,76vh)}.bottom-nav{display:none}.floaters{bottom:24px}.toast-root{bottom:28px}.ed-media::after,.ed-banner.is-end .ed-media::after,.ed-banner.is-dark .ed-media::after{background:linear-gradient(to left,rgba(20,13,9,.72) 0%,rgba(20,13,9,.28) 55%,rgba(20,13,9,.05) 100%)}.ed-banner.is-dark .ed-media::after{background:linear-gradient(to left,rgba(24,18,13,.88) 0%,rgba(24,18,13,.45) 60%,transparent 100%)}.ed-banner.is-dark.is-end .ed-media::after{background:linear-gradient(to right,rgba(24,18,13,.88) 0%,rgba(24,18,13,.45) 60%,transparent 100%)}}@media (min-width:1024px){.container-x{padding-inline:32px}.main-nav{display:flex}.burger{display:none}.hdr-in{gap:20px;min-height:var(--header-h)}.shop-layout{grid-template-columns:250px 1fr;gap:24px}.shop-side{display:block;position:sticky;top:calc(var(--header-h) + 16px)}.side-box{margin-bottom:14px}.cat-list{flex-direction:column;gap:2px;overflow:visible}.cat-link{border-radius:3px;border:0;background:transparent;padding:7px 10px;min-height:36px;white-space:normal}.cat-link:hover{background:var(--secondary);border-color:transparent}.cat-link.is-active{background:var(--brand-soft);color:var(--brand);font-weight:700}.cat-link.is-active i{color:var(--brand)}.cat-sub{margin-inline-start:14px;border-inline-start:1px solid var(--hairline);padding-inline-start:6px}.shelf-row{gap:12px}.shelf-cell{flex-basis:212px;max-width:none}.shelf-nav.prev{inset-inline-start:-16px}.shelf-nav.next{inset-inline-end:-16px}.breeds-grid{grid-template-columns:repeat(6,1fr)}.breed-card{grid-column:span 2}.breed-card:last-child:nth-child(3n+1){grid-column:span 6}.breed-card:last-child:nth-child(3n+2),.breed-card:nth-last-child(2):nth-child(3n+2){grid-column:span 3}.hb-grid,.blog-grid{gap:20px}.grid-products{grid-template-columns:repeat(4,1fr);gap:16px}.grid-4{grid-template-columns:repeat(4,1fr)}.pd-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:32px}.cart-full{grid-template-columns:1.5fr 1fr;gap:24px}.trust-item{justify-content:center;gap:14px}.trust-ic{width:44px;height:44px}.trust-ic .ic{width:22px;height:22px}.counter{padding-block:36px}.prj-grid{gap:20px}.pk-grid{grid-template-columns:repeat(3,1fr);gap:20px}.circles-row{grid-template-columns:repeat(4,1fr)}.circle-item{flex-direction:row;align-items:center;gap:0;padding:0;text-align:start}.circle-img{width:76px;height:76px;aspect-ratio:auto;flex-shrink:0}.circle-label{min-height:0;padding-inline-start:12px;font-size:13px;line-height:1.7}.card-p:hover .card-media img:first-child{transform:scale(1.06)}.card-p:hover .card-media img.card-img-alt{opacity:1}.qv-hint{opacity:0;transform:translateY(6px);transition:opacity var(--tr),transform var(--tr)}.card-p:hover .qv-hint{opacity:1;transform:none}.ftr-grid{grid-template-columns:1.35fr 1fr 1fr 1fr 1.3fr;gap:42px;padding-block:60px 52px}}@media (min-width:1280px){.hdr-phone{display:inline-flex}}@media (max-width:1023px){.mega{display:none}}@media (max-width:767px){.shelf-nav{width:34px;height:34px;top:32%}.prj-card:last-child:nth-child(odd){grid-column:1/-1}.ftr{padding-bottom:calc(62px + env(safe-area-inset-bottom))}.pk-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:8px;margin-inline:-16px;padding-inline:16px}.pk-grid::-webkit-scrollbar{display:none}.pk-grid>*{flex:0 0 82%;scroll-snap-align:start}.cart-row{flex-wrap:wrap}.ci-side{flex-direction:row;align-items:center;width:100%;justify-content:space-between}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-scroll{animation:none}}

/* فالبک مرورگرهای قدیمی بدون aspect-ratio — جلوگیری از فروپاشی ارتفاع کارت‌ها */
@supports not (aspect-ratio:1/1){.card-media{height:200px}.circle-img{height:145px}.breed-img{min-height:170px}.pk-media{height:180px}.prj-media{height:230px}.hb-media,.blog-media{height:190px}.gal-item img{height:210px}.video-wrap{height:220px}.pd-main-img{height:340px}}
/* ═══════════════ راند ۱۳ — هم‌سان‌سازی بلوک‌ها با نسخهٔ پیش‌نمایش ═══════════════ */

/* ---------- بافت‌های تزئینی ---------- */
.tex-halftone{background-image:radial-gradient(var(--c-brand30,rgba(217,48,37,.3)) 1.2px,transparent 1.3px);background-size:9px 9px}
.tex-contour{background-image:radial-gradient(circle at 50% 50%,transparent 0,transparent 100%)}
.tex-noise-light{background-image:var(--tex-noise,none)}

/* ---------- breeds v3 — بنرهای تمام‌عرض یک‌درمیان ---------- */
.breeds-stack{display:flex;flex-direction:column;gap:12px}
.brd-banner{display:grid;grid-template-columns:1fr;overflow:hidden;border:1px solid var(--hairline);background:var(--surface);box-shadow:var(--shadow-soft);transition:border-color var(--tr),box-shadow var(--tr)}
.brd-banner:hover{border-color:var(--c-ink40,var(--ink-soft));box-shadow:var(--shadow-lift)}
.brd-media{position:relative;display:block;aspect-ratio:16/7;overflow:hidden;background:var(--muted)}
.brd-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 700ms var(--ez)}
.brd-banner:hover .brd-media img{transform:scale(1.05)}
.brd-scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.45) 0%,transparent 45%);pointer-events:none}
.brd-num{position:absolute;inset-inline-start:16px;top:12px;font-size:44px;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.9);pointer-events:none}
.brd-brandline{position:absolute;inset-block:0;inset-inline-end:0;width:3px;background:var(--brand);opacity:0;transition:opacity 500ms var(--ez);pointer-events:none}
.brd-banner:hover .brd-brandline{opacity:1}
.brd-banner.is-flip .brd-brandline{inset-inline-end:auto;inset-inline-start:0}
.brd-body{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:16px}
.brd-body.is-tint{background:var(--secondary);background:color-mix(in srgb,var(--secondary) 46%,var(--bg))}
.brd-label{font-size:18px;font-weight:800;line-height:1.7;color:var(--ink);transition:color var(--tr)}
.brd-banner:hover .brd-label{color:var(--brand)}
.brd-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:46ch;font-size:12px;line-height:2;color:var(--ink-soft)}
.brd-link{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-size:12.5px;font-weight:700;color:var(--brand)}
.brd-link .ic{transition:transform var(--tr)}
.brd-banner:hover .brd-link .ic{transform:translateX(-4px)}
.brd-dots{position:absolute;inset-inline-end:12px;bottom:12px;width:64px;height:64px;opacity:.6;pointer-events:none;display:none}
@media (min-width:640px){
  .breeds-stack{gap:20px}
  .brd-banner{grid-template-columns:1fr 1fr}
  .brd-media{aspect-ratio:auto;min-height:240px}
  .brd-banner.is-flip .brd-media{order:2}
  .brd-banner.is-flip .brd-body{order:1}
  .brd-num{inset-inline-start:24px;top:16px;font-size:56px}
  .brd-body{padding:32px 40px;gap:10px}
  .brd-label{font-size:24px}
  .brd-desc{-webkit-line-clamp:unset;font-size:13.5px;line-height:2.1}
  .brd-scrim{background:linear-gradient(to left,rgba(0,0,0,.35) 0%,transparent 50%)}
  .brd-banner.is-flip .brd-scrim{background:linear-gradient(to right,rgba(0,0,0,.35) 0%,transparent 50%)}
  .brd-dots{display:block}
}

/* ---------- editorial v2 — بنر تمام‌صفحه ---------- */
.ed-full{position:relative;display:flex;min-height:50vh;align-items:center;overflow:hidden;background:var(--secondary)}
.ed-full.is-dark{background:var(--footer-bg)}
.ed-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ed-veil{position:absolute;inset:0;pointer-events:none}
.ed-full.is-dark .ed-veil{background:linear-gradient(to left,rgba(18,12,8,.78) 0%,rgba(18,12,8,.4) 50%,rgba(18,12,8,.08) 100%)}
.ed-full.is-dark.is-end .ed-veil{background:linear-gradient(to right,rgba(18,12,8,.78) 0%,rgba(18,12,8,.4) 50%,rgba(18,12,8,.08) 100%)}
.ed-full:not(.is-dark) .ed-veil{background:linear-gradient(to left,rgba(250,248,245,.92) 0%,rgba(250,248,245,.55) 55%,rgba(250,248,245,.1) 100%)}
.ed-full:not(.is-dark).is-end .ed-veil{background:linear-gradient(to right,rgba(250,248,245,.92) 0%,rgba(250,248,245,.55) 55%,rgba(250,248,245,.1) 100%)}
.ed-in{position:relative;z-index:2;padding-block:56px}
.ed-box{max-width:620px;text-align:start}
.ed-full.is-end .ed-box{margin-inline-start:auto}
.ed-kick{display:inline-flex;align-items:center;gap:10px;margin-bottom:12px;font-size:11.5px;font-weight:500;letter-spacing:.2em;color:var(--brand)}
.ed-full.is-dark .ed-kick{color:#f0cfc6}
.ed-kick span:first-child{width:24px;height:1px;background:var(--brand)}
.ed-title{margin:0;font-size:clamp(22px,3.6vw,40px);font-weight:300;line-height:1.55;color:var(--ink)}
.ed-full.is-dark .ed-title{color:#fff}
.ed-text{margin:12px 0 0;max-width:440px;font-size:13.5px;font-weight:300;line-height:2.2;color:var(--ink-soft)}
.ed-full.is-dark .ed-text{color:rgba(255,255,255,.85)}
.ed-link{position:relative;display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding-bottom:6px;font-size:14px;font-weight:700;color:var(--ink)}
.ed-full.is-dark .ed-link{color:#fff}
.ed-link-line{position:absolute;bottom:0;inset-inline-start:0;height:1.5px;width:40px;background:var(--brand);transition:width 300ms var(--ez)}
.ed-link:hover .ed-link-line{width:100%}

/* ---------- cta v2 — باند زغالی تمام‌صفحه وسط‌چین ---------- */
.cta-full{position:relative;overflow:hidden;background:var(--footer-bg);color:#fff;text-align:center}
.cta-brandline{position:absolute;inset-inline:0;top:0;height:2px;background:var(--brand);z-index:2}
.cta-in{position:relative;z-index:2;padding-block:clamp(40px,6vw,80px);max-width:820px;margin-inline:auto}
.cta-kick{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;font-size:11.5px;font-weight:500;letter-spacing:.18em;color:rgba(255,255,255,.7)}
.cta-kick span{width:28px;height:1px;background:var(--brand)}
.cta-title{margin:0;font-size:clamp(21px,3.2vw,28px);font-weight:300;color:#fff}
.cta-title::after{inset-inline-start:calc(50% - 24px)}
.cta-sub{margin:12px auto 0;max-width:576px;font-size:13.5px;line-height:2.2;color:rgba(255,255,255,.7)}
.cta-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:32px}

/* ---------- circles v4 — ایندکس کاتالوگ مینیمال ---------- */
.circles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.circle-card{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--surface);transition:border-color var(--tr),box-shadow var(--tr)}
.circle-card:hover{border-color:var(--c-ink40,var(--ink-soft));box-shadow:var(--shadow-lift)}
.circle-img{position:relative;display:block;width:100%;aspect-ratio:5/4;overflow:hidden;background:var(--muted);flex-shrink:0}
.circle-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 500ms var(--ez)}
.circle-card:hover .circle-img img{transform:scale(1.07)}
.circle-ph{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;color:var(--c-ink40,var(--ink-soft))}
.circle-txt{display:flex;min-width:0;flex:1;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 8px;text-align:center}
.circle-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:30px;font-size:11px;font-weight:700;line-height:1.65;color:var(--ink);transition:color var(--tr)}
.circle-card:hover .circle-name{color:var(--brand)}
.circle-count{display:flex;align-items:center;gap:4px;font-size:9.5px;color:var(--ink-soft)}
.circle-count i{display:inline-block;width:4px;height:4px;border-radius:99px;background:var(--c-brand80,var(--brand))}
@media (min-width:640px){.circles-grid{gap:12px}}
@media (min-width:1024px){
  .circles-grid{grid-template-columns:repeat(4,1fr)}
  .circle-card{flex-direction:row;align-items:center}
  .circle-img{aspect-ratio:1/1;height:76px;width:76px}
  .circle-txt{align-items:flex-start;padding:0 12px;text-align:start}
  .circle-name{min-height:0;font-size:13px;line-height:1.7}
  .circle-count{font-size:10.5px}
}

/* ---------- projects v2 — کپشن داخل تصویر ---------- */
.prj-grid2{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.prj-card2{position:relative;margin:0;overflow:hidden;border:1px solid var(--hairline);background:var(--muted);aspect-ratio:4/5}
.prj-card2 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 700ms var(--ez)}
.prj-card2:hover img{transform:scale(1.06)}
.prj-scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.15) 55%,transparent 100%);pointer-events:none}
.prj-brandline{position:absolute;inset-inline:0;bottom:0;height:3px;background:var(--brand);transform:scaleX(0);transform-origin:center;transition:transform 500ms var(--ez)}
.prj-card2:hover .prj-brandline{transform:scaleX(1)}
.prj-cap{position:absolute;inset-inline:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px}
.prj-tag2{display:inline-block;margin-bottom:2px;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.4);padding:2px 8px;font-size:9px;font-weight:700;color:#fff;backdrop-filter:blur(3px)}
.prj-title2{display:block;font-size:11px;font-weight:700;line-height:1.8;color:#fff}
.prj-text2{display:none;font-size:11px;line-height:1.8;color:rgba(255,255,255,.7)}
@media (min-width:640px){
  .prj-grid2{gap:16px}
  .prj-card2{aspect-ratio:4/3}
  .prj-cap{padding:16px}
  .prj-tag2{font-size:10px;padding:2px 10px}
  .prj-title2{font-size:13.5px;line-height:1.8}
}
@media (min-width:1024px){
  .prj-card2{aspect-ratio:16/11}
  .prj-title2{font-size:15px}
  .prj-text2{display:block}
}

/* ---------- counters v2 — پنل نقشه‌کشی با نشانه‌های گوشه ---------- */
.cnt-panel{position:relative;border:1px solid var(--hairline);background:var(--surface);background:color-mix(in srgb,var(--surface) 70%,transparent);box-shadow:var(--shadow-soft)}
.cnt-mark{position:absolute;z-index:2;display:grid;place-items:center;width:14px;height:14px;background:var(--bg);font-size:11px;font-weight:700;line-height:1;color:var(--brand)}
.cnt-mark.tl{inset-inline-start:-7px;top:-7px}
.cnt-mark.tr{inset-inline-end:-7px;top:-7px}
.cnt-mark.bl{inset-inline-start:-7px;bottom:-7px}
.cnt-mark.br{inset-inline-end:-7px;bottom:-7px}
.cnt-grid{display:grid;grid-template-columns:repeat(2,1fr)}
.cnt-cell{position:relative;text-align:center;padding:20px 8px}
.cnt-cell.has-div::after{content:"";position:absolute;inset-inline-end:0;top:50%;transform:translateY(-50%);width:1px;height:48px;background:var(--hairline)}
.cnt-label{display:block;font-size:11.5px;color:var(--ink-soft)}
.cnt-vrow{display:block;margin-top:6px}
.cnt-val{display:inline-block;font-size:clamp(28px,4.5vw,44px);font-weight:300;line-height:1.3;color:var(--ink);font-variant-numeric:tabular-nums}
.cnt-suffix{font-style:normal;font-size:clamp(22px,3.5vw,34px);font-weight:800;color:var(--brand);margin-inline-start:2px}
.cnt-line{display:block;width:24px;height:2px;margin:10px auto 0;background:var(--brand);opacity:.85}
@media (min-width:1024px){
  .cnt-grid{grid-template-columns:repeat(4,1fr)}
  .cnt-cell{padding-block:36px}
  .cnt-cell.has-div::after{height:56px}
}

/* ---------- faq v2 — شماره‌دار + سقف موبایل ---------- */
.faq-wrap{max-width:768px;margin-inline:auto}
.faq-item summary{gap:16px}
.faq-q{min-width:0;flex:1;font-size:14px;font-weight:500;line-height:2;color:var(--ink)}
.faq-num{flex-shrink:0;font-size:13px;font-weight:800;color:var(--brand);font-variant-numeric:tabular-nums}
.faq-item.m-more{display:none}
@media (min-width:640px){
  .faq-item.m-more{display:block}
  .faq-more{display:none!important}
}
.faq-more{display:inline-flex;align-items:center;gap:6px;height:40px;margin:16px auto 0;border:1px solid var(--hairline);padding-inline:20px;font:inherit;font-size:12px;font-weight:700;color:var(--ink);cursor:pointer;background:var(--surface);transition:color var(--tr),border-color var(--tr)}
.faq-more:hover{color:var(--brand);border-color:var(--brand)}
.faq-more .ic{transition:transform 300ms var(--ez)}
.faq-more[aria-expanded="true"] .ic{transform:rotate(180deg)}
.faq-list.is-open .faq-item.m-more{display:block}

/* ---------- blog v2 — چیپ تاریخ روی کاور + ادامه مطلب ---------- */
.hb-chip{position:absolute;inset-inline-start:12px;top:12px;z-index:2;display:inline-block;border:1px solid var(--hairline);background:var(--bg);background:rgba(250,248,245,.9);padding:3px 9px;font-style:normal;font-size:10px;font-weight:700;color:var(--ink-soft);backdrop-filter:blur(3px)}
.hb-more{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:4px;font-size:12.5px;font-weight:700;color:var(--brand)}
.hb-more .ic{transition:transform var(--tr)}
.hb-card:hover .hb-more .ic{transform:translateX(-4px)}
.hb-hide-m{display:none}
@media (min-width:768px){.hb-hide-m{display:flex}}

/* ---------- packages v2 — چیپ شمارش + فهرست خط‌چین ---------- */
.pk-tag2{position:absolute;inset-inline-start:12px;top:12px;border:1px solid var(--hairline);background:var(--bg);background:rgba(250,248,245,.9);padding:3px 9px;font-size:10px;font-weight:700;color:var(--ink-soft);backdrop-filter:blur(3px)}
.pk-count{position:absolute;inset-inline-end:12px;top:12px;background:var(--brand);color:#fff;padding:3px 9px;font-size:10px;font-weight:800}
.pk-items{border-top:1px dashed var(--hairline);padding-top:12px;margin-top:4px}
.pk-items .pk-more{justify-content:flex-start;font-size:11px;font-weight:700;color:var(--ink-soft);padding-top:4px}
.pk-items .pk-more::before{display:none}
.pk-view2{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;border:1px solid var(--c-ink40,var(--ink-soft));padding-inline:14px;font-size:12px;font-weight:700;color:var(--ink);white-space:nowrap;transition:color var(--tr),border-color var(--tr)}
.pk-view2:hover{color:var(--brand);border-color:var(--brand)}
.pk-view2 .ic{transition:transform var(--tr)}
.pk-view2:hover .ic{transform:translateX(-3px)}
.pk-actions .pk-add{flex:1;min-width:0}

/* ---------- trust v2 — خط برند + بافت ---------- */
.sec.trust{position:relative;overflow:hidden}
.trust-brandline{position:absolute;inset-inline:0;top:0;height:2px;background:var(--brand);z-index:2;pointer-events:none}
.fab-tex-dark .sec.trust::before{z-index:0}
.sec.trust .container-x{position:relative;z-index:1}
.cta-tex{position:absolute;inset:0;pointer-events:none;z-index:0}

/* ---------- faq-more JS state ---------- */
.faq-list.is-open .faq-item.m-more{display:block}
/* ================= راند ۲۰ ================= */
/* هدر: هنگام اسکرول فقط سایه — بدون تغییر ارتفاع (رفع لرزش) */
.site-top.is-scrolled .hdr{box-shadow:0 12px 32px -20px rgba(34,28,22,.4)}
/* فوتر: نقشهٔ خاکستری هم‌سان preview */
.ftr-map iframe{filter:grayscale(1) contrast(.95);opacity:.85}
/* هیرو: موقعیت متن از پنل */
.hero.hz-center .container-x{text-align:center}
.hero.hz-center .hero-kicker{justify-content:center}
.hero.hz-center .hero-title,.hero.hz-center .hero-sub{margin-inline:auto}
.hero.hz-center .hero-ctas{justify-content:center}
.hero.hz-end .container-x{text-align:left}
.hero.hz-end .hero-kicker{justify-content:flex-end}
.hero.hz-end .hero-title,.hero.hz-end .hero-sub{margin-left:0;margin-right:auto}
.hero.hz-end .hero-ctas{justify-content:flex-end}
.hero.hv-top .hero-in{align-items:flex-start}
.hero.hv-top .hero-content{padding-top:clamp(88px,14vh,150px)}
.hero.hv-center .hero-in{align-items:center}
.hero.hv-center .hero-content{padding-top:88px}
/* پکیج: دکمه‌ها همیشه داخل کادر */
.pk-actions{display:grid;grid-template-columns:1fr;gap:10px}
.pk-actions .btn,.pk-actions .pk-view2{width:100%;min-width:0;white-space:normal}
/* ---- بلوک درباره ما ---- */
.ab-split{display:grid;grid-template-columns:1fr;gap:30px;align-items:center}
.ab-split+.ab-split{margin-top:54px}
.ab-kick{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;color:var(--brand);letter-spacing:.08em;margin-bottom:10px}
.ab-kick::before{content:"";width:28px;height:2px;background:var(--brand);flex-shrink:0}
.ab-title{font-size:clamp(21px,2.8vw,31px);font-weight:800;line-height:1.65;margin:0 0 14px}
.ab-p{font-size:13.5px;line-height:2.25;color:var(--ink-soft);margin:0 0 10px}
.ab-p:last-child{margin-bottom:0}
.ab-media{position:relative;margin:6px 0 16px}
.ab-img{display:block;width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:4px}
.ab-img-ph{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;aspect-ratio:16/11;border:1px dashed var(--hairline);border-radius:4px;background:var(--secondary);color:var(--ink-soft);font-size:12px}
.ab-media::after{content:"";position:absolute;inset-inline-end:-10px;bottom:-10px;width:56%;height:56%;border:2px solid var(--brand);border-radius:4px;opacity:.35;pointer-events:none}
.ab-badge{position:absolute;inset-inline-start:14px;bottom:14px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:3px;background:rgba(23,19,16,.85);color:#fff;font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ab-badge .ic{width:15px;height:15px;color:#ffb3a9}
.ab-feats{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px}
.ab-feat{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border:1px solid var(--hairline);border-radius:4px;background:var(--surface)}
.ab-feat .fi{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:3px;background:var(--brand-soft);color:var(--brand)}
.ab-feat .fi .ic{width:19px;height:19px}
.ab-feat b{display:block;font-size:13.5px;line-height:1.8}
.ab-feat p{margin:2px 0 0;font-size:12.5px;line-height:1.95;color:var(--ink-soft)}
.ab-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}
.ab-stat{padding:16px 10px;text-align:center;border:1px solid var(--hairline);border-radius:4px;background:var(--secondary)}
.ab-stat b{display:block;font-size:clamp(19px,2.2vw,25px);font-weight:900;color:var(--brand);line-height:1.4}
.ab-stat span{display:block;margin-top:2px;font-size:11.5px;color:var(--ink-soft)}
@media(min-width:840px){
.ab-split{grid-template-columns:1.04fr 1fr;gap:52px}
.ab-media{margin:0}
.ab-feats{grid-template-columns:1fr 1fr}
.ab-stats{grid-template-columns:repeat(4,1fr)}
.ab-split.rev .ab-media{order:0}
.ab-split.rev .ab-body{order:1}
}
/* ---- بلوک اطلاعات تماس ---- */
.cti-head{max-width:620px;margin:0 auto 28px;text-align:center}
.cti-grid{display:grid;grid-template-columns:1fr;gap:12px}
.cti-box{display:flex;gap:13px;align-items:flex-start;padding:17px;border:1px solid var(--hairline);border-radius:4px;background:var(--surface);transition:transform var(--tr),box-shadow var(--tr)}
.cti-box:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}
.cti-box .bi{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:3px;background:var(--brand-soft);color:var(--brand)}
.cti-box .bi .ic{width:21px;height:21px}
.cti-box b{display:block;font-size:13.5px;margin-bottom:3px}
.cti-box p{margin:0;font-size:12.5px;line-height:2;color:var(--ink-soft)}
.cti-box .cti-line{display:block;margin:0;font-size:12.5px;line-height:2;color:var(--ink-soft)}
.cti-box a.cti-line:hover{color:var(--brand)}
.cti-socials{display:flex;justify-content:center;gap:10px;margin-top:22px}
.cti-socials a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--hairline);border-radius:3px;color:var(--ink);background:var(--surface);transition:all var(--tr)}
.cti-socials a:hover{border-color:var(--brand);background:var(--brand);color:#fff}
.cti-map{margin-top:18px;height:260px;border:1px solid var(--hairline);border-radius:4px;overflow:hidden}
.cti-map iframe{display:block;width:100%;height:100%;border:0}
@media(min-width:700px){.cti-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1040px){.cti-grid{grid-template-columns:repeat(4,1fr)}.cti-box.cti-wide{grid-column:span 2}}
/* فرم تماس بازطراحی‌شده */
.contact-form .cf-head{grid-column:1/-1;text-align:center;margin-bottom:18px}
.contact-form .cf-head h3{margin:0 0 6px;font-size:17.5px;font-weight:800}
.contact-form .cf-head p{margin:0;font-size:12.5px;line-height:2;color:var(--ink-soft)}
.contact-form .cf-full{grid-column:1/-1}
.contact-form button[type=submit]{grid-column:1/-1;width:100%;min-height:48px;font-weight:800}
.contact-form .form-msg{grid-column:1/-1;margin:0;text-align:center}
@media(min-width:660px){.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}}

/* ================= راند ۲۱ ================= */
/* ---------- بنر ادیتوریال: چینش متن + روکش رنگی ---------- */
.ed-ta-center{text-align:center}
.ed-ta-center .ed-kick{justify-content:center}
.ed-ta-center .ed-text{margin-inline:auto}
.ed-ta-end{text-align:end}
.ed-full.cv-dark .ed-title{color:#fff}
.ed-full.cv-dark .ed-text{color:rgba(255,255,255,.88)}
.ed-full.cv-dark .ed-link{color:#fff}
.ed-full.cv-light .ed-title{color:var(--ink)}
.ed-full.cv-light .ed-text{color:var(--ink-soft)}
/* ---------- نوار اعلان با رنگ دلخواه ---------- */
.ann-custom .announce-dot{background:currentColor}
.ann-custom .announce-link{color:inherit}
/* ---------- مجلهٔ فارم ابزار در موبایل: کارت‌ها کنارهم + اسکرول افقی ---------- */
@media(max-width:639.98px){
  .hb-grid.hb-scroll{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(76%,290px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:4px;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:var(--hairline) transparent}
  .hb-grid.hb-scroll .hb-card{scroll-snap-align:start}
  .hb-grid.hb-scroll::-webkit-scrollbar{height:6px}
  .hb-grid.hb-scroll::-webkit-scrollbar-track{background:transparent}
  .hb-grid.hb-scroll::-webkit-scrollbar-thumb{background:var(--hairline);border-radius:99px}
}
/* ---------- فوتر موبایل: ۴ بلوک ۲ستونه؛ خبرنامه/نقشه تمام‌عرض ---------- */
@media(max-width:639.98px){
  .ftr-grid{grid-template-columns:repeat(2,1fr);gap:26px 16px}
  .ftr-brand{grid-column:1/-1}
  .ftr-contact{display:contents}
  .ftr-contact-main{min-width:0}
  .ftr-contact-main h4{margin-top:2px}
  .ftr-map,.ftr-news{grid-column:1/-1}
  .ftr-news{margin-top:0}
}
@media(min-width:640px){.ftr-contact{display:block}.ftr-contact-main{display:contents}}
/* ---------- فرم تماس cfx — بازطراحی کامل (راند ۲۱) ---------- */
.cfx{display:grid;grid-template-columns:1fr;gap:18px;align-items:stretch;margin-top:6px}
@media(min-width:940px){.cfx{grid-template-columns:.92fr 1.08fr;gap:24px}}
.cfx-side{position:relative;display:flex;flex-direction:column;gap:4px;background:var(--footer-bg);color:#fff;border-radius:var(--radius);padding:30px 26px 26px;overflow:hidden}
.cfx-side::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 26%,transparent) 0%,transparent 52%);pointer-events:none}
.cfx-side::after{content:"";position:absolute;top:0;inset-inline:0;height:3px;background:linear-gradient(to left,var(--brand),color-mix(in srgb,var(--brand) 25%,transparent))}
.cfx-side>*{position:relative;z-index:1}
.cfx-side .ab-kick{color:#f3d9d2}
.cfx-side .ab-kick::before{background:var(--brand)}
.cfx-title{margin:0 0 8px;font-size:clamp(17px,2.4vw,21px);font-weight:800;color:#fff;line-height:1.7}
.cfx-text{margin:0 0 14px;font-size:13px;line-height:2.1;color:rgba(255,255,255,.78)}
.cfx-quick{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.cfx-quick li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.13);border-radius:4px;transition:border-color var(--tr),background var(--tr)}
.cfx-quick li:hover{border-color:color-mix(in srgb,var(--brand) 55%,transparent);background:rgba(255,255,255,.085)}
.cfx-quick .qi{flex:0 0 38px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:3px;background:color-mix(in srgb,var(--brand) 24%,transparent);color:#ffb9b0}
.cfx-quick .qi .ic{width:19px;height:19px}
.cfx-quick b{display:block;font-size:12.5px;color:#fff;margin-bottom:2px;font-weight:700}
.cfx-quick p{margin:0;font-size:12.5px;line-height:1.9;color:rgba(255,255,255,.75)}
.cfx-quick a{display:inline-block;font-size:12.5px;color:#f0cfc6;margin-inline-end:10px;text-decoration:none}
.cfx-quick a:hover{color:#fff;text-decoration:underline}
.cfx-soc{justify-content:flex-end;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}
.cfx-soc a{background:transparent;border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.85)}
.cfx-soc a:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.cfx-form{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:26px 24px 22px;display:flex;flex-direction:column}
.cf2-grid{display:grid;grid-template-columns:1fr;gap:0}
@media(min-width:600px){.cf2-grid{grid-template-columns:1fr 1fr;gap:0 16px}}
.cf2-full{grid-column:1/-1}
.cfx-form .field{margin-bottom:12px}
.cfx-form label{display:flex;align-items:center;gap:4px}
.cfx-form .req{color:var(--brand);font-style:normal;font-weight:800}
.cfx-submit{margin-top:12px;min-height:50px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:800;font-size:14.5px;border-radius:var(--radius)}
.cfx-submit .ic{width:16px;height:16px}
.cfx-note{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px 0 0;font-size:11.5px;color:var(--ink-soft)}
.cfx-note .ic{width:14px;height:14px;color:var(--ok);flex-shrink:0}
.cfx-form .form-msg{margin:10px 0 0;text-align:center;min-height:1.2em}

/* ================= راند ۲۲+۲۳: مگامنو ترتیب‌پذیر + دراور جدید ================= */
/* کارت «مشاهده همه محصولات» به‌صورت تمام‌عرض (وقتی قبل/بعد از گروه‌ها بیاید) */
.mega-kit--full{grid-column:1/-1;margin-top:6px}
.mega-kit--full.is-lead{margin-top:0;margin-bottom:6px}
.kit-card--h{display:flex;align-items:stretch;gap:14px}
.kit-card--h .kit-img{flex:0 0 128px;min-height:96px;border-radius:var(--radius)}
.kit-card--h .kit-body{flex:1;display:flex;flex-direction:column;gap:6px;justify-content:center}
.mega-g4>.mega-kit,.mega-g3>.mega-kit{display:flex}
/* ---------- دراور بازطراحی‌شده ---------- */
.drawer{width:min(88%,420px);background:var(--surface);border-inline-end:0;box-shadow:0 24px 70px -20px rgba(23,15,8,.45)}
.drawer-head{min-height:64px;padding:12px 16px;background:var(--bg);border-bottom:1px solid var(--hairline)}
.drawer-brand{display:flex;align-items:center;gap:10px;min-width:0}
.drawer-mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;border-radius:9px;background:var(--brand);color:#fff;font-size:19px;font-weight:900}
.drawer-brand-t{display:flex;flex-direction:column;min-width:0}
.drawer-brand-t b{font-size:15px;font-weight:900;line-height:1.3}
.drawer-brand-t i{font-style:normal;font-size:10.5px;color:var(--ink-soft)}
.d-quick{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 16px 4px}
.d-quick-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:8px;font-size:13.5px;font-weight:800;color:#fff;transition:transform 200ms var(--ez),background-color var(--tr)}
.d-quick-btn:active{transform:scale(.97)}
.d-quick-btn.is-tel{background:var(--brand)}
.d-quick-btn.is-tel:hover{background:var(--brand-hover);color:#fff}
.d-quick-btn.is-wa{background:#1faa53}
.d-quick-btn.is-wa:hover{background:#178a43;color:#fff}
.drawer-nav{padding-block:6px}
.drawer-nav>.d-link,.drawer-nav>.d-acc{border-bottom:0}
.drawer-nav .d-link,.drawer-nav .d-acc>summary{margin:4px 10px;padding:4px 10px;border-radius:9px;border-bottom:0;transition:background-color 180ms var(--ez)}
.drawer-nav .d-link{min-height:50px}
.drawer-nav .d-link:hover,.drawer-nav .d-acc>summary:hover{background:var(--secondary);color:var(--brand)}
.drawer-nav .d-link.is-active{background:var(--brand-soft);color:var(--brand)}
.d-link .d-ic,.d-acc>summary .d-ic{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border-radius:8px;background:var(--secondary);color:var(--brand)}
.d-link .d-t,.d-acc>summary .d-t{flex:1;min-width:0;font-size:14px;font-weight:700}
.d-link .d-chev,.d-acc>summary .d-chev{display:inline-flex;color:var(--ink-soft);transition:transform 260ms var(--ez)}
.d-acc>summary{min-height:54px;cursor:pointer;list-style:none}
.d-acc>summary::-webkit-details-marker{display:none}
.d-acc[open]>summary{background:var(--secondary);border-radius:9px 9px 0 0}
.d-acc[open]>summary .d-chev .ic{transform:rotate(180deg)}
.d-acc[open]>summary .d-chev{color:var(--brand)}
.d-acc-body{margin:0 10px 8px;padding:2px 10px 10px;border-radius:0 0 9px 9px;background:var(--bg);border:1px solid var(--hairline);border-top:0}
.d-group{padding-block:10px}
.d-group+.d-group{border-top:1px dashed var(--hairline)}
.d-ghead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;padding:0 2px;font-size:12px;font-weight:800;color:var(--brand);text-decoration:none}
.d-ghead:hover .ic{transform:translateX(-3px)}
.d-ghead .ic{transition:transform 200ms var(--ez)}
.d-ghead.as-p{margin-bottom:8px;cursor:default}
.d-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}.d-chips>.d-chip{min-width:0;width:auto}
.d-chip{display:flex;align-items:center;gap:9px;min-height:52px;padding:6px 9px;border:1px solid var(--hairline);border-radius:9px;background:var(--surface);font-size:12px;font-weight:700;color:var(--ink);transition:border-color var(--tr),transform 200ms var(--ez)}
.d-chip:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-1px)}
.d-chip .mi-img{width:38px;height:38px;flex:0 0 38px;border-radius:7px;overflow:hidden;background:var(--secondary);color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center}
.d-chip .d-chip-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.d-breeds{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.d-breeds::-webkit-scrollbar{display:none}
.d-breed{display:flex;flex-direction:column;align-items:center;gap:6px;flex:0 0 76px;scroll-snap-align:start;font-size:11px;font-weight:700;color:var(--ink);text-align:center}
.d-breed:hover{color:var(--brand)}
.d-breed .b-img{width:60px;height:60px;border-radius:50%;overflow:hidden;border:2px solid var(--hairline);background:var(--surface);transition:border-color var(--tr)}
.d-breed:hover .b-img{border-color:var(--brand)}
.d-breed .b-img img{width:100%;height:100%;object-fit:cover}
.d-kit{display:flex;align-items:center;gap:12px;min-height:64px;margin:12px 0 4px;padding:10px 12px;border-radius:11px;background:var(--brand);color:#fff;text-decoration:none;box-shadow:0 10px 26px -12px color-mix(in srgb,var(--brand) 65%,transparent);transition:background-color var(--tr),transform 200ms var(--ez)}
.d-kit:hover{background:var(--brand-hover);color:#fff;transform:translateY(-1px)}
.d-kit .ic{flex:0 0 auto}
.d-kit-img{width:56px;height:56px;flex:0 0 56px;border-radius:8px;overflow:hidden;background:rgba(255,255,255,.18)}
.d-kit-img img{width:100%;height:100%;object-fit:cover}
.d-kit-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.d-kit-t b{font-size:13.5px;font-weight:800}
.d-kit-t i{font-style:normal;font-size:11px;opacity:.85;line-height:1.7;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.drawer-contact{margin-top:14px;padding:14px 16px 18px;border-top:1px solid var(--hairline);background:var(--bg)}
.drawer-contact a{min-height:40px}
/* ورود پلکانی آیتم‌های دراور */
@media (prefers-reduced-motion:no-preference){
.drawer-root.is-open .drawer-nav>*,.drawer-root.is-open .d-quick{animation:fabDItem 380ms var(--ez) both}
.drawer-root.is-open .d-quick{animation-delay:40ms}
.drawer-root.is-open .drawer-nav>:nth-child(1){animation-delay:60ms}
.drawer-root.is-open .drawer-nav>:nth-child(2){animation-delay:100ms}
.drawer-root.is-open .drawer-nav>:nth-child(3){animation-delay:140ms}
.drawer-root.is-open .drawer-nav>:nth-child(4){animation-delay:180ms}
.drawer-root.is-open .drawer-nav>:nth-child(5){animation-delay:220ms}
.drawer-root.is-open .drawer-nav>:nth-child(6){animation-delay:260ms}
.drawer-root.is-open .drawer-nav>:nth-child(n+7){animation-delay:300ms}
}
@keyframes fabDItem{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* فالبک مرورگر قدیمی برای رنگ‌های color-mix دراور */
.d-quick-btn.is-tel{background:#d93025}
.d-quick-btn.is-wa{background:#1faa53}

/* ================================================================
   راند ۲۴ — فیلتر موبایل، دراور نو، صفحهٔ پروژه‌ها، مجلهٔ نو
   ================================================================ */

/* ---------- نوار فیلتر موبایل (دسته/فروشگاه) ---------- */
.m-fbar{display:none}
@media (max-width:767px){
  .shop-page .m-fbar{display:flex;gap:8px;position:sticky;top:var(--header-h);z-index:35;padding:8px 0 10px;margin-bottom:4px;background:var(--bg);background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--hairline)}
  .shop-page .cat-chips,.shop-page .shop-toolbar,.shop-page .shop-side{display:none}
}
@media (min-width:768px){.m-fbar{display:none!important}}
.m-fdrop{flex:1 1 0;min-width:0;position:relative}
.m-fdrop>summary{display:flex;align-items:center;gap:7px;min-height:42px;padding:8px 12px;border:1px solid var(--hairline);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-soft);font-size:12.5px;font-weight:800;color:var(--ink);cursor:pointer;list-style:none;transition:border-color var(--tr),color var(--tr)}
.m-fdrop>summary::-webkit-details-marker{display:none}
.m-fdrop>summary:hover{border-color:var(--c-brand30)}
.m-fdrop[open]>summary{border-color:var(--brand);color:var(--brand)}
.m-fdrop .mfb-ic{display:inline-flex;color:var(--brand)}
.m-fdrop .mfb-t{flex:0 0 auto}
.m-fdrop .mfb-n{font-style:normal;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:99px;background:var(--brand-soft);color:var(--brand);font-size:10px;font-weight:800;padding:0 6px}
.m-fdrop .mfb-v{max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;color:var(--ink-soft)}
.m-fdrop .mfb-chev{margin-inline-start:auto;display:inline-flex;color:var(--ink-soft);transition:transform 250ms var(--ez)}
.m-fdrop[open] .mfb-chev{transform:rotate(180deg)}
.m-fpanel{position:absolute;top:calc(100% + 8px);inset-inline:0;z-index:40;background:var(--surface);border:1px solid var(--hairline);border-radius:10px;box-shadow:var(--shadow-lift);padding:12px;max-height:min(58vh,430px);overflow-y:auto;overscroll-behavior:contain;animation:mfIn 220ms var(--ez)}
@keyframes mfIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.m-fchips{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.m-fchips .chip{justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-frows,.m-fcats{display:flex;flex-direction:column;gap:2px}
.m-frow{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;padding:8px 10px;border-radius:6px;font-size:13px;font-weight:700;color:var(--ink);text-decoration:none;transition:background-color var(--tr),color var(--tr)}
.m-frow .ic{color:var(--brand);flex:0 0 auto}
.m-frow:hover{background:var(--brand-soft)}
.m-frow.is-active{background:var(--brand-soft);color:var(--brand)}
.m-frow--par{font-weight:800;border-top:1px solid var(--c-hair70);border-radius:0;margin-top:4px;padding-top:10px}
.m-frow--par:first-child{border-top:0;margin-top:0}
.m-frow--sub{font-size:12.5px;font-weight:500;color:var(--ink-soft);padding-inline-start:18px;min-height:38px}
.m-fcnt{font-style:normal;font-size:10.5px;color:var(--ink-soft);background:var(--secondary);border-radius:99px;padding:1px 8px}

/* ---------- دراور: فاصلهٔ آیکن/متن + پایین تیرهٔ هم‌تم cfx ---------- */
.drawer-body{display:flex;flex-direction:column}
.drawer-nav{flex:0 0 auto}
.drawer-nav .d-link,.d-acc>summary{gap:12px}
.drawer-nav .d-ic,.d-acc>summary .d-ic{width:38px;height:38px;flex:0 0 38px;margin-inline-end:2px}
.drawer-foot{margin-top:auto;padding:14px 16px calc(16px + env(safe-area-inset-bottom));background:var(--footer-bg);color:#fff;position:relative;overflow:hidden}
.drawer-foot::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 26%,transparent) 0%,transparent 52%);pointer-events:none}
.drawer-foot::after{content:"";position:absolute;top:0;inset-inline:0;height:3px;background:linear-gradient(to left,var(--brand),color-mix(in srgb,var(--brand) 25%,transparent))}
.drawer-foot>*{position:relative;z-index:1}
.df-phones{display:flex;gap:8px;flex-wrap:wrap}
.df-phones a{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:6px 12px;border:1px solid rgba(255,255,255,.16);border-radius:99px;background:rgba(255,255,255,.06);color:#fff;font-size:12.5px;font-weight:700;text-decoration:none;transition:border-color var(--tr),background var(--tr)}
.df-phones a:hover{border-color:color-mix(in srgb,var(--brand) 60%,transparent);background:rgba(255,255,255,.1)}
.df-phones a .ic{color:#ffb9b0}
.df-addr{display:flex;align-items:flex-start;gap:6px;margin:10px 0 0;font-size:11px;line-height:1.9;color:rgba(255,255,255,.72)}
.df-addr .ic{flex:0 0 auto;margin-top:4px;color:#ffb9b0}
.df-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.df-btn{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;border-radius:8px;background:var(--brand);color:#fff;font-size:13px;font-weight:800;text-decoration:none;transition:background-color var(--tr),transform 200ms var(--ez)}
.df-btn:hover{background:var(--brand-hover);color:#fff}
.df-btn:active{transform:scale(.97)}
.df-btn .ic{color:#ffd2cb}
.df-btn.is-ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}
.df-btn.is-ghost:hover{background:rgba(255,255,255,.14);color:#fff}

/* ---------- صفحهٔ پروژه‌های اجراشده ---------- */
a.prj-card2{display:block;text-decoration:none;color:inherit}
.sec-more{display:flex;justify-content:center;margin-top:18px}
.pjp-head{max-width:760px;margin:0 auto 26px;text-align:center}
.pjp-head .ab-kick{justify-content:center}
.pjp-list{display:flex;flex-direction:column;gap:14px}
.pjp-feat,.pjp-card{position:relative;margin:0;overflow:hidden;border:1px solid var(--hairline);border-radius:4px;background:var(--muted)}
.pjp-feat{aspect-ratio:16/9;min-height:290px}
@media(min-width:940px){.pjp-feat{aspect-ratio:21/9}}
.pjp-media{position:absolute;inset:0;display:block}
.pjp-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 700ms var(--ez)}
.pjp-feat:hover .pjp-media img,.pjp-card:hover .pjp-media img{transform:scale(1.05)}
.pjp-scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.18) 55%,transparent 100%);pointer-events:none}
.pjp-cap{position:absolute;inset-inline:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:18px 20px}
.pjp-cap h3{margin:0;font-size:15.5px;font-weight:800;line-height:1.8;color:#fff}
.pjp-cap p{margin:0;font-size:12.5px;line-height:1.9;color:rgba(255,255,255,.78)}
@media(min-width:768px){.pjp-cap h3{font-size:18px}.pjp-cap p{font-size:13.5px}}
.pjp-grid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:640px){.pjp-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:940px){.pjp-grid{grid-template-columns:repeat(3,1fr)}}
.pjp-card{aspect-ratio:4/3;min-height:220px}
.pjp-cta{position:relative;display:flex;flex-direction:column;gap:14px;overflow:hidden;border-radius:4px;background:var(--footer-bg);color:#fff;padding:28px 24px;margin-top:28px}
.pjp-cta h3{margin:0 0 6px;font-size:19px;font-weight:900}
.pjp-cta p{margin:0;font-size:13px;line-height:1.9;color:rgba(255,255,255,.75)}
.pjp-cta .cta-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(min-width:940px){.pjp-cta{flex-direction:row;align-items:center;justify-content:space-between;padding:38px 44px}.pjp-cta h3{font-size:22px}}

/* ---------- مجله — بازطراحی ---------- */
.mag-hero{position:relative;overflow:hidden;border-radius:4px;background:var(--footer-bg);color:#fff;padding:34px 22px 30px;margin-bottom:22px}
.mag-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 30%,transparent) 0%,transparent 55%);pointer-events:none}
.mag-hero::after{content:"";position:absolute;inset-inline:0;bottom:0;height:3px;background:linear-gradient(to left,var(--brand),color-mix(in srgb,var(--brand) 25%,transparent))}
.mag-hero-in{position:relative;z-index:1}
.mag-kick{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:11px;font-weight:800;color:#f3d9d2}
.mag-kick::before{content:"";width:26px;height:2px;background:var(--brand)}
.mag-title{margin:0 0 8px;font-size:26px;font-weight:900;line-height:1.5}
@media(min-width:768px){.mag-hero{padding:52px 48px 46px}.mag-title{font-size:34px}}
.mag-sub{margin:0 0 14px;max-width:560px;font-size:13px;line-height:2;color:rgba(255,255,255,.75)}
.mag-count{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid rgba(255,255,255,.18);border-radius:99px;background:rgba(255,255,255,.07);font-size:11.5px;font-weight:700;color:#ffd2cb}
.mag-body{display:flex;flex-direction:column}
.mag-feat{display:flex;flex-direction:column;overflow:hidden;border-radius:4px;text-decoration:none;color:inherit;background:var(--surface);transition:transform var(--tr),box-shadow var(--tr)}
.mag-feat:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}
.mag-feat-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--muted)}
.mag-feat-media img{width:100%;height:100%;object-fit:cover;transition:transform 700ms var(--ez)}
.mag-feat:hover .mag-feat-media img{transform:scale(1.04)}
.mag-feat-body{display:flex;flex-direction:column;gap:10px;padding:18px 18px 20px}
.mag-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;background:var(--brand-soft);color:var(--brand);font-size:10.5px;font-weight:800}
.mag-feat-title{font-size:17px;font-weight:900;line-height:1.8;transition:color var(--tr)}
.mag-feat:hover .mag-feat-title{color:var(--brand)}
.mag-feat-ex{font-size:12.5px;line-height:2;color:var(--ink-soft)}
.mag-feat-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:4px}
.mag-more{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:800;color:var(--brand)}
.mag-more .ic{transition:transform 250ms var(--ez)}
.mag-feat:hover .mag-more .ic{transform:translateX(-3px)}
@media(min-width:940px){
  .mag-feat{flex-direction:row;align-items:stretch}
  .mag-feat-media{flex:1 1 52%;aspect-ratio:auto;min-height:320px}
  .mag-feat-body{flex:1 1 48%;padding:30px 30px 28px;gap:12px}
  .mag-feat-title{font-size:22px}
}
.mag-list-head{margin:30px 0 16px}
@media (prefers-reduced-motion:reduce){.m-fpanel,.mag-feat,.pjp-feat,.pjp-card,.df-btn{animation:none;transition:none}}
.pjp-cta .btn-ghost{color:#fff;border-color:rgba(255,255,255,.32)}
.pjp-cta .btn-ghost:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.08)}

/* ---------- راند ۲۵ — فیلترهای ویژگی، سبد موبایل، مجله و تماس ---------- */
/* فیلترها — نوار موبایل */
.m-fbar .mfb-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-fdrop .mfb-v.mfb-on{color:var(--brand);font-weight:800}
.m-fgroup{margin-bottom:10px}
.m-fgroup:last-of-type{margin-bottom:2px}
.m-fg-title{margin:2px 0 6px;font-size:11.5px;font-weight:800;color:var(--ink-soft);display:flex;align-items:center;gap:8px}
.m-fg-title::after{content:"";flex:1;height:1px;background:var(--hairline)}
.m-fclear{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;padding:9px 10px;border:1px dashed var(--c-brand30);border-radius:8px;color:var(--err);font-size:12.5px;font-weight:800;text-decoration:none;transition:background-color var(--tr)}
.m-fclear:hover{background:var(--brand-soft)}
.m-fclear .ic{flex:0 0 auto}
/* فیلترها — فرم ستون کناری دسکتاپ */
.ff-title{margin:16px 0 2px!important}
.ff-opts{border:1px solid var(--hairline);border-radius:6px;padding:2px 10px;background:color-mix(in srgb,var(--bg) 60%,#fff)}
.ff-clear{display:block;margin-top:10px;text-align:center;font-size:12px;font-weight:700;color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px}
.ff-clear:hover{color:var(--err)}
.side-note{margin:4px 0 0;font-size:12px;color:var(--ink-soft);line-height:1.9}
/* سبد استعلام — ردیف‌ها (رفع سرریز موبایل) */
.cart-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--hairline);border-radius:4px;background:var(--surface);box-shadow:var(--shadow-soft)}
.ci-body{flex:1;min-width:0;font-size:13.5px;font-weight:700;line-height:1.8;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ci-qty{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--hairline);border-radius:99px;background:color-mix(in srgb,var(--bg) 70%,#fff);flex-shrink:0}
.ci-num{min-width:26px;text-align:center;font-size:13px;font-weight:800}
.ci-btn{width:30px;height:30px;border-radius:99px;border:0;background:transparent;color:var(--brand);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--tr),color var(--tr),transform var(--tr)}
.ci-btn:active{transform:scale(.92)}
.ci-btn:hover{background:var(--brand-soft)}
.ci-btn .ic{width:14px;height:14px}
.cart-item .ci-del{width:30px;height:30px;padding:0;border-radius:99px;border:1px solid transparent;background:transparent;flex-shrink:0;justify-content:center;opacity:.9}
.cart-item .ci-del:hover{background:#fdecea;border-color:#f2c4c0}
.cart-item .ci-del .ic{width:15px;height:15px}
@media (max-width:560px){
  .cart-item{flex-wrap:wrap;gap:10px}
  .ci-img{width:56px;height:56px}
  .ci-body{flex:1 1 calc(100% - 78px)}
  .ci-qty{order:3}
  .cart-item .ci-del{order:4;margin-inline-start:auto}
}
/* مجله — تیتر سربرگ تیره همیشه سفید (h1 سراسری تیره بود) */
.mag-title{color:#fff}
/* تماس — فاصلهٔ عنوان از هدر */
.static-page.is-contact .page-head{margin-top:14px;margin-bottom:26px}
@media (max-width:767px){.static-page.is-contact .page-head{margin-top:10px}}

/* ===== راند ۲۶ ===== */
/* پروژه‌ها — تیتر CTA تیره روی بنر تیره نبود (قانون سراسری h3 رنگ وراثت را می‌شکست) */
.pjp-cta .cta-txt h3{color:#fff}
/* نوار فیلتر موبایل — سه باکس در عرض‌های کم از کادر نمی‌زنند بیرون */
.m-fdrop>summary{min-width:0}
.m-fdrop .mfb-t{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mfb-short{display:none}
@media (max-width:430px){
  .m-fdrop>summary{padding:8px 8px;gap:4px;font-size:11.5px;letter-spacing:0}
  .mfb-full{display:none}
  .mfb-short{display:inline}
  .m-fdrop .mfb-n{min-width:15px;height:15px;font-size:9px;padding:0 4px;flex:0 0 auto}
  .m-fdrop .mfb-ic .ic{width:14px;height:14px}
  .mfb-v{max-width:50px;font-size:10.5px}
}
@media (max-width:345px){.m-fdrop .mfb-ic{display:none}}
/* سبد استعلام — ورودی دستی تعداد */
.ci-input{width:46px;text-align:center;background:transparent;color:var(--ink);font-family:inherit;font-size:14px;font-weight:800;border:0;outline:0;padding:6px 2px;direction:ltr}
.ci-input:focus{background:var(--brand-soft)}
.ci-input::-webkit-outer-spin-button,.ci-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* ============================================================
   راند ۲۷ — حذف فیلتر، گرید ۲ستونه موبایل، breadcrumb نو، نوار مشاهده سبد،
   شمارندهٔ تعداد با ورودی دستی، دراور پایهٔ ثابت، لوگوی آزاد و استایل‌های نوشتهٔ لوگو
   ============================================================ */

/* ---------- ۱) گرید محصولات: موبایل ۲ ستونه ---------- */
.grid-products{grid-template-columns:repeat(2,1fr);gap:10px}
@media (min-width:640px){.grid-products{grid-template-columns:repeat(3,1fr);gap:12px}}
@media (min-width:1024px){.grid-products{grid-template-columns:repeat(4,1fr);gap:16px}}

/* ---------- ۲) نوار ابزار موبایل: دو باکس هم‌عرض (دسته‌ها / مرتب‌سازی) ---------- */
@media (max-width:767px){
  .shop-page .m-fbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:sticky;top:var(--header-h);z-index:35;padding:8px 0 10px;margin-bottom:4px;background:var(--bg);background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--hairline)}
}
@media (max-width:430px){
  .shop-page .m-fbar{gap:6px;padding:6px 0 8px}
  .shop-page .m-fdrop .mfb-t{font-size:11.5px}
}

/* ---------- ۳) مسیر راهنما (Breadcrumb) — طراحی پله‌ای بدون باگ جداکنندهٔ دوتایی ---------- */
.crumbs{padding-block:12px 4px}
.crumbs .container-x{max-width:1240px}
.crumbs-track{display:flex;align-items:stretch;flex-wrap:nowrap;gap:4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:3px;background:var(--surface);border:1px solid var(--hairline);border-radius:calc(var(--radius,2px) + 8px);box-shadow:var(--shadow-soft);width:fit-content;max-width:100%}
.crumbs-track::-webkit-scrollbar{display:none}
.crumbs-it{display:inline-flex;align-items:center;flex:0 0 auto;position:relative}
.crumbs-it>a{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border-radius:99px;font-size:11.5px;font-weight:600;color:var(--ink-soft);text-decoration:none;white-space:nowrap;transition:color var(--tr),background var(--tr)}
.crumbs-it>a:hover{color:var(--brand);background:var(--brand-soft)}
.crumbs-it+.crumbs-it::before{content:"";width:5px;height:5px;border-inline-end:1.5px solid var(--c-soft);border-top:1.5px solid var(--c-soft);transform:rotate(45deg);margin-inline:1px;flex:0 0 auto;opacity:.8}
.crumbs-it.is-here>span{display:inline-flex;align-items:center;min-height:30px;padding:4px 12px;border-radius:99px;font-size:11.5px;font-weight:800;color:var(--brand);background:var(--brand-soft);white-space:nowrap;max-width:56vw;overflow:hidden;text-overflow:ellipsis}
.crumbs-it.is-here+.crumbs-it::before{content:none}
@media (min-width:768px){
  .crumbs{padding-block:16px 6px}
  .crumbs-track{padding:4px;gap:5px}
  .crumbs-it>a{font-size:12.5px;min-height:32px;padding:5px 13px}
  .crumbs-it.is-here>span{font-size:12.5px;min-height:32px;padding:5px 15px;max-width:420px}
}

/* ---------- ۴) نوار شناور «مشاهده سبد» موبایل — بازطراحی راند ۲۸: گلس‌مورفیسم + گلوی برند ---------- */
.mcartbar{position:fixed;inset-inline:10px;bottom:calc(64px + env(safe-area-inset-bottom,0px) + 6px);z-index:49;display:none;align-items:center;gap:12px;padding:10px 13px;border-radius:16px;
  background:linear-gradient(140deg,rgba(28,21,18,.92) 0%,rgba(44,30,24,.88) 100%);
  -webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);
  border:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none;
  box-shadow:0 0 0 1px rgba(0,0,0,.05),0 10px 30px -10px rgba(0,0,0,.55),0 0 26px -4px color-mix(in srgb,var(--brand) 62%,transparent);
  transform:translateY(26px) scale(.97);opacity:0;transition:transform 340ms var(--ez),opacity 340ms var(--ez),box-shadow 340ms var(--ez);overflow:hidden}
/* هالهٔ گلوی برند — پالس نرم */
.mcartbar::after{content:"";position:absolute;inset:-2px;border-radius:inherit;box-shadow:0 0 22px 2px color-mix(in srgb,var(--brand) 55%,transparent);opacity:.55;animation:mcbar-glow 2.6s ease-in-out infinite;pointer-events:none}
@keyframes mcbar-glow{0%,100%{opacity:.4;box-shadow:0 0 18px 0 color-mix(in srgb,var(--brand) 45%,transparent)}50%{opacity:.85;box-shadow:0 0 30px 4px color-mix(in srgb,var(--brand) 70%,transparent)}}
.mcartbar::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.16) 50%,transparent 70%);transform:translateX(-120%);animation:mcbar-shine 4.2s var(--ez) infinite;z-index:1}
@keyframes mcbar-shine{0%,55%{transform:translateX(-120%)}90%,100%{transform:translateX(120%)}}
.mcartbar.is-on{transform:none;opacity:1}
.mcartbar.is-on .mc-n{animation:mcbar-pop 360ms var(--ez)}
@keyframes mcbar-pop{0%{transform:scale(.5)}62%{transform:scale(1.28)}100%{transform:scale(1)}}
.mcartbar.bump{animation:mcbar-bump 420ms var(--ez)}
@keyframes mcbar-bump{0%{transform:scale(1)}38%{transform:scale(1.045)}100%{transform:scale(1)}}
.mc-ic{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border-radius:14px;
  background:linear-gradient(140deg,var(--brand),color-mix(in srgb,var(--brand) 70%,#fff 8%));
  box-shadow:0 4px 14px -3px color-mix(in srgb,var(--brand) 75%,transparent),inset 0 1px 0 rgba(255,255,255,.25);z-index:2}
.mc-ic .ic{width:22px;height:22px;color:#fff}
.mc-n{position:absolute;top:-7px;inset-inline-end:-7px;min-width:21px;height:21px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;border-radius:99px;background:#fff;color:var(--brand);font-size:10.5px;font-weight:900;box-shadow:0 3px 10px rgba(0,0,0,.35);z-index:3}
.mc-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;z-index:2}
.mc-t{font-size:14.5px;font-weight:900;letter-spacing:.01em;display:inline-flex;align-items:center;gap:6px}
.mc-t::after{content:"";width:26px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--brand),transparent)}
.mc-s{font-style:normal;font-size:10.5px;color:rgba(255,255,255,.78);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-go{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border-radius:99px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);transition:transform 240ms var(--ez),background 240ms var(--ez);z-index:2}
.mcartbar:hover .mc-go{transform:translateX(-4px);background:var(--brand)}
@media (max-width:767px){.mcartbar{display:flex}}
@media (min-width:768px){.mcartbar{display:none!important}}

/* ---------- ۴+۱) نوتیفیکیشن دسکتاپ «به سبد اضافه شد» — راند ۲۸ ---------- */
.fab-cn-host{position:fixed;z-index:80;display:flex;flex-direction:column;gap:10px;width:min(360px,calc(100vw - 32px));pointer-events:none}
/* راند ۲۸: موقعیت‌ها فیزیکی‌اند — «راست» یعنی سمت راست صفحه (مستقل از RTL) */
.fab-cn-host.pos-bottom-right{bottom:22px;right:22px}
.fab-cn-host.pos-bottom-left{bottom:22px;left:22px}
.fab-cn-host.pos-bottom-center{bottom:22px;left:50%;margin-inline-start:0;transform:translateX(-50%);align-items:center}
.fab-cn-host.pos-top-right{top:86px;right:22px}
.fab-cn-host.pos-top-left{top:86px;left:22px}
.fab-cn-host.pos-top-center{top:86px;left:50%;transform:translateX(-50%);align-items:center}
.fab-cn{--cn-bg:#1c1512;--cn-fg:#fff;pointer-events:auto;position:relative;display:flex;gap:12px;align-items:center;padding:12px 13px;border-radius:14px;overflow:hidden;
  background:var(--cn-bg);color:var(--cn-fg);border:1px solid rgba(255,255,255,.14);
  box-shadow:0 18px 44px -16px rgba(0,0,0,.55),0 0 24px -6px color-mix(in srgb,var(--brand) 58%,transparent);
  transform:translateY(14px) scale(.96);opacity:0;transition:transform 380ms var(--ez),opacity 380ms var(--ez)}
.fab-cn-host.pos-top-right .fab-cn,.fab-cn-host.pos-top-left .fab-cn,.fab-cn-host.pos-top-center .fab-cn{transform:translateY(-14px) scale(.96)}
.fab-cn.is-in{transform:none;opacity:1}
.fab-cn.is-out{opacity:0;transform:translateY(8px) scale(.96)}
.cn-img{width:56px;height:56px;flex:0 0 56px;border-radius:10px;object-fit:cover;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08)}
span.cn-img{display:inline-flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--brand) 82%,#fff 18%)}
span.cn-img .ic{width:24px;height:24px}
.cn-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.cn-t{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}
.cn-s{font-size:11px;opacity:.82}
.cn-go{font-size:11.5px;font-weight:800;color:color-mix(in srgb,var(--brand) 65%,#fff 35%);text-decoration:none;margin-top:3px;align-self:flex-start}
.cn-go:hover{text-decoration:underline}
.cn-x{position:absolute;top:7px;inset-inline-start:7px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:99px;background:rgba(255,255,255,.1);color:inherit;font-size:9px;cursor:pointer;opacity:.75;transition:opacity var(--tr),background var(--tr)}
.cn-x:hover{opacity:1;background:rgba(255,255,255,.2)}
.cn-bar{position:absolute;bottom:0;inset-inline:0;height:2.5px;background:var(--brand);transform-origin:right;animation:cn-progress linear forwards;opacity:.9}
@keyframes cn-progress{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media (max-width:767px){.fab-cn-host{display:none!important}}

/* ---------- ۴+۲) صفحهٔ حرفه‌ای قوانین و شرایط — راند ۲۸ ---------- */
.terms-head{margin:24px 0 24px}
.terms-hero{position:relative;display:flex;gap:16px;align-items:center;padding:26px 26px;border-radius:16px;overflow:hidden;
  background:linear-gradient(135deg,#241a15 0%,#3a241c 55%,color-mix(in srgb,var(--brand) 38%,#241a15) 100%);color:#fff;
  box-shadow:0 20px 46px -20px rgba(36,26,21,.6)}
.terms-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(560px 200px at 88% -30%,color-mix(in srgb,var(--brand) 55%,transparent),transparent 70%);pointer-events:none}
.terms-hero::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 26px,rgba(255,255,255,.025) 26px 27px);pointer-events:none}
.terms-hero-ic{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;flex:0 0 64px;border-radius:18px;
  background:linear-gradient(140deg,var(--brand),color-mix(in srgb,var(--brand) 72%,#fff 10%));color:#fff;
  box-shadow:0 10px 26px -8px color-mix(in srgb,var(--brand) 78%,transparent),inset 0 1px 0 rgba(255,255,255,.3);position:relative;z-index:1}
.terms-hero-tx{flex:1;min-width:0;position:relative;z-index:1}
.terms-kick{margin:0 0 5px;font-size:11px;font-weight:800;letter-spacing:.14em;color:color-mix(in srgb,var(--brand) 40%,#fff 60%)}
.terms-hero h1{margin:0 0 7px;font-size:clamp(21px,3.4vw,30px);font-weight:900;color:#fff}
.terms-sub{margin:0;font-size:13px;color:rgba(255,255,255,.82);max-width:560px}
.terms-print{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;align-self:flex-start;flex:0 0 auto;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;border-radius:99px;padding:8px 15px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:background var(--tr),border-color var(--tr)}
.terms-print:hover{background:var(--brand);border-color:var(--brand)}
.is-terms .rt-body{position:relative;max-width:860px}
.is-terms .rt-body p{font-size:14.5px;line-height:2.15;color:var(--ink-soft);margin:0 0 14px}
.is-terms .rt-body h3{counter-increment:fabtc;display:flex;align-items:center;gap:11px;font-size:17px;font-weight:900;color:var(--ink);margin:30px 0 14px;padding-bottom:11px;border-bottom:2px solid var(--hairline);scroll-margin-top:90px}
.is-terms .rt-body h3::before{content:counter(fabtc);display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:linear-gradient(140deg,var(--brand),color-mix(in srgb,var(--brand) 72%,#000 12%));color:#fff;font-size:14.5px;box-shadow:0 6px 16px -6px color-mix(in srgb,var(--brand) 70%,transparent)}
.is-terms .rt-body{counter-reset:fabtc}
.is-terms .rt-body ul,.is-terms .rt-body ol{margin:0 0 16px;padding-inline-start:22px;display:grid;gap:8px}
.is-terms .rt-body li{font-size:14px;line-height:2;color:var(--ink-soft);position:relative}
.is-terms .rt-body ul li::marker{color:var(--brand)}
.is-terms .rt-body li::marker{color:var(--brand);font-weight:800}
.is-terms .rt-body strong,.is-terms .rt-body b{color:var(--ink)}
.is-terms .rt-body a{color:var(--brand);font-weight:700}
.is-terms .rt-body a:hover{text-decoration:underline}
/* راند ۳۰: فهرست شناور قدیمی حذف شد — جایگزین: مسیر گنج درون صفحه (terms-path) */
@media print{
  .site-header,.site-footer,.bottom-nav,.mcartbar,.terms-print,.terms-path,.floaters,[data-announce]{display:none!important}
  .terms-hero{box-shadow:none;background:#fff!important;color:#000!important;border:1.5px solid #000}
  .terms-hero h1,.terms-sub,.terms-kick{color:#000!important}
  .terms-hero-ic{background:#000!important;color:#fff!important}
  .is-terms .rt-body h3::before{background:#000!important;box-shadow:none}
}

/* ---------- راند ۳۰: مسیر گنج بخش‌های قوانین — فهرست درون صفحه‌ای با صندوق‌های نامنظم ---------- */
.terms-path{margin:30px auto 6px}
.terms-path>.container-x{max-width:1080px;position:relative;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 5%,transparent),transparent 60%),var(--surface);border:1.5px dashed color-mix(in srgb,var(--brand) 38%,var(--hairline));border-radius:18px;padding:20px 22px 10px;box-shadow:0 18px 44px -30px rgba(34,28,22,.4)}
.terms-path>.container-x::before{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--brand) 20%,transparent) 1px,transparent 1.6px);background-size:24px 24px;opacity:.3;pointer-events:none}
.terms-path .tp-head,.terms-path .tp-trail{position:relative;z-index:1}
.tp-head{display:flex;align-items:center;gap:13px}
.tp-ic{display:inline-flex;width:48px;height:48px;flex:0 0 48px;align-items:center;justify-content:center;border-radius:13px;background:linear-gradient(140deg,var(--brand),#8f1d12);color:#fff;box-shadow:0 12px 26px -12px rgba(217,48,30,.6)}
.tp-head-tx b{display:block;font-size:15px;font-weight:900;color:var(--ink)}
.tp-head-tx i{font-style:normal;font-size:11.5px;color:var(--ink-soft)}
.tp-trail{margin-top:8px;color:var(--brand)}
.tp-line{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.tp-stops{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 6px;padding:20px 12px 16px}
.tp-stop{display:flex;flex-direction:column;align-items:center;gap:8px;width:92px;text-decoration:none}
.tp-stops .tp-stop:nth-child(1){transform:translateY(7px) rotate(-1.5deg)}
.tp-stops .tp-stop:nth-child(2){transform:translateY(24px) rotate(2deg)}
.tp-stops .tp-stop:nth-child(3){transform:translateY(3px) rotate(-2.5deg)}
.tp-stops .tp-stop:nth-child(4){transform:translateY(27px) rotate(1.2deg)}
.tp-stops .tp-stop:nth-child(5){transform:translateY(11px) rotate(-1.8deg)}
.tp-stops .tp-stop:nth-child(6){transform:translateY(31px) rotate(2.4deg)}
.tp-stops .tp-stop:nth-child(7){transform:translateY(5px) rotate(-1.2deg)}
.tp-stops .tp-stop:nth-child(8){transform:translateY(25px) rotate(1.8deg)}
.tp-stops .tp-stop:nth-child(9){transform:translateY(13px) rotate(-2.2deg)}
.tp-box{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:44px;border-radius:11px;background:var(--surface);border:1.6px dashed color-mix(in srgb,var(--brand) 55%,transparent);color:var(--brand);box-shadow:0 10px 20px -12px rgba(34,28,22,.4);transition:transform var(--tr),box-shadow var(--tr),background var(--tr),border-color var(--tr)}
.tp-box b{position:absolute;bottom:-8px;inset-inline-end:-8px;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:99px;background:var(--brand);color:#fff;font-size:10.5px;font-weight:900;padding:0 5px;box-shadow:0 0 0 2.5px var(--bg)}
.tp-t{font-size:11px;font-weight:700;color:var(--ink-soft);text-align:center;line-height:1.6;max-width:102px;transition:color var(--tr)}
.tp-stop:hover .tp-box{transform:translateY(-5px) rotate(-4deg);border-style:solid;background:var(--brand-soft);box-shadow:0 16px 30px -12px rgba(217,48,30,.45)}
.tp-stop:hover .tp-t{color:var(--brand)}
.tp-stop.is-now .tp-box{background:var(--brand);border-style:solid;border-color:var(--brand);color:#fff;box-shadow:0 14px 28px -10px rgba(217,48,30,.55)}
.tp-stop.is-now .tp-box b{box-shadow:0 0 0 2.5px color-mix(in srgb,var(--brand) 35%,transparent)}
.tp-stop.is-now .tp-t{color:var(--brand);font-weight:900}
@media (max-width:920px){.tp-stops{justify-content:flex-start;gap:16px 6px;padding-top:14px}.tp-stops .tp-stop:nth-child(n){transform:none}.tp-stop{width:calc(33.33% - 6px)}.tp-t{font-size:10px;max-width:110px}}
@media print{.terms-path>.container-x{box-shadow:none;border:1.5px dashed #999;background:#fff}}

/* ---------- ۵) شمارندهٔ تعداد پیش از افزودن (qpre) + ورودی شمارندهٔ زنده ---------- */
.qac-wrap{display:flex;flex-direction:column;gap:6px;width:100%}
.qpre{display:flex;align-items:stretch;gap:0;width:100%;min-height:32px;border:1px solid var(--c-ink20);border-radius:3px;background:var(--surface);overflow:hidden}
.qpre-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;flex:0 0 32px;border:0;background:none;color:var(--ink-soft);cursor:pointer;transition:color var(--tr),background var(--tr)}
.qpre-btn:hover{color:var(--brand);background:var(--brand-soft)}
.qpre-num{flex:1;min-width:0;width:100%;text-align:center;font-family:inherit;font-size:12.5px;font-weight:800;color:var(--ink);background:var(--c-sec60);border:0;border-inline:1px solid var(--hairline);outline:0;padding:4px 2px}
.qpre-num:focus{background:var(--brand-soft)}
/* حالت زنده: شمارندهٔ qpre پنهان می‌شود تا دو شمارنده همزمان دیده نشوند */
.qac-wrap.is-live .qpre{display:none}
/* ورودی شمارندهٔ زنده (جایگزین span قبلی) */
.qac .qac-num{flex:1;min-width:0;width:100%;height:34px;text-align:center;font-family:inherit;font-size:13px;font-weight:800;color:var(--ink);background:rgba(0,0,0,.03);border:0;border-radius:0;outline:0;padding:0 2px}
.qac .qac-num:focus{background:var(--brand-soft)}
/* صفحهٔ محصول: شمارندهٔ بزرگ‌تر */
.qac-wrap--pd{gap:10px}
.pd-qty-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pd-qty-label{font-size:13px;font-weight:700;color:var(--ink-soft)}
.pd-qty-min{font-size:11px;font-weight:700;color:var(--brand);background:var(--brand-soft);border-radius:99px;padding:3px 10px}
.qpre--lg{max-width:170px;min-height:42px;border-radius:4px}
.qpre--lg .qpre-btn{width:42px;flex:0 0 42px}
.qpre--lg .qpre-num{font-size:15px;height:40px}
@media (max-width:767px){
  .qac .qac-num{font-size:12.5px}
  .card-actions .qpre-num{font-size:12px}
}

/* ---------- ۶) دراور: فوتر ثابت بیرون از اسکرول — درباره/تماس همیشه دیده می‌شوند ---------- */
.drawer-body{padding-bottom:0}
/* راند ۳۰: پنل پایین دراور داخل بدنهٔ اسکرول‌شونده — با باز شدن منوی فروشگاه آزاد تا پایین اسکرول می‌شود */
.drawer-foot{margin-top:16px;flex:0 0 auto;border-top:1px solid var(--hairline);border-radius:16px 16px 0 0;padding:13px 16px calc(13px + env(safe-area-inset-bottom));background:var(--footer-bg);color:#fff;position:relative;overflow:hidden}
.drawer-foot::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 26%,transparent) 0%,transparent 52%);pointer-events:none}
.drawer-foot::after{content:"";position:absolute;top:0;inset-inline:0;height:3px;background:linear-gradient(to left,var(--brand),color-mix(in srgb,var(--brand) 25%,transparent))}
.drawer-foot>*{position:relative;z-index:1}
.df-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}
.df-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border-radius:10px;background:var(--brand);color:#fff;font-size:12.5px;font-weight:800;text-decoration:none;border:1px solid rgba(255,255,255,.14);transition:filter var(--tr),transform var(--tr)}
.df-btn:hover{filter:brightness(1.1)}
.df-btn.is-ghost{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.2);color:#fff}
.df-btn.is-ghost:hover{background:rgba(255,255,255,.16)}

/* ---------- ۷) لوگوی آزاد + استایل‌های نوشتهٔ کنار لوگو ---------- */
.logo .logo-img{width:auto;height:auto;max-width:none;max-height:64px;object-fit:contain}
.ftr .logo .logo-img{max-height:56px}
.hdr-in{overflow:visible}
/* کپسول رنگ برند */
.logo--pill .logo-text{background:var(--brand);color:#fff;border-radius:99px;padding:5px 14px;box-shadow:0 6px 18px -8px color-mix(in srgb,var(--brand) 70%,transparent)}
.logo--pill .logo-text b{color:#fff}
.logo--pill .logo-text i{color:rgba(255,255,255,.82)}
/* خط برند زیر نام */
.logo--underline .logo-text{position:relative;padding-bottom:6px}
.logo--underline .logo-text::after{content:"";position:absolute;bottom:0;inset-inline-start:2px;width:58%;height:3px;border-radius:99px;background:linear-gradient(to left,var(--brand),color-mix(in srgb,var(--brand) 30%,transparent))}
/* کادر مینیمال */
.logo--boxed .logo-text{border:1.5px solid var(--ink);border-radius:calc(var(--radius,2px) + 4px);padding:5px 12px}
/* متن گرادیانی */
.logo--grad .logo-text b{background:linear-gradient(120deg,var(--brand) 15%,color-mix(in srgb,var(--brand) 45%,#c98a2d) 85%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.logo--grad .logo-text i{color:var(--ink-soft)}
/* برجستهٔ دوخطی */
.logo--stack .logo-text{gap:2px;background:var(--brand-soft);border-radius:calc(var(--radius,2px) + 6px);padding:6px 13px;border:1px solid var(--c-brand30)}
.logo--stack .logo-text b{font-size:19px;line-height:1.15}
.logo--stack .logo-text i{font-size:10px;color:var(--brand);font-weight:700;letter-spacing:.08em}
/* جداکنندهٔ متن دوم تاپ هدر */
.announce-sep{font-weight:400;margin:0 10px;opacity:.45}
.announce-text2{opacity:.92}
@media (max-width:430px){.announce-text2{display:none}.announce-sep{display:none}}

/* ---------- ۸) عنوان قیمت: ردیف تعداد در موبایل بدون سرریز ---------- */
@media (max-width:420px){
  .pd-qty-row{gap:8px}
  .qpre--lg{max-width:150px}
}

/* ---------- راند ۲۸: نشان تخفیف دسته در سرصفحهٔ دسته‌بندی ---------- */
.cat-disc{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;margin-inline-start:10px;padding:4px 12px;border-radius:99px;font-size:12px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--brand),color-mix(in srgb,var(--brand) 78%,#000 10%));box-shadow:0 6px 16px -6px color-mix(in srgb,var(--brand) 70%,transparent);transform:translateY(-3px)}
.cat-disc::before{content:"٪";font-size:11px;opacity:.9}

/* ---------- راند ۲۸: استایل بلوک‌های ویژهٔ محتوای قوانین ---------- */
.is-terms .rt-body .tc-intro{position:relative;background:var(--brand-soft);border:1px solid var(--c-brand30);border-inline-start:4px solid var(--brand);border-radius:12px;padding:16px 18px;font-size:14.5px;color:var(--ink)}
.is-terms .rt-body .tc-intro strong{color:var(--brand)}
.is-terms .rt-body .tc-foot{margin-top:26px;padding:15px 18px;border-radius:12px;background:#f6efe5;border:1px dashed var(--hairline);font-size:13.5px;color:var(--ink)}
/* ================= راند ۲۹ — بازطراحی جذاب پیگیری استعلام ================= */
.trk-card{border:1px solid var(--hairline);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-lift);overflow:hidden}
.trk-head{position:relative;padding:22px 24px 18px;background:linear-gradient(140deg,#241f1a,#38271f 52%,#57140a);color:#fff}
.trk-head::after{content:'';position:absolute;bottom:-60px;inset-inline-end:-40px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(217,48,37,.35),transparent 65%);pointer-events:none}
.trk-head-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;position:relative;z-index:1}
.trk-badge{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);display:inline-flex;align-items:center;justify-content:center;color:#ffd9d4;flex:none}
.trk-head-meta{display:flex;flex-direction:column;gap:2px;min-width:0}
.trk-label{font-size:10.5px;opacity:.72;letter-spacing:.04em}
.trk-code{font-size:21px;font-weight:900;letter-spacing:.07em}
.trk-head .status-pill{margin-inline-start:auto;background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.2)}
.trk-head .status-pill.st-done{background:rgba(88,187,128,.28)}
.trk-head .status-pill.st-canceled{background:rgba(255,112,102,.26)}
.trk-date{margin:12px 0 0;font-size:11.5px;opacity:.72;position:relative;z-index:1}
.trk-timeline{display:flex;align-items:flex-start;padding:20px 24px 16px;border-bottom:1px dashed var(--hairline)}
.trk-step{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:58px}
.trk-dot{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800;border:2px solid var(--hairline);color:var(--ink-soft);background:var(--surface);transition:all var(--tr)}
.trk-dot svg{width:15px;height:15px}
.trk-step-t{font-size:11px;font-weight:700;color:var(--ink-soft);white-space:nowrap}
.trk-step.is-done .trk-dot{background:var(--ok);border-color:var(--ok);color:#fff}
.trk-step.is-done .trk-step-t{color:var(--ok)}
.trk-step.is-cur .trk-dot{background:var(--brand);border-color:var(--brand);color:#fff;animation:trkPulse 2s infinite}
.trk-step.is-cur .trk-step-t{color:var(--brand)}
.trk-step.is-x .trk-dot{background:var(--err);border-color:var(--err);color:#fff}
.trk-step.is-x .trk-step-t{color:var(--err)}
@keyframes trkPulse{0%,100%{box-shadow:0 0 0 0 var(--c-brand30)}55%{box-shadow:0 0 0 9px transparent}}
.trk-line{flex:1;height:2.5px;border-radius:2px;background:var(--hairline);margin-top:15px;min-width:14px}
.trk-line.is-on{background:linear-gradient(90deg,var(--ok),color-mix(in srgb,var(--ok) 45%,transparent))}
.trk-line.is-x{background:var(--err)}
.trk-customer{display:flex;align-items:center;gap:13px;padding:16px 24px;border-bottom:1px dashed var(--hairline)}
.trk-avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--brand),#7e150b);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:19px;font-weight:900;flex:none;box-shadow:0 6px 16px var(--c-brand30)}
.trk-cust-meta{display:flex;flex-direction:column;gap:3px;min-width:0}
.trk-cust-meta b{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trk-phone{font-size:12px;color:var(--ink-soft);letter-spacing:.05em}
.trk-count{margin-inline-start:auto;flex:none;background:var(--brand-soft);color:var(--brand);border:1px solid var(--c-brand30);border-radius:99px;padding:5px 13px;font-size:11.5px;font-weight:800}
.trk-items-wrap{padding:16px 24px 6px}
.trk-note{padding:14px 24px 20px}
.trk-sub{margin:0 0 10px;font-size:12.5px;font-weight:800;color:var(--ink-soft);display:flex;align-items:center;gap:7px}
.trk-sub::before{content:'';width:4px;height:15px;border-radius:3px;background:linear-gradient(180deg,var(--brand),#7e150b);flex:none}
.trk-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.trk-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border:1px solid var(--hairline);border-radius:10px;background:var(--bg);transition:all var(--tr)}
.trk-item:hover{border-color:var(--c-brand30);box-shadow:var(--shadow-soft)}
.trk-item-img{width:46px;height:46px;border-radius:8px;overflow:hidden;background:var(--secondary);flex:none;display:inline-flex;align-items:center;justify-content:center}
.trk-item-img img{width:100%;height:100%;object-fit:cover}
.trk-item-n{flex:1;font-size:13px;font-weight:600;line-height:1.9;min-width:0}
.trk-item-q{flex:none;background:var(--surface);border:1px solid var(--hairline);border-radius:99px;padding:4px 11px;font-size:11.5px;font-weight:800;color:var(--ink-soft)}
.trk-note p{margin:0;padding:12px 15px;background:var(--secondary);border-radius:10px;font-size:12.5px;line-height:2.1;color:var(--ink-soft);white-space:pre-wrap}
.trk-replies{display:flex;flex-direction:column;gap:12px;margin-top:4px}
.replies .rp{max-width:86%;padding:11px 15px;border-radius:12px;border:1px solid var(--hairline);background:var(--surface);box-shadow:var(--shadow-soft);border-inline-start:3px solid var(--brand)}
.replies .rp .rp-w{display:block;font-size:10.5px;font-weight:800;color:var(--ink-soft);margin-bottom:5px}
.replies .rp .rp-b{margin:0;font-size:13px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere}
.replies .rp .rp-d{display:block;margin-top:5px;font-size:10.5px;color:var(--ink-soft)}
.replies .rp.me{margin-inline-start:auto;background:var(--brand-soft);border-inline-start:3px solid var(--bronze)}
.replies .rp-e{margin:0;padding:18px;text-align:center;font-size:12.5px;color:var(--ink-soft);border:1px dashed var(--hairline);border-radius:10px}
@media (max-width:520px){.trk-head{padding:18px 16px 14px}.trk-code{font-size:18px}.trk-timeline{padding:16px 12px 12px}.trk-step{min-width:50px}.trk-customer,.trk-items-wrap,.trk-note{padding-inline:16px}.replies .rp{max-width:94%}}

/* ---------- راند ۳۰: ورود نرم تصاویر — شیمر حین بارگذاری و محو پس از لود (فقط با JS فعال) ---------- */
.fab-js .card-media img:not(.card-img-alt),.fab-js .pjp-media img,.fab-js .mi-img img,.fab-js .b-img img,.fab-js .ab-img,.fab-js .gal-item img,.fab-js .pd-media img{opacity:0;transition:opacity .5s var(--ez)}
.fab-js .card-media img:not(.card-img-alt).fab-in,.fab-js .pjp-media img.fab-in,.fab-js .mi-img img.fab-in,.fab-js .b-img img.fab-in,.fab-js .ab-img.fab-in,.fab-js .gal-item img.fab-in,.fab-js .pd-media img.fab-in{opacity:1}
.fab-js .card-media img:not(.card-img-alt):not(.fab-in),.fab-js .pjp-media img:not(.fab-in),.fab-js .mi-img img:not(.fab-in),.fab-js .b-img img:not(.fab-in),.fab-js .ab-img:not(.fab-in),.fab-js .gal-item img:not(.fab-in),.fab-js .pd-media img:not(.fab-in){background-image:linear-gradient(100deg,var(--muted) 42%,color-mix(in srgb,var(--muted) 50%,var(--surface)) 50%,var(--muted) 58%);background-size:220% 100%;animation:fab-shimmer 1.5s linear infinite}
@keyframes fab-shimmer{from{background-position:210% 0}to{background-position:-210% 0}}
@media (prefers-reduced-motion:reduce){.fab-js .card-media img:not(.card-img-alt):not(.fab-in),.fab-js .pjp-media img:not(.fab-in),.fab-js .mi-img img:not(.fab-in),.fab-js .b-img img:not(.fab-in),.fab-js .ab-img:not(.fab-in),.fab-js .gal-item img:not(.fab-in),.fab-js .pd-media img:not(.fab-in){animation:none}}