:root{--red:#f03840;--red-dark:#a81128;--red-deep:#79091d;--cream:#f6f3ed;--paper:#fbfaf7;--ink:#171717;--muted:#77736d;--line:rgba(20,20,20,.1);--radius:32px;--shadow:0 28px 90px rgba(40,22,18,.14)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Vazirmatn",Arial,sans-serif;background:var(--paper);color:var(--ink);overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit}
button, input{font:inherit}
img{display:block;max-width:100%}
::selection{background:var(--red);color:#fff}
/* Persian reading copy: justify visible paragraph/long-form text without changing layout structure. */
html[dir="rtl"] body p,html[dir="rtl"] body blockquote,html[dir="rtl"] body .article-prose li,html[dir="rtl"] body .entry-content li{text-align:justify;text-justify:inter-word}
.loader{position:fixed;inset:0;background:linear-gradient(135deg,#a90828 0%,#e92539 44%,#f64c51 100%);z-index:1000;display:grid;place-items:center;color:#fff;overflow:hidden}
.loader:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(88,0,18,.22),transparent 42%,rgba(255,255,255,.07));pointer-events:none}
.loader__mark{position:relative;z-index:1;display:grid;place-items:center;gap:20px}
.loader__logo-wrap{width:clamp(170px,14vw,230px);max-width:62vw;display:block;line-height:0;position:relative;isolation:isolate;filter:none;will-change:transform;animation:loaderLogo 1.8s ease-in-out infinite alternate}
.loader__logo-wrap:before{content:"";position:absolute;inset:0;z-index:0;background:#fff;-webkit-mask-image:var(--loader-logo);mask-image:var(--loader-logo);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-clip-path:polygon(18% 10%,80.5% 10%,87% 14%,91% 19%,93.5% 25%,95% 32%,95.5% 44%,94.5% 51%,92.5% 58%,89.5% 64%,83.5% 71%,74.8% 78%,65.5% 84%,52.3% 91%,46% 91%,32.6% 84%,23.6% 78%,14.6% 71%,8.8% 64%,5.6% 58%,3.7% 51%,2.9% 44%,2.9% 37%,3.7% 31%,5.8% 24%,9.5% 17%,18% 10%);clip-path:polygon(18% 10%,80.5% 10%,87% 14%,91% 19%,93.5% 25%,95% 32%,95.5% 44%,94.5% 51%,92.5% 58%,89.5% 64%,83.5% 71%,74.8% 78%,65.5% 84%,52.3% 91%,46% 91%,32.6% 84%,23.6% 78%,14.6% 71%,8.8% 64%,5.6% 58%,3.7% 51%,2.9% 44%,2.9% 37%,3.7% 31%,5.8% 24%,9.5% 17%,18% 10%);transform:scale(1.055);transform-origin:center;pointer-events:none}
.loader__logo{width:100%;height:auto;display:block;position:relative;z-index:1;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;filter:none;-webkit-clip-path:polygon(18% 10%,80.5% 10%,87% 14%,91% 19%,93.5% 25%,95% 32%,95.5% 44%,94.5% 51%,92.5% 58%,89.5% 64%,83.5% 71%,74.8% 78%,65.5% 84%,52.3% 91%,46% 91%,32.6% 84%,23.6% 78%,14.6% 71%,8.8% 64%,5.6% 58%,3.7% 51%,2.9% 44%,2.9% 37%,3.7% 31%,5.8% 24%,9.5% 17%,18% 10%);clip-path:polygon(18% 10%,80.5% 10%,87% 14%,91% 19%,93.5% 25%,95% 32%,95.5% 44%,94.5% 51%,92.5% 58%,89.5% 64%,83.5% 71%,74.8% 78%,65.5% 84%,52.3% 91%,46% 91%,32.6% 84%,23.6% 78%,14.6% 71%,8.8% 64%,5.6% 58%,3.7% 51%,2.9% 44%,2.9% 37%,3.7% 31%,5.8% 24%,9.5% 17%,18% 10%)}
.loader__mark i{width:120px;height:2px;background:rgba(255,255,255,.25);overflow:hidden;position:relative}
.loader__mark i:after{content:"";position:absolute;inset:0;background:#fff;transform:translateX(100%);animation:loading 1.2s ease-in-out infinite}
@keyframes loaderLogo{from{transform:translateY(0) scale(.985);opacity:.92}to{transform:translateY(-4px) scale(1);opacity:1}}
@keyframes loading{to{transform:translateX(-100%)}}
.site-header{position:fixed;top:18px;left:0;right:0;z-index:120;padding:0 3.2vw;transition:.35s}
.header-shell{height:72px;max-width:1450px;margin:auto;padding:0 18px 0 12px;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 18px 60px rgba(58,5,16,.14);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.8);gap:18px}
.site-header.scrolled{top:10px}
/* Keep the fixed Shani header clear of the WordPress admin toolbar for logged-in users. */
body.admin-bar .site-header{top:50px}
body.admin-bar .site-header.scrolled{top:42px}
@media (max-width:782px){body.admin-bar .site-header{top:56px}body.admin-bar .site-header.scrolled{top:56px}}
.site-header.scrolled .header-shell{height:64px;box-shadow:0 14px 50px rgba(29,16,12,.16)}
.brand{text-decoration:none;display:grid;line-height:.82;text-align:center;flex:0 0 90px;width:90px;max-width:90px}
.brand img{width:100%;height:auto;display:block;margin:auto;padding:5px}
.main-nav{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:0;height:100%}
.main-nav ul{list-style:none;margin:0;padding:0}
.main-nav__list{display:flex;align-items:center;justify-content:center;gap:30px;height:100%;white-space:nowrap}
.main-nav__list>li{position:relative;display:flex;align-items:center;height:100%}
.main-nav__list>li>a{display:inline-flex;align-items:center;text-decoration:none;font-size:14px;font-weight:600;color:#4b4844;position:relative;padding:26px 0;height:100%;transition:color .25s ease}
.main-nav__list>li>a:after{content:"";position:absolute;left:50%;right:50%;bottom:14px;height:2px;background:transparent;transition:.3s}
.main-nav__list>li:hover>a:after,.main-nav__list>li:focus-within>a:after,.main-nav__list>li.desktop-submenu-open>a:after,.main-nav__list>li.current-menu-item>a:after,.main-nav__list>li.current-menu-ancestor>a:after,.main-nav__list>li.current_page_item>a:after,.main-nav__list>li.current_page_ancestor>a:after{left:0;right:0}
.main-nav__list>li:hover>a,.main-nav__list>li:focus-within>a,.main-nav__list>li.desktop-submenu-open>a,.main-nav__list>li.current-menu-item>a,.main-nav__list>li.current-menu-ancestor>a,.main-nav__list>li.current_page_item>a,.main-nav__list>li.current_page_ancestor>a{color:var(--red)}
.main-nav__list>li.menu-item-has-children>a{padding-left:18px}
.main-nav__list>li.menu-item-has-children>a:before{content:"";position:absolute;left:1px;top:50%;width:5px;height:5px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-68%) rotate(-45deg);transition:transform .25s ease}
.main-nav__list>li.desktop-submenu-open>a:before,.main-nav__list>li:hover>a:before,.main-nav__list>li:focus-within>a:before{transform:translateY(-25%) rotate(135deg)}
.main-nav__list>li>.sub-menu{position:absolute!important;display:block!important;top:calc(100% + 10px);right:50%;width:286px;height:auto!important;padding:10px!important;margin:0!important;border-radius:22px;background:rgba(255,255,255,.92);backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%);box-shadow:0 28px 80px rgba(35,14,16,.17);border:1px solid rgba(38,24,24,.08);opacity:0;visibility:hidden;transform:translate(50%,14px) scale(.985);transform-origin:top center;pointer-events:none;transition:opacity .22s ease,transform .3s cubic-bezier(.2,.8,.2,1),visibility .22s ease;z-index:150}
.main-nav__list>li>.sub-menu:before{content:"";position:absolute;top:-6px;right:50%;width:12px;height:12px;background:rgba(255,255,255,.94);border-top:1px solid rgba(38,24,24,.06);border-right:1px solid rgba(38,24,24,.06);transform:translateX(50%) rotate(-45deg)}
.main-nav__list>li.desktop-submenu-open>.sub-menu,.main-nav__list>li:hover>.sub-menu,.main-nav__list>li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translate(50%,0) scale(1);pointer-events:auto}
.main-nav .sub-menu li{display:block!important;position:relative!important;height:auto!important;margin:0!important;padding:0!important;opacity:0;transform:translateY(7px);transition:opacity .2s ease,transform .25s ease}
.main-nav__list>li.desktop-submenu-open>.sub-menu>li,.main-nav__list>li:hover>.sub-menu>li,.main-nav__list>li:focus-within>.sub-menu>li{opacity:1;transform:none}
.main-nav .sub-menu>li:nth-child(1){transition-delay:.02s}.main-nav .sub-menu>li:nth-child(2){transition-delay:.045s}.main-nav .sub-menu>li:nth-child(3){transition-delay:.07s}.main-nav .sub-menu>li:nth-child(4){transition-delay:.095s}.main-nav .sub-menu>li:nth-child(5){transition-delay:.12s}.main-nav .sub-menu>li:nth-child(6){transition-delay:.145s}.main-nav .sub-menu>li:nth-child(7){transition-delay:.17s}.main-nav .sub-menu>li:nth-child(8){transition-delay:.195s}
.main-nav .sub-menu li+li{margin-top:3px!important}
.main-nav .sub-menu a{display:flex!important;align-items:center;justify-content:space-between;min-height:46px!important;height:auto!important;padding:0 14px!important;border-radius:14px;text-decoration:none;font-size:12px!important;font-weight:600;color:#342f2c;background:transparent;white-space:normal;transition:background .2s ease,color .2s ease,transform .2s ease}
.main-nav .sub-menu a:after{content:"↙";display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:rgba(240,56,64,.07);color:var(--red);font-size:12px;opacity:0;transform:translateX(4px);transition:.2s ease;flex:0 0 25px}
.main-nav .sub-menu a:hover,.main-nav .sub-menu li.current-menu-item>a,.main-nav .sub-menu li.current-menu-ancestor>a,.main-nav .sub-menu li.current_page_item>a,.main-nav .sub-menu li.current_page_ancestor>a{background:rgba(240,56,64,.075);color:var(--red);transform:translateX(-2px)}
.main-nav .sub-menu a:hover:after,.main-nav .sub-menu li.current-menu-item>a:after,.main-nav .sub-menu li.current-menu-ancestor>a:after{opacity:1;transform:none}
.main-nav .sub-menu .sub-menu{position:absolute!important;display:block!important;top:-10px!important;right:calc(100% + 12px)!important;width:260px!important;padding:10px!important;margin:0!important;border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 24px 65px rgba(35,14,16,.16);border:1px solid rgba(38,24,24,.08);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px);transition:.25s ease;z-index:160}
.main-nav .sub-menu li:hover>.sub-menu,.main-nav .sub-menu li:focus-within>.sub-menu,.main-nav .sub-menu li.desktop-submenu-open>.sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.lang-switch{height:44px;padding:4px;border:1px solid rgba(23,23,23,.08);border-radius:999px;background:rgba(246,244,241,.92);display:flex;align-items:center;gap:3px;direction:ltr;color:#252321;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);cursor:default;opacity:1}
.lang-switch:disabled{opacity:1;color:#252321}
.lang-switch__current,.lang-switch__option{height:34px;display:flex;align-items:center;gap:6px;padding:0 10px;border-radius:999px;white-space:nowrap}
.lang-switch__current{background:#171717;color:#fff;box-shadow:0 5px 16px rgba(23,23,23,.14)}
.lang-switch__option{color:#8c8781}
.lang-switch b{font-size:10px;line-height:1;font-weight:800;letter-spacing:.06em;}
.lang-switch small{font-size:9px;line-height:1;font-weight:600;font-family:inherit}
.lang-switch__option small{font-size:8px;letter-spacing:.02em}
.lang-switch__divider{width:1px;height:14px;background:rgba(23,23,23,.1);border-radius:2px}
.menu-button{display:none;width:46px;height:46px;border:0;border-radius:50%;background:#171717;position:relative;cursor:pointer}
.menu-button span{position:absolute;width:18px;height:1px;background:#fff;left:14px}
.menu-button span:first-child{top:19px}.menu-button span:last-child{top:26px}
.nav-backdrop{position:fixed;inset:0;z-index:90;background:rgba(22,18,18,.04);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,backdrop-filter .3s ease,visibility .28s ease}
.nav-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
body.nav-submenu-open .site-header{z-index:140}
.mobile-panel{position:fixed;inset:0;z-index:400;background:rgba(22,18,18,.10);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .26s ease,visibility .26s ease,backdrop-filter .26s ease}
.mobile-panel.open{opacity:1;visibility:visible;pointer-events:auto;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.mobile-panel__inner{position:absolute;top:0;right:0;bottom:0;width:min(86vw,370px);padding:18px 16px 24px;background:#fff;color:#1b1917;box-shadow:-24px 0 70px rgba(30,16,15,.13);overflow:auto;transform:translateX(108%);transition:transform .42s cubic-bezier(.22,.8,.24,1)}
.mobile-panel.open .mobile-panel__inner{transform:none}
.mobile-panel__head{display:flex;align-items:center;justify-content:space-between;padding:0 0 14px;border-bottom:1px solid rgba(20,20,20,.07)}
.mobile-panel__brand{display:block;width:82px;text-decoration:none}
.mobile-panel__brand img{display:block;width:100%;height:auto}
.mobile-close{width:40px;height:40px;border-radius:50%;border:1px solid rgba(20,20,20,.09);background:#f8f7f4;color:#1b1917;font-size:24px;line-height:1;display:grid;place-items:center;cursor:pointer}
.mobile-panel__label{padding:18px 2px 8px;font-size:10px;font-weight:700;color:#9a948e}
.mobile-nav ul{list-style:none;margin:0;padding:0}
.mobile-nav__list{display:block!important;text-align:right}
.mobile-nav__list>li{display:block!important;position:relative!important;border-bottom:1px solid rgba(20,20,20,.065)}
.mobile-nav__list a{text-decoration:none}
.mobile-nav__list>li>a{display:flex!important;align-items:center;min-height:54px;padding:0 2px 0 46px;color:#24211f;font-size:16px;font-weight:700;transition:color .2s ease}
.mobile-nav__list>li.current-menu-item>a,.mobile-nav__list>li.current-menu-ancestor>a,.mobile-nav__list>li.current_page_item>a,.mobile-nav__list>li.current_page_ancestor>a{color:var(--red)}
.mobile-nav__list .sub-menu{display:block!important;max-height:0;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-4px);transition:max-height .38s cubic-bezier(.22,.8,.24,1),opacity .22s ease,transform .26s ease,visibility .22s ease;margin:0!important;padding:0!important}
.mobile-nav__list li.is-open>.sub-menu{max-height:640px;opacity:1;visibility:visible;transform:none;margin-bottom:8px!important}
.mobile-nav__list .sub-menu li{display:block!important;position:relative!important}
.mobile-nav__list .sub-menu a{display:flex!important;align-items:center;min-height:42px;padding:0 12px;border-radius:10px;color:#68625d;font-size:13.5px;font-weight:600;transition:background .2s ease,color .2s ease}
.mobile-nav__list .sub-menu a:hover,.mobile-nav__list .sub-menu li.current-menu-item>a{background:#f8f4f3;color:var(--red)}
.mobile-nav__list .sub-menu .sub-menu{margin-right:10px!important}
.submenu-toggle{position:absolute;top:7px;left:0;width:38px;height:38px;border:0;border-radius:11px;background:transparent;color:#77706a;display:grid;place-items:center;cursor:pointer;transition:background .2s ease,color .2s ease}
.submenu-toggle:hover{background:#f7f4f2;color:var(--red)}
.submenu-toggle:before,.submenu-toggle:after{content:"";position:absolute;width:10px;height:1.5px;border-radius:2px;background:currentColor;transition:transform .25s ease}
.submenu-toggle:after{transform:rotate(90deg)}
.mobile-nav li.is-open>.submenu-toggle{color:var(--red)}
.mobile-nav li.is-open>.submenu-toggle:after{transform:rotate(0)}
.hero{--slide:#f03840;position:relative;min-height:100svh;height:max(860px,100svh);background:radial-gradient(circle at 66% 38%,rgba(255,255,255,.22),transparent 28%),linear-gradient(135deg,#a90828 0%,#e92539 44%,#f64c51 100%);color:#fff;overflow:hidden;isolation:isolate;
	 display: flex;
    align-items: center;
    justify-content: center;
	 
	 }
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(88,0,18,.28),transparent 42%,rgba(255,255,255,.08));z-index:-2}
.hero-noise{position:absolute;inset:0;opacity:.16;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.36'/%3E%3C/svg%3E");pointer-events:none}
.hero-glow{position:absolute;border-radius:50%;filter:blur(14px);pointer-events:none}
.hero-glow--one{width:620px;height:620px;right:35%;top:7%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 66%)}
.hero-glow--two{width:480px;height:480px;left:-120px;bottom:5%;background:radial-gradient(circle,rgba(125,0,28,.45),transparent 68%)}
.hero-type{position:absolute;inset:12% 0 auto 0;text-align:center;white-space:nowrap;opacity:.14;mix-blend-mode:screen;pointer-events:none}
.hero-type span{font-size:clamp(170px,22vw,390px);line-height:.8;font-weight:900;letter-spacing:-.075em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.62)}
.hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%;pointer-events:none}
.hero-orbit--one{width:780px;height:780px;left:35%;top:8%;transform:rotate(-18deg)}
.hero-orbit--two{width:560px;height:560px;left:42%;top:20%;border-style:dashed}

.hero-index{display:flex;align-items:center;gap:10px;margin-bottom:28px;font-size:11px}
.hero-index span{font-size:18px;font-weight:800}
.hero-index i{width:50px;height:1px;background:rgba(255,255,255,.55)}
.hero-index small{opacity:.55}
.hero-eyebrow{font-size:12px;font-weight:700;letter-spacing:.04em;margin:0 0 17px}
.hero-eyebrow:before{content:"";display:inline-block;width:22px;height:2px;background:currentColor;vertical-align:middle;margin-left:9px}
.hero h1{font-size:clamp(54px,5.7vw,75px);line-height:.98;margin:0;letter-spacing:-.075em;font-weight:900}
.hero h1 em{font-style:normal;font-weight:300;font-size:.58em;letter-spacing:-.05em}
.hero-description{font-size:14px;line-height:2.05;color:rgba(255,255,255,.78);max-width:380px;margin:26px 0}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.button{height:54px;border-radius:999px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:15px;text-decoration:none;font-size:12px;font-weight:700;border:1px solid transparent;transition:.3s}
.button:hover{transform:translateY(-3px)}
.button--white{background:#fff;color:#1b1b1b;box-shadow:0 20px 45px rgba(80,0,15,.18)}
.button--glass{border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(12px)}
.button--red{background:var(--red);color:#fff}
.hero-stage {
    position: relative;
    width: 1100px;
    height: 60%;
    perspective: 1500px;
    transform-style: preserve-3d;
    z-index: 10;
}
.stage-shadow{position:absolute;left:20%;right:10%;bottom:3%;height:17%;background:radial-gradient(ellipse,rgba(65,0,15,.55),transparent 65%);filter:blur(14px);transform:rotate(-4deg)}
.stage-disc{position:absolute;left:47%;top:50%;width:520px;height:520px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,.22);display:grid;place-items:center}
.stage-disc:before, .stage-disc:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.12)}
.stage-disc:before{inset:11%}
.stage-disc:after{inset:26%}
.stage-disc span{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 25px #fff;position:absolute;top:8%;left:48%}
.stage-disc i{width:16px;height:16px;border:1px solid rgba(255,255,255,.65);border-radius:50%;position:absolute;bottom:9%;right:20%}
.product{position:absolute;margin:0;will-change:transform,filter,opacity;transform-style:preserve-3d;pointer-events:none}
.product>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 50px 30px rgba(65,0,15,.32))}
.product--main,.product-annotations{width:42%;height:84%;left:29%;top:5%}
.product--main{z-index:8;transform:translateZ(120px)}
.product--main>img{filter:drop-shadow(0 58px 34px rgba(55,0,13,.46))}
.product-reflection{position:absolute;width:70%;height:22%;left:16%;bottom:-8%;background:radial-gradient(ellipse,rgba(255,255,255,.22),transparent 66%);filter:blur(8px)}
.product--back-left{width:28%;height:58%;left:4%;top:20%;z-index:4;transform:translateZ(-120px) rotate(-9deg);opacity:.82;filter:blur(1px)}
.product--back-right{width:27%;height:56%;right:3%;top:18%;z-index:4;transform:translateZ(-90px) rotate(10deg);opacity:.82;filter:blur(1px)}
.product--ghost-left{width:20%;height:42%;left:-7%;top:6%;z-index:2;transform:translateZ(-300px) rotate(-13deg);filter:blur(8px);opacity:.45}
.product--ghost-right{width:21%;height:44%;right:-8%;top:8%;z-index:2;transform:translateZ(-320px) rotate(14deg);filter:blur(10px);opacity:.42}
.product--front-blur{width:30%;height:58%;left:-12%;bottom:-20%;z-index:12;transform:translateZ(300px) rotate(11deg);filter:blur(12px);opacity:.48}
.product-annotations{overflow:visible;z-index:15;transform-origin:center center}
.product-fact{position:absolute;width:clamp(112px,10vw,150px);height:clamp(69px,6.133vw,92px);padding:8px;border-radius:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(18px);box-shadow:0 20px 48px rgba(69,0,18,.22);z-index:15}
.product-fact__image{width:100%;height:100%;display:block;object-fit:contain;border-radius:12px;filter:none}
.product-fact--a{left:-30px;top:24%}
.product-fact--b{right:-14px;top:15%}
.product-fact--c{right:1px;bottom:17%}
.fact-line{position:absolute;height:1px;width:45%;background:rgba(255,255,255,.72);transform-origin:center}
.fact-line:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 14px rgba(255,255,255,.9);top:50%;transform:translateY(-50%)}
.product-fact--a .fact-line{left:100%;top:52%;transform:rotate(7deg)}
.product-fact--a .fact-line:after{right:-2px}
.product-fact--b .fact-line{right:100%;top:58%;transform:rotate(-8deg)}
.product-fact--b .fact-line:after{left:-2px}
.product-fact--c .fact-line{right:100%;top:42%;transform:rotate(9deg)}
.product-fact--c .fact-line:after{left:-2px}
.product-seal{position:absolute;left:13%;bottom:2%;width:98px;height:98px;border-radius:50%;border:1px solid rgba(255,255,255,.34);display:grid;place-content:center;text-align:center;transform:rotate(-10deg);z-index:16}
.product-seal span, .product-seal small{font-size:7px;letter-spacing:.14em}
.product-seal b{font-size:22px}
.hero-curve{position:absolute;bottom:-1px;left:-5%;right:-5%;height:5.6vw;min-height:58px;background:var(--paper);clip-path:ellipse(55% 100% at 50% 100%);z-index:25}
@media (max-width:1200px){.main-nav__list{gap:17px}.main-nav__list>li>a{font-size:12px}.main-nav__list>li>.sub-menu{width:260px}.lang-switch__current,.lang-switch__option{padding:0 8px}.lang-switch small{display:none}.hero-copy{right:4vw;width:32vw}.hero-stage{left:13%;width:65%}}
@media (max-width:960px){.site-header{padding:0 14px}.header-shell{height:66px;padding:0 10px 0 12px}.brand{flex-basis:82px;width:82px;max-width:82px}.main-nav{display:none}.menu-button{display:block}.header-actions{gap:8px}.hero{height:1000px}.hero-copy{top:13%;right:7vw;width:86%;text-align:center}.hero-index,.hero-actions{justify-content:center}.hero-description{margin:22px auto}.hero-stage{left:0;top:36%;width:100%;height:50%}.product--main,.product-annotations{width:44%;left:28%}}
@media (max-width:680px){.site-header{top:10px;padding:0 10px}.header-shell{height:60px;padding:0 9px 0 15px}.site-header.scrolled .header-shell{height:58px}.brand{flex-basis:72px;width:72px;max-width:72px}.lang-switch{display:none}.menu-button{width:44px;height:44px}.menu-button span{left:13px}.mobile-panel__inner{width:min(90vw,350px);padding:15px 15px 20px}.hero{height:930px;min-height:930px}.hero-copy{top:10.5%;right:16px;width:calc(100% - 32px)}.hero h1{font-size:48px}.hero h1 em{font-size:.58em}.hero-description{font-size:12px;max-width:340px}.hero-actions .button{height:46px;padding:0 16px;font-size:10px}.hero-stage{top:35%;height:49%}.hero-type{top:35%}.hero-type span{font-size:120px}.stage-disc{width:380px;height:380px}.product--main,.product-annotations{width:55%;height:78%;left:22.5%;top:8%}.product-fact{display:none}.product--back-left{width:35%;height:50%;left:-4%;top:22%}.product--back-right{width:35%;height:50%;right:-5%;top:22%}.product--ghost-left,.product--ghost-right,.product--front-blur,.product-seal{display:none}.hero-curve{height:48px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loader{display:none}.product, .button{transition:none!important;animation:none!important}}


/* =====================================================
   SHANI ABOUT 2026
   تمام کلاس‌ها اختصاصی هستند
===================================================== */

.shani-about26 {
  --shani-about26-red: #f03840;
  --shani-about26-red-dark: #9f1027;
  --shani-about26-red-deep: #710719;
  --shani-about26-paper: #fbfaf7;
  --shani-about26-cream: #f2eee6;
  --shani-about26-ink: #181716;
  --shani-about26-muted: #716d67;
  --shani-about26-line: rgba(24, 23, 22, 0.1);

  position: relative;
  padding:
    clamp(110px, 11vw, 180px)
    5vw
    clamp(90px, 10vw, 160px);

  color: var(--shani-about26-ink);

  background:
    radial-gradient(
      circle at 90% 60%,
      rgba(240, 56, 64, 0.11),
      transparent 23%
    ),
    radial-gradient(
      circle at 8% 70%,
      rgba(240, 56, 64, 0.07),
      transparent 24%
    ),
    var(--shani-about26-paper);


  isolation: isolate;
	padding-top: unset;
}


/* نوشته بزرگ پس‌زمینه */

.shani-about26::before {
content: "SHANI";
    position: absolute;
    top: -3.5%;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
    color: transparent;
    font-size: clamp(130px, 23vw, 223px);
    line-height: 0.8;
    font-weight: 900;
    letter-spacing: -0.075em;
    white-space: nowrap;
    -webkit-text-stroke: 1px rgb(24 23 22 / 11%);
    pointer-events: none;
}


/* دایره‌های تزئینی */

.shani-about26::after {
  content: "";

  position: absolute;
  left: -250px;
  bottom: 3%;
  z-index: -1;

  width: 420px;
  height: 420px;

  border: 1px solid rgba(240, 56, 64, 0.14);
  border-radius: 50%;

  box-shadow:
    0 0 0 90px rgba(240, 56, 64, 0.025),
    0 0 0 180px rgba(240, 56, 64, 0.018);

  pointer-events: none;
}


/* کانتینر اصلی */

.shani-about26__shell {
  position: relative;
  z-index: 2;

  width: min(1450px, 100%);
  margin-inline: auto;
}


/* =====================================================
   TOP LINE
===================================================== */

.shani-about26__topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;

  margin-bottom: clamp(52px, 6vw, 90px);
}

.shani-about26__section-id {
  display: flex;
  align-items: center;
  gap: 12px;

  margin: 0;

  color: var(--shani-about26-red);

  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.03em;
}

.shani-about26__section-number {
  letter-spacing: 0;
}

.shani-about26__section-id i {
  display: block;

  width: 44px;
  height: 1px;

  background: currentColor;
}

.shani-about26__microcopy {
  margin: 0;
  color: var(--shani-about26-muted);
  font-size: 14px;
  line-height: 1.9;
  text-align: left;
}


/* =====================================================
   HERO GRID
===================================================== */

.shani-about26__hero-grid {
  display: grid;
  grid-template-columns:
    minmax(0, 1.02fr)
    minmax(420px, 0.98fr);

  align-items: center;
  gap: clamp(42px, 6vw, 100px);
}


/* =====================================================
   TEXT CONTENT
===================================================== */

.shani-about26__content {
  position: relative;
  z-index: 4;
}

.shani-about26__kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;

  margin: 0 0 24px;

  color: var(--shani-about26-red);

  font-size: 12px;
  font-weight: 800;
}

.shani-about26__kicker::before {
  content: "";

  width: 8px;
  height: 8px;

  border-radius: 50%;
  background: var(--shani-about26-red);

  box-shadow:
    0 0 0 7px rgba(240, 56, 64, 0.11);
}

.shani-about26__title {
  max-width: 800px;
  margin: 0;

  font-size: clamp(54px, 6.2vw, 60px);
  line-height: 0.98;
  font-weight: 900;
  letter-spacing: -0.075em;
}

.shani-about26__title span {
  display: block;

  margin-top: 11px;

  color: var(--shani-about26-red);

  font-size: 0.66em;
  font-weight: 300;
  letter-spacing: -0.055em;
}

.shani-about26__lead {
  max-width: 650px;
  margin: 34px 0 0;

  color: #4e4a46;

  font-size: clamp(15px, 1.2vw, 18px);
  line-height: 2.15;
}

.shani-about26__lead strong {
  color: var(--shani-about26-ink);
  font-weight: 900;
}


/* =====================================================
   BUTTONS
===================================================== */

.shani-about26__actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;

  margin-top: 38px;
}

.shani-about26__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 17px;

  min-height: 56px;
  padding: 0 24px;

  border-radius: 999px;

  font-size: 12px;
  font-weight: 800;
  text-decoration: none;

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    background-color 0.35s ease,
    border-color 0.35s ease;
}

.shani-about26__link--primary {
  color: #fff;
  background: var(--shani-about26-ink);

  box-shadow:
    0 18px 44px rgba(24, 23, 22, 0.15);
}

.shani-about26__link--primary span {
  display: grid;
  place-items: center;

  width: 28px;
  height: 28px;

  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);

  font-size: 15px;
}

.shani-about26__link--ghost {
  color: var(--shani-about26-ink);

  border: 1px solid var(--shani-about26-line);
  background: rgba(255, 255, 255, 0.5);
}

.shani-about26__link:hover {
  transform: translateY(-4px);
}

.shani-about26__link--primary:hover {
  box-shadow:
    0 24px 55px rgba(24, 23, 22, 0.22);
}

.shani-about26__link--ghost:hover {
  border-color: rgba(240, 56, 64, 0.3);
  background: #fff;
}


/* =====================================================
   BACKGROUND VISUAL
===================================================== */

.shani-about26__visual {
position: relative;
    min-height: 480px;
    border-radius: clamp(28px, 3vw, 46px);
    overflow: hidden;
    isolation: isolate;
    background-image: linear-gradient(180deg, rgb(35 4 10 / 0%) 0%, rgb(35 4 10 / 0%) 36%, rgb(35 4 10 / 0%) 100%), linear-gradient(120deg, rgb(159 16 39 / 0%), transparent 58%), var(--shani-about26-cover);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1), background-size 1.2s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.7s ease;
}


/* تکسچر ظریف */

.shani-about26__visual::before {
  content: "";

  position: absolute;
  inset: 0;
  z-index: 1;

  opacity: 0.18;
  mix-blend-mode: soft-light;

  background-image:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='shaniNoise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23shaniNoise)' opacity='.35'/%3E%3C/svg%3E");

  pointer-events: none;
	display:none;
}


/* هاله نور پایین تصویر */

.shani-about26__visual::after {
  content: "";

  position: absolute;
  right: -20%;
  bottom: -35%;
  z-index: 1;

  width: 520px;
  height: 520px;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(240, 56, 64, 0.32),
      transparent 68%
    );

  pointer-events: none;
	display:none;
}

.shani-about26__visual-frame {
  position: absolute;
  inset: 18px;
  z-index: 2;

  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: calc(clamp(28px, 3vw, 46px) - 10px);

  pointer-events: none;
}


/* سال شروع فعالیت */

.shani-about26__year {

  position: absolute;
  top: 34px;
  right: 34px;
  z-index: 4;

  display: grid;
  gap: 3px;

  color: #fff;

  text-shadow:
    0 8px 25px rgba(20, 0, 5, 0.3);
		display: none;
}

.shani-about26__year small {
  color: rgba(255, 255, 255, 0.7);

  font-size: 10px;
  font-weight: 600;
}

.shani-about26__year strong {
  font-size: clamp(72px, 8vw, 70px);
  line-height: 0.9;
  font-weight: 900;
  letter-spacing: -0.08em;
}

.shani-about26__year em {
  color: rgba(255, 255, 255, 0.75);

  font-size: 11px;
  font-style: normal;
}


/* لوگوی شانی روی تصویر */

.shani-about26__brand-mark {
  position: absolute;
  top: 34px;
  left: 34px;
  z-index: 4;
display:none;
  width: 92px;
  padding: 12px 13px;

  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 22px;

  background: rgba(255, 255, 255, 0.9);

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  box-shadow:
    0 18px 42px rgba(35, 0, 8, 0.22);

  transform: rotate(-5deg);
}

.shani-about26__brand-mark img {
  display: block;

  width: 100%;
  height: auto;
}


/* عنوان روی تصویر */

.shani-about26__visual-content {
  position: absolute;
  right: clamp(24px, 4vw, 54px);
  bottom: clamp(112px, 11vw, 145px);
  left: clamp(24px, 4vw, 54px);
  z-index: 4;

  max-width: 490px;

  color: #fff;
}

.shani-about26__visual-label {
  display: inline-flex;
  align-items: center;
  gap: 12px;

  margin-bottom: 18px;

  color: rgba(255, 255, 255, 0.68);

  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.shani-about26__visual-label::before {
  content: "";

  width: 38px;
  height: 1px;

  background: rgba(255, 255, 255, 0.55);
}

.shani-about26__visual-content h3 {
  margin: 0;

  font-size: clamp(35px, 4vw, 62px);
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: -0.055em;
}

.shani-about26__visual-content p {
  max-width: 390px;
  margin: 19px 0 0;

  color: rgba(255, 255, 255, 0.72);

  font-size: 12px;
  line-height: 1.95;
}


/* کارت شیشه‌ای پایین تصویر */

.shani-about26__glass-note {
  position: absolute;
  left: 28px;
  bottom: 28px;
  z-index: 5;
display:none;
  width: min(265px, 48%);
  padding: 18px 20px;

  color: #fff;

  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 24px;

  background: rgba(20, 8, 10, 0.28);

  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);

  box-shadow:
    0 20px 50px rgba(20, 0, 5, 0.18);
}

.shani-about26__glass-note span {
  display: block;

  margin-bottom: 7px;

  color: rgba(255, 255, 255, 0.62);

  font-size: 10px;
}

.shani-about26__glass-note strong {
  display: block;

  font-size: 13px;
  line-height: 1.8;
}



/* =====================================================
   BENTO CARDS
===================================================== */

.shani-about26__bento {
  display: grid;
  grid-template-columns:
    minmax(0, 1.25fr)
    minmax(0, 0.85fr)
    minmax(0, 0.85fr);

  gap: 16px;

  margin-top: clamp(58px, 7vw, 58px);
}

.shani-about26__card {
  position: relative;
  padding: 28px;
  border: 1px solid var(--shani-about26-line);
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.64);
  overflow: hidden;
  transition:
    transform 0.4s ease,
    border-color 0.4s ease,
    box-shadow 0.4s ease,
    background-color 0.4s ease;
}

.shani-about26__card:hover {
  transform: translateY(-7px);

  border-color: rgba(240, 56, 64, 0.28);
  background: #fff;

  box-shadow:
    0 24px 60px rgba(42, 22, 17, 0.09);
}

.shani-about26__card-index {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-bottom: 18px;

  color: var(--shani-about26-red);

  font-size: 10px;
  font-weight: 800;
}

.shani-about26__card-index i {
  display: block;

  width: 36px;
  height: 1px;

  background: currentColor;
}

.shani-about26__card h3 {
  margin: 0 0 13px;

  font-size: clamp(20px, 1.8vw, 27px);
  line-height: 1.35;
  font-weight: 900;
  letter-spacing: -0.035em;
}

.shani-about26__card p {
  margin: 0;

  color: var(--shani-about26-muted);

  font-size: 12px;
  line-height: 2;
}


/* کارت مشکی */

.shani-about26__card--story {
  color: #fff;
  background: var(--shani-about26-ink);
}

.shani-about26__card--story::after {
  content: "مسئولیت";

  position: absolute;
  left: -8px;
  bottom: -24px;

  color: rgba(255, 255, 255, 0.045);

  font-size: 74px;
  font-weight: 900;
  letter-spacing: -0.08em;
  white-space: nowrap;

  pointer-events: none;
}

.shani-about26__card--story:hover {
  border-color: rgba(255, 255, 255, 0.14);
  background: #222120;
}

.shani-about26__card--story p {
  position: relative;
  z-index: 2;

  max-width: 520px;

  color: rgba(255, 255, 255, 0.62);
}

.shani-about26__card--story
.shani-about26__card-index {
  color: #ff6d73;
}


/* =====================================================
   QUOTE
===================================================== */

.shani-about26__quote {
  position: relative;

  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 28px;

  margin-top: 16px;
  padding: clamp(34px, 4vw, 56px);

  border-radius: 34px;
  background: var(--shani-about26-cream);

  overflow: hidden;
}

.shani-about26__quote-symbol {
  height: 70px;

  color: var(--shani-about26-red);

  font-family: Georgia, serif;
  font-size: 110px;
  line-height: 0.75;

  opacity: 0.25;
}

.shani-about26__quote p {
  margin: 0;

  font-size: clamp(20px, 2.2vw, 34px);
  line-height: 1.75;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.shani-about26__quote-badge {
  display: grid;
  place-items: center;

  width: 92px;
  height: 92px;

  color: var(--shani-about26-red);

  border: 1px solid rgba(240, 56, 64, 0.25);
  border-radius: 50%;

  font-size: 10px;
  line-height: 1.6;
  font-weight: 800;
  text-align: center;

  transform: rotate(-8deg);
}


/* =====================================================
   HOLDING BRANDS
===================================================== */

.shani-about26__holding {
  position: relative;

  margin-top: 16px;
  padding: clamp(32px, 4vw, 54px);

  border: 1px solid var(--shani-about26-line);
  border-radius: 34px;

  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.9),
      rgba(245, 241, 234, 0.74)
    );

  overflow: hidden;
}


