/* Shared Campino shell — synchronized with the homepage header and footer. */
@font-face{font-family:"IRANSansX";src:url("../fonts/IRANSansX-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"IRANSansX";src:url("../fonts/IRANSansX-Medium.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"IRANSansX";src:url("../fonts/IRANSansX-DemiBold.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"IRANSansX";src:url("../fonts/IRANSansX-Bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
[hidden]{display:none!important}
.announcement,.site-header,.mobile-drawer,.site-footer{font-family:"IRANSansX",Tahoma,Arial,sans-serif}
.announcement{min-height:44px;color:#fff;background:#30283d}.announcement__inner{min-height:44px;display:flex;align-items:center;justify-content:center;gap:18px;padding-block:6px}.announcement p{margin:0;font-size:.86rem}.announcement p span{color:#eab97b}.announcement a{color:#eab97b;font-weight:800;text-decoration:underline;text-underline-offset:4px}.announcement__close{width:34px;height:34px;display:grid;place-items:center;color:#fff;background:transparent;border:0;border-radius:50%}
.site-header{position:sticky!important;z-index:90!important;inset-block-start:0;height:78px!important;background:rgba(255,255,255,.94)!important;border-bottom:1px solid rgba(36,30,47,.12)!important;backdrop-filter:blur(14px)}.header__inner{position:relative;height:100%;display:flex;align-items:center;gap:24px}.wordmark{display:inline-flex;align-items:center;min-height:44px}.brand-logo{width:164px;height:55px;object-fit:contain}.brand-logo--footer{width:190px;height:64px}.nav{margin-inline:auto}.nav__list{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none}.nav__link,.nav__trigger{min-height:44px;display:inline-flex;align-items:center;gap:6px;padding:8px 10px;color:#625a6d;background:transparent;border:0;border-radius:10px;font-size:.9rem;font-weight:700}.nav__link:hover,.nav__trigger:hover,.nav__trigger[aria-expanded=true]{color:#241e2f;background:#f4f0eb}.mega-wrap{position:relative}.service-dropdown{position:absolute;z-index:98;inset-block-start:calc(100% + 14px);inset-inline-start:0;width:330px;padding:8px;background:#fff;border:1px solid rgba(36,30,47,.12);border-radius:16px;box-shadow:0 24px 60px rgba(36,30,47,.16)}.service-dropdown:before{content:"";position:absolute;inset-block-start:-8px;inset-inline-start:28px;width:16px;height:16px;background:#fff;border-block-start:1px solid rgba(36,30,47,.12);border-inline-start:1px solid rgba(36,30,47,.12);transform:rotate(45deg)}.service-dropdown__head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:6px;padding:10px 12px 12px;border-bottom:1px solid rgba(36,30,47,.12)}.service-dropdown__head strong{font-size:.83rem}.service-dropdown__head a{color:#c68232;font-size:.68rem;font-weight:800}.service-menu,.service-submenu{margin:0;padding:0;list-style:none}.service-menu__item{position:relative}.service-menu__link,.service-menu__toggle{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 11px;color:#625a6d;text-align:right;background:transparent;border:0;border-radius:10px;font-size:.78rem;font-weight:700}.service-menu__link:hover,.service-menu__toggle:hover,.service-menu__item:focus-within>.service-menu__toggle,.service-menu__item.is-open>.service-menu__toggle{color:#241e2f;background:#fff8f0}.service-menu__toggle:after{content:"‹";flex:0 0 auto;color:#c68232;font-size:1.25rem;font-weight:900}.service-submenu{display:none;position:absolute;inset-block-start:-8px;right:calc(100% + 8px);width:320px;max-height:min(520px,calc(100vh - 150px));overflow-y:auto;padding:8px;background:#fff;border:1px solid rgba(36,30,47,.12);border-radius:14px;box-shadow:0 22px 54px rgba(36,30,47,.15)}.service-menu__item:hover>.service-submenu,.service-menu__item:focus-within>.service-submenu,.service-menu__item.is-open>.service-submenu{display:block}.service-submenu--nested{position:static;width:auto;max-height:none;margin:2px 8px 7px;padding:5px;background:#f4f0eb;border:0;border-radius:10px;box-shadow:none}.service-menu__divider{height:1px;margin:6px 8px;background:rgba(36,30,47,.12)}.service-menu__link--strong{color:#241e2f;font-weight:800}.service-menu__link--strong:after{content:"←";color:#c68232}.header__cta{white-space:nowrap;background:#d79542!important;color:#241e2f!important;border-color:#d79542!important}.header__cta-icon{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.menu-toggle{display:none;width:46px;height:46px;place-items:center;padding:0;color:#241e2f;background:#fff;border:1px solid rgba(36,30,47,.12);border-radius:12px}.mobile-drawer{position:fixed;z-index:120;inset:0;display:grid;grid-template-columns:minmax(0,380px) 1fr}.mobile-drawer__panel{height:100%;overflow-y:auto;padding:20px;background:#fff;box-shadow:0 18px 48px rgba(36,30,47,.1)}.mobile-drawer__overlay{background:rgba(36,30,47,.58);border:0}.mobile-drawer__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(36,30,47,.12)}.icon-btn{width:44px;height:44px;display:grid;place-items:center;color:#241e2f;background:#f4f0eb;border:0;border-radius:12px}.mobile-nav{display:grid!important;gap:6px;padding-block:18px}.mobile-nav a,.mobile-nav summary{min-height:48px;display:flex;align-items:center;padding:8px 12px;border-radius:10px;font-weight:700}.mobile-nav a:hover,.mobile-nav summary:hover{background:#f4f0eb}.mobile-nav details a{margin-inline-start:12px;color:#625a6d;font-size:.9rem}.mobile-services{border:1px solid rgba(36,30,47,.12);border-radius:14px}.mobile-services summary{justify-content:space-between;cursor:pointer;list-style:none}.mobile-services>summary{color:#fff;background:#241e2f}.mobile-services__list{display:grid;gap:7px;padding:9px}.mobile-service-group{border-bottom:1px solid rgba(36,30,47,.08)}.mobile-crm-link{margin-top:8px;background:#d79542!important;color:#241e2f!important}
.service-menu__link:before,.service-menu__toggle:before{content:"";width:27px;height:27px;flex:0 0 27px;padding:4px;background:#fff var(--service-icon) center/contain no-repeat;border:1px solid rgba(36,30,47,.12);border-radius:8px;box-shadow:0 4px 12px rgba(36,30,47,.06)}.service-submenu--nested .service-menu__link:before{width:25px;height:25px;flex-basis:25px}
a[href$="/campaign-design/"]{--service-icon:url("../services/campaign.svg")}a[href$="/influencer-marketing/"]{--service-icon:url("../services/influencer.svg")}a[href$="/rubika-advertising/"]{--service-icon:url("../services/rubika.png")}a[href$="/bale-advertising/"]{--service-icon:url("../services/bale-96.webp")}a[href$="/eitaa-advertising/"]{--service-icon:url("../services/eitaa-96.webp")}a[href$="/soroush-advertising/"]{--service-icon:url("../services/soroush.svg")}a[href*="/instagram-"]{--service-icon:url("../services/instagram-icon.svg")}a[href$="/sponsored-social-ads/"]{--service-icon:url("../services/sponsored.svg")}a[href$="/telegram-ads/"]{--service-icon:url("../services/telegram.svg")}a[href$="/youtube-ads/"]{--service-icon:url("../services/youtube-icon.svg")}a[href$="/x-ads/"]{--service-icon:url("../services/x.svg")}a[href$="/linkedin-ads/"]{--service-icon:url("../services/linkedin-icon.svg")}a[href$="/google-ads/"]{--service-icon:url("../services/google-ads.svg")}a[href$="/cpc-advertising/"]{--service-icon:url("../services/cpc.svg")}a[href$="/seo/"]{--service-icon:url("../services/seo.svg")}a[href$="/web-design-development/"]{--service-icon:url("../services/web-design.svg")}[data-service-icon=domestic]{--service-icon:url("../services/domestic.svg")}[data-service-icon=social]{--service-icon:url("../services/social.svg")}[data-service-icon=instagram]{--service-icon:url("../services/instagram-icon.svg")}[data-service-icon=sem]{--service-icon:url("../services/sem.svg")}[data-service-icon=app-growth]{--service-icon:url("../services/app-growth.svg")}[data-service-icon=display]{--service-icon:url("../services/display.svg")}
.site-footer{padding-block:72px 24px!important;color:#fff;background:#241e2f}.site-footer .container{width:min(1280px,calc(100% - 64px))}.site-footer .footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,.7fr);gap:48px}.site-footer .footer-brand{display:block}.site-footer .footer-brand p{max-width:420px;margin:18px 0 0;color:#cfc7d4;font-size:.88rem}.footer-contact{display:grid;gap:5px;margin-top:16px;color:#ded8e4;font-size:.85rem;font-style:normal}.site-footer .footer-col{display:block}.footer-col h2{margin:0 0 16px;color:#eab97b;font-size:.92rem;letter-spacing:0}.footer-links{display:grid;gap:8px;margin:0;padding:0;list-style:none}.footer-links a{min-height:38px;display:inline-flex;align-items:center;color:#ded8e4;font-size:.88rem}.footer-links a:hover{color:#eab97b}.site-footer .footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:54px;padding:24px 0 0;color:#aaa1b2;border-top:1px solid rgba(255,255,255,.12);font-size:.8rem}
@media(max-width:1080px){.nav{display:none}.header__cta{margin-inline-start:auto}.menu-toggle{display:grid}.site-footer .footer-grid{grid-template-columns:1.25fr repeat(2,.75fr)}.site-footer .footer-col:last-child{grid-column:2/4}.service-dropdown{display:none}}
@media(max-width:760px){.announcement__inner{justify-content:space-between}.announcement p{font-size:.72rem}.announcement p span{display:none}.announcement a{display:none}.header__cta{display:none}.mobile-drawer{grid-template-columns:minmax(0,92%) 1fr}.site-footer .container{width:min(100% - 36px,1280px)}.site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:34px 24px}.site-footer .footer-brand{grid-column:1/-1}.site-footer .footer-col:last-child{grid-column:auto}.site-footer .footer-bottom{align-items:flex-start;flex-direction:column}.brand-logo{width:148px}}
@media(max-width:520px){.site-footer .footer-grid{grid-template-columns:1fr}.site-footer .footer-brand,.site-footer .footer-col:last-child{grid-column:auto}}
@import url("campino-breadcrumb.css");