/* نوشته بزرگ پس‌زمینه */

.shani-about26__holding::before {
  content: "GROUP";

  position: absolute;
  left: 30px;
  bottom: -30px;
  z-index: 0;

  color: transparent;

  font-size: clamp(90px, 13vw, 190px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.08em;

  -webkit-text-stroke:
    1px rgba(24, 23, 22, 0.045);

  pointer-events: none;
}


/* عنوان بخش مجموعه‌ها */

.shani-about26__holding-heading {
  position: relative;
  z-index: 2;

  display: grid;
  grid-template-columns:
    minmax(260px, 0.8fr)
    minmax(300px, 1fr);

  align-items: end;
  gap: 50px;

  margin-bottom: clamp(32px, 4vw, 50px);
}

.shani-about26__holding-title span {
  display: block;

  margin-bottom: 10px;

  color: var(--shani-about26-red);

  font-size: 10px;
  font-weight: 800;
}

.shani-about26__holding-title h3 {
  margin: 0;

  font-size: clamp(27px, 3vw, 46px);
  line-height: 1.25;
  font-weight: 900;
  letter-spacing: -0.05em;
}

.shani-about26__holding-heading > p {
  max-width: 600px;
  margin: 0;

  color: var(--shani-about26-muted);

  font-size: 12px;
  line-height: 2;
}


/* گرید لوگوها */

.shani-about26__logos {
  position: relative;
  z-index: 2;

  display: grid;
  grid-template-columns: repeat(5, minmax(120px, 1fr));
  gap: 12px;
}


/* کارت هر لوگو */

.shani-about26__logo-item {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;

  min-height: 125px;
  padding: 24px;

  color: inherit;
  text-decoration: none;

  border: 1px solid rgba(24, 23, 22, 0.08);
  border-radius: 22px;

  background: rgba(255, 255, 255, 0.72);

  overflow: hidden;

  transition:
    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
    background-color 0.4s ease,
    border-color 0.4s ease,
    box-shadow 0.4s ease;
}

.shani-about26__logo-item::before {
  content: "";

  position: absolute;
  top: 14px;
  right: 14px;

  width: 5px;
  height: 5px;

  border-radius: 50%;
  background: rgba(240, 56, 64, 0.35);

  transition:
    transform 0.4s ease,
    background-color 0.4s ease;
}

.shani-about26__logo-item::after {
  content: "";

  position: absolute;
  inset: auto -30px -55px auto;

  width: 100px;
  height: 100px;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(240, 56, 64, 0.08),
      transparent 70%
    );

  opacity: 0;

  transition: opacity 0.4s ease;
}

.shani-about26__logo-item img {
  position: relative;
  z-index: 2;

  display: block;

  width: 100%;
  max-width: 125px;
  height: 58px;

  object-fit: contain;

  filter: grayscale(1);
  opacity: 0.58;

  transition:
    filter 0.4s ease,
    opacity 0.4s ease,
    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.shani-about26__logo-item:hover {
  transform: translateY(-6px);

  border-color: rgba(240, 56, 64, 0.22);
  background: #fff;

  box-shadow:
    0 22px 45px rgba(45, 25, 20, 0.08);
}

.shani-about26__logo-item:hover::before {
  transform: scale(1.8);
  background: var(--shani-about26-red);
}

.shani-about26__logo-item:hover::after {
  opacity: 1;
}

.shani-about26__logo-item:hover img {
  filter: grayscale(0);
  opacity: 1;
  transform: scale(1.06);
}


/* =====================================================
   SCROLL REVEAL
===================================================== */

@supports (animation-timeline: view()) {
  .shani-about26__content,
  .shani-about26__visual,
  .shani-about26__card,
  .shani-about26__quote,
  .shani-about26__holding {
    animation: shani-about26-reveal linear both;
    animation-timeline: view();
    animation-range: entry 8% cover 28%;
  }

  .shani-about26__visual {
    animation-range: entry 0% cover 32%;
  }

  .shani-about26__card:nth-child(2) {
    animation-range: entry 12% cover 30%;
  }

  .shani-about26__card:nth-child(3) {
    animation-range: entry 16% cover 32%;
  }
}

@keyframes shani-about26-reveal {
  from {
    opacity: 0;
    transform: translateY(45px);
    filter: blur(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 1100px) {

  .shani-about26__hero-grid {
    grid-template-columns: 1fr;
  }

  .shani-about26__content {
    max-width: 850px;
  }

  .shani-about26__visual {
    min-height: 620px;
  }

  .shani-about26__bento {
    grid-template-columns: 1fr 1fr;
  }

  .shani-about26__card--story {
    grid-column: 1 / -1;
  }

  .shani-about26__holding-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .shani-about26__logos {
    grid-template-columns: repeat(3, minmax(140px, 1fr));
  }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 720px) {

  .shani-about26 {
    padding: 92px 18px 80px;
  }

  .shani-about26__topline {
    align-items: flex-start;
    margin-bottom: 44px;
  }

  .shani-about26__microcopy {
    display: none;
  }

  .shani-about26__title {
    font-size: clamp(48px, 14vw, 72px);
  }

  .shani-about26__lead {
    margin-top: 26px;

    font-size: 14px;
    line-height: 2.05;
  }

  .shani-about26__actions {
    align-items: stretch;
  }

  .shani-about26__link {
    flex: 1;
    min-width: 180px;
  }


  /* تصویر موبایل */

  .shani-about26__visual {
    min-height: 570px;
    border-radius: 30px;

    background-position: center;
  }

  .shani-about26__visual-frame {
    inset: 12px;
    border-radius: 22px;
  }

  .shani-about26__year {
    top: 24px;
    right: 22px;
  }

  .shani-about26__year strong {
    font-size: 72px;
  }

  .shani-about26__brand-mark {
    top: 24px;
    left: 22px;

    width: 74px;

    border-radius: 18px;
  }

  .shani-about26__visual-content {
    right: 22px;
    bottom: 132px;
    left: 22px;
  }

  .shani-about26__visual-content h3 {
    font-size: clamp(34px, 10vw, 48px);
  }

  .shani-about26__visual-content p {
    max-width: 280px;
  }

  .shani-about26__glass-note {
    left: 18px;
    bottom: 18px;

    width: calc(100% - 36px);
    padding: 14px 16px;

    border-radius: 19px;
  }


  /* کارت‌ها */

  .shani-about26__bento {
    grid-template-columns: 1fr;

    margin-top: 52px;
  }

  .shani-about26__card--story {
    grid-column: auto;
  }

  .shani-about26__card {
    min-height: 195px;
    padding: 24px;
  }

  .shani-about26__card-index {
    margin-bottom: 38px;
  }


  /* نقل قول */

  .shani-about26__quote {
    grid-template-columns: 1fr;
    gap: 15px;

    padding: 30px;
  }

  .shani-about26__quote-symbol {
    height: 38px;

    font-size: 78px;
  }

  .shani-about26__quote-badge {
    justify-self: end;

    width: 74px;
    height: 74px;
  }


  /* هلدینگ */

  .shani-about26__holding {
    padding: 27px 18px;

    border-radius: 27px;
  }

  .shani-about26__holding-title h3 {
    font-size: 32px;
  }

  .shani-about26__logos {
    grid-template-columns: repeat(2, minmax(120px, 1fr));
    gap: 9px;
  }

  .shani-about26__logo-item {
    min-height: 105px;
    padding: 18px;

    border-radius: 18px;
  }

  .shani-about26__logo-item:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }

  .shani-about26__logo-item img {
    max-width: 105px;
    height: 50px;
  }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 420px) {

  .shani-about26__section-id {
    font-size: 11px;
  }

  .shani-about26__title {
    font-size: 46px;
  }

  .shani-about26__visual {
    min-height: 540px;
  }

  .shani-about26__visual-label {
    font-size: 8px;
  }

  .shani-about26__visual-content h3 {
    font-size: 36px;
  }

  .shani-about26__visual-content p {
    display: none;
  }

  .shani-about26__logos {
    grid-template-columns: 1fr 1fr;
  }

  .shani-about26__logo-item {
    min-height: 95px;
    padding: 16px;
  }

}


/* =====================================================
   ACCESSIBILITY
===================================================== */

@media (prefers-reduced-motion: reduce) {

  .shani-about26__content,
  .shani-about26__visual,
  .shani-about26__card,
  .shani-about26__quote,
  .shani-about26__holding {
    animation: none !important;
  }

  .shani-about26__visual,
  .shani-about26__link,
  .shani-about26__card,
  .shani-about26__logo-item,
  .shani-about26__logo-item img {
    transition: none !important;
  }

}



/* =====================================================
   SHANI BRAND FAMILY
===================================================== */

.shani-about26__brand-family {
  position: relative;

  margin-top: 16px;
  padding:
    clamp(34px, 4vw, 54px)
    clamp(20px, 4vw, 54px)
    clamp(38px, 5vw, 64px);

  border: 1px solid rgba(24, 23, 22, 0.09);
  border-radius: 34px;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(240, 56, 64, 0.08),
      transparent 32%
    ),
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.94),
      rgba(244, 240, 233, 0.75)
    );

  box-shadow:
    0 25px 70px rgba(45, 25, 20, 0.05);

  overflow: hidden;
  isolation: isolate;
}


/* نوشته تزئینی پس‌زمینه */

.shani-about26__brand-family::before {
  content: "FAMILY";

  position: absolute;
  bottom: -35px;
  left: 50%;
  z-index: -1;

  transform: translateX(-50%);

  color: transparent;

  font-size: clamp(85px, 14vw, 185px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.08em;
  white-space: nowrap;

  -webkit-text-stroke:
    1px rgba(24, 23, 22, 0.04);

  pointer-events: none;
}


/* =====================================================
   HEADING
===================================================== */

.shani-about26__brand-family-head {
  position: relative;
  z-index: 3;

  max-width: 720px;
  margin: 0 auto clamp(34px, 4vw, 52px);

  text-align: center;
}

.shani-about26__brand-family-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;

  margin-bottom: 13px;

  color: var(--shani-about26-red);

  font-size: 10px;
  font-weight: 800;
}

.shani-about26__brand-family-label i {
  display: block;

  width: 27px;
  height: 1px;

  background: currentColor;
  opacity: 0.45;
}

.shani-about26__brand-family-head h3 {
  margin: 0;

  font-size: clamp(27px, 3vw, 34px);
  line-height: 1.3;
  font-weight: 900;
  letter-spacing: -0.045em;
}

.shani-about26__brand-family-head h3 span {
  color: var(--shani-about26-red);
}

.shani-about26__brand-family-head p {
  max-width: 570px;
  margin: 14px auto 0;

  color: var(--shani-about26-muted);

  font-size: 12px;
  line-height: 2;
}


/* =====================================================
   BRAND NETWORK
===================================================== */

.shani-about26__brand-map {
  position: relative;
  z-index: 3;

  width: min(980px, 100%);
  margin-inline: auto;
}


/* =====================================================
   PARENT BRAND
===================================================== */

.shani-about26__brand-parent {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;

  width: min(220px, 70%);
  min-height: 122px;
  margin-inline: auto;
  padding: 12px;

  color: inherit;
  text-decoration: none;

  border: 1px solid rgba(240, 56, 64, 0.18);
  border-radius: 28px;

  background:
    radial-gradient(
      circle at 50% 100%,
      rgba(240, 56, 64, 0.09),
      transparent 65%
    ),
    rgba(255, 255, 255, 0.94);

  box-shadow:
    0 22px 55px rgba(55, 20, 20, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);

  transition:
    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.4s ease,
    box-shadow 0.4s ease;
}


/* دایره پشت برند اصلی */

.shani-about26__brand-parent::before {
  content: "";

  position: absolute;
  inset: -11px;
  z-index: -1;

  border: 1px solid rgba(240, 56, 64, 0.1);
  border-radius: 36px;

  pointer-events: none;
}


/* خط عمودی برند اصلی */

.shani-about26__brand-parent::after {
  content: "";

  position: absolute;
  top: 100%;
  left: 50%;

  width: 1px;
  height: 46px;

  background:
    linear-gradient(
      to bottom,
      rgba(240, 56, 64, 0.7),
      rgba(240, 56, 64, 0.18)
    );

  transform: translateX(-50%);

  pointer-events: none;
}

.shani-about26__brand-parent img {
  display: block;

  width: 100%;
  max-width: 120px;


  object-fit: contain;

  transition:
    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}


/* برچسب برند اصلی */

.shani-about26__brand-parent-badge {
  position: absolute;
  top: -11px;
  right: 20px;

  padding: 6px 12px;

  color: #fff;
  background: var(--shani-about26-red);

  border-radius: 999px;

  font-size: 9px;
  font-weight: 800;

  box-shadow:
    0 9px 24px rgba(240, 56, 64, 0.25);
}


/* =====================================================
   CHILD BRANDS
===================================================== */

.shani-about26__brand-children {
  position: relative;

  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(10px, 1.5vw, 18px);

  margin-top: 46px;
  padding-top: 30px;
}


/* خط افقی اتصال زیرمجموعه‌ها */

.shani-about26__brand-children::before {
  content: "";

  position: absolute;
  top: 0;
  right: 12.5%;
  left: 12.5%;

  height: 1px;

  background:
    linear-gradient(
      90deg,
      rgba(240, 56, 64, 0.08),
      rgba(240, 56, 64, 0.5) 20%,
      rgba(240, 56, 64, 0.5) 80%,
      rgba(240, 56, 64, 0.08)
    );

  pointer-events: none;
}


/* نقطه مرکزی شبکه */

.shani-about26__brand-children::after {
  content: "";

  position: absolute;
  top: -4px;
  left: 50%;

  width: 9px;
  height: 9px;

  border: 2px solid #fff;
  border-radius: 50%;

  background: var(--shani-about26-red);

  box-shadow:
    0 0 0 5px rgba(240, 56, 64, 0.09);

  transform: translateX(-50%);

  pointer-events: none;
}


/* کارت هر برند زیرمجموعه */

.shani-about26__brand-child {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;

  min-width: 0;
  min-height: 98px;
  padding: 19px;

  color: inherit;
  text-decoration: none;

  border: 1px solid rgba(24, 23, 22, 0.08);
  border-radius: 21px;

  background: rgba(255, 255, 255, 0.74);

  box-shadow:
    0 12px 30px rgba(35, 25, 20, 0.035);

  transition:
    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.4s ease,
    background-color 0.4s ease,
    box-shadow 0.4s ease;
}


/* شاخه عمودی هر برند */

.shani-about26__brand-child::before {
  content: "";

  position: absolute;
  bottom: 100%;
  left: 50%;

  width: 1px;
  height: 30px;

  background:
    linear-gradient(
      to bottom,
      rgba(240, 56, 64, 0.4),
      rgba(240, 56, 64, 0.14)
    );

  transform: translateX(-50%);

  pointer-events: none;
}


/* نقطه اتصال هر برند */

.shani-about26__brand-child::after {
  content: "";

  position: absolute;
  top: -34px;
  left: 50%;

  width: 6px;
  height: 6px;

  border-radius: 50%;
  background: rgba(240, 56, 64, 0.72);

  transform: translateX(-50%);

  transition:
    transform 0.4s ease,
    background-color 0.4s ease;

  pointer-events: none;
}

.shani-about26__brand-child img {
  display: block;

  width: 100%;
  max-width: 112px;
  height: 50px;

  object-fit: contain;

  filter: grayscale(1);
  opacity: 0.58;

  transition:
    filter 0.4s ease,
    opacity 0.4s ease,
    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}


/* =====================================================
   HOVER
===================================================== */

@media (hover: hover) {

  .shani-about26__brand-parent:hover {
    transform: translateY(-5px);

    border-color: rgba(240, 56, 64, 0.34);

    box-shadow:
      0 30px 70px rgba(55, 20, 20, 0.14);
  }

  .shani-about26__brand-parent:hover img {
    transform: scale(1.05);
  }

  .shani-about26__brand-child:hover {
    transform: translateY(-6px);

    border-color: rgba(240, 56, 64, 0.25);
    background: #fff;

    box-shadow:
      0 22px 45px rgba(45, 25, 20, 0.08);
  }

  .shani-about26__brand-child:hover::after {
    transform:
      translateX(-50%)
      scale(1.65);

    background: var(--shani-about26-red);
  }

  .shani-about26__brand-child:hover img {
    filter: grayscale(0);
    opacity: 1;
    transform: scale(1.06);
  }

}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 900px) {

  .shani-about26__brand-family {
    padding-inline: 24px;
  }

  .shani-about26__brand-children {
    gap: 10px;
  }

  .shani-about26__brand-child {
    min-height: 90px;
    padding: 15px;
  }

  .shani-about26__brand-child img {
    max-width: 95px;
    height: 44px;
  }

}


/* =====================================================
   MOBILE NETWORK
===================================================== */

@media (max-width: 650px) {

  .shani-about26__brand-family {
    padding:
      30px
      17px
      34px;

    border-radius: 27px;
  }

  .shani-about26__brand-family-head {
    margin-bottom: 34px;
  }

  .shani-about26__brand-family-head h3 {
    font-size: 30px;
  }

  .shani-about26__brand-family-head p {
    max-width: 420px;

    font-size: 11px;
  }

  .shani-about26__brand-parent {
    width: 190px;
    min-height: 108px;
    padding: 23px;

    border-radius: 24px;
  }

  .shani-about26__brand-parent::after {
    height: 40px;
  }

  .shani-about26__brand-parent img {
    max-width: 130px;
    height: 55px;
  }

  .shani-about26__brand-children {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 24px;

    margin-top: 40px;
    padding-top: 29px;
  }


  /* خط افقی دسکتاپ در موبایل حذف می‌شود */

  .shani-about26__brand-children::before {
    top: 0;
    right: auto;
    bottom: 0;
    left: 50%;

    width: 1px;
    height: auto;

    background:
      linear-gradient(
        to bottom,
        rgba(240, 56, 64, 0.42),
        rgba(240, 56, 64, 0.08)
      );

    transform: translateX(-50%);
  }

  .shani-about26__brand-children::after {
    top: -4px;
  }

  .shani-about26__brand-child {
    min-height: 92px;
    padding: 17px;

    border-radius: 19px;
  }


  /* اتصال برندهای ستون راست به خط وسط */

  .shani-about26__brand-child:nth-child(odd)::before {
    top: 50%;
    bottom: auto;
    left: -24px;

    width: 24px;
    height: 1px;

    background:
      linear-gradient(
        to left,
        rgba(240, 56, 64, 0.38),
        rgba(240, 56, 64, 0.1)
      );

    transform: none;
  }


  /* اتصال برندهای ستون چپ به خط وسط */

  .shani-about26__brand-child:nth-child(even)::before {
    top: 50%;
    right: -24px;
    bottom: auto;
    left: auto;

    width: 24px;
    height: 1px;

    background:
      linear-gradient(
        to right,
        rgba(240, 56, 64, 0.38),
        rgba(240, 56, 64, 0.1)
      );

    transform: none;
  }

  .shani-about26__brand-child::after {
    display: none;
  }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 390px) {

  .shani-about26__brand-family-head h3 {
    font-size: 27px;
  }

  .shani-about26__brand-children {
    gap: 11px 18px;
  }

  .shani-about26__brand-child {
    min-height: 84px;
    padding: 13px;
  }

  .shani-about26__brand-child img {
    max-width: 86px;
    height: 40px;
  }

  .shani-about26__brand-child:nth-child(odd)::before {
    left: -18px;
    width: 18px;
  }

  .shani-about26__brand-child:nth-child(even)::before {
    right: -18px;
    width: 18px;
  }

}


/* =====================================================
   REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {

  .shani-about26__brand-parent,
  .shani-about26__brand-parent img,
  .shani-about26__brand-child,
  .shani-about26__brand-child img,
  .shani-about26__brand-child::after {
    transition: none !important;
  }

}




/* =====================================================
   SHANI PRODUCT ROUTES 2027
   Product-first showcase. No cards, no autoplay.
===================================================== */

.shani-paths27,
.shani-paths27 * {
  box-sizing: border-box;
}

.shani-paths27 {
  --shani-paths-red: #ef3942;
  --shani-paths-ink: #171514;
  --shani-paths-paper: #f7f3ec;
  --shani-paths-muted: #746e69;
  --shani-paths-line: rgba(23, 21, 20, 0.12);
  --shani-paths-active: #ef3942;
  position: relative;
  padding: clamp(84px, 8vw, 122px) 5vw clamp(72px, 7vw, 105px);
  direction: rtl;
  color: var(--shani-paths-ink);
  background:
    radial-gradient(circle at 84% 16%, rgba(239, 57, 66, 0.085), transparent 25%),
    radial-gradient(circle at 12% 82%, rgba(239, 57, 66, 0.045), transparent 24%),
    linear-gradient(180deg, #faf7f1 0%, var(--shani-paths-paper) 100%);
  overflow: hidden;
  isolation: isolate;
}

.shani-paths27::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(23, 21, 20, 0.08), transparent);
  pointer-events: none;
}

.shani-paths27__shell {
  position: relative;
  z-index: 2;
  width: min(1480px, 100%);
  margin-inline: auto;
}

/* ---------- Heading ---------- */

.shani-paths27__header {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(270px, 0.52fr);
  align-items: end;
  gap: clamp(36px, 6vw, 92px);
  margin-bottom: clamp(26px, 3.4vw, 52px);
}

.shani-paths27__section-id {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 17px;
  color: var(--shani-paths-red);
  font-size: 11px;
  font-weight: 800;
}

.shani-paths27__section-id i {
  width: 42px;
  height: 1px;
  background: currentColor;
}

.shani-paths27__heading h2 {
  margin: 0;
  max-width: 760px;
  font-size: clamp(43px, 5.3vw, 78px);
  line-height: 0.98;
  font-weight: 900;
  letter-spacing: -0.065em;
}

.shani-paths27__heading h2 > span,
.shani-paths27__heading h2 > strong {
  display: block;
}

.shani-paths27__heading h2 > strong {
  margin-top: 9px;
  color: var(--shani-paths-red);
  font-size: 0.58em;
  font-weight: 350;
  letter-spacing: -0.045em;
}

.shani-paths27__intro {
  padding-bottom: 4px;
}

.shani-paths27__intro > p {
  margin: 0;
  color: var(--shani-paths-muted);
  font-size: 12px;
  line-height: 2.05;
}

.shani-paths27__meta {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-top: 20px;
  direction: ltr;
}

.shani-paths27__meta strong {
  color: var(--shani-paths-red);
  font-size: 31px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.06em;
}

.shani-paths27__meta span {
  padding-inline-start: 11px;
  border-inline-start: 1px solid rgba(23, 21, 20, 0.14);
  color: rgba(23, 21, 20, 0.38);
  font-family: Arial, sans-serif;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.14em;
}

/* ---------- Product stage ---------- */

.shani-paths27__showcase {
  position: relative;
  min-height: 590px;
}

.shani-paths27__watermark {
  position: absolute;
  top: 5px;
  left: 50%;
  z-index: -1;
  display: flex;
  align-items: baseline;
  gap: 22px;
  transform: translateX(-50%);
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
}

.shani-paths27__watermark b {
  color: transparent;
  -webkit-text-stroke: 1px rgba(23, 21, 20, 0.055);
  font-family: Arial, sans-serif;
  font-size: clamp(116px, 16vw, 238px);
  line-height: 0.72;
  font-weight: 900;
  letter-spacing: -0.09em;
}

.shani-paths27__watermark span {
  color: rgba(23, 21, 20, 0.045);
  font-family: Arial, sans-serif;
  font-size: clamp(25px, 3.7vw, 58px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.shani-paths27__stage {
  --route-item-width: 226px;
  --route-visual-height: 282px;
  --route-node-offset: 300px;
  position: relative;
  height: 430px;
  margin-inline: -1.5%;
  isolation: isolate;
}

.shani-paths27__route {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

.shani-paths27__route-shadow,
.shani-paths27__route-line {
  fill: none;
  vector-effect: non-scaling-stroke;
}

.shani-paths27__route-shadow {
  stroke: rgba(255, 255, 255, 0.74);
  stroke-width: 7;
}

.shani-paths27__route-line {
  stroke: rgba(23, 21, 20, 0.18);
  stroke-width: 1.2;
  stroke-dasharray: 3 7;
}

.shani-paths27__item {
  --path-accent: #ef3942;
  --path-soft: rgba(239, 57, 66, 0.16);
  --route-x: 50%;
  --route-y: 300px;
  --route-scale: 0.9;
  --route-rotate: 0deg;
  position: absolute;
  top: calc(var(--route-y) - var(--route-node-offset));
  left: var(--route-x);
  z-index: 3;
  display: block;
  width: var(--route-item-width);
  min-height: calc(var(--route-node-offset) + 86px);
  color: inherit;
  text-decoration: none;
  transform: translateX(-50%);
  transform-origin: center bottom;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.42s ease, filter 0.42s ease, z-index 0s;
}

/* Desktop positions are injected from the current visible category count.
   Five categories are the visual baseline, while fewer/more terms rebalance automatically. */

.shani-paths27__visual {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: var(--route-visual-height);
  transform: scale(var(--route-scale)) rotate(var(--route-rotate));
  transform-origin: 50% 82%;
  transition: transform 0.58s cubic-bezier(0.22, 1, 0.36, 1), filter 0.42s ease;
}

.shani-paths27__visual img {
  display: block;
  width: 146%;
  max-width: none;
  max-height: var(--route-visual-height);
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 24px 18px rgba(45, 24, 19, 0.18));
  user-select: none;
  transition: filter 0.48s ease;
}

.shani-paths27__halo {
  position: absolute;
  top: 46%;
  left: 50%;
  z-index: 1;
  width: 194px;
  height: 194px;
  border-radius: 50%;
  background: radial-gradient(circle, var(--path-soft) 0%, rgba(255,255,255,.18) 42%, transparent 70%);
  opacity: 0.22;
  transform: translate(-50%, -50%) scale(.8);
  transition: opacity 0.48s ease, transform 0.58s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
}

.shani-paths27__node {
  position: absolute;
  top: var(--route-node-offset);
  left: 50%;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 7px;
  transform: translateX(-50%);
  pointer-events: none;
}

.shani-paths27__node i {
  position: relative;
  display: block;
  width: 10px;
  height: 10px;
  border: 3px solid var(--shani-paths-paper);
  border-radius: 50%;
  background: rgba(23, 21, 20, 0.32);
  box-shadow: 0 0 0 1px rgba(23, 21, 20, 0.12);
  transition: width .38s ease, height .38s ease, background .38s ease, box-shadow .38s ease;
}

.shani-paths27__node small {
  color: rgba(23, 21, 20, 0.35);
  font-size: 9px;
  font-weight: 800;
  transition: color .35s ease;
}

.shani-paths27__label {
  position: absolute;
  top: calc(var(--route-node-offset) + 24px);
  right: 50%;
  z-index: 4;
  display: grid;
  min-width: 160px;
  text-align: center;
  transform: translateX(50%);
  transition: transform .42s ease, opacity .42s ease;
}

.shani-paths27__label b {
  color: rgba(23, 21, 20, 0.72);
  font-size: 12px;
  line-height: 1.55;
  font-weight: 800;
  white-space: nowrap;
}

.shani-paths27__label small {
  margin-top: 4px;
  color: rgba(23, 21, 20, 0.28);
  font-family: Arial, sans-serif;
  font-size: 7px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.shani-paths27__mobile-copy {
  display: none;
}

.shani-paths27__item.is-active {
  z-index: 8;
}

.shani-paths27__item.is-active .shani-paths27__visual,
.shani-paths27__item:hover .shani-paths27__visual,
.shani-paths27__item:focus-visible .shani-paths27__visual {
  transform: translateY(-16px) scale(calc(var(--route-scale) * 1.08)) rotate(0deg);
}

.shani-paths27__item.is-active .shani-paths27__visual img,
.shani-paths27__item:hover .shani-paths27__visual img,
.shani-paths27__item:focus-visible .shani-paths27__visual img {
  filter: drop-shadow(0 35px 24px rgba(45, 24, 19, 0.25));
}

.shani-paths27__item.is-active .shani-paths27__halo,
.shani-paths27__item:hover .shani-paths27__halo,
.shani-paths27__item:focus-visible .shani-paths27__halo {
  opacity: .88;
  transform: translate(-50%, -50%) scale(1.25);
}

.shani-paths27__item.is-active .shani-paths27__node i,
.shani-paths27__item:hover .shani-paths27__node i,
.shani-paths27__item:focus-visible .shani-paths27__node i {
  width: 14px;
  height: 14px;
  background: var(--path-accent);
  box-shadow: 0 0 0 5px var(--path-soft);
}

.shani-paths27__item.is-active .shani-paths27__node small,
.shani-paths27__item:hover .shani-paths27__node small,
.shani-paths27__item:focus-visible .shani-paths27__node small {
  color: var(--path-accent);
}

.shani-paths27__item.is-active .shani-paths27__label,
.shani-paths27__item:hover .shani-paths27__label,
.shani-paths27__item:focus-visible .shani-paths27__label {
  transform: translateX(50%) translateY(3px);
}

.shani-paths27__item.is-active .shani-paths27__label b,
.shani-paths27__item:hover .shani-paths27__label b,
.shani-paths27__item:focus-visible .shani-paths27__label b {
  color: var(--shani-paths-ink);
}

.shani-paths27__stage.is-interacting .shani-paths27__item:not(.is-active) {
  opacity: .52;
  filter: saturate(.72);
}

.shani-paths27__item:focus-visible {
  outline: 1px dashed var(--path-accent);
  outline-offset: 10px;
  border-radius: 20px;
}

/* Mobile-only connective route segments are rendered per item so the route
   stays continuous inside the swipe track regardless of category count. */
.shani-paths27__mobile-route {
  display: none;
}

.shani-paths27__mobile-route svg,
.shani-paths27__mobile-route-shadow,
.shani-paths27__mobile-route-line {
  display: block;
  width: 100%;
  height: 100%;
}

.shani-paths27__mobile-route-shadow,
.shani-paths27__mobile-route-line {
  fill: none;
  vector-effect: non-scaling-stroke;
}

.shani-paths27__mobile-route-shadow {
  stroke: rgba(255, 255, 255, 0.84);
  stroke-width: 7;
}

.shani-paths27__mobile-route-line {
  stroke: rgba(23, 21, 20, 0.2);
  stroke-width: 1.2;
  stroke-dasharray: 3 7;
}

/* ---------- Category color accents ---------- */

.shani-paths27__item--canned  { --path-accent:#eb343d; --path-soft:rgba(235,52,61,.22); }
.shani-paths27__item--paste   { --path-accent:#cf202d; --path-soft:rgba(207,32,45,.22); }
.shani-paths27__item--jam     { --path-accent:#c12d61; --path-soft:rgba(193,45,97,.22); }
.shani-paths27__item--compote { --path-accent:#dc8426; --path-soft:rgba(220,132,38,.22); }
.shani-paths27__item--pickle  { --path-accent:#60873c; --path-soft:rgba(96,135,60,.22); }
.shani-paths27__item--oil     { --path-accent:#cf951a; --path-soft:rgba(207,149,26,.22); }
.shani-paths27__item--other   { --path-accent:#6759a5; --path-soft:rgba(103,89,165,.22); }

/* ---------- Active detail rail ---------- */

.shani-paths27__detail {
  position: relative;
  z-index: 9;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(22px, 3.5vw, 54px);
  min-height: 120px;
  padding: 22px 0 12px;
  border-top: 1px solid var(--shani-paths-line);
  background: transparent;
}

.shani-paths27__detail::before {
  content: "";
  position: absolute;
  top: -1px;
  right: 0;
  width: clamp(70px, 8vw, 124px);
  height: 2px;
  background: var(--shani-paths-active);
  transition: background .35s ease;
}

.shani-paths27__detail-index {
  display: flex;
  align-items: center;
  gap: 8px;
  direction: ltr;
}

.shani-paths27__detail-index strong {
  color: var(--shani-paths-active);
  font-size: 35px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.06em;
  transition: color .35s ease, opacity .2s ease, transform .25s ease;
}

.shani-paths27__detail-index i {
  width: 23px;
  height: 1px;
  background: rgba(23, 21, 20, .2);
}

.shani-paths27__detail-index small {
  color: rgba(23, 21, 20, .28);
  font-size: 10px;
  font-weight: 800;
}

.shani-paths27__detail-copy > span {
  display: block;
  min-height: 18px;
  margin-bottom: 3px;
  color: var(--shani-paths-active);
  font-size: 10px;
  font-weight: 800;
  transition: color .35s ease;
}

.shani-paths27__detail-copy h3 {
  margin: 0;
  color: var(--shani-paths-ink);
  font-size: clamp(21px, 2vw, 30px);
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -.035em;
}

.shani-paths27__detail-copy p {
  max-width: 680px;
  margin: 7px 0 0;
  color: var(--shani-paths-muted);
  font-size: 11px;
  line-height: 1.9;
}

.shani-paths27__detail-copy.is-changing,
.shani-paths27__detail-index strong.is-changing {
  opacity: .28;
  transform: translateY(4px);
}

.shani-paths27__detail-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: max-content;
  padding: 11px 0 11px 16px;
  color: var(--shani-paths-ink);
  text-decoration: none;
  font-size: 11px;
  font-weight: 800;
  transition: color .3s ease;
}

.shani-paths27__detail-link i {
  display: grid;
  width: 31px;
  height: 31px;
  place-items: center;
  border: 1px solid rgba(23, 21, 20, .14);
  border-radius: 50%;
  color: var(--shani-paths-active);
  font-style: normal;
  transition: color .3s ease, background .3s ease, border-color .3s ease, transform .3s ease;
}

.shani-paths27__detail-link:hover,
.shani-paths27__detail-link:focus-visible {
  color: var(--shani-paths-active);
}

.shani-paths27__detail-link:hover i,
.shani-paths27__detail-link:focus-visible i {
  color: #fff;
  border-color: var(--shani-paths-active);
  background: var(--shani-paths-active);
  transform: translate(-2px, 2px);
}

.shani-paths27__hint {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  margin: 11px 0 0;
  color: rgba(23, 21, 20, .36);
  font-size: 9px;
  font-weight: 600;
}

.shani-paths27__hint span {
  width: 23px;
  height: 1px;
  background: currentColor;
}

/* ---------- Reveal ---------- */

.js .shani-paths27:not(.is-in-view) .shani-paths27__item {
  opacity: 0;
}

.js .shani-paths27:not(.is-in-view) .shani-paths27__detail,
.js .shani-paths27:not(.is-in-view) .shani-paths27__route,
.js .shani-paths27:not(.is-in-view) .shani-paths27__watermark {
  opacity: 0;
}

.shani-paths27.is-in-view .shani-paths27__item {
  animation: shaniPathsItemIn .72s cubic-bezier(.22,1,.36,1) both;
  animation-delay: calc(var(--shani-path-reveal, 0) * 70ms);
}

.shani-paths27.is-in-view .shani-paths27__item:nth-of-type(1) { --shani-path-reveal: 1; }
.shani-paths27.is-in-view .shani-paths27__item:nth-of-type(2) { --shani-path-reveal: 2; }
.shani-paths27.is-in-view .shani-paths27__item:nth-of-type(3) { --shani-path-reveal: 3; }
.shani-paths27.is-in-view .shani-paths27__item:nth-of-type(4) { --shani-path-reveal: 4; }
.shani-paths27.is-in-view .shani-paths27__item:nth-of-type(5) { --shani-path-reveal: 5; }
.shani-paths27.is-in-view .shani-paths27__item:nth-of-type(6) { --shani-path-reveal: 6; }
.shani-paths27.is-in-view .shani-paths27__item:nth-of-type(7) { --shani-path-reveal: 7; }

.shani-paths27.is-in-view .shani-paths27__detail,
.shani-paths27.is-in-view .shani-paths27__route,
.shani-paths27.is-in-view .shani-paths27__watermark {
  animation: shaniPathsFadeIn .65s .18s ease both;
}

@keyframes shaniPathsItemIn {
  from { opacity: 0; transform: translateX(-50%) translateY(24px); }
  to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}

@keyframes shaniPathsFadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ---------- Tablet / mobile: swipe only, no fake carousel ---------- */

@media (max-width: 1080px) {
  .shani-paths27__header {
    grid-template-columns: minmax(0, 1fr) minmax(235px, .48fr);
    gap: 34px;
  }

  .shani-paths27__stage {
    margin-inline: -3%;
  }

  .shani-paths27__label b {
    font-size: 11px;
  }

  .shani-paths27__detail {
    grid-template-columns: minmax(0,1fr) auto;
  }
}

@media (max-width: 900px) {
  .shani-paths27 {
    padding-inline: 0;
  }

  .shani-paths27__shell {
    width: 100%;
  }

  .shani-paths27__header {
    grid-template-columns: 1fr;
    padding-inline: 6vw;
    gap: 22px;
  }

  .shani-paths27__heading h2 {
    max-width: 620px;
    font-size: clamp(42px, 8.4vw, 64px);
  }

  .shani-paths27__intro {
    max-width: 560px;
  }

  .shani-paths27__showcase {
    min-height: 500px;
  }

  .shani-paths27__watermark {
    top: 10px;
  }

  .shani-paths27__watermark span {
    display: none;
  }

  .shani-paths27__stage {
    display: flex;
    align-items: stretch;
    gap: 0;
    height: auto;
    min-height: 390px;
    margin: 0;
    padding: 30px 13vw 28px;
    overflow-x: auto;
    overflow-y: visible;
    direction: rtl;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 13vw;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .shani-paths27__stage::-webkit-scrollbar {
    display: none;
  }

  .shani-paths27__route {
    display: none;
  }

  .shani-paths27__item,
  .shani-paths27__item:nth-of-type(n) {
    --route-scale: 1;
    --route-rotate: 0deg;
    position: relative;
    top: auto;
    left: auto;
    flex: 0 0 70vw;
    width: 70vw;
    min-height: 350px;
    padding-inline: 4vw;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    scroll-snap-align: center;
  }

  .shani-paths27__visual {
    height: 258px;
    transform: none !important;
  }

  .shani-paths27__visual img {
    width: min(138%, 430px);
    max-height: 258px;
  }

  .shani-paths27__halo {
    width: 205px;
    height: 205px;
    opacity: .55;
    transform: translate(-50%, -50%) scale(1);
  }

  .shani-paths27__node {
    top: 258px;
  }

  .shani-paths27__label {
    position: relative;
    top: auto;
    right: auto;
    display: grid;
    min-width: 0;
    margin-top: 25px;
    transform: none !important;
  }

  .shani-paths27__label b {
    font-size: 16px;
  }

  .shani-paths27__label small {
    margin-top: 6px;
    font-size: 8px;
  }

  .shani-paths27__mobile-copy {
    display: grid;
    gap: 7px;
    max-width: 330px;
    margin: 15px auto 0;
    text-align: center;
  }

  .shani-paths27__mobile-copy em {
    color: var(--path-accent);
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
  }

  .shani-paths27__mobile-copy > span {
    color: var(--shani-paths-muted);
    font-size: 10px;
    line-height: 1.85;
  }

  .shani-paths27__mobile-copy strong {
    margin-top: 3px;
    color: var(--shani-paths-ink);
    font-size: 10px;
    font-weight: 800;
  }

  .shani-paths27__mobile-copy strong i {
    color: var(--path-accent);
    font-style: normal;
  }

  .shani-paths27__detail {
    display: none;
  }

  .shani-paths27__hint {
    justify-content: center;
    margin-top: 4px;
    padding-inline: 6vw;
  }

  .shani-paths27__hint::after {
    content: "برای مشاهده دسته‌ها به چپ و راست بکشید";
  }

  .shani-paths27__hint {
    font-size: 0;
  }

  .shani-paths27__hint::after {
    font-size: 9px;
  }
}

@media (max-width: 575px) {
  .shani-paths27 {
    padding-top: 72px;
    padding-bottom: 68px;
  }

  .shani-paths27__header {
    padding-inline: 22px;
  }

  .shani-paths27__section-id {
    margin-bottom: 13px;
  }

  .shani-paths27__heading h2 {
    font-size: clamp(39px, 12vw, 54px);
  }

  .shani-paths27__heading h2 > strong {
    font-size: .61em;
  }

  .shani-paths27__intro > p {
    font-size: 11px;
  }

  .shani-paths27__meta {
    margin-top: 16px;
  }

  .shani-paths27__meta strong {
    font-size: 27px;
  }

  .shani-paths27__stage {
    min-height: 375px;
    padding-inline: 10vw;
    scroll-padding-inline: 10vw;
  }

  .shani-paths27__item,
  .shani-paths27__item:nth-of-type(n) {
    flex-basis: 80vw;
    width: 80vw;
    padding-inline: 3vw;
  }

  .shani-paths27__visual {
    height: 238px;
  }

  .shani-paths27__visual img {
    max-height: 238px;
  }

  .shani-paths27__node {
    top: 238px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .shani-paths27 *,
  .shani-paths27 *::before,
  .shani-paths27 *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}


/* =====================================================
   SHANI WHY — FARM STORY 2026
===================================================== */

.shani-why27,
.shani-why27 * {
  box-sizing: border-box;
}

.shani-why27 {
  --shani-why27-red: #f03840;
  --shani-why27-white: #fff;
  position: relative;
  min-height: clamp(500px, 40vw, 575px);
  color: var(--shani-why27-white);
  background: #171514;
  direction: rtl;
  overflow: hidden;
  isolation: isolate;
}

.shani-why27::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -3;
  background-image: var(--shani-why27-cover, url("../images/others/why-shani-farm.webp"));
  background-position: center 53%;
  background-size: cover;
  background-repeat: no-repeat;
  transform: none;
  filter: saturate(.96) contrast(1.01);
}

.shani-why27::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(90deg, rgba(8,7,7,.58) 0%, rgba(8,7,7,.25) 35%, rgba(8,7,7,.08) 66%, rgba(8,7,7,.12) 100%),
    linear-gradient(180deg, rgba(8,7,7,.18) 0%, rgba(8,7,7,.08) 48%, rgba(8,7,7,.38) 100%);
  pointer-events: none;
}

.shani-why27__backdrop {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(circle at 18% 45%, rgba(240,56,64,.10), transparent 31%);
  pointer-events: none;
}

.shani-why27__shell {
  position: relative;
  z-index: 2;
  width: min(1460px, calc(100% - 7vw));
  min-height: inherit;
  margin-inline: auto;
  padding: clamp(42px, 4.4vw, 64px) 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* One compact glass panel on the visual left. */
.shani-why27__intro-card {
  width: min(510px, 43vw);
  margin-right: auto;
  padding: clamp(24px, 2.3vw, 34px);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 30px;
  background: linear-gradient(145deg, rgba(19,17,17,.66), rgba(15,14,14,.34));
  box-shadow: 0 28px 70px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(22px) saturate(118%);
  -webkit-backdrop-filter: blur(22px) saturate(118%);
  opacity: 0;
  transform: translate3d(-22px,14px,0);
  transition: opacity .72s ease .06s, transform .9s cubic-bezier(.22,1,.36,1) .06s;
}

.shani-why27.is-visible .shani-why27__intro-card {
  opacity: 1;
  transform: translate3d(0,0,0);
}

.shani-why27__eyebrow {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0 0 12px;
  color: #ff5960;
  font-size: 11px;
  font-weight: 900;
}

.shani-why27__eyebrow > span {
  width: 36px;
  height: 1px;
  background: currentColor;
}

.shani-why27__intro-card h2 {
  margin: 0;
  font-size: clamp(31px, 3vw, 46px);
  line-height: 1.14;
  letter-spacing: -.05em;
  font-weight: 900;
}

.shani-why27__intro-card h2 > span,
.shani-why27__intro-card h2 > strong {
  display: block;
}

.shani-why27__intro-card h2 > strong {
  margin-top: 4px;
  font-weight: 350;
}

.shani-why27__intro {
  max-width: 450px;
  margin: 14px 0 0;
  color: rgba(255,255,255,.72);
  font-size: 11px;
  line-height: 1.95;
}

.shani-why27__reasons {
  display: grid;
  gap: 0;
  margin-top: 20px;
  padding-top: 4px;
  border-top: 1px solid rgba(255,255,255,.12);
}

.shani-why27__reason {
  display: grid;
  grid-template-columns: 44px minmax(0,1fr);
  gap: 14px;
  align-items: start;
  padding: 15px 2px;
  border-bottom: 1px solid rgba(255,255,255,.10);
  opacity: 0;
  transform: translateX(-14px);
  transition: opacity .55s ease, transform .7s cubic-bezier(.22,1,.36,1);
}

.shani-why27__reason:last-child {
  border-bottom: 0;
  padding-bottom: 2px;
}

.shani-why27.is-visible .shani-why27__reason {
  opacity: 1;
  transform: translateX(0);
}

.shani-why27.is-visible .shani-why27__reason:nth-child(1) { transition-delay: .27s; }
.shani-why27.is-visible .shani-why27__reason:nth-child(2) { transition-delay: .37s; }
.shani-why27.is-visible .shani-why27__reason:nth-child(3) { transition-delay: .47s; }

.shani-why27__reason-top {
  display: flex;
  align-items: center;
  gap: 7px;
  padding-top: 4px;
}

.shani-why27__number {
  color: #ff5960;
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .03em;
}

.shani-why27__mini-line {
  width: 14px;
  height: 1px;
  background: rgba(240,56,64,.72);
}

.shani-why27__reason-copy h3 {
  margin: 0;
  color: #fff;
  font-size: clamp(13px, 1vw, 15px);
  line-height: 1.55;
  font-weight: 900;
  letter-spacing: -.025em;
}

.shani-why27__reason-copy h3 span,
.shani-why27__reason-copy h3 strong {
  display: inline;
}

.shani-why27__reason-copy h3 strong {
  margin-right: 4px;
  font-weight: 900;
}

.shani-why27__reason-copy p {
  margin: 5px 0 0;
  color: rgba(255,255,255,.52);
  font-size: 9px;
  line-height: 1.8;
}

@media (max-width: 980px) {
  .shani-why27 {
    min-height: 540px;
  }

  .shani-why27::before {
    background-position: 58% center;
  }

  .shani-why27__shell {
    width: min(100% - 40px, 900px);
    padding: 38px 0;
  }

  .shani-why27__intro-card {
    width: min(500px, 60vw);
  }
}

@media (max-width: 720px) {
  .shani-why27 {
    min-height: auto;
  }

  .shani-why27::before {
    background-position: 61% center;
  }

  .shani-why27::after {
    background: linear-gradient(180deg, rgba(8,7,7,.18) 0%, rgba(8,7,7,.34) 48%, rgba(8,7,7,.7) 100%);
  }

  .shani-why27__shell {
    width: calc(100% - 28px);
    min-height: 570px;
    padding: 38px 0;
    align-items: flex-end;
  }

  .shani-why27__intro-card {
    width: 100%;
    margin: 0;
    padding: 23px 20px;
    border-radius: 25px;
    background: linear-gradient(145deg, rgba(18,16,16,.70), rgba(15,14,14,.45));
  }

  .shani-why27__intro-card h2 {
    font-size: clamp(31px, 9vw, 40px);
  }

  .shani-why27__reason {
    grid-template-columns: 38px minmax(0,1fr);
    gap: 10px;
    padding: 13px 0;
  }

  .shani-why27__reason-copy h3 {
    font-size: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .shani-why27__intro-card,
  .shani-why27__reason {
    transition: none !important;
    opacity: 1;
    transform: none;
  }
}


/* =====================================================
   SHANI RECIPE JOURNAL 2026
===================================================== */

.shani-journal26,
.shani-journal26 * {
  box-sizing: border-box;
}

.shani-journal26 {
  --shani-journal26-red: #f03840;
  --shani-journal26-ink: #191716;
  --shani-journal26-paper: #f5efe5;
  --shani-journal26-white: #ffffff;
  --shani-journal26-muted: #736c66;
  --shani-journal26-line: rgba(25, 23, 22, 0.1);

  position: relative;

  padding:
    clamp(75px, 7vw, 110px)
    5vw
    clamp(75px, 7vw, 105px);

  direction: rtl;
  color: var(--shani-journal26-ink);

  background:
    radial-gradient(
      circle at 78% 14%,
      rgba(240, 56, 64, 0.08),
      transparent 24%
    ),
    radial-gradient(
      circle at 8% 85%,
      rgba(205, 145, 54, 0.08),
      transparent 23%
    ),
    var(--shani-journal26-paper);

  overflow: hidden;
  isolation: isolate;padding-bottom: 280px;
}


/* نوشته بزرگ پس‌زمینه */

.shani-journal26::before {
  content: "RECIPE JOURNAL";

  position: absolute;
  top: 38px;
  left: 50%;
  z-index: -1;

  transform: translateX(-50%);

  color: transparent;

  font-size: clamp(80px, 15vw, 230px);
  line-height: 0.75;
  font-weight: 900;
  letter-spacing: -0.08em;
  white-space: nowrap;

  -webkit-text-stroke:
    1px rgba(25, 23, 22, 0.045);

  pointer-events: none;
}


.shani-journal26__shell {
  position: relative;
  z-index: 2;

  width: min(1450px, 100%);
  margin-inline: auto;
}


/* =====================================================
   TICKER
===================================================== */

.shani-journal26__ticker {
  margin-bottom: clamp(35px, 4vw, 55px);
  padding-block: 10px;

  border-top: 1px solid var(--shani-journal26-line);
  border-bottom: 1px solid var(--shani-journal26-line);

  overflow: hidden;
}


.shani-journal26__ticker-track {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(18px, 2vw, 30px);

  width: max-content;
  min-width: 100%;

  direction: ltr;

  animation:
    shani-journal26-ticker
    24s
    linear
    infinite;
}


.shani-journal26__ticker-track span {
  color: rgba(25, 23, 22, 0.43);

  font-size: 8px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.18em;
  white-space: nowrap;
}


.shani-journal26__ticker-track i {
  flex: 0 0 auto;

  width: 5px;
  height: 5px;

  border-radius: 50%;
  background: var(--shani-journal26-red);
}


@keyframes shani-journal26-ticker {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-12%);
  }
}


/* =====================================================
   HEADER
===================================================== */

.shani-journal26__header {
  display: grid;
  grid-template-columns:
    minmax(0, 1.2fr)
    minmax(280px, 0.55fr);

  align-items: end;
  gap: clamp(35px, 6vw, 95px);

  margin-bottom: clamp(31px, 4vw, 48px);
}


.shani-journal26__section-id {
  display: flex;
  align-items: center;
  gap: 12px;

  margin: 0 0 17px;

  color: var(--shani-journal26-red);

  font-size: 11px;
  font-weight: 800;
}


.shani-journal26__section-id span {
}


.shani-journal26__section-id i {
  display: block;

  width: 43px;
  height: 1px;

  background: currentColor;
}


.shani-journal26__heading h2 {
  margin: 0;

  font-size: clamp(48px, 5.8vw, 60px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.075em;
}


.shani-journal26__heading h2 span {
  display: block;

  margin-top: 8px;

  color: var(--shani-journal26-red);

  font-size: 0.65em;
  font-weight: 300;
}


.shani-journal26__header-side {
  padding-bottom: 5px;
}


.shani-journal26__header-side p {
  max-width: 470px;
  margin: 0;

  color: var(--shani-journal26-muted);

  font-size: 11px;
  line-height: 2;
}


.shani-journal26__all-link {
  display: inline-flex;
  align-items: center;
  gap: 11px;

  margin-top: 21px;

  color: var(--shani-journal26-ink);

  font-size: 10px;
  font-weight: 900;
  text-decoration: none;
}


.shani-journal26__all-link > span,
.shani-journal26__recipe-link > span {
  display: grid;
  place-items: center;

  width: 35px;
  height: 35px;

  color: #fff;

  border-radius: 50%;
  background: var(--shani-journal26-ink);

  font-size: 13px;

  transition:
    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
    background-color 0.35s ease,
    box-shadow 0.35s ease;
}


.shani-journal26__all-link:hover > span {
  background: var(--shani-journal26-red);

  transform: rotate(45deg);
}


/* =====================================================
   JOURNAL
===================================================== */

.shani-journal26__journal {
  position: relative;

  padding:
    14px
    14px
    0;

  border: 1px solid rgba(25, 23, 22, 0.09);
  border-radius: clamp(28px, 3vw, 42px);

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.78),
      rgba(242, 235, 224, 0.74)
    );

  box-shadow:
    0 30px 90px rgba(62, 38, 27, 0.075);

  overflow: hidden;
  isolation: isolate;
}


.shani-journal26__journal::before {
  content: "";

  position: absolute;
  inset: 0;
  z-index: -1;

  opacity: 0.11;
  mix-blend-mode: multiply;

  background-image:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='journalNoise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23journalNoise)' opacity='.2'/%3E%3C/svg%3E");

  pointer-events: none;
}


/* شمارنده بالا */

.shani-journal26__counter {
  position: absolute;
  top: 28px;
  left: 31px;
  z-index: 30;

  display: flex;
  align-items: baseline;
  gap: 6px;

  direction: ltr;
}


.shani-journal26__counter strong {
  color: var(--shani-journal26-red);

  font-size: 27px;
  line-height: 1;
  font-weight: 900;
}


.shani-journal26__counter span,
.shani-journal26__counter small {
  color: rgba(25, 23, 22, 0.28);

  font-size: 10px;
  font-weight: 700;
}


/* =====================================================
   VIEWPORT
===================================================== */

.shani-journal26__viewport {
  position: relative;

  height: 440px;

  overflow: hidden;
}


.shani-journal26__track {
  position: relative;

  width: 100%;
  height: 100%;
}


/* =====================================================
   PANEL
===================================================== */

.shani-journal26__panel {
  --shani-journal-accent: #f03840;
  --shani-journal-glow: rgba(240, 56, 64, 0.25);

  position: absolute;
  inset: 0;

  display: grid;
  grid-template-columns:
    minmax(0, 1.12fr)
    minmax(370px, 0.88fr);

  grid-template-areas:
    "media body";

  min-width: 0;

  border-radius: 31px;

  background: #fff;

  overflow: hidden;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transform: translateY(15px);

  transition:
    opacity 0.45s ease,
    visibility 0.45s ease,
    transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}


.shani-journal26__panel.is-active {
  z-index: 5;

  opacity: 1;
  visibility: visible;
  pointer-events: auto;

  transform: translateY(0);

  animation:
    shani-journal26-panel-reveal
    0.75s
    cubic-bezier(0.22, 1, 0.36, 1)
    both;
}


@keyframes shani-journal26-panel-reveal {
  from {
    opacity: 0;
    clip-path: inset(0 0 0 100%);
  }

  to {
    opacity: 1;
    clip-path: inset(0);
  }
}


/* =====================================================
   MEDIA
===================================================== */

.shani-journal26__media {
  --shani-journal-pointer-x: 50%;
  --shani-journal-pointer-y: 50%;

  position: relative;
  grid-area: media;

  min-width: 0;

  overflow: hidden;
  isolation: isolate;
}


.shani-journal26__media::after {
  content: "";

  position: absolute;
  inset: 0;
  z-index: 3;

  background:
    radial-gradient(
      circle at
      var(--shani-journal-pointer-x)
      var(--shani-journal-pointer-y),
      rgba(255, 255, 255, 0.22),
      transparent 24%
    );

  opacity: 0;

  transition: opacity 0.3s ease;

  pointer-events: none;
}


.shani-journal26__panel.is-active
.shani-journal26__media:hover::after {
  opacity: 1;
}


.shani-journal26__food-image {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transform: scale(1.07);

  transition:
    transform 1.1s cubic-bezier(0.22, 1, 0.36, 1);
}


.shani-journal26__panel.is-active
.shani-journal26__food-image {
  transform: scale(1);
}


.shani-journal26__media-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;

  background:
    linear-gradient(
      180deg,
      rgba(17, 10, 8, 0.12),
      transparent 48%,
      rgba(17, 10, 8, 0.38)
    ),
    linear-gradient(
      90deg,
      transparent 55%,
      rgba(17, 10, 8, 0.13)
    );

  pointer-events: none;
}


.shani-journal26__issue {
  position: absolute;
  top: 23px;
  right: 25px;
  z-index: 5;

  color: rgba(255, 255, 255, 0.78);

  font-size: 9px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.17em;
}


.shani-journal26__outline-number {
  position: absolute;
  right: 21px;
  bottom: 14px;
  z-index: 4;

  color: transparent;

  font-size: clamp(95px, 10vw, 155px);
  line-height: 0.8;
  font-weight: 900;
  letter-spacing: -0.09em;

  -webkit-text-stroke:
    1px rgba(255, 255, 255, 0.35);

  pointer-events: none;
}


/* دکمه ویدئو */

.shani-journal26__play {
position: absolute;
 bottom: -6px;
    left: 100px;
    z-index: 7;
    display: grid;
    place-items: center;
    width: fit-content;
    height: auto;
    padding: 0;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 10px;
    outline: none;
    background: rgba(25, 16, 13, 0.25);
    backdrop-filter: blur(13px);
    -webkit-backdrop-filter: blur(13px);
    cursor: pointer;
    transform: translate(-50%, -50%);
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.35s ease, border-color 0.35s ease;
    padding: 10px 15px;
}


.shani-journal26__play svg {
  width: 22px;
  height: 22px;

  fill: currentColor;
}


.shani-journal26__play:hover {
  border-color: var(--shani-journal-accent);
  background: var(--shani-journal-accent);

  transform:
    translate(-50%, -50%)
    scale(1.08);
}


.shani-journal26__play:focus-visible {
  box-shadow:
    0 0 0 4px rgba(255, 255, 255, 0.28);
}


/* مهر پیشنهاد */

.shani-journal26__editor-choice {
  position: absolute;
  top: 24px;
  left: 25px;
  z-index: 6;

  display: grid;
  place-items: center;

  width: 78px;
  height: 78px;

  color: #fff;

  border: 1px solid rgba(255, 255, 255, 0.54);
  border-radius: 50%;

  background: rgba(240, 56, 64, 0.83);

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  font-size: 7px;
  line-height: 1.5;
  text-align: center;

  box-shadow:
    0 16px 40px rgba(80, 0, 15, 0.24);

  transform: rotate(-9deg);
}


.shani-journal26__editor-choice strong {
  display: block;

  font-size: 11px;
}


/* =====================================================
   BODY
===================================================== */

.shani-journal26__body {
  position: relative;
  grid-area: body;

  display: flex;
  flex-direction: column;

  min-width: 0;
  padding:
    clamp(38px, 4vw, 57px)
    clamp(29px, 4vw, 53px)
    31px;

  background:
    repeating-linear-gradient(
      to bottom,
      transparent 0,
      transparent 43px,
      rgba(25, 23, 22, 0.035) 44px
    ),
    #fffdf9;

  overflow: hidden;
}


.shani-journal26__body::before {
  content: "";

  position: absolute;
  top: -80px;
  left: -70px;

  width: 210px;
  height: 210px;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      var(--shani-journal-glow),
      transparent 70%
    );

  pointer-events: none;
}


.shani-journal26__eyebrow {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;
  gap: 10px;

  margin-bottom: 11px;

  color: var(--shani-journal-accent);

  font-size: 9px;
  font-weight: 800;
}


.shani-journal26__eyebrow::before {
  content: "";

  width: 31px;
  height: 1px;

  background: currentColor;
}


.shani-journal26__body h3 {
  position: relative;
  z-index: 2;
display: flex;
  max-width: 510px;
  margin: 0;

  font-size: 28px;

  font-weight: 900;
  letter-spacing: -0.06em;
}


.shani-journal26__body h3 span {
  display: block;

  margin-top: 6px;

  color: var(--shani-journal-accent);

  font-size: 0.75em;
  font-weight: 400;
}


.shani-journal26__description {
  position: relative;
  z-index: 2;

  max-width: 500px;
  margin: 18px 0 0;

  color: var(--shani-journal26-muted);

  font-size: 11px;
  line-height: 2;
}


/* =====================================================
   META
===================================================== */

.shani-journal26__meta {
  position: relative;
  z-index: 2;

  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));

  margin-top: 22px;
  padding-block: 14px;

  border-top: 1px solid var(--shani-journal26-line);
  border-bottom: 1px solid var(--shani-journal26-line);
}


.shani-journal26__meta > div {
  padding-inline: 15px;

  border-left: 1px solid var(--shani-journal26-line);
}


.shani-journal26__meta > div:first-child {
  padding-right: 0;
}


.shani-journal26__meta > div:last-child {
  border-left: 0;
}


.shani-journal26__meta small {
  display: block;

  margin-bottom: 4px;

  color: #98908a;

  font-size: 12px;
  line-height: 1.5;
}


.shani-journal26__meta strong {
  display: block;

  font-size: 14px;
  line-height: 1.5;
  font-weight: 900;
}


/* =====================================================
   INGREDIENT PRODUCT
===================================================== */

.shani-journal26__ingredient {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;

  min-height: 96px;
  margin-top: auto;
  padding-top: 11px;
}


.shani-journal26__product-image {
  position: relative;
  z-index: 3;

  flex: 0 0 auto;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 150px;

}


.shani-journal26__product-image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: contain;

  filter:
    drop-shadow(0 20px 14px rgba(55, 28, 22, 0.2));

  transform: translateY(20px) scale(0.85);
  opacity: 0;

  transition:
    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.55s ease;
}


.shani-journal26__panel.is-active
.shani-journal26__product-image img {
  transform: translateY(0) scale(1);
  opacity: 1;
}


.shani-journal26__ingredient-line {
  display: flex;
  align-items: center;

  min-width: 0;
  flex: 1;
}


.shani-journal26__ingredient-line > i {
  flex: 1;

  min-width: 24px;
  height: 1px;
  margin-inline: 5px 12px;

  background:
    linear-gradient(
      to left,
      var(--shani-journal-accent),
      rgba(25, 23, 22, 0.08)
    );
}


.shani-journal26__ingredient-line small {
  display: block;

  margin-bottom: 4px;

  color: #9a918a;

  font-size: 12px;
}


.shani-journal26__ingredient-line strong {
  display: block;

  font-size: 14px;
  line-height: 1.6;
  font-weight: 900;
}


/* =====================================================
   RECIPE LINK
===================================================== */

.shani-journal26__recipe-link {
  position: absolute;
  left: clamp(27px, 3vw, 47px);
  bottom: 26px;
  z-index: 5;

  display: inline-flex;
  align-items: center;
  gap: 10px;

  color: var(--shani-journal26-ink);

  font-size: 9px;
  font-weight: 900;
  text-decoration: none;
}


.shani-journal26__recipe-link > span {
  background: var(--shani-journal-accent);

  box-shadow:
    0 11px 27px var(--shani-journal-glow);
}


.shani-journal26__recipe-link:hover > span {
  transform: rotate(45deg) scale(1.06);

  box-shadow:
    0 16px 35px var(--shani-journal-glow);
}


/* =====================================================
   COLORS
===================================================== */

.shani-journal26__panel--beans {
  --shani-journal-accent: #e53d43;
  --shani-journal-glow: rgba(229, 61, 67, 0.24);
}


.shani-journal26__panel--pasta {
  --shani-journal-accent: #c92630;
  --shani-journal-glow: rgba(201, 38, 48, 0.23);
}


.shani-journal26__panel--cheesecake {
  --shani-journal-accent: #c33369;
  --shani-journal-glow: rgba(195, 51, 105, 0.24);
}


.shani-journal26__panel--salad {
  --shani-journal-accent: #d19a25;
  --shani-journal-glow: rgba(209, 154, 37, 0.24);
}


.shani-journal26__panel--sandwich {
  --shani-journal-accent: #6d913f;
  --shani-journal-glow: rgba(109, 145, 63, 0.24);
}


/* =====================================================
   CONTROLS
===================================================== */

.shani-journal26__controls {
position: absolute;
    right: 32px;
    bottom: 110px;
    z-index: 30;
    display: flex;
    gap: 7px;
    flex-direction: row-reverse;
    transform: rotate(180deg);
}


.shani-journal26__control {
  display: grid;
  place-items: center;

  width: 39px;
  height: 39px;
  padding: 0;

  color: var(--shani-journal26-ink);

  border: 1px solid rgba(25, 23, 22, 0.11);
  border-radius: 50%;
  outline: none;

  background: rgba(255, 255, 255, 0.75);

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  cursor: pointer;

  transition:
    color 0.3s ease,
    background-color 0.3s ease,
    border-color 0.3s ease,
    transform 0.3s ease;
}


.shani-journal26__control svg {
  width: 17px;
  height: 17px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}


.shani-journal26__control:hover {
  color: #fff;

  border-color: var(--shani-journal26-red);
  background: var(--shani-journal26-red);

  transform: scale(1.07);
}


.shani-journal26__control:focus-visible {
  box-shadow:
    0 0 0 4px rgba(240, 56, 64, 0.18);
}


/* =====================================================
   RECIPE INDEX
===================================================== */

.shani-journal26__index {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));

  margin-top: 14px;

  border-top: 1px solid var(--shani-journal26-line);
}


.shani-journal26__index-item {
  position: relative;

  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;

  min-width: 0;
  min-height: 88px;
  padding: 17px 18px;

  direction: rtl;
  color: rgba(25, 23, 22, 0.5);
  text-align: right;

  border: 0;
  border-left: 1px solid var(--shani-journal26-line);
  outline: none;

  background: transparent;

  font: inherit;
  cursor: pointer;

  transition:
    color 0.35s ease,
    background-color 0.35s ease;
}


.shani-journal26__index-item:last-child {
  border-left: 0;
}


.shani-journal26__index-item > span {
  color: rgba(25, 23, 22, 0.25);

  font-size: 17px;
  line-height: 1;
  font-weight: 900;

  transition:
    color 0.35s ease,
    transform 0.35s ease;
}


.shani-journal26__index-item div {
  min-width: 0;
}


.shani-journal26__index-item strong {
  display: block;

  font-size: 14px;
  line-height: 1.6;
  font-weight: 900;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.shani-journal26__index-item small {
  display: block;

  margin-top: 3px;

  color: rgba(25, 23, 22, 0.35);

  font-size: 12px;
}


.shani-journal26__index-item > i {
  position: absolute;
  right: 17px;
  bottom: 0;
  left: 17px;

  height: 3px;

  border-radius: 999px;

  background: rgba(25, 23, 22, 0.08);

  overflow: hidden;
}


.shani-journal26__index-item > i::after {
  content: "";

  position: absolute;
  inset: 0;

  border-radius: inherit;
  background: var(--shani-journal26-red);

  transform: scaleX(0);
  transform-origin: right center;
}


.shani-journal26__index-item.is-active {
  color: var(--shani-journal26-ink);

  background: rgba(255, 255, 255, 0.44);
}


.shani-journal26__index-item.is-active > span {
  color: var(--shani-journal26-red);

  transform: translateY(-3px);
}


.shani-journal26__index-item.is-active > i::after {
  animation:
    shani-journal26-index-progress
    6.2s
    linear
    forwards;
}


.shani-journal26__journal.is-paused
.shani-journal26__index-item.is-active > i::after {
  animation-play-state: paused;
}


@keyframes shani-journal26-index-progress {
  from {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}


.shani-journal26__index-item:hover {
  color: var(--shani-journal26-ink);

  background: rgba(255, 255, 255, 0.42);
}


.shani-journal26__index-item:focus-visible {
  box-shadow:
    inset 0 0 0 3px rgba(240, 56, 64, 0.17);
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 1050px) {

  .shani-journal26__header {
    grid-template-columns: 1fr;
    gap: 22px;
  }


  .shani-journal26__header-side {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;

    max-width: 760px;
  }


  .shani-journal26__all-link {
    flex: 0 0 auto;
    margin-top: 0;
  }


  .shani-journal26__panel {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(330px, 0.9fr);
  }


  .shani-journal26__body {
    padding:
      38px
      30px
      25px;
  }


  .shani-journal26__body h3 {
    font-size: 39px;
  }


  .shani-journal26__description {
    font-size: 10px;
  }


  .shani-journal26__recipe-link {
    left: 28px;
  }


  .shani-journal26__index-item {
    padding-inline: 13px;
  }

}


/* =====================================================
   MOBILE — HORIZONTAL JOURNAL
===================================================== */

@media (max-width: 760px) {

  .shani-journal26 {
    padding:
      75px
      0
      65px;
  }


  .shani-journal26__ticker {
    margin-inline: 17px;
    margin-bottom: 32px;
  }


  .shani-journal26__header {
    margin-bottom: 27px;
    padding-inline: 17px;
  }


  .shani-journal26__heading h2 {
    font-size: clamp(44px, 13vw, 60px);
  }


  .shani-journal26__header-side {
    display: block;
  }


  .shani-journal26__header-side p {
    font-size: 10px;
  }


  .shani-journal26__all-link {
    margin-top: 16px;
  }


  .shani-journal26__journal {
    padding:
      0
      0
      68px;

    border-right: 0;
    border-left: 0;
    border-radius: 0;

    background: transparent;
    box-shadow: none;

    overflow: visible;
  }


  .shani-journal26__counter {
    display: none;
  }


  .shani-journal26__viewport {
    height: 465px;

    direction: ltr;

    overflow-x: auto;
    overflow-y: hidden;

    scroll-snap-type: x mandatory;
    scroll-padding-inline: 7vw;
    scrollbar-width: none;

    -webkit-overflow-scrolling: touch;
  }


  .shani-journal26__viewport::-webkit-scrollbar {
    display: none;
  }


  .shani-journal26__track {
    display: flex;
    gap: 13px;

    width: max-content;
    height: 100%;
    padding:
      9px
      7vw
      17px;

    direction: ltr;
  }


  .shani-journal26__panel {
    position: relative;
    inset: auto;

    flex: 0 0 86vw;

    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 54% 46%;
    grid-template-areas:
      "media"
      "body";

    width: 86vw;
    max-width: 390px;
    height: 430px;

    direction: rtl;

    border: 1px solid rgba(25, 23, 22, 0.08);
    border-radius: 27px;

    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    transform: none;

    box-shadow:
      0 24px 55px rgba(57, 35, 26, 0.13);

    scroll-snap-align: center;
    scroll-snap-stop: always;

    animation: none;
  }


  .shani-journal26__panel.is-active {
    animation: none;

    box-shadow:
      0 29px 67px rgba(57, 35, 26, 0.19);
  }


  .shani-journal26__media {
    min-height: 0;
  }


  .shani-journal26__issue {
    top: 18px;
    right: 18px;

    font-size: 6px;
  }


  .shani-journal26__outline-number {
    right: 15px;
    bottom: 8px;

    font-size: 83px;
  }


  .shani-journal26__play {
    width: 49px;
    height: 49px;
  }


  .shani-journal26__editor-choice {
    top: 17px;
    left: 17px;

    width: 64px;
    height: 64px;
  }


  .shani-journal26__body {
    padding:
      20px
      18px
      17px;

    background:
      repeating-linear-gradient(
        to bottom,
        transparent 0,
        transparent 38px,
        rgba(25, 23, 22, 0.03) 39px
      ),
      #fffdf9;
  }


  .shani-journal26__eyebrow {
    margin-bottom: 5px;

    font-size: 7px;
  }


  .shani-journal26__body h3 {
    max-width: calc(100% - 42px);

    font-size: 26px;
  }


  .shani-journal26__body h3 span {
    display: inline;

    margin: 0;

    font-size: inherit;
    font-weight: inherit;
  }


  .shani-journal26__description {
    display: none;
  }


  .shani-journal26__meta {
    margin-top: 12px;
    padding-block: 9px;
  }


  .shani-journal26__meta > div {
    padding-inline: 8px;
  }


  .shani-journal26__meta small {
    display: none;
  }


  .shani-journal26__meta strong {
    font-size: 8px;
  }


  .shani-journal26__ingredient {
    min-height: 63px;
    margin-top: 3px;
    padding-top: 0;
  }


  .shani-journal26__product-image {
    width: 54px;
    height: 62px;
  }


  .shani-journal26__product-image img,
  .shani-journal26__panel.is-active
  .shani-journal26__product-image img {
    transform: none;
    opacity: 1;
  }


  .shani-journal26__ingredient-line small {
    font-size: 6px;
  }


  .shani-journal26__ingredient-line strong {
    max-width: 140px;

    font-size: 8px;
  }


  .shani-journal26__recipe-link {
    left: 16px;
    bottom: 16px;

    font-size: 0;
  }


  .shani-journal26__recipe-link > span {
    width: 33px;
    height: 33px;
  }


  /* کنترل موبایل */

  .shani-journal26__controls {
    right: 17px;
    bottom: 13px;
  }


  .shani-journal26__control {
    width: 38px;
    height: 38px;
  }


  /* فهرست پایین در موبایل به Progress تبدیل می‌شود */

  .shani-journal26__index {
    position: absolute;
    right: 112px;
    bottom: 29px;
    left: 17px;

    display: flex;
    align-items: center;
    gap: 5px;

    margin: 0;

    border: 0;
  }


  .shani-journal26__index-item {
    flex: 1;

    display: block;

    min-height: 3px;
    padding: 0;

    border: 0;
    border-radius: 999px;

    background: rgba(25, 23, 22, 0.13);

    overflow: hidden;
  }


  .shani-journal26__index-item > span,
  .shani-journal26__index-item > div {
    display: none;
  }


  .shani-journal26__index-item > i {
    position: absolute;
    inset: 0;

    height: auto;

    background: transparent;
  }


  .shani-journal26__index-item.is-active {
    background: rgba(25, 23, 22, 0.13);
  }


  .shani-journal26__index-item.is-active > i::after {
    animation: none;

    transform: scaleX(1);
  }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 400px) {

  .shani-journal26__heading h2 {
    font-size: 43px;
  }


  .shani-journal26__viewport {
    height: 445px;
  }


  .shani-journal26__panel {
    flex-basis: 87vw;

    width: 87vw;
    height: 414px;
  }


  .shani-journal26__body {
    padding-inline: 15px;
  }


  .shani-journal26__body h3 {
    font-size: 23px;
  }

}


/* =====================================================
   REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {

  .shani-journal26__ticker-track,
  .shani-journal26__panel,
  .shani-journal26__food-image,
  .shani-journal26__product-image img,
  .shani-journal26__index-item > i::after {
    animation: none !important;
  }


  .shani-journal26__panel,
  .shani-journal26__food-image,
  .shani-journal26__product-image img,
  .shani-journal26__play,
  .shani-journal26__control,
  .shani-journal26__recipe-link > span {
    transition: none !important;
  }

}








/* =====================================================
   SHANI SIGNATURE FOOTER 2026
===================================================== */

.shani-footer26,
.shani-footer26 * {
  box-sizing: border-box;
}

.shani-footer26 {
  --shani-footer26-red: #f03840;
  --shani-footer26-red-dark: #c71f2c;
  --shani-footer26-black: #111010;
  --shani-footer26-soft-black: #181616;
  --shani-footer26-white: #f6f3ef;
  --shani-footer26-muted: rgba(255, 255, 255, 0.5);
  --shani-footer26-line: rgba(255, 255, 255, 0.09);

  position: relative;


  padding:
    0
    5vw
    26px;

  direction: rtl;
  color: var(--shani-footer26-white);

  background:
    radial-gradient(
      circle at 86% 22%,
      rgba(240, 56, 64, 0.09),
      transparent 23%
    ),
    linear-gradient(
      180deg,
      #151313,
      var(--shani-footer26-black)
    );

  isolation: isolate;
}


/* هاله پایین فوتر */

.shani-footer26::before {
  content: "";

  position: fixed;
  right: 10%;
  bottom: -170px;
  left: 10%;
  z-index: -1;

  height: 250px;

  border-radius: 50%;

  background:
    radial-gradient(
      ellipse,
      rgba(240, 56, 64, 0.1),
      transparent 68%
    );

  filter: blur(25px);

  pointer-events: none;
}


.shani-footer26__shell {
  width: min(1450px, 100%);
  margin-inline: auto;
}


/* =====================================================
   CTA
===================================================== */

.shani-footer26__cta {
position: relative;
    z-index: 3;
    padding: 25px 60px;
    border: 1px solid rgba(255, 255, 255, 0.17);
    border-radius: clamp(28px, 3vw, 43px);
    background: radial-gradient(circle at 10% 10%, rgba(255, 255, 255, 0.18), transparent 25%), linear-gradient(130deg, var(--shani-footer26-red), var(--shani-footer26-red-dark));
    box-shadow: 0 35px 95px rgba(80, 0, 15, 0.28);
    overflow: hidden;
    isolation: isolate;
    transform: translateY(-100px);
}


/* SHANI بزرگ پس‌زمینه */

.shani-footer26__cta-word {
  position: absolute;
  left: -15px;
  bottom: -48px;
  z-index: -1;

  color: transparent;

  font-size: clamp(130px, 20vw, 310px);
  line-height: 0.75;
  font-weight: 900;
  letter-spacing: -0.09em;

  -webkit-text-stroke:
    1px rgba(255, 255, 255, 0.1);

  pointer-events: none;
}


/* اطلاعات بالای CTA */

.shani-footer26__cta-top {
  display: flex;
  align-items: center;
  gap: 12px;

  margin-bottom: clamp(27px, 3vw, 42px);

  direction: ltr;

  color: rgba(255, 255, 255, 0.55);

  font-size: 9px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.16em;
}


.shani-footer26__cta-top i {
  display: block;

  width: 34px;
  height: 1px;

  background: rgba(255, 255, 255, 0.35);
}


/* چیدمان CTA */

.shani-footer26__cta-layout {
  display: grid;
  grid-template-columns:
    minmax(360px, 0.95fr)
    minmax(480px, 1.05fr);

  align-items: end;
  gap: clamp(50px, 8vw, 120px);
}


/* متن CTA */

.shani-footer26__cta-label {
  display: flex;
  align-items: center;
  gap: 11px;

  margin: 0 0 12px;

  color: rgba(255, 255, 255, 0.64);

  font-size: 9px;
  font-weight: 800;
}


.shani-footer26__cta-label::before {
  content: "";

  width: 32px;
  height: 1px;

  background: rgba(255, 255, 255, 0.7);
}


.shani-footer26__cta-copy h2 {
  max-width: 720px;
  margin: 0;

  color: #fff;

  font-size: clamp(40px, 5.2vw, 40px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.07em;
}


.shani-footer26__cta-copy h2 span {
  display: block;

  margin-top: 7px;

  font-weight: 300;
}


.shani-footer26__cta-description {
  max-width: 560px;
  margin: 21px 0 0;

  color: rgba(255, 255, 255, 0.69);
display: none;
  font-size: 10px;
  line-height: 2;
}


/* =====================================================
   CTA ACTIONS
===================================================== */




.shani-footer26__cta-action {
  position: relative;

  display: grid;
  grid-template-columns:
    28px
    minmax(0, 1fr)
    43px;

  align-items: center;
  gap: 16px;

  min-height: 82px;
  padding:
    13px
    2px;

  color: #fff;
  text-decoration: none;

  border-bottom: 1px solid rgba(255, 255, 255, 0.21);

  overflow: hidden;

  transition:
    padding 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}


.shani-footer26__cta-action::before {
  content: "";

  position: absolute;
  inset: 0;
  z-index: -1;

  background: rgba(255, 255, 255, 0.1);

  transform: scaleX(0);
  transform-origin: right center;

  transition:
    transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}


.shani-footer26__cta-number {
  color: rgba(255, 255, 255, 0.48);

  font-size: 16px;
  font-weight: 800;
}


.shani-footer26__cta-action-text {
  min-width: 0;
}


.shani-footer26__cta-action-text small {
  display: block;

  margin-bottom: 4px;

  color: rgba(255, 255, 255, 0.53);

  font-size: 14px;
  line-height: 1.5;
}


.shani-footer26__cta-action-text strong {
  display: block;

  font-size: clamp(13px, 1.15vw, 17px);
  line-height: 1.5;
  font-weight: 850;
}


.shani-footer26__cta-action-text [lang="en"] {
  direction: ltr;
  text-align: right;
}


.shani-footer26__cta-arrow {
  display: grid;
  place-items: center;

  width: 39px;
  height: 39px;

  color: var(--shani-footer26-red);

  border-radius: 50%;
  background: #fff;

  font-size: 13px;

  box-shadow:
    0 13px 28px rgba(94, 0, 17, 0.2);

  transition:
    color 0.4s ease,
    background-color 0.4s ease,
    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}


@media (hover: hover) {

  .shani-footer26__cta-action:hover {
    padding-inline: 15px;
  }


  .shani-footer26__cta-action:hover::before {
    transform: scaleX(1);
  }


  .shani-footer26__cta-action:hover
  .shani-footer26__cta-arrow {
    color: #fff;
    background: var(--shani-footer26-black);

    transform: rotate(45deg);
  }

}


/* =====================================================
   MAIN FOOTER
===================================================== */

.shani-footer26__main {
  display: grid;
  grid-template-columns:
    minmax(270px, 0.9fr)
    minmax(380px, 1.1fr)
    minmax(330px, 1fr);

  gap: clamp(45px, 6vw, 95px);

  margin-top: 8px;
  padding:
    clamp(25px, 3vw, 44px)
    0
    clamp(40px, 4vw, 60px);
	margin-top: unset;
    padding-top: unset;
}


/* =====================================================
   BRAND
===================================================== */

.shani-footer26__brand {
  position: relative;
}


.shani-footer26__brand::before {
  content: "";

  position: absolute;
  top: -60px;
  right: -70px;
  z-index: -1;

  width: 220px;
  height: 220px;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(240, 56, 64, 0.13),
      transparent 70%
    );

  pointer-events: none;
}


.shani-footer26__logo {
  display: inline-flex;
  align-items: center;

  max-width: 150px;

  text-decoration: none;
}


.shani-footer26__logo img {
  display: block;

  max-width: 100%;
  max-height: 72px;

  object-fit: contain;
}


.shani-footer26__brand-slogan {
    margin: unset;
    color: rgba(255, 255, 255, 0.7);
    font-size: 15px;
}


.shani-footer26__brand-slogan strong {
  display: block;

  color: #fff;

  font-size: clamp(21px, 2vw, 29px);
  line-height: 1.5;
  font-weight: 900;
}


.shani-footer26__brand-description {
max-width: 350px;
    margin: 3px 0 0;
    color: var(--shani-footer26-muted);
    font-size: 13px;
    line-height: 2;
}


.shani-footer26__brand-en {
  display: block;

  margin-top: 24px;

  color: rgba(255, 255, 255, 0.22);

  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.18em;
}


/* =====================================================
   COLUMN TITLE
===================================================== */

.shani-footer26__column-title {
  display: flex;
  align-items: center;
  gap: 11px;

  margin-bottom: 25px;
  padding-bottom: 13px;

  border-bottom: 1px solid var(--shani-footer26-line);
}


.shani-footer26__column-title span {
  color: var(--shani-footer26-red);

  font-size: 9px;
  font-weight: 900;
}


.shani-footer26__column-title h3 {
  margin: 0;

  color: #fff;

  font-size: 15px;
  font-weight: 900;
}


/* =====================================================
   LINKS
===================================================== */

.shani-footer26__links-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap:
    13px
    25px;
}


.shani-footer26__links-grid a {
  position: relative;

  display: inline-flex;
  align-items: center;
  gap: 9px;

  width: fit-content;

  color: var(--shani-footer26-muted);

  font-size: 13px;
  line-height: 1.7;
  font-weight: 700;
  text-decoration: none;

  transition:
    color 0.3s ease,
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}


.shani-footer26__links-grid a::before {
  content: "";

  flex: 0 0 auto;

  width: 4px;
  height: 4px;

  border-radius: 50%;
  background: rgba(255, 255, 255, 0.22);

  transition:
    background-color 0.3s ease,
    transform 0.35s ease;
}


.shani-footer26__links-grid a:hover {
  color: #fff;

  transform: translateX(-4px);
}


.shani-footer26__links-grid a:hover::before {
  background: var(--shani-footer26-red);

  transform: scale(1.5);
}


/* =====================================================
   CONTACT
===================================================== */

.shani-footer26__contact-list {
  font-style: normal;
}


.shani-footer26__contact-item small {
  display: block;

  margin-bottom: 7px;

  color: rgba(255, 255, 255, 0.32);

  font-size: 12px;
  font-weight: 700;
}


.shani-footer26__contact-item p {
  max-width: 390px;
  margin: 0;

  color: var(--shani-footer26-muted);

  font-size: 14px;
  line-height: 2;
}


.shani-footer26__contact-item a {
  display: inline-block;

  color: #fff;

  font-size: clamp(12px, 1.2vw, 16px);
  line-height: 1.6;
  font-weight: 700;
  text-decoration: none;

  transition: color 0.3s ease;
}


.shani-footer26__contact-item a:hover {
  color: var(--shani-footer26-red);
}


.shani-footer26__contact-row {
display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    margin-top: 0px;
    padding-top: 21px;
}


/* ارسال پیام */

.shani-footer26__message-link {
  display: inline-flex;
  align-items: center;
  gap: 11px;

  margin-top: 25px;

  color: #fff;

  font-size: 9px;
  font-weight: 900;
  text-decoration: none;
}


.shani-footer26__message-link i {
  display: grid;
  place-items: center;

  width: 32px;
  height: 32px;

  border-radius: 50%;
  background: var(--shani-footer26-red);

  font-size: 11px;
  font-style: normal;

  box-shadow:
    0 11px 26px rgba(240, 56, 64, 0.2);

  transition:
    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}


.shani-footer26__message-link:hover i {
  transform: rotate(45deg);
}


/* =====================================================
   SOCIAL
===================================================== */

.shani-footer26__social {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;

  padding:
    22px
    0;

  border-top: 1px solid var(--shani-footer26-line);
}


.shani-footer26__social-title {
  display: flex;
  align-items: center;
  gap: 11px;
}


.shani-footer26__social-title > span {
  display: block;

  width: 34px;
  height: 1px;

  background: var(--shani-footer26-red);
}


.shani-footer26__social-title p {
  margin: 0;

  color: var(--shani-footer26-muted);

  font-size: 12px;
  font-weight: 100;
}


.shani-footer26__social-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;

  gap:
    13px
    clamp(22px, 3vw, 43px);

  direction: ltr;
}


.shani-footer26__social-links a {
  position: relative;

  display: inline-flex;
  align-items: center;
  gap: 6px;

  padding-block: 4px;

  color: rgba(255, 255, 255, 0.67);

  font-size: 12px;
  font-weight: 600;
  text-decoration: none;

  transition: color 0.3s ease;
}


.shani-footer26__social-links a::after {
  content: "";

  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;

  height: 1px;

  background: var(--shani-footer26-red);

  transform: scaleX(0);
  transform-origin: left center;

  transition:
    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}


.shani-footer26__social-links i {
  color: var(--shani-footer26-red);

  font-size: 10px;
  font-style: normal;

  transition: transform 0.35s ease;
}


.shani-footer26__social-links a:hover {
  color: #fff;
}


.shani-footer26__social-links a:hover::after {
  transform: scaleX(1);
}


.shani-footer26__social-links a:hover i {
  transform:
    translate(2px, -2px);
}







/* =====================================================
   INSTAGRAM SPOTLIGHT
===================================================== */

.shani-footer26__instagram {
 position: relative;
    isolation: isolate;
    overflow: hidden;
    margin-top: 8px;
    padding: 50px 0px;
    color: #fff;
    padding-top: unset;

}


/* نوشته بزرگ پس‌زمینه */

.shani-footer26__instagram::before {
content: "INSTAGRAM";
    position: absolute;
    left: 14px;
    bottom: 48px;
    z-index: -1;
    color: transparent;
    font-size: clamp(75px, 12vw, 117px);
    line-height: 0.75;
    font-weight: 900;
    letter-spacing: -0.075em;
    white-space: nowrap;
    -webkit-text-stroke: 1px rgb(255 255 255 / 3%);
    pointer-events: none;
}





/* چیدمان اصلی */

.shani-footer26__instagram-inner {
 display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
}


/* آیکون اینستاگرام */

.shani-footer26__instagram-icon {
display: grid;
    place-items: center;
    width: 60px;
    height: 60px;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 27px;
    background: linear-gradient(145deg, #f03840, #be1831);
    box-shadow: 0 20px 45px rgba(150, 5, 35, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.22);
    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.5s ease;
    position: relative;
    left: -1px;
}

.shani-footer26__instagram-icon svg {
width: 70%;
    height: auto;
}


/* متن معرفی */

.shani-footer26__instagram-content {
  min-width: 0;
}

.shani-footer26__instagram-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;

  margin-bottom: 10px;

  color: rgba(255, 255, 255, 0.53);

  font-size: 10px;
  line-height: 1.8;
  font-weight: 700;
}

.shani-footer26__instagram-eyebrow::before {
  content: "";

  width: 25px;
  height: 1px;

  background: var(--shani-footer26-red);
}

.shani-footer26__instagram-content h2 {
  margin: 0;

  color: #fff;

  font-size: 32px;
  line-height: 1.35;
  font-weight: 400;
  letter-spacing: -0.045em;
}

.shani-footer26__instagram-content h2 strong {
  color: var(--shani-footer26-red);
  font-weight: 900;
}

.shani-footer26__instagram-content p {
  max-width: 610px;
  margin: 12px 0 0;
    display: none;
  color: rgba(255, 255, 255, 0.53);

  font-size: 11px;
  line-height: 2;
}
nav.shani-footer26__cta-actions a:last-child {
    border: none;
}

/* دکمه اینستاگرام */

.shani-footer26__instagram-button {
display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-width: 188px;
    min-height: 75px;
    padding: 0px 11px;
    color: #161414;
    text-decoration: none;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.2);
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s ease, background-color 0.4s ease;
}

.shani-footer26__instagram-button-text {
display: grid;
    gap: 0px;
    padding-right: 14px;
}

.shani-footer26__instagram-button-text small {
  color: #807b77;

  font-size: 9px;
  line-height: 1.5;
  font-weight: 600;
}

.shani-footer26__instagram-button-text strong {
  color: #171414;

  font-size: clamp(15px, 1.3vw, 19px);
  line-height: 1.4;
  font-weight: 800;
  letter-spacing: -0.02em;
}


/* فلش دکمه */

.shani-footer26__instagram-arrow {
  display: grid;
  place-items: center;
  flex: 0 0 auto;

  width: 50px;
  height: 50px;

  color: #fff;

  border-radius: 50%;
  background:
    linear-gradient(
      145deg,
      var(--shani-footer26-red),
      var(--shani-footer26-red-dark)
    );

  font-size: 18px;

  box-shadow:
    0 12px 28px rgba(180, 10, 40, 0.25);

  transition:
    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}


/* اطلاعات پایین کارت */

.shani-footer26__instagram-meta {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;

  margin-top: 22px;
  padding-top: 17px;

  color: rgba(255, 255, 255, 0.3);

  border-top: 1px solid rgba(255, 255, 255, 0.08);

  font-size: 8px;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.shani-footer26__instagram-meta span:first-child {
  display: flex;
  align-items: center;
  gap: 8px;

  letter-spacing: 0;
}

.shani-footer26__instagram-meta i {
  display: block;

  width: 6px;
  height: 6px;

  border-radius: 50%;
  background: var(--shani-footer26-red);

  box-shadow:
    0 0 0 5px rgba(240, 56, 64, 0.09);
}


/* حالت هاور */

@media (hover: hover) {

  .shani-footer26__instagram:hover
  .shani-footer26__instagram-icon {
    transform:
      rotate(0deg)
      translateY(-4px);

    box-shadow:
      0 27px 58px rgba(150, 5, 35, 0.39);
  }

  .shani-footer26__instagram-button:hover {
    transform: translateY(-5px);

    background: #fff;

    box-shadow:
      0 28px 60px rgba(0, 0, 0, 0.3);
  }

  .shani-footer26__instagram-button:hover
  .shani-footer26__instagram-arrow {
    transform: rotate(45deg);
  }

}


/* =====================================================
   INSTAGRAM RESPONSIVE
===================================================== */

@media (max-width: 950px) {

  .shani-footer26__instagram-inner {
    grid-template-columns:
      auto
      minmax(0, 1fr);
  }

  .shani-footer26__instagram-button {
    grid-column: 1 / -1;

    width: 100%;
    min-width: 0;
    min-height: 70px;

    margin-top: 4px;
  }

}


@media (max-width: 580px) {

  .shani-footer26__instagram {
    padding:
      27px
      20px
      18px;

    border-radius: 27px;
  }

  .shani-footer26__instagram::before {
    left: -8px;
    bottom: -10px;

    font-size: 69px;
  }

  .shani-footer26__instagram-inner {
    display: flex;
    flex-direction: column;

    align-items: stretch;
    gap: 20px;

    text-align: center;
  }

  .shani-footer26__instagram-icon {
    width: 72px;
    height: 72px;

    margin-inline: auto;

    border-radius: 23px;
  }

  .shani-footer26__instagram-eyebrow {
    justify-content: center;

    font-size: 9px;
  }

  .shani-footer26__instagram-content h2 {
    font-size: 27px;
  }

  .shani-footer26__instagram-content p {
    margin-inline: auto;

    font-size: 10px;
  }

  .shani-footer26__instagram-button {
    min-height: 68px;
    padding:
      9px
      9px
      9px
      20px;

    text-align: right;
  }

  .shani-footer26__instagram-arrow {
    width: 48px;
    height: 48px;
  }

  .shani-footer26__instagram-meta {
    flex-direction: column;
    justify-content: center;
    gap: 9px;

    text-align: center;
  }

}


@media (prefers-reduced-motion: reduce) {

  .shani-footer26__instagram-icon,
  .shani-footer26__instagram-button,
  .shani-footer26__instagram-arrow {
    transition: none !important;
  }

}





/* =====================================================
   LEGAL
===================================================== */

.shani-footer26__legal {
  display: flex;
  align-items: center;
  justify-content: center;

  padding:
    21px
    0
    0;
}


.shani-footer26__legal > p {
  margin: 0;

  color: rgba(255, 255, 255, 0.31);

  font-size: 7px;
  line-height: 1.7;
}


.shani-footer26__legal-links {
  grid-column: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
}


.shani-footer26__legal-links a {
  color: rgba(255, 255, 255, 0.38);

  font-size: 7px;
  font-weight: 700;
  text-decoration: none;

  transition: color 0.3s ease;
}


.shani-footer26__legal-links a:hover {
  color: #fff;
}


/* لاین طراح */

.shani-footer26__designer {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;

  direction: ltr;
  text-align: center;

  color: rgba(255, 255, 255, 0.48);

  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.055em;
  text-decoration: none;

  transition: color 0.3s ease;
}


.shani-footer26__designer strong {
  direction: ltr;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.075em;
}


.shani-footer26__designer i {
  color: var(--shani-footer26-red);

  font-size: 14px;
  line-height: 1;
  font-style: normal;

  transition: transform 0.3s ease;
}


.shani-footer26__designer:hover {
  color: #fff;
}


.shani-footer26__designer:hover i {
  transform:
    translate(2px, -2px);
}


/* =====================================================
   FOCUS
===================================================== */

.shani-footer26 a:focus-visible,
.shani-footer26 button:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.8);
  outline-offset: 4px;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 1100px) {

  .shani-footer26__cta-layout {
    grid-template-columns:
      minmax(300px, 0.8fr)
      minmax(420px, 1.2fr);

    gap: 55px;
  }


  .shani-footer26__main {
    grid-template-columns:
      minmax(240px, 0.8fr)
      minmax(330px, 1.2fr);

    grid-template-areas:
      "brand links"
      "contact contact";
  }


  .shani-footer26__brand {
    grid-area: brand;
  }


  .shani-footer26__links {
    grid-area: links;
  }


  .shani-footer26__contact {
    grid-area: contact;

    padding-top: 30px;

    border-top: 1px solid var(--shani-footer26-line);
  }


  .shani-footer26__contact-list {
    display: grid;
    grid-template-columns:
      minmax(280px, 1fr)
      minmax(380px, 1.1fr);

    align-items: start;
    gap: 35px;
  }


  .shani-footer26__contact-row {
    margin-top: 0;
    padding-top: 0;

    border-top: 0;
  }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 760px) {

  .shani-footer26 {
    margin-top: 45px;
    padding:
      0
      16px
      22px;
  }


  /* CTA */

  .shani-footer26__cta {
    min-height: 0;
    padding:
      29px
      20px
      20px;

    border-radius: 27px;

    transform: translateY(-28px);
  }


  .shani-footer26__cta-word {
    left: -12px;
    bottom: 0;

    font-size: 115px;
  }


  .shani-footer26__cta-top {
    margin-bottom: 25px;

    font-size: 5px;
  }


  .shani-footer26__cta-layout {
    display: block;
  }


  .shani-footer26__cta-copy h2 {
    font-size: clamp(40px, 12vw, 54px);
  }


  .shani-footer26__cta-description {
    margin-top: 15px;

    font-size: 9px;
  }


  .shani-footer26__cta-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 8px;

    margin-top: 27px;

    border-top: 0;
  }


  .shani-footer26__cta-action {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    min-height: 135px;
    padding: 14px;

    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 17px;

    background: rgba(255, 255, 255, 0.065);
  }


  .shani-footer26__cta-action:nth-child(3) {
    grid-column: 1 / -1;

    flex-direction: row;
    align-items: center;

    min-height: 78px;
  }


  .shani-footer26__cta-action::before {
    display: none;
  }


  .shani-footer26__cta-number {
    margin-bottom: 16px;
  }


  .shani-footer26__cta-action:nth-child(3)
  .shani-footer26__cta-number {
    margin:
      0
      0
      0
      10px;
  }


  .shani-footer26__cta-action-text {
    flex: 1;
  }


  .shani-footer26__cta-action-text strong {
    font-size: 12px;
  }


  .shani-footer26__cta-action-text small {
    font-size: 6px;
  }


  .shani-footer26__cta-arrow {
    width: 34px;
    height: 34px;

    margin-top: auto;
  }


  .shani-footer26__cta-action:nth-child(3)
  .shani-footer26__cta-arrow {
    margin-top: 0;
  }


  /* Main */

  .shani-footer26__main {
    display: block;

    margin-top: 0;
    padding:
      15px
      0
      36px;
  }


  .shani-footer26__brand {
    padding-bottom: 30px;
  }


  .shani-footer26__logo {
    max-width: 125px;
  }


  .shani-footer26__brand-slogan {
    margin-top: 18px;
  }


  .shani-footer26__brand-slogan strong {
    font-size: 23px;
  }


  .shani-footer26__brand-description {
    max-width: 380px;
  }


  .shani-footer26__links,
  .shani-footer26__contact {
    padding:
      27px
      0
      0;

    border-top: 1px solid var(--shani-footer26-line);
  }


  .shani-footer26__contact {
    margin-top: 28px;
  }


  .shani-footer26__column-title {
    margin-bottom: 20px;
  }


  .shani-footer26__links-grid {
    gap:
      12px
      17px;
  }


  .shani-footer26__contact-list {
    display: block;
  }


  .shani-footer26__contact-row {
    grid-template-columns: 1fr 1fr;

    gap: 15px;

    margin-top: 20px;
    padding-top: 19px;

    border-top: 1px solid var(--shani-footer26-line);
  }


  .shani-footer26__contact-item a {
    font-size: 11px;
  }


  /* Social */

  .shani-footer26__social {
    display: block;

    padding-block: 20px;
  }


  .shani-footer26__social-links {
    justify-content: flex-start;

    gap:
      14px
      24px;

    margin-top: 18px;
  }


  /* Legal */

  .shani-footer26__legal {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

    gap:
      17px
      25px;

    padding-top: 20px;
  }


  .shani-footer26__legal > p {
    width: 100%;
  }


  .shani-footer26__designer {
    width: 100%;
    justify-content: center;
    justify-self: center;
    font-size: 10px;
  }


  .shani-footer26__legal-links {
    justify-content: flex-start;

    gap: 13px;
  }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 420px) {

  .shani-footer26__cta-copy h2 {
    font-size: 39px;
  }


  .shani-footer26__cta-actions {
    gap: 6px;
  }


  .shani-footer26__cta-action {
    min-height: 130px;
    padding: 12px;
  }


  .shani-footer26__links-grid {
    column-gap: 10px;
  }


  .shani-footer26__contact-row {
    grid-template-columns: 1fr;
  }


  .shani-footer26__designer {
    width: 100%;
    justify-content: center;
    text-align: center;
    font-size: 9px;
  }

}


/* =====================================================
   REDUCED MOTION
===================================================== */

@media (prefers-reduced-motion: reduce) {

  .shani-footer26__cta-action,
  .shani-footer26__cta-action::before,
  .shani-footer26__cta-arrow,
  .shani-footer26__links-grid a,
  .shani-footer26__links-grid a::before,
  .shani-footer26__message-link i,
  .shani-footer26__social-links a::after,
  .shani-footer26__social-links i,
  .shani-footer26__designer i {
    transition: none !important;
  }

}




/* Live-edit wrappers preserve the original visual hierarchy of split headings. */
b.shani-live-plain{font:inherit;font-weight:inherit;color:inherit;letter-spacing:inherit}
.shani-about26__title>.shani-live-plain,
.shani-catflow26__heading h2>.shani-live-plain,
.shani-paths27__heading h2>.shani-live-plain,
.shani-journal26__heading h2>.shani-live-plain{
  display:inline;
  margin:0;
  color:inherit;
  font-size:1em;
  font-weight:inherit;
  letter-spacing:inherit;
}


/* =====================================================
   SHANI PRODUCT ROUTES 2027 — Mobile carousel refinement
   1 full product + a clear next-product peek; no visible numbers.
===================================================== */
.shani-paths27__meta {
  direction: ltr;
}

.shani-paths27__meta span {
  padding-inline-start: 0;
  border-inline-start: 0;
}

.shani-paths27__watermark {
  gap: 0;
}

.shani-paths27__watermark b,
.shani-paths27__node small,
.shani-paths27__detail-index {
  display: none !important;
}

@media (max-width: 900px) {
  .shani-paths27__stage {
    gap: 4vw;
    padding-inline: 7vw;
    scroll-padding-inline: 7vw;
    scroll-snap-type: x mandatory;
  }

  .shani-paths27__item,
  .shani-paths27__item:nth-of-type(n) {
    flex: 0 0 64vw;
    width: 64vw;
    padding-inline: 0;
    scroll-snap-align: start;
  }

  .shani-paths27__visual {
    height: 286px;
  }

  .shani-paths27__visual img {
    width: min(158%, 500px);
    max-height: 286px;
  }

  .shani-paths27__node {
    top: 286px;
  }

  .shani-paths27__mobile-route {
    position: absolute;
    top: 286px;
    right: 50%;
    z-index: 1;
    display: block;
    width: calc(100% + 4vw);
    height: 46px;
    transform: translateY(-50%);
    pointer-events: none;
    overflow: visible;
  }

  .shani-paths27__item:nth-of-type(even) .shani-paths27__mobile-route svg {
    transform: scaleY(-1);
    transform-origin: center;
  }
}

@media (max-width: 575px) {
  .shani-paths27__showcase {
    min-height: 470px;
  }

  .shani-paths27__stage {
    min-height: 410px;
    gap: 4vw;
    padding: 24px 6vw 24px;
    scroll-padding-inline: 6vw;
  }

  .shani-paths27__item,
  .shani-paths27__item:nth-of-type(n) {
    flex-basis: 60vw;
    width: 60vw;
    min-height: 385px;
    padding-inline: 0;
  }

  .shani-paths27__visual {
    height: 296px;
  }

  .shani-paths27__visual img {
    width: min(172%, 520px);
    max-height: 296px;
  }

  .shani-paths27__halo {
    width: 228px;
    height: 228px;
  }

  .shani-paths27__node {
    top: 296px;
  }

  .shani-paths27__mobile-route {
    top: 296px;
  }

  .shani-paths27__label {
    margin-top: 27px;
  }
}

/* =====================================================
   HOME HERO — EDITORIAL PRODUCT SPOTLIGHT / v1.0.61
   Full-bleed colour field with a menu-width inner stage.
   Signature-first reveal: English name arrives in solid white,
   softens into the background, then the active packshot emerges.
   ===================================================== */
.hero.hero--spotlight{
  --spotlight-ink:rgba(255,255,255,.96);
  --spotlight-soft:rgba(255,255,255,.72);
  position:relative;
  width:100%;
  max-width:none;
  margin:0;
  min-height:100svh;
  height:max(800px,100svh);
  display:block;
  background:
    radial-gradient(circle at 48% 43%,rgba(255,255,255,.20) 0,rgba(255,255,255,.075) 24%,transparent 48%),
    linear-gradient(135deg,#a90828 0%,#dc2038 48%,#f04a50 100%);
  overflow:hidden;
  isolation:isolate;
}
.hero.hero--spotlight::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(circle at 50% 52%,transparent 0 33%,rgba(79,0,18,.10) 76%,rgba(68,0,15,.18) 100%);
}
.hero.hero--spotlight::after{
  content:"";
  position:absolute;
  left:18%;
  top:19%;
  width:min(58vw,850px);
  aspect-ratio:1;
  border-radius:50%;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(circle,rgba(255,255,255,.105),rgba(255,255,255,.025) 44%,transparent 69%);
  filter:blur(8px);
}
.hero-spotlight__shell{
  position:relative;
  width:min(calc(100% - 6.4vw),1450px);
  height:100%;
  min-height:inherit;
  margin-inline:auto;
}
.hero--spotlight .hero-copy{
  position:absolute;
  z-index:18;
  top:50%;
  right:18px;
  width:min(31%,430px);
  transform:translateY(-48%);
  text-align:right;
}
.hero--spotlight .hero-eyebrow{
  margin:0 0 18px;
  color:rgba(255,255,255,.78);
  font-size:12px;
  font-weight:650;
  letter-spacing:.025em;
}
.hero--spotlight .hero-eyebrow::before{
  width:18px;
  opacity:.72;
}
.hero--spotlight .hero-copy h1{
  margin:0;
  max-width:430px;
  color:#fff;
  font-size:clamp(52px,5.15vw,78px);
  font-weight:900;
  line-height:1.01;
  letter-spacing:-.065em;
  text-wrap:balance;
}
.hero--spotlight .hero-copy h1 em{display:none}
.hero--spotlight .hero-description{
  display:block;
  max-width:370px;
  margin:24px 0 26px;
  color:rgba(255,255,255,.72);
  font-size:13px;
  line-height:2.05;
}
.hero--spotlight .hero-actions{display:flex}
.hero--spotlight .hero-actions .button{
  min-width:150px;
  box-shadow:0 18px 45px rgba(73,0,18,.18);
}
.hero-spotlight{
  position:absolute;
  z-index:8;
  left:0;
  top:84px;
  bottom:54px;
  width:71%;
  min-height:630px;
  perspective:1600px;
  transform-style:preserve-3d;
}
.hero-spotlight__signature{
  position:absolute;
  z-index:1;
  left:50%;
  top:47%;
  width:96%;
  transform:translate(-50%,-50%) rotate(-4deg);
  text-align:center;
  white-space:nowrap;
  pointer-events:none;
  color:#fff;
  opacity:.16;
  font-family:"Italianno","Snell Roundhand","Segoe Script","Brush Script MT",cursive;
  font-size:clamp(118px,14.5vw,236px);
  font-weight:400;
  line-height:.82;
  letter-spacing:-.018em;
  text-shadow:0 18px 60px rgba(81,0,20,.08);
  user-select:none;
  will-change:transform,opacity,filter;
}
.hero-spotlight__signature span{
  display:block;
  padding-inline:3vw;
  transform:translateY(-.02em);
}
.hero-spotlight__main,
.hero-spotlight__side{
  position:absolute;
  margin:0;
  transform-style:preserve-3d;
  will-change:transform,opacity,filter;
}
.hero-spotlight__main{
  z-index:5;
  left:50%;
  top:49%;
  width:min(62%,620px);
  height:88%;
  transform:translate(-50%,-50%) translateZ(120px);
  display:block;
  cursor:pointer;
  text-decoration:none;
}
.hero-spotlight__main::after{
  content:"";
  position:absolute;
  left:18%;
  right:18%;
  bottom:5%;
  height:9%;
  z-index:-1;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(73,0,17,.36),transparent 70%);
  filter:blur(15px);
  transition:transform .45s ease,opacity .45s ease;
}
.hero-spotlight__reveal-glow{
  position:absolute;
  z-index:-1;
  left:50%;
  top:48%;
  width:76%;
  aspect-ratio:1;
  transform:translate(-50%,-50%) scale(.78);
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.34) 0,rgba(255,255,255,.12) 34%,transparent 70%);
  filter:blur(22px);
  opacity:0;
  pointer-events:none;
  will-change:transform,opacity;
}
.hero-spotlight__main img,
.hero-spotlight__side img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  user-select:none;
  -webkit-user-drag:none;
}
.hero-spotlight__main img{
  filter:drop-shadow(0 54px 34px rgba(61,0,15,.36));
  transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s ease;
}
.hero-spotlight__main:hover img{
  transform:translateY(-6px) scale(1.018);
  filter:drop-shadow(0 62px 38px rgba(55,0,14,.42));
}
.hero-spotlight__side{
  z-index:2;
  top:50%;
  width:min(24%,260px);
  height:50%;
  opacity:.25;
  filter:saturate(.86);
  pointer-events:none;
}
.hero-spotlight__side img{filter:drop-shadow(0 30px 24px rgba(67,0,16,.22))}
.hero-spotlight__side--left{
  left:9.5%;
  transform:translateY(-50%) rotate(-4deg) translateZ(-90px);
}
.hero-spotlight__side--right{
  right:9.5%;
  transform:translateY(-50%) rotate(4deg) translateZ(-80px);
}
.hero-spotlight__floor{
  position:absolute;
  z-index:0;
  left:29%;
  right:18%;
  bottom:7%;
  height:11%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(69,0,17,.27),transparent 70%);
  filter:blur(18px);
  opacity:1;
  pointer-events:none;
  will-change:transform,opacity;
}
.hero--spotlight .hero-curve{z-index:20}
.hero-spotlight__pagination{
  position:absolute;
  z-index:24;
  left:18px;
  top:50%;
  bottom:auto;
  transform:translateY(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  direction:ltr;
}
.hero-spotlight__dot{
  appearance:none;
  -webkit-appearance:none;
  width:24px;
  height:24px;
  margin:0;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  display:grid;
  place-items:center;
  cursor:pointer;
  opacity:.82;
}
.hero-spotlight__dot span{
  display:block;
  width:5px;
  height:5px;
  border-radius:50%;
  background:rgba(255,255,255,.42);
  box-shadow:0 0 0 0 rgba(255,255,255,0);
  transition:width .35s cubic-bezier(.2,.8,.2,1),height .35s cubic-bezier(.2,.8,.2,1),background-color .35s ease,box-shadow .35s ease,transform .35s ease;
}
.hero-spotlight__dot:hover span,
.hero-spotlight__dot:focus-visible span{
  width:7px;
  height:7px;
  background:rgba(255,255,255,.72);
}
.hero-spotlight__dot:focus-visible{outline:1px solid rgba(255,255,255,.72);outline-offset:1px}
.hero-spotlight__dot.is-active{opacity:1}
.hero-spotlight__dot.is-active span{
  width:10px;
  height:10px;
  background:#fff;
  box-shadow:0 0 0 4px rgba(255,255,255,.12),0 5px 18px rgba(80,0,18,.22);
  transform:scale(1);
}

@media (max-width:1200px){
  .hero--spotlight .hero-copy{right:18px;width:31%}
  .hero-spotlight{left:0;width:71%;top:82px}
  .hero-spotlight__main{width:min(62%,570px)}
  .hero-spotlight__side{width:min(24%,238px)}
  .hero-spotlight__side--left{left:8%}
  .hero-spotlight__side--right{right:8%}
  .hero-spotlight__signature{font-size:clamp(110px,14vw,190px)}
}
@media (max-width:960px){
  .hero.hero--spotlight{
    width:100%;
    max-width:none;
    margin-inline:0;
    height:860px;
    min-height:860px;
    display:block;
  }
  .hero-spotlight__shell{
    width:100%;
    max-width:none;
  }
  .hero-spotlight__pagination{
    left:18px;
    top:52%;
    bottom:auto;
    transform:translateY(-50%);
  }
  .hero--spotlight .hero-copy{
    position:absolute;
    top:112px;
    right:7vw;
    width:86%;
    transform:none;
    text-align:center;
  }
  .hero--spotlight .hero-eyebrow{margin-bottom:11px}
  .hero--spotlight .hero-eyebrow::before{display:none}
  .hero--spotlight .hero-copy h1{
    max-width:720px;
    margin-inline:auto;
    font-size:clamp(45px,7vw,62px);
  }
  .hero--spotlight .hero-description{
    max-width:520px;
    margin:15px auto 20px;
    font-size:12px;
    line-height:1.9;
  }
  .hero--spotlight .hero-actions{justify-content:center}
  .hero-spotlight{
    top:282px;
    bottom:42px;
    left:0;
    width:100%;
    min-height:0;
  }
  .hero-spotlight__signature{
    top:47%;
    width:100%;
    font-size:clamp(112px,20vw,180px);
    opacity:.145;
  }
  .hero-spotlight__main{
    width:min(59vw,510px);
    height:91%;
  }
  .hero-spotlight__side{
    width:23vw;
    height:42%;
    opacity:.17;
  }
  .hero-spotlight__side--left{left:-6%}
  .hero-spotlight__side--right{right:-6%}
}
@media (max-width:680px){
  .hero.hero--spotlight{
    height:720px;
    min-height:720px;
    background:
      radial-gradient(circle at 50% 58%,rgba(255,255,255,.17),transparent 36%),
      linear-gradient(150deg,#aa0928 0%,#db2038 52%,#ef484f 100%);
  }
  .hero.hero--spotlight::after{
    left:4%;
    top:29%;
    width:92vw;
  }
  .hero--spotlight .hero-copy{
    top:94px;
    right:16px;
    width:calc(100% - 32px);
  }
  .hero--spotlight .hero-copy h1{
    font-size:clamp(38px,11vw,50px);
    line-height:1.02;
  }
  .hero--spotlight .hero-eyebrow{font-size:10px}
  .hero--spotlight .hero-description{display:none}
  .hero--spotlight .hero-actions{display:none}
  .hero-spotlight{
    top:218px;
    bottom:32px;
    height:auto;
  }
  .hero-spotlight__signature{
    top:47%;
    font-size:clamp(96px,27vw,144px);
    opacity:.16;
    transform:translate(-50%,-50%) rotate(-5deg);
  }
  .hero-spotlight__main{
    top:50%;
    width:min(82vw,430px);
    height:96%;
  }
  .hero-spotlight__side{
    top:52%;
    width:31vw;
    height:37%;
    opacity:.14;
  }
  .hero-spotlight__side--left{left:-17%;transform:translateY(-50%) rotate(-5deg) translateZ(-90px)}
  .hero-spotlight__side--right{right:-17%;transform:translateY(-50%) rotate(5deg) translateZ(-80px)}
  .hero-spotlight__floor{left:20%;right:20%;bottom:5%;height:10%}
  .hero-spotlight__pagination{left:7px;top:54%;bottom:auto;gap:0;transform:translateY(-50%)}
  .hero-spotlight__dot{width:22px;height:22px}
  .hero--spotlight .hero-curve{height:44px}
}
@media (max-width:420px){
  .hero.hero--spotlight{height:680px;min-height:680px}
  .hero--spotlight .hero-copy{top:88px}
  .hero-spotlight{top:205px}
  .hero-spotlight__main{width:88vw}
  .hero-spotlight__signature{font-size:29vw}
}
@media (prefers-reduced-motion:reduce){
  .hero-spotlight__signature{opacity:.16!important;filter:none!important}
  .hero-spotlight__main,.hero-spotlight__side,.hero-spotlight__main img{transition:none!important;clip-path:none!important}
  .hero-spotlight__reveal-glow{display:none}
  .hero-spotlight__dot span{transition:none!important}
}


/* =====================================================
   1.0.63 — CLEAN NUMBERLESS UI + MOBILE LANGUAGE
===================================================== */
.mobile-panel__inner{display:flex;flex-direction:column}
.mobile-panel__language{display:flex;justify-content:center;align-items:center;margin-top:auto;padding:24px 0 4px;border-top:1px solid rgba(20,20,20,.065)}
.mobile-panel .lang-switch--mobile{display:flex;flex:0 0 auto;margin:0 auto}
@media (max-width:680px){
  .loader__logo-wrap{width:min(190px,58vw);max-width:58vw}
  .mobile-panel .lang-switch--mobile{display:flex}
  .mobile-panel .lang-switch--mobile small{display:inline}
}

/* Visible ordinal/index numbers are intentionally removed; meaningful content numbers remain. */
.shani-about26__section-number,
.shani-why27__number,
.shani-footer26__cta-number,
.blog-feature-card__index,
.blog-latest-card__image > span,
.kitchen-pick__number,
.kitchen-latest-card__image > span,
.category-card__number,
.blog-categories__number,
.article-categories__number,
.about-section__number,
.about-goal__number,
.shani-journal26__counter,
.shani-journal26__outline-number,
.shani-journal26__index-item > span{display:none!important}

.shani-footer26__cta-action{grid-template-columns:minmax(0,1fr) 43px}
.shani-journal26__index-item{grid-template-columns:minmax(0,1fr)}
.blog-categories a,
.article-categories a{grid-template-columns:minmax(0,1fr)}
.blog-categories a > small,
.article-categories a > small{display:none}


/* 1.0.66 — meaningful category post counts (ordinal indexes remain hidden). */
.blog-categories a.has-count,
.article-categories a.has-count {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}
.blog-categories a.has-count > strong,
.article-categories a.has-count > strong {
    min-width: 0;
    flex: 1 1 auto;
}
.blog-categories__count,
.article-categories__count {
    flex: 0 0 auto;
    min-width: 28px;
    height: 28px;
    display: inline-grid;
    place-items: center;
    padding: 0 7px;
    border: 1px solid rgba(25,24,23,.06);
    border-radius: 999px;
    background: rgba(255,255,255,.88);
    color: rgba(25,24,23,.56);
    font-size: 9px;
    font-weight: 850;
    line-height: 1;
}