#themeoff-spare-shiraz-page {
                --to-bg: #04111f;
                --to-bg2: #071a2e;
                --to-panel: #0d233b;
                --to-panel2: #122c47;
                --to-text: #f7fbff;
                --to-muted: #b9cce0;
                --to-green: #46efa4;
                --to-cyan: #59d8ff;
                --to-purple: #a18dff;
                --to-border: rgba(255,255,255,.1);
                --to-shadow: 0 25px 70px rgba(0,0,0,.34);

                position: relative;
                width: 100%;
                overflow: hidden;
                isolation: isolate;
                color: var(--to-text);
                background:
                    radial-gradient(circle at 8% 4%,rgba(70,239,164,.13),transparent 22%),
                    radial-gradient(circle at 92% 12%,rgba(89,216,255,.11),transparent 24%),
                    radial-gradient(circle at 48% 72%,rgba(161,141,255,.09),transparent 28%),
                    linear-gradient(180deg,#04111f 0%,#061626 46%,#091b30 100%);
                font-family: inherit;
                perspective: 1600px;
            }

            #themeoff-spare-shiraz-page,
            #themeoff-spare-shiraz-page * {
                box-sizing: border-box;
            }

            #themeoff-spare-shiraz-page a {
                text-decoration: none !important;
            }

            #themeoff-spare-shiraz-page h2,
            #themeoff-spare-shiraz-page h3,
            #themeoff-spare-shiraz-page h4,
            #themeoff-spare-shiraz-page h5,
            #themeoff-spare-shiraz-page h6 {
                color: #fff !important;
                -webkit-text-fill-color: #fff !important;
                opacity: 1 !important;
                text-shadow: none !important;
            }

            #themeoff-spare-shiraz-page p,
            #themeoff-spare-shiraz-page li {
                color: var(--to-muted) !important;
            }

            #themeoff-spare-shiraz-page strong {
                color: #fff !important;
            }

            #themeoff-spare-shiraz-page .to-gradient {
                display: inline-block;
                color: transparent !important;
                background: linear-gradient(110deg,#4ff1ab 0%,#64ddff 48%,#b19dff 100%) !important;
                -webkit-background-clip: text !important;
                background-clip: text !important;
                -webkit-text-fill-color: transparent !important;
            }

            #themeoff-spare-shiraz-page .to-container {
                position: relative;
                z-index: 3;
                width: min(1180px,calc(100% - 34px));
                margin-inline: auto;
                transform-style: preserve-3d;
                will-change: transform,opacity;
            }

            #themeoff-spare-shiraz-page .to-section,
            #themeoff-spare-shiraz-page .to-hero,
            #themeoff-spare-shiraz-page .to-contact-section {
                position: relative;
                padding: 62px 0;
                perspective: 1400px;
                transform-style: preserve-3d;
            }

            #themeoff-spare-shiraz-page .to-calculator-section {
                position: relative;
                padding: 62px 0 38px;
            }

            #themeoff-spare-shiraz-page .to-centered {
                max-width: 920px;
                margin-inline: auto;
                text-align: center;
            }

            #themeoff-spare-shiraz-page .to-title {
                margin: 0 0 15px !important;
                font-size: clamp(29px,3.7vw,50px) !important;
                line-height: 1.4 !important;
                font-weight: 900 !important;
            }

            #themeoff-spare-shiraz-page .to-description {
                margin: 0 !important;
                font-size: 16px;
                line-height: 2.12;
            }

            #themeoff-spare-shiraz-page .to-eyebrow {
                display: inline-flex;
                align-items: center;
                gap: 9px;
                min-height: 38px;
                margin-bottom: 15px;
                padding: 8px 14px;
                border: 1px solid var(--to-border);
                border-radius: 999px;
                color: #e5fff2 !important;
                background: rgba(255,255,255,.05);
                backdrop-filter: blur(12px);
                font-size: 12px;
                font-weight: 700;
            }

            #themeoff-spare-shiraz-page .to-eyebrow::before {
                content: "";
                width: 8px;
                height: 8px;
                flex: 0 0 8px;
                border-radius: 50%;
                background: var(--to-green);
                box-shadow: 0 0 16px rgba(70,239,164,.76);
            }

            #themeoff-spare-shiraz-page .to-grid-bg {
                position: absolute;
                inset: 0;
                z-index: -4;
                opacity: .12;
                pointer-events: none;
                background-image:
                    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
                    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
                background-size: 38px 38px;
                mask-image: linear-gradient(to bottom,#000,transparent 96%);
            }

            #themeoff-spare-shiraz-page .to-page-progress {
                position: fixed;
                top: 0;
                right: 0;
                z-index: 999999;
                width: 0;
                height: 3px;
                pointer-events: none;
                background: linear-gradient(90deg,var(--to-green),var(--to-cyan),var(--to-purple));
                box-shadow: 0 0 14px rgba(89,216,255,.7);
            }

            #themeoff-spare-shiraz-page .to-section::before,
            #themeoff-spare-shiraz-page .to-hero::before,
            #themeoff-spare-shiraz-page .to-contact-section::before {
                content: "";
                position: absolute;
                width: 340px;
                height: 340px;
                top: 50%;
                right: var(--to-light-x,15%);
                z-index: 0;
                border-radius: 50%;
                pointer-events: none;
                opacity: var(--to-light-opacity,.38);
                filter: blur(24px);
                background: radial-gradient(circle,rgba(70,239,164,.09),rgba(89,216,255,.05) 40%,transparent 72%);
                transform: translate3d(0,var(--to-light-y,-50%),0);
            }

            #themeoff-spare-shiraz-page .to-actions {
                display: flex;
                flex-wrap: wrap;
                gap: 12px;
                margin-top: 25px;
            }

            #themeoff-spare-shiraz-page .to-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 53px;
                padding: 12px 22px;
                border: 1px solid transparent;
                border-radius: 16px;
                font-size: 14px;
                font-weight: 800;
                transition: transform .3s ease,box-shadow .3s ease,background .3s ease;
            }

            #themeoff-spare-shiraz-page .to-btn-primary {
                color: #03131e !important;
                -webkit-text-fill-color: #03131e !important;
                background: linear-gradient(120deg,#48eda4,#59d7ff);
                box-shadow: 0 15px 32px rgba(70,239,164,.22);
            }

            #themeoff-spare-shiraz-page .to-btn-primary:hover {
                transform: translateY(-4px) scale(1.015);
                box-shadow: 0 22px 45px rgba(70,239,164,.32);
            }

            #themeoff-spare-shiraz-page .to-btn-secondary {
                color: #fff !important;
                -webkit-text-fill-color: #fff !important;
                border-color: var(--to-border);
                background: rgba(255,255,255,.055);
                backdrop-filter: blur(12px);
            }

            #themeoff-spare-shiraz-page .to-btn-secondary:hover {
                transform: translateY(-4px);
                background: rgba(255,255,255,.1);
            }

            /* Hero */
            #themeoff-spare-shiraz-page .to-hero {
                min-height: 690px;
                display: flex;
                align-items: center;
                padding-top: 62px;
                padding-bottom: 48px;
            }

            #themeoff-spare-shiraz-page .to-hero-grid {
                display: grid;
                grid-template-columns: 1.02fr .98fr;
                align-items: center;
                gap: 48px;
            }

            #themeoff-spare-shiraz-page .to-hero .to-hero-title {
                margin: 0 0 18px !important;
                font-size: clamp(38px,5vw,66px) !important;
                line-height: 1.23 !important;
                font-weight: 950 !important;
            }

            #themeoff-spare-shiraz-page .to-hero-copy {
                position: relative;
                z-index: 4;
            }

            #themeoff-spare-shiraz-page .to-hero-visual {
                position: relative;
                min-height: 550px;
                perspective: 1500px;
                transform-style: preserve-3d;
            }

            #themeoff-spare-shiraz-page .to-main-screen,
            #themeoff-spare-shiraz-page .to-floating-window {
                position: absolute;
                border: 1px solid rgba(255,255,255,.12);
                background: linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025)),#0c2035;
                box-shadow: 0 34px 75px rgba(0,0,0,.43);
                transform-style: preserve-3d;
                will-change: transform;
                backface-visibility: hidden;
            }

            #themeoff-spare-shiraz-page .to-main-screen {
                width: min(535px,95%);
                height: 350px;
                top: 100px;
                right: 8px;
                padding: 16px;
                border-radius: 30px;
            }

            #themeoff-spare-shiraz-page .to-screen-inner {
                height: 100%;
                padding: 17px;
                overflow: hidden;
                border-radius: 21px;
                background:
                    radial-gradient(circle at 15% 15%,rgba(70,239,164,.18),transparent 22%),
                    radial-gradient(circle at 85% 25%,rgba(89,216,255,.15),transparent 23%),
                    linear-gradient(160deg,#112d49,#091b2f);
            }

            #themeoff-spare-shiraz-page .to-browser {
                display: flex;
                gap: 7px;
                margin-bottom: 16px;
            }

            #themeoff-spare-shiraz-page .to-browser span {
                width: 10px;
                height: 10px;
                border-radius: 50%;
                background: rgba(255,255,255,.23);
            }

            #themeoff-spare-shiraz-page .to-screen-layout {
                display: grid;
                grid-template-columns: 1.2fr .8fr;
                gap: 13px;
                height: calc(100% - 26px);
            }

            #themeoff-spare-shiraz-page .to-screen-box {
                padding: 16px;
                border: 1px solid rgba(255,255,255,.075);
                border-radius: 18px;
                background: rgba(255,255,255,.045);
            }

            #themeoff-spare-shiraz-page .to-line {
                height: 10px;
                margin-bottom: 10px;
                border-radius: 20px;
                background: linear-gradient(90deg,rgba(255,255,255,.2),rgba(255,255,255,.05));
            }

            #themeoff-spare-shiraz-page .to-line-lg { width: 88%; height: 18px; }
            #themeoff-spare-shiraz-page .to-line-md { width: 68%; }
            #themeoff-spare-shiraz-page .to-line-sm { width: 48%; }

            #themeoff-spare-shiraz-page .to-floating-window {
                padding: 15px;
                border-radius: 22px;
            }

            #themeoff-spare-shiraz-page .to-window-one {
                width: 230px;
                height: 160px;
                top: 26px;
                left: 0;
            }

            #themeoff-spare-shiraz-page .to-window-two {
                width: 250px;
                height: 175px;
                bottom: 15px;
                left: 24px;
            }

            #themeoff-spare-shiraz-page .to-progress {
                height: 9px;
                margin: 14px 0;
                overflow: hidden;
                border-radius: 10px;
                background: rgba(255,255,255,.08);
            }

            #themeoff-spare-shiraz-page .to-progress span {
                display: block;
                width: 74%;
                height: 100%;
                border-radius: inherit;
                background: linear-gradient(90deg,var(--to-green),var(--to-cyan));
            }

            /* Cards */
            #themeoff-spare-shiraz-page .to-card-grid,
            #themeoff-spare-shiraz-page .to-content-grid,
            #themeoff-spare-shiraz-page .to-industries {
                display: grid;
                gap: 18px;
                margin-top: 32px;
            }

            #themeoff-spare-shiraz-page .to-card-grid {
                grid-template-columns: repeat(3,1fr);
            }

            #themeoff-spare-shiraz-page .to-content-grid {
                grid-template-columns: repeat(2,1fr);
            }

            #themeoff-spare-shiraz-page .to-industries {
                grid-template-columns: repeat(4,1fr);
            }

            #themeoff-spare-shiraz-page .to-card,
            #themeoff-spare-shiraz-page .to-content-box,
            #themeoff-spare-shiraz-page .to-industry,
            #themeoff-spare-shiraz-page .to-process-item,
            #themeoff-spare-shiraz-page .to-portfolio-card,
            #themeoff-spare-shiraz-page .to-faq-item {
                position: relative;
                overflow: hidden;
                border: 1px solid var(--to-border);
                background: linear-gradient(160deg,rgba(255,255,255,.066),rgba(255,255,255,.022));
                box-shadow: var(--to-shadow);
                transform-style: preserve-3d;
                backface-visibility: hidden;
                will-change: transform;
                transition: border-color .3s ease,box-shadow .3s ease,background .3s ease;
            }

            #themeoff-spare-shiraz-page .to-card {
                min-height: 100%;
                padding: 25px;
                border-radius: 24px;
            }

            #themeoff-spare-shiraz-page .to-card:hover,
            #themeoff-spare-shiraz-page .to-content-box:hover,
            #themeoff-spare-shiraz-page .to-industry:hover,
            #themeoff-spare-shiraz-page .to-portfolio-card:hover {
                border-color: rgba(89,216,255,.3);
                box-shadow: 0 34px 85px rgba(0,0,0,.44),0 0 36px rgba(89,216,255,.06);
            }

            #themeoff-spare-shiraz-page .to-card h3,
            #themeoff-spare-shiraz-page .to-content-box h3,
            #themeoff-spare-shiraz-page .to-industry h3 {
                margin: 0 0 10px !important;
                transform: translateZ(22px);
            }

            #themeoff-spare-shiraz-page .to-card p,
            #themeoff-spare-shiraz-page .to-content-box p,
            #themeoff-spare-shiraz-page .to-industry p {
                margin: 0 !important;
                line-height: 2.03;
                transform: translateZ(12px);
            }

            #themeoff-spare-shiraz-page .to-icon {
                width: 56px;
                height: 56px;
                display: grid;
                place-items: center;
                margin-bottom: 16px;
                border-radius: 17px;
                color: #061421 !important;
                -webkit-text-fill-color: #061421 !important;
                background: linear-gradient(135deg,#4aefa7,#5bd9ff);
                box-shadow: inset 0 1px 0 rgba(255,255,255,.5),0 14px 26px rgba(20,184,120,.18);
                font-size: 23px;
                font-weight: 900;
                transform: translateZ(28px);
            }

            #themeoff-spare-shiraz-page .to-card-link {
                display: inline-flex;
                margin-top: 16px;
                color: #70e2ff !important;
                -webkit-text-fill-color: #70e2ff !important;
                font-weight: 800;
                transform: translateZ(18px);
            }

            #themeoff-spare-shiraz-page .to-content-box {
                padding: 28px;
                border-radius: 24px;
            }

            #themeoff-spare-shiraz-page .to-industry {
                min-height: 150px;
                padding: 21px;
                border-radius: 22px;
            }

            /* Scroll story without long empty gap */
            #themeoff-spare-shiraz-page .to-scroll-story {
                position: relative;
                height: 100vh;
                min-height: 670px;
                margin: 0;
                padding: 0;
            }

            #themeoff-spare-shiraz-page .to-story-sticky {
                position: sticky;
                top: 0;
                height: 100vh;
                min-height: 650px;
                display: flex;
                align-items: center;
                overflow: hidden;
            }

            #themeoff-spare-shiraz-page .to-scroll-story + .to-section {
                padding-top: 34px;
            }

            #themeoff-spare-shiraz-page .to-story-grid {
                display: grid;
                grid-template-columns: .86fr 1.14fr;
                align-items: center;
                gap: 46px;
            }

            #themeoff-spare-shiraz-page .to-story-stage {
                position: relative;
                min-height: 510px;
                perspective: 1500px;
                transform-style: preserve-3d;
            }

            #themeoff-spare-shiraz-page .to-story-panel {
                position: absolute;
                width: 90%;
                height: 350px;
                top: 72px;
                right: 0;
                padding: 17px;
                border: 1px solid rgba(255,255,255,.12);
                border-radius: 30px;
                background: linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.02)),#0b2035;
                box-shadow: 0 42px 90px rgba(0,0,0,.45);
                transform-style: preserve-3d;
                will-change: transform;
            }

            #themeoff-spare-shiraz-page .to-story-screen {
                height: 100%;
                padding: 19px;
                border-radius: 22px;
                background:
                    radial-gradient(circle at 80% 10%,rgba(161,141,255,.17),transparent 24%),
                    radial-gradient(circle at 15% 25%,rgba(70,239,164,.14),transparent 25%),
                    linear-gradient(155deg,#102c48,#091b2d);
            }

            #themeoff-spare-shiraz-page .to-story-float {
                position: absolute;
                padding: 17px;
                border: 1px solid rgba(255,255,255,.11);
                border-radius: 22px;
                background: rgba(14,38,62,.92);
                backdrop-filter: blur(17px);
                box-shadow: 0 28px 65px rgba(0,0,0,.38);
                transform-style: preserve-3d;
                will-change: transform;
            }

            #themeoff-spare-shiraz-page .to-float-one { width: 230px; top: 10px; left: 0; }
            #themeoff-spare-shiraz-page .to-float-two { width: 245px; bottom: 30px; left: 18px; }
            #themeoff-spare-shiraz-page .to-float-three { width: 205px; right: 32px; bottom: 0; }

            /* Portfolio */
            #themeoff-spare-shiraz-page .to-portfolio-wrap {
                position: relative;
                margin-top: 32px;
            }

            #themeoff-spare-shiraz-page .to-portfolio-track {
                display: flex;
                gap: 18px;
                overflow-x: auto;
                padding: 8px 18px 28px;
                scroll-snap-type: x mandatory;
                scroll-behavior: smooth;
                scrollbar-width: none;
                cursor: grab;
            }

            #themeoff-spare-shiraz-page .to-portfolio-track::-webkit-scrollbar {
                display: none;
            }

            #themeoff-spare-shiraz-page .to-portfolio-track.is-dragging {
                cursor: grabbing;
                user-select: none;
                scroll-behavior: auto;
            }

            #themeoff-spare-shiraz-page .to-portfolio-card {
                flex: 0 0 min(430px,86vw);
                padding: 18px;
                border-radius: 28px;
                scroll-snap-align: center;
            }

            #themeoff-spare-shiraz-page .to-portfolio-browser {
                position: relative;
                height: 260px;
                padding: 14px;
                overflow: hidden;
                border-radius: 20px;
                background:
                    radial-gradient(circle at 12% 15%,rgba(70,239,164,.16),transparent 24%),
                    radial-gradient(circle at 86% 20%,rgba(89,216,255,.15),transparent 26%),
                    linear-gradient(145deg,#12314f,#0a1d31);
                transform: translateZ(24px);
            }

            #themeoff-spare-shiraz-page .to-portfolio-layout {
                display: grid;
                grid-template-columns: 1.2fr .8fr;
                gap: 11px;
                height: calc(100% - 25px);
            }

            #themeoff-spare-shiraz-page .to-portfolio-pane {
                border: 1px solid rgba(255,255,255,.07);
                border-radius: 15px;
                background: rgba(255,255,255,.045);
            }

            #themeoff-spare-shiraz-page .to-portfolio-meta {
                padding: 20px 5px 4px;
                transform: translateZ(18px);
            }

            #themeoff-spare-shiraz-page .to-portfolio-meta h3 {
                margin: 0 0 7px !important;
                font-size: 21px !important;
            }

            #themeoff-spare-shiraz-page .to-portfolio-meta p {
                margin: 0 !important;
                line-height: 1.9;
            }

            #themeoff-spare-shiraz-page .to-slider-controls {
                display: flex;
                justify-content: center;
                gap: 10px;
                margin-top: 10px;
            }

            #themeoff-spare-shiraz-page .to-slider-btn {
                width: 44px;
                height: 44px;
                display: grid;
                place-items: center;
                border: 1px solid var(--to-border);
                border-radius: 14px;
                color: #fff !important;
                background: rgba(255,255,255,.06);
                font: inherit;
                font-size: 20px;
                cursor: pointer;
                transition: transform .25s ease,background .25s ease;
            }

            #themeoff-spare-shiraz-page .to-slider-btn:hover {
                transform: translateY(-3px);
                background: rgba(89,216,255,.13);
            }

            /* Process */
            #themeoff-spare-shiraz-page .to-process-grid {
                display: grid;
                grid-template-columns: repeat(5,1fr);
                gap: 15px;
                margin-top: 32px;
            }

            #themeoff-spare-shiraz-page .to-process-item {
                padding: 22px 16px;
                border-radius: 22px;
                text-align: center;
            }

            #themeoff-spare-shiraz-page .to-step {
                width: 56px;
                height: 56px;
                display: grid;
                place-items: center;
                margin: 0 auto 15px;
                border-radius: 17px;
                color: #06131d !important;
                -webkit-text-fill-color: #06131d !important;
                background: linear-gradient(130deg,var(--to-green),var(--to-cyan));
                font-size: 21px;
                font-weight: 950;
                transform: translateZ(26px);
            }

            /* FAQ */
            #themeoff-spare-shiraz-page .to-faq {
                max-width: 980px;
                display: grid;
                gap: 13px;
                margin: 32px auto 0;
            }

            #themeoff-spare-shiraz-page .to-faq-item {
                border-radius: 20px;
            }

            #themeoff-spare-shiraz-page .to-faq-question {
                position: relative;
                width: 100%;
                min-height: 70px;
                padding: 17px 23px 17px 56px;
                border: 0;
                color: #fff !important;
                -webkit-text-fill-color: #fff !important;
                background: transparent;
                font: inherit;
                font-size: 16px;
                font-weight: 800;
                line-height: 1.8;
                text-align: right;
                cursor: pointer;
            }

            #themeoff-spare-shiraz-page .to-faq-question::after {
                content: "+";
                position: absolute;
                left: 21px;
                top: 50%;
                color: var(--to-green) !important;
                -webkit-text-fill-color: var(--to-green) !important;
                font-size: 27px;
                transform: translateY(-50%);
                transition: transform .3s ease;
            }

            #themeoff-spare-shiraz-page .to-faq-item.is-open .to-faq-question::after {
                transform: translateY(-50%) rotate(45deg);
            }

            #themeoff-spare-shiraz-page .to-faq-answer {
                max-height: 0;
                overflow: hidden;
                transition: max-height .42s ease;
            }

            #themeoff-spare-shiraz-page .to-faq-answer-inner {
                padding: 0 23px 22px;
                color: var(--to-muted) !important;
                line-height: 2.08;
            }

            #themeoff-spare-shiraz-page .to-faq-answer-inner ul {
                margin: 12px 0 0;
                padding-right: 20px;
            }

            /* Calculator - intentionally flat and no 3D */
            #themeoff-spare-shiraz-page .to-calculator-shell {
                position: relative;
                overflow: hidden;
                padding: 38px;
                border: 1px solid rgba(255,255,255,.13);
                border-radius: 32px;
                background:
                    radial-gradient(circle at 10% 15%,rgba(70,239,164,.14),transparent 25%),
                    radial-gradient(circle at 90% 15%,rgba(89,216,255,.14),transparent 28%),
                    linear-gradient(145deg,#0d2943,#091a2c);
                box-shadow: 0 34px 90px rgba(0,0,0,.42);
                transform: none !important;
            }

            #themeoff-spare-shiraz-page .to-calculator-output {
                position: relative;
                z-index: 2;
                margin-top: 26px;
                padding: 22px;
                border: 1px solid rgba(255,255,255,.09);
                border-radius: 22px;
                background: rgba(3,16,27,.56);
                transform: none !important;
            }

            #themeoff-spare-shiraz-page .to-calculator-output *,
            #themeoff-spare-shiraz-page .to-calculator-output form {
                scroll-margin-top: 120px;
            }

            /* Contact after calculator */
            #themeoff-spare-shiraz-page .to-contact-box {
                display: grid;
                grid-template-columns: 1fr auto;
                align-items: center;
                gap: 28px;
                padding: 36px;
                border: 1px solid rgba(255,255,255,.12);
                border-radius: 30px;
                background:
                    radial-gradient(circle at 15% 15%,rgba(70,239,164,.12),transparent 26%),
                    radial-gradient(circle at 85% 20%,rgba(161,141,255,.12),transparent 27%),
                    linear-gradient(145deg,#102a45,#091a2d);
                box-shadow: 0 32px 85px rgba(0,0,0,.4);
                transform-style: preserve-3d;
            }

            #themeoff-spare-shiraz-page .to-contact-links {
                display: flex;
                flex-wrap: wrap;
                gap: 11px;
                justify-content: flex-end;
            }

            #themeoff-spare-shiraz-page .to-contact-pill {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 50px;
                padding: 11px 18px;
                border: 1px solid var(--to-border);
                border-radius: 15px;
                color: #fff !important;
                -webkit-text-fill-color: #fff !important;
                background: rgba(255,255,255,.055);
                font-weight: 800;
                transition: transform .3s ease,background .3s ease;
            }

            #themeoff-spare-shiraz-page .to-contact-pill:hover {
                transform: translateY(-4px);
                background: rgba(89,216,255,.12);
            }

            /* Reveal */
            #themeoff-spare-shiraz-page .to-reveal {
                opacity: 0;
                transform: translateY(26px);
                transition: opacity .68s ease,transform .68s cubic-bezier(.2,.7,.2,1);
            }

            #themeoff-spare-shiraz-page .to-reveal.is-visible {
                opacity: 1;
                transform: translateY(0);
            }

            /* Responsive */
            @media (max-width: 1100px) {
                #themeoff-spare-shiraz-page .to-hero-grid,
                #themeoff-spare-shiraz-page .to-story-grid {
                    grid-template-columns: 1fr;
                }

                #themeoff-spare-shiraz-page .to-card-grid {
                    grid-template-columns: repeat(2,1fr);
                }

                #themeoff-spare-shiraz-page .to-industries {
                    grid-template-columns: repeat(2,1fr);
                }

                #themeoff-spare-shiraz-page .to-process-grid {
                    grid-template-columns: repeat(2,1fr);
                }

                #themeoff-spare-shiraz-page .to-hero-copy {
                    text-align: center;
                }

                #themeoff-spare-shiraz-page .to-actions {
                    justify-content: center;
                }

                #themeoff-spare-shiraz-page .to-scroll-story {
                    height: auto;
                    min-height: 0;
                    padding: 40px 0 20px;
                }

                #themeoff-spare-shiraz-page .to-story-sticky {
                    position: relative;
                    height: auto;
                    min-height: 0;
                    overflow: visible;
                }

                #themeoff-spare-shiraz-page .to-scroll-story + .to-section {
                    padding-top: 28px;
                }

                #themeoff-spare-shiraz-page .to-contact-box {
                    grid-template-columns: 1fr;
                    text-align: center;
                }

                #themeoff-spare-shiraz-page .to-contact-links {
                    justify-content: center;
                }
            }

            @media (max-width: 767px) {
                #themeoff-spare-shiraz-page .to-container {
                    width: min(100% - 22px,1180px);
                }

                #themeoff-spare-shiraz-page .to-section,
                #themeoff-spare-shiraz-page .to-contact-section,
                #themeoff-spare-shiraz-page .to-calculator-section {
                    padding: 48px 0;
                }

                #themeoff-spare-shiraz-page .to-hero {
                    min-height: auto;
                    padding: 50px 0 34px;
                }

                #themeoff-spare-shiraz-page .to-card-grid,
                #themeoff-spare-shiraz-page .to-content-grid,
                #themeoff-spare-shiraz-page .to-industries,
                #themeoff-spare-shiraz-page .to-process-grid {
                    grid-template-columns: 1fr;
                }

                #themeoff-spare-shiraz-page .to-actions {
                    flex-direction: column;
                }

                #themeoff-spare-shiraz-page .to-btn {
                    width: 100%;
                }

                #themeoff-spare-shiraz-page .to-hero-visual {
                    min-height: 440px;
                }

                #themeoff-spare-shiraz-page .to-main-screen {
                    width: 100%;
                    height: 260px;
                    top: 88px;
                    right: 0;
                }

                #themeoff-spare-shiraz-page .to-window-one {
                    width: 165px;
                    height: 116px;
                    left: 0;
                }

                #themeoff-spare-shiraz-page .to-window-two {
                    width: 176px;
                    height: 122px;
                    left: 4px;
                }

                #themeoff-spare-shiraz-page .to-story-stage {
                    min-height: 450px;
                }

                #themeoff-spare-shiraz-page .to-story-panel {
                    width: 100%;
                    height: 270px;
                }

                #themeoff-spare-shiraz-page .to-story-float {
                    width: 160px;
                    padding: 12px;
                }

                #themeoff-spare-shiraz-page .to-portfolio-track {
                    padding-inline: 4px;
                }

                #themeoff-spare-shiraz-page .to-portfolio-browser {
                    height: 220px;
                }

                #themeoff-spare-shiraz-page .to-calculator-shell {
                    padding: 24px 12px;
                    border-radius: 23px;
                }

                #themeoff-spare-shiraz-page .to-calculator-output {
                    padding: 12px;
                    border-radius: 17px;
                }

                #themeoff-spare-shiraz-page .to-contact-box {
                    padding: 27px 17px;
                    border-radius: 24px;
                }

                #themeoff-spare-shiraz-page .to-contact-links {
                    flex-direction: column;
                }

                #themeoff-spare-shiraz-page .to-contact-pill {
                    width: 100%;
                }
            }

            @media (prefers-reduced-motion: reduce) {
                #themeoff-spare-shiraz-page *,
                #themeoff-spare-shiraz-page *::before,
                #themeoff-spare-shiraz-page *::after {
                    animation: none !important;
                    transition: none !important;
                    scroll-behavior: auto !important;
                }
            }


            /* Mobile and small tablet: disable all scroll and 3D transforms */
            @media (max-width: 900px) {
                #themeoff-spare-shiraz-page {
                    perspective: none !important;
                    transform-style: flat !important;
                }

                #themeoff-spare-shiraz-page .to-animated-section,
                #themeoff-spare-shiraz-page .to-scroll-object,
                #themeoff-spare-shiraz-page .to-depth-item,
                #themeoff-spare-shiraz-page .to-container,
                #themeoff-spare-shiraz-page .to-card,
                #themeoff-spare-shiraz-page .to-content-box,
                #themeoff-spare-shiraz-page .to-industry,
                #themeoff-spare-shiraz-page .to-process-item,
                #themeoff-spare-shiraz-page .to-portfolio-card,
                #themeoff-spare-shiraz-page .to-faq-item,
                #themeoff-spare-shiraz-page .to-contact-box,
                #themeoff-spare-shiraz-page .to-main-screen,
                #themeoff-spare-shiraz-page .to-floating-window,
                #themeoff-spare-shiraz-page .to-story-panel,
                #themeoff-spare-shiraz-page .to-story-float {
                    transform: none !important;
                    opacity: 1 !important;
                    filter: none !important;
                    perspective: none !important;
                    transform-style: flat !important;
                    will-change: auto !important;
                }

                #themeoff-spare-shiraz-page .to-scroll-story {
                    height: auto !important;
                    min-height: 0 !important;
                    padding: 42px 0 20px !important;
                }

                #themeoff-spare-shiraz-page .to-story-sticky {
                    position: relative !important;
                    top: auto !important;
                    height: auto !important;
                    min-height: 0 !important;
                    overflow: visible !important;
                }

                #themeoff-spare-shiraz-page .to-section::before,
                #themeoff-spare-shiraz-page .to-hero::before,
                #themeoff-spare-shiraz-page .to-contact-section::before {
                    display: none !important;
                }

                #themeoff-spare-shiraz-page .to-reveal {
                    opacity: 1 !important;
                    transform: none !important;
                    transition: none !important;
                }

                #themeoff-spare-shiraz-page .to-page-progress {
                    display: none !important;
                }
            }

        
            /* Final spacing between page content, site header and footer */
            #themeoff-spare-shiraz-page {
                margin-top: 0 !important;
                margin-bottom: 0 !important;
                padding-top: 0 !important;
                padding-bottom: 0 !important;
            }

            #themeoff-spare-shiraz-page .to-hero {
                padding-top: 92px !important;
                padding-bottom: 62px !important;
            }

            #themeoff-spare-shiraz-page .to-contact-section {
                margin: 0 !important;
                padding: 54px 0 74px !important;
                background:
                    radial-gradient(circle at 16% 20%,rgba(70,239,164,.08),transparent 31%),
                    radial-gradient(circle at 84% 25%,rgba(89,216,255,.08),transparent 31%),
                    linear-gradient(180deg,transparent 0%,rgba(7,26,46,.76) 100%) !important;
            }

            #themeoff-spare-shiraz-page .to-contact-box {
                min-height: 230px;
                display: grid;
                grid-template-columns: minmax(0,1fr) auto;
                align-items: center;
                gap: 34px;
                margin: 0 !important;
                padding: 42px 46px !important;
                overflow: hidden;
                border: 1px solid rgba(255,255,255,.13) !important;
                border-radius: 30px !important;
                background:
                    radial-gradient(circle at 12% 20%,rgba(70,239,164,.14),transparent 29%),
                    radial-gradient(circle at 88% 18%,rgba(89,216,255,.13),transparent 30%),
                    linear-gradient(145deg,#102d49 0%,#091b2e 100%) !important;
                box-shadow:
                    0 30px 80px rgba(0,0,0,.4),
                    inset 0 1px 0 rgba(255,255,255,.05) !important;
            }

            #themeoff-spare-shiraz-page .to-contact-copy {
                min-width: 0;
            }

            #themeoff-spare-shiraz-page .to-contact-copy .to-title {
                margin-bottom: 12px !important;
            }

            #themeoff-spare-shiraz-page .to-phone-button {
                position: relative;
                min-width: 290px;
                min-height: 72px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 13px;
                padding: 12px 17px !important;
                overflow: hidden;
                border: 1px solid rgba(255,255,255,.3) !important;
                border-radius: 20px !important;
                color: #03151e !important;
                -webkit-text-fill-color: #03151e !important;
                background: linear-gradient(120deg,#49efa6 0%,#58d9ff 100%) !important;
                box-shadow:
                    0 18px 42px rgba(70,239,164,.25),
                    inset 0 1px 0 rgba(255,255,255,.62) !important;
                direction: rtl;
                transform-style: preserve-3d;
                transition:
                    transform .3s ease,
                    box-shadow .3s ease,
                    filter .3s ease !important;
            }

            #themeoff-spare-shiraz-page .to-phone-button::after {
                content: "";
                position: absolute;
                width: 80px;
                height: 170%;
                top: -35%;
                right: -115px;
                opacity: .42;
                pointer-events: none;
                background: rgba(255,255,255,.68);
                filter: blur(18px);
                transform: rotate(20deg);
                transition: right .58s ease;
            }

            #themeoff-spare-shiraz-page .to-phone-button:hover {
                color: #03151e !important;
                -webkit-text-fill-color: #03151e !important;
                filter: brightness(1.045);
                transform: translateY(-5px) scale(1.025) !important;
                box-shadow:
                    0 25px 52px rgba(70,239,164,.34),
                    0 0 32px rgba(89,216,255,.17),
                    inset 0 1px 0 rgba(255,255,255,.72) !important;
            }

            #themeoff-spare-shiraz-page .to-phone-button:hover::after {
                right: calc(100% + 30px);
            }

            #themeoff-spare-shiraz-page .to-phone-icon {
                width: 43px;
                height: 43px;
                flex: 0 0 43px;
                display: grid;
                place-items: center;
                border-radius: 13px;
                color: #03151e !important;
                -webkit-text-fill-color: #03151e !important;
                background: rgba(3,21,30,.11);
                box-shadow: inset 0 1px 0 rgba(255,255,255,.26);
            }

            #themeoff-spare-shiraz-page .to-phone-icon svg {
                display: block;
            }

            #themeoff-spare-shiraz-page .to-phone-content {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                gap: 2px;
                line-height: 1.45;
            }

            #themeoff-spare-shiraz-page .to-phone-label {
                color: #17303a !important;
                -webkit-text-fill-color: #17303a !important;
                font-size: 12px;
                font-weight: 800;
            }

            #themeoff-spare-shiraz-page .to-phone-number {
                color: #03151e !important;
                -webkit-text-fill-color: #03151e !important;
                direction: ltr;
                font-size: 19px;
                font-weight: 950;
                letter-spacing: .4px;
            }

            #themeoff-spare-shiraz-page .to-phone-arrow {
                margin-right: auto;
                color: #03151e !important;
                -webkit-text-fill-color: #03151e !important;
                font-size: 23px;
                font-weight: 900;
                transition: transform .3s ease;
            }

            #themeoff-spare-shiraz-page .to-phone-button:hover .to-phone-arrow {
                transform: translateX(-4px);
            }

            /* Remove white or empty strip around the shortcode widget */
            .elementor-widget-shortcode:has(#themeoff-spare-shiraz-page),
            .elementor-widget-shortcode:has(#themeoff-spare-shiraz-page) > .elementor-widget-container,
            .elementor-element:has(#themeoff-spare-shiraz-page) {
                margin-top: 0 !important;
                margin-bottom: 0 !important;
                padding-top: 0 !important;
                padding-bottom: 0 !important;
            }

            #themeoff-spare-shiraz-page + footer,
            #themeoff-spare-shiraz-page ~ footer,
            footer.site-footer,
            .site-footer,
            #footer-nav {
                margin-top: -1px !important;
            }

            @media (max-width: 1100px) {
                #themeoff-spare-shiraz-page .to-hero {
                    padding-top: 78px !important;
                    padding-bottom: 52px !important;
                }

                #themeoff-spare-shiraz-page .to-contact-section {
                    padding: 46px 0 62px !important;
                }

                #themeoff-spare-shiraz-page .to-contact-box {
                    grid-template-columns: 1fr;
                    gap: 28px;
                    min-height: 0;
                    padding: 36px 30px !important;
                    text-align: center;
                }

                #themeoff-spare-shiraz-page .to-phone-button {
                    margin-inline: auto;
                }

                #themeoff-spare-shiraz-page .to-contact-copy .to-description {
                    max-width: 720px;
                    margin-inline: auto !important;
                }
            }

            @media (max-width: 767px) {
                #themeoff-spare-shiraz-page .to-hero {
                    padding-top: 66px !important;
                    padding-bottom: 42px !important;
                }

                #themeoff-spare-shiraz-page .to-contact-section {
                    padding: 38px 0 50px !important;
                }

                #themeoff-spare-shiraz-page .to-contact-box {
                    gap: 24px;
                    padding: 30px 18px !important;
                    border-radius: 24px !important;
                }

                #themeoff-spare-shiraz-page .to-contact-copy .to-title {
                    font-size: 27px !important;
                    line-height: 1.5 !important;
                }

                #themeoff-spare-shiraz-page .to-phone-button {
                    width: 100%;
                    min-width: 0;
                    min-height: 66px;
                    padding: 10px 13px !important;
                    border-radius: 18px !important;
                }

                #themeoff-spare-shiraz-page .to-phone-icon {
                    width: 39px;
                    height: 39px;
                    flex-basis: 39px;
                }

                #themeoff-spare-shiraz-page .to-phone-number {
                    font-size: 17px;
                }

                #themeoff-spare-shiraz-page .to-phone-arrow {
                    font-size: 20px;
                }
            }

        
            #themeoff-spare-shiraz-page .to-portfolio-card-link {
                display: block;
                color: inherit !important;
                -webkit-text-fill-color: inherit !important;
            }

            #themeoff-spare-shiraz-page .to-portfolio-browser {
                background-position: center !important;
                background-repeat: no-repeat !important;
                background-size: cover !important;
            }

            #themeoff-spare-shiraz-page .to-portfolio-browser::after {
                content: "";
                position: absolute;
                inset: 0;
                z-index: 1;
                pointer-events: none;
                background:
                    linear-gradient(
                        180deg,
                        transparent 45%,
                        rgba(3,15,27,.68) 100%
                    );
            }

            #themeoff-spare-shiraz-page .to-portfolio-browser .to-browser,
            #themeoff-spare-shiraz-page .to-portfolio-browser .to-portfolio-layout {
                position: relative;
                z-index: 2;
            }

            #themeoff-spare-shiraz-page .to-portfolio-view {
                position: absolute;
                right: 16px;
                bottom: 15px;
                z-index: 3;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 38px;
                padding: 8px 14px;
                border: 1px solid rgba(255,255,255,.16);
                border-radius: 12px;
                color: #fff !important;
                -webkit-text-fill-color: #fff !important;
                background: rgba(5,20,34,.68);
                backdrop-filter: blur(10px);
                font-size: 12px;
                font-weight: 800;
                opacity: 0;
                transform: translateY(8px);
                transition: opacity .3s ease,transform .3s ease;
            }

            #themeoff-spare-shiraz-page .to-portfolio-card:hover .to-portfolio-view {
                opacity: 1;
                transform: translateY(0);
            }

            #themeoff-spare-shiraz-page .to-portfolio-no-image::after {
                display: none;
            }

            #themeoff-spare-shiraz-page .to-portfolio-empty {
                flex-basis: min(520px,92vw);
                text-align: center;
            }

            #themeoff-spare-shiraz-page .to-portfolio-empty .to-btn {
                margin-top: 18px;
            }

            #themeoff-spare-shiraz-page .to-portfolio-all {
                display: flex;
                justify-content: center;
                margin-top: 20px;
            }

            @media (max-width: 900px) {
                #themeoff-spare-shiraz-page .to-portfolio-view {
                    opacity: 1;
                    transform: none;
                }
            }

        
            /* نمایش قطعی تصویر واقعی نمونه‌کار */
            #themeoff-spare-shiraz-page .to-portfolio-browser {
                min-height: 260px;
                background-color: #0d263e !important;
                background-position: center center !important;
                background-repeat: no-repeat !important;
                background-size: cover !important;
            }

            #themeoff-spare-shiraz-page .to-portfolio-card-link {
                height: 100%;
            }

            @media (max-width: 767px) {
                #themeoff-spare-shiraz-page .to-portfolio-browser {
                    min-height: 220px;
                }
            }
/* =========================================================
   چسباندن کامل صفحه تم آف به هدر و فوتر
========================================================= */

/* حذف فاصله کلی صفحه */
html,
body {
    margin: 0 !important;
    padding: 0 !important;
}

#themeoff-spare-shiraz-page {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* سکشن اول کاملاً به هدر بچسبد */
#themeoff-spare-shiraz-page .to-hero {
    margin-top: 0 !important;
    padding-top: 45px !important;
}

/* سکشن آخر کاملاً به فوتر بچسبد */
#themeoff-spare-shiraz-page .to-contact-section {
    margin-bottom: 0 !important;
    padding-bottom: 45px !important;
}

/* حذف فاصله پایین آخرین کانتینر */
#themeoff-spare-shiraz-page .to-contact-section:last-child,
#themeoff-spare-shiraz-page .to-contact-section:last-child .to-container {
    margin-bottom: 0 !important;
}

/* حذف فاصله از ویجت شورت‌کد المنتور */
.elementor-widget-shortcode:has(#themeoff-spare-shiraz-page),
.elementor-widget-shortcode:has(#themeoff-spare-shiraz-page) > .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

/* حذف فاصله از کانتینر والد المنتور */
.elementor-element:has(#themeoff-spare-shiraz-page),
.e-con:has(#themeoff-spare-shiraz-page),
.elementor-section:has(#themeoff-spare-shiraz-page),
.elementor-container:has(#themeoff-spare-shiraz-page),
.elementor-column:has(#themeoff-spare-shiraz-page),
.elementor-widget-wrap:has(#themeoff-spare-shiraz-page) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* حذف Gap احتمالی کانتینر المنتور */
.e-con:has(#themeoff-spare-shiraz-page) {
    --gap: 0px !important;
    gap: 0 !important;
}

/* حذف فاصله از محتوای اصلی قالب */
main:has(#themeoff-spare-shiraz-page),
.site-main:has(#themeoff-spare-shiraz-page),
#main:has(#themeoff-spare-shiraz-page),
.content-area:has(#themeoff-spare-shiraz-page),
.entry-content:has(#themeoff-spare-shiraz-page),
.page-content:has(#themeoff-spare-shiraz-page) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* حذف margin پیش‌فرض پاراگراف انتهایی */
#themeoff-spare-shiraz-page section:last-child p:last-child {
    margin-bottom: 0 !important;
}

/* اتصال بصری به هدر */
header + main:has(#themeoff-spare-shiraz-page),
header + .site-main:has(#themeoff-spare-shiraz-page),
header + div:has(#themeoff-spare-shiraz-page) {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* اتصال بصری به فوتر */
#themeoff-spare-shiraz-page + footer,
#themeoff-spare-shiraz-page ~ footer,
main:has(#themeoff-spare-shiraz-page) + footer,
.site-main:has(#themeoff-spare-shiraz-page) + footer,
footer.site-footer,
.site-footer,
#footer-nav {
    margin-top: -1px !important;
}

/* جلوگیری از نوار سفید یک پیکسلی */
#themeoff-spare-shiraz-page .to-contact-section {
    position: relative;
    bottom: -1px;
}

/* تبلت */
@media (max-width: 1100px) {
    #themeoff-spare-shiraz-page .to-hero {
        padding-top: 38px !important;
    }

    #themeoff-spare-shiraz-page .to-contact-section {
        padding-bottom: 38px !important;
    }
}

/* موبایل */
@media (max-width: 767px) {
    #themeoff-spare-shiraz-page .to-hero {
        padding-top: 30px !important;
    }

    #themeoff-spare-shiraz-page .to-contact-section {
        padding-bottom: 30px !important;
    }
}
	/* حذف فاصله اضافه از چپ و راست کل لندینگ */
#themeoff-spare-shiraz-page {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}
	#themeoff-spare-shiraz-page .to-contact-box {
   
    margin-bottom: 150px !important;
}
	#themeoff-spare-shiraz-page .to-hero-grid {
    
    margin-top: 71px !important;
}
	
	

                    #themeoff-spare-shiraz-page .to-description a,
            #themeoff-spare-shiraz-page .to-faq-answer-inner a {
                color: #70e2ff !important;
                -webkit-text-fill-color: #70e2ff !important;
                text-decoration: underline !important;
                text-underline-offset: 4px;
                font-weight: 800;
            }
        
            /* =========================================================
               نمایش دقیق 3 نمونه‌کار کامل و تصویر بدون برش
            ========================================================= */

            #themeoff-spare-shiraz-page .to-portfolio-wrap {
                width: 100%;
                overflow: hidden;
            }

            #themeoff-spare-shiraz-page .to-portfolio-track {
                --to-portfolio-gap: 18px;
                display: flex !important;
                gap: var(--to-portfolio-gap) !important;
                width: 100% !important;
                padding: 8px 0 28px !important;
                overflow-x: auto !important;
                overflow-y: hidden !important;
                scroll-snap-type: x mandatory !important;
                scroll-padding-inline: 0 !important;
                overscroll-behavior-inline: contain;
            }

            #themeoff-spare-shiraz-page .to-portfolio-card {
                flex: 0 0 calc(
                    (100% - (var(--to-portfolio-gap) * 2)) / 3
                ) !important;
                width: calc(
                    (100% - (var(--to-portfolio-gap) * 2)) / 3
                ) !important;
                min-width: 0 !important;
                max-width: none !important;
                padding: 14px !important;
                scroll-snap-align: start !important;
                scroll-snap-stop: always;
            }

            #themeoff-spare-shiraz-page .to-portfolio-card-link {
                display: flex !important;
                flex-direction: column;
                width: 100%;
                height: 100%;
            }

            #themeoff-spare-shiraz-page .to-portfolio-browser {
                position: relative;
                width: 100% !important;
                height: auto !important;
                min-height: 0 !important;
                aspect-ratio: 16 / 10;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 34px 10px 10px !important;
                overflow: hidden;
                border-radius: 20px;
                background:
                    radial-gradient(
                        circle at 15% 15%,
                        rgba(70,239,164,.12),
                        transparent 28%
                    ),
                    linear-gradient(145deg,#102b46,#081a2d) !important;
                transform: none !important;
            }

            #themeoff-spare-shiraz-page .to-portfolio-image {
                position: relative;
                z-index: 1;
                width: 100% !important;
                height: 100% !important;
                display: block;
                object-fit: contain !important;
                object-position: center center !important;
                border-radius: 12px;
                background: #fff;
            }

            #themeoff-spare-shiraz-page .to-portfolio-browser::after {
                display: none !important;
            }

            #themeoff-spare-shiraz-page .to-portfolio-browser .to-browser {
                position: absolute !important;
                top: 12px;
                right: 14px;
                z-index: 3 !important;
                margin: 0 !important;
            }

            #themeoff-spare-shiraz-page .to-portfolio-view {
                right: 14px;
                bottom: 14px;
                z-index: 4;
            }

            #themeoff-spare-shiraz-page .to-portfolio-meta {
                flex: 1;
                padding: 18px 4px 4px !important;
                transform: none !important;
            }

            #themeoff-spare-shiraz-page .to-portfolio-meta h3 {
                min-height: 58px;
                display: flex;
                align-items: flex-start;
                margin-bottom: 8px !important;
                line-height: 1.65 !important;
            }

            #themeoff-spare-shiraz-page .to-portfolio-meta p {
                display: -webkit-box;
                overflow: hidden;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
            }

            @media (max-width: 1024px) {
                #themeoff-spare-shiraz-page .to-portfolio-card {
                    flex-basis: calc(
                        (100% - var(--to-portfolio-gap)) / 2
                    ) !important;
                    width: calc(
                        (100% - var(--to-portfolio-gap)) / 2
                    ) !important;
                }
            }

            @media (max-width: 767px) {
                #themeoff-spare-shiraz-page .to-portfolio-track {
                    --to-portfolio-gap: 12px;
                    padding-inline: 0 !important;
                }

                #themeoff-spare-shiraz-page .to-portfolio-card {
                    flex: 0 0 100% !important;
                    width: 100% !important;
                    padding: 12px !important;
                }

                #themeoff-spare-shiraz-page .to-portfolio-browser {
                    aspect-ratio: 16 / 11;
                }

                #themeoff-spare-shiraz-page .to-portfolio-meta h3 {
                    min-height: auto;
                }
            }

        
            /* حذف فضای سفید کنار عکس بدون برش تصویر اصلی */
            #themeoff-spare-shiraz-page .to-portfolio-browser {
                isolation: isolate;
                background: #0b2137 !important;
            }

            #themeoff-spare-shiraz-page .to-portfolio-browser::before {
                content: "";
                position: absolute;
                inset: -18px;
                z-index: 0;
                display: block !important;
                background-image:
                    linear-gradient(
                        180deg,
                        rgba(4,17,31,.08),
                        rgba(4,17,31,.22)
                    ),
                    var(--to-portfolio-image);
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                filter: blur(14px) saturate(.92);
                transform: scale(1.08);
                opacity: .82;
                pointer-events: none;
            }

            #themeoff-spare-shiraz-page .to-portfolio-browser::after {
                content: "";
                position: absolute;
                inset: 0;
                z-index: 1;
                display: block !important;
                background:
                    linear-gradient(
                        180deg,
                        rgba(5,19,32,.05) 0%,
                        rgba(5,19,32,.12) 64%,
                        rgba(5,19,32,.32) 100%
                    );
                pointer-events: none;
            }

            #themeoff-spare-shiraz-page .to-portfolio-image {
                position: relative;
                z-index: 2;
                width: 100% !important;
                height: 100% !important;
                display: block;
                object-fit: contain !important;
                object-position: center center !important;
                border-radius: 12px;
                background: transparent !important;
                box-shadow: 0 12px 34px rgba(0,0,0,.2);
            }

            #themeoff-spare-shiraz-page .to-portfolio-browser .to-browser {
                z-index: 4 !important;
            }

            #themeoff-spare-shiraz-page .to-portfolio-view {
                z-index: 5 !important;
            }

            #themeoff-spare-shiraz-page .to-portfolio-no-image::before {
                display: none !important;
            }

        
            /* =========================================================
               نمایش فقط خود تصویر، کامل و تمام‌عرض، بدون پس‌زمینه مات
            ========================================================= */

            #themeoff-spare-shiraz-page .to-portfolio-browser {
                height: auto !important;
                min-height: 0 !important;
                aspect-ratio: auto !important;
                display: block !important;
                padding: 34px 0 0 !important;
                overflow: hidden !important;
                background: #0b2137 !important;
            }

            #themeoff-spare-shiraz-page .to-portfolio-browser::before,
            #themeoff-spare-shiraz-page .to-portfolio-browser::after {
                display: none !important;
                content: none !important;
                background: none !important;
                filter: none !important;
                opacity: 0 !important;
            }

            #themeoff-spare-shiraz-page .to-portfolio-image {
                position: relative !important;
                z-index: 2 !important;
                width: 100% !important;
                max-width: 100% !important;
                height: auto !important;
                max-height: none !important;
                display: block !important;
                margin: 0 !important;
                padding: 0 !important;
                object-fit: unset !important;
                object-position: center top !important;
                border-radius: 0 0 14px 14px !important;
                background: transparent !important;
                box-shadow: none !important;
            }

            #themeoff-spare-shiraz-page .to-portfolio-browser .to-browser {
                position: absolute !important;
                top: 12px !important;
                right: 14px !important;
                z-index: 4 !important;
            }

            #themeoff-spare-shiraz-page .to-portfolio-view {
                bottom: 14px !important;
                z-index: 5 !important;
            }

            @media (max-width: 767px) {
                #themeoff-spare-shiraz-page .to-portfolio-browser {
                    aspect-ratio: auto !important;
                    min-height: 0 !important;
                }
            }

        
            /* چشمک‌زدن بی‌نهایت نقطه سبز کنار عنوان‌ها */
            #themeoff-spare-shiraz-page .to-eyebrow::before {
                animation: themeoffRealEstateGreenPulse 1.35s ease-in-out infinite !important;
                transform-origin: center;
            }

            @keyframes themeoffRealEstateGreenPulse {
                0%,
                100% {
                    opacity: 1;
                    transform: scale(1);
                    box-shadow:
                        0 0 0 0 rgba(70,239,164,.55),
                        0 0 16px rgba(70,239,164,.76);
                }

                50% {
                    opacity: .45;
                    transform: scale(.72);
                    box-shadow:
                        0 0 0 9px rgba(70,239,164,0),
                        0 0 7px rgba(70,239,164,.35);
                }
            }

            @media (prefers-reduced-motion: reduce) {
                #themeoff-spare-shiraz-page .to-eyebrow::before {
                    animation: none !important;
                }
            }

        
            /* =========================================================
               موشن گرافیک سه‌بعدی طراحی سایت
            ========================================================= */
            #themeoff-spare-shiraz-page .to-motion-section {
                position: relative;
                padding: 70px 0 92px;
                overflow: hidden;
                perspective: 1600px;
            }

            #themeoff-spare-shiraz-page .to-motion-copy {
                max-width: 850px;
                margin: 0 auto 36px;
                text-align: center;
            }

            #themeoff-spare-shiraz-page .to-motion-stage {
                position: relative;
                min-height: 650px;
                perspective: 1700px;
                transform-style: preserve-3d;
                isolation: isolate;
            }

            #themeoff-spare-shiraz-page .to-motion-stage::before {
                content: "";
                position: absolute;
                width: 680px;
                height: 160px;
                left: 50%;
                bottom: 24px;
                border-radius: 50%;
                background: radial-gradient(
                    ellipse,
                    rgba(0,0,0,.48),
                    transparent 70%
                );
                filter: blur(18px);
                transform: translateX(-50%);
            }

            #themeoff-spare-shiraz-page .to-motion-glow {
                position: absolute;
                border-radius: 50%;
                filter: blur(42px);
                pointer-events: none;
                animation: toMotionGlow 5s ease-in-out infinite;
            }

            #themeoff-spare-shiraz-page .to-motion-glow-one {
                width: 310px;
                height: 310px;
                top: 70px;
                right: 10%;
                background: rgba(70,239,164,.13);
            }

            #themeoff-spare-shiraz-page .to-motion-glow-two {
                width: 360px;
                height: 360px;
                left: 7%;
                bottom: 40px;
                background: rgba(89,216,255,.12);
                animation-delay: -2.4s;
            }

            #themeoff-spare-shiraz-page .to-motion-laptop {
                position: absolute;
                width: min(690px,72vw);
                height: 450px;
                left: 50%;
                top: 88px;
                z-index: 6;
                transform-style: preserve-3d;
                transform:
                    translateX(-50%)
                    rotateX(8deg)
                    rotateY(-8deg)
                    translateZ(40px);
                animation: toLaptopFloat 5.4s ease-in-out infinite;
                will-change: transform;
            }

            #themeoff-spare-shiraz-page .to-motion-screen {
                position: absolute;
                inset: 0 28px 64px;
                overflow: hidden;
                border: 2px solid rgba(255,255,255,.18);
                border-radius: 28px;
                background: linear-gradient(145deg,#132f4c,#081a2c);
                box-shadow:
                    0 45px 90px rgba(0,0,0,.55),
                    0 0 65px rgba(89,216,255,.08),
                    inset 0 1px 0 rgba(255,255,255,.14);
                transform: translateZ(30px);
            }

            #themeoff-spare-shiraz-page .to-motion-browserbar {
                height: 48px;
                display: flex;
                align-items: center;
                gap: 7px;
                padding: 0 15px;
                border-bottom: 1px solid rgba(255,255,255,.08);
                background: rgba(255,255,255,.045);
            }

            #themeoff-spare-shiraz-page .to-motion-browserbar > span {
                width: 10px;
                height: 10px;
                border-radius: 50%;
                background: rgba(255,255,255,.26);
            }

            #themeoff-spare-shiraz-page .to-motion-address {
                min-width: 210px;
                height: 27px;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-inline: auto;
                border: 1px solid rgba(255,255,255,.07);
                border-radius: 9px;
                color: #b9cce0;
                background: rgba(2,13,23,.46);
                direction: ltr;
                font-size: 11px;
                letter-spacing: .5px;
            }

            #themeoff-spare-shiraz-page .to-motion-ui {
                height: calc(100% - 48px);
                display: grid;
                grid-template-columns: 68px 1fr;
            }

            #themeoff-spare-shiraz-page .to-motion-sidebar {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 17px;
                padding-top: 22px;
                border-left: 1px solid rgba(255,255,255,.06);
                background: rgba(255,255,255,.025);
            }

            #themeoff-spare-shiraz-page .to-motion-sidebar i {
                width: 29px;
                height: 29px;
                border-radius: 9px;
                background: linear-gradient(
                    135deg,
                    rgba(70,239,164,.38),
                    rgba(89,216,255,.2)
                );
                animation: toSidePulse 2.3s ease-in-out infinite;
            }

            #themeoff-spare-shiraz-page .to-motion-sidebar i:nth-child(2) {
                animation-delay: -.4s;
            }

            #themeoff-spare-shiraz-page .to-motion-sidebar i:nth-child(3) {
                animation-delay: -.8s;
            }

            #themeoff-spare-shiraz-page .to-motion-sidebar i:nth-child(4) {
                animation-delay: -1.2s;
            }

            #themeoff-spare-shiraz-page .to-motion-sidebar i:nth-child(5) {
                animation-delay: -1.6s;
            }

            #themeoff-spare-shiraz-page .to-motion-content {
                padding: 28px;
            }

            #themeoff-spare-shiraz-page .to-motion-heading {
                width: 52%;
                height: 23px;
                margin-bottom: 17px;
                border-radius: 10px;
                background: linear-gradient(
                    90deg,
                    #4ff1ab,
                    #64ddff
                );
                box-shadow: 0 0 24px rgba(89,216,255,.17);
            }

            #themeoff-spare-shiraz-page .to-motion-text-line {
                width: 56%;
                height: 9px;
                margin-bottom: 10px;
                border-radius: 10px;
                background: rgba(255,255,255,.14);
            }

            #themeoff-spare-shiraz-page .to-motion-text-line.wide {
                width: 76%;
            }

            #themeoff-spare-shiraz-page .to-motion-cards {
                display: grid;
                grid-template-columns: repeat(3,1fr);
                gap: 13px;
                margin-top: 28px;
            }

            #themeoff-spare-shiraz-page .to-motion-cards span {
                height: 84px;
                border: 1px solid rgba(255,255,255,.08);
                border-radius: 15px;
                background:
                    radial-gradient(
                        circle at 20% 20%,
                        rgba(70,239,164,.13),
                        transparent 34%
                    ),
                    rgba(255,255,255,.04);
                animation: toCardWave 3.2s ease-in-out infinite;
            }

            #themeoff-spare-shiraz-page .to-motion-cards span:nth-child(2) {
                animation-delay: -.7s;
            }

            #themeoff-spare-shiraz-page .to-motion-cards span:nth-child(3) {
                animation-delay: -1.4s;
            }

            #themeoff-spare-shiraz-page .to-motion-chart {
                height: 110px;
                display: flex;
                align-items: flex-end;
                gap: 11px;
                margin-top: 20px;
                padding: 15px 18px;
                border: 1px solid rgba(255,255,255,.07);
                border-radius: 16px;
                background: rgba(255,255,255,.03);
            }

            #themeoff-spare-shiraz-page .to-motion-chart b {
                width: 16%;
                height: var(--h);
                border-radius: 9px 9px 3px 3px;
                background: linear-gradient(
                    180deg,
                    #59d8ff,
                    #46efa4
                );
                transform-origin: bottom;
                animation: toChartGrow 2.5s ease-in-out infinite alternate;
            }

            #themeoff-spare-shiraz-page .to-motion-chart b:nth-child(2) {
                animation-delay: -.5s;
            }

            #themeoff-spare-shiraz-page .to-motion-chart b:nth-child(3) {
                animation-delay: -1s;
            }

            #themeoff-spare-shiraz-page .to-motion-chart b:nth-child(4) {
                animation-delay: -1.5s;
            }

            #themeoff-spare-shiraz-page .to-motion-chart b:nth-child(5) {
                animation-delay: -2s;
            }

            #themeoff-spare-shiraz-page .to-motion-base {
                position: absolute;
                width: 100%;
                height: 76px;
                left: 0;
                bottom: 0;
                border-radius: 16px 16px 34px 34px;
                background: linear-gradient(
                    180deg,
                    #17334f,
                    #071725
                );
                clip-path: polygon(
                    8% 0,
                    92% 0,
                    100% 75%,
                    77% 100%,
                    23% 100%,
                    0 75%
                );
                box-shadow:
                    0 24px 45px rgba(0,0,0,.38),
                    inset 0 1px 0 rgba(255,255,255,.13);
                transform: translateZ(8px);
            }

            #themeoff-spare-shiraz-page .to-motion-base::before {
                content: "";
                position: absolute;
                width: 150px;
                height: 8px;
                top: 13px;
                left: 50%;
                border-radius: 10px;
                background: rgba(255,255,255,.11);
                transform: translateX(-50%);
            }

            #themeoff-spare-shiraz-page .to-motion-float {
                position: absolute;
                z-index: 9;
                width: 172px;
                min-height: 112px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                padding: 15px;
                border: 1px solid rgba(255,255,255,.13);
                border-radius: 21px;
                background:
                    linear-gradient(
                        145deg,
                        rgba(255,255,255,.11),
                        rgba(255,255,255,.03)
                    ),
                    rgba(8,28,47,.88);
                backdrop-filter: blur(16px);
                box-shadow:
                    0 28px 58px rgba(0,0,0,.36),
                    inset 0 1px 0 rgba(255,255,255,.1);
                transform-style: preserve-3d;
                animation: toFloatCard 4.4s ease-in-out infinite;
                will-change: transform;
            }

            #themeoff-spare-shiraz-page .to-motion-float strong {
                margin-top: 8px;
                font-size: 15px;
            }

            #themeoff-spare-shiraz-page .to-motion-float small {
                margin-top: 3px;
                color: #9eb7cc;
                font-size: 11px;
            }

            #themeoff-spare-shiraz-page .to-motion-symbol {
                width: 37px;
                height: 37px;
                display: grid;
                place-items: center;
                border-radius: 11px;
                color: #04131e;
                background: linear-gradient(
                    135deg,
                    #4ff1ab,
                    #64ddff
                );
                font-weight: 950;
                box-shadow: 0 10px 24px rgba(70,239,164,.2);
            }

            #themeoff-spare-shiraz-page .to-motion-float-wp {
                top: 80px;
                right: 1%;
                animation-delay: -.5s;
            }

            #themeoff-spare-shiraz-page .to-motion-float-el {
                top: 185px;
                left: 0;
                animation-delay: -1.6s;
            }

            #themeoff-spare-shiraz-page .to-motion-float-seo {
                right: 4%;
                bottom: 45px;
                animation-delay: -2.3s;
            }

            #themeoff-spare-shiraz-page .to-motion-float-shop {
                left: 5%;
                bottom: 18px;
                animation-delay: -3.1s;
            }

            #themeoff-spare-shiraz-page .to-motion-code {
                position: absolute;
                width: 245px;
                right: 16%;
                bottom: 4px;
                z-index: 8;
                padding: 17px;
                border: 1px solid rgba(255,255,255,.11);
                border-radius: 18px;
                color: #bcd2e5;
                background: rgba(3,16,28,.88);
                box-shadow: 0 24px 55px rgba(0,0,0,.35);
                direction: ltr;
                font-family: monospace;
                font-size: 11px;
                line-height: 1.8;
                transform: rotateX(8deg) rotateY(-12deg);
                animation: toCodeFloat 4s ease-in-out infinite;
            }

            #themeoff-spare-shiraz-page .to-motion-code span {
                color: #4ff1ab;
            }

            #themeoff-spare-shiraz-page .to-motion-orbit {
                position: absolute;
                left: 50%;
                top: 295px;
                z-index: 2;
                border: 1px solid rgba(89,216,255,.14);
                border-radius: 50%;
                pointer-events: none;
                transform-style: preserve-3d;
            }

            #themeoff-spare-shiraz-page .to-motion-orbit-a {
                width: 760px;
                height: 260px;
                margin-left: -380px;
                transform: rotateX(68deg);
                animation: toOrbitSpin 12s linear infinite;
            }

            #themeoff-spare-shiraz-page .to-motion-orbit-b {
                width: 610px;
                height: 390px;
                margin-left: -305px;
                transform: rotateY(67deg);
                animation: toOrbitSpin 16s linear infinite reverse;
            }

            #themeoff-spare-shiraz-page .to-motion-orbit-dot {
                position: absolute;
                width: 11px;
                height: 11px;
                top: -6px;
                left: 50%;
                border-radius: 50%;
                background: #4ff1ab;
                box-shadow:
                    0 0 18px rgba(79,241,171,.95),
                    0 0 40px rgba(89,216,255,.4);
            }

            @keyframes toLaptopFloat {
                0%,
                100% {
                    transform:
                        translateX(-50%)
                        translateY(0)
                        rotateX(8deg)
                        rotateY(-8deg)
                        translateZ(40px);
                }
                50% {
                    transform:
                        translateX(-50%)
                        translateY(-15px)
                        rotateX(4deg)
                        rotateY(8deg)
                        translateZ(65px);
                }
            }

            @keyframes toFloatCard {
                0%,
                100% {
                    transform:
                        translate3d(0,0,70px)
                        rotateX(5deg)
                        rotateY(-7deg);
                }
                50% {
                    transform:
                        translate3d(0,-16px,95px)
                        rotateX(-5deg)
                        rotateY(8deg);
                }
            }

            @keyframes toCodeFloat {
                0%,
                100% {
                    transform:
                        translateY(0)
                        rotateX(8deg)
                        rotateY(-12deg);
                }
                50% {
                    transform:
                        translateY(-12px)
                        rotateX(3deg)
                        rotateY(7deg);
                }
            }

            @keyframes toOrbitSpin {
                from {
                    rotate: 0deg;
                }
                to {
                    rotate: 360deg;
                }
            }

            @keyframes toChartGrow {
                from {
                    transform: scaleY(.5);
                    opacity: .55;
                }
                to {
                    transform: scaleY(1);
                    opacity: 1;
                }
            }

            @keyframes toCardWave {
                0%,
                100% {
                    transform: translateY(0);
                    border-color: rgba(255,255,255,.08);
                }
                50% {
                    transform: translateY(-7px);
                    border-color: rgba(89,216,255,.24);
                }
            }

            @keyframes toSidePulse {
                0%,
                100% {
                    opacity: .55;
                    transform: scale(.9);
                }
                50% {
                    opacity: 1;
                    transform: scale(1);
                }
            }

            @keyframes toMotionGlow {
                0%,
                100% {
                    opacity: .55;
                    transform: scale(.9);
                }
                50% {
                    opacity: 1;
                    transform: scale(1.12);
                }
            }

            @media (max-width: 1000px) {
                #themeoff-spare-shiraz-page .to-motion-stage {
                    min-height: 600px;
                }

                #themeoff-spare-shiraz-page .to-motion-laptop {
                    width: min(660px,84vw);
                }

                #themeoff-spare-shiraz-page .to-motion-float {
                    width: 150px;
                    min-height: 98px;
                }

                #themeoff-spare-shiraz-page .to-motion-float-wp {
                    right: 0;
                }

                #themeoff-spare-shiraz-page .to-motion-float-el {
                    left: 0;
                }

                #themeoff-spare-shiraz-page .to-motion-code {
                    right: 8%;
                }
            }

            @media (max-width: 767px) {
                #themeoff-spare-shiraz-page .to-motion-section {
                    padding: 46px 0 56px;
                }

                #themeoff-spare-shiraz-page .to-motion-stage {
                    min-height: 480px;
                    perspective: none;
                }

                #themeoff-spare-shiraz-page .to-motion-laptop {
                    width: 100%;
                    height: 330px;
                    top: 74px;
                    animation: none;
                    transform:
                        translateX(-50%)
                        rotateX(4deg);
                }

                #themeoff-spare-shiraz-page .to-motion-screen {
                    inset: 0 8px 54px;
                    border-radius: 20px;
                }

                #themeoff-spare-shiraz-page .to-motion-content {
                    padding: 16px;
                }

                #themeoff-spare-shiraz-page .to-motion-ui {
                    grid-template-columns: 48px 1fr;
                }

                #themeoff-spare-shiraz-page .to-motion-cards {
                    gap: 7px;
                }

                #themeoff-spare-shiraz-page .to-motion-cards span {
                    height: 58px;
                }

                #themeoff-spare-shiraz-page .to-motion-chart {
                    height: 80px;
                    padding: 10px;
                }

                #themeoff-spare-shiraz-page .to-motion-float {
                    width: 118px;
                    min-height: 78px;
                    padding: 10px;
                    animation-duration: 5s;
                }

                #themeoff-spare-shiraz-page .to-motion-float strong {
                    font-size: 12px;
                }

                #themeoff-spare-shiraz-page .to-motion-float small {
                    display: none;
                }

                #themeoff-spare-shiraz-page .to-motion-symbol {
                    width: 29px;
                    height: 29px;
                }

                #themeoff-spare-shiraz-page .to-motion-float-wp {
                    top: 20px;
                    right: 0;
                }

                #themeoff-spare-shiraz-page .to-motion-float-el {
                    top: 40px;
                    left: 0;
                }

                #themeoff-spare-shiraz-page .to-motion-float-seo {
                    right: 0;
                    bottom: 20px;
                }

                #themeoff-spare-shiraz-page .to-motion-float-shop {
                    left: 0;
                    bottom: 5px;
                }

                #themeoff-spare-shiraz-page .to-motion-code,
                #themeoff-spare-shiraz-page .to-motion-orbit {
                    display: none;
                }
            }

            @media (prefers-reduced-motion: reduce) {
                #themeoff-spare-shiraz-page .to-motion-section * {
                    animation: none !important;
                }
            }

        
            /* =========================================================
               جزئیات پرزرق‌وبرق بیشتر برای موشن گرافیک
            ========================================================= */
            #themeoff-spare-shiraz-page .to-motion-screen {
                overflow: visible;
            }

            #themeoff-spare-shiraz-page .to-motion-screen::before {
                content: "";
                position: absolute;
                inset: 18px;
                border-radius: 22px;
                border: 1px solid rgba(255,255,255,.05);
                pointer-events: none;
            }

            #themeoff-spare-shiraz-page .to-motion-cursor {
                position: absolute;
                top: 120px;
                right: 180px;
                z-index: 8;
                width: 22px;
                height: 22px;
                border-radius: 50%;
                background: linear-gradient(135deg,#ffffff,#7af2ff);
                box-shadow:
                    0 0 0 6px rgba(89,216,255,.12),
                    0 0 28px rgba(89,216,255,.42);
                animation: toCursorMove 5.8s ease-in-out infinite;
            }

            #themeoff-spare-shiraz-page .to-motion-cursor::before {
                content: "";
                position: absolute;
                left: 50%;
                top: 50%;
                width: 54px;
                height: 54px;
                border: 1px solid rgba(89,216,255,.26);
                border-radius: 50%;
                transform: translate(-50%,-50%);
                animation: toCursorRipple 1.9s ease-out infinite;
            }

            #themeoff-spare-shiraz-page .to-motion-cursor span {
                position: absolute;
                width: 8px;
                height: 8px;
                left: 50%;
                top: 50%;
                border-radius: 50%;
                background: #04111f;
                transform: translate(-50%,-50%);
            }

            #themeoff-spare-shiraz-page .to-motion-mini-mobile {
                position: absolute;
                left: -36px;
                bottom: 28px;
                z-index: 7;
                width: 114px;
                height: 205px;
                padding: 16px 11px 13px;
                border: 1px solid rgba(255,255,255,.14);
                border-radius: 26px;
                background:
                    linear-gradient(160deg,rgba(255,255,255,.15),rgba(255,255,255,.05)),
                    rgba(7,26,43,.92);
                box-shadow:
                    0 20px 40px rgba(0,0,0,.35),
                    inset 0 1px 0 rgba(255,255,255,.12);
                transform: rotateY(22deg) rotateX(8deg) translateZ(40px);
                animation: toMiniMobileFloat 5s ease-in-out infinite;
                overflow: hidden;
            }

            #themeoff-spare-shiraz-page .to-motion-mini-notch {
                width: 50px;
                height: 9px;
                margin: 0 auto 12px;
                border-radius: 999px;
                background: rgba(255,255,255,.15);
            }

            #themeoff-spare-shiraz-page .to-motion-mini-head {
                width: 66%;
                height: 15px;
                border-radius: 9px;
                background: linear-gradient(90deg,#4ff1ab,#64ddff);
                margin-bottom: 12px;
            }

            #themeoff-spare-shiraz-page .to-motion-mini-line {
                width: 100%;
                height: 7px;
                margin-bottom: 8px;
                border-radius: 8px;
                background: rgba(255,255,255,.14);
            }

            #themeoff-spare-shiraz-page .to-motion-mini-line.short {
                width: 68%;
            }

            #themeoff-spare-shiraz-page .to-motion-mini-boxes {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 8px;
                margin-top: 14px;
            }

            #themeoff-spare-shiraz-page .to-motion-mini-boxes i {
                height: 56px;
                border-radius: 14px;
                background:
                    radial-gradient(circle at 25% 20%,rgba(70,239,164,.18),transparent 35%),
                    rgba(255,255,255,.07);
            }

            #themeoff-spare-shiraz-page .to-motion-chip {
                position: absolute;
                z-index: 10;
                display: inline-flex;
                align-items: center;
                gap: 9px;
                min-height: 52px;
                padding: 12px 16px;
                border: 1px solid rgba(255,255,255,.13);
                border-radius: 16px;
                background:
                    linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.03)),
                    rgba(7,25,40,.88);
                box-shadow:
                    0 22px 48px rgba(0,0,0,.28),
                    inset 0 1px 0 rgba(255,255,255,.08);
                backdrop-filter: blur(12px);
                font-size: 13px;
                font-weight: 900;
                white-space: nowrap;
                animation: toChipFloat 4.8s ease-in-out infinite;
                will-change: transform;
            }

            #themeoff-spare-shiraz-page .to-motion-chip span {
                width: 28px;
                height: 28px;
                display: grid;
                place-items: center;
                border-radius: 10px;
                color: #04111f;
                background: linear-gradient(135deg,#4ff1ab,#64ddff);
                box-shadow: 0 10px 24px rgba(70,239,164,.18);
                font-size: 13px;
                font-weight: 900;
            }

            #themeoff-spare-shiraz-page .to-motion-chip-ui {
                top: 32px;
                left: 11%;
                animation-delay: -.4s;
            }

            #themeoff-spare-shiraz-page .to-motion-chip-code {
                top: 24px;
                right: 16%;
                animation-delay: -1.1s;
            }

            #themeoff-spare-shiraz-page .to-motion-chip-responsive {
                top: 356px;
                left: 3%;
                animation-delay: -1.8s;
            }

            #themeoff-spare-shiraz-page .to-motion-chip-speed {
                top: 370px;
                right: 10%;
                animation-delay: -2.5s;
            }

            #themeoff-spare-shiraz-page .to-motion-chip-palette {
                bottom: 126px;
                left: 16%;
                animation-delay: -3.1s;
            }

            #themeoff-spare-shiraz-page .to-motion-spark {
                position: absolute;
                z-index: 3;
                width: 11px;
                height: 11px;
                border-radius: 50%;
                background: radial-gradient(circle,#ffffff 0,#5ce0ff 55%,rgba(92,224,255,0) 70%);
                box-shadow: 0 0 22px rgba(92,224,255,.62);
                animation: toSparkle 3.2s ease-in-out infinite;
            }

            #themeoff-spare-shiraz-page .to-motion-spark::before,
            #themeoff-spare-shiraz-page .to-motion-spark::after {
                content: "";
                position: absolute;
                left: 50%;
                top: 50%;
                background: rgba(255,255,255,.74);
                transform: translate(-50%,-50%);
                border-radius: 999px;
            }

            #themeoff-spare-shiraz-page .to-motion-spark::before {
                width: 2px;
                height: 20px;
            }

            #themeoff-spare-shiraz-page .to-motion-spark::after {
                width: 20px;
                height: 2px;
            }

            #themeoff-spare-shiraz-page .to-motion-spark-one {
                top: 96px;
                right: 30%;
            }

            #themeoff-spare-shiraz-page .to-motion-spark-two {
                left: 20%;
                top: 246px;
                animation-delay: -1.1s;
            }

            #themeoff-spare-shiraz-page .to-motion-spark-three {
                right: 18%;
                bottom: 120px;
                animation-delay: -2.1s;
            }

            @keyframes toCursorMove {
                0%,100% {
                    transform: translate3d(0,0,0);
                }
                20% {
                    transform: translate3d(-75px,34px,0);
                }
                45% {
                    transform: translate3d(52px,76px,0);
                }
                70% {
                    transform: translate3d(-28px,112px,0);
                }
            }

            @keyframes toCursorRipple {
                0% {
                    opacity: .7;
                    transform: translate(-50%,-50%) scale(.45);
                }
                100% {
                    opacity: 0;
                    transform: translate(-50%,-50%) scale(1.25);
                }
            }

            @keyframes toMiniMobileFloat {
                0%,100% {
                    transform: rotateY(22deg) rotateX(8deg) translateY(0) translateZ(40px);
                }
                50% {
                    transform: rotateY(15deg) rotateX(3deg) translateY(-10px) translateZ(70px);
                }
            }

            @keyframes toChipFloat {
                0%,100% {
                    transform: translate3d(0,0,60px) rotateX(5deg) rotateY(-4deg);
                }
                50% {
                    transform: translate3d(0,-12px,90px) rotateX(-4deg) rotateY(6deg);
                }
            }

            @keyframes toSparkle {
                0%,100% {
                    opacity: .3;
                    transform: scale(.75) rotate(0deg);
                }
                50% {
                    opacity: 1;
                    transform: scale(1.2) rotate(90deg);
                }
            }

            @media (max-width: 1000px) {
                #themeoff-spare-shiraz-page .to-motion-chip {
                    font-size: 12px;
                    padding: 10px 12px;
                }

                #themeoff-spare-shiraz-page .to-motion-mini-mobile {
                    left: -10px;
                    width: 98px;
                    height: 182px;
                }

                #themeoff-spare-shiraz-page .to-motion-chip-ui {
                    left: 7%;
                }

                #themeoff-spare-shiraz-page .to-motion-chip-code {
                    right: 9%;
                }
            }

            @media (max-width: 767px) {
                #themeoff-spare-shiraz-page .to-motion-cursor,
                #themeoff-spare-shiraz-page .to-motion-mini-mobile,
                #themeoff-spare-shiraz-page .to-motion-chip-palette,
                #themeoff-spare-shiraz-page .to-motion-code,
                #themeoff-spare-shiraz-page .to-motion-spark-three {
                    display: none;
                }

                #themeoff-spare-shiraz-page .to-motion-chip {
                    min-height: 42px;
                    padding: 8px 10px;
                    border-radius: 13px;
                    font-size: 11px;
                }

                #themeoff-spare-shiraz-page .to-motion-chip span {
                    width: 24px;
                    height: 24px;
                    border-radius: 8px;
                    font-size: 11px;
                }

                #themeoff-spare-shiraz-page .to-motion-chip-ui {
                    top: 18px;
                    left: 0;
                }

                #themeoff-spare-shiraz-page .to-motion-chip-code {
                    top: 18px;
                    right: 0;
                }

                #themeoff-spare-shiraz-page .to-motion-chip-responsive {
                    top: auto;
                    bottom: 74px;
                    left: 0;
                }

                #themeoff-spare-shiraz-page .to-motion-chip-speed {
                    top: auto;
                    bottom: 80px;
                    right: 0;
                }

                #themeoff-spare-shiraz-page .to-motion-spark-one {
                    top: 78px;
                    right: 24%;
                }

                #themeoff-spare-shiraz-page .to-motion-spark-two {
                    left: 14%;
                    top: 202px;
                }
            }

        
            /* =========================================================
               جزئیات بیشتر داخل لپ‌تاپ برای موشن گرافیک
            ========================================================= */
            #themeoff-spare-shiraz-page .to-motion-pills {
                display: flex;
                flex-wrap: wrap;
                gap: 8px;
                margin-top: 20px;
                margin-bottom: 14px;
            }

            #themeoff-spare-shiraz-page .to-motion-pills span {
                min-height: 28px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                padding: 6px 11px;
                border: 1px solid rgba(255,255,255,.08);
                border-radius: 999px;
                color: #c8d8e7;
                background: rgba(255,255,255,.04);
                font-size: 10px;
                font-weight: 800;
                animation: toPillPulse 3s ease-in-out infinite;
            }

            #themeoff-spare-shiraz-page .to-motion-pills span:nth-child(2) {
                animation-delay: -.7s;
            }

            #themeoff-spare-shiraz-page .to-motion-pills span:nth-child(3) {
                animation-delay: -1.4s;
            }

            #themeoff-spare-shiraz-page .to-motion-pills span:nth-child(4) {
                animation-delay: -2.1s;
            }

            #themeoff-spare-shiraz-page .to-motion-action-row {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
                margin-bottom: 16px;
            }

            #themeoff-spare-shiraz-page .to-motion-action-row i {
                min-height: 34px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                padding: 7px 14px;
                border-radius: 12px;
                color: #d2e2ef;
                background: rgba(255,255,255,.05);
                border: 1px solid rgba(255,255,255,.08);
                font-size: 11px;
                font-style: normal;
                font-weight: 800;
                box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
            }

            #themeoff-spare-shiraz-page .to-motion-action-row i.primary {
                color: #03151e;
                background: linear-gradient(135deg,#4ff1ab,#64ddff);
                border-color: rgba(255,255,255,.2);
                box-shadow:
                    0 10px 22px rgba(70,239,164,.18),
                    inset 0 1px 0 rgba(255,255,255,.35);
            }

            #themeoff-spare-shiraz-page .to-motion-feature-grid {
                display: grid;
                grid-template-columns: repeat(2,1fr);
                gap: 10px;
                margin-bottom: 18px;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-box {
                min-height: 74px;
                padding: 12px;
                border: 1px solid rgba(255,255,255,.08);
                border-radius: 14px;
                background:
                    radial-gradient(circle at 18% 18%,rgba(70,239,164,.10),transparent 30%),
                    rgba(255,255,255,.035);
                animation: toFeatureBoxFloat 4s ease-in-out infinite;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-box:nth-child(2) {
                animation-delay: -.8s;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-box:nth-child(3) {
                animation-delay: -1.6s;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-box:nth-child(4) {
                animation-delay: -2.4s;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-box u {
                width: 24px;
                height: 24px;
                display: grid;
                place-items: center;
                margin-bottom: 8px;
                border-radius: 8px;
                text-decoration: none;
                color: #04111f;
                background: linear-gradient(135deg,#4ff1ab,#64ddff);
                font-size: 11px;
                font-weight: 900;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-box strong {
                display: block;
                margin-bottom: 4px;
                font-size: 11px;
                font-weight: 900;
                line-height: 1.45;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-box small {
                display: block;
                color: #a8bfd2;
                font-size: 9px;
                line-height: 1.6;
            }

            #themeoff-spare-shiraz-page .to-motion-metrics {
                display: grid;
                grid-template-columns: repeat(3,1fr);
                gap: 9px;
                margin-top: 14px;
            }

            #themeoff-spare-shiraz-page .to-motion-metric {
                padding: 10px 9px;
                border: 1px solid rgba(255,255,255,.07);
                border-radius: 13px;
                background: rgba(255,255,255,.035);
            }

            #themeoff-spare-shiraz-page .to-motion-metric span {
                display: block;
                color: #9db7cb;
                font-size: 9px;
                margin-bottom: 7px;
            }

            #themeoff-spare-shiraz-page .to-motion-metric b {
                display: block;
                margin-bottom: 7px;
                color: #fff;
                font-size: 17px;
                font-weight: 900;
            }

            #themeoff-spare-shiraz-page .to-motion-metric i {
                position: relative;
                display: block;
                height: 5px;
                border-radius: 999px;
                background: rgba(255,255,255,.08);
                overflow: hidden;
            }

            #themeoff-spare-shiraz-page .to-motion-metric i em {
                position: absolute;
                inset: 0 auto 0 0;
                display: block;
                width: 0;
                border-radius: inherit;
                background: linear-gradient(90deg,#4ff1ab,#64ddff);
                animation: toMetricBar 2.8s ease forwards;
            }

            #themeoff-spare-shiraz-page .to-motion-popup {
                position: absolute;
                left: 16px;
                top: 84px;
                z-index: 7;
                width: 118px;
                padding: 10px;
                border: 1px solid rgba(255,255,255,.11);
                border-radius: 15px;
                background:
                    linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.03)),
                    rgba(6,21,36,.88);
                box-shadow:
                    0 16px 36px rgba(0,0,0,.28),
                    inset 0 1px 0 rgba(255,255,255,.08);
                animation: toPopupFloat 4.3s ease-in-out infinite;
            }

            #themeoff-spare-shiraz-page .to-motion-popup-head {
                display: flex;
                align-items: center;
                gap: 7px;
                margin-bottom: 10px;
            }

            #themeoff-spare-shiraz-page .to-motion-popup-head span {
                width: 18px;
                height: 18px;
                border-radius: 6px;
                background: linear-gradient(135deg,#4ff1ab,#64ddff);
            }

            #themeoff-spare-shiraz-page .to-motion-popup-head strong {
                font-size: 9px;
                font-weight: 900;
            }

            #themeoff-spare-shiraz-page .to-motion-popup-colors {
                display: flex;
                gap: 6px;
                margin-bottom: 10px;
            }

            #themeoff-spare-shiraz-page .to-motion-popup-colors i {
                width: 18px;
                height: 18px;
                border-radius: 50%;
                display: block;
            }

            #themeoff-spare-shiraz-page .to-motion-popup-colors i:nth-child(1) {
                background: #4ff1ab;
            }

            #themeoff-spare-shiraz-page .to-motion-popup-colors i:nth-child(2) {
                background: #64ddff;
            }

            #themeoff-spare-shiraz-page .to-motion-popup-colors i:nth-child(3) {
                background: #8d7dff;
            }

            #themeoff-spare-shiraz-page .to-motion-popup-colors i:nth-child(4) {
                background: #ffffff;
            }

            #themeoff-spare-shiraz-page .to-motion-popup-lines {
                display: grid;
                gap: 5px;
            }

            #themeoff-spare-shiraz-page .to-motion-popup-lines b {
                display: block;
                height: 6px;
                border-radius: 999px;
                background: rgba(255,255,255,.12);
            }

            #themeoff-spare-shiraz-page .to-motion-popup-lines b:nth-child(1) {
                width: 100%;
            }

            #themeoff-spare-shiraz-page .to-motion-popup-lines b:nth-child(2) {
                width: 80%;
            }

            #themeoff-spare-shiraz-page .to-motion-popup-lines b:nth-child(3) {
                width: 58%;
            }

            @keyframes toPillPulse {
                0%,100% {
                    transform: translateY(0);
                    opacity: .78;
                }
                50% {
                    transform: translateY(-4px);
                    opacity: 1;
                }
            }

            @keyframes toFeatureBoxFloat {
                0%,100% {
                    transform: translateY(0);
                }
                50% {
                    transform: translateY(-5px);
                }
            }

            @keyframes toMetricBar {
                0% {
                    width: 0;
                }
            }

            @keyframes toPopupFloat {
                0%,100% {
                    transform: translateY(0) rotate(-2deg);
                }
                50% {
                    transform: translateY(-8px) rotate(1deg);
                }
            }

            @media (max-width: 767px) {
                #themeoff-spare-shiraz-page .to-motion-pills {
                    gap: 6px;
                    margin-top: 14px;
                    margin-bottom: 10px;
                }

                #themeoff-spare-shiraz-page .to-motion-pills span {
                    padding: 5px 8px;
                    font-size: 9px;
                }

                #themeoff-spare-shiraz-page .to-motion-action-row {
                    gap: 7px;
                    margin-bottom: 10px;
                }

                #themeoff-spare-shiraz-page .to-motion-action-row i {
                    min-height: 28px;
                    padding: 5px 9px;
                    font-size: 9px;
                    border-radius: 10px;
                }

                #themeoff-spare-shiraz-page .to-motion-feature-grid {
                    gap: 7px;
                    margin-bottom: 12px;
                }

                #themeoff-spare-shiraz-page .to-motion-feature-box {
                    min-height: 60px;
                    padding: 8px;
                    border-radius: 10px;
                }

                #themeoff-spare-shiraz-page .to-motion-feature-box u {
                    width: 20px;
                    height: 20px;
                    margin-bottom: 5px;
                    border-radius: 6px;
                    font-size: 10px;
                }

                #themeoff-spare-shiraz-page .to-motion-feature-box strong {
                    font-size: 9px;
                    margin-bottom: 2px;
                }

                #themeoff-spare-shiraz-page .to-motion-feature-box small {
                    font-size: 8px;
                    line-height: 1.45;
                }

                #themeoff-spare-shiraz-page .to-motion-metrics {
                    gap: 6px;
                    margin-top: 10px;
                }

                #themeoff-spare-shiraz-page .to-motion-metric {
                    padding: 7px 6px;
                    border-radius: 10px;
                }

                #themeoff-spare-shiraz-page .to-motion-metric span {
                    font-size: 8px;
                    margin-bottom: 4px;
                }

                #themeoff-spare-shiraz-page .to-motion-metric b {
                    font-size: 13px;
                    margin-bottom: 5px;
                }

                #themeoff-spare-shiraz-page .to-motion-popup {
                    left: 8px;
                    top: 68px;
                    width: 90px;
                    padding: 7px;
                    border-radius: 11px;
                }

                #themeoff-spare-shiraz-page .to-motion-popup-head strong {
                    font-size: 8px;
                }

                #themeoff-spare-shiraz-page .to-motion-popup-colors i {
                    width: 13px;
                    height: 13px;
                }

                #themeoff-spare-shiraz-page .to-motion-popup-lines b {
                    height: 4px;
                }
            }

        
            /* =========================================================
               نگه‌داشتن تمام المان‌ها داخل قاب مانیتور
            ========================================================= */

            #themeoff-spare-shiraz-page .to-motion-screen {
                overflow: hidden !important;
            }

            #themeoff-spare-shiraz-page .to-motion-ui {
                position: relative;
                overflow: hidden !important;
            }

            #themeoff-spare-shiraz-page .to-motion-content {
                position: relative;
                height: 100%;
                padding: 18px 18px 14px !important;
                overflow: hidden !important;
            }

            #themeoff-spare-shiraz-page .to-motion-heading {
                width: 46% !important;
                height: 17px !important;
                margin-bottom: 10px !important;
            }

            #themeoff-spare-shiraz-page .to-motion-text-line {
                height: 6px !important;
                margin-bottom: 6px !important;
            }

            #themeoff-spare-shiraz-page .to-motion-pills {
                gap: 5px !important;
                margin: 11px 0 8px !important;
            }

            #themeoff-spare-shiraz-page .to-motion-pills span {
                min-height: 21px !important;
                padding: 3px 7px !important;
                font-size: 7px !important;
            }

            #themeoff-spare-shiraz-page .to-motion-action-row {
                gap: 6px !important;
                margin-bottom: 8px !important;
            }

            #themeoff-spare-shiraz-page .to-motion-action-row i {
                min-height: 25px !important;
                padding: 4px 8px !important;
                border-radius: 8px !important;
                font-size: 7px !important;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-grid {
                grid-template-columns: repeat(4,1fr) !important;
                gap: 6px !important;
                margin-bottom: 8px !important;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-box {
                min-height: 58px !important;
                padding: 7px !important;
                border-radius: 9px !important;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-box u {
                width: 18px !important;
                height: 18px !important;
                margin-bottom: 4px !important;
                border-radius: 5px !important;
                font-size: 8px !important;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-box strong {
                margin-bottom: 2px !important;
                font-size: 7px !important;
                line-height: 1.35 !important;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-box small {
                font-size: 6px !important;
                line-height: 1.35 !important;
            }

            #themeoff-spare-shiraz-page .to-motion-chart {
                position: absolute;
                right: 18px;
                bottom: 13px;
                width: 46%;
                height: 72px !important;
                gap: 6px !important;
                margin: 0 !important;
                padding: 9px 10px !important;
                border-radius: 10px !important;
            }

            #themeoff-spare-shiraz-page .to-motion-metrics {
                position: absolute;
                left: 18px;
                bottom: 13px;
                width: 47%;
                gap: 5px !important;
                margin: 0 !important;
            }

            #themeoff-spare-shiraz-page .to-motion-metric {
                padding: 6px 5px !important;
                border-radius: 8px !important;
            }

            #themeoff-spare-shiraz-page .to-motion-metric span {
                margin-bottom: 3px !important;
                font-size: 6px !important;
            }

            #themeoff-spare-shiraz-page .to-motion-metric b {
                margin-bottom: 4px !important;
                font-size: 11px !important;
            }

            #themeoff-spare-shiraz-page .to-motion-metric i {
                height: 3px !important;
            }

            #themeoff-spare-shiraz-page .to-motion-popup {
                position: absolute !important;
                top: 11px !important;
                left: 11px !important;
                width: 84px !important;
                padding: 7px !important;
                border-radius: 10px !important;
                transform: none !important;
                animation: toPopupInside 4.3s ease-in-out infinite !important;
            }

            #themeoff-spare-shiraz-page .to-motion-popup-head {
                gap: 4px !important;
                margin-bottom: 6px !important;
            }

            #themeoff-spare-shiraz-page .to-motion-popup-head span {
                width: 13px !important;
                height: 13px !important;
                border-radius: 4px !important;
            }

            #themeoff-spare-shiraz-page .to-motion-popup-head strong {
                font-size: 6px !important;
            }

            #themeoff-spare-shiraz-page .to-motion-popup-colors {
                gap: 4px !important;
                margin-bottom: 6px !important;
            }

            #themeoff-spare-shiraz-page .to-motion-popup-colors i {
                width: 11px !important;
                height: 11px !important;
            }

            #themeoff-spare-shiraz-page .to-motion-popup-lines {
                gap: 3px !important;
            }

            #themeoff-spare-shiraz-page .to-motion-popup-lines b {
                height: 3px !important;
            }

            #themeoff-spare-shiraz-page .to-motion-cursor {
                max-width: 18px;
                max-height: 18px;
            }

            #themeoff-spare-shiraz-page .to-motion-mini-mobile {
                display: none !important;
            }

            @keyframes toPopupInside {
                0%,
                100% {
                    transform: translateY(0) rotate(-1deg);
                }

                50% {
                    transform: translateY(5px) rotate(1deg);
                }
            }

            @media (max-width: 767px) {
                #themeoff-spare-shiraz-page .to-motion-content {
                    padding: 11px 10px 9px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-heading {
                    width: 42% !important;
                    height: 12px !important;
                    margin-bottom: 7px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-pills {
                    margin: 7px 0 5px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-pills span {
                    min-height: 17px !important;
                    padding: 2px 5px !important;
                    font-size: 6px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-action-row {
                    margin-bottom: 5px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-action-row i {
                    min-height: 20px !important;
                    padding: 3px 5px !important;
                    font-size: 6px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-feature-grid {
                    gap: 4px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-feature-box {
                    min-height: 45px !important;
                    padding: 5px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-feature-box u {
                    width: 14px !important;
                    height: 14px !important;
                    margin-bottom: 2px !important;
                    font-size: 6px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-feature-box strong {
                    font-size: 6px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-feature-box small {
                    display: none !important;
                }

                #themeoff-spare-shiraz-page .to-motion-chart {
                    right: 10px;
                    bottom: 8px;
                    width: 45%;
                    height: 51px !important;
                    padding: 6px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-metrics {
                    left: 10px;
                    bottom: 8px;
                    width: 48%;
                }

                #themeoff-spare-shiraz-page .to-motion-metric {
                    padding: 4px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-metric span {
                    font-size: 5px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-metric b {
                    font-size: 8px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-popup {
                    top: 7px !important;
                    left: 7px !important;
                    width: 62px !important;
                    padding: 5px !important;
                }
            }

        
            /* =========================================================
               بازطراحی نهایی داخل مانیتور
            ========================================================= */

            #themeoff-spare-shiraz-page .to-motion-pills {
                display: none !important;
            }

            #themeoff-spare-shiraz-page .to-motion-cards {
                display: grid !important;
                grid-template-columns: repeat(3,1fr) !important;
                gap: 7px !important;
                margin: 12px 0 10px !important;
            }

            #themeoff-spare-shiraz-page .to-motion-topcard {
                min-height: 46px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                gap: 4px;
                padding: 7px 8px;
                border: 1px solid rgba(255,255,255,.08);
                border-radius: 10px;
                background:
                    radial-gradient(circle at 20% 18%,rgba(70,239,164,.12),transparent 33%),
                    rgba(255,255,255,.035);
                box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
                animation: toTopCardGlow 3.3s ease-in-out infinite;
            }

            #themeoff-spare-shiraz-page .to-motion-topcard:nth-child(2) {
                animation-delay: -.9s;
            }

            #themeoff-spare-shiraz-page .to-motion-topcard:nth-child(3) {
                animation-delay: -1.8s;
            }

            #themeoff-spare-shiraz-page .to-motion-topcard u {
                width: 18px;
                height: 18px;
                display: grid;
                place-items: center;
                border-radius: 6px;
                text-decoration: none;
                color: #04111f;
                background: linear-gradient(135deg,#4ff1ab,#64ddff);
                font-size: 8px;
                font-weight: 900;
            }

            #themeoff-spare-shiraz-page .to-motion-topcard strong {
                font-size: 8px;
                line-height: 1.35;
                font-weight: 900;
                white-space: nowrap;
            }

            #themeoff-spare-shiraz-page .to-motion-chart {
                position: absolute;
                right: 18px;
                bottom: 14px;
                width: 46%;
                height: 76px !important;
                margin: 0 !important;
                padding: 10px 10px 8px !important;
                border-radius: 12px !important;
                background:
                    linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02)),
                    rgba(255,255,255,.03) !important;
                overflow: hidden;
            }

            #themeoff-spare-shiraz-page .to-motion-chart-grid {
                position: absolute;
                inset: 10px 10px 12px;
                border-radius: 8px;
                background:
                    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
                background-size: 100% 17px, 22px 100%;
                opacity: .7;
            }

            #themeoff-spare-shiraz-page .to-motion-chart-line {
                position: absolute;
                inset: 0;
                z-index: 2;
            }

            #themeoff-spare-shiraz-page .to-motion-chart-line::before {
                content: "";
                position: absolute;
                left: 7%;
                bottom: 24%;
                width: 76%;
                height: 40%;
                border-bottom: 2px solid rgba(100,221,255,.9);
                border-left: 2px solid transparent;
                border-radius: 40% 60% 40% 40%;
                transform: skewX(-18deg);
                filter: drop-shadow(0 0 8px rgba(100,221,255,.35));
                animation: toLineSweep 4.6s ease-in-out infinite;
            }

            #themeoff-spare-shiraz-page .to-motion-chart-line span {
                position: absolute;
                left: var(--x);
                top: var(--y);
                width: 7px;
                height: 7px;
                border-radius: 50%;
                background: #4ff1ab;
                box-shadow:
                    0 0 0 4px rgba(79,241,171,.12),
                    0 0 14px rgba(79,241,171,.45);
                animation: toChartDotPulse 2.2s ease-in-out infinite;
            }

            #themeoff-spare-shiraz-page .to-motion-chart-wave {
                position: absolute;
                left: 8px;
                right: 8px;
                bottom: 8px;
                height: 26px;
                border-radius: 0 0 10px 10px;
                background:
                    linear-gradient(180deg,rgba(79,241,171,.22),rgba(79,241,171,0)),
                    radial-gradient(circle at 10% 100%,rgba(79,241,171,.20),transparent 35%),
                    radial-gradient(circle at 32% 100%,rgba(100,221,255,.20),transparent 35%),
                    radial-gradient(circle at 58% 100%,rgba(141,125,255,.18),transparent 35%),
                    radial-gradient(circle at 84% 100%,rgba(79,241,171,.18),transparent 35%);
                filter: blur(.2px);
                opacity: .95;
                animation: toWaveGlow 4.8s ease-in-out infinite;
            }

            #themeoff-spare-shiraz-page .to-motion-chart-bars {
                position: absolute;
                left: 10px;
                right: 10px;
                bottom: 10px;
                z-index: 1;
                display: flex;
                align-items: end;
                justify-content: space-between;
                gap: 6px;
                height: 58px;
            }

            #themeoff-spare-shiraz-page .to-motion-chart-bars i {
                flex: 1;
                height: var(--h);
                display: block;
                border-radius: 7px 7px 2px 2px;
                background: linear-gradient(180deg,rgba(79,241,171,.85),rgba(100,221,255,.55));
                opacity: .25;
                animation: toMiniBarMove 2.7s ease-in-out infinite alternate;
            }

            #themeoff-spare-shiraz-page .to-motion-chart-bars i:nth-child(2) {
                animation-delay: -.5s;
            }

            #themeoff-spare-shiraz-page .to-motion-chart-bars i:nth-child(3) {
                animation-delay: -1s;
            }

            #themeoff-spare-shiraz-page .to-motion-chart-bars i:nth-child(4) {
                animation-delay: -1.5s;
            }

            #themeoff-spare-shiraz-page .to-motion-metrics {
                position: absolute;
                left: 18px;
                bottom: 12px;
                width: 47%;
                display: grid !important;
                grid-template-columns: repeat(3,1fr) !important;
                gap: 6px !important;
                margin: 0 !important;
            }

            #themeoff-spare-shiraz-page .to-motion-ring-metric {
                display: flex;
                align-items: center;
                justify-content: center;
            }

            #themeoff-spare-shiraz-page .to-motion-ring-shell {
                position: relative;
                width: 54px;
                height: 54px;
                display: grid;
                place-items: center;
                border-radius: 50%;
                background:
                    conic-gradient(
                        var(--accent) calc(var(--value) * 1%),
                        rgba(255,255,255,.08) 0
                    );
                box-shadow:
                    inset 0 0 0 1px rgba(255,255,255,.05),
                    0 0 18px color-mix(in srgb, var(--accent) 28%, transparent);
                animation: toRingSpin 7s linear infinite;
            }

            #themeoff-spare-shiraz-page .to-motion-ring-shell::before {
                content: "";
                position: absolute;
                inset: 4px;
                border-radius: 50%;
                background:
                    radial-gradient(circle at 30% 30%,rgba(255,255,255,.08),transparent 45%),
                    #0b1f33;
                box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
            }

            #themeoff-spare-shiraz-page .to-motion-ring-orbit {
                position: absolute;
                inset: -4px;
                border: 1px dashed rgba(255,255,255,.14);
                border-radius: 50%;
                animation: toOrbitRotate 5.5s linear infinite reverse;
            }

            #themeoff-spare-shiraz-page .to-motion-ring-core {
                position: relative;
                z-index: 2;
                width: 72%;
                text-align: center;
                line-height: 1.1;
            }

            #themeoff-spare-shiraz-page .to-motion-ring-core b {
                display: block;
                margin-bottom: 2px;
                font-size: 10px;
                font-weight: 950;
            }

            #themeoff-spare-shiraz-page .to-motion-ring-core span {
                display: block;
                color: #a9bfd1;
                font-size: 5px;
                white-space: nowrap;
            }

            @keyframes toTopCardGlow {
                0%,100% {
                    transform: translateY(0);
                    border-color: rgba(255,255,255,.08);
                    box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
                }
                50% {
                    transform: translateY(-3px);
                    border-color: rgba(100,221,255,.18);
                    box-shadow:
                        inset 0 1px 0 rgba(255,255,255,.05),
                        0 6px 16px rgba(89,216,255,.08);
                }
            }

            @keyframes toLineSweep {
                0%,100% {
                    opacity: .75;
                    transform: skewX(-18deg) translateY(0);
                }
                50% {
                    opacity: 1;
                    transform: skewX(-18deg) translateY(-2px);
                }
            }

            @keyframes toChartDotPulse {
                0%,100% {
                    transform: scale(1);
                    opacity: .95;
                }
                50% {
                    transform: scale(1.28);
                    opacity: .65;
                }
            }

            @keyframes toWaveGlow {
                0%,100% {
                    opacity: .78;
                    transform: translateY(0);
                }
                50% {
                    opacity: 1;
                    transform: translateY(-2px);
                }
            }

            @keyframes toMiniBarMove {
                from {
                    transform: scaleY(.72);
                }
                to {
                    transform: scaleY(1);
                }
            }

            @keyframes toRingSpin {
                from {
                    transform: rotate(0deg);
                }
                to {
                    transform: rotate(360deg);
                }
            }

            @keyframes toOrbitRotate {
                from {
                    transform: rotate(0deg);
                }
                to {
                    transform: rotate(360deg);
                }
            }

            @media (max-width: 767px) {
                #themeoff-spare-shiraz-page .to-motion-cards {
                    gap: 4px !important;
                    margin: 8px 0 7px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-topcard {
                    min-height: 37px;
                    padding: 5px;
                    border-radius: 8px;
                }

                #themeoff-spare-shiraz-page .to-motion-topcard u {
                    width: 14px;
                    height: 14px;
                    border-radius: 5px;
                    font-size: 6px;
                }

                #themeoff-spare-shiraz-page .to-motion-topcard strong {
                    font-size: 6px;
                }

                #themeoff-spare-shiraz-page .to-motion-chart {
                    right: 10px;
                    bottom: 8px;
                    width: 45%;
                    height: 56px !important;
                    padding: 6px !important;
                    border-radius: 10px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-chart-grid {
                    inset: 7px 7px 9px;
                    background-size: 100% 13px, 16px 100%;
                }

                #themeoff-spare-shiraz-page .to-motion-chart-bars {
                    left: 7px;
                    right: 7px;
                    bottom: 7px;
                    height: 40px;
                    gap: 4px;
                }

                #themeoff-spare-shiraz-page .to-motion-chart-line span {
                    width: 5px;
                    height: 5px;
                }

                #themeoff-spare-shiraz-page .to-motion-metrics {
                    left: 10px;
                    bottom: 8px;
                    width: 48%;
                    gap: 4px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-ring-shell {
                    width: 39px;
                    height: 39px;
                }

                #themeoff-spare-shiraz-page .to-motion-ring-shell::before {
                    inset: 3px;
                }

                #themeoff-spare-shiraz-page .to-motion-ring-orbit {
                    inset: -3px;
                }

                #themeoff-spare-shiraz-page .to-motion-ring-core b {
                    font-size: 7px;
                }

                #themeoff-spare-shiraz-page .to-motion-ring-core span {
                    font-size: 4px;
                }
            }

        
            /* =========================================================
               اصلاح نهایی موشن گرافیک داخل مانیتور - بدون تداخل
            ========================================================= */

            #themeoff-spare-shiraz-page .to-motion-cards,
            #themeoff-spare-shiraz-page .to-motion-topcard {
                display: none !important;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-grid {
                display: grid !important;
                grid-template-columns: repeat(3,1fr) !important;
                gap: 8px !important;
                margin: 10px 0 10px !important;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-box {
                min-height: 72px !important;
                padding: 8px !important;
                border-radius: 11px !important;
                border: 1px solid rgba(255,255,255,.08) !important;
                background:
                    radial-gradient(circle at 18% 18%,rgba(70,239,164,.10),transparent 30%),
                    rgba(255,255,255,.035) !important;
                overflow: hidden !important;
                position: relative !important;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-box u {
                width: 18px !important;
                height: 18px !important;
                display: grid !important;
                place-items: center !important;
                margin-bottom: 5px !important;
                border-radius: 6px !important;
                text-decoration: none !important;
                color: #04111f !important;
                background: linear-gradient(135deg,#4ff1ab,#64ddff) !important;
                font-size: 8px !important;
                font-weight: 900 !important;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-box strong {
                display: block !important;
                margin-bottom: 3px !important;
                font-size: 8px !important;
                line-height: 1.35 !important;
                font-weight: 900 !important;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-box small {
                display: block !important;
                color: #a8bfd2 !important;
                font-size: 6px !important;
                line-height: 1.45 !important;
                margin-bottom: 5px !important;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-mini {
                position: absolute;
                left: 7px;
                right: 7px;
                bottom: 6px;
                height: 16px;
                overflow: hidden;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-mini-ui {
                display: flex;
                align-items: end;
                gap: 4px;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-mini-ui b {
                display: block;
                flex: 1;
                height: 7px;
                border-radius: 8px;
                background: rgba(255,255,255,.12);
                animation: toMiniUiPulse 2.4s ease-in-out infinite;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-mini-ui b:nth-child(2) {
                animation-delay: -.8s;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-mini-ui b:nth-child(3) {
                animation-delay: -1.6s;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-mini-seo {
                display: flex;
                align-items: end;
                justify-content: space-between;
                gap: 3px;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-mini-seo i {
                display: block;
                flex: 1;
                border-radius: 8px 8px 2px 2px;
                background: linear-gradient(180deg,#4ff1ab,#64ddff);
                transform-origin: bottom;
                opacity: .88;
                animation: toMiniSeoBars 1.8s ease-in-out infinite alternate;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-mini-seo i:nth-child(1) {
                height: 35%;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-mini-seo i:nth-child(2) {
                height: 65%;
                animation-delay: -.4s;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-mini-seo i:nth-child(3) {
                height: 48%;
                animation-delay: -.8s;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-mini-seo i:nth-child(4) {
                height: 82%;
                animation-delay: -1.2s;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-mini-speed {
                position: relative;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-mini-speed::before {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                top: 50%;
                height: 2px;
                border-radius: 999px;
                background: linear-gradient(90deg,rgba(255,255,255,.1),rgba(100,221,255,.4),rgba(79,241,171,.8));
                transform: translateY(-50%);
            }

            #themeoff-spare-shiraz-page .to-motion-feature-mini-speed span {
                position: absolute;
                right: 0;
                top: 50%;
                width: 12px;
                height: 12px;
                border-radius: 50%;
                background: radial-gradient(circle,#ffffff 0,#64ddff 55%,#4ff1ab 100%);
                box-shadow:
                    0 0 0 5px rgba(100,221,255,.08),
                    0 0 12px rgba(100,221,255,.35);
                transform: translateY(-50%);
                animation: toSpeedDotMove 2.1s ease-in-out infinite;
            }

            #themeoff-spare-shiraz-page .to-motion-chart {
                overflow: hidden !important;
                box-shadow:
                    inset 0 1px 0 rgba(255,255,255,.05),
                    0 8px 18px rgba(0,0,0,.12) !important;
            }

            #themeoff-spare-shiraz-page .to-motion-chart-scan {
                position: absolute;
                top: 7px;
                bottom: 7px;
                width: 18px;
                right: -22px;
                z-index: 4;
                background: linear-gradient(
                    180deg,
                    rgba(100,221,255,0),
                    rgba(100,221,255,.35),
                    rgba(79,241,171,.28),
                    rgba(100,221,255,0)
                );
                filter: blur(5px);
                animation: toChartScanMove 3.4s linear infinite;
                pointer-events: none;
            }

            #themeoff-spare-shiraz-page .to-motion-chart-line::before {
                animation: toLineSweepStrong 3s ease-in-out infinite !important;
            }

            #themeoff-spare-shiraz-page .to-motion-chart-line span {
                animation: toChartDotPulseStrong 1.8s ease-in-out infinite !important;
            }

            #themeoff-spare-shiraz-page .to-motion-chart-wave {
                animation: toWaveGlowStrong 2.8s ease-in-out infinite !important;
            }

            #themeoff-spare-shiraz-page .to-motion-chart-bars i {
                animation: toMiniBarMoveStrong 1.3s ease-in-out infinite alternate !important;
                opacity: .5 !important;
            }

            #themeoff-spare-shiraz-page .to-motion-ring-shell {
                animation: toRingSpinStrong 5.8s linear infinite !important;
            }

            #themeoff-spare-shiraz-page .to-motion-ring-orbit {
                animation: toOrbitRotateStrong 3.8s linear infinite reverse !important;
            }

            #themeoff-spare-shiraz-page .to-motion-ring-core b {
                animation: toRingNumberPulse 1.9s ease-in-out infinite !important;
            }

            @keyframes toMiniUiPulse {
                0%,100% {
                    opacity: .45;
                    transform: scaleX(.92);
                }
                50% {
                    opacity: 1;
                    transform: scaleX(1);
                }
            }

            @keyframes toMiniSeoBars {
                from {
                    transform: scaleY(.55);
                    opacity: .65;
                }
                to {
                    transform: scaleY(1);
                    opacity: 1;
                }
            }

            @keyframes toSpeedDotMove {
                0% {
                    right: 0;
                    opacity: .8;
                }
                50% {
                    right: calc(100% - 12px);
                    opacity: 1;
                }
                100% {
                    right: 0;
                    opacity: .8;
                }
            }

            @keyframes toChartScanMove {
                0% {
                    right: -22px;
                    opacity: 0;
                }
                10% {
                    opacity: 1;
                }
                55% {
                    opacity: .95;
                }
                100% {
                    right: calc(100% + 10px);
                    opacity: 0;
                }
            }

            @keyframes toLineSweepStrong {
                0%,100% {
                    opacity: .65;
                    transform: skewX(-18deg) translateY(1px) scaleY(.96);
                }
                50% {
                    opacity: 1;
                    transform: skewX(-18deg) translateY(-3px) scaleY(1.04);
                }
            }

            @keyframes toChartDotPulseStrong {
                0%,100% {
                    transform: scale(1);
                    opacity: .95;
                }
                50% {
                    transform: scale(1.45);
                    opacity: .58;
                }
            }

            @keyframes toWaveGlowStrong {
                0%,100% {
                    opacity: .68;
                    transform: translateY(0) scaleX(1);
                }
                50% {
                    opacity: 1;
                    transform: translateY(-3px) scaleX(1.04);
                }
            }

            @keyframes toMiniBarMoveStrong {
                from {
                    transform: scaleY(.5);
                    opacity: .45;
                }
                to {
                    transform: scaleY(1.08);
                    opacity: .9;
                }
            }

            @keyframes toRingSpinStrong {
                from { transform: rotate(0deg); }
                to { transform: rotate(360deg); }
            }

            @keyframes toOrbitRotateStrong {
                from { transform: rotate(0deg); }
                to { transform: rotate(360deg); }
            }

            @keyframes toRingNumberPulse {
                0%,100% {
                    transform: scale(1);
                    opacity: .95;
                }
                50% {
                    transform: scale(1.08);
                    opacity: 1;
                }
            }

            @media (max-width: 767px) {
                #themeoff-spare-shiraz-page .to-motion-feature-grid {
                    gap: 5px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-feature-box {
                    min-height: 58px !important;
                    padding: 6px !important;
                    border-radius: 9px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-feature-box u {
                    width: 14px !important;
                    height: 14px !important;
                    margin-bottom: 3px !important;
                    font-size: 6px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-feature-box strong {
                    font-size: 6px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-feature-box small {
                    font-size: 5px !important;
                    margin-bottom: 4px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-feature-mini {
                    left: 5px;
                    right: 5px;
                    bottom: 5px;
                    height: 12px;
                }

                #themeoff-spare-shiraz-page .to-motion-chart-scan {
                    width: 12px;
                    top: 5px;
                    bottom: 5px;
                }
            }

        
            /* لینک داخلی یک‌باره به صفحه اصلی تم آف */
            #themeoff-spare-shiraz-page .to-wordpress-main-link {
                color: inherit !important;
                -webkit-text-fill-color: inherit !important;
                text-decoration: underline !important;
                text-decoration-color: rgba(89,216,255,.65) !important;
                text-decoration-thickness: 1px !important;
                text-underline-offset: 4px !important;
                transition: color .25s ease, text-decoration-color .25s ease;
            }

            #themeoff-spare-shiraz-page .to-wordpress-main-link:hover {
                color: #64ddff !important;
                -webkit-text-fill-color: #64ddff !important;
                text-decoration-color: #4ff1ab !important;
            }

        
            /* =========================================================
               بزرگ‌تر شدن ۳ باکس و ۳ دایره + رفع ماتی نوشته‌ها
            ========================================================= */

            #themeoff-spare-shiraz-page .to-motion-feature-grid {
                gap: 10px !important;
                margin: 12px 0 13px !important;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-box {
                min-height: 88px !important;
                padding: 10px 11px !important;
                border-radius: 14px !important;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-box u {
                width: 23px !important;
                height: 23px !important;
                margin-bottom: 6px !important;
                border-radius: 7px !important;
                font-size: 10px !important;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-box strong {
                margin-bottom: 4px !important;
                color: #ffffff !important;
                -webkit-text-fill-color: #ffffff !important;
                font-size: 10px !important;
                line-height: 1.4 !important;
                opacity: 1 !important;
                filter: none !important;
                text-shadow: none !important;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-box small {
                color: #d5e5f2 !important;
                -webkit-text-fill-color: #d5e5f2 !important;
                font-size: 7px !important;
                line-height: 1.55 !important;
                opacity: 1 !important;
                filter: none !important;
            }

            #themeoff-spare-shiraz-page .to-motion-feature-mini {
                left: 10px !important;
                right: 10px !important;
                bottom: 8px !important;
                height: 20px !important;
            }

            #themeoff-spare-shiraz-page .to-motion-metrics {
                left: 12px !important;
                bottom: 8px !important;
                width: 51% !important;
                gap: 9px !important;
                align-items: center !important;
            }

            #themeoff-spare-shiraz-page .to-motion-ring-metric {
                min-width: 0 !important;
                overflow: visible !important;
            }

            #themeoff-spare-shiraz-page .to-motion-ring-shell {
                width: 68px !important;
                height: 68px !important;
                animation: none !important;
                transform: none !important;
                filter: none !important;
                opacity: 1 !important;
                background:
                    conic-gradient(
                        var(--accent) calc(var(--value) * 1%),
                        rgba(255,255,255,.12) 0
                    ) !important;
                box-shadow:
                    inset 0 0 0 1px rgba(255,255,255,.09),
                    0 0 23px color-mix(in srgb, var(--accent) 38%, transparent) !important;
            }

            #themeoff-spare-shiraz-page .to-motion-ring-shell::before {
                inset: 5px !important;
                background:
                    radial-gradient(
                        circle at 32% 24%,
                        rgba(255,255,255,.11),
                        transparent 42%
                    ),
                    #081c2f !important;
                box-shadow:
                    inset 0 0 0 1px rgba(255,255,255,.08) !important;
            }

            /* فقط مدار بیرونی بچرخد */
            #themeoff-spare-shiraz-page .to-motion-ring-orbit {
                inset: -5px !important;
                border: 1px dashed color-mix(
                    in srgb,
                    var(--accent) 72%,
                    transparent
                ) !important;
                opacity: 1 !important;
                filter: none !important;
                animation: themeoffRingOrbit 3.8s linear infinite !important;
            }

            #themeoff-spare-shiraz-page .to-motion-ring-orbit::before {
                content: "";
                position: absolute;
                width: 7px;
                height: 7px;
                top: -4px;
                left: 50%;
                border-radius: 50%;
                background: var(--accent);
                box-shadow:
                    0 0 9px var(--accent),
                    0 0 18px color-mix(
                        in srgb,
                        var(--accent) 65%,
                        transparent
                    );
                transform: translateX(-50%);
            }

            #themeoff-spare-shiraz-page .to-motion-ring-core {
                width: 76% !important;
                opacity: 1 !important;
                filter: none !important;
                transform: none !important;
                animation: none !important;
            }

            #themeoff-spare-shiraz-page .to-motion-ring-core b {
                display: block !important;
                margin-bottom: 3px !important;
                color: #ffffff !important;
                -webkit-text-fill-color: #ffffff !important;
                font-size: 12px !important;
                font-weight: 950 !important;
                line-height: 1.1 !important;
                opacity: 1 !important;
                filter: none !important;
                transform: none !important;
                animation: none !important;
                text-shadow: 0 0 9px rgba(255,255,255,.14) !important;
            }

            #themeoff-spare-shiraz-page .to-motion-ring-core span {
                display: block !important;
                color: #e7f2fb !important;
                -webkit-text-fill-color: #e7f2fb !important;
                font-size: 6px !important;
                font-weight: 800 !important;
                line-height: 1.25 !important;
                opacity: 1 !important;
                filter: none !important;
                transform: none !important;
                animation: none !important;
                white-space: nowrap !important;
                text-shadow: none !important;
            }

            @keyframes themeoffRingOrbit {
                from {
                    transform: rotate(0deg);
                }
                to {
                    transform: rotate(360deg);
                }
            }

            @media (max-width: 767px) {
                #themeoff-spare-shiraz-page .to-motion-feature-grid {
                    gap: 5px !important;
                    margin: 8px 0 9px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-feature-box {
                    min-height: 64px !important;
                    padding: 6px !important;
                    border-radius: 10px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-feature-box u {
                    width: 16px !important;
                    height: 16px !important;
                    margin-bottom: 3px !important;
                    font-size: 7px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-feature-box strong {
                    font-size: 7px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-feature-box small {
                    font-size: 5px !important;
                    line-height: 1.4 !important;
                }

                #themeoff-spare-shiraz-page .to-motion-feature-mini {
                    left: 6px !important;
                    right: 6px !important;
                    bottom: 5px !important;
                    height: 13px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-metrics {
                    left: 7px !important;
                    bottom: 6px !important;
                    width: 52% !important;
                    gap: 4px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-ring-shell {
                    width: 43px !important;
                    height: 43px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-ring-shell::before {
                    inset: 3px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-ring-orbit {
                    inset: -3px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-ring-core b {
                    margin-bottom: 1px !important;
                    font-size: 8px !important;
                }

                #themeoff-spare-shiraz-page .to-motion-ring-core span {
                    font-size: 4px !important;
                }
            }

        
            /* =========================================================
               اسکرول‌بار هماهنگ با تم آف
            ========================================================= */

            html {
                scrollbar-width: thin;
                scrollbar-color: #48efa5 #071a2e;
            }

            body::-webkit-scrollbar,
            #themeoff-spare-shiraz-page *::-webkit-scrollbar {
                width: 12px;
                height: 12px;
            }

            body::-webkit-scrollbar-track,
            #themeoff-spare-shiraz-page *::-webkit-scrollbar-track {
                background:
                    linear-gradient(180deg,#04111f 0%,#071a2e 100%);
                border-radius: 999px;
            }

            body::-webkit-scrollbar-thumb,
            #themeoff-spare-shiraz-page *::-webkit-scrollbar-thumb {
                border: 2px solid transparent;
                border-radius: 999px;
                background:
                    linear-gradient(180deg,#48efa5 0%,#5bd9ff 55%,#8d7dff 100%);
                background-clip: padding-box;
                box-shadow:
                    0 0 12px rgba(72,239,165,.18),
                    inset 0 1px 0 rgba(255,255,255,.18);
            }

            body::-webkit-scrollbar-thumb:hover,
            #themeoff-spare-shiraz-page *::-webkit-scrollbar-thumb:hover {
                background:
                    linear-gradient(180deg,#5ef4b1 0%,#71e4ff 52%,#9b8bff 100%);
                background-clip: padding-box;
            }

            body::-webkit-scrollbar-corner,
            #themeoff-spare-shiraz-page *::-webkit-scrollbar-corner {
                background: #071a2e;
            }

            /* =========================================================
               اسکرول‌بار مینیمال هماهنگ با طراحی
            ========================================================= */

            html {
                scrollbar-width: thin !important;
                scrollbar-color: #61788f #0a1b2c !important;
            }

            body::-webkit-scrollbar,
            #themeoff-spare-shiraz-page *::-webkit-scrollbar {
                width: 10px !important;
                height: 10px !important;
            }

            body::-webkit-scrollbar-track,
            #themeoff-spare-shiraz-page *::-webkit-scrollbar-track {
                background: #081827 !important;
                border-radius: 999px !important;
            }

            body::-webkit-scrollbar-thumb,
            #themeoff-spare-shiraz-page *::-webkit-scrollbar-thumb {
                min-height: 48px;
                border: 2px solid #081827 !important;
                border-radius: 999px !important;
                background: linear-gradient(
                    180deg,
                    #667f96 0%,
                    #526b82 52%,
                    #405a72 100%
                ) !important;
                background-clip: padding-box !important;
                box-shadow:
                    inset 0 1px 0 rgba(255,255,255,.12),
                    0 0 8px rgba(89,216,255,.05) !important;
            }

            body::-webkit-scrollbar-thumb:hover,
            #themeoff-spare-shiraz-page *::-webkit-scrollbar-thumb:hover {
                background: linear-gradient(
                    180deg,
                    #748da3 0%,
                    #60798f 52%,
                    #4d667d 100%
                ) !important;
                background-clip: padding-box !important;
            }

            body::-webkit-scrollbar-corner,
            #themeoff-spare-shiraz-page *::-webkit-scrollbar-corner {
                background: #081827 !important;
            }

            /* =========================================================
               آیکون‌های مینیمال برای باکس‌های محتوایی
            ========================================================= */

            #themeoff-spare-shiraz-page .to-box-icon {
                width: 54px;
                height: 54px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                margin-bottom: 16px;
                border-radius: 18px;
                color: #dff4ff;
                background:
                    radial-gradient(circle at 30% 25%, rgba(255,255,255,.16), transparent 35%),
                    linear-gradient(145deg, rgba(91,217,255,.16), rgba(79,241,171,.09)),
                    rgba(255,255,255,.04);
                border: 1px solid rgba(255,255,255,.08);
                box-shadow:
                    inset 0 1px 0 rgba(255,255,255,.08),
                    0 14px 34px rgba(0,0,0,.18),
                    0 0 18px rgba(91,217,255,.06);
                transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
            }

            #themeoff-spare-shiraz-page .to-box-icon svg {
                width: 25px;
                height: 25px;
                display: block;
            }

            #themeoff-spare-shiraz-page .to-content-box:hover .to-box-icon,
            #themeoff-spare-shiraz-page .to-industry:hover .to-box-icon,
            #themeoff-spare-shiraz-page .to-process-item:hover .to-box-icon {
                transform: translateY(-4px) rotate(-2deg);
                border-color: rgba(100,221,255,.18);
                box-shadow:
                    inset 0 1px 0 rgba(255,255,255,.1),
                    0 18px 38px rgba(0,0,0,.22),
                    0 0 22px rgba(91,217,255,.1);
            }

            #themeoff-spare-shiraz-page .to-process-head {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 12px;
                margin-bottom: 14px;
            }

            #themeoff-spare-shiraz-page .to-process-icon {
                width: 46px;
                height: 46px;
                margin-bottom: 0;
                border-radius: 15px;
                flex: 0 0 46px;
            }

            #themeoff-spare-shiraz-page .to-process-icon svg {
                width: 22px;
                height: 22px;
            }

            #themeoff-spare-shiraz-page .to-process-item .to-step {
                margin-bottom: 0;
                flex: 0 0 auto;
            }

            @media (max-width: 767px) {
                #themeoff-spare-shiraz-page .to-box-icon {
                    width: 48px;
                    height: 48px;
                    margin-bottom: 13px;
                    border-radius: 15px;
                }

                #themeoff-spare-shiraz-page .to-box-icon svg {
                    width: 22px;
                    height: 22px;
                }

                #themeoff-spare-shiraz-page .to-process-head {
                    gap: 10px;
                    margin-bottom: 12px;
                }

                #themeoff-spare-shiraz-page .to-process-icon {
                    width: 42px;
                    height: 42px;
                    flex-basis: 42px;
                    border-radius: 13px;
                }

                #themeoff-spare-shiraz-page .to-process-icon svg {
                    width: 20px;
                    height: 20px;
                }
            }

        
            /* =========================================================
               آیکون‌های مینیمال با تم سبز + حذف آیکون مراحل
            ========================================================= */

            #themeoff-spare-shiraz-page .to-box-icon {
                color: #9dffd9 !important;
                background:
                    radial-gradient(circle at 30% 25%, rgba(255,255,255,.14), transparent 35%),
                    linear-gradient(145deg, rgba(79,241,171,.18), rgba(79,241,171,.08)),
                    rgba(255,255,255,.035) !important;
                border: 1px solid rgba(79,241,171,.16) !important;
                box-shadow:
                    inset 0 1px 0 rgba(255,255,255,.08),
                    0 14px 34px rgba(0,0,0,.18),
                    0 0 18px rgba(79,241,171,.12) !important;
            }

            #themeoff-spare-shiraz-page .to-content-box:hover .to-box-icon,
            #themeoff-spare-shiraz-page .to-industry:hover .to-box-icon {
                border-color: rgba(79,241,171,.28) !important;
                box-shadow:
                    inset 0 1px 0 rgba(255,255,255,.10),
                    0 18px 38px rgba(0,0,0,.22),
                    0 0 22px rgba(79,241,171,.16) !important;
            }

            #themeoff-spare-shiraz-page .to-process-head,
            #themeoff-spare-shiraz-page .to-process-icon {
                display: none !important;
            }

        
            /* =========================================================
               اصلاح نهایی H1، تمام‌عرض واقعی و z-index لودینگ
            ========================================================= */

            #themeoff-spare-shiraz-page .to-hero h1.to-hero-title {
                margin: 0 0 18px !important;
                color: #fff !important;
                -webkit-text-fill-color: #fff !important;
                font-size: clamp(38px,5vw,66px) !important;
                line-height: 1.23 !important;
                font-weight: 950 !important;
            }

            html,
            body {
                width: 100% !important;
                max-width: 100% !important;
                overflow-x: clip !important;
                background: #04111f !important;
            }

            #themeoff-spare-shiraz-page {
                position: relative !important;
                left: 50% !important;
                right: auto !important;
                width: 100vw !important;
                max-width: 100vw !important;
                margin: 0 0 0 -50vw !important;
                padding-right: 0 !important;
                padding-left: 0 !important;
                transform: none !important;
                overflow-x: hidden !important;
            }

            .elementor-widget-shortcode:has(#themeoff-spare-shiraz-page),
            .elementor-widget-shortcode:has(#themeoff-spare-shiraz-page) > .elementor-widget-container,
            .elementor-element:has(#themeoff-spare-shiraz-page),
            .elementor-section:has(#themeoff-spare-shiraz-page),
            .elementor-container:has(#themeoff-spare-shiraz-page),
            .elementor-column:has(#themeoff-spare-shiraz-page),
            .elementor-widget-wrap:has(#themeoff-spare-shiraz-page),
            .e-con:has(#themeoff-spare-shiraz-page),
            main:has(#themeoff-spare-shiraz-page),
            .site-main:has(#themeoff-spare-shiraz-page),
            #main:has(#themeoff-spare-shiraz-page),
            .content-area:has(#themeoff-spare-shiraz-page),
            .entry-content:has(#themeoff-spare-shiraz-page),
            .page-content:has(#themeoff-spare-shiraz-page) {
                width: 100% !important;
                max-width: none !important;
                margin-right: 0 !important;
                margin-left: 0 !important;
                padding-right: 0 !important;
                padding-left: 0 !important;
            }

            @media (max-width: 767px) {
                #themeoff-spare-shiraz-page {
                    left: 50% !important;
                    width: 100vw !important;
                    max-width: 100vw !important;
                    margin-left: -50vw !important;
                    margin-right: 0 !important;
                }

                #themeoff-spare-shiraz-page .to-hero h1.to-hero-title {
                    font-size: clamp(32px,10vw,48px) !important;
                    line-height: 1.35 !important;
                }
            }


            /* =========================================================
               رفع نهایی نصف‌شدن صفحه و حذف فاصله ۵ پیکسلی کناره‌ها
            ========================================================= */

            html,
            body {
                width: 100% !important;
                max-width: 100% !important;
                margin: 0 !important;
                padding: 0 !important;
                overflow-x: hidden !important;
                background: #04111f !important;
            }

            /*
             * حذف روش left:50% که در RTL باعث جابه‌جایی نصف صفحه می‌شد.
             * خروج کنترل‌شده از کانتینر با ۵ پیکسل پوشش اضافه در هر طرف.
             */
            #themeoff-spare-shiraz-page {
                position: relative !important;
                right: auto !important;
                left: auto !important;
                width: calc(100vw + 10px) !important;
                min-width: calc(100vw + 10px) !important;
                max-width: none !important;
                margin-right: calc(50% - 50vw - 5px) !important;
                margin-left: calc(50% - 50vw - 5px) !important;
                padding-right: 0 !important;
                padding-left: 0 !important;
                transform: none !important;
                overflow-x: hidden !important;
            }

            /* والدهای Elementor بدون فضای جانبی */
            .elementor-widget-shortcode:has(#themeoff-spare-shiraz-page),
            .elementor-widget-shortcode:has(#themeoff-spare-shiraz-page) > .elementor-widget-container,
            .elementor-element:has(#themeoff-spare-shiraz-page),
            .elementor-section:has(#themeoff-spare-shiraz-page),
            .elementor-container:has(#themeoff-spare-shiraz-page),
            .elementor-column:has(#themeoff-spare-shiraz-page),
            .elementor-widget-wrap:has(#themeoff-spare-shiraz-page),
            .e-con:has(#themeoff-spare-shiraz-page),
            main:has(#themeoff-spare-shiraz-page),
            .site-main:has(#themeoff-spare-shiraz-page),
            #main:has(#themeoff-spare-shiraz-page),
            .content-area:has(#themeoff-spare-shiraz-page),
            .entry-content:has(#themeoff-spare-shiraz-page),
            .page-content:has(#themeoff-spare-shiraz-page) {
                max-width: none !important;
                margin-right: 0 !important;
                margin-left: 0 !important;
                padding-right: 0 !important;
                padding-left: 0 !important;
            }

            @media (max-width: 767px) {
                #themeoff-spare-shiraz-page {
                    right: auto !important;
                    left: auto !important;
                    width: calc(100vw + 6px) !important;
                    min-width: calc(100vw + 6px) !important;
                    margin-right: calc(50% - 50vw - 3px) !important;
                    margin-left: calc(50% - 50vw - 3px) !important;
                }
            }


            /* =========================================================
               کوچک‌سازی عنوان‌ها فقط در دسکتاپ
            ========================================================= */
            @media (min-width: 1101px) {
                #themeoff-spare-shiraz-page .to-hero .to-hero-title {
                    font-size: clamp(36px, 3.4vw, 50px) !important;
                    line-height: 1.38 !important;
                }

                #themeoff-spare-shiraz-page .to-title {
                    font-size: clamp(27px, 2.45vw, 38px) !important;
                    line-height: 1.5 !important;
                }

                #themeoff-spare-shiraz-page .to-card h3,
                #themeoff-spare-shiraz-page .to-content-box h3,
                #themeoff-spare-shiraz-page .to-industry h3,
                #themeoff-spare-shiraz-page .to-process-item h3 {
                    font-size: 18px !important;
                    line-height: 1.75 !important;
                }

                #themeoff-spare-shiraz-page .to-portfolio-meta h3 {
                    font-size: 18px !important;
                    line-height: 1.7 !important;
                }

                #themeoff-spare-shiraz-page .to-faq-question {
                    font-size: 15px !important;
                }

                #themeoff-spare-shiraz-page .to-contact-copy .to-title {
                    font-size: 34px !important;
                    line-height: 1.5 !important;
                }
            }
            
            @media (min-width: 1101px) {
    #themeoff-spare-shiraz-page .to-hero h1.to-hero-title,
    #themeoff-spare-shiraz-page .to-hero .to-hero-title {
        font-size: 40px !important;
        line-height: 1.5 !important;
    }
}


            /* Mobile: show every section immediately, without scroll reveal */
            @media (max-width: 900px) {
                #themeoff-spare-shiraz-page .to-reveal,
                #themeoff-spare-shiraz-page .to-reveal.is-visible,
                #themeoff-spare-shiraz-page .to-animated-section,
                #themeoff-spare-shiraz-page .to-depth-item,
                #themeoff-spare-shiraz-page .to-scroll-object {
                    opacity: 1 !important;
                    visibility: visible !important;
                    transform: none !important;
                    translate: none !important;
                    transition: none !important;
                    animation-delay: 0s !important;
                    will-change: auto !important;
                }
            }


            /* =========================================================
               موبایل: نمایش کامل و فوری تمام محتوا
               هیچ متن، کارت یا سکشنی به اسکرول وابسته نیست
            ========================================================= */
            @media (max-width: 900px) {
                #themeoff-spare-shiraz-page .to-reveal,
                #themeoff-spare-shiraz-page .to-reveal.is-visible,
                #themeoff-spare-shiraz-page .to-animated-section,
                #themeoff-spare-shiraz-page .to-animated-section > .to-container,
                #themeoff-spare-shiraz-page .to-depth-item,
                #themeoff-spare-shiraz-page .to-scroll-object,
                #themeoff-spare-shiraz-page .to-hero-copy,
                #themeoff-spare-shiraz-page .to-centered,
                #themeoff-spare-shiraz-page .to-card,
                #themeoff-spare-shiraz-page .to-content-box,
                #themeoff-spare-shiraz-page .to-industry,
                #themeoff-spare-shiraz-page .to-process-item,
                #themeoff-spare-shiraz-page .to-portfolio-card,
                #themeoff-spare-shiraz-page .to-faq-item,
                #themeoff-spare-shiraz-page .to-calculator-shell,
                #themeoff-spare-shiraz-page .to-contact-box {
                    opacity: 1 !important;
                    visibility: visible !important;
                    transform: none !important;
                    translate: none !important;
                    transition-property: background,border-color,box-shadow,color !important;
                    transition-duration: .25s !important;
                    animation-delay: 0s !important;
                    will-change: auto !important;
                }

                #themeoff-spare-shiraz-page .to-page-progress {
                    display: none !important;
                }
            }


@media (max-width:991px), (pointer:coarse), (hover:none) {
  #themeoff-spare-shiraz-page .to-motion-section,
  #themeoff-spare-shiraz-page #themeoff-wp-motion,
  #themeoff-spare-shiraz-page .to-motion-stage {
    display:none!important; visibility:hidden!important;
    height:0!important; min-height:0!important; max-height:0!important;
    margin:0!important; padding:0!important; overflow:hidden!important;
    pointer-events:none!important; content-visibility:hidden!important;
  }

  #themeoff-spare-shiraz-page .to-scroll-story {
    height:auto!important; min-height:0!important;
    padding:38px 0 18px!important; overflow:visible!important;
  }

  #themeoff-spare-shiraz-page .to-story-sticky {
    position:static!important; top:auto!important;
    height:auto!important; min-height:0!important; overflow:visible!important;
  }

  #themeoff-spare-shiraz-page .to-reveal,
  #themeoff-spare-shiraz-page .to-reveal.is-visible,
  #themeoff-spare-shiraz-page .to-animated-section,
  #themeoff-spare-shiraz-page .to-scroll-object,
  #themeoff-spare-shiraz-page .to-depth-item,
  #themeoff-spare-shiraz-page .to-story-panel,
  #themeoff-spare-shiraz-page .to-story-float,
  #themeoff-spare-shiraz-page [data-story] {
    opacity:1!important; visibility:visible!important;
    transform:none!important; translate:none!important; scale:none!important;
    rotate:none!important; animation:none!important; transition:none!important;
    will-change:auto!important;
  }

  #themeoff-spare-shiraz-page *,
  #themeoff-spare-shiraz-page *::before,
  #themeoff-spare-shiraz-page *::after {
    animation:none!important; animation-duration:0s!important;
    transition-duration:0s!important; scroll-behavior:auto!important;
    will-change:auto!important;
  }

  #themeoff-spare-shiraz-page .to-card,
  #themeoff-spare-shiraz-page .to-content-box,
  #themeoff-spare-shiraz-page .to-industry,
  #themeoff-spare-shiraz-page .to-process-item,
  #themeoff-spare-shiraz-page .to-portfolio-card,
  #themeoff-spare-shiraz-page .to-faq-item,
  #themeoff-spare-shiraz-page .to-contact-box,
  #themeoff-spare-shiraz-page .to-floating-window,
  #themeoff-spare-shiraz-page .to-main-screen,
  #themeoff-spare-shiraz-page .to-story-float {
    backdrop-filter:none!important; -webkit-backdrop-filter:none!important;
    filter:none!important; transform:none!important;
    perspective:none!important; transform-style:flat!important;
    will-change:auto!important;
  }

  #themeoff-spare-shiraz-page .to-grid-bg,
  #themeoff-spare-shiraz-page .to-page-progress,
  #themeoff-spare-shiraz-page .to-motion-glow,
  #themeoff-spare-shiraz-page .to-motion-orbit,
  #themeoff-spare-shiraz-page .to-motion-spark,
  #themeoff-spare-shiraz-page .to-arrow-cursor,
  #themeoff-spare-shiraz-page .to-mouse-cursor {
    display:none!important;
  }

  #themeoff-spare-shiraz-page section { contain:layout paint; }
}

#themeoff-spare-shiraz-page .to-arrow-cursor,
#themeoff-spare-shiraz-page .to-mouse-cursor { display:none!important; }


/* بخش نظرات کارفرمایان */
#themeoff-spare-shiraz-page .to-reviews-section {
                position: relative;
                padding: 72px 0;
            }

            #themeoff-spare-shiraz-page .to-reviews-grid {
                display: grid;
                grid-template-columns: repeat(4, minmax(0, 1fr));
                align-items: stretch;
                gap: 18px;
                margin-top: 36px;
            }

            #themeoff-spare-shiraz-page .to-review-card {
                position: relative;
                min-width: 0;
                display: flex;
                flex-direction: column;
                padding: 22px;
                overflow: hidden;
                border: 1px solid rgba(255,255,255,.1);
                border-radius: 23px;
                background:
                    radial-gradient(circle at 10% 10%,rgba(70,239,164,.08),transparent 30%),
                    linear-gradient(155deg,rgba(255,255,255,.065),rgba(255,255,255,.022));
                box-shadow: 0 22px 58px rgba(0,0,0,.3);
                transition:
                    border-color .3s ease,
                    box-shadow .3s ease,
                    transform .3s ease;
            }

            #themeoff-spare-shiraz-page .to-review-card:hover {
                border-color: rgba(89,216,255,.3);
                box-shadow:
                    0 28px 70px rgba(0,0,0,.4),
                    0 0 30px rgba(89,216,255,.06);
                transform: translateY(-5px);
            }

            #themeoff-spare-shiraz-page .to-review-head {
                display: grid;
                grid-template-columns: 44px minmax(0,1fr) auto;
                align-items: center;
                gap: 11px;
                margin-bottom: 15px;
            }

            #themeoff-spare-shiraz-page .to-review-avatar {
                width: 44px;
                height: 44px;
                display: grid;
                place-items: center;
                border-radius: 14px;
                color: #03151e;
                background: linear-gradient(135deg,#4ff1ab,#64ddff);
                font-size: 12px;
                font-weight: 950;
                direction: ltr;
            }

            #themeoff-spare-shiraz-page .to-review-person {
                min-width: 0;
            }

            #themeoff-spare-shiraz-page .to-review-person h3 {
                margin: 0 0 3px !important;
                overflow: hidden;
                color: #fff !important;
                font-size: 14px !important;
                line-height: 1.5 !important;
                text-overflow: ellipsis;
                white-space: nowrap;
                direction: ltr;
                text-align: right;
            }

            #themeoff-spare-shiraz-page .to-review-person span {
                display: block;
                color: #9fb5c9;
                font-size: 11px;
            }

            #themeoff-spare-shiraz-page .to-review-stars {
                display: inline-flex;
                flex-direction: row-reverse;
                gap: 2px;
                white-space: nowrap;
                direction: ltr;
            }

            #themeoff-spare-shiraz-page .to-review-star {
                color: rgba(255,255,255,.16);
                font-size: 16px;
                line-height: 1;
            }

            #themeoff-spare-shiraz-page .to-review-star.is-filled {
                color: #ffb300;
                text-shadow: 0 0 10px rgba(255,179,0,.18);
            }

            #themeoff-spare-shiraz-page .to-review-project {
                display: block;
                min-height: 48px;
                margin-bottom: 12px;
                color: #70e2ff !important;
                -webkit-text-fill-color: #70e2ff !important;
                font-size: 12px;
                font-weight: 800;
                line-height: 1.9;
            }

            #themeoff-spare-shiraz-page .to-review-text {
                flex: 1;
                margin: 0 !important;
                color: #c6d7e6 !important;
                font-size: 13px;
                line-height: 2.05;
            }

            #themeoff-spare-shiraz-page .to-reviews-action {
                display: flex;
                justify-content: center;
                margin-top: 30px;
            }

            #themeoff-spare-shiraz-page .to-ponisha-reviews-btn {
                min-width: 290px;
            }

            @media (max-width: 1100px) {
                #themeoff-spare-shiraz-page .to-reviews-grid {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                }
            }

            @media (max-width: 767px) {
                #themeoff-spare-shiraz-page .to-reviews-section {
                    padding: 52px 0;
                }

                #themeoff-spare-shiraz-page .to-reviews-grid {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    gap: 14px;
                    margin-top: 28px;
                }

                #themeoff-spare-shiraz-page .to-review-card {
                    padding: 18px;
                    border-radius: 20px;
                }

                #themeoff-spare-shiraz-page .to-review-card:hover {
                    transform: none;
                }

                #themeoff-spare-shiraz-page .to-review-head {
                    grid-template-columns: 42px minmax(0,1fr);
                }

                #themeoff-spare-shiraz-page .to-review-stars {
                    grid-column: 1 / -1;
                    justify-self: start;
                    margin-top: 2px;
                }

                #themeoff-spare-shiraz-page .to-review-project {
                    min-height: 0;
                }

                #themeoff-spare-shiraz-page .to-ponisha-reviews-btn {
                    width: 100%;
                    min-width: 0;
                }
            
                #themeoff-spare-shiraz-page .to-reviews-grid {
                    gap: 10px !important;
                }

                #themeoff-spare-shiraz-page .to-review-card {
                    min-width: 0 !important;
                    padding: 13px !important;
                    border-radius: 16px !important;
                }

                #themeoff-spare-shiraz-page .to-review-head {
                    display: flex !important;
                    flex-wrap: wrap;
                    align-items: center;
                    gap: 8px !important;
                    margin-bottom: 10px !important;
                }

                #themeoff-spare-shiraz-page .to-review-avatar {
                    width: 34px !important;
                    height: 34px !important;
                    flex: 0 0 34px;
                    border-radius: 11px !important;
                    font-size: 10px !important;
                }

                #themeoff-spare-shiraz-page .to-review-person {
                    min-width: 0;
                    flex: 1 1 calc(100% - 42px);
                }

                #themeoff-spare-shiraz-page .to-review-person h3 {
                    font-size: 11px !important;
                    line-height: 1.45 !important;
                }

                #themeoff-spare-shiraz-page .to-review-person span {
                    font-size: 9px !important;
                }

                #themeoff-spare-shiraz-page .to-review-stars {
                    width: 100%;
                    justify-content: flex-start;
                    gap: 1px !important;
                    margin-top: 1px;
                }

                #themeoff-spare-shiraz-page .to-review-star {
                    font-size: 12px !important;
                }

                #themeoff-spare-shiraz-page .to-review-project {
                    min-height: 0 !important;
                    margin-bottom: 8px !important;
                    font-size: 10px !important;
                    line-height: 1.65 !important;
                }

                #themeoff-spare-shiraz-page .to-review-text {
                    font-size: 10.5px !important;
                    line-height: 1.8 !important;
                    overflow-wrap: anywhere;
                }

            }

            /* =========================================================
               موبایل: نمایش یکجای کامل محتوا و حذف لود تکه‌تکه
               موشن‌گرافیک‌های مستقل حفظ می‌شوند
            ========================================================= */
            @media (max-width: 900px) {
                #themeoff-spare-shiraz-page .to-reveal,
                #themeoff-spare-shiraz-page .to-reveal.is-visible,
                #themeoff-spare-shiraz-page .to-animated-section,
                #themeoff-spare-shiraz-page .to-depth-item,
                #themeoff-spare-shiraz-page .to-scroll-object {
                    opacity: 1 !important;
                    visibility: visible !important;
                    transform: none !important;
                    translate: none !important;
                    transition: none !important;
                    transition-delay: 0s !important;
                    will-change: auto !important;
                    content-visibility: visible !important;
                }

                #themeoff-spare-shiraz-page section,
                #themeoff-spare-shiraz-page .to-container,
                #themeoff-spare-shiraz-page .to-card,
                #themeoff-spare-shiraz-page .to-content-box,
                #themeoff-spare-shiraz-page .to-industry,
                #themeoff-spare-shiraz-page .to-process-item,
                #themeoff-spare-shiraz-page .to-portfolio-card,
                #themeoff-spare-shiraz-page .to-faq-item,
                #themeoff-spare-shiraz-page .to-review-card,
                #themeoff-spare-shiraz-page .to-contact-box {
                    opacity: 1 !important;
                    visibility: visible !important;
                }

                #themeoff-spare-shiraz-page img {
                    opacity: 1 !important;
                    visibility: visible !important;
                }

                /*
                 * افکت‌های سنگین وابسته به اسکرول در موبایل خنثی می‌شوند،
                 * اما animationهای داخلی موشن‌گرافیک حذف نمی‌شوند.
                 */
                #themeoff-spare-shiraz-page .to-scroll-story {
                    height: auto !important;
                    min-height: 0 !important;
                }

                #themeoff-spare-shiraz-page .to-story-sticky {
                    position: relative !important;
                    top: auto !important;
                    height: auto !important;
                    min-height: 0 !important;
                    overflow: visible !important;
                }

                #themeoff-spare-shiraz-page .to-motion-section,
                #themeoff-spare-shiraz-page .to-motion-section *,
                #themeoff-spare-shiraz-page [class*="to-motion-"] {
                    animation-play-state: running !important;
                }
            }


            /* =========================================================
               موبایل: اسکرول پایدار و روان بدون گیر در لود
            ========================================================= */
            @media (max-width: 900px) {
                html,
                body {
                    scroll-behavior: auto !important;
                }

                #themeoff-spare-shiraz-page .to-reveal,
                #themeoff-spare-shiraz-page .to-reveal.is-visible,
                #themeoff-spare-shiraz-page .to-animated-section,
                #themeoff-spare-shiraz-page .to-depth-item,
                #themeoff-spare-shiraz-page .to-scroll-object {
                    opacity: 1 !important;
                    visibility: visible !important;
                    transform: none !important;
                    transition: none !important;
                    will-change: auto !important;
                }

                #themeoff-spare-shiraz-page .to-scroll-story,
                #themeoff-spare-shiraz-page .to-story-sticky {
                    position: relative !important;
                    top: auto !important;
                    height: auto !important;
                    min-height: 0 !important;
                    overflow: visible !important;
                    transform: none !important;
                    will-change: auto !important;
                }

                #themeoff-spare-shiraz-page .to-card,
                #themeoff-spare-shiraz-page .to-content-box,
                #themeoff-spare-shiraz-page .to-industry,
                #themeoff-spare-shiraz-page .to-process-item,
                #themeoff-spare-shiraz-page .to-portfolio-card,
                #themeoff-spare-shiraz-page .to-faq-item,
                #themeoff-spare-shiraz-page .to-review-card,
                #themeoff-spare-shiraz-page .to-contact-box {
                    backdrop-filter: none !important;
                    -webkit-backdrop-filter: none !important;
                    transform: none !important;
                    will-change: auto !important;
                }

                #themeoff-spare-shiraz-page .to-card:hover,
                #themeoff-spare-shiraz-page .to-content-box:hover,
                #themeoff-spare-shiraz-page .to-industry:hover,
                #themeoff-spare-shiraz-page .to-process-item:hover,
                #themeoff-spare-shiraz-page .to-portfolio-card:hover,
                #themeoff-spare-shiraz-page .to-faq-item:hover,
                #themeoff-spare-shiraz-page .to-review-card:hover {
                    transform: none !important;
                }

                #themeoff-spare-shiraz-page .to-cursor,
                #themeoff-spare-shiraz-page .to-cursor-dot,
                #themeoff-spare-shiraz-page .to-cursor-ring,
                #themeoff-spare-shiraz-page [class*="cursor"] {
                    display: none !important;
                }

                #themeoff-spare-shiraz-page img {
                    opacity: 1 !important;
                    visibility: visible !important;
                    transform: none !important;
                    transition: none !important;
                    will-change: auto !important;
                }
            }


            /* =========================================================
               موبایل: نمایش فوری باکس‌ها بدون گیر در لود
            ========================================================= */
            @media (max-width: 900px) {
                #themeoff-spare-shiraz-page {
                    margin-top: 0 !important;
                    padding-top: 0 !important;
                }

                #themeoff-spare-shiraz-page > section:first-of-type,
                #themeoff-spare-shiraz-page .to-hero,
                #themeoff-spare-shiraz-page .to-hero-section {
                    margin-top: 0 !important;
                }

                /*
                 * فقط عناصر اصلی باکس‌ها فوری نمایش داده شوند.
                 * از انتخاب تمام فرزندان با * پرهیز شده تا لود سنگین نشود.
                 */
                #themeoff-spare-shiraz-page .to-card,
                #themeoff-spare-shiraz-page .to-content-box,
                #themeoff-spare-shiraz-page .to-industry,
                #themeoff-spare-shiraz-page .to-process-item,
                #themeoff-spare-shiraz-page .to-portfolio-card,
                #themeoff-spare-shiraz-page .to-faq-item,
                #themeoff-spare-shiraz-page .to-review-card,
                #themeoff-spare-shiraz-page .to-contact-box,
                #themeoff-spare-shiraz-page .to-service-card,
                #themeoff-spare-shiraz-page .to-feature-card,
                #themeoff-spare-shiraz-page .to-card .to-icon,
                #themeoff-spare-shiraz-page .to-content-box .to-icon,
                #themeoff-spare-shiraz-page .to-industry .to-icon,
                #themeoff-spare-shiraz-page .to-process-item .to-icon,
                #themeoff-spare-shiraz-page .to-service-card .to-icon,
                #themeoff-spare-shiraz-page .to-feature-card .to-icon,
                #themeoff-spare-shiraz-page .to-card h2,
                #themeoff-spare-shiraz-page .to-card h3,
                #themeoff-spare-shiraz-page .to-card p,
                #themeoff-spare-shiraz-page .to-content-box h2,
                #themeoff-spare-shiraz-page .to-content-box h3,
                #themeoff-spare-shiraz-page .to-content-box p,
                #themeoff-spare-shiraz-page .to-industry h3,
                #themeoff-spare-shiraz-page .to-industry p,
                #themeoff-spare-shiraz-page .to-process-item h3,
                #themeoff-spare-shiraz-page .to-process-item p,
                #themeoff-spare-shiraz-page .to-review-card h3,
                #themeoff-spare-shiraz-page .to-review-card p {
                    opacity: 1 !important;
                    visibility: visible !important;
                    transform: none !important;
                    transition: none !important;
                    animation: none !important;
                    will-change: auto !important;
                }

                #themeoff-spare-shiraz-page .to-card,
                #themeoff-spare-shiraz-page .to-content-box,
                #themeoff-spare-shiraz-page .to-industry,
                #themeoff-spare-shiraz-page .to-process-item,
                #themeoff-spare-shiraz-page .to-portfolio-card,
                #themeoff-spare-shiraz-page .to-faq-item,
                #themeoff-spare-shiraz-page .to-review-card,
                #themeoff-spare-shiraz-page .to-contact-box {
                    backdrop-filter: none !important;
                    -webkit-backdrop-filter: none !important;
                }

                #themeoff-spare-shiraz-page .to-card:hover,
                #themeoff-spare-shiraz-page .to-content-box:hover,
                #themeoff-spare-shiraz-page .to-industry:hover,
                #themeoff-spare-shiraz-page .to-process-item:hover,
                #themeoff-spare-shiraz-page .to-portfolio-card:hover,
                #themeoff-spare-shiraz-page .to-review-card:hover {
                    transform: none !important;
                }
            }


/* تثبیت نمایش نظرات در موبایل */
@media (max-width: 991px), (pointer: coarse), (hover: none) {
    #themeoff-spare-shiraz-page .to-reviews-section {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 48px 0 !important;
        content-visibility: visible !important;
    }

    #themeoff-spare-shiraz-page .to-reviews-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    #themeoff-spare-shiraz-page .to-review-card {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        animation: none !important;
        transition: none !important;
        padding: 14px !important;
        border-radius: 17px !important;
    }

    #themeoff-spare-shiraz-page .to-review-text {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
    }
}

@media (max-width: 480px) {
    #themeoff-spare-shiraz-page .to-reviews-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #themeoff-spare-shiraz-page .to-review-head {
        display: grid !important;
        grid-template-columns: 38px 1fr !important;
        gap: 8px !important;
    }

    #themeoff-spare-shiraz-page .to-review-stars {
        grid-column: 1 / -1;
    }
}


/* =========================================================
   فروشگاه اینترنتی شیراز — هم‌تراز با صفحات مرجع
========================================================= */
#themeoff-spare-shiraz-page {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-right: calc(50% - 50vw) !important;
    margin-left: calc(50% - 50vw) !important;
    overflow-x: clip !important;
}

#themeoff-spare-shiraz-page .to-card-grid,
#themeoff-spare-shiraz-page .to-industry-grid,
#themeoff-spare-shiraz-page .to-feature-grid,
#themeoff-spare-shiraz-page .to-process-grid {
    align-items: stretch;
}

#themeoff-spare-shiraz-page .to-card,
#themeoff-spare-shiraz-page .to-industry,
#themeoff-spare-shiraz-page .to-feature-card,
#themeoff-spare-shiraz-page .to-process-item {
    min-width: 0;
    height: 100%;
}

#themeoff-spare-shiraz-page .to-card,
#themeoff-spare-shiraz-page .to-industry {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#themeoff-spare-shiraz-page .to-svg-icon {
    width: 56px;
    height: 56px;
    flex: 0 0 56px;
    display: grid;
    place-items: center;
    margin: 0 0 17px;
    border-radius: 17px;
    color: #04131e;
    background: linear-gradient(135deg,#4ff1ab,#64ddff);
    box-shadow:
        0 14px 32px rgba(70,239,164,.18),
        inset 0 1px 0 rgba(255,255,255,.55);
}

#themeoff-spare-shiraz-page .to-svg-icon svg {
    width: 27px;
    height: 27px;
    display: block;
    fill: currentColor;
}

#themeoff-spare-shiraz-page .to-industry-icon {
    width: 50px;
    height: 50px;
    flex-basis: 50px;
    border-radius: 15px;
}

#themeoff-spare-shiraz-page .to-industry-icon svg {
    width: 24px;
    height: 24px;
}

#themeoff-spare-shiraz-page .to-card h3,
#themeoff-spare-shiraz-page .to-industry h3 {
    width: 100%;
}

#themeoff-spare-shiraz-page .to-card p,
#themeoff-spare-shiraz-page .to-industry p {
    margin-top: auto !important;
}

#themeoff-spare-shiraz-page .to-ecommerce-products {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 11px;
    margin-bottom: 18px;
}

#themeoff-spare-shiraz-page .to-ecommerce-products span {
    min-width: 0;
    height: 82px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 15px;
    background:
        radial-gradient(circle at 25% 15%,rgba(70,239,164,.16),transparent 45%),
        rgba(255,255,255,.04);
}

#themeoff-spare-shiraz-page .to-ecommerce-chart {
    height: 105px;
    display: flex;
    align-items: flex-end;
    gap: 10px;
    padding: 14px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 15px;
    background: rgba(255,255,255,.03);
}

#themeoff-spare-shiraz-page .to-ecommerce-chart i {
    flex: 1;
    min-width: 0;
    height: var(--h);
    border-radius: 8px 8px 3px 3px;
    background: linear-gradient(180deg,#64ddff,#4ff1ab);
}

#themeoff-spare-shiraz-page .to-eyebrow::before {
    animation: themeoffRealEstatePulse 1.35s ease-in-out infinite !important;
}

@keyframes themeoffRealEstatePulse {
    0%,100% {
        opacity: 1;
        transform: scale(1);
        box-shadow:
            0 0 0 0 rgba(70,239,164,.55),
            0 0 16px rgba(70,239,164,.8);
    }
    50% {
        opacity: .42;
        transform: scale(.68);
        box-shadow:
            0 0 0 10px rgba(70,239,164,0),
            0 0 7px rgba(70,239,164,.35);
    }
}

#themeoff-spare-shiraz-page .to-reviews-grid {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 14px !important;
}

#themeoff-spare-shiraz-page .to-portfolio-card {
    min-width: 0;
}

@media (max-width:1100px) {
    #themeoff-spare-shiraz-page .to-reviews-grid {
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    }
}

@media (max-width:991px), (pointer:coarse), (hover:none) {
    #themeoff-spare-shiraz-page .to-motion-section {
        display: none !important;
    }

    #themeoff-spare-shiraz-page .to-reviews-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 10px !important;
    }

    #themeoff-spare-shiraz-page .to-card,
    #themeoff-spare-shiraz-page .to-industry,
    #themeoff-spare-shiraz-page .to-feature-card,
    #themeoff-spare-shiraz-page .to-process-item,
    #themeoff-spare-shiraz-page .to-reveal,
    #themeoff-spare-shiraz-page .to-animated-section {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        animation: none !important;
        transition: none !important;
        will-change: auto !important;
    }

    #themeoff-spare-shiraz-page .to-svg-icon {
        width: 50px;
        height: 50px;
        flex-basis: 50px;
    }
}


/* =========================================================
   اصلاح نهایی چیدمان صفحه فروشگاهی
========================================================= */

/* باکس‌های دلایل انتخاب ووکامرس */
#themeoff-spare-shiraz-page .to-woo-benefits-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 18px;
    margin-top: 34px;
}

#themeoff-spare-shiraz-page .to-woo-benefit-card {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: 72px 1fr;
    align-items: center;
    gap: 18px;
    padding: 24px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 24px;
    background:
        radial-gradient(circle at 90% 10%,rgba(70,239,164,.1),transparent 35%),
        linear-gradient(155deg,rgba(255,255,255,.065),rgba(255,255,255,.022));
    box-shadow: 0 24px 65px rgba(0,0,0,.3);
}

#themeoff-spare-shiraz-page .to-woo-benefit-number {
    width: 72px;
    height: 72px;
    display: grid;
    place-items: center;
    border-radius: 22px;
    color: #04131e;
    background: linear-gradient(135deg,#4ff1ab,#64ddff);
    box-shadow:
        0 16px 35px rgba(70,239,164,.22),
        inset 0 1px 0 rgba(255,255,255,.55);
    font-size: 21px;
    font-weight: 950;
}

#themeoff-spare-shiraz-page .to-woo-benefit-body {
    min-width: 0;
}

#themeoff-spare-shiraz-page .to-woo-benefit-body h3 {
    margin: 0 0 8px !important;
    font-size: 20px !important;
    line-height: 1.6 !important;
}

#themeoff-spare-shiraz-page .to-woo-benefit-body p {
    margin: 0 !important;
    line-height: 1.95;
}

/* نوع محصول: 4 ستون دسکتاپ، 2 ستون موبایل */
#themeoff-spare-shiraz-page .to-product-types-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 16px;
    margin-top: 34px;
}

#themeoff-spare-shiraz-page .to-product-type-card {
    min-width: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 23px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 22px;
    background: linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.022));
    box-shadow: 0 22px 60px rgba(0,0,0,.28);
}

#themeoff-spare-shiraz-page .to-product-type-icon {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    margin-bottom: 15px;
    border-radius: 15px;
}

#themeoff-spare-shiraz-page .to-product-type-card h3 {
    margin: 0 0 9px !important;
    font-size: 18px !important;
    line-height: 1.65 !important;
}

#themeoff-spare-shiraz-page .to-product-type-card p {
    margin: 0 !important;
    line-height: 1.95;
}

/* اینفوگرافیک فرایند */
#themeoff-spare-shiraz-page .to-process-infographic {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 28px 22px;
    margin-top: 42px;
}

#themeoff-spare-shiraz-page .to-process-line {
    position: absolute;
    top: 41px;
    right: 8%;
    left: 8%;
    height: 2px;
    background: linear-gradient(90deg,transparent,#4ff1ab,#64ddff,#9b8cff,transparent);
    opacity: .55;
}

#themeoff-spare-shiraz-page .to-process-step {
    position: relative;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#themeoff-spare-shiraz-page .to-process-badge {
    position: relative;
    z-index: 2;
    width: 82px;
    height: 82px;
    display: grid;
    place-items: center;
    margin-bottom: 18px;
    border-radius: 50%;
    color: #04131e;
    background: linear-gradient(135deg,#4ff1ab,#64ddff 58%,#9b8cff);
    box-shadow:
        0 0 0 8px rgba(89,216,255,.05),
        0 18px 40px rgba(70,239,164,.2),
        inset 0 1px 0 rgba(255,255,255,.6);
    font-size: 22px;
    font-weight: 950;
}

#themeoff-spare-shiraz-page .to-process-badge::after {
    content: "";
    position: absolute;
    inset: -8px;
    border: 1px dashed rgba(89,216,255,.32);
    border-radius: 50%;
    animation: themeoffRealEstateProcessOrbit 10s linear infinite;
}

@keyframes themeoffRealEstateProcessOrbit {
    to { transform: rotate(360deg); }
}

#themeoff-spare-shiraz-page .to-process-card {
    width: 100%;
    min-height: 145px;
    padding: 21px;
    text-align: center;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 22px;
    background: linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.022));
    box-shadow: 0 22px 60px rgba(0,0,0,.27);
}

#themeoff-spare-shiraz-page .to-process-card h3 {
    margin: 0 0 8px !important;
    font-size: 18px !important;
}

#themeoff-spare-shiraz-page .to-process-card p {
    margin: 0 !important;
    line-height: 1.95;
}

/* فاصله واضح FAQ و تماس */
#themeoff-spare-shiraz-page .to-faq-list {
    margin-bottom: 32px;
}

#themeoff-spare-shiraz-page .to-contact-section {
    margin-top: 48px;
    padding-top: 70px !important;
}

#themeoff-spare-shiraz-page .to-contact-box {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    gap: 30px;
}

#themeoff-spare-shiraz-page .to-contact-actions {
    min-width: 250px;
    display: grid;
    gap: 12px;
}

#themeoff-spare-shiraz-page .to-phone-button {
    display: grid;
    justify-items: center;
    gap: 4px;
    padding: 13px 18px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 16px;
    color: #fff !important;
    background: rgba(255,255,255,.055);
    box-shadow: 0 12px 32px rgba(0,0,0,.2);
}

#themeoff-spare-shiraz-page .to-phone-label {
    color: #a9c1d4;
    font-size: 11px;
    font-weight: 800;
}

#themeoff-spare-shiraz-page .to-phone-button strong {
    color: #fff;
    direction: ltr;
    font-size: 18px;
    font-weight: 950;
}

/* لیبل‌های هیرو */
#themeoff-spare-shiraz-page .to-floating-window {
    display: grid !important;
    grid-template-columns: 42px minmax(0,1fr);
    align-items: center;
    gap: 11px;
    min-width: 210px;
    max-width: 235px;
    padding: 14px !important;
}

#themeoff-spare-shiraz-page .to-floating-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: #04131e;
    background: linear-gradient(135deg,#4ff1ab,#64ddff);
    font-size: 18px;
    font-weight: 950;
}

#themeoff-spare-shiraz-page .to-floating-copy {
    min-width: 0;
    display: grid;
    gap: 3px;
}

#themeoff-spare-shiraz-page .to-floating-copy strong,
#themeoff-spare-shiraz-page .to-floating-copy small {
    display: block;
    white-space: normal;
    overflow-wrap: anywhere;
}

#themeoff-spare-shiraz-page .to-floating-copy strong {
    font-size: 14px;
    line-height: 1.5;
}

#themeoff-spare-shiraz-page .to-floating-copy small {
    color: #9fb8cb;
    font-size: 11px;
    line-height: 1.6;
}

@media (max-width:1100px) {
    #themeoff-spare-shiraz-page .to-product-types-grid {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}

@media (max-width:991px) {
    #themeoff-spare-shiraz-page .to-woo-benefits-grid {
        grid-template-columns: 1fr;
    }

    #themeoff-spare-shiraz-page .to-process-infographic {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    #themeoff-spare-shiraz-page .to-process-line {
        display: none;
    }

    #themeoff-spare-shiraz-page .to-contact-box {
        grid-template-columns: 1fr;
        text-align: center;
    }

    #themeoff-spare-shiraz-page .to-contact-actions {
        width: min(100%,320px);
        margin-inline: auto;
    }
}

@media (max-width:767px), (pointer:coarse), (hover:none) {
    #themeoff-spare-shiraz-page .to-product-types-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 10px !important;
    }

    #themeoff-spare-shiraz-page .to-product-type-card {
        padding: 15px;
    }

    #themeoff-spare-shiraz-page .to-process-infographic {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    #themeoff-spare-shiraz-page .to-process-step {
        display: grid;
        grid-template-columns: 72px minmax(0,1fr);
        align-items: center;
        gap: 13px;
    }

    #themeoff-spare-shiraz-page .to-process-badge {
        width: 68px;
        height: 68px;
        margin: 0;
        font-size: 19px;
    }

    #themeoff-spare-shiraz-page .to-process-badge::after {
        animation: none !important;
    }

    #themeoff-spare-shiraz-page .to-process-card {
        min-height: 0;
        text-align: right;
    }

    #themeoff-spare-shiraz-page .to-contact-section {
        margin-top: 28px;
        padding-top: 48px !important;
    }

    #themeoff-spare-shiraz-page .to-floating-window {
        min-width: 170px;
        max-width: 185px;
        grid-template-columns: 34px minmax(0,1fr);
        gap: 8px;
        padding: 10px !important;
    }

    #themeoff-spare-shiraz-page .to-floating-icon {
        width: 34px;
        height: 34px;
        border-radius: 11px;
        font-size: 15px;
    }

    #themeoff-spare-shiraz-page .to-floating-copy strong {
        font-size: 12px;
    }

    #themeoff-spare-shiraz-page .to-floating-copy small {
        font-size: 10px;
    }
}


/* =========================================================
   V4 — اجزای ضروری، گرید سه‌تایی و مسیر پیوسته
========================================================= */

/* پنل حرفه‌ای اجزای ضروری */
#themeoff-spare-shiraz-page .to-store-essentials {
    position: relative;
    min-width: 0;
    padding: 26px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 28px;
    background:
        radial-gradient(circle at 92% 8%,rgba(70,239,164,.13),transparent 34%),
        radial-gradient(circle at 8% 95%,rgba(100,221,255,.09),transparent 36%),
        linear-gradient(155deg,rgba(255,255,255,.068),rgba(255,255,255,.022));
    box-shadow: 0 28px 75px rgba(0,0,0,.34);
}

#themeoff-spare-shiraz-page .to-essentials-head {
    display: grid;
    grid-template-columns: 58px minmax(0,1fr);
    align-items: center;
    gap: 15px;
    margin-bottom: 21px;
    padding-bottom: 19px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

#themeoff-spare-shiraz-page .to-essentials-mark {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    color: #04131e;
    background: linear-gradient(135deg,#4ff1ab,#64ddff);
    box-shadow:
        0 14px 34px rgba(70,239,164,.23),
        inset 0 1px 0 rgba(255,255,255,.6);
    font-size: 23px;
    font-weight: 950;
}

#themeoff-spare-shiraz-page .to-essentials-head h3 {
    margin: 0 0 4px !important;
    font-size: 22px !important;
    line-height: 1.55 !important;
}

#themeoff-spare-shiraz-page .to-essentials-head p {
    margin: 0 !important;
    color: #a9bfd1 !important;
    font-size: 12px;
    line-height: 1.8;
}

#themeoff-spare-shiraz-page .to-essentials-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 11px;
}

#themeoff-spare-shiraz-page .to-essential-item {
    min-width: 0;
    display: grid;
    grid-template-columns: 38px minmax(0,1fr);
    align-items: start;
    gap: 11px;
    padding: 14px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 16px;
    background: rgba(255,255,255,.035);
    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease;
}

#themeoff-spare-shiraz-page .to-essential-item:hover {
    transform: translateY(-3px);
    border-color: rgba(70,239,164,.27);
    background: rgba(70,239,164,.045);
}

#themeoff-spare-shiraz-page .to-essential-number {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: #75e7ff;
    background: rgba(89,216,255,.09);
    font-size: 11px;
    font-weight: 950;
}

#themeoff-spare-shiraz-page .to-essential-item h4 {
    margin: 0 0 4px !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

#themeoff-spare-shiraz-page .to-essential-item p {
    margin: 0 !important;
    color: #a9bfd1 !important;
    font-size: 11px;
    line-height: 1.8;
}

/* نوع محصول: دقیقاً دو ردیف سه‌تایی در دسکتاپ */
#themeoff-spare-shiraz-page .to-product-types-grid {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
}

/* نقشه مسیر پیوسته */
#themeoff-spare-shiraz-page .to-journey-map {
    position: relative;
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    gap: 14px;
    margin-top: 48px;
    padding-top: 4px;
}

#themeoff-spare-shiraz-page .to-journey-rail {
    position: absolute;
    top: 44px;
    right: 7%;
    left: 7%;
    height: 5px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.35);
}

#themeoff-spare-shiraz-page .to-journey-rail span {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(
        90deg,
        #4ff1ab 0%,
        #64ddff 35%,
        #9b8cff 68%,
        #4ff1ab 100%
    );
    background-size: 200% 100%;
    animation: themeoffJourneyFlow 5s linear infinite;
}

@keyframes themeoffJourneyFlow {
    from { background-position: 0 0; }
    to { background-position: 200% 0; }
}

#themeoff-spare-shiraz-page .to-journey-step {
    position: relative;
    z-index: 2;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#themeoff-spare-shiraz-page .to-journey-step:not(:last-child)::after {
    content: "›";
    position: absolute;
    top: 28px;
    left: -12px;
    z-index: 4;
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #061421;
    background: #65ddff;
    box-shadow: 0 7px 18px rgba(89,216,255,.25);
    font-size: 18px;
    font-weight: 950;
}

#themeoff-spare-shiraz-page .to-journey-node {
    position: relative;
    width: 86px;
    height: 86px;
    display: grid;
    place-items: center;
    margin-bottom: 20px;
    border: 6px solid #0a2035;
    border-radius: 50%;
    background:
        linear-gradient(135deg,#4ff1ab,#64ddff 56%,#9b8cff);
    box-shadow:
        0 0 0 1px rgba(255,255,255,.12),
        0 18px 40px rgba(70,239,164,.21),
        inset 0 1px 0 rgba(255,255,255,.62);
    transition:
        transform .28s ease,
        box-shadow .28s ease;
}

#themeoff-spare-shiraz-page .to-journey-node::before {
    content: "";
    position: absolute;
    inset: -10px;
    border: 1px dashed rgba(100,221,255,.33);
    border-radius: 50%;
    animation: themeoffJourneyOrbit 10s linear infinite;
}

@keyframes themeoffJourneyOrbit {
    to { transform: rotate(360deg); }
}

#themeoff-spare-shiraz-page .to-journey-node span {
    color: #04131e;
    font-size: 21px;
    font-weight: 950;
}

#themeoff-spare-shiraz-page .to-journey-step:hover .to-journey-node {
    transform: translateY(-5px) scale(1.04);
    box-shadow:
        0 0 0 1px rgba(255,255,255,.17),
        0 25px 48px rgba(70,239,164,.29),
        inset 0 1px 0 rgba(255,255,255,.68);
}

#themeoff-spare-shiraz-page .to-journey-card {
    width: 100%;
    min-height: 190px;
    padding: 19px 15px;
    text-align: center;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 21px;
    background:
        linear-gradient(160deg,rgba(255,255,255,.061),rgba(255,255,255,.021));
    box-shadow: 0 22px 58px rgba(0,0,0,.27);
}

#themeoff-spare-shiraz-page .to-journey-card small {
    display: block;
    margin-bottom: 7px;
    color: #69e4ff;
    font-size: 10px;
    font-weight: 900;
}

#themeoff-spare-shiraz-page .to-journey-card h3 {
    margin: 0 0 8px !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
}

#themeoff-spare-shiraz-page .to-journey-card p {
    margin: 0 !important;
    color: #abc0d1 !important;
    font-size: 12px;
    line-height: 1.9;
}

@media (max-width:1100px) {
    #themeoff-spare-shiraz-page .to-journey-map {
        grid-template-columns: repeat(3,minmax(0,1fr));
        gap: 30px 16px;
    }

    #themeoff-spare-shiraz-page .to-journey-rail {
        display: none;
    }

    #themeoff-spare-shiraz-page .to-journey-step::after {
        display: none !important;
    }
}

@media (max-width:767px), (pointer:coarse), (hover:none) {
    #themeoff-spare-shiraz-page .to-essentials-grid {
        grid-template-columns: 1fr;
    }

    #themeoff-spare-shiraz-page .to-store-essentials {
        padding: 19px;
    }

    #themeoff-spare-shiraz-page .to-essentials-head {
        grid-template-columns: 48px minmax(0,1fr);
    }

    #themeoff-spare-shiraz-page .to-essentials-mark {
        width: 48px;
        height: 48px;
        border-radius: 15px;
    }

    #themeoff-spare-shiraz-page .to-product-types-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }

    #themeoff-spare-shiraz-page .to-journey-map {
        display: block;
        margin-top: 35px;
        padding-right: 32px;
    }

    #themeoff-spare-shiraz-page .to-journey-map::before {
        content: "";
        position: absolute;
        top: 37px;
        right: 30px;
        bottom: 37px;
        width: 4px;
        border-radius: 999px;
        background: linear-gradient(#4ff1ab,#64ddff,#9b8cff);
    }

    #themeoff-spare-shiraz-page .to-journey-step {
        position: relative;
        display: grid;
        grid-template-columns: 70px minmax(0,1fr);
        align-items: center;
        gap: 14px;
        margin-bottom: 18px;
    }

    #themeoff-spare-shiraz-page .to-journey-node {
        width: 68px;
        height: 68px;
        margin: 0;
        border-width: 5px;
    }

    #themeoff-spare-shiraz-page .to-journey-node::before {
        animation: none !important;
    }

    #themeoff-spare-shiraz-page .to-journey-card {
        min-height: 0;
        padding: 17px;
        text-align: right;
    }
}


/* جهت صحیح فلش مسیر اینفوگرافیک در چیدمان RTL */
#themeoff-spare-shiraz-page .to-journey-step:not(:last-child)::after {
    content: "›" !important;
    transform: none !important;
}


#themeoff-spare-shiraz-page .to-corporate-kpis {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin-bottom:18px;
}
#themeoff-spare-shiraz-page .to-corporate-kpis span {
    display:grid;
    justify-items:center;
    gap:4px;
    padding:14px 8px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:15px;
    background:rgba(255,255,255,.04);
}
#themeoff-spare-shiraz-page .to-corporate-kpis b {
    color:#64ddff;
    font-size:20px;
}
#themeoff-spare-shiraz-page .to-corporate-kpis small {
    color:#9fb8cb;
    font-size:10px;
}
#themeoff-spare-shiraz-page .to-corporate-lines {
    display:grid;
    gap:10px;
}
#themeoff-spare-shiraz-page .to-corporate-lines i {
    height:12px;
    border-radius:999px;
    background:linear-gradient(90deg,rgba(79,241,171,.85),rgba(100,221,255,.12));
}
#themeoff-spare-shiraz-page .to-corporate-lines i:nth-child(2){width:82%}
#themeoff-spare-shiraz-page .to-corporate-lines i:nth-child(3){width:68%}
#themeoff-spare-shiraz-page .to-corporate-lines i:nth-child(4){width:90%}
#themeoff-spare-shiraz-page .to-reviews-grid {
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
@media(max-width:1100px){
    #themeoff-spare-shiraz-page .to-reviews-grid {
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
}
@media(max-width:767px),(pointer:coarse),(hover:none){
    #themeoff-spare-shiraz-page .to-motion-section{display:none!important}
    #themeoff-spare-shiraz-page .to-reviews-grid {
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}

#themeoff-spare-shiraz-page .to-medical-simple-icon{display:grid;place-items:center;font-size:24px;font-weight:950}
#themeoff-spare-shiraz-page .to-medical-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px}
#themeoff-spare-shiraz-page .to-medical-features article{min-width:0;padding:23px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.022));box-shadow:0 22px 60px rgba(0,0,0,.28)}
#themeoff-spare-shiraz-page .to-medical-features span{width:44px;height:44px;display:grid;place-items:center;margin-bottom:14px;border-radius:14px;color:#061421;background:linear-gradient(135deg,#4ff1ab,#64ddff);font-size:12px;font-weight:950}
#themeoff-spare-shiraz-page .to-medical-features h3{margin:0 0 8px!important;font-size:18px!important}
#themeoff-spare-shiraz-page .to-medical-features p{margin:0!important;color:#a9bfd1!important;line-height:1.9}
#themeoff-spare-shiraz-page .to-center-action{display:flex!important;justify-content:center!important;text-align:center;margin-top:28px}
#themeoff-spare-shiraz-page .to-faq-list{margin-bottom:60px!important}
#themeoff-spare-shiraz-page .to-contact-section{margin-top:50px!important}
#themeoff-spare-shiraz-page .to-medical-local-link{padding-top:28px!important}
#themeoff-spare-shiraz-page .to-local-link-box{padding:22px 26px;border:1px solid rgba(255,255,255,.09);border-radius:22px;text-align:center;background:rgba(255,255,255,.035)}
#themeoff-spare-shiraz-page .to-local-link-box span{display:block;margin-bottom:7px;color:#64ddff;font-size:12px;font-weight:900}
#themeoff-spare-shiraz-page .to-local-link-box p{margin:0!important}
#themeoff-spare-shiraz-page .to-reviews-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(max-width:1100px){#themeoff-spare-shiraz-page .to-medical-features{grid-template-columns:repeat(2,minmax(0,1fr))}#themeoff-spare-shiraz-page .to-reviews-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:767px),(pointer:coarse),(hover:none){#themeoff-spare-shiraz-page .to-motion-section{display:none!important}#themeoff-spare-shiraz-page .to-medical-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#themeoff-spare-shiraz-page .to-medical-features article{padding:15px}#themeoff-spare-shiraz-page .to-faq-list{margin-bottom:35px!important}#themeoff-spare-shiraz-page .to-contact-section{margin-top:30px!important}#themeoff-spare-shiraz-page .to-reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

#themeoff-spare-shiraz-page .to-tour-card{display:grid;gap:5px;padding:18px;margin-bottom:18px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:radial-gradient(circle at 85% 15%,rgba(70,239,164,.14),transparent 40%),rgba(255,255,255,.04)}
#themeoff-spare-shiraz-page .to-tour-card span{color:#64ddff;font-size:11px;font-weight:900}
#themeoff-spare-shiraz-page .to-tour-card strong{font-size:18px}
#themeoff-spare-shiraz-page .to-tour-card small{color:#9fb8cb}
#themeoff-spare-shiraz-page .to-tour-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#themeoff-spare-shiraz-page .to-tour-slots i{height:62px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:linear-gradient(160deg,rgba(100,221,255,.16),rgba(79,241,171,.04))}
#themeoff-spare-shiraz-page .to-tour-types-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px}
#themeoff-spare-shiraz-page .to-tour-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px}
#themeoff-spare-shiraz-page .to-tour-features article{min-width:0;padding:23px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.022));box-shadow:0 22px 60px rgba(0,0,0,.28)}
#themeoff-spare-shiraz-page .to-tour-features span{width:44px;height:44px;display:grid;place-items:center;margin-bottom:14px;border-radius:14px;color:#061421;background:linear-gradient(135deg,#4ff1ab,#64ddff);font-size:12px;font-weight:950}
#themeoff-spare-shiraz-page .to-tour-features h3{margin:0 0 8px!important;font-size:18px!important}
#themeoff-spare-shiraz-page .to-tour-features p{margin:0!important;color:#a9bfd1!important;line-height:1.9}
#themeoff-spare-shiraz-page .to-comparison-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:26px;background:linear-gradient(155deg,rgba(255,255,255,.065),rgba(255,255,255,.022))}
#themeoff-spare-shiraz-page .to-comparison-panel>div{padding:19px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.035)}
#themeoff-spare-shiraz-page .to-comparison-panel span{color:#64ddff;font-size:11px;font-weight:900}
#themeoff-spare-shiraz-page .to-comparison-panel h3{margin:8px 0!important;font-size:17px!important}
#themeoff-spare-shiraz-page .to-comparison-panel p{margin:0!important;color:#a9bfd1!important;line-height:1.9}
#themeoff-spare-shiraz-page .to-tourism-local-link{padding-top:28px!important}
#themeoff-spare-shiraz-page .to-local-link-box{padding:22px 26px;border:1px solid rgba(255,255,255,.09);border-radius:22px;text-align:center;background:rgba(255,255,255,.035)}
#themeoff-spare-shiraz-page .to-local-link-box span{display:block;margin-bottom:7px;color:#64ddff;font-size:12px;font-weight:900}
#themeoff-spare-shiraz-page .to-local-link-box p{margin:0!important}
#themeoff-spare-shiraz-page .to-center-action{display:flex!important;justify-content:center!important;text-align:center;margin-top:28px}
#themeoff-spare-shiraz-page .to-faq-list{margin-bottom:60px!important}
#themeoff-spare-shiraz-page .to-contact-section{margin-top:50px!important}
#themeoff-spare-shiraz-page .to-reviews-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(max-width:1100px){#themeoff-spare-shiraz-page .to-tour-types-grid,#themeoff-spare-shiraz-page .to-tour-features{grid-template-columns:repeat(2,minmax(0,1fr))}#themeoff-spare-shiraz-page .to-reviews-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:767px),(pointer:coarse),(hover:none){#themeoff-spare-shiraz-page .to-motion-section{display:none!important}#themeoff-spare-shiraz-page .to-tour-types-grid,#themeoff-spare-shiraz-page .to-tour-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#themeoff-spare-shiraz-page .to-tour-features article{padding:15px}#themeoff-spare-shiraz-page .to-comparison-panel{grid-template-columns:1fr}#themeoff-spare-shiraz-page .to-faq-list{margin-bottom:35px!important}#themeoff-spare-shiraz-page .to-contact-section{margin-top:30px!important}#themeoff-spare-shiraz-page .to-reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

#themeoff-spare-shiraz-page .to-accommodation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px}
#themeoff-spare-shiraz-page .to-accommodation-grid .to-product-type-card{min-width:0;height:100%;padding:23px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.022));box-shadow:0 22px 60px rgba(0,0,0,.28)}
#themeoff-spare-shiraz-page .to-center-action{display:flex!important;justify-content:center!important;text-align:center;margin-top:28px}
#themeoff-spare-shiraz-page .to-faq-list{margin-bottom:60px!important}
#themeoff-spare-shiraz-page .to-contact-section{margin-top:50px!important}
@media(max-width:1100px){#themeoff-spare-shiraz-page .to-accommodation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px),(pointer:coarse),(hover:none){#themeoff-spare-shiraz-page .to-motion-section{display:none!important}#themeoff-spare-shiraz-page .to-accommodation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#themeoff-spare-shiraz-page .to-faq-list{margin-bottom:35px!important}#themeoff-spare-shiraz-page .to-contact-section{margin-top:30px!important}}

#themeoff-spare-shiraz-page .to-hotel-booking-card{
    display:grid;
    gap:6px;
    padding:18px;
    margin-bottom:18px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:18px;
    background:
        radial-gradient(circle at 85% 15%,rgba(79,241,171,.14),transparent 42%),
        rgba(255,255,255,.04);
}
#themeoff-spare-shiraz-page .to-room-badge{
    width:max-content;
    padding:5px 10px;
    border-radius:999px;
    color:#061421;
    background:linear-gradient(135deg,#4ff1ab,#64ddff);
    font-size:10px;
    font-weight:950;
}
#themeoff-spare-shiraz-page .to-hotel-booking-card strong{
    color:#fff;
    font-size:17px;
}
#themeoff-spare-shiraz-page .to-hotel-booking-card small{
    color:#9fb8cb;
}
#themeoff-spare-shiraz-page .to-hotel-capacity-bars{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:9px;
}
#themeoff-spare-shiraz-page .to-hotel-capacity-bars i{
    height:11px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
}
#themeoff-spare-shiraz-page .to-hotel-capacity-bars i.is-active{
    background:linear-gradient(90deg,#4ff1ab,#64ddff);
    box-shadow:0 6px 18px rgba(79,241,171,.22);
}

#themeoff-spare-shiraz-page .to-property-card{display:grid;gap:6px;padding:18px;margin-bottom:18px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:radial-gradient(circle at 85% 15%,rgba(79,241,171,.14),transparent 42%),rgba(255,255,255,.04)}
#themeoff-spare-shiraz-page .to-property-status{width:max-content;padding:5px 10px;border-radius:999px;color:#061421;background:linear-gradient(135deg,#4ff1ab,#64ddff);font-size:10px;font-weight:950}
#themeoff-spare-shiraz-page .to-property-card strong{color:#fff;font-size:17px}
#themeoff-spare-shiraz-page .to-property-card small{color:#9fb8cb}
#themeoff-spare-shiraz-page .to-property-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#themeoff-spare-shiraz-page .to-property-metrics span{display:grid;justify-items:center;gap:2px;padding:10px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}
#themeoff-spare-shiraz-page .to-agent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px}
#themeoff-spare-shiraz-page .to-center-action{display:flex!important;justify-content:center!important;text-align:center;margin-top:28px}
#themeoff-spare-shiraz-page .to-faq-list{margin-bottom:60px!important}
#themeoff-spare-shiraz-page .to-contact-section{margin-top:50px!important}
@media(max-width:1100px){#themeoff-spare-shiraz-page .to-agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px),(pointer:coarse),(hover:none){#themeoff-spare-shiraz-page .to-motion-section{display:none!important}#themeoff-spare-shiraz-page .to-agent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#themeoff-spare-shiraz-page .to-faq-list{margin-bottom:35px!important}#themeoff-spare-shiraz-page .to-contact-section{margin-top:30px!important}}

#themeoff-spare-shiraz-page .to-hero-visual{min-height:460px!important}
#themeoff-spare-shiraz-page .to-main-screen{width:min(535px,94%)!important;height:auto!important;min-height:270px!important;top:118px!important;right:0!important;padding:16px!important}
#themeoff-spare-shiraz-page .to-screen-body{min-height:235px!important;height:auto!important}
#themeoff-spare-shiraz-page .to-screen-content{min-height:0!important;height:auto!important;align-content:start!important}
#themeoff-spare-shiraz-page .to-property-card{margin-bottom:12px!important}
#themeoff-spare-shiraz-page .to-property-metrics span{min-height:72px;align-content:center}
#themeoff-spare-shiraz-page .to-float-top{top:18px!important;right:0!important;left:auto!important}
#themeoff-spare-shiraz-page .to-float-bottom{bottom:8px!important;left:0!important;right:auto!important}
#themeoff-spare-shiraz-page .to-real-estate-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px}
#themeoff-spare-shiraz-page .to-real-estate-features article{min-width:0;padding:23px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.022));box-shadow:0 22px 60px rgba(0,0,0,.28)}
#themeoff-spare-shiraz-page .to-real-estate-features span{width:44px;height:44px;display:grid;place-items:center;margin-bottom:14px;border-radius:14px;color:#061421;background:linear-gradient(135deg,#4ff1ab,#64ddff);font-size:12px;font-weight:950}
#themeoff-spare-shiraz-page .to-real-estate-features h3{margin:0 0 8px!important;font-size:18px!important}
#themeoff-spare-shiraz-page .to-real-estate-features p{margin:0!important;color:#a9bfd1!important;line-height:1.9}
@media(max-width:1100px){#themeoff-spare-shiraz-page .to-real-estate-features{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px),(pointer:coarse),(hover:none){#themeoff-spare-shiraz-page .to-hero-visual{min-height:390px!important}#themeoff-spare-shiraz-page .to-main-screen{top:92px!important;min-height:240px!important}#themeoff-spare-shiraz-page .to-float-top{top:4px!important}#themeoff-spare-shiraz-page .to-float-bottom{bottom:0!important}#themeoff-spare-shiraz-page .to-real-estate-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#themeoff-spare-shiraz-page .to-real-estate-features article{padding:15px}}


/* =========================================================
   Interior Design Premium V2
   ========================================================= */
#themeoff-spare-shiraz-page{
    --id-surface:rgba(11,25,38,.78);
    --id-surface-2:rgba(15,34,49,.92);
    --id-line:rgba(255,255,255,.11);
    --id-green:#4ff1ab;
    --id-cyan:#64ddff;
    --id-violet:#8d7dff;
    --id-radius:28px;
}

/* هر سکشن اصلی یک باکس واقعی و مستقل */
#themeoff-spare-shiraz-page .to-section:not(.to-contact-section):not(.to-tourism-local-link) > .to-container{
    position:relative;
    border:1px solid var(--id-line);
    border-radius:var(--id-radius);
    padding:clamp(28px,4vw,58px);
    background:
        radial-gradient(circle at 88% 12%,rgba(79,241,171,.08),transparent 27%),
        radial-gradient(circle at 8% 88%,rgba(100,221,255,.07),transparent 30%),
        linear-gradient(145deg,rgba(13,29,43,.91),rgba(7,18,29,.84));
    box-shadow:0 26px 70px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.035);
    overflow:hidden;
}
#themeoff-spare-shiraz-page .to-section:not(.to-contact-section):not(.to-tourism-local-link) > .to-container:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    background:linear-gradient(115deg,transparent 5%,rgba(255,255,255,.025) 38%,transparent 65%);
}

/* آیکون‌های واقعی کارت‌ها */
#themeoff-spare-shiraz-page .to-card-icon{
    width:52px;
    height:52px;
    display:inline-grid;
    place-items:center;
    margin:0 0 18px;
    border-radius:16px;
    color:var(--id-green);
    background:linear-gradient(145deg,rgba(79,241,171,.14),rgba(100,221,255,.06));
    border:1px solid rgba(79,241,171,.22);
    box-shadow:0 12px 28px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05);
}
#themeoff-spare-shiraz-page .to-card-icon svg{
    width:25px;
    height:25px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}
#themeoff-spare-shiraz-page .to-card:nth-child(3n+2) .to-card-icon,
#themeoff-spare-shiraz-page .to-product-type-card:nth-child(3n+2) .to-card-icon,
#themeoff-spare-shiraz-page .to-real-estate-feature-card:nth-child(3n+2) .to-card-icon{
    color:var(--id-cyan);
    background:linear-gradient(145deg,rgba(100,221,255,.14),rgba(141,125,255,.06));
    border-color:rgba(100,221,255,.22);
}
#themeoff-spare-shiraz-page .to-card:nth-child(3n) .to-card-icon,
#themeoff-spare-shiraz-page .to-product-type-card:nth-child(3n) .to-card-icon,
#themeoff-spare-shiraz-page .to-real-estate-feature-card:nth-child(3n) .to-card-icon{
    color:var(--id-violet);
    background:linear-gradient(145deg,rgba(141,125,255,.14),rgba(100,221,255,.05));
    border-color:rgba(141,125,255,.22);
}

/* کارت‌ها همیشه باکس کامل */
#themeoff-spare-shiraz-page .to-card,
#themeoff-spare-shiraz-page .to-product-type-card,
#themeoff-spare-shiraz-page .to-real-estate-feature-card,
#themeoff-spare-shiraz-page .to-platform-card,
#themeoff-spare-shiraz-page .to-process-item,
#themeoff-spare-shiraz-page .to-woo-benefit-card,
#themeoff-spare-shiraz-page .to-essential-item{
    position:relative;
    min-width:0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.1)!important;
    border-radius:22px!important;
    background:
      radial-gradient(circle at 88% 10%,rgba(79,241,171,.055),transparent 30%),
      linear-gradient(145deg,rgba(20,41,56,.83),rgba(9,23,35,.82))!important;
    box-shadow:0 16px 36px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#themeoff-spare-shiraz-page .to-card,
#themeoff-spare-shiraz-page .to-product-type-card,
#themeoff-spare-shiraz-page .to-real-estate-feature-card,
#themeoff-spare-shiraz-page .to-platform-card{
    padding:25px!important;
}
#themeoff-spare-shiraz-page .to-process-item,
#themeoff-spare-shiraz-page .to-woo-benefit-card{
    padding:22px!important;
}
#themeoff-spare-shiraz-page .to-card:hover,
#themeoff-spare-shiraz-page .to-product-type-card:hover,
#themeoff-spare-shiraz-page .to-real-estate-feature-card:hover,
#themeoff-spare-shiraz-page .to-platform-card:hover{
    border-color:rgba(79,241,171,.26)!important;
    transform:translateY(-4px);
}

/* سکشن متن + ویژوال نیز دو باکس مشخص */
#themeoff-spare-shiraz-page .to-content-layout{
    gap:24px!important;
}
#themeoff-spare-shiraz-page .to-content-copy{
    padding:28px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.09);
    background:rgba(7,19,30,.55);
}
#themeoff-spare-shiraz-page .to-centered{
    max-width:920px;
    margin-inline:auto;
    padding:0 0 28px;
}

/* FAQ */
#themeoff-spare-shiraz-page .to-faq-item{
    border:1px solid rgba(255,255,255,.1)!important;
    border-radius:18px!important;
    overflow:hidden;
    background:linear-gradient(145deg,rgba(16,35,49,.82),rgba(8,21,32,.78))!important;
}
#themeoff-spare-shiraz-page .to-faq-question{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
}
#themeoff-spare-shiraz-page .to-faq-qicon{
    width:30px;height:30px;flex:0 0 30px;
    display:grid;place-items:center;
    border-radius:10px;
    background:rgba(79,241,171,.11);
    color:var(--id-green);
    border:1px solid rgba(79,241,171,.18);
    font-size:19px;
    line-height:1;
    transition:transform .25s ease;
}
#themeoff-spare-shiraz-page .to-faq-item.is-open .to-faq-qicon{transform:rotate(45deg)}

/* ================= اختصاصی: موشن معماری داخلی ================= */
#themeoff-spare-shiraz-page .to-interior-motion-section{
    position:relative;
    overflow:hidden;
}
#themeoff-spare-shiraz-page .to-interior-stage{
    position:relative;
    width:min(1180px,100%);
    min-height:720px;
    margin:42px auto 0;
    perspective:1600px;
    isolation:isolate;
}
#themeoff-spare-shiraz-page .to-interior-grid{
    position:absolute;
    inset:8% 4% 4%;
    border-radius:40px;
    opacity:.25;
    background-image:
      linear-gradient(rgba(100,221,255,.08) 1px,transparent 1px),
      linear-gradient(90deg,rgba(100,221,255,.08) 1px,transparent 1px);
    background-size:34px 34px;
    transform:rotateX(67deg) translateY(15%);
    transform-origin:center bottom;
    mask-image:linear-gradient(to top,#000 15%,transparent 88%);
}
#themeoff-spare-shiraz-page .to-interior-ambient{
    position:absolute;
    width:360px;height:360px;border-radius:50%;
    filter:blur(75px);opacity:.2;pointer-events:none;
}
#themeoff-spare-shiraz-page .to-interior-ambient-a{right:2%;top:5%;background:var(--id-green)}
#themeoff-spare-shiraz-page .to-interior-ambient-b{left:5%;bottom:6%;background:var(--id-violet)}
#themeoff-spare-shiraz-page .to-interior-board{
    position:absolute;
    width:min(820px,78%);
    min-height:560px;
    left:50%;top:52%;
    transform:translate(-50%,-50%) rotateX(5deg) rotateY(-7deg);
    transform-style:preserve-3d;
    border:1px solid rgba(255,255,255,.13);
    border-radius:28px;
    background:linear-gradient(145deg,rgba(17,39,54,.97),rgba(7,20,31,.96));
    box-shadow:0 45px 95px rgba(0,0,0,.45),0 0 65px rgba(100,221,255,.06);
    overflow:hidden;
    will-change:transform;
}
#themeoff-spare-shiraz-page .to-interior-board:after{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(125deg,rgba(255,255,255,.035),transparent 24%,transparent 72%,rgba(79,241,171,.025));
}
#themeoff-spare-shiraz-page .to-interior-board-topbar{
    height:48px;padding:0 18px;
    display:flex;align-items:center;gap:14px;
    border-bottom:1px solid rgba(255,255,255,.08);
    color:#dce9ef;font-size:12px;
}
#themeoff-spare-shiraz-page .to-interior-board-topbar strong{margin-inline:auto;font-size:12px;letter-spacing:.4px}
#themeoff-spare-shiraz-page .to-interior-board-topbar>span{
    color:var(--id-green);font-size:10px;padding:6px 9px;border:1px solid rgba(79,241,171,.2);border-radius:999px;background:rgba(79,241,171,.06)
}
#themeoff-spare-shiraz-page .to-interior-dots{display:flex;gap:5px}
#themeoff-spare-shiraz-page .to-interior-dots i{width:7px;height:7px;border-radius:50%;background:#536976}
#themeoff-spare-shiraz-page .to-interior-dots i:nth-child(1){background:#ff6b79}
#themeoff-spare-shiraz-page .to-interior-dots i:nth-child(2){background:#ffd166}
#themeoff-spare-shiraz-page .to-interior-dots i:nth-child(3){background:#4ff1ab}

#themeoff-spare-shiraz-page .to-interior-board-body{
    display:grid;
    grid-template-columns:minmax(0,1.55fr) minmax(210px,.75fr);
    gap:14px;
    padding:16px;
}
#themeoff-spare-shiraz-page .to-interior-plan-panel,
#themeoff-spare-shiraz-page .to-material-card,
#themeoff-spare-shiraz-page .to-lighting-card,
#themeoff-spare-shiraz-page .to-style-card,
#themeoff-spare-shiraz-page .to-interior-before-after{
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    background:rgba(4,16,26,.63);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
#themeoff-spare-shiraz-page .to-interior-plan-panel{padding:14px}
#themeoff-spare-shiraz-page .to-interior-panel-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
#themeoff-spare-shiraz-page .to-interior-panel-head b{display:block;color:#fff;font-size:12px}
#themeoff-spare-shiraz-page .to-interior-panel-head small{display:block;color:#78909d;font-size:9px;margin-top:2px}
#themeoff-spare-shiraz-page .to-interior-mini-icon{
    width:34px;height:34px;display:grid;place-items:center;border-radius:11px;
    color:var(--id-cyan);background:rgba(100,221,255,.08);border:1px solid rgba(100,221,255,.13)
}
#themeoff-spare-shiraz-page .to-interior-mini-icon svg,
#themeoff-spare-shiraz-page .to-interior-float-icon svg{
    width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round
}
#themeoff-spare-shiraz-page .to-floorplan{
    position:relative;
    min-height:300px;
    border:1px solid rgba(100,221,255,.14);
    border-radius:14px;
    overflow:hidden;
    background:
      linear-gradient(rgba(100,221,255,.04) 1px,transparent 1px),
      linear-gradient(90deg,rgba(100,221,255,.04) 1px,transparent 1px),
      #071a27;
    background-size:22px 22px;
}
#themeoff-spare-shiraz-page .to-room{position:absolute;border:2px solid rgba(179,222,235,.43);color:#7e99a7}
#themeoff-spare-shiraz-page .to-room em{position:absolute;font-style:normal;font-size:8px;letter-spacing:.4px;opacity:.7}
#themeoff-spare-shiraz-page .to-room-living{left:5%;top:8%;width:55%;height:58%}
#themeoff-spare-shiraz-page .to-room-dining{right:5%;top:8%;width:31%;height:58%}
#themeoff-spare-shiraz-page .to-room-work{left:5%;bottom:7%;width:86%;height:23%}
#themeoff-spare-shiraz-page .to-room-living em{right:8px;top:6px}
#themeoff-spare-shiraz-page .to-room-dining em{right:8px;top:6px}
#themeoff-spare-shiraz-page .to-room-work em{right:8px;top:5px}
#themeoff-spare-shiraz-page .to-sofa{
    position:absolute;left:11%;top:24%;width:47%;height:22%;border-radius:8px;
    background:linear-gradient(145deg,#314957,#203642);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)
}
#themeoff-spare-shiraz-page .to-sofa:before,
#themeoff-spare-shiraz-page .to-sofa:after{content:"";position:absolute;top:8%;width:5px;height:84%;border-radius:3px;background:#4a6471}
#themeoff-spare-shiraz-page .to-sofa:before{left:4px}.to-sofa:after{right:4px}
#themeoff-spare-shiraz-page .to-coffee-table{
    position:absolute;right:12%;bottom:18%;width:25%;height:19%;border-radius:50%;
    border:2px solid rgba(79,241,171,.42);background:rgba(79,241,171,.035)
}
#themeoff-spare-shiraz-page .to-rug{
    position:absolute;left:16%;bottom:13%;width:43%;height:26%;border-radius:50%;
    border:1px dashed rgba(141,125,255,.35);background:rgba(141,125,255,.025)
}
#themeoff-spare-shiraz-page .to-dining-table{
    position:absolute;left:28%;top:31%;width:45%;height:35%;border-radius:5px;
    background:linear-gradient(135deg,#675340,#3f342b);border:1px solid rgba(255,255,255,.08)
}
#themeoff-spare-shiraz-page .to-chair{position:absolute;width:13%;height:14%;border:1px solid #8096a2;border-radius:3px}
#themeoff-spare-shiraz-page .to-chair.c1{left:11%;top:18%}.to-chair.c2{right:10%;top:18%}.to-chair.c3{left:11%;bottom:14%}.to-chair.c4{right:10%;bottom:14%}
#themeoff-spare-shiraz-page .to-desk{
    position:absolute;left:12%;top:26%;width:35%;height:31%;background:#2f414b;border-radius:4px;border:1px solid rgba(100,221,255,.22)
}
#themeoff-spare-shiraz-page .to-work-chair{
    position:absolute;left:52%;top:29%;width:11%;height:27%;border:1px solid rgba(79,241,171,.38);border-radius:50%
}
#themeoff-spare-shiraz-page .to-plan-scan{
    position:absolute;left:0;right:0;top:0;height:2px;
    background:linear-gradient(90deg,transparent,var(--id-green),transparent);
    filter:drop-shadow(0 0 7px var(--id-green));
    animation:toInteriorScan 4.6s ease-in-out infinite;
}
@keyframes toInteriorScan{0%,100%{top:4%;opacity:.15}50%{top:92%;opacity:.85}}
#themeoff-spare-shiraz-page .to-measure-line{
    position:absolute;font-size:8px;color:var(--id-cyan);letter-spacing:.3px;
    background:#071a27;padding:2px 5px;border-radius:5px
}
#themeoff-spare-shiraz-page .to-measure-x{left:34%;bottom:1.5%}
#themeoff-spare-shiraz-page .to-measure-y{right:1%;top:45%;transform:rotate(-90deg)}

#themeoff-spare-shiraz-page .to-interior-side-panel{display:grid;gap:10px}
#themeoff-spare-shiraz-page .to-material-card{padding:12px}
#themeoff-spare-shiraz-page .to-material-swatches{display:grid;grid-template-columns:1fr 1fr;gap:7px}
#themeoff-spare-shiraz-page .to-material-swatches span{
    padding:7px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055)
}
#themeoff-spare-shiraz-page .to-material-swatches i{display:block;height:24px;border-radius:6px;margin-bottom:5px}
#themeoff-spare-shiraz-page .to-material-swatches b{font-size:8px;color:#a8bdc6;font-weight:500}
#themeoff-spare-shiraz-page .to-material-swatches .wood i{background:repeating-linear-gradient(7deg,#6a4c37 0 5px,#806049 5px 8px)}
#themeoff-spare-shiraz-page .to-material-swatches .stone i{background:linear-gradient(135deg,#a2a4a2,#656a6e);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
#themeoff-spare-shiraz-page .to-material-swatches .fabric i{background:repeating-linear-gradient(90deg,#758b8b 0 2px,#687d7d 2px 4px)}
#themeoff-spare-shiraz-page .to-material-swatches .metal i{background:linear-gradient(110deg,#384952,#8599a3 48%,#32434c 52%)}
#themeoff-spare-shiraz-page .to-lighting-card,
#themeoff-spare-shiraz-page .to-style-card{padding:12px}
#themeoff-spare-shiraz-page .to-lighting-head,
#themeoff-spare-shiraz-page .to-style-title{display:flex;align-items:center;justify-content:space-between;gap:8px}
#themeoff-spare-shiraz-page .to-lighting-head b,
#themeoff-spare-shiraz-page .to-style-title b{font-size:10px;color:#e5eff3}
#themeoff-spare-shiraz-page .to-lighting-head small,
#themeoff-spare-shiraz-page .to-style-title span{font-size:8px;color:#748d99}
#themeoff-spare-shiraz-page .to-lighting-track{
    height:7px;margin:12px 0 7px;border-radius:999px;background:#102a38;overflow:hidden
}
#themeoff-spare-shiraz-page .to-lighting-track span{
    display:block;width:68%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd166,#fff0a5);
    box-shadow:0 0 15px rgba(255,209,102,.35)
}
#themeoff-spare-shiraz-page .to-lighting-values{display:flex;justify-content:space-between;color:#849ba6;font-size:8px}
#themeoff-spare-shiraz-page .to-style-bars{display:grid;gap:6px;margin-top:11px}
#themeoff-spare-shiraz-page .to-style-bars i{height:5px;width:var(--w);border-radius:99px;background:linear-gradient(90deg,var(--id-violet),var(--id-cyan));opacity:.74}

#themeoff-spare-shiraz-page .to-interior-before-after{
    position:absolute;
    left:16px;right:16px;bottom:16px;
    height:138px;
    padding:10px;
}
#themeoff-spare-shiraz-page .to-ba-labels{display:flex;justify-content:space-between;color:#90a5ae;font-size:9px;margin-bottom:6px}
#themeoff-spare-shiraz-page .to-ba-scene{position:relative;height:98px;border-radius:12px;overflow:hidden;background:#182731}
#themeoff-spare-shiraz-page .to-ba-before,
#themeoff-spare-shiraz-page .to-ba-after{position:absolute;inset:0;overflow:hidden}
#themeoff-spare-shiraz-page .to-ba-before{background:linear-gradient(#39444a 0 62%,#2b2d2d 62%)}
#themeoff-spare-shiraz-page .to-ba-after{clip-path:inset(0 0 0 50%);background:linear-gradient(#d7d1c6 0 62%,#8d745b 62%)}
#themeoff-spare-shiraz-page .to-ba-before .window,
#themeoff-spare-shiraz-page .to-ba-after .window{
    position:absolute;left:13%;top:15%;width:20%;height:35%;border:3px solid rgba(255,255,255,.26);background:linear-gradient(#637985,#344c59)
}
#themeoff-spare-shiraz-page .to-ba-before .old-sofa{
    position:absolute;left:52%;bottom:11%;width:30%;height:26%;background:#394349;border-radius:5px
}
#themeoff-spare-shiraz-page .to-ba-after .new-sofa{
    position:absolute;left:48%;bottom:10%;width:34%;height:28%;background:#627a70;border-radius:10px 10px 4px 4px;box-shadow:0 -5px 18px rgba(0,0,0,.12)
}
#themeoff-spare-shiraz-page .to-ba-after .plant{
    position:absolute;right:7%;bottom:14%;width:8%;height:34%;border-left:2px solid #375f45
}
#themeoff-spare-shiraz-page .to-ba-after .plant:before{
    content:"";position:absolute;left:-13px;top:-4px;width:26px;height:26px;border-radius:60% 15%;background:#4d8d64;transform:rotate(35deg)
}
#themeoff-spare-shiraz-page .to-ba-after .lamp{
    position:absolute;left:39%;top:10%;width:2px;height:31%;background:#4d5251
}
#themeoff-spare-shiraz-page .to-ba-after .lamp:after{
    content:"";position:absolute;left:-8px;bottom:-3px;width:18px;height:9px;border-radius:50% 50% 20% 20%;background:#ffdd88;box-shadow:0 3px 16px rgba(255,221,136,.35)
}
#themeoff-spare-shiraz-page .to-ba-divider{
    position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 14px rgba(255,255,255,.5)
}
#themeoff-spare-shiraz-page .to-ba-divider b{
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    width:28px;height:28px;display:grid;place-items:center;border-radius:50%;
    background:#fff;color:#172833;font-size:12px;box-shadow:0 6px 20px rgba(0,0,0,.3)
}

#themeoff-spare-shiraz-page .to-interior-float{
    position:absolute;z-index:5;
    min-width:190px;padding:12px 14px;
    display:flex;align-items:center;gap:10px;
    border-radius:17px;border:1px solid rgba(255,255,255,.12);
    background:linear-gradient(145deg,rgba(20,43,57,.94),rgba(7,21,33,.91));
    box-shadow:0 20px 42px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.04);
    backdrop-filter:blur(12px);
    will-change:transform;
}
#themeoff-spare-shiraz-page .to-interior-float-icon{
    width:38px;height:38px;display:grid;place-items:center;border-radius:12px;
    color:var(--id-green);background:rgba(79,241,171,.08);border:1px solid rgba(79,241,171,.15)
}
#themeoff-spare-shiraz-page .to-interior-float b{display:block;color:#fff;font-size:11px}
#themeoff-spare-shiraz-page .to-interior-float small{display:block;color:#7f98a4;font-size:8px;margin-top:2px}
#themeoff-spare-shiraz-page .to-interior-float-project{right:1%;top:18%}
#themeoff-spare-shiraz-page .to-interior-float-palette{left:0;top:39%}
#themeoff-spare-shiraz-page .to-interior-float-web{right:5%;bottom:10%}
#themeoff-spare-shiraz-page .to-interior-orbit{position:absolute;border:1px dashed rgba(100,221,255,.13);border-radius:50%;pointer-events:none}
#themeoff-spare-shiraz-page .to-interior-orbit-a{width:530px;height:530px;left:50%;top:50%;transform:translate(-50%,-50%);animation:toInteriorOrbit 30s linear infinite}
#themeoff-spare-shiraz-page .to-interior-orbit-b{width:650px;height:650px;left:50%;top:50%;transform:translate(-50%,-50%);border-color:rgba(141,125,255,.1);animation:toInteriorOrbitReverse 42s linear infinite}
@keyframes toInteriorOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes toInteriorOrbitReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
#themeoff-spare-shiraz-page .to-interior-spark{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--id-green);box-shadow:0 0 18px var(--id-green);animation:toInteriorPulse 2.8s ease-in-out infinite}
#themeoff-spare-shiraz-page .to-interior-spark.s1{right:17%;top:12%}.to-interior-spark.s2{left:15%;bottom:16%;animation-delay:.7s}.to-interior-spark.s3{right:24%;bottom:4%;animation-delay:1.3s}
@keyframes toInteriorPulse{0%,100%{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.35)}}

/* دسکتاپ: گریدها منظم و ارتفاع کارت‌ها برابر */
#themeoff-spare-shiraz-page .to-card-grid,
#themeoff-spare-shiraz-page .to-agent-grid,
#themeoff-spare-shiraz-page .to-real-estate-feature-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
}
#themeoff-spare-shiraz-page .to-woo-benefits-grid,
#themeoff-spare-shiraz-page .to-process-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
}
#themeoff-spare-shiraz-page .to-platform-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
}
#themeoff-spare-shiraz-page .to-card-grid>article,
#themeoff-spare-shiraz-page .to-agent-grid>article,
#themeoff-spare-shiraz-page .to-real-estate-feature-grid>article,
#themeoff-spare-shiraz-page .to-woo-benefits-grid>article,
#themeoff-spare-shiraz-page .to-process-grid>article,
#themeoff-spare-shiraz-page .to-platform-grid>article{height:100%}

/* Tablet */
@media (max-width:1100px){
    #themeoff-spare-shiraz-page .to-card-grid,
    #themeoff-spare-shiraz-page .to-agent-grid,
    #themeoff-spare-shiraz-page .to-real-estate-feature-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    #themeoff-spare-shiraz-page .to-interior-stage{min-height:680px}
    #themeoff-spare-shiraz-page .to-interior-board{width:84%}
    #themeoff-spare-shiraz-page .to-interior-float{min-width:165px}
}

/* Mobile: هیچ سکشنی حذف نمی‌شود؛ موشن ساده و کامل دیده می‌شود */
@media (max-width:767px){
    #themeoff-spare-shiraz-page .to-section:not(.to-contact-section):not(.to-tourism-local-link) > .to-container{
        padding:22px 15px!important;
        border-radius:20px;
    }
    #themeoff-spare-shiraz-page .to-content-copy{padding:20px}
    #themeoff-spare-shiraz-page .to-card-grid,
    #themeoff-spare-shiraz-page .to-agent-grid,
    #themeoff-spare-shiraz-page .to-real-estate-feature-grid,
    #themeoff-spare-shiraz-page .to-woo-benefits-grid,
    #themeoff-spare-shiraz-page .to-process-grid,
    #themeoff-spare-shiraz-page .to-platform-grid{
        grid-template-columns:minmax(0,1fr)!important;
        gap:13px!important;
    }
    #themeoff-spare-shiraz-page .to-card,
    #themeoff-spare-shiraz-page .to-product-type-card,
    #themeoff-spare-shiraz-page .to-real-estate-feature-card,
    #themeoff-spare-shiraz-page .to-platform-card,
    #themeoff-spare-shiraz-page .to-process-item,
    #themeoff-spare-shiraz-page .to-woo-benefit-card{
        padding:20px!important;
        border-radius:18px!important;
    }
    #themeoff-spare-shiraz-page .to-card-icon{width:46px;height:46px;border-radius:14px;margin-bottom:14px}
    #themeoff-spare-shiraz-page .to-card-icon svg{width:22px;height:22px}

    #themeoff-spare-shiraz-page .to-interior-stage{
        min-height:625px;
        margin-top:28px;
        overflow:hidden;
        border:1px solid rgba(255,255,255,.08);
        border-radius:22px;
        background:rgba(5,17,27,.45);
    }
    #themeoff-spare-shiraz-page .to-interior-board{
        width:94%;
        min-height:500px;
        top:47%;
        transform:translate(-50%,-50%)!important;
        border-radius:20px;
    }
    #themeoff-spare-shiraz-page .to-interior-board-body{
        grid-template-columns:1fr;
        gap:9px;
        padding:10px;
    }
    #themeoff-spare-shiraz-page .to-interior-side-panel{
        grid-template-columns:1fr 1fr 1fr;
        gap:6px;
    }
    #themeoff-spare-shiraz-page .to-interior-plan-panel{padding:9px}
    #themeoff-spare-shiraz-page .to-floorplan{min-height:218px}
    #themeoff-spare-shiraz-page .to-material-card,
    #themeoff-spare-shiraz-page .to-lighting-card,
    #themeoff-spare-shiraz-page .to-style-card{padding:8px;min-width:0}
    #themeoff-spare-shiraz-page .to-material-card .to-interior-panel-head{display:none}
    #themeoff-spare-shiraz-page .to-material-swatches{grid-template-columns:1fr 1fr;gap:4px}
    #themeoff-spare-shiraz-page .to-material-swatches span{padding:4px}
    #themeoff-spare-shiraz-page .to-material-swatches i{height:15px;margin:0}
    #themeoff-spare-shiraz-page .to-material-swatches b{display:none}
    #themeoff-spare-shiraz-page .to-lighting-head small,
    #themeoff-spare-shiraz-page .to-style-title span{display:none}
    #themeoff-spare-shiraz-page .to-interior-before-after{
        left:10px;right:10px;bottom:10px;height:112px;padding:7px
    }
    #themeoff-spare-shiraz-page .to-ba-scene{height:78px}
    #themeoff-spare-shiraz-page .to-interior-float{
        min-width:auto;
        padding:8px 9px;
        border-radius:13px;
        transform:none!important;
    }
    #themeoff-spare-shiraz-page .to-interior-float-icon{width:29px;height:29px;border-radius:9px}
    #themeoff-spare-shiraz-page .to-interior-float-icon svg{width:15px;height:15px}
    #themeoff-spare-shiraz-page .to-interior-float b{font-size:9px}
    #themeoff-spare-shiraz-page .to-interior-float small{display:none}
    #themeoff-spare-shiraz-page .to-interior-float-project{right:3%;top:2%}
    #themeoff-spare-shiraz-page .to-interior-float-palette{left:3%;top:2%}
    #themeoff-spare-shiraz-page .to-interior-float-web{right:4%;bottom:2%}
    #themeoff-spare-shiraz-page .to-interior-orbit{display:none}
}

/* Very small mobile */
@media (max-width:420px){
    #themeoff-spare-shiraz-page .to-interior-stage{min-height:590px}
    #themeoff-spare-shiraz-page .to-interior-board{width:96%;min-height:475px}
    #themeoff-spare-shiraz-page .to-interior-board-topbar{padding:0 10px}
    #themeoff-spare-shiraz-page .to-interior-board-topbar strong{font-size:9px}
    #themeoff-spare-shiraz-page .to-interior-board-topbar>span{display:none}
    #themeoff-spare-shiraz-page .to-floorplan{min-height:205px}
}

@media (prefers-reduced-motion:reduce){
    #themeoff-spare-shiraz-page .to-plan-scan,
    #themeoff-spare-shiraz-page .to-interior-orbit,
    #themeoff-spare-shiraz-page .to-interior-spark{
        animation:none!important;
    }
}


/* =========================================================
   Interior Design V3 - Clean Layout Corrections
   ========================================================= */

/* سکشن‌ها دیگر باکس نیستند؛ فقط آیتم‌ها/کارت‌ها باکس هستند */
#themeoff-spare-shiraz-page .to-section:not(.to-contact-section):not(.to-tourism-local-link) > .to-container{
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
    padding-inline:clamp(16px,3vw,34px) !important;
}
#themeoff-spare-shiraz-page .to-section:not(.to-contact-section):not(.to-tourism-local-link) > .to-container:before{
    display:none !important;
}

/* سکشن موشن هم فقط stage خودش باکس گرافیکی دارد */
#themeoff-spare-shiraz-page .to-interior-motion-section > .to-container{
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

/* باکس متن مستقل قبلی حذف؛ محتوا طبیعی بماند */
#themeoff-spare-shiraz-page .to-content-copy{
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

/* کارت‌های عادی باکس باقی می‌مانند */
#themeoff-spare-shiraz-page .to-card,
#themeoff-spare-shiraz-page .to-product-type-card,
#themeoff-spare-shiraz-page .to-real-estate-feature-card,
#themeoff-spare-shiraz-page .to-platform-card,
#themeoff-spare-shiraz-page .to-essential-item,
#themeoff-spare-shiraz-page .to-process-item,
#themeoff-spare-shiraz-page .to-woo-benefit-card{
    min-width:0 !important;
    width:100% !important;
    box-sizing:border-box !important;
}

/* =========================================================
   بخش‌های شماره‌دار: فقط شماره، بدون آیکون
   ========================================================= */
#themeoff-spare-shiraz-page .to-process-item > .to-card-icon,
#themeoff-spare-shiraz-page .to-woo-benefit-card > .to-card-icon{
    display:none !important;
}

/* کارت‌های شماره‌دار به فرم افقی/تمیز */
#themeoff-spare-shiraz-page .to-process-grid,
#themeoff-spare-shiraz-page .to-woo-benefits-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px !important;
    align-items:stretch !important;
}

#themeoff-spare-shiraz-page .to-process-item{
    display:grid !important;
    grid-template-columns:72px minmax(0,1fr) !important;
    grid-template-rows:auto 1fr !important;
    column-gap:18px !important;
    row-gap:5px !important;
    align-items:start !important;
    padding:24px !important;
    min-height:180px !important;
    text-align:right !important;
}

#themeoff-spare-shiraz-page .to-process-item > span:first-child{
    grid-column:1 !important;
    grid-row:1 / span 2 !important;
    width:64px !important;
    height:64px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:18px !important;
    background:linear-gradient(145deg,#4ff1ab,#64ddff) !important;
    color:#06202a !important;
    font-weight:900 !important;
    font-size:18px !important;
    line-height:1 !important;
    box-shadow:0 10px 28px rgba(79,241,171,.18) !important;
}

#themeoff-spare-shiraz-page .to-process-item h3{
    grid-column:2 !important;
    margin:5px 0 2px !important;
    font-size:18px !important;
    line-height:1.65 !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
}

#themeoff-spare-shiraz-page .to-process-item p{
    grid-column:2 !important;
    margin:0 !important;
    line-height:2 !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
}

/* مزایای شماره‌دار */
#themeoff-spare-shiraz-page .to-woo-benefit-card{
    display:grid !important;
    grid-template-columns:72px minmax(0,1fr) !important;
    gap:18px !important;
    align-items:start !important;
    padding:24px !important;
    min-height:175px !important;
}

#themeoff-spare-shiraz-page .to-woo-benefit-number{
    width:64px !important;
    height:64px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:18px !important;
    background:linear-gradient(145deg,#4ff1ab,#64ddff) !important;
    color:#06202a !important;
    font-size:18px !important;
    font-weight:900 !important;
    line-height:1 !important;
    box-shadow:0 10px 28px rgba(79,241,171,.18) !important;
    margin:0 !important;
}

#themeoff-spare-shiraz-page .to-woo-benefit-body{
    min-width:0 !important;
    width:100% !important;
}

#themeoff-spare-shiraz-page .to-woo-benefit-body h3{
    margin:3px 0 7px !important;
    font-size:18px !important;
    line-height:1.65 !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
}

#themeoff-spare-shiraz-page .to-woo-benefit-body p{
    margin:0 !important;
    line-height:2 !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
}

/* کارت‌هایی که شماره دارند نباید هیچ آیکون تزئینی دیگری بگیرند */
#themeoff-spare-shiraz-page .to-essential-item .to-card-icon{
    display:none !important;
}

/* عرض متن در تمام کارت‌ها طبیعی باشد */
#themeoff-spare-shiraz-page .to-card h3,
#themeoff-spare-shiraz-page .to-product-type-card h3,
#themeoff-spare-shiraz-page .to-real-estate-feature-card h3,
#themeoff-spare-shiraz-page .to-platform-card h3,
#themeoff-spare-shiraz-page .to-card p,
#themeoff-spare-shiraz-page .to-product-type-card p,
#themeoff-spare-shiraz-page .to-real-estate-feature-card p,
#themeoff-spare-shiraz-page .to-platform-card p{
    max-width:none !important;
    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
}

/* Tablet */
@media (max-width:980px){
    #themeoff-spare-shiraz-page .to-process-grid,
    #themeoff-spare-shiraz-page .to-woo-benefits-grid{
        grid-template-columns:1fr !important;
    }

    #themeoff-spare-shiraz-page .to-process-item,
    #themeoff-spare-shiraz-page .to-woo-benefit-card{
        min-height:0 !important;
    }
}

/* Mobile */
@media (max-width:767px){
    #themeoff-spare-shiraz-page .to-section:not(.to-contact-section):not(.to-tourism-local-link) > .to-container{
        padding-inline:14px !important;
    }

    #themeoff-spare-shiraz-page .to-process-item,
    #themeoff-spare-shiraz-page .to-woo-benefit-card{
        grid-template-columns:54px minmax(0,1fr) !important;
        gap:13px !important;
        padding:18px !important;
        border-radius:18px !important;
    }

    #themeoff-spare-shiraz-page .to-process-item > span:first-child,
    #themeoff-spare-shiraz-page .to-woo-benefit-number{
        width:50px !important;
        height:50px !important;
        border-radius:14px !important;
        font-size:15px !important;
    }

    #themeoff-spare-shiraz-page .to-process-item h3,
    #themeoff-spare-shiraz-page .to-woo-benefit-body h3{
        font-size:16px !important;
        line-height:1.7 !important;
        margin-top:0 !important;
    }

    #themeoff-spare-shiraz-page .to-process-item p,
    #themeoff-spare-shiraz-page .to-woo-benefit-body p{
        font-size:14px !important;
        line-height:1.95 !important;
    }
}


/* ===== Clinic Shiraz dedicated visual system ===== */
#themeoff-spare-shiraz-page{--clinic-green:#4ff1ab;--clinic-cyan:#64ddff;--clinic-blue:#7aa7ff}
#themeoff-spare-shiraz-page .to-clinic-stage{position:relative;width:min(1180px,100%);min-height:680px;margin:40px auto 0;perspective:1500px;isolation:isolate}
#themeoff-spare-shiraz-page .to-clinic-grid{position:absolute;inset:9% 5% 5%;opacity:.23;border-radius:36px;background-image:linear-gradient(rgba(100,221,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(100,221,255,.08) 1px,transparent 1px);background-size:34px 34px;transform:rotateX(66deg) translateY(14%);transform-origin:center bottom;mask-image:linear-gradient(to top,#000 14%,transparent 88%)}
#themeoff-spare-shiraz-page .to-clinic-ambient{position:absolute;width:340px;height:340px;border-radius:50%;filter:blur(80px);opacity:.16}
#themeoff-spare-shiraz-page .to-clinic-ambient.a{right:4%;top:4%;background:var(--clinic-green)}
#themeoff-spare-shiraz-page .to-clinic-ambient.b{left:5%;bottom:8%;background:var(--clinic-blue)}
#themeoff-spare-shiraz-page .to-clinic-dashboard{position:absolute;width:min(820px,80%);min-height:500px;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(5deg) rotateY(-6deg);border:1px solid rgba(255,255,255,.13);border-radius:28px;background:linear-gradient(145deg,rgba(17,39,54,.97),rgba(7,20,31,.96));box-shadow:0 45px 95px rgba(0,0,0,.45),0 0 60px rgba(100,221,255,.06);overflow:hidden;will-change:transform}
#themeoff-spare-shiraz-page .to-clinic-topbar{height:48px;padding:0 18px;display:flex;align-items:center;gap:14px;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px;color:#dce9ef}
#themeoff-spare-shiraz-page .to-clinic-topbar strong{margin-inline:auto}
#themeoff-spare-shiraz-page .to-clinic-topbar>span{color:var(--clinic-green);font-size:10px;padding:6px 9px;border:1px solid rgba(79,241,171,.2);border-radius:999px;background:rgba(79,241,171,.06)}
#themeoff-spare-shiraz-page .to-clinic-dots{display:flex;gap:5px}.to-clinic-dots i{width:7px;height:7px;border-radius:50%;background:#526875}
#themeoff-spare-shiraz-page .to-clinic-dots i:nth-child(1){background:#ff6b79}#themeoff-spare-shiraz-page .to-clinic-dots i:nth-child(2){background:#ffd166}#themeoff-spare-shiraz-page .to-clinic-dots i:nth-child(3){background:#4ff1ab}
#themeoff-spare-shiraz-page .to-clinic-body{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.8fr);gap:14px;padding:16px}
#themeoff-spare-shiraz-page .to-clinic-panel,#themeoff-spare-shiraz-page .to-clinic-booking-panel,#themeoff-spare-shiraz-page .to-clinic-confirm{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(4,16,26,.63)}
#themeoff-spare-shiraz-page .to-clinic-panel,#themeoff-spare-shiraz-page .to-clinic-booking-panel{padding:14px}
#themeoff-spare-shiraz-page .to-clinic-panel-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}
#themeoff-spare-shiraz-page .to-clinic-panel-title b{display:block;color:#fff;font-size:12px}.to-clinic-panel-title small{display:block;color:#78909d;font-size:9px;margin-top:2px}
#themeoff-spare-shiraz-page .to-mini-medical-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:var(--clinic-green);background:rgba(79,241,171,.08);border:1px solid rgba(79,241,171,.14)}
#themeoff-spare-shiraz-page .to-mini-medical-icon svg,#themeoff-spare-shiraz-page .to-clinic-float svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#themeoff-spare-shiraz-page .to-doctors-list{display:grid;gap:8px}
#themeoff-spare-shiraz-page .to-doctor-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}
#themeoff-spare-shiraz-page .to-doctor-item.active{border-color:rgba(79,241,171,.25);background:rgba(79,241,171,.045)}
#themeoff-spare-shiraz-page .to-avatar{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 50% 32%,#8eacb9 0 18%,transparent 19%),radial-gradient(ellipse at 50% 82%,#7293a2 0 34%,transparent 35%),linear-gradient(145deg,#274958,#142e3a)}
#themeoff-spare-shiraz-page .to-doctor-item b{display:block;font-size:10px;color:#e7f1f4}.to-doctor-item small{display:block;font-size:8px;color:#77909c;margin-top:3px}.to-doctor-item em{font-style:normal;font-size:8px;color:var(--clinic-green);padding:5px 7px;border-radius:999px;background:rgba(79,241,171,.08)}
#themeoff-spare-shiraz-page .to-booking-title{display:flex;justify-content:space-between;gap:8px;margin-bottom:12px}.to-booking-title b{font-size:10px;color:#fff}.to-booking-title small{font-size:8px;color:#7d95a0}
#themeoff-spare-shiraz-page .to-booking-times{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.to-booking-times span{display:grid;place-items:center;height:34px;border-radius:9px;font-size:9px;border:1px solid rgba(255,255,255,.07);background:#0c2532;color:#91a7b1}.to-booking-times span.selected{color:#06202a;background:linear-gradient(145deg,var(--clinic-green),var(--clinic-cyan));font-weight:800}
#themeoff-spare-shiraz-page .to-booking-fields{display:grid;gap:7px;margin-top:12px}.to-booking-fields i{height:34px;padding:0 10px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#0b202c;color:#718b97;font-size:8px;font-style:normal}.to-booking-fields button{height:36px;border:0;border-radius:10px;font-size:9px;font-weight:800;color:#06202a;background:linear-gradient(145deg,var(--clinic-green),var(--clinic-cyan))}
#themeoff-spare-shiraz-page .to-clinic-confirm{margin:0 16px 16px;padding:12px 14px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center}.to-confirm-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#06202a;background:var(--clinic-green);font-weight:900}.to-clinic-confirm b{display:block;font-size:10px;color:#fff}.to-clinic-confirm small{display:block;font-size:8px;color:#78909d;margin-top:2px}.to-clinic-confirm em{font-size:9px;color:var(--clinic-green);font-style:normal}
#themeoff-spare-shiraz-page .to-clinic-float{position:absolute;z-index:5;min-width:185px;padding:11px 13px;display:flex;align-items:center;gap:10px;border-radius:17px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(20,43,57,.94),rgba(7,21,33,.91));box-shadow:0 20px 42px rgba(0,0,0,.32);backdrop-filter:blur(12px)}
#themeoff-spare-shiraz-page .to-clinic-float>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:var(--clinic-green);background:rgba(79,241,171,.08);border:1px solid rgba(79,241,171,.15)}
#themeoff-spare-shiraz-page .to-clinic-float b{display:block;color:#fff;font-size:11px}.to-clinic-float small{display:block;color:#7f98a4;font-size:8px;margin-top:2px}
#themeoff-spare-shiraz-page .to-clinic-float.doctor{right:1%;top:18%}.to-clinic-float.sms{left:0;top:42%}.to-clinic-float.report{right:5%;bottom:8%}

/* preserve final page rule: sections themselves are not boxes */
#themeoff-spare-shiraz-page .to-section:not(.to-contact-section):not(.to-tourism-local-link)>.to-container{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;padding-inline:clamp(16px,3vw,34px)!important}
#themeoff-spare-shiraz-page .to-section:not(.to-contact-section):not(.to-tourism-local-link)>.to-container:before{display:none!important}
#themeoff-spare-shiraz-page .to-process-item>.to-card-icon,#themeoff-spare-shiraz-page .to-woo-benefit-card>.to-card-icon,#themeoff-spare-shiraz-page .to-essential-item>.to-card-icon{display:none!important}

@media(max-width:767px){
 #themeoff-spare-shiraz-page .to-clinic-stage{min-height:600px;margin-top:26px;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:rgba(5,17,27,.45)}
 #themeoff-spare-shiraz-page .to-clinic-dashboard{width:95%;min-height:475px;top:47%;transform:translate(-50%,-50%)!important;border-radius:20px}
 #themeoff-spare-shiraz-page .to-clinic-body{grid-template-columns:1fr;gap:8px;padding:9px}
 #themeoff-spare-shiraz-page .to-doctors-list{grid-template-columns:repeat(3,1fr);gap:5px}
 #themeoff-spare-shiraz-page .to-doctor-item{display:block;text-align:center;padding:7px}.to-doctor-item .to-avatar{display:block;margin:0 auto 5px;width:30px;height:30px}.to-doctor-item small{display:none}.to-doctor-item em{display:inline-block;margin-top:4px}
 #themeoff-spare-shiraz-page .to-clinic-booking-panel{padding:9px}.to-booking-times span{height:27px;font-size:8px}.to-booking-fields{grid-template-columns:1fr 1fr;gap:5px}.to-booking-fields button{grid-column:1/-1}
 #themeoff-spare-shiraz-page .to-clinic-confirm{margin:0 9px 9px;padding:9px}
 #themeoff-spare-shiraz-page .to-clinic-float{min-width:auto;padding:8px 9px;border-radius:13px}.to-clinic-float>span{width:29px;height:29px;border-radius:9px}.to-clinic-float b{font-size:9px}.to-clinic-float small{display:none}
 #themeoff-spare-shiraz-page .to-clinic-float.doctor{right:3%;top:2%}.to-clinic-float.sms{left:3%;top:2%}.to-clinic-float.report{right:4%;bottom:2%}
}


/* =========================================================
   Portfolio Carousel v1.3 — exact previous card style, 6 latest
   ========================================================= */
#themeoff-spare-shiraz-page .to-portfolio-carousel{
    position:relative;
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 44px;
    gap:12px;
    align-items:center;
    margin-top:28px;
}

#themeoff-spare-shiraz-page .to-portfolio-wrap{
    min-width:0;
    overflow:hidden;
    scroll-behavior:smooth;
}

#themeoff-spare-shiraz-page .to-portfolio-track{
    display:flex !important;
    gap:18px !important;
    width:max-content !important;
    transform:translate3d(0,0,0);
    transition:transform .45s cubic-bezier(.2,.75,.25,1);
    will-change:transform;
}

#themeoff-spare-shiraz-page .to-portfolio-card{
    flex:0 0 calc((100vw - 220px) / 3) !important;
    width:calc((100vw - 220px) / 3) !important;
    max-width:360px !important;
    min-width:280px !important;
}

#themeoff-spare-shiraz-page .to-portfolio-nav{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.11);
    background:linear-gradient(145deg,rgba(19,41,55,.92),rgba(8,21,32,.92));
    color:#f5fbfd;
    font-size:28px;
    line-height:1;
    cursor:pointer;
    box-shadow:0 12px 28px rgba(0,0,0,.20);
    transition:transform .2s ease,border-color .2s ease,opacity .2s ease;
}
#themeoff-spare-shiraz-page .to-portfolio-nav:hover{
    transform:translateY(-2px);
    border-color:rgba(79,241,171,.30);
}
#themeoff-spare-shiraz-page .to-portfolio-nav:disabled{
    opacity:.28;
    cursor:default;
    transform:none;
}

#themeoff-spare-shiraz-page .to-portfolio-dots{
    display:flex;
    justify-content:center;
    gap:7px;
    margin-top:16px;
}
#themeoff-spare-shiraz-page .to-portfolio-dots button{
    width:8px;
    height:8px;
    padding:0;
    border:0;
    border-radius:999px;
    background:rgba(255,255,255,.20);
    cursor:pointer;
    transition:width .2s ease,background .2s ease;
}
#themeoff-spare-shiraz-page .to-portfolio-dots button.is-active{
    width:24px;
    background:linear-gradient(90deg,var(--clinic-green),var(--clinic-cyan));
}

@media(max-width:1100px){
    #themeoff-spare-shiraz-page .to-portfolio-card{
        flex-basis:calc((100vw - 150px) / 2) !important;
        width:calc((100vw - 150px) / 2) !important;
        max-width:430px !important;
        min-width:300px !important;
    }
}

@media(max-width:767px){
    #themeoff-spare-shiraz-page .to-portfolio-carousel{
        grid-template-columns:1fr;
        gap:0;
    }

    #themeoff-spare-shiraz-page .to-portfolio-wrap{
        overflow:hidden;
    }

    #themeoff-spare-shiraz-page .to-portfolio-track{
        gap:12px !important;
    }

    #themeoff-spare-shiraz-page .to-portfolio-card{
        flex-basis:calc(100vw - 56px) !important;
        width:calc(100vw - 56px) !important;
        max-width:none !important;
        min-width:0 !important;
    }

    #themeoff-spare-shiraz-page .to-portfolio-nav{
        position:absolute;
        top:50%;
        z-index:4;
        width:38px;
        height:38px;
        border-radius:12px;
        transform:translateY(-50%);
        backdrop-filter:blur(8px);
    }

    #themeoff-spare-shiraz-page .to-portfolio-nav:hover{
        transform:translateY(-50%);
    }

    #themeoff-spare-shiraz-page .to-portfolio-prev{right:8px}
    #themeoff-spare-shiraz-page .to-portfolio-next{left:8px}
}


/* =========================================================
   Portfolio v1.4 — matched to live /web-design-shiraz/wordpress/
   ========================================================= */
#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-centered{
    max-width:900px !important;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-carousel{
    position:relative !important;
    display:block !important;
    margin-top:30px !important;
    padding:0 54px !important;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-wrap{
    overflow:hidden !important;
    width:100% !important;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-track{
    display:flex !important;
    gap:18px !important;
    width:max-content !important;
    align-items:stretch !important;
    transition:transform .42s cubic-bezier(.22,.7,.25,1) !important;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-card{
    flex:0 0 calc((100vw - 230px)/3) !important;
    width:calc((100vw - 230px)/3) !important;
    max-width:365px !important;
    min-width:285px !important;
    height:auto !important;
    overflow:hidden !important;
    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:22px !important;
    background:linear-gradient(145deg,rgba(16,35,49,.88),rgba(8,21,32,.88)) !important;
    box-shadow:0 18px 40px rgba(0,0,0,.22) !important;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-card-link{
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
    color:inherit !important;
    text-decoration:none !important;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-kicker{
    display:block !important;
    padding:14px 18px 0 !important;
    color:var(--clinic-green) !important;
    font-size:11px !important;
    font-weight:700 !important;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-browser{
    position:relative !important;
    display:block !important;
    width:calc(100% - 28px) !important;
    aspect-ratio:16/10 !important;
    margin:12px 14px 0 !important;
    overflow:hidden !important;
    border:1px solid rgba(255,255,255,.09) !important;
    border-radius:15px !important;
    background:#081923 !important;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-browser-dots{
    position:absolute !important;
    z-index:3 !important;
    top:10px !important;
    left:10px !important;
    display:flex !important;
    gap:5px !important;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-browser-dots i{
    width:6px !important;
    height:6px !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.38) !important;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-image{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
    border:0 !important;
    margin:0 !important;
    transition:transform .38s ease !important;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-card:hover .to-portfolio-image{
    transform:scale(1.025) !important;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-meta{
    display:block !important;
    padding:16px 18px 8px !important;
    text-align:right !important;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-meta h3{
    margin:0 0 8px !important;
    color:#f5fbfd !important;
    font-size:16px !important;
    line-height:1.75 !important;
    font-weight:800 !important;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-meta p{
    display:-webkit-box !important;
    margin:0 !important;
    color:#91a6b0 !important;
    font-size:12.5px !important;
    line-height:1.9 !important;
    -webkit-line-clamp:3 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-details{
    display:block !important;
    margin-top:auto !important;
    padding:8px 18px 18px !important;
    color:var(--clinic-green) !important;
    font-size:11px !important;
    font-weight:700 !important;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-nav{
    position:absolute !important;
    z-index:5 !important;
    top:50% !important;
    width:40px !important;
    height:40px !important;
    display:grid !important;
    place-items:center !important;
    transform:translateY(-50%) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:12px !important;
    background:rgba(8,22,33,.92) !important;
    color:#fff !important;
    font-size:26px !important;
    cursor:pointer !important;
    box-shadow:0 10px 26px rgba(0,0,0,.24) !important;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-prev{right:0 !important}
#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-next{left:0 !important}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-dots{
    display:none !important;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-center-action{
    display:flex !important;
    justify-content:center !important;
    margin-top:24px !important;
}

@media(max-width:1100px){
    #themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-card{
        flex-basis:calc((100vw - 170px)/2) !important;
        width:calc((100vw - 170px)/2) !important;
        max-width:430px !important;
        min-width:300px !important;
    }
}

@media(max-width:767px){
    #themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-carousel{
        padding:0 42px !important;
    }

    #themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-card{
        flex-basis:calc(100vw - 112px) !important;
        width:calc(100vw - 112px) !important;
        min-width:0 !important;
        max-width:none !important;
        border-radius:18px !important;
    }

    #themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-nav{
        width:35px !important;
        height:35px !important;
        font-size:23px !important;
    }

    #themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-browser{
        width:calc(100% - 22px) !important;
        margin:10px 11px 0 !important;
        border-radius:13px !important;
    }

    #themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-meta{
        padding:14px 15px 7px !important;
    }

    #themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-meta h3{
        font-size:14.5px !important;
    }

    #themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-details{
        padding:7px 15px 15px !important;
    }
}


/* =========================================================
   Portfolio v1.5 — exact screenshot-like style
   ========================================================= */
#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-centered{
    max-width:820px !important;
}
#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-screenshot-style{
    margin-top:30px !important;
}
#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-wrap{
    overflow:hidden !important;
    width:100% !important;
}
#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-track{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:18px !important;
    width:max-content !important;
    transition:transform .45s cubic-bezier(.22,.74,.27,1) !important;
    will-change:transform !important;
}
#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-card{
    flex:0 0 calc((100% - 36px) / 3) !important;
    width:calc((100% - 36px) / 3) !important;
    min-width:calc((100% - 36px) / 3) !important;
    border-radius:22px !important;
    overflow:hidden !important;
    border:1px solid rgba(133,183,223,.16) !important;
    background:linear-gradient(180deg,rgba(19,40,61,.96) 0%,rgba(9,21,35,.98) 100%) !important;
    box-shadow:0 20px 40px rgba(0,0,0,.20) !important;
}
#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-card-link{
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
    color:inherit !important;
    text-decoration:none !important;
}
#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-kicker{
    display:none !important;
}
#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-browser{
    position:relative !important;
    display:block !important;
    width:calc(100% - 18px) !important;
    margin:9px 9px 0 !important;
    aspect-ratio:0.88/1 !important;
    overflow:hidden !important;
    border-radius:16px !important;
    border:1px solid rgba(255,255,255,.07) !important;
    background:#102232 !important;
}
#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-browser-dots{
    position:absolute !important;
    top:10px !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    z-index:4 !important;
    display:flex !important;
    gap:7px !important;
}
#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-browser-dots i{
    width:7px !important;
    height:7px !important;
    border-radius:50% !important;
    background:rgba(176,190,208,.55) !important;
}
#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-image{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center top !important;
    transition:transform .35s ease !important;
}
#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-card:hover .to-portfolio-image{
    transform:scale(1.03) !important;
}
#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-meta{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    padding:18px 20px 22px !important;
    text-align:right !important;
}
#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-meta h3{
    margin:0 !important;
    color:#f4f8fb !important;
    font-size:18px !important;
    font-weight:800 !important;
    line-height:1.9 !important;
}
#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-meta p{
    margin:0 !important;
    color:#b8c5d0 !important;
    font-size:14px !important;
    line-height:2 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:3 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    min-height:84px !important;
}
#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-details{
    margin-top:auto !important;
    color:#4bd2ff !important;
    font-size:15px !important;
    font-weight:800 !important;
    line-height:1.7 !important;
}
#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-bottom-nav{
    display:flex !important;
    justify-content:center !important;
    gap:12px !important;
    margin-top:18px !important;
}
#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-nav{
    position:static !important;
    transform:none !important;
    width:44px !important;
    height:44px !important;
    border-radius:12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(255,255,255,.08) !important;
    background:linear-gradient(180deg,rgba(34,53,77,.9),rgba(23,39,58,.92)) !important;
    color:#f3fbff !important;
    box-shadow:none !important;
    font-size:24px !important;
}
#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-nav:hover{
    border-color:rgba(84,211,255,.35) !important;
    color:#60dcff !important;
}
#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-nav:disabled{
    opacity:.45 !important;
    cursor:not-allowed !important;
}
#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-center-action,
#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-dots{
    display:none !important;
}
@media (max-width:1100px){
    #themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-card{
        flex-basis:calc((100% - 18px) / 2) !important;
        width:calc((100% - 18px) / 2) !important;
        min-width:calc((100% - 18px) / 2) !important;
    }
}
@media (max-width:767px){
    #themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-track{
        gap:12px !important;
    }
    #themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-card{
        flex-basis:100% !important;
        width:100% !important;
        min-width:100% !important;
        border-radius:18px !important;
    }
    #themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-browser{
        width:calc(100% - 14px) !important;
        margin:7px 7px 0 !important;
        border-radius:14px !important;
    }
    #themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-meta{
        gap:10px !important;
        padding:16px 16px 18px !important;
    }
    #themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-meta h3{
        font-size:16px !important;
    }
    #themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-meta p{
        font-size:13px !important;
        min-height:auto !important;
    }
    #themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-details{
        font-size:14px !important;
    }
}


/* =========================================================
   Portfolio v1.6 — EXACT reference CSS supplied by user
   Selector adapted only from wordpress root to clinic root.
   ========================================================= */
#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-wrap {
    position: relative;
    width: 100%;
    margin-top: 32px;
    overflow: hidden;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-track {
    --to-portfolio-gap: 18px;
    display: flex !important;
    gap: var(--to-portfolio-gap) !important;
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 8px 0 28px !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: 0 !important;
    scroll-behavior: smooth;
    scrollbar-width: none;
    overscroll-behavior-inline: contain;
    cursor: grab;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-track::-webkit-scrollbar {
    display: none;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-track.is-dragging {
    cursor: grabbing;
    user-select: none;
    scroll-behavior: auto;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-card {
    position: relative;
    flex: 0 0 calc((100% - (var(--to-portfolio-gap) * 2)) / 3) !important;
    width: calc((100% - (var(--to-portfolio-gap) * 2)) / 3) !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 14px !important;
    overflow: hidden;
    border: 1px solid var(--to-border);
    border-radius: 28px;
    background: linear-gradient(160deg,rgba(255,255,255,.066),rgba(255,255,255,.022));
    box-shadow: var(--to-shadow);
    scroll-snap-align: start !important;
    scroll-snap-stop: always;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    will-change: transform;
    transition: border-color .3s ease,box-shadow .3s ease,background .3s ease;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-card:hover {
    border-color: rgba(89,216,255,.3);
    box-shadow: 0 34px 85px rgba(0,0,0,.44),0 0 36px rgba(89,216,255,.06);
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-card-link {
    display: flex !important;
    flex-direction: column;
    width: 100%;
    height: 100%;
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-browser {
    position: relative;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    display: block !important;
    padding: 34px 0 0 !important;
    overflow: hidden !important;
    isolation: isolate;
    border-radius: 20px;
    background: #0b2137 !important;
    transform: none !important;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-browser::before,
#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-browser::after {
    display: none !important;
    content: none !important;
    background: none !important;
    filter: none !important;
    opacity: 0 !important;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-browser {
    position: absolute !important;
    top: 12px !important;
    right: 14px !important;
    z-index: 4 !important;
    display: flex;
    gap: 7px;
    margin: 0 !important;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-browser span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255,255,255,.23);
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-image {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: unset !important;
    object-position: center top !important;
    border-radius: 0 0 14px 14px !important;
    background: transparent !important;
    box-shadow: none !important;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-view {
    position: absolute;
    right: 14px;
    bottom: 14px !important;
    z-index: 5 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 8px 14px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 12px;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background: rgba(5,20,34,.68);
    backdrop-filter: blur(10px);
    font-size: 12px;
    font-weight: 800;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .3s ease,transform .3s ease;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-card:hover .to-portfolio-view {
    opacity: 1;
    transform: translateY(0);
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-meta {
    flex: 1;
    padding: 18px 4px 4px !important;
    transform: none !important;
    text-align: right;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-meta h3 {
    min-height: 58px;
    display: flex;
    align-items: flex-start;
    margin: 0 0 8px !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 18px !important;
    line-height: 1.7 !important;
    font-weight: 900 !important;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-meta p {
    display: -webkit-box;
    margin: 0 !important;
    overflow: hidden;
    color: var(--to-muted) !important;
    line-height: 1.9;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-details {
    display: inline-flex;
    margin-top: 14px;
    color: #70e2ff !important;
    -webkit-text-fill-color: #70e2ff !important;
    font-weight: 800;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-slider-controls {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-slider-btn {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 1px solid var(--to-border);
    border-radius: 14px;
    color: #fff !important;
    background: rgba(255,255,255,.06);
    font: inherit;
    font-size: 20px;
    cursor: pointer;
    transition: transform .25s ease,background .25s ease;
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-slider-btn:hover {
    transform: translateY(-3px);
    background: rgba(89,216,255,.13);
}

#themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-no-image::before {
    display: none !important;
}

@media (max-width: 1024px) {
    #themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-card {
        flex-basis: calc((100% - var(--to-portfolio-gap)) / 2) !important;
        width: calc((100% - var(--to-portfolio-gap)) / 2) !important;
    }
}

@media (max-width: 900px) {
    #themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-view {
        opacity: 1;
        transform: none;
    }
}

@media (max-width: 767px) {
    #themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-track {
        --to-portfolio-gap: 12px;
        padding-inline: 0 !important;
    }

    #themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-card {
        flex: 0 0 100% !important;
        width: 100% !important;
        padding: 12px !important;
    }

    #themeoff-spare-shiraz-page #themeoff-clinic-portfolio .to-portfolio-meta h3 {
        min-height: auto;
    }
}


/* =========================================================
   Photography Shiraz — dedicated visual system
   ========================================================= */
#themeoff-spare-shiraz-page{--photo-green:#46efa4;--photo-cyan:#59d8ff;--photo-purple:#a18dff}
#themeoff-spare-shiraz-page .to-photo-hero-visual{position:relative;min-height:540px;perspective:1500px}
#themeoff-spare-shiraz-page .to-photo-camera{position:absolute;width:min(430px,88%);height:300px;right:6%;top:110px;border:1px solid rgba(255,255,255,.12);border-radius:38px;background:linear-gradient(145deg,#17344c,#081a2b);box-shadow:0 38px 80px rgba(0,0,0,.45);transform:rotateY(-10deg) rotateX(4deg)}
#themeoff-spare-shiraz-page .to-camera-top{position:absolute;right:45px;top:-35px;width:180px;height:50px;border-radius:22px 22px 4px 4px;background:#112b41;border:1px solid rgba(255,255,255,.09)}
#themeoff-spare-shiraz-page .to-camera-top span{position:absolute;width:28px;height:10px;right:24px;top:17px;border-radius:99px;background:#4c6676}.to-camera-top i{position:absolute;width:18px;height:18px;left:26px;top:14px;border-radius:50%;background:var(--photo-green);box-shadow:0 0 18px rgba(70,239,164,.28)}
#themeoff-spare-shiraz-page .to-camera-body{position:absolute;inset:0}.to-camera-lens{position:absolute;width:170px;height:170px;right:54px;top:66px;border-radius:50%;background:radial-gradient(circle,#07131e 0 25%,#17384a 27% 43%,#07131d 45% 55%,#294b5d 57% 63%,#0a1e2c 65%);box-shadow:0 0 0 10px rgba(255,255,255,.035),0 18px 40px rgba(0,0,0,.42)}
#themeoff-spare-shiraz-page .to-camera-lens span{position:absolute;width:70px;height:70px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#92e9ff,#294a77 25%,#15123d 52%,#050811 75%);box-shadow:0 0 20px rgba(89,216,255,.18)}
#themeoff-spare-shiraz-page .to-camera-lens i,#themeoff-spare-shiraz-page .to-camera-lens b{position:absolute;inset:18px;border:1px solid rgba(255,255,255,.14);border-radius:50%}.to-camera-lens b{inset:34px;border-style:dashed;animation:photoLensSpin 8s linear infinite}
#themeoff-spare-shiraz-page .to-camera-grip{position:absolute;left:25px;top:58px;width:74px;height:190px;border-radius:24px;background:linear-gradient(90deg,#0b1e2d,#142d42);box-shadow:inset -5px 0 10px rgba(255,255,255,.025)}
#themeoff-spare-shiraz-page .to-camera-screen{position:absolute;left:115px;top:72px;width:110px;height:96px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:linear-gradient(145deg,#204151,#0d1f2d);overflow:hidden}.to-camera-screen .subject{position:absolute;width:28px;height:46px;left:41px;bottom:10px;border-radius:50% 50% 30% 30%;background:#8aa3ae}.to-camera-screen .focus{position:absolute;inset:25px 28px;border:1px solid var(--photo-green)}
#themeoff-spare-shiraz-page .to-photo-floating-card{position:absolute;min-width:185px;padding:13px 15px;border:1px solid rgba(255,255,255,.11);border-radius:17px;background:rgba(10,29,45,.9);box-shadow:0 20px 45px rgba(0,0,0,.3);backdrop-filter:blur(12px)}.to-photo-floating-card b{display:block;color:#fff;font-size:12px}.to-photo-floating-card small{display:block;color:#91aabc;font-size:9px;margin-top:3px}.to-photo-floating-card.card-one{left:0;top:52px}.to-photo-floating-card.card-two{left:10%;bottom:35px}
#themeoff-spare-shiraz-page .to-photo-focus-ring{position:absolute;width:360px;height:360px;right:8%;top:82px;border:1px dashed rgba(89,216,255,.14);border-radius:50%;animation:photoLensSpin 18s linear infinite}
@keyframes photoLensSpin{to{transform:rotate(360deg)}}

#themeoff-spare-shiraz-page .to-photo-stage{position:relative;width:min(1180px,100%);min-height:690px;margin:38px auto 0;perspective:1500px;isolation:isolate}
#themeoff-spare-shiraz-page .to-photo-grid{position:absolute;inset:8% 5% 5%;opacity:.2;background-image:linear-gradient(rgba(89,216,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(89,216,255,.07) 1px,transparent 1px);background-size:34px 34px;transform:rotateX(66deg) translateY(14%);transform-origin:center bottom;mask-image:linear-gradient(to top,#000 12%,transparent 90%)}
#themeoff-spare-shiraz-page .to-photo-ambient{position:absolute;width:350px;height:350px;border-radius:50%;filter:blur(80px);opacity:.16}.to-photo-ambient.a{right:4%;top:4%;background:var(--photo-green)}.to-photo-ambient.b{left:4%;bottom:8%;background:var(--photo-purple)}
#themeoff-spare-shiraz-page .to-photo-editor{position:absolute;width:min(820px,80%);min-height:520px;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(5deg) rotateY(-6deg);border:1px solid rgba(255,255,255,.13);border-radius:28px;background:linear-gradient(145deg,rgba(17,39,54,.97),rgba(7,20,31,.96));box-shadow:0 45px 95px rgba(0,0,0,.45);overflow:hidden}
#themeoff-spare-shiraz-page .to-photo-editor-top{height:48px;padding:0 18px;display:flex;align-items:center;gap:14px;border-bottom:1px solid rgba(255,255,255,.08);color:#dce9ef;font-size:12px}.to-photo-editor-top strong{margin-inline:auto}.to-photo-editor-top>span{color:var(--photo-green);font-size:10px;padding:6px 9px;border:1px solid rgba(70,239,164,.2);border-radius:999px;background:rgba(70,239,164,.06)}.to-photo-editor-top .dots{display:flex;gap:5px}.to-photo-editor-top .dots i{width:7px;height:7px;border-radius:50%;background:#536976}.to-photo-editor-top .dots i:nth-child(1){background:#ff6b79}.to-photo-editor-top .dots i:nth-child(2){background:#ffd166}.to-photo-editor-top .dots i:nth-child(3){background:#46efa4}
#themeoff-spare-shiraz-page .to-photo-editor-body{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,.72fr);gap:14px;padding:16px}.to-photo-preview-panel,.to-photo-controls .to-photo-control-card,.to-photo-status{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(4,16,26,.63)}.to-photo-preview-panel{padding:12px}.to-photo-preview{position:relative;height:280px;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#314d5d,#0b1d29)}
#themeoff-spare-shiraz-page .to-photo-subject{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);width:110px;height:200px}.to-photo-subject .head{position:absolute;width:55px;height:55px;left:27px;top:0;border-radius:50%;background:#b9c5c7}.to-photo-subject .body{position:absolute;width:100px;height:140px;left:5px;bottom:0;border-radius:48% 48% 18% 18%;background:linear-gradient(#8d9fa1,#576d72)}
#themeoff-spare-shiraz-page .to-photo-frame-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px);background-size:33.33% 33.33%;opacity:.45}.to-photo-focus-box{position:absolute;width:90px;height:90px;left:50%;top:43%;transform:translate(-50%,-50%)}.to-photo-focus-box i{position:absolute;width:20px;height:20px;border-color:var(--photo-green);border-style:solid}.to-photo-focus-box i:nth-child(1){left:0;top:0;border-width:2px 0 0 2px}.to-photo-focus-box i:nth-child(2){right:0;top:0;border-width:2px 2px 0 0}.to-photo-focus-box i:nth-child(3){left:0;bottom:0;border-width:0 0 2px 2px}.to-photo-focus-box i:nth-child(4){right:0;bottom:0;border-width:0 2px 2px 0}
#themeoff-spare-shiraz-page .to-photo-exposure{position:absolute;left:14px;right:14px;bottom:10px;display:flex;justify-content:space-between;color:#b8cbd5;font-size:8px}.to-photo-exposure .active{color:var(--photo-green);font-weight:800}
#themeoff-spare-shiraz-page .to-contact-sheet{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:9px}.to-contact-sheet span{height:43px;border-radius:8px;background:linear-gradient(145deg,#516b75,#1d3440);border:1px solid rgba(255,255,255,.05)}.to-contact-sheet span.selected{border-color:rgba(70,239,164,.55);box-shadow:0 0 0 2px rgba(70,239,164,.08)}
#themeoff-spare-shiraz-page .to-photo-controls{display:grid;gap:9px}.to-photo-control-card{padding:12px}.to-photo-control-card b{display:block;color:#fff;font-size:10px;margin-bottom:8px}.to-photo-control-card small{color:#8fa7b2;font-size:8px}.to-photo-control-card .slider{height:7px;border-radius:99px;background:#102a38;overflow:hidden;margin-bottom:6px}.to-photo-control-card .slider i{display:block;width:var(--v);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--photo-green),var(--photo-cyan))}.to-photo-swatches{display:flex;gap:7px}.to-photo-swatches i{width:25px;height:25px;border-radius:8px;background:#d6bfa7}.to-photo-swatches i:nth-child(2){background:#668a91}.to-photo-swatches i:nth-child(3){background:#bf7d86}.to-photo-swatches i:nth-child(4){background:#504f69}.to-photo-export{display:flex;gap:5px;flex-wrap:wrap}.to-photo-export span{padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.05);color:#9db6c2;font-size:8px}
#themeoff-spare-shiraz-page .to-photo-status{margin:0 16px 16px;padding:12px 14px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center}.to-photo-status>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--photo-green);color:#04131e;font-weight:900}.to-photo-status b{display:block;color:#fff;font-size:10px}.to-photo-status small{display:block;color:#78909d;font-size:8px}.to-photo-status em{font-style:normal;color:var(--photo-green);font-size:9px}
#themeoff-spare-shiraz-page .to-photo-float{position:absolute;z-index:5;min-width:170px;padding:11px 13px;display:flex;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.11);border-radius:17px;background:rgba(8,27,43,.92);box-shadow:0 20px 42px rgba(0,0,0,.3)}.to-photo-float>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;color:#04131e;background:linear-gradient(135deg,var(--photo-green),var(--photo-cyan));font-weight:900}.to-photo-float b{display:block;color:#fff;font-size:10px}.to-photo-float small{display:block;color:#819aa6;font-size:8px}.to-photo-float.portfolio{right:1%;top:18%}.to-photo-float.booking{left:0;top:42%}.to-photo-float.seo{right:5%;bottom:8%}

/* No box around whole sections */
#themeoff-spare-shiraz-page .to-section:not(.to-contact-section):not(.to-tourism-local-link)>.to-container{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;padding-inline:clamp(16px,3vw,34px)!important}
#themeoff-spare-shiraz-page .to-section:not(.to-contact-section):not(.to-tourism-local-link)>.to-container:before{display:none!important}
#themeoff-spare-shiraz-page .to-process-item>.to-card-icon,#themeoff-spare-shiraz-page .to-woo-benefit-card>.to-card-icon,#themeoff-spare-shiraz-page .to-essential-item>.to-card-icon{display:none!important}

/* Exact portfolio behavior from WordPress Shiraz reference */
#themeoff-spare-shiraz-page #themeoff-nuts-portfolio .to-portfolio-wrap{position:relative;width:100%;overflow:hidden;margin-top:32px}
#themeoff-spare-shiraz-page #themeoff-nuts-portfolio .to-portfolio-track{--to-portfolio-gap:18px;display:flex!important;gap:var(--to-portfolio-gap)!important;width:100%!important;padding:8px 0 28px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-padding-inline:0!important;overscroll-behavior-inline:contain;scroll-behavior:smooth;scrollbar-width:none;cursor:grab}
#themeoff-spare-shiraz-page #themeoff-nuts-portfolio .to-portfolio-track::-webkit-scrollbar{display:none}
#themeoff-spare-shiraz-page #themeoff-nuts-portfolio .to-portfolio-track.is-dragging{cursor:grabbing;user-select:none;scroll-behavior:auto}
#themeoff-spare-shiraz-page #themeoff-nuts-portfolio .to-portfolio-card{flex:0 0 calc((100% - (var(--to-portfolio-gap)*2))/3)!important;width:calc((100% - (var(--to-portfolio-gap)*2))/3)!important;min-width:0!important;max-width:none!important;padding:14px!important;border-radius:28px!important;scroll-snap-align:start!important;scroll-snap-stop:always!important}
#themeoff-spare-shiraz-page #themeoff-nuts-portfolio .to-portfolio-card-link{display:flex!important;flex-direction:column!important;width:100%;height:100%;color:inherit!important}
#themeoff-spare-shiraz-page #themeoff-nuts-portfolio .to-portfolio-browser{position:relative;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;display:block!important;padding:34px 0 0!important;overflow:hidden!important;border-radius:20px!important;background:#0b2137!important;transform:none!important}
#themeoff-spare-shiraz-page #themeoff-nuts-portfolio .to-portfolio-browser::before,#themeoff-spare-shiraz-page #themeoff-nuts-portfolio .to-portfolio-browser::after{display:none!important;content:none!important}
#themeoff-spare-shiraz-page #themeoff-nuts-portfolio .to-portfolio-image{position:relative!important;z-index:2!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;display:block!important;margin:0!important;padding:0!important;object-fit:unset!important;object-position:center top!important;border-radius:0 0 14px 14px!important;background:transparent!important;box-shadow:none!important}
#themeoff-spare-shiraz-page #themeoff-nuts-portfolio .to-portfolio-browser .to-browser{position:absolute!important;top:12px!important;right:14px!important;z-index:4!important;margin:0!important;display:flex;gap:7px}.to-portfolio-browser .to-browser span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.23)}
#themeoff-spare-shiraz-page #themeoff-nuts-portfolio .to-portfolio-view{position:absolute;right:14px;bottom:14px;z-index:5;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border:1px solid rgba(255,255,255,.16);border-radius:12px;color:#fff!important;background:rgba(5,20,34,.68);backdrop-filter:blur(10px);font-size:12px;font-weight:800;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}
#themeoff-spare-shiraz-page #themeoff-nuts-portfolio .to-portfolio-card:hover .to-portfolio-view{opacity:1;transform:translateY(0)}
#themeoff-spare-shiraz-page #themeoff-nuts-portfolio .to-portfolio-meta{flex:1;padding:18px 4px 4px!important;transform:none!important}.to-portfolio-meta h3{min-height:58px;display:flex;align-items:flex-start;margin-bottom:8px!important;font-size:18px!important;line-height:1.65!important}.to-portfolio-meta p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.9}
#themeoff-spare-shiraz-page #themeoff-nuts-portfolio .to-portfolio-details{display:inline-flex;margin-top:12px;color:#70e2ff!important;font-weight:800;font-size:13px}
#themeoff-spare-shiraz-page #themeoff-nuts-portfolio .to-slider-controls{display:flex;justify-content:center;gap:10px;margin-top:10px}.to-slider-btn{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;background:rgba(255,255,255,.06);font:inherit;font-size:20px;cursor:pointer;transition:transform .25s ease,background .25s ease}.to-slider-btn:hover{transform:translateY(-3px);background:rgba(89,216,255,.13)}
@media(max-width:1024px){#themeoff-spare-shiraz-page #themeoff-nuts-portfolio .to-portfolio-card{flex-basis:calc((100% - var(--to-portfolio-gap))/2)!important;width:calc((100% - var(--to-portfolio-gap))/2)!important}}
@media(max-width:767px){#themeoff-spare-shiraz-page #themeoff-nuts-portfolio .to-portfolio-track{--to-portfolio-gap:12px;padding-inline:0!important}#themeoff-spare-shiraz-page #themeoff-nuts-portfolio .to-portfolio-card{flex:0 0 100%!important;width:100%!important;padding:12px!important}#themeoff-spare-shiraz-page #themeoff-nuts-portfolio .to-portfolio-meta h3{min-height:auto}#themeoff-spare-shiraz-page #themeoff-nuts-portfolio .to-portfolio-view{opacity:1;transform:none}}

@media(max-width:767px){#themeoff-spare-shiraz-page .to-photo-hero-visual{min-height:430px}.to-photo-camera{width:96%;height:260px;right:2%;top:90px;transform:none!important}.to-camera-lens{width:140px;height:140px;right:40px;top:60px}.to-photo-floating-card{min-width:140px;padding:9px 10px}.to-photo-floating-card.card-one{left:2%;top:30px}.to-photo-floating-card.card-two{left:4%;bottom:16px}.to-photo-focus-ring{display:none}.to-photo-stage{min-height:590px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(5,17,27,.45);overflow:hidden}.to-photo-editor{width:95%;min-height:465px;top:47%;transform:translate(-50%,-50%)!important}.to-photo-editor-body{grid-template-columns:1fr;gap:8px;padding:9px}.to-photo-preview{height:220px}.to-photo-controls{grid-template-columns:repeat(2,1fr);gap:6px}.to-photo-control-card{padding:8px}.to-photo-status{margin:0 9px 9px;padding:9px}.to-photo-float{min-width:auto;padding:8px 9px}.to-photo-float small{display:none}.to-photo-float.portfolio{right:3%;top:2%}.to-photo-float.booking{left:3%;top:2%}.to-photo-float.seo{right:4%;bottom:2%}}

/* ===== Nuts Shiraz dedicated visual ===== */
#themeoff-spare-shiraz-page .to-nuts-hero{position:relative;min-height:540px;perspective:1400px}
#themeoff-spare-shiraz-page .to-nuts-bag{position:absolute;width:180px;height:235px;border:1px solid rgba(255,255,255,.12);border-radius:28px 28px 44px 44px;background:linear-gradient(160deg,#183e36,#0b2926);box-shadow:0 30px 70px rgba(0,0,0,.34);display:flex;align-items:flex-end;justify-content:center;padding:24px;color:#fff;font-weight:900;transform-style:preserve-3d}
#themeoff-spare-shiraz-page .to-nuts-bag:before{content:"";position:absolute;top:22px;left:50%;width:112px;height:112px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle,#d7a84a 0 15%,#9a6b28 16% 30%,#4a351f 31% 40%,transparent 41%),radial-gradient(circle at 25% 35%,#dcb561 0 8%,transparent 9%),radial-gradient(circle at 70% 65%,#c88a36 0 10%,transparent 11%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
#themeoff-spare-shiraz-page .to-nuts-bag i{position:absolute;top:12px;width:70%;height:12px;border-radius:99px;background:rgba(255,255,255,.1)}
#themeoff-spare-shiraz-page .to-nuts-bag.bag-a{right:14%;top:70px;transform:rotateY(-12deg) rotateZ(2deg)}
#themeoff-spare-shiraz-page .to-nuts-bag.bag-b{left:8%;top:145px;transform:rotateY(15deg) rotateZ(-4deg);background:linear-gradient(160deg,#3b2b1d,#20170f)}
#themeoff-spare-shiraz-page .to-nuts-bag.bag-c{right:34%;bottom:18px;transform:scale(.82) rotateY(-7deg);background:linear-gradient(160deg,#522633,#2b1420)}
#themeoff-spare-shiraz-page .to-nuts-store-card,#themeoff-spare-shiraz-page .to-nuts-order-card{position:absolute;padding:14px 17px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(10,31,45,.92);box-shadow:0 20px 44px rgba(0,0,0,.3);backdrop-filter:blur(12px)}
#themeoff-spare-shiraz-page .to-nuts-store-card{right:3%;top:22px}#themeoff-spare-shiraz-page .to-nuts-order-card{left:4%;bottom:28px}
#themeoff-spare-shiraz-page .to-nuts-store-card b,#themeoff-spare-shiraz-page .to-nuts-order-card b{display:block;color:#fff;font-size:13px}#themeoff-spare-shiraz-page .to-nuts-store-card small,#themeoff-spare-shiraz-page .to-nuts-order-card small{color:#9db6c7;font-size:10px}
#themeoff-spare-shiraz-page .to-nuts-stage{position:relative;min-height:650px;margin-top:35px;perspective:1600px;isolation:isolate}
#themeoff-spare-shiraz-page .to-nuts-glow{position:absolute;width:340px;height:340px;border-radius:50%;filter:blur(80px);opacity:.18}.to-nuts-glow.g1{right:5%;top:2%;background:#46efa4}.to-nuts-glow.g2{left:4%;bottom:4%;background:#59d8ff}
#themeoff-spare-shiraz-page .to-shop-dashboard{position:absolute;width:min(820px,82%);left:50%;top:50%;transform:translate(-50%,-50%) rotateX(4deg) rotateY(-5deg);border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(145deg,#112d42,#071b2a);box-shadow:0 42px 90px rgba(0,0,0,.45);overflow:hidden}
#themeoff-spare-shiraz-page .to-shop-topbar{height:48px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08);color:#dceaf2;font-size:11px}.to-shop-topbar .dots{display:flex;gap:5px}.to-shop-topbar .dots i{width:7px;height:7px;border-radius:50%;background:#637786}.to-shop-topbar strong{margin-inline:auto}.to-shop-topbar>span{color:#46efa4;border:1px solid rgba(70,239,164,.2);border-radius:999px;padding:5px 8px;font-size:9px}
#themeoff-spare-shiraz-page .to-shop-body{display:grid;grid-template-columns:1.35fr .75fr;gap:14px;padding:16px}.to-shop-products,.to-shop-cart{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(3,16,26,.58);padding:14px}.to-shop-head,.to-cart-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:12px}.to-shop-head b,.to-cart-head b{font-size:11px;color:#fff}.to-shop-head small,.to-cart-head span{font-size:8px;color:#829aa8}
#themeoff-spare-shiraz-page .to-shop-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.to-shop-product-grid article{padding:9px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.025);text-align:center}.to-shop-product-grid .nut{display:block;width:54px;height:54px;margin:0 auto 8px;border-radius:50%;background:radial-gradient(circle,#d0a25c 0 20%,#845924 21% 42%,#2e2519 43% 52%,transparent 53%),#142633}.to-shop-product-grid .almond{background:radial-gradient(ellipse,#be8a5c 0 35%,#724528 36% 50%,transparent 51%),#142633}.to-shop-product-grid .raisin{background:radial-gradient(circle,#6d3044 0 24%,#401d2b 25% 40%,transparent 41%),#142633}.to-shop-product-grid b{display:block;font-size:9px;color:#fff}.to-shop-product-grid small{display:block;font-size:7px;color:#879eaa;margin:3px 0}.to-shop-product-grid em{display:inline-block;font-style:normal;font-size:7px;color:#46efa4;background:rgba(70,239,164,.08);border-radius:999px;padding:4px 6px}
#themeoff-spare-shiraz-page .to-cart-line{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.to-cart-line i{width:8px;height:8px;border-radius:50%;background:#46efa4}.to-cart-line b{display:block;font-size:9px;color:#fff}.to-cart-line small{font-size:7px;color:#78909b}.to-cart-line em{font-style:normal;color:#46efa4}.to-cart-total{display:flex;justify-content:space-between;gap:8px;padding:13px 0;font-size:9px}.to-cart-total b{color:#fff}.to-shop-cart button{width:100%;height:35px;border:0;border-radius:10px;background:linear-gradient(120deg,#46efa4,#59d8ff);font-size:8px;font-weight:900;color:#05202b}
#themeoff-spare-shiraz-page .to-shop-status{margin:0 16px 16px;padding:12px 14px;display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(3,16,26,.58)}.to-shop-status>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#46efa4;color:#05202b;font-weight:900}.to-shop-status b{display:block;font-size:9px}.to-shop-status small{font-size:7px;color:#7d95a1}.to-shop-status em{font-style:normal;color:#46efa4;font-size:8px}
#themeoff-spare-shiraz-page .to-nuts-float{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(8,27,40,.92);box-shadow:0 18px 38px rgba(0,0,0,.28)}.to-nuts-float b{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(70,239,164,.12);color:#46efa4}.to-nuts-float span{font-size:10px;color:#fff}.to-nuts-float.product{right:1%;top:18%}.to-nuts-float.payment{left:1%;top:40%}.to-nuts-float.seo{right:5%;bottom:8%}
@media(max-width:767px){#themeoff-spare-shiraz-page .to-nuts-hero{min-height:430px}.to-nuts-bag{width:135px!important;height:175px!important}.to-nuts-bag.bag-a{right:14%;top:80px}.to-nuts-bag.bag-b{left:2%;top:140px}.to-nuts-bag.bag-c{right:32%;bottom:8px}.to-nuts-stage{min-height:560px!important}.to-shop-dashboard{width:96%!important;transform:translate(-50%,-50%)!important}.to-shop-body{grid-template-columns:1fr!important;padding:9px!important}.to-shop-products,.to-shop-cart{padding:9px!important}.to-shop-product-grid{gap:5px!important}.to-shop-product-grid .nut{width:38px!important;height:38px!important}.to-nuts-float{padding:7px 8px!important}.to-nuts-float span{font-size:8px!important}.to-nuts-float.product{right:2%;top:2%}.to-nuts-float.payment{left:2%;top:2%}.to-nuts-float.seo{right:3%;bottom:2%}}


/* =========================================================
   Nuts Shiraz v1.1 — Text Visibility Fix
   تمام متن‌های محتوایی بدون وابستگی به JS قابل مشاهده هستند
   ========================================================= */
#themeoff-spare-shiraz-page .to-reveal,
#themeoff-spare-shiraz-page .to-reveal.is-visible,
#themeoff-spare-shiraz-page .to-animated-section,
#themeoff-spare-shiraz-page .to-depth-item,
#themeoff-spare-shiraz-page .to-scroll-object,
#themeoff-spare-shiraz-page .to-centered,
#themeoff-spare-shiraz-page .to-content-copy,
#themeoff-spare-shiraz-page .to-card,
#themeoff-spare-shiraz-page .to-product-type-card,
#themeoff-spare-shiraz-page .to-woo-benefit-card,
#themeoff-spare-shiraz-page .to-essential-item,
#themeoff-spare-shiraz-page .to-process-item,
#themeoff-spare-shiraz-page .to-portfolio-card,
#themeoff-spare-shiraz-page .to-contact-box {
    opacity: 1 !important;
    visibility: visible !important;
}

#themeoff-spare-shiraz-page .to-reveal,
#themeoff-spare-shiraz-page .to-reveal.is-visible {
    transform: none !important;
    translate: none !important;
    filter: none !important;
    will-change: auto !important;
}

/* متن‌های اصلی و توضیحات همیشه خوانا باشند */
#themeoff-spare-shiraz-page .to-description,
#themeoff-spare-shiraz-page .to-card p,
#themeoff-spare-shiraz-page .to-product-type-card p,
#themeoff-spare-shiraz-page .to-woo-benefit-body p,
#themeoff-spare-shiraz-page .to-essential-item p,
#themeoff-spare-shiraz-page .to-process-item p,
#themeoff-spare-shiraz-page .to-portfolio-meta p,
#themeoff-spare-shiraz-page .to-local-link-box p,
#themeoff-spare-shiraz-page .to-contact-copy p {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #b9cce0 !important;
    -webkit-text-fill-color: #b9cce0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    max-height: none !important;
}

#themeoff-spare-shiraz-page .to-card h3,
#themeoff-spare-shiraz-page .to-product-type-card h3,
#themeoff-spare-shiraz-page .to-woo-benefit-body h3,
#themeoff-spare-shiraz-page .to-essential-item h4,
#themeoff-spare-shiraz-page .to-process-item h3,
#themeoff-spare-shiraz-page .to-portfolio-meta h3,
#themeoff-spare-shiraz-page .to-title,
#themeoff-spare-shiraz-page .to-hero-title {
    opacity: 1 !important;
    visibility: visible !important;
    color: #fff !important;
}

/* جلوگیری از بریده شدن متن کارت‌ها */
#themeoff-spare-shiraz-page .to-card,
#themeoff-spare-shiraz-page .to-product-type-card,
#themeoff-spare-shiraz-page .to-woo-benefit-card,
#themeoff-spare-shiraz-page .to-essential-item,
#themeoff-spare-shiraz-page .to-process-item {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

/* فقط FAQ جواب بسته می‌ماند تا رفتار آکاردئون حفظ شود */
#themeoff-spare-shiraz-page .to-faq-answer {
    visibility: visible !important;
    opacity: 1 !important;
}

/* سکشن‌های کلیدواژه فاصله و خوانایی مناسب */
#themeoff-spare-shiraz-page #themeoff-nuts-store-keyword .to-description,
#themeoff-spare-shiraz-page #themeoff-nuts-build-keyword .to-description,
#themeoff-spare-shiraz-page #themeoff-nuts-online-sales .to-description,
#themeoff-spare-shiraz-page #themeoff-nuts-seo .to-description {
    max-width: 920px !important;
    margin-inline: auto !important;
    line-height: 2.15 !important;
}

@media (max-width: 900px) {
    #themeoff-spare-shiraz-page .to-reveal,
    #themeoff-spare-shiraz-page .to-reveal.is-visible,
    #themeoff-spare-shiraz-page .to-card,
    #themeoff-spare-shiraz-page .to-product-type-card,
    #themeoff-spare-shiraz-page .to-woo-benefit-card,
    #themeoff-spare-shiraz-page .to-essential-item,
    #themeoff-spare-shiraz-page .to-process-item,
    #themeoff-spare-shiraz-page .to-portfolio-card {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        transition: none !important;
    }

    #themeoff-spare-shiraz-page .to-description,
    #themeoff-spare-shiraz-page .to-card p,
    #themeoff-spare-shiraz-page .to-product-type-card p,
    #themeoff-spare-shiraz-page .to-woo-benefit-body p,
    #themeoff-spare-shiraz-page .to-essential-item p,
    #themeoff-spare-shiraz-page .to-process-item p {
        font-size: 14px !important;
        line-height: 2 !important;
    }
}


/* متن‌ها همیشه قابل مشاهده؛ فقط FAQ مخفی/بازشو باقی می‌ماند */
#themeoff-spare-shiraz-page .to-reveal,
#themeoff-spare-shiraz-page .to-reveal.is-visible,
#themeoff-spare-shiraz-page .to-animated-section,
#themeoff-spare-shiraz-page .to-depth-item{
    opacity:1 !important;
    visibility:visible !important;
}
#themeoff-spare-shiraz-page .to-card p,
#themeoff-spare-shiraz-page .to-product-type-card p,
#themeoff-spare-shiraz-page .to-woo-benefit-card p,
#themeoff-spare-shiraz-page .to-process-item p,
#themeoff-spare-shiraz-page .to-description{
    max-height:none !important;
    overflow:visible !important;
    -webkit-line-clamp:unset !important;
}
#themeoff-spare-shiraz-page .to-section:not(.to-contact-section):not(.to-tourism-local-link)>.to-container{
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}
#themeoff-spare-shiraz-page .to-process-item>.to-card-icon,
#themeoff-spare-shiraz-page .to-woo-benefit-card>.to-card-icon,
#themeoff-spare-shiraz-page .to-essential-item>.to-card-icon{display:none !important;}

@media(max-width:767px){
    #themeoff-spare-shiraz-page .to-mobile-hero{min-height:430px}
    #themeoff-spare-shiraz-page .to-phone-device{width:145px;height:290px}
    #themeoff-spare-shiraz-page .phone-main{right:18%;top:75px}
    #themeoff-spare-shiraz-page .phone-side{left:1%;top:130px;width:120px;height:240px}
    #themeoff-spare-shiraz-page .to-mobile-price-card,
    #themeoff-spare-shiraz-page .to-mobile-stock-card{min-width:145px;padding:10px 11px}
    #themeoff-spare-shiraz-page .to-mobile-stage{min-height:560px}
    #themeoff-spare-shiraz-page .to-mobile-dashboard{width:96%;transform:translate(-50%,-50%) !important}
    #themeoff-spare-shiraz-page .to-mobile-body{grid-template-columns:1fr;padding:9px}
    #themeoff-spare-shiraz-page .to-mobile-products,
    #themeoff-spare-shiraz-page .to-mobile-compare{padding:9px}
    #themeoff-spare-shiraz-page .to-mobile-product-grid{gap:5px}
    #themeoff-spare-shiraz-page .mini-phone{width:36px;height:62px}
    #themeoff-spare-shiraz-page .to-mobile-float{padding:7px 8px}
    #themeoff-spare-shiraz-page .to-mobile-float span{font-size:8px}
    #themeoff-spare-shiraz-page .to-mobile-float.product{right:2%;top:2%}
    #themeoff-spare-shiraz-page .to-mobile-float.compare{left:2%;top:2%}
    #themeoff-spare-shiraz-page .to-mobile-float.seo{right:3%;bottom:2%}
}

#themeoff-spare-shiraz-page .to-mobile-hero{display:none!important}
#themeoff-spare-shiraz-page .to-reveal,#themeoff-spare-shiraz-page .to-reveal.is-visible,#themeoff-spare-shiraz-page .to-animated-section,#themeoff-spare-shiraz-page .to-depth-item{opacity:1!important;visibility:visible!important}
#themeoff-spare-shiraz-page .to-description,#themeoff-spare-shiraz-page .to-card p,#themeoff-spare-shiraz-page .to-product-type-card p,#themeoff-spare-shiraz-page .to-woo-benefit-card p,#themeoff-spare-shiraz-page .to-process-item p{max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important}
#themeoff-spare-shiraz-page .to-section:not(.to-contact-section):not(.to-tourism-local-link)>.to-container{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}


/* =========================================================
   Cheap Web Design Shiraz — dedicated hero & budget motion
   ========================================================= */
#themeoff-spare-shiraz-page .to-cheap-hero-visual{
    position:relative;
    min-height:540px;
    perspective:1500px;
    transform-style:preserve-3d;
}
#themeoff-spare-shiraz-page .to-price-dashboard{
    position:absolute;
    width:min(500px,92%);
    right:3%;
    top:92px;
    z-index:4;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.12);
    border-radius:28px;
    background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),#0a2137;
    box-shadow:0 36px 80px rgba(0,0,0,.42);
    transform:rotateY(-8deg) rotateX(4deg);
}
#themeoff-spare-shiraz-page .to-price-dashboard-head,
#themeoff-spare-shiraz-page .to-budget-engine-head{
    min-height:48px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:0 15px;
    border-bottom:1px solid rgba(255,255,255,.07);
}
#themeoff-spare-shiraz-page .to-price-dashboard-head strong,
#themeoff-spare-shiraz-page .to-budget-engine-head strong{
    margin-inline:auto;
    color:#eaf6ff;
    font-size:11px;
}
#themeoff-spare-shiraz-page .to-price-dashboard-head>span,
#themeoff-spare-shiraz-page .to-budget-engine-head>span{
    padding:5px 8px;
    border:1px solid rgba(79,241,171,.18);
    border-radius:999px;
    color:#4ff1ab;
    background:rgba(79,241,171,.07);
    font-size:8px;
    font-weight:900;
}
#themeoff-spare-shiraz-page .to-price-dots{display:flex;gap:5px}
#themeoff-spare-shiraz-page .to-price-dots i{
    width:7px;height:7px;border-radius:50%;background:#61778b
}
#themeoff-spare-shiraz-page .to-price-dashboard-body{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
    padding:15px;
}
#themeoff-spare-shiraz-page .to-price-plan-card,
#themeoff-spare-shiraz-page .to-price-meter-card{
    padding:15px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    background:rgba(255,255,255,.035);
}
#themeoff-spare-shiraz-page .to-price-plan-card.active{
    border-color:rgba(79,241,171,.23);
    background:linear-gradient(145deg,rgba(79,241,171,.09),rgba(100,221,255,.04));
}
#themeoff-spare-shiraz-page .to-price-plan-card small,
#themeoff-spare-shiraz-page .to-price-meter-card span{
    color:#8fa8bb;font-size:9px
}
#themeoff-spare-shiraz-page .to-price-plan-card b{
    display:block;margin:5px 0 10px;color:#fff;font-size:15px
}
#themeoff-spare-shiraz-page .to-price-plan-card ul{
    margin:0;padding:0;list-style:none
}
#themeoff-spare-shiraz-page .to-price-plan-card li{
    position:relative;
    margin:5px 0;
    padding-right:13px;
    color:#b9cce0!important;
    font-size:9px;
}
#themeoff-spare-shiraz-page .to-price-plan-card li:before{
    content:"";position:absolute;right:0;top:7px;width:5px;height:5px;border-radius:50%;background:#4ff1ab
}
#themeoff-spare-shiraz-page .to-price-meter-card{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:10px;
    align-items:center;
}
#themeoff-spare-shiraz-page .to-price-meter{
    height:9px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.07)
}
#themeoff-spare-shiraz-page .to-price-meter i{
    display:block;width:62%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4ff1ab,#64ddff)
}
#themeoff-spare-shiraz-page .to-price-meter-card b{
    color:#4ff1ab;font-size:9px
}
#themeoff-spare-shiraz-page .to-budget-badge{
    position:absolute;
    z-index:6;
    display:flex;
    align-items:center;
    gap:9px;
    padding:10px 12px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:15px;
    background:rgba(8,26,42,.9);
    box-shadow:0 18px 38px rgba(0,0,0,.28);
}
#themeoff-spare-shiraz-page .to-budget-badge b,
#themeoff-spare-shiraz-page .to-budget-floating b{
    width:30px;height:30px;display:grid;place-items:center;border-radius:10px;
    color:#05131d;background:linear-gradient(135deg,#4ff1ab,#64ddff);font-size:10px
}
#themeoff-spare-shiraz-page .to-budget-badge span,
#themeoff-spare-shiraz-page .to-budget-floating span{
    color:#e7f3fa;font-size:9px;font-weight:800
}
#themeoff-spare-shiraz-page .badge-one{left:0;top:58px}
#themeoff-spare-shiraz-page .badge-two{left:4%;bottom:88px}
#themeoff-spare-shiraz-page .badge-three{right:6%;bottom:18px}
#themeoff-spare-shiraz-page .to-budget-orbit{
    position:absolute;
    left:50%;
    top:48%;
    border:1px solid rgba(100,221,255,.12);
    border-radius:50%;
    pointer-events:none;
}
#themeoff-spare-shiraz-page .orbit-one{
    width:560px;height:210px;margin-left:-280px;transform:rotateX(67deg)
}
#themeoff-spare-shiraz-page .orbit-two{
    width:430px;height:310px;margin-left:-215px;transform:rotateY(67deg)
}

#themeoff-spare-shiraz-page .to-budget-stage{
    position:relative;
    min-height:650px;
    margin-top:34px;
    perspective:1600px;
    isolation:isolate;
}
#themeoff-spare-shiraz-page .to-budget-glow{
    position:absolute;width:320px;height:320px;border-radius:50%;filter:blur(78px);opacity:.15
}
#themeoff-spare-shiraz-page .to-budget-glow.glow-a{right:7%;top:9%;background:#4ff1ab}
#themeoff-spare-shiraz-page .to-budget-glow.glow-b{left:8%;bottom:7%;background:#64ddff}
#themeoff-spare-shiraz-page .to-budget-engine{
    position:absolute;
    width:min(850px,84%);
    left:50%;top:50%;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.12);
    border-radius:28px;
    background:linear-gradient(145deg,#102b43,#071a2b);
    box-shadow:0 44px 90px rgba(0,0,0,.45);
    transform:translate(-50%,-50%) rotateX(4deg) rotateY(-4deg);
}
#themeoff-spare-shiraz-page .to-budget-engine-grid{
    display:grid;
    grid-template-columns:1.35fr .75fr;
    gap:12px;
    padding:14px;
}
#themeoff-spare-shiraz-page .to-budget-selector,
#themeoff-spare-shiraz-page .to-budget-result{
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    background:rgba(3,15,25,.52);
}
#themeoff-spare-shiraz-page .to-budget-selector{padding:12px}
#themeoff-spare-shiraz-page .to-budget-selector-title{
    display:flex;justify-content:space-between;gap:10px;margin-bottom:9px
}
#themeoff-spare-shiraz-page .to-budget-selector-title b{font-size:10px;color:#fff}
#themeoff-spare-shiraz-page .to-budget-selector-title small{font-size:8px;color:#8098aa}
#themeoff-spare-shiraz-page .to-budget-option{
    display:grid;
    grid-template-columns:34px 1fr auto;
    gap:9px;
    align-items:center;
    padding:9px 0;
    border-bottom:1px solid rgba(255,255,255,.055);
}
#themeoff-spare-shiraz-page .to-budget-option:last-child{border-bottom:0}
#themeoff-spare-shiraz-page .to-budget-check{
    width:34px;height:34px;display:grid;place-items:center;border-radius:11px;
    color:#05131d;background:linear-gradient(135deg,#4ff1ab,#64ddff);font-weight:900
}
#themeoff-spare-shiraz-page .to-budget-option.is-off .to-budget-check{
    color:#b9cce0;background:rgba(255,255,255,.06)
}
#themeoff-spare-shiraz-page .to-budget-option b{display:block;color:#fff;font-size:9px}
#themeoff-spare-shiraz-page .to-budget-option small{display:block;margin-top:3px;color:#8198a3;font-size:8px}
#themeoff-spare-shiraz-page .to-budget-option em{font-style:normal;color:#4ff1ab;font-size:8px}
#themeoff-spare-shiraz-page .to-budget-option.is-off em{color:#8198a3}
#themeoff-spare-shiraz-page .to-budget-result{
    padding:14px;
    text-align:center;
}
#themeoff-spare-shiraz-page .to-budget-result-icon{
    width:54px;height:54px;display:grid;place-items:center;margin:0 auto 10px;border-radius:16px;
    color:#05131d;background:linear-gradient(135deg,#4ff1ab,#64ddff);font-size:20px;font-weight:900
}
#themeoff-spare-shiraz-page .to-budget-result h3{margin:0 0 7px!important;font-size:12px!important}
#themeoff-spare-shiraz-page .to-budget-result p{margin:0 0 10px!important;font-size:8px;line-height:1.8}
#themeoff-spare-shiraz-page .to-result-line{
    display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.055);font-size:8px
}
#themeoff-spare-shiraz-page .to-result-line span{color:#8198a3}
#themeoff-spare-shiraz-page .to-result-line b{color:#dceaf0}
#themeoff-spare-shiraz-page .to-result-meter{
    height:8px;margin:12px 0;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden
}
#themeoff-spare-shiraz-page .to-result-meter i{
    display:block;width:64%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4ff1ab,#64ddff)
}
#themeoff-spare-shiraz-page .to-budget-result button{
    width:100%;height:34px;border:0;border-radius:10px;color:#05131d;
    background:linear-gradient(135deg,#4ff1ab,#64ddff);font-size:9px;font-weight:900
}
#themeoff-spare-shiraz-page .to-budget-timeline{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:8px;
    padding:0 14px 14px;
}
#themeoff-spare-shiraz-page .to-budget-timeline article{
    display:flex;align-items:center;gap:7px;padding:9px;border:1px solid rgba(255,255,255,.07);
    border-radius:12px;background:rgba(255,255,255,.025)
}
#themeoff-spare-shiraz-page .to-budget-timeline span{
    width:25px;height:25px;display:grid;place-items:center;border-radius:8px;color:#05131d;background:#4ff1ab;font-size:8px;font-weight:900
}
#themeoff-spare-shiraz-page .to-budget-timeline b{font-size:8px;color:#dceaf0}
#themeoff-spare-shiraz-page .to-budget-floating{
    position:absolute;
    z-index:6;
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 12px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:15px;
    background:rgba(8,26,42,.9);
    box-shadow:0 18px 38px rgba(0,0,0,.28);
}
#themeoff-spare-shiraz-page .float-one{right:1%;top:17%}
#themeoff-spare-shiraz-page .float-two{left:1%;top:43%}
#themeoff-spare-shiraz-page .float-three{right:5%;bottom:8%}

/* all primary content visible immediately */
#themeoff-spare-shiraz-page .to-reveal,
#themeoff-spare-shiraz-page .to-reveal.is-visible,
#themeoff-spare-shiraz-page .to-animated-section,
#themeoff-spare-shiraz-page .to-depth-item{
    opacity:1!important;
    visibility:visible!important;
}
#themeoff-spare-shiraz-page .to-description,
#themeoff-spare-shiraz-page .to-card p,
#themeoff-spare-shiraz-page .to-product-type-card p,
#themeoff-spare-shiraz-page .to-woo-benefit-card p,
#themeoff-spare-shiraz-page .to-process-item p{
    max-height:none!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
}
#themeoff-spare-shiraz-page .to-section:not(.to-contact-section):not(.to-tourism-local-link)>.to-container{
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

@media(max-width:767px){
    #themeoff-spare-shiraz-page .to-cheap-hero-visual{min-height:430px}
    #themeoff-spare-shiraz-page .to-price-dashboard{
        width:94%;right:3%;top:80px;transform:rotateX(2deg)
    }
    #themeoff-spare-shiraz-page .to-budget-badge{
        padding:7px 8px
    }
    #themeoff-spare-shiraz-page .to-budget-badge span,
    #themeoff-spare-shiraz-page .to-budget-floating span{font-size:7px}
    #themeoff-spare-shiraz-page .badge-one{left:0;top:28px}
    #themeoff-spare-shiraz-page .badge-two{left:0;bottom:22px}
    #themeoff-spare-shiraz-page .badge-three{right:0;bottom:12px}
    #themeoff-spare-shiraz-page .to-budget-orbit{display:none}
    #themeoff-spare-shiraz-page .to-budget-stage{min-height:590px}
    #themeoff-spare-shiraz-page .to-budget-engine{
        width:96%;transform:translate(-50%,-50%)!important
    }
    #themeoff-spare-shiraz-page .to-budget-engine-grid{
        grid-template-columns:1fr;padding:9px
    }
    #themeoff-spare-shiraz-page .to-budget-timeline{
        grid-template-columns:repeat(2,1fr);padding:0 9px 9px
    }
    #themeoff-spare-shiraz-page .to-budget-floating{padding:7px 8px}
    #themeoff-spare-shiraz-page .float-one{right:1%;top:1%}
    #themeoff-spare-shiraz-page .float-two{left:1%;top:1%}
    #themeoff-spare-shiraz-page .float-three{right:2%;bottom:1%}
}


/* =========================================================
   Classified Ads Shiraz — dedicated hero & motion
   ========================================================= */
#themeoff-spare-shiraz-page .to-ads-hero{
    position:relative;
    min-height:540px;
    perspective:1500px;
}
#themeoff-spare-shiraz-page .to-ad-phone{
    position:absolute;
    width:320px;
    min-height:440px;
    right:13%;
    top:45px;
    padding:16px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:30px;
    background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025)),#0b2136;
    box-shadow:0 38px 80px rgba(0,0,0,.42);
    transform:rotateY(-8deg) rotateZ(2deg);
}
#themeoff-spare-shiraz-page .to-ad-phone-top{
    display:grid;
    grid-template-columns:28px 1fr auto;
    gap:8px;
    align-items:center;
    margin-bottom:16px;
}
#themeoff-spare-shiraz-page .to-ad-phone-top i{
    width:28px;height:28px;border-radius:10px;background:linear-gradient(135deg,#4ff1ab,#64ddff)
}
#themeoff-spare-shiraz-page .to-ad-phone-top b{font-size:13px;color:#fff}
#themeoff-spare-shiraz-page .to-ad-phone-top span{font-size:8px;color:#8fa6b8}
#themeoff-spare-shiraz-page .to-ad-form-line,
#themeoff-spare-shiraz-page .to-ad-category,
#themeoff-spare-shiraz-page .to-ad-location{
    padding:12px;
    margin-bottom:10px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:14px;
    background:rgba(255,255,255,.035);
}
#themeoff-spare-shiraz-page .to-ad-form-line span,
#themeoff-spare-shiraz-page .to-ad-category span,
#themeoff-spare-shiraz-page .to-ad-location span{
    display:block;color:#8fa6b8;font-size:8px;margin-bottom:5px
}
#themeoff-spare-shiraz-page .to-ad-form-line b,
#themeoff-spare-shiraz-page .to-ad-category b,
#themeoff-spare-shiraz-page .to-ad-location b{font-size:10px;color:#eaf5fb}
#themeoff-spare-shiraz-page .to-ad-upload{
    min-height:85px;
    display:grid;
    place-items:center;
    align-content:center;
    gap:6px;
    margin-bottom:10px;
    border:1px dashed rgba(100,221,255,.28);
    border-radius:14px;
    background:rgba(100,221,255,.035);
}
#themeoff-spare-shiraz-page .to-ad-upload i{
    width:30px;height:30px;display:grid;place-items:center;border-radius:10px;
    color:#04131d;background:linear-gradient(135deg,#4ff1ab,#64ddff);font-style:normal;font-weight:900
}
#themeoff-spare-shiraz-page .to-ad-upload span{font-size:8px;color:#b7cad9}
#themeoff-spare-shiraz-page .to-ad-submit{
    min-height:42px;display:grid;place-items:center;border-radius:13px;
    color:#04131d;background:linear-gradient(135deg,#4ff1ab,#64ddff);font-size:10px;font-weight:900
}
#themeoff-spare-shiraz-page .to-ad-floating-card{
    position:absolute;z-index:5;min-width:140px;padding:12px 14px;
    border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(8,26,42,.9);
    box-shadow:0 20px 42px rgba(0,0,0,.28)
}
#themeoff-spare-shiraz-page .to-ad-floating-card b{display:block;color:#fff;font-size:16px}
#themeoff-spare-shiraz-page .to-ad-floating-card span{display:block;margin-top:3px;color:#90a8bb;font-size:8px}
#themeoff-spare-shiraz-page .card-a{left:2%;top:80px}
#themeoff-spare-shiraz-page .card-b{left:8%;bottom:120px}
#themeoff-spare-shiraz-page .card-c{right:2%;bottom:35px}

#themeoff-spare-shiraz-page .to-ads-stage{
    position:relative;min-height:650px;margin-top:34px;perspective:1600px;isolation:isolate
}
#themeoff-spare-shiraz-page .to-ads-glow{
    position:absolute;width:320px;height:320px;border-radius:50%;filter:blur(78px);opacity:.15
}
#themeoff-spare-shiraz-page .to-ads-glow.glow-a{right:8%;top:10%;background:#4ff1ab}
#themeoff-spare-shiraz-page .to-ads-glow.glow-b{left:8%;bottom:8%;background:#64ddff}
#themeoff-spare-shiraz-page .to-ads-dashboard{
    position:absolute;width:min(850px,84%);left:50%;top:50%;
    overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:28px;
    background:linear-gradient(145deg,#102b43,#071a2b);box-shadow:0 44px 90px rgba(0,0,0,.45);
    transform:translate(-50%,-50%) rotateX(4deg) rotateY(-4deg)
}
#themeoff-spare-shiraz-page .to-ads-topbar{
    min-height:48px;display:flex;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.07)
}
#themeoff-spare-shiraz-page .to-ads-topbar strong{margin-inline:auto;color:#eaf6ff;font-size:11px}
#themeoff-spare-shiraz-page .to-ads-topbar>span{
    padding:5px 8px;border:1px solid rgba(79,241,171,.18);border-radius:999px;
    color:#4ff1ab;background:rgba(79,241,171,.07);font-size:8px;font-weight:900
}
#themeoff-spare-shiraz-page .to-ads-topbar .dots{display:flex;gap:5px}
#themeoff-spare-shiraz-page .to-ads-topbar .dots i{width:7px;height:7px;border-radius:50%;background:#61778b}
#themeoff-spare-shiraz-page .to-ads-body{
    display:grid;grid-template-columns:1.35fr .75fr;gap:12px;padding:14px
}
#themeoff-spare-shiraz-page .to-ads-flow,
#themeoff-spare-shiraz-page .to-ads-preview,
#themeoff-spare-shiraz-page .to-ads-status{
    border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(3,15,25,.52)
}
#themeoff-spare-shiraz-page .to-ads-flow{padding:12px;display:grid;gap:7px}
#themeoff-spare-shiraz-page .to-ads-flow article{
    display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;
    padding:9px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.02)
}
#themeoff-spare-shiraz-page .to-ads-flow article>span{
    width:34px;height:34px;display:grid;place-items:center;border-radius:11px;
    color:#b9cce0;background:rgba(255,255,255,.06);font-size:9px;font-weight:900
}
#themeoff-spare-shiraz-page .to-ads-flow article.is-active>span{
    color:#05131d;background:linear-gradient(135deg,#4ff1ab,#64ddff)
}
#themeoff-spare-shiraz-page .to-ads-flow b{display:block;color:#fff;font-size:9px}
#themeoff-spare-shiraz-page .to-ads-flow small{display:block;margin-top:3px;color:#8198a3;font-size:8px}
#themeoff-spare-shiraz-page .to-ads-flow em{font-style:normal;color:#8198a3;font-size:8px}
#themeoff-spare-shiraz-page .to-ads-flow .is-active em{color:#4ff1ab}
#themeoff-spare-shiraz-page .to-ads-preview{padding:12px}
#themeoff-spare-shiraz-page .preview-image{
    display:block;width:100%;aspect-ratio:1.4/1;margin-bottom:10px;border-radius:12px;
    background:linear-gradient(145deg,#1d4e68,#0f2031)
}
#themeoff-spare-shiraz-page .to-ads-preview h3{font-size:11px!important;margin:0 0 6px!important}
#themeoff-spare-shiraz-page .to-ads-preview p{font-size:8px;line-height:1.8;margin:0 0 8px!important}
#themeoff-spare-shiraz-page .preview-meta{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#839aad}
#themeoff-spare-shiraz-page .to-ads-preview button{
    width:100%;height:34px;margin-top:10px;border:0;border-radius:10px;color:#05131d;
    background:linear-gradient(135deg,#4ff1ab,#64ddff);font-size:9px;font-weight:900
}
#themeoff-spare-shiraz-page .to-ads-status{
    margin:0 14px 14px;padding:11px 13px;display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center
}
#themeoff-spare-shiraz-page .to-ads-status>span{
    width:30px;height:30px;display:grid;place-items:center;border-radius:50%;
    color:#05131d;background:#4ff1ab;font-weight:900
}
#themeoff-spare-shiraz-page .to-ads-status b{display:block;font-size:10px}
#themeoff-spare-shiraz-page .to-ads-status small{display:block;color:#7f96a2;font-size:8px;margin-top:2px}
#themeoff-spare-shiraz-page .to-ads-status em{font-style:normal;color:#4ff1ab;font-size:8px}
#themeoff-spare-shiraz-page .to-ads-float{
    position:absolute;z-index:6;display:flex;align-items:center;gap:8px;padding:10px 12px;
    border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(8,26,42,.9);
    box-shadow:0 18px 38px rgba(0,0,0,.28)
}
#themeoff-spare-shiraz-page .to-ads-float b{
    width:30px;height:30px;display:grid;place-items:center;border-radius:10px;
    color:#05131d;background:linear-gradient(135deg,#4ff1ab,#64ddff)
}
#themeoff-spare-shiraz-page .to-ads-float span{font-size:9px;color:#e5f1f5}
#themeoff-spare-shiraz-page .to-ads-float.f1{right:1%;top:17%}
#themeoff-spare-shiraz-page .to-ads-float.f2{left:1%;top:43%}
#themeoff-spare-shiraz-page .to-ads-float.f3{right:5%;bottom:8%}

/* all main text visible immediately */
#themeoff-spare-shiraz-page .to-reveal,
#themeoff-spare-shiraz-page .to-reveal.is-visible,
#themeoff-spare-shiraz-page .to-animated-section,
#themeoff-spare-shiraz-page .to-depth-item{
    opacity:1!important;visibility:visible!important
}
#themeoff-spare-shiraz-page .to-description,
#themeoff-spare-shiraz-page .to-card p,
#themeoff-spare-shiraz-page .to-product-type-card p,
#themeoff-spare-shiraz-page .to-woo-benefit-card p,
#themeoff-spare-shiraz-page .to-process-item p{
    max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important
}
#themeoff-spare-shiraz-page .to-section:not(.to-contact-section):not(.to-tourism-local-link)>.to-container{
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
}

@media(max-width:767px){
    #themeoff-spare-shiraz-page .to-ads-hero{min-height:450px}
    #themeoff-spare-shiraz-page .to-ad-phone{
        width:260px;right:8%;top:78px;padding:12px;transform:rotateX(2deg)
    }
    #themeoff-spare-shiraz-page .to-ad-floating-card{min-width:110px;padding:8px 9px}
    #themeoff-spare-shiraz-page .card-a{left:0;top:28px}
    #themeoff-spare-shiraz-page .card-b{left:0;bottom:35px}
    #themeoff-spare-shiraz-page .card-c{right:0;bottom:10px}
    #themeoff-spare-shiraz-page .to-ads-stage{min-height:590px}
    #themeoff-spare-shiraz-page .to-ads-dashboard{width:96%;transform:translate(-50%,-50%)!important}
    #themeoff-spare-shiraz-page .to-ads-body{grid-template-columns:1fr;padding:9px}
    #themeoff-spare-shiraz-page .to-ads-flow{padding:9px}
    #themeoff-spare-shiraz-page .to-ads-float{padding:7px 8px}
    #themeoff-spare-shiraz-page .to-ads-float span{font-size:7px}
    #themeoff-spare-shiraz-page .to-ads-float.f1{right:1%;top:1%}
    #themeoff-spare-shiraz-page .to-ads-float.f2{left:1%;top:1%}
    #themeoff-spare-shiraz-page .to-ads-float.f3{right:2%;bottom:1%}
}


/* =========================================================
   Flower Shop Shiraz — dedicated hero & motion
   ========================================================= */
#themeoff-spare-shiraz-page .to-flower-hero{
    position:relative;min-height:540px;perspective:1500px;
}
#themeoff-spare-shiraz-page .to-bouquet-main{
    position:absolute;width:340px;height:390px;right:12%;top:65px;
    transform:rotate(-5deg);filter:drop-shadow(0 35px 45px rgba(0,0,0,.35))
}
#themeoff-spare-shiraz-page .to-bouquet-main .stem{
    position:absolute;width:8px;height:230px;bottom:45px;left:50%;border-radius:8px;background:linear-gradient(#59a66f,#245b3b);transform-origin:bottom
}
#themeoff-spare-shiraz-page .to-bouquet-main .s1{transform:translateX(-50%) rotate(-18deg)}
#themeoff-spare-shiraz-page .to-bouquet-main .s2{transform:translateX(-50%) rotate(2deg)}
#themeoff-spare-shiraz-page .to-bouquet-main .s3{transform:translateX(-50%) rotate(19deg)}
#themeoff-spare-shiraz-page .to-bouquet-main .flower{
    position:absolute;width:105px;height:105px;border-radius:50% 45% 52% 48%;
    box-shadow:inset 0 0 0 18px rgba(255,255,255,.08),0 18px 36px rgba(0,0,0,.18)
}
#themeoff-spare-shiraz-page .to-bouquet-main .f1{top:35px;left:64px;background:radial-gradient(circle at 40% 36%,#ffd3de,#f48baa 58%,#bf4f79 100%)}
#themeoff-spare-shiraz-page .to-bouquet-main .f2{top:0;left:138px;background:radial-gradient(circle at 45% 40%,#fff1cc,#ffc37f 55%,#db7e56 100%)}
#themeoff-spare-shiraz-page .to-bouquet-main .f3{top:52px;right:22px;background:radial-gradient(circle at 40% 34%,#e8d7ff,#ae8cff 58%,#7657c8 100%)}
#themeoff-spare-shiraz-page .to-bouquet-main .leaf{
    position:absolute;width:70px;height:38px;border-radius:70% 20% 70% 20%;background:linear-gradient(145deg,#67c486,#2b6d47)
}
#themeoff-spare-shiraz-page .to-bouquet-main .l1{left:62px;top:178px;transform:rotate(-30deg)}
#themeoff-spare-shiraz-page .to-bouquet-main .l2{right:42px;top:190px;transform:rotate(35deg)}
#themeoff-spare-shiraz-page .to-bouquet-main .wrap{
    position:absolute;width:165px;height:135px;left:88px;bottom:5px;
    clip-path:polygon(8% 0,92% 0,72% 100%,28% 100%);
    background:linear-gradient(145deg,#e9c6b0,#b6846f);opacity:.95
}
#themeoff-spare-shiraz-page .to-order-card{
    position:absolute;left:1%;top:80px;z-index:5;min-width:220px;
    display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:center;
    padding:13px;border:1px solid rgba(255,255,255,.11);border-radius:18px;
    background:rgba(8,26,42,.91);box-shadow:0 20px 42px rgba(0,0,0,.28)
}
#themeoff-spare-shiraz-page .mini-bouquet{
    width:56px;height:56px;border-radius:16px;
    background:radial-gradient(circle at 38% 36%,#ffc4d5,#f07aa1 52%,#6e3852 100%)
}
#themeoff-spare-shiraz-page .to-order-card b{display:block;color:#fff;font-size:11px}
#themeoff-spare-shiraz-page .to-order-card small{display:block;margin-top:4px;color:#91a9bc;font-size:8px}
#themeoff-spare-shiraz-page .to-order-card em{
    grid-column:1/-1;display:inline-flex;width:max-content;padding:5px 8px;border-radius:999px;
    color:#4ff1ab;background:rgba(79,241,171,.08);font-size:8px;font-style:normal;font-weight:900
}
#themeoff-spare-shiraz-page .to-flower-chip,
#themeoff-spare-shiraz-page .to-flower-float{
    position:absolute;z-index:6;display:flex;align-items:center;gap:8px;padding:10px 12px;
    border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(8,26,42,.9);
    box-shadow:0 18px 38px rgba(0,0,0,.28)
}
#themeoff-spare-shiraz-page .to-flower-chip b,
#themeoff-spare-shiraz-page .to-flower-float b{
    width:30px;height:30px;display:grid;place-items:center;border-radius:10px;
    color:#05131d;background:linear-gradient(135deg,#4ff1ab,#64ddff)
}
#themeoff-spare-shiraz-page .to-flower-chip span,
#themeoff-spare-shiraz-page .to-flower-float span{font-size:9px;color:#e5f1f5}
#themeoff-spare-shiraz-page .chip-a{left:2%;bottom:140px}
#themeoff-spare-shiraz-page .chip-b{right:3%;bottom:70px}
#themeoff-spare-shiraz-page .chip-c{left:12%;bottom:30px}

#themeoff-spare-shiraz-page .to-flower-stage{
    position:relative;min-height:650px;margin-top:34px;perspective:1600px;isolation:isolate
}
#themeoff-spare-shiraz-page .to-flower-glow{
    position:absolute;width:320px;height:320px;border-radius:50%;filter:blur(78px);opacity:.14
}
#themeoff-spare-shiraz-page .to-flower-glow.g1{right:8%;top:10%;background:#f48baa}
#themeoff-spare-shiraz-page .to-flower-glow.g2{left:8%;bottom:8%;background:#64ddff}
#themeoff-spare-shiraz-page .to-flower-dashboard{
    position:absolute;width:min(850px,84%);left:50%;top:50%;
    overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:28px;
    background:linear-gradient(145deg,#102b43,#071a2b);box-shadow:0 44px 90px rgba(0,0,0,.45);
    transform:translate(-50%,-50%) rotateX(4deg) rotateY(-4deg)
}
#themeoff-spare-shiraz-page .to-flower-topbar{
    min-height:48px;display:flex;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.07)
}
#themeoff-spare-shiraz-page .to-flower-topbar strong{margin-inline:auto;color:#eaf6ff;font-size:11px}
#themeoff-spare-shiraz-page .to-flower-topbar>span{
    padding:5px 8px;border:1px solid rgba(79,241,171,.18);border-radius:999px;
    color:#4ff1ab;background:rgba(79,241,171,.07);font-size:8px;font-weight:900
}
#themeoff-spare-shiraz-page .to-flower-topbar .dots{display:flex;gap:5px}
#themeoff-spare-shiraz-page .to-flower-topbar .dots i{width:7px;height:7px;border-radius:50%;background:#61778b}
#themeoff-spare-shiraz-page .to-flower-body{
    display:grid;grid-template-columns:1.35fr .75fr;gap:12px;padding:14px
}
#themeoff-spare-shiraz-page .to-flower-flow,
#themeoff-spare-shiraz-page .to-flower-preview,
#themeoff-spare-shiraz-page .to-flower-status{
    border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(3,15,25,.52)
}
#themeoff-spare-shiraz-page .to-flower-flow{padding:12px;display:grid;gap:7px}
#themeoff-spare-shiraz-page .to-flower-flow article{
    display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;
    padding:9px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.02)
}
#themeoff-spare-shiraz-page .to-flower-flow article>span{
    width:34px;height:34px;display:grid;place-items:center;border-radius:11px;
    color:#b9cce0;background:rgba(255,255,255,.06);font-size:9px;font-weight:900
}
#themeoff-spare-shiraz-page .to-flower-flow article.is-active>span{
    color:#05131d;background:linear-gradient(135deg,#4ff1ab,#64ddff)
}
#themeoff-spare-shiraz-page .to-flower-flow b{display:block;color:#fff;font-size:9px}
#themeoff-spare-shiraz-page .to-flower-flow small{display:block;margin-top:3px;color:#8198a3;font-size:8px}
#themeoff-spare-shiraz-page .to-flower-flow em{font-style:normal;color:#8198a3;font-size:8px}
#themeoff-spare-shiraz-page .to-flower-flow .is-active em{color:#4ff1ab}
#themeoff-spare-shiraz-page .to-flower-preview{padding:12px}
#themeoff-spare-shiraz-page .flower-preview-art{
    position:relative;display:block;width:100%;aspect-ratio:1.4/1;margin-bottom:10px;border-radius:12px;
    background:linear-gradient(145deg,#173a3e,#0c2030);overflow:hidden
}
#themeoff-spare-shiraz-page .flower-preview-art i{
    position:absolute;width:62px;height:62px;border-radius:50%;
    background:radial-gradient(circle at 40% 35%,#ffd3de,#f48baa 58%,#b94d76 100%)
}
#themeoff-spare-shiraz-page .flower-preview-art i:nth-child(1){left:20%;top:18%}
#themeoff-spare-shiraz-page .flower-preview-art i:nth-child(2){left:42%;top:10%;background:radial-gradient(circle at 40% 35%,#ffe9b7,#f0b86f 58%,#b36f42 100%)}
#themeoff-spare-shiraz-page .flower-preview-art i:nth-child(3){right:12%;top:26%;background:radial-gradient(circle at 40% 35%,#e4d6ff,#a88df0 58%,#7454c1 100%)}
#themeoff-spare-shiraz-page .to-flower-preview h3{font-size:11px!important;margin:0 0 6px!important}
#themeoff-spare-shiraz-page .to-flower-preview p{font-size:8px;line-height:1.8;margin:0 0 8px!important}
#themeoff-spare-shiraz-page .preview-meta{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#839aad}
#themeoff-spare-shiraz-page .to-flower-preview button{
    width:100%;height:34px;margin-top:10px;border:0;border-radius:10px;color:#05131d;
    background:linear-gradient(135deg,#4ff1ab,#64ddff);font-size:9px;font-weight:900
}
#themeoff-spare-shiraz-page .to-flower-status{
    margin:0 14px 14px;padding:11px 13px;display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center
}
#themeoff-spare-shiraz-page .to-flower-status>span{
    width:30px;height:30px;display:grid;place-items:center;border-radius:50%;
    color:#05131d;background:#4ff1ab;font-weight:900
}
#themeoff-spare-shiraz-page .to-flower-status b{display:block;font-size:10px}
#themeoff-spare-shiraz-page .to-flower-status small{display:block;color:#7f96a2;font-size:8px;margin-top:2px}
#themeoff-spare-shiraz-page .to-flower-status em{font-style:normal;color:#4ff1ab;font-size:8px}
#themeoff-spare-shiraz-page .to-flower-float.f1{right:1%;top:17%}
#themeoff-spare-shiraz-page .to-flower-float.f2{left:1%;top:43%}
#themeoff-spare-shiraz-page .to-flower-float.f3{right:5%;bottom:8%}

/* text visibility */
#themeoff-spare-shiraz-page .to-reveal,
#themeoff-spare-shiraz-page .to-reveal.is-visible,
#themeoff-spare-shiraz-page .to-animated-section,
#themeoff-spare-shiraz-page .to-depth-item{
    opacity:1!important;visibility:visible!important
}
#themeoff-spare-shiraz-page .to-description,
#themeoff-spare-shiraz-page .to-card p,
#themeoff-spare-shiraz-page .to-product-type-card p,
#themeoff-spare-shiraz-page .to-woo-benefit-card p,
#themeoff-spare-shiraz-page .to-process-item p{
    max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important
}
#themeoff-spare-shiraz-page .to-section:not(.to-contact-section):not(.to-tourism-local-link)>.to-container{
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
}

@media(max-width:767px){
    #themeoff-spare-shiraz-page .to-flower-hero{min-height:450px}
    #themeoff-spare-shiraz-page .to-bouquet-main{width:260px;height:330px;right:8%;top:80px}
    #themeoff-spare-shiraz-page .to-order-card{left:0;top:40px;min-width:170px}
    #themeoff-spare-shiraz-page .to-flower-chip{padding:7px 8px}
    #themeoff-spare-shiraz-page .to-flower-chip span,
    #themeoff-spare-shiraz-page .to-flower-float span{font-size:7px}
    #themeoff-spare-shiraz-page .chip-a{left:0;bottom:120px}
    #themeoff-spare-shiraz-page .chip-b{right:0;bottom:54px}
    #themeoff-spare-shiraz-page .chip-c{left:8%;bottom:12px}
    #themeoff-spare-shiraz-page .to-flower-stage{min-height:590px}
    #themeoff-spare-shiraz-page .to-flower-dashboard{width:96%;transform:translate(-50%,-50%)!important}
    #themeoff-spare-shiraz-page .to-flower-body{grid-template-columns:1fr;padding:9px}
    #themeoff-spare-shiraz-page .to-flower-flow{padding:9px}
    #themeoff-spare-shiraz-page .to-flower-float{padding:7px 8px}
    #themeoff-spare-shiraz-page .to-flower-float.f1{right:1%;top:1%}
    #themeoff-spare-shiraz-page .to-flower-float.f2{left:1%;top:1%}
    #themeoff-spare-shiraz-page .to-flower-float.f3{right:2%;bottom:1%}
}


/* =========================================================
   Physiotherapy Shiraz — dedicated hero & appointment motion
   ========================================================= */
#themeoff-spare-shiraz-page .to-physio-hero{
    position:relative;min-height:540px;perspective:1500px
}
#themeoff-spare-shiraz-page .to-joint-visual{
    position:absolute;width:340px;height:340px;right:14%;top:70px
}
#themeoff-spare-shiraz-page .joint-ring{
    position:absolute;border-radius:50%;border:1px solid rgba(100,221,255,.2)
}
#themeoff-spare-shiraz-page .ring-a{inset:35px}
#themeoff-spare-shiraz-page .ring-b{inset:75px;border-color:rgba(79,241,171,.24)}
#themeoff-spare-shiraz-page .bone{
    position:absolute;width:56px;height:150px;border-radius:30px;
    background:linear-gradient(145deg,#dbe8f1,#7fa4bd);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 18px 36px rgba(0,0,0,.22)
}
#themeoff-spare-shiraz-page .bone-a{left:105px;top:30px;transform:rotate(-26deg)}
#themeoff-spare-shiraz-page .bone-b{right:104px;bottom:28px;transform:rotate(-26deg)}
#themeoff-spare-shiraz-page .motion-arc{
    position:absolute;width:150px;height:150px;border:4px solid transparent;border-top-color:#4ff1ab;border-right-color:#64ddff;border-radius:50%
}
#themeoff-spare-shiraz-page .arc-a{left:22px;top:90px;transform:rotate(-35deg)}
#themeoff-spare-shiraz-page .arc-b{right:24px;top:92px;transform:rotate(145deg)}
#themeoff-spare-shiraz-page .motion-dot{
    position:absolute;width:14px;height:14px;left:36px;top:128px;border-radius:50%;background:#4ff1ab;box-shadow:0 0 18px rgba(79,241,171,.8)
}
#themeoff-spare-shiraz-page .to-appointment-card{
    position:absolute;left:1%;top:88px;z-index:5;min-width:240px;padding:14px;
    border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(8,26,42,.92);
    box-shadow:0 20px 42px rgba(0,0,0,.28)
}
#themeoff-spare-shiraz-page .appointment-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}
#themeoff-spare-shiraz-page .appointment-head span{font-size:9px;color:#90a8bb}
#themeoff-spare-shiraz-page .appointment-head b{font-size:14px;color:#4ff1ab}
#themeoff-spare-shiraz-page .appointment-row{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.03)}
#themeoff-spare-shiraz-page .appointment-row i{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#4ff1ab,#64ddff)}
#themeoff-spare-shiraz-page .appointment-row b{display:block;font-size:9px;color:#fff}
#themeoff-spare-shiraz-page .appointment-row small{display:block;margin-top:3px;font-size:8px;color:#839aad}
#themeoff-spare-shiraz-page .appointment-btn{margin-top:10px;min-height:36px;display:grid;place-items:center;border-radius:11px;color:#04131d;background:linear-gradient(135deg,#4ff1ab,#64ddff);font-size:9px;font-weight:900}
#themeoff-spare-shiraz-page .to-physio-chip,
#themeoff-spare-shiraz-page .to-physio-float{
    position:absolute;z-index:6;display:flex;align-items:center;gap:8px;padding:10px 12px;
    border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(8,26,42,.9);box-shadow:0 18px 38px rgba(0,0,0,.28)
}
#themeoff-spare-shiraz-page .to-physio-chip b,
#themeoff-spare-shiraz-page .to-physio-float b{
    width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:#05131d;background:linear-gradient(135deg,#4ff1ab,#64ddff)
}
#themeoff-spare-shiraz-page .to-physio-chip span,
#themeoff-spare-shiraz-page .to-physio-float span{font-size:9px;color:#e5f1f5}
#themeoff-spare-shiraz-page .chip-a{left:4%;bottom:145px}
#themeoff-spare-shiraz-page .chip-b{right:3%;bottom:75px}
#themeoff-spare-shiraz-page .chip-c{left:13%;bottom:28px}

#themeoff-spare-shiraz-page .to-physio-stage{
    position:relative;min-height:650px;margin-top:34px;perspective:1600px;isolation:isolate
}
#themeoff-spare-shiraz-page .to-physio-glow{
    position:absolute;width:320px;height:320px;border-radius:50%;filter:blur(78px);opacity:.14
}
#themeoff-spare-shiraz-page .to-physio-glow.g1{right:8%;top:10%;background:#4ff1ab}
#themeoff-spare-shiraz-page .to-physio-glow.g2{left:8%;bottom:8%;background:#64ddff}
#themeoff-spare-shiraz-page .to-physio-dashboard{
    position:absolute;width:min(850px,84%);left:50%;top:50%;
    overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:28px;
    background:linear-gradient(145deg,#102b43,#071a2b);box-shadow:0 44px 90px rgba(0,0,0,.45);
    transform:translate(-50%,-50%) rotateX(4deg) rotateY(-4deg)
}
#themeoff-spare-shiraz-page .to-physio-topbar{
    min-height:48px;display:flex;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.07)
}
#themeoff-spare-shiraz-page .to-physio-topbar strong{margin-inline:auto;color:#eaf6ff;font-size:11px}
#themeoff-spare-shiraz-page .to-physio-topbar>span{
    padding:5px 8px;border:1px solid rgba(79,241,171,.18);border-radius:999px;color:#4ff1ab;background:rgba(79,241,171,.07);font-size:8px;font-weight:900
}
#themeoff-spare-shiraz-page .to-physio-topbar .dots{display:flex;gap:5px}
#themeoff-spare-shiraz-page .to-physio-topbar .dots i{width:7px;height:7px;border-radius:50%;background:#61778b}
#themeoff-spare-shiraz-page .to-physio-body{display:grid;grid-template-columns:1.35fr .75fr;gap:12px;padding:14px}
#themeoff-spare-shiraz-page .to-physio-flow,
#themeoff-spare-shiraz-page .to-physio-preview,
#themeoff-spare-shiraz-page .to-physio-status{
    border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(3,15,25,.52)
}
#themeoff-spare-shiraz-page .to-physio-flow{padding:12px;display:grid;gap:7px}
#themeoff-spare-shiraz-page .to-physio-flow article{
    display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:9px;
    border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.02)
}
#themeoff-spare-shiraz-page .to-physio-flow article>span{
    width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:#b9cce0;background:rgba(255,255,255,.06);font-size:9px;font-weight:900
}
#themeoff-spare-shiraz-page .to-physio-flow article.is-active>span{color:#05131d;background:linear-gradient(135deg,#4ff1ab,#64ddff)}
#themeoff-spare-shiraz-page .to-physio-flow b{display:block;color:#fff;font-size:9px}
#themeoff-spare-shiraz-page .to-physio-flow small{display:block;margin-top:3px;color:#8198a3;font-size:8px}
#themeoff-spare-shiraz-page .to-physio-flow em{font-style:normal;color:#8198a3;font-size:8px}
#themeoff-spare-shiraz-page .to-physio-flow .is-active em{color:#4ff1ab}
#themeoff-spare-shiraz-page .to-physio-preview{padding:12px}
#themeoff-spare-shiraz-page .body-map{
    position:relative;display:block;width:100%;aspect-ratio:1.4/1;margin-bottom:10px;border-radius:12px;
    background:radial-gradient(circle at 50% 42%,rgba(100,221,255,.16),transparent 36%),linear-gradient(145deg,#173447,#0b2030)
}
#themeoff-spare-shiraz-page .body-map:before{
    content:"";position:absolute;width:34px;height:82px;left:50%;top:14px;border:5px solid #9dbad0;border-radius:20px 20px 28px 28px;transform:translateX(-50%)
}
#themeoff-spare-shiraz-page .body-map i{position:absolute;width:10px;height:10px;border-radius:50%;background:#4ff1ab;box-shadow:0 0 14px rgba(79,241,171,.65)}
#themeoff-spare-shiraz-page .body-map .p1{left:46%;top:30%}
#themeoff-spare-shiraz-page .body-map .p2{left:52%;top:55%}
#themeoff-spare-shiraz-page .body-map .p3{left:42%;top:70%}
#themeoff-spare-shiraz-page .to-physio-preview h3{font-size:11px!important;margin:0 0 6px!important}
#themeoff-spare-shiraz-page .to-physio-preview p{font-size:8px;line-height:1.8;margin:0 0 8px!important}
#themeoff-spare-shiraz-page .preview-meta{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#839aad}
#themeoff-spare-shiraz-page .to-physio-preview button{
    width:100%;height:34px;margin-top:10px;border:0;border-radius:10px;color:#05131d;background:linear-gradient(135deg,#4ff1ab,#64ddff);font-size:9px;font-weight:900
}
#themeoff-spare-shiraz-page .to-physio-status{
    margin:0 14px 14px;padding:11px 13px;display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center
}
#themeoff-spare-shiraz-page .to-physio-status>span{
    width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#05131d;background:#4ff1ab;font-weight:900
}
#themeoff-spare-shiraz-page .to-physio-status b{display:block;font-size:10px}
#themeoff-spare-shiraz-page .to-physio-status small{display:block;color:#7f96a2;font-size:8px;margin-top:2px}
#themeoff-spare-shiraz-page .to-physio-status em{font-style:normal;color:#4ff1ab;font-size:8px}
#themeoff-spare-shiraz-page .to-physio-float.f1{right:1%;top:17%}
#themeoff-spare-shiraz-page .to-physio-float.f2{left:1%;top:43%}
#themeoff-spare-shiraz-page .to-physio-float.f3{right:5%;bottom:8%}

/* text visibility */
#themeoff-spare-shiraz-page .to-reveal,
#themeoff-spare-shiraz-page .to-reveal.is-visible,
#themeoff-spare-shiraz-page .to-animated-section,
#themeoff-spare-shiraz-page .to-depth-item{opacity:1!important;visibility:visible!important}
#themeoff-spare-shiraz-page .to-description,
#themeoff-spare-shiraz-page .to-card p,
#themeoff-spare-shiraz-page .to-product-type-card p,
#themeoff-spare-shiraz-page .to-woo-benefit-card p,
#themeoff-spare-shiraz-page .to-process-item p{
    max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important
}
#themeoff-spare-shiraz-page .to-section:not(.to-contact-section):not(.to-tourism-local-link)>.to-container{
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
}

@media(max-width:767px){
    #themeoff-spare-shiraz-page .to-physio-hero{min-height:450px}
    #themeoff-spare-shiraz-page .to-joint-visual{width:260px;height:260px;right:8%;top:95px}
    #themeoff-spare-shiraz-page .to-appointment-card{left:0;top:42px;min-width:180px}
    #themeoff-spare-shiraz-page .to-physio-chip{padding:7px 8px}
    #themeoff-spare-shiraz-page .to-physio-chip span,
    #themeoff-spare-shiraz-page .to-physio-float span{font-size:7px}
    #themeoff-spare-shiraz-page .chip-a{left:0;bottom:125px}
    #themeoff-spare-shiraz-page .chip-b{right:0;bottom:58px}
    #themeoff-spare-shiraz-page .chip-c{left:8%;bottom:12px}
    #themeoff-spare-shiraz-page .to-physio-stage{min-height:590px}
    #themeoff-spare-shiraz-page .to-physio-dashboard{width:96%;transform:translate(-50%,-50%)!important}
    #themeoff-spare-shiraz-page .to-physio-body{grid-template-columns:1fr;padding:9px}
    #themeoff-spare-shiraz-page .to-physio-flow{padding:9px}
    #themeoff-spare-shiraz-page .to-physio-float{padding:7px 8px}
    #themeoff-spare-shiraz-page .to-physio-float.f1{right:1%;top:1%}
    #themeoff-spare-shiraz-page .to-physio-float.f2{left:1%;top:1%}
    #themeoff-spare-shiraz-page .to-physio-float.f3{right:2%;bottom:1%}
}


/* =========================================================
   Luxury Web Design Shiraz — dedicated premium visual system
   ========================================================= */
#themeoff-spare-shiraz-page .to-luxury-hero{position:relative;min-height:560px;perspective:1600px;isolation:isolate}
#themeoff-spare-shiraz-page .to-luxury-frame{
    position:absolute;right:8%;top:76px;width:430px;height:330px;padding:18px;overflow:hidden;
    border:1px solid rgba(255,255,255,.13);border-radius:30px;
    background:radial-gradient(circle at 72% 22%,rgba(219,184,112,.18),transparent 26%),linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015)),#0a1826;
    box-shadow:0 44px 90px rgba(0,0,0,.48);transform:rotateY(-7deg) rotateX(3deg)
}
#themeoff-spare-shiraz-page .luxury-nav{display:flex;align-items:center;gap:5px;color:#cdb989;font-size:9px;letter-spacing:2px}
#themeoff-spare-shiraz-page .luxury-nav i{width:6px;height:6px;border-radius:50%;background:#576776}
#themeoff-spare-shiraz-page .luxury-nav span{margin-right:auto}
#themeoff-spare-shiraz-page .luxury-hero-copy{position:absolute;right:28px;left:28px;top:100px}
#themeoff-spare-shiraz-page .luxury-hero-copy small{color:#cdb989;font-size:8px;letter-spacing:2px}
#themeoff-spare-shiraz-page .luxury-hero-copy strong{display:block;margin:12px 0 8px;color:#fff;font-size:28px;line-height:1.2;font-family:serif}
#themeoff-spare-shiraz-page .luxury-hero-copy span{color:#8da0b1;font-size:9px}
#themeoff-spare-shiraz-page .luxury-cta{position:absolute;right:28px;bottom:26px;width:max-content;padding:9px 16px;border:1px solid rgba(205,185,137,.35);border-radius:999px;color:#d7c69a;font-size:9px;letter-spacing:1px}
#themeoff-spare-shiraz-page .to-luxury-card{position:absolute;z-index:5;min-width:150px;padding:13px 15px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(8,22,35,.9);box-shadow:0 20px 42px rgba(0,0,0,.3);backdrop-filter:blur(10px)}
#themeoff-spare-shiraz-page .to-luxury-card span{display:block;color:#8da0b1;font-size:7px;letter-spacing:1px}
#themeoff-spare-shiraz-page .to-luxury-card b{display:block;margin-top:4px;color:#fff;font-size:13px}
#themeoff-spare-shiraz-page .to-luxury-card small{display:block;margin-top:3px;color:#cdb989;font-size:8px}
#themeoff-spare-shiraz-page .card-a{left:1%;top:72px}
#themeoff-spare-shiraz-page .card-b{left:6%;bottom:118px}
#themeoff-spare-shiraz-page .card-c{right:1%;bottom:40px}
#themeoff-spare-shiraz-page .to-luxury-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(205,185,137,.45),transparent)}
#themeoff-spare-shiraz-page .line-a{width:360px;left:0;top:50%;transform:rotate(-18deg)}
#themeoff-spare-shiraz-page .line-b{width:300px;right:0;bottom:23%;transform:rotate(14deg)}

#themeoff-spare-shiraz-page .to-luxury-stage{position:relative;min-height:660px;margin-top:34px;perspective:1600px;isolation:isolate}
#themeoff-spare-shiraz-page .to-luxury-glow{position:absolute;width:340px;height:340px;border-radius:50%;filter:blur(86px);opacity:.12}
#themeoff-spare-shiraz-page .to-luxury-glow.g1{right:8%;top:10%;background:#d7c69a}
#themeoff-spare-shiraz-page .to-luxury-glow.g2{left:8%;bottom:8%;background:#64ddff}
#themeoff-spare-shiraz-page .to-luxury-dashboard{position:absolute;width:min(870px,85%);left:50%;top:50%;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(145deg,#0f273b,#071724);box-shadow:0 48px 100px rgba(0,0,0,.48);transform:translate(-50%,-50%) rotateX(4deg) rotateY(-4deg)}
#themeoff-spare-shiraz-page .to-luxury-topbar{min-height:48px;display:flex;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.07)}
#themeoff-spare-shiraz-page .to-luxury-topbar strong{margin-inline:auto;color:#f2f5f8;font-size:11px}
#themeoff-spare-shiraz-page .to-luxury-topbar>span{padding:5px 8px;border:1px solid rgba(205,185,137,.22);border-radius:999px;color:#d7c69a;background:rgba(205,185,137,.07);font-size:8px;font-weight:900}
#themeoff-spare-shiraz-page .to-luxury-topbar .dots{display:flex;gap:5px}
#themeoff-spare-shiraz-page .to-luxury-topbar .dots i{width:7px;height:7px;border-radius:50%;background:#61778b}
#themeoff-spare-shiraz-page .to-luxury-body{display:grid;grid-template-columns:1.35fr .75fr;gap:12px;padding:14px}
#themeoff-spare-shiraz-page .to-luxury-flow,#themeoff-spare-shiraz-page .to-luxury-preview,#themeoff-spare-shiraz-page .to-luxury-status{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(3,15,25,.52)}
#themeoff-spare-shiraz-page .to-luxury-flow{padding:12px;display:grid;gap:7px}
#themeoff-spare-shiraz-page .to-luxury-flow article{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:9px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.02)}
#themeoff-spare-shiraz-page .to-luxury-flow article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:#b9cce0;background:rgba(255,255,255,.06);font-size:9px;font-weight:900}
#themeoff-spare-shiraz-page .to-luxury-flow article.is-active>span{color:#15120b;background:linear-gradient(135deg,#ead9aa,#b99b5b)}
#themeoff-spare-shiraz-page .to-luxury-flow b{display:block;color:#fff;font-size:9px}
#themeoff-spare-shiraz-page .to-luxury-flow small{display:block;margin-top:3px;color:#8198a3;font-size:8px}
#themeoff-spare-shiraz-page .to-luxury-flow em{font-style:normal;color:#8198a3;font-size:8px}
#themeoff-spare-shiraz-page .to-luxury-flow .is-active em{color:#d7c69a}
#themeoff-spare-shiraz-page .to-luxury-preview{padding:12px}
#themeoff-spare-shiraz-page .preview-screen{display:block;width:100%;min-height:150px;padding:18px;margin-bottom:10px;border-radius:12px;background:radial-gradient(circle at 75% 20%,rgba(205,185,137,.16),transparent 32%),linear-gradient(145deg,#152a3a,#081521)}
#themeoff-spare-shiraz-page .preview-screen .screen-kicker{display:block;color:#cdb989;font-size:7px;letter-spacing:1px}
#themeoff-spare-shiraz-page .preview-screen strong{display:block;margin:12px 0 18px;color:#fff;font-family:serif;font-size:18px}
#themeoff-spare-shiraz-page .preview-screen i{display:block;height:6px;margin:6px 0;border-radius:999px;background:rgba(255,255,255,.08)}
#themeoff-spare-shiraz-page .preview-screen i:nth-of-type(2){width:72%}
#themeoff-spare-shiraz-page .preview-screen i:nth-of-type(3){width:52%}
#themeoff-spare-shiraz-page .to-luxury-preview h3{font-size:11px!important;margin:0 0 6px!important}
#themeoff-spare-shiraz-page .to-luxury-preview p{font-size:8px;line-height:1.8;margin:0 0 8px!important}
#themeoff-spare-shiraz-page .preview-meta{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#839aad}
#themeoff-spare-shiraz-page .to-luxury-preview button{width:100%;height:34px;margin-top:10px;border:1px solid rgba(205,185,137,.3);border-radius:10px;color:#d7c69a;background:rgba(205,185,137,.06);font-size:8px;font-weight:900}
#themeoff-spare-shiraz-page .to-luxury-status{margin:0 14px 14px;padding:11px 13px;display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center}
#themeoff-spare-shiraz-page .to-luxury-status>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#15120b;background:#d7c69a;font-weight:900}
#themeoff-spare-shiraz-page .to-luxury-status b{display:block;font-size:10px}
#themeoff-spare-shiraz-page .to-luxury-status small{display:block;color:#7f96a2;font-size:8px;margin-top:2px}
#themeoff-spare-shiraz-page .to-luxury-status em{font-style:normal;color:#d7c69a;font-size:8px}
#themeoff-spare-shiraz-page .to-luxury-float{position:absolute;z-index:6;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(8,22,35,.92);box-shadow:0 18px 38px rgba(0,0,0,.28)}
#themeoff-spare-shiraz-page .to-luxury-float b{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:#15120b;background:linear-gradient(135deg,#ead9aa,#b99b5b)}
#themeoff-spare-shiraz-page .to-luxury-float span{font-size:9px;color:#e9eef3}
#themeoff-spare-shiraz-page .to-luxury-float.f1{right:1%;top:17%}
#themeoff-spare-shiraz-page .to-luxury-float.f2{left:1%;top:43%}
#themeoff-spare-shiraz-page .to-luxury-float.f3{right:5%;bottom:8%}

#themeoff-spare-shiraz-page .to-reveal,
#themeoff-spare-shiraz-page .to-reveal.is-visible,
#themeoff-spare-shiraz-page .to-animated-section,
#themeoff-spare-shiraz-page .to-depth-item{opacity:1!important;visibility:visible!important}
#themeoff-spare-shiraz-page .to-description,
#themeoff-spare-shiraz-page .to-card p,
#themeoff-spare-shiraz-page .to-product-type-card p,
#themeoff-spare-shiraz-page .to-woo-benefit-card p,
#themeoff-spare-shiraz-page .to-process-item p{max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important}
#themeoff-spare-shiraz-page .to-section:not(.to-contact-section):not(.to-tourism-local-link)>.to-container{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}

@media(max-width:767px){
    #themeoff-spare-shiraz-page .to-luxury-hero{min-height:450px}
    #themeoff-spare-shiraz-page .to-luxury-frame{width:92%;right:4%;top:75px;height:300px;transform:rotateX(2deg)}
    #themeoff-spare-shiraz-page .to-luxury-card{min-width:120px;padding:9px 10px}
    #themeoff-spare-shiraz-page .card-a{left:0;top:24px}
    #themeoff-spare-shiraz-page .card-b{left:0;bottom:34px}
    #themeoff-spare-shiraz-page .card-c{right:0;bottom:8px}
    #themeoff-spare-shiraz-page .to-luxury-stage{min-height:600px}
    #themeoff-spare-shiraz-page .to-luxury-dashboard{width:96%;transform:translate(-50%,-50%)!important}
    #themeoff-spare-shiraz-page .to-luxury-body{grid-template-columns:1fr;padding:9px}
    #themeoff-spare-shiraz-page .to-luxury-flow{padding:9px}
    #themeoff-spare-shiraz-page .to-luxury-float{padding:7px 8px}
    #themeoff-spare-shiraz-page .to-luxury-float span{font-size:7px}
    #themeoff-spare-shiraz-page .to-luxury-float.f1{right:1%;top:1%}
    #themeoff-spare-shiraz-page .to-luxury-float.f2{left:1%;top:1%}
    #themeoff-spare-shiraz-page .to-luxury-float.f3{right:2%;bottom:1%}
}


/* =========================================================
   Stone Company Shiraz — dedicated industrial stone visual
   ========================================================= */
#themeoff-spare-shiraz-page .to-stone-hero{
    position:relative;min-height:550px;perspective:1500px
}
#themeoff-spare-shiraz-page .stone-slab{
    position:absolute;overflow:hidden;border:1px solid rgba(255,255,255,.14);
    background:linear-gradient(145deg,#b8b3a8,#6d736f 45%,#c9c4b8 70%,#747b78);
    box-shadow:0 38px 80px rgba(0,0,0,.42)
}
#themeoff-spare-shiraz-page .slab-main{
    width:320px;height:420px;right:14%;top:45px;border-radius:26px;transform:rotateY(-8deg) rotateZ(2deg)
}
#themeoff-spare-shiraz-page .slab-side{
    width:190px;height:300px;left:4%;top:135px;border-radius:22px;transform:rotateY(8deg) rotateZ(-5deg);opacity:.88
}
#themeoff-spare-shiraz-page .stone-slab i{
    position:absolute;display:block;height:3px;border-radius:999px;background:rgba(255,255,255,.24);filter:blur(.2px)
}
#themeoff-spare-shiraz-page .slab-main i:nth-child(1){width:78%;left:8%;top:24%;transform:rotate(-16deg)}
#themeoff-spare-shiraz-page .slab-main i:nth-child(2){width:88%;right:-3%;top:51%;transform:rotate(12deg)}
#themeoff-spare-shiraz-page .slab-main i:nth-child(3){width:70%;left:5%;bottom:18%;transform:rotate(-9deg)}
#themeoff-spare-shiraz-page .slab-side i:nth-child(1){width:95%;left:-10%;top:38%;transform:rotate(16deg)}
#themeoff-spare-shiraz-page .slab-side i:nth-child(2){width:75%;right:-8%;bottom:28%;transform:rotate(-11deg)}
#themeoff-spare-shiraz-page .to-stone-spec-card{
    position:absolute;z-index:5;left:0;top:78px;min-width:210px;padding:14px 16px;
    border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(8,24,37,.92);
    box-shadow:0 20px 42px rgba(0,0,0,.3)
}
#themeoff-spare-shiraz-page .to-stone-spec-card span{display:block;color:#9fb2c0;font-size:7px;letter-spacing:1px}
#themeoff-spare-shiraz-page .to-stone-spec-card b{display:block;margin-top:4px;color:#fff;font-size:14px}
#themeoff-spare-shiraz-page .to-stone-spec-card small{display:block;margin-top:3px;color:#c6b18c;font-size:8px}
#themeoff-spare-shiraz-page .to-stone-chip,
#themeoff-spare-shiraz-page .to-stone-float{
    position:absolute;z-index:6;display:flex;align-items:center;gap:8px;padding:10px 12px;
    border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(8,24,37,.92);
    box-shadow:0 18px 38px rgba(0,0,0,.28)
}
#themeoff-spare-shiraz-page .to-stone-chip b,
#themeoff-spare-shiraz-page .to-stone-float b{
    width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:#08131b;
    background:linear-gradient(135deg,#d8c49a,#9cb6a7)
}
#themeoff-spare-shiraz-page .to-stone-chip span,
#themeoff-spare-shiraz-page .to-stone-float span{font-size:9px;color:#e9eef3}
#themeoff-spare-shiraz-page .chip-a{left:3%;bottom:145px}
#themeoff-spare-shiraz-page .chip-b{right:3%;bottom:75px}
#themeoff-spare-shiraz-page .chip-c{left:14%;bottom:24px}

#themeoff-spare-shiraz-page .to-stone-stage{
    position:relative;min-height:650px;margin-top:34px;perspective:1600px;isolation:isolate
}
#themeoff-spare-shiraz-page .to-stone-glow{
    position:absolute;width:330px;height:330px;border-radius:50%;filter:blur(82px);opacity:.13
}
#themeoff-spare-shiraz-page .to-stone-glow.g1{right:8%;top:10%;background:#c6b18c}
#themeoff-spare-shiraz-page .to-stone-glow.g2{left:8%;bottom:8%;background:#64ddff}
#themeoff-spare-shiraz-page .to-stone-dashboard{
    position:absolute;width:min(860px,85%);left:50%;top:50%;overflow:hidden;
    border:1px solid rgba(255,255,255,.12);border-radius:28px;
    background:linear-gradient(145deg,#10283b,#071825);box-shadow:0 46px 96px rgba(0,0,0,.47);
    transform:translate(-50%,-50%) rotateX(4deg) rotateY(-4deg)
}
#themeoff-spare-shiraz-page .to-stone-topbar{
    min-height:48px;display:flex;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.07)
}
#themeoff-spare-shiraz-page .to-stone-topbar strong{margin-inline:auto;color:#f2f5f8;font-size:11px}
#themeoff-spare-shiraz-page .to-stone-topbar>span{
    padding:5px 8px;border:1px solid rgba(198,177,140,.22);border-radius:999px;
    color:#d8c49a;background:rgba(198,177,140,.07);font-size:8px;font-weight:900
}
#themeoff-spare-shiraz-page .to-stone-topbar .dots{display:flex;gap:5px}
#themeoff-spare-shiraz-page .to-stone-topbar .dots i{width:7px;height:7px;border-radius:50%;background:#61778b}
#themeoff-spare-shiraz-page .to-stone-body{display:grid;grid-template-columns:1.35fr .75fr;gap:12px;padding:14px}
#themeoff-spare-shiraz-page .to-stone-flow,
#themeoff-spare-shiraz-page .to-stone-preview,
#themeoff-spare-shiraz-page .to-stone-status{
    border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(3,15,25,.52)
}
#themeoff-spare-shiraz-page .to-stone-flow{padding:12px;display:grid;gap:7px}
#themeoff-spare-shiraz-page .to-stone-flow article{
    display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:9px;
    border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.02)
}
#themeoff-spare-shiraz-page .to-stone-flow article>span{
    width:34px;height:34px;display:grid;place-items:center;border-radius:11px;
    color:#b9cce0;background:rgba(255,255,255,.06);font-size:9px;font-weight:900
}
#themeoff-spare-shiraz-page .to-stone-flow article.is-active>span{
    color:#15120b;background:linear-gradient(135deg,#d8c49a,#9cb6a7)
}
#themeoff-spare-shiraz-page .to-stone-flow b{display:block;color:#fff;font-size:9px}
#themeoff-spare-shiraz-page .to-stone-flow small{display:block;margin-top:3px;color:#8198a3;font-size:8px}
#themeoff-spare-shiraz-page .to-stone-flow em{font-style:normal;color:#8198a3;font-size:8px}
#themeoff-spare-shiraz-page .to-stone-flow .is-active em{color:#d8c49a}
#themeoff-spare-shiraz-page .to-stone-preview{padding:12px}
#themeoff-spare-shiraz-page .stone-preview{
    position:relative;display:block;width:100%;aspect-ratio:1.35/1;margin-bottom:10px;border-radius:12px;
    background:linear-gradient(145deg,#b8b3a8,#68726f 50%,#c6c1b7);overflow:hidden
}
#themeoff-spare-shiraz-page .stone-preview i{position:absolute;display:block;height:3px;border-radius:999px;background:rgba(255,255,255,.26)}
#themeoff-spare-shiraz-page .stone-preview i:nth-child(1){width:86%;left:2%;top:28%;transform:rotate(-14deg)}
#themeoff-spare-shiraz-page .stone-preview i:nth-child(2){width:78%;right:-4%;top:54%;transform:rotate(10deg)}
#themeoff-spare-shiraz-page .stone-preview i:nth-child(3){width:66%;left:9%;bottom:18%;transform:rotate(-8deg)}
#themeoff-spare-shiraz-page .to-stone-preview h3{font-size:11px!important;margin:0 0 6px!important}
#themeoff-spare-shiraz-page .to-stone-preview p{font-size:8px;line-height:1.8;margin:0 0 8px!important}
#themeoff-spare-shiraz-page .preview-meta{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#839aad}
#themeoff-spare-shiraz-page .to-stone-preview button{
    width:100%;height:34px;margin-top:10px;border:1px solid rgba(198,177,140,.28);border-radius:10px;
    color:#d8c49a;background:rgba(198,177,140,.06);font-size:8px;font-weight:900
}
#themeoff-spare-shiraz-page .to-stone-status{
    margin:0 14px 14px;padding:11px 13px;display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center
}
#themeoff-spare-shiraz-page .to-stone-status>span{
    width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#15120b;background:#d8c49a;font-weight:900
}
#themeoff-spare-shiraz-page .to-stone-status b{display:block;font-size:10px}
#themeoff-spare-shiraz-page .to-stone-status small{display:block;color:#7f96a2;font-size:8px;margin-top:2px}
#themeoff-spare-shiraz-page .to-stone-status em{font-style:normal;color:#d8c49a;font-size:8px}
#themeoff-spare-shiraz-page .to-stone-float.f1{right:1%;top:17%}
#themeoff-spare-shiraz-page .to-stone-float.f2{left:1%;top:43%}
#themeoff-spare-shiraz-page .to-stone-float.f3{right:5%;bottom:8%}

/* text visibility */
#themeoff-spare-shiraz-page .to-reveal,
#themeoff-spare-shiraz-page .to-reveal.is-visible,
#themeoff-spare-shiraz-page .to-animated-section,
#themeoff-spare-shiraz-page .to-depth-item{opacity:1!important;visibility:visible!important}
#themeoff-spare-shiraz-page .to-description,
#themeoff-spare-shiraz-page .to-card p,
#themeoff-spare-shiraz-page .to-product-type-card p,
#themeoff-spare-shiraz-page .to-woo-benefit-card p,
#themeoff-spare-shiraz-page .to-process-item p{
    max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important
}
#themeoff-spare-shiraz-page .to-section:not(.to-contact-section):not(.to-tourism-local-link)>.to-container{
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
}

@media(max-width:767px){
    #themeoff-spare-shiraz-page .to-stone-hero{min-height:460px}
    #themeoff-spare-shiraz-page .slab-main{width:245px;height:330px;right:10%;top:85px}
    #themeoff-spare-shiraz-page .slab-side{width:135px;height:220px;left:0;top:170px}
    #themeoff-spare-shiraz-page .to-stone-spec-card{left:0;top:38px;min-width:165px}
    #themeoff-spare-shiraz-page .to-stone-chip{padding:7px 8px}
    #themeoff-spare-shiraz-page .to-stone-chip span,
    #themeoff-spare-shiraz-page .to-stone-float span{font-size:7px}
    #themeoff-spare-shiraz-page .chip-a{left:0;bottom:125px}
    #themeoff-spare-shiraz-page .chip-b{right:0;bottom:58px}
    #themeoff-spare-shiraz-page .chip-c{left:8%;bottom:12px}
    #themeoff-spare-shiraz-page .to-stone-stage{min-height:600px}
    #themeoff-spare-shiraz-page .to-stone-dashboard{width:96%;transform:translate(-50%,-50%)!important}
    #themeoff-spare-shiraz-page .to-stone-body{grid-template-columns:1fr;padding:9px}
    #themeoff-spare-shiraz-page .to-stone-flow{padding:9px}
    #themeoff-spare-shiraz-page .to-stone-float{padding:7px 8px}
    #themeoff-spare-shiraz-page .to-stone-float.f1{right:1%;top:1%}
    #themeoff-spare-shiraz-page .to-stone-float.f2{left:1%;top:1%}
    #themeoff-spare-shiraz-page .to-stone-float.f3{right:2%;bottom:1%}
}


/* =========================================================
   Advertising Web Design Shiraz — dedicated campaign visual
   ========================================================= */
#themeoff-spare-shiraz-page .to-advertising-hero{
    position:relative;min-height:550px;perspective:1500px
}
#themeoff-spare-shiraz-page .to-campaign-board{
    position:absolute;right:8%;top:75px;width:430px;min-height:320px;padding:18px;
    border:1px solid rgba(255,255,255,.12);border-radius:28px;
    background:radial-gradient(circle at 75% 18%,rgba(109,94,252,.22),transparent 30%),linear-gradient(145deg,#11283e,#071724);
    box-shadow:0 42px 88px rgba(0,0,0,.45);transform:rotateY(-7deg) rotateX(3deg)
}
#themeoff-spare-shiraz-page .campaign-head{
    display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center
}
#themeoff-spare-shiraz-page .campaign-head span{color:#8fa6b8;font-size:8px}
#themeoff-spare-shiraz-page .campaign-head b{color:#fff;font-size:13px}
#themeoff-spare-shiraz-page .campaign-head em{
    padding:5px 8px;border-radius:999px;background:rgba(79,241,171,.08);color:#4ff1ab;font-size:8px;font-style:normal
}
#themeoff-spare-shiraz-page .campaign-metrics{
    display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0
}
#themeoff-spare-shiraz-page .campaign-metrics article{
    padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.025)
}
#themeoff-spare-shiraz-page .campaign-metrics small{display:block;color:#839aad;font-size:8px}
#themeoff-spare-shiraz-page .campaign-metrics strong{display:block;margin-top:6px;color:#fff;font-size:18px}
#themeoff-spare-shiraz-page .campaign-bars{
    display:flex;align-items:flex-end;gap:8px;height:120px;padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(255,255,255,.02)
}
#themeoff-spare-shiraz-page .campaign-bars i{
    flex:1;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#6d5efc,#38c7ff)
}
#themeoff-spare-shiraz-page .campaign-bars i:nth-child(1){height:38%}
#themeoff-spare-shiraz-page .campaign-bars i:nth-child(2){height:62%}
#themeoff-spare-shiraz-page .campaign-bars i:nth-child(3){height:48%}
#themeoff-spare-shiraz-page .campaign-bars i:nth-child(4){height:78%}
#themeoff-spare-shiraz-page .campaign-bars i:nth-child(5){height:92%}
#themeoff-spare-shiraz-page .to-ad-creative{
    position:absolute;z-index:5;min-width:145px;padding:13px 15px;border:1px solid rgba(255,255,255,.1);
    border-radius:16px;background:rgba(8,22,35,.92);box-shadow:0 20px 42px rgba(0,0,0,.3)
}
#themeoff-spare-shiraz-page .to-ad-creative span{display:block;color:#8ca1b5;font-size:8px}
#themeoff-spare-shiraz-page .to-ad-creative b{display:block;margin-top:5px;color:#fff;font-size:13px}
#themeoff-spare-shiraz-page .creative-a{left:1%;top:82px}
#themeoff-spare-shiraz-page .creative-b{left:6%;bottom:135px}
#themeoff-spare-shiraz-page .creative-c{right:1%;bottom:42px}
#themeoff-spare-shiraz-page .to-ad-chip,
#themeoff-spare-shiraz-page .to-advertising-float{
    position:absolute;z-index:6;display:flex;align-items:center;gap:8px;padding:10px 12px;
    border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(8,22,35,.92);box-shadow:0 18px 38px rgba(0,0,0,.28)
}
#themeoff-spare-shiraz-page .to-ad-chip b,
#themeoff-spare-shiraz-page .to-advertising-float b{
    width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:#06131d;
    background:linear-gradient(135deg,#8a7dff,#4ff1ab)
}
#themeoff-spare-shiraz-page .to-ad-chip span,
#themeoff-spare-shiraz-page .to-advertising-float span{font-size:9px;color:#e9eef3}
#themeoff-spare-shiraz-page .chip-a{left:2%;bottom:120px}
#themeoff-spare-shiraz-page .chip-b{right:2%;bottom:85px}
#themeoff-spare-shiraz-page .chip-c{left:14%;bottom:22px}

#themeoff-spare-shiraz-page .to-advertising-stage{
    position:relative;min-height:650px;margin-top:34px;perspective:1600px;isolation:isolate
}
#themeoff-spare-shiraz-page .to-advertising-glow{
    position:absolute;width:330px;height:330px;border-radius:50%;filter:blur(82px);opacity:.14
}
#themeoff-spare-shiraz-page .to-advertising-glow.g1{right:8%;top:10%;background:#6d5efc}
#themeoff-spare-shiraz-page .to-advertising-glow.g2{left:8%;bottom:8%;background:#4ff1ab}
#themeoff-spare-shiraz-page .to-advertising-dashboard{
    position:absolute;width:min(860px,85%);left:50%;top:50%;overflow:hidden;border:1px solid rgba(255,255,255,.12);
    border-radius:28px;background:linear-gradient(145deg,#10283b,#071825);box-shadow:0 46px 96px rgba(0,0,0,.47);
    transform:translate(-50%,-50%) rotateX(4deg) rotateY(-4deg)
}
#themeoff-spare-shiraz-page .to-advertising-topbar{
    min-height:48px;display:flex;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.07)
}
#themeoff-spare-shiraz-page .to-advertising-topbar strong{margin-inline:auto;color:#f2f5f8;font-size:11px}
#themeoff-spare-shiraz-page .to-advertising-topbar>span{
    padding:5px 8px;border:1px solid rgba(109,94,252,.25);border-radius:999px;color:#a99fff;background:rgba(109,94,252,.08);font-size:8px;font-weight:900
}
#themeoff-spare-shiraz-page .to-advertising-topbar .dots{display:flex;gap:5px}
#themeoff-spare-shiraz-page .to-advertising-topbar .dots i{width:7px;height:7px;border-radius:50%;background:#61778b}
#themeoff-spare-shiraz-page .to-advertising-body{display:grid;grid-template-columns:1.35fr .75fr;gap:12px;padding:14px}
#themeoff-spare-shiraz-page .to-advertising-flow,
#themeoff-spare-shiraz-page .to-advertising-preview,
#themeoff-spare-shiraz-page .to-advertising-status{
    border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(3,15,25,.52)
}
#themeoff-spare-shiraz-page .to-advertising-flow{padding:12px;display:grid;gap:7px}
#themeoff-spare-shiraz-page .to-advertising-flow article{
    display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:9px;
    border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.02)
}
#themeoff-spare-shiraz-page .to-advertising-flow article>span{
    width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:#b9cce0;background:rgba(255,255,255,.06);font-size:9px;font-weight:900
}
#themeoff-spare-shiraz-page .to-advertising-flow article.is-active>span{
    color:#06131d;background:linear-gradient(135deg,#8a7dff,#4ff1ab)
}
#themeoff-spare-shiraz-page .to-advertising-flow b{display:block;color:#fff;font-size:9px}
#themeoff-spare-shiraz-page .to-advertising-flow small{display:block;margin-top:3px;color:#8198a3;font-size:8px}
#themeoff-spare-shiraz-page .to-advertising-flow em{font-style:normal;color:#8198a3;font-size:8px}
#themeoff-spare-shiraz-page .to-advertising-flow .is-active em{color:#a99fff}
#themeoff-spare-shiraz-page .to-advertising-preview{padding:12px}
#themeoff-spare-shiraz-page .ad-preview{
    display:block;width:100%;min-height:150px;padding:18px;margin-bottom:10px;border-radius:12px;
    background:radial-gradient(circle at 75% 20%,rgba(109,94,252,.22),transparent 34%),linear-gradient(145deg,#173447,#0b2030)
}
#themeoff-spare-shiraz-page .ad-preview span{display:block;color:#a99fff;font-size:7px;letter-spacing:1px}
#themeoff-spare-shiraz-page .ad-preview strong{display:block;margin:13px 0 20px;color:#fff;font-size:18px;line-height:1.3}
#themeoff-spare-shiraz-page .ad-preview i{display:block;height:7px;margin:7px 0;border-radius:999px;background:rgba(255,255,255,.08)}
#themeoff-spare-shiraz-page .ad-preview i:nth-of-type(2){width:62%}
#themeoff-spare-shiraz-page .to-advertising-preview h3{font-size:11px!important;margin:0 0 6px!important}
#themeoff-spare-shiraz-page .to-advertising-preview p{font-size:8px;line-height:1.8;margin:0 0 8px!important}
#themeoff-spare-shiraz-page .preview-meta{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#839aad}
#themeoff-spare-shiraz-page .to-advertising-preview button{
    width:100%;height:34px;margin-top:10px;border:1px solid rgba(109,94,252,.28);border-radius:10px;
    color:#b4abff;background:rgba(109,94,252,.07);font-size:8px;font-weight:900
}
#themeoff-spare-shiraz-page .to-advertising-status{
    margin:0 14px 14px;padding:11px 13px;display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center
}
#themeoff-spare-shiraz-page .to-advertising-status>span{
    width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#06131d;background:#4ff1ab;font-weight:900
}
#themeoff-spare-shiraz-page .to-advertising-status b{display:block;font-size:10px}
#themeoff-spare-shiraz-page .to-advertising-status small{display:block;color:#7f96a2;font-size:8px;margin-top:2px}
#themeoff-spare-shiraz-page .to-advertising-status em{font-style:normal;color:#a99fff;font-size:8px}
#themeoff-spare-shiraz-page .to-advertising-float.f1{right:1%;top:17%}
#themeoff-spare-shiraz-page .to-advertising-float.f2{left:1%;top:43%}
#themeoff-spare-shiraz-page .to-advertising-float.f3{right:5%;bottom:8%}

/* text visibility */
#themeoff-spare-shiraz-page .to-reveal,
#themeoff-spare-shiraz-page .to-reveal.is-visible,
#themeoff-spare-shiraz-page .to-animated-section,
#themeoff-spare-shiraz-page .to-depth-item{opacity:1!important;visibility:visible!important}
#themeoff-spare-shiraz-page .to-description,
#themeoff-spare-shiraz-page .to-card p,
#themeoff-spare-shiraz-page .to-product-type-card p,
#themeoff-spare-shiraz-page .to-woo-benefit-card p,
#themeoff-spare-shiraz-page .to-process-item p{
    max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important
}
#themeoff-spare-shiraz-page .to-section:not(.to-contact-section):not(.to-tourism-local-link)>.to-container{
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
}

@media(max-width:767px){
    #themeoff-spare-shiraz-page .to-advertising-hero{min-height:460px}
    #themeoff-spare-shiraz-page .to-campaign-board{width:92%;right:4%;top:78px;transform:rotateX(2deg)}
    #themeoff-spare-shiraz-page .to-ad-creative{min-width:115px;padding:9px 10px}
    #themeoff-spare-shiraz-page .creative-a{left:0;top:24px}
    #themeoff-spare-shiraz-page .creative-b{left:0;bottom:38px}
    #themeoff-spare-shiraz-page .creative-c{right:0;bottom:8px}
    #themeoff-spare-shiraz-page .to-ad-chip{padding:7px 8px}
    #themeoff-spare-shiraz-page .to-ad-chip span,
    #themeoff-spare-shiraz-page .to-advertising-float span{font-size:7px}
    #themeoff-spare-shiraz-page .to-advertising-stage{min-height:600px}
    #themeoff-spare-shiraz-page .to-advertising-dashboard{width:96%;transform:translate(-50%,-50%)!important}
    #themeoff-spare-shiraz-page .to-advertising-body{grid-template-columns:1fr;padding:9px}
    #themeoff-spare-shiraz-page .to-advertising-flow{padding:9px}
    #themeoff-spare-shiraz-page .to-advertising-float{padding:7px 8px}
    #themeoff-spare-shiraz-page .to-advertising-float.f1{right:1%;top:1%}
    #themeoff-spare-shiraz-page .to-advertising-float.f2{left:1%;top:1%}
    #themeoff-spare-shiraz-page .to-advertising-float.f3{right:2%;bottom:1%}
}

/* Kindergarten Shiraz — dedicated visual system */
#themeoff-spare-shiraz-page .to-kids-hero{position:relative;min-height:550px;perspective:1500px}
#themeoff-spare-shiraz-page .to-kids-board{position:absolute;right:10%;top:68px;width:390px;min-height:360px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:30px;background:radial-gradient(circle at 78% 18%,rgba(255,191,104,.18),transparent 28%),linear-gradient(145deg,#112a40,#071925);box-shadow:0 42px 88px rgba(0,0,0,.42);transform:rotateY(-7deg) rotateX(3deg)}
#themeoff-spare-shiraz-page .kids-board-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:14px}
#themeoff-spare-shiraz-page .kids-board-head span{font-size:8px;color:#8fa6b8}#themeoff-spare-shiraz-page .kids-board-head b{font-size:11px;color:#fff}
#themeoff-spare-shiraz-page .kids-activity-row{display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;padding:10px;margin:8px 0;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.03)}
#themeoff-spare-shiraz-page .kids-activity-row i{width:38px;height:38px;border-radius:12px;display:block}#themeoff-spare-shiraz-page .kids-activity-row .sun{background:radial-gradient(circle,#ffd66b 38%,#ff9f68 40%,#ff9f68 58%,transparent 60%)}#themeoff-spare-shiraz-page .kids-activity-row .book{background:linear-gradient(90deg,#8a7dff 48%,#64ddff 52%)}#themeoff-spare-shiraz-page .kids-activity-row .paint{background:linear-gradient(135deg,#ff8fb5,#ffd66b,#64ddff)}
#themeoff-spare-shiraz-page .kids-activity-row b{display:block;color:#fff;font-size:9px}#themeoff-spare-shiraz-page .kids-activity-row small{display:block;margin-top:3px;color:#8299aa;font-size:8px}
#themeoff-spare-shiraz-page .kids-register-btn{min-height:40px;display:grid;place-items:center;margin-top:12px;border-radius:13px;background:linear-gradient(135deg,#4ff1ab,#64ddff);color:#06131d;font-size:9px;font-weight:900}
#themeoff-spare-shiraz-page .kids-shape{position:absolute;display:block;z-index:2;filter:drop-shadow(0 15px 26px rgba(0,0,0,.18))}#themeoff-spare-shiraz-page .shape-a{width:105px;height:105px;left:5%;top:82px;border-radius:48% 52% 58% 42%;background:linear-gradient(145deg,#ff95b7,#ffcf73);transform:rotate(18deg)}#themeoff-spare-shiraz-page .shape-b{width:90px;height:90px;left:14%;bottom:112px;border-radius:50%;background:linear-gradient(145deg,#8a7dff,#64ddff)}#themeoff-spare-shiraz-page .shape-c{width:75px;height:75px;right:2%;bottom:60px;border-radius:20px 50px 24px 48px;background:linear-gradient(145deg,#4ff1ab,#81d779);transform:rotate(-14deg)}
#themeoff-spare-shiraz-page .to-kids-chip,#themeoff-spare-shiraz-page .to-kids-float{position:absolute;z-index:6;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(8,24,37,.92);box-shadow:0 18px 38px rgba(0,0,0,.28)}
#themeoff-spare-shiraz-page .to-kids-chip b,#themeoff-spare-shiraz-page .to-kids-float b{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:#06131d;background:linear-gradient(135deg,#ffd66b,#4ff1ab);font-size:9px}#themeoff-spare-shiraz-page .to-kids-chip span,#themeoff-spare-shiraz-page .to-kids-float span{font-size:9px;color:#e9eef3}
#themeoff-spare-shiraz-page .chip-a{left:1%;bottom:145px}#themeoff-spare-shiraz-page .chip-b{right:2%;bottom:82px}#themeoff-spare-shiraz-page .chip-c{left:14%;bottom:22px}
#themeoff-spare-shiraz-page .to-kids-stage{position:relative;min-height:650px;margin-top:34px;perspective:1600px;isolation:isolate}#themeoff-spare-shiraz-page .to-kids-glow{position:absolute;width:330px;height:330px;border-radius:50%;filter:blur(82px);opacity:.14}#themeoff-spare-shiraz-page .to-kids-glow.g1{right:8%;top:10%;background:#ffb86c}#themeoff-spare-shiraz-page .to-kids-glow.g2{left:8%;bottom:8%;background:#64ddff}
#themeoff-spare-shiraz-page .to-kids-dashboard{position:absolute;width:min(860px,85%);left:50%;top:50%;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(145deg,#10283b,#071825);box-shadow:0 46px 96px rgba(0,0,0,.47);transform:translate(-50%,-50%) rotateX(4deg) rotateY(-4deg)}
#themeoff-spare-shiraz-page .to-kids-topbar{min-height:48px;display:flex;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.07)}#themeoff-spare-shiraz-page .to-kids-topbar strong{margin-inline:auto;color:#f2f5f8;font-size:11px}#themeoff-spare-shiraz-page .to-kids-topbar>span{padding:5px 8px;border:1px solid rgba(79,241,171,.22);border-radius:999px;color:#4ff1ab;background:rgba(79,241,171,.07);font-size:8px;font-weight:900}#themeoff-spare-shiraz-page .to-kids-topbar .dots{display:flex;gap:5px}#themeoff-spare-shiraz-page .to-kids-topbar .dots i{width:7px;height:7px;border-radius:50%;background:#61778b}
#themeoff-spare-shiraz-page .to-kids-body{display:grid;grid-template-columns:1.35fr .75fr;gap:12px;padding:14px}#themeoff-spare-shiraz-page .to-kids-flow,#themeoff-spare-shiraz-page .to-kids-preview,#themeoff-spare-shiraz-page .to-kids-status{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(3,15,25,.52)}#themeoff-spare-shiraz-page .to-kids-flow{padding:12px;display:grid;gap:7px}
#themeoff-spare-shiraz-page .to-kids-flow article{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:9px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.02)}#themeoff-spare-shiraz-page .to-kids-flow article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:#b9cce0;background:rgba(255,255,255,.06);font-size:9px;font-weight:900}#themeoff-spare-shiraz-page .to-kids-flow article.is-active>span{color:#06131d;background:linear-gradient(135deg,#ffd66b,#4ff1ab)}#themeoff-spare-shiraz-page .to-kids-flow b{display:block;color:#fff;font-size:9px}#themeoff-spare-shiraz-page .to-kids-flow small{display:block;margin-top:3px;color:#8198a3;font-size:8px}#themeoff-spare-shiraz-page .to-kids-flow em{font-style:normal;color:#8198a3;font-size:8px}#themeoff-spare-shiraz-page .to-kids-flow .is-active em{color:#4ff1ab}
#themeoff-spare-shiraz-page .to-kids-preview{padding:12px}#themeoff-spare-shiraz-page .kids-preview-art{position:relative;display:block;width:100%;aspect-ratio:1.35/1;margin-bottom:10px;border-radius:12px;background:linear-gradient(#78d8ff 0 62%,#7bce7b 62% 100%);overflow:hidden}#themeoff-spare-shiraz-page .kids-preview-art .cloud{position:absolute;width:54px;height:20px;border-radius:999px;background:#fff;opacity:.84}#themeoff-spare-shiraz-page .kids-preview-art .c1{left:14%;top:18%}#themeoff-spare-shiraz-page .kids-preview-art .c2{right:12%;top:28%;width:42px}#themeoff-spare-shiraz-page .kids-preview-art .hill{position:absolute;width:140%;height:80px;left:-20%;bottom:-34px;border-radius:50% 50% 0 0;background:#55b869}#themeoff-spare-shiraz-page .kids-preview-art .ball{position:absolute;width:34px;height:34px;right:22%;bottom:18%;border-radius:50%;background:linear-gradient(135deg,#ff8fb5,#ffd66b)}
#themeoff-spare-shiraz-page .to-kids-preview h3{font-size:11px!important;margin:0 0 6px!important}#themeoff-spare-shiraz-page .to-kids-preview p{font-size:8px;line-height:1.8;margin:0 0 8px!important}#themeoff-spare-shiraz-page .preview-meta{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#839aad}#themeoff-spare-shiraz-page .to-kids-preview button{width:100%;height:34px;margin-top:10px;border:0;border-radius:10px;color:#06131d;background:linear-gradient(135deg,#ffd66b,#4ff1ab);font-size:8px;font-weight:900}
#themeoff-spare-shiraz-page .to-kids-status{margin:0 14px 14px;padding:11px 13px;display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center}#themeoff-spare-shiraz-page .to-kids-status>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#06131d;background:#4ff1ab;font-weight:900}#themeoff-spare-shiraz-page .to-kids-status b{display:block;font-size:10px}#themeoff-spare-shiraz-page .to-kids-status small{display:block;color:#7f96a2;font-size:8px;margin-top:2px}#themeoff-spare-shiraz-page .to-kids-status em{font-style:normal;color:#ffd66b;font-size:8px}
#themeoff-spare-shiraz-page .to-kids-float.f1{right:1%;top:17%}#themeoff-spare-shiraz-page .to-kids-float.f2{left:1%;top:43%}#themeoff-spare-shiraz-page .to-kids-float.f3{right:5%;bottom:8%}
#themeoff-spare-shiraz-page .to-reveal,#themeoff-spare-shiraz-page .to-reveal.is-visible,#themeoff-spare-shiraz-page .to-animated-section,#themeoff-spare-shiraz-page .to-depth-item{opacity:1!important;visibility:visible!important}
#themeoff-spare-shiraz-page .to-description,#themeoff-spare-shiraz-page .to-card p,#themeoff-spare-shiraz-page .to-product-type-card p,#themeoff-spare-shiraz-page .to-woo-benefit-card p,#themeoff-spare-shiraz-page .to-process-item p{max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important}
#themeoff-spare-shiraz-page .to-section:not(.to-contact-section):not(.to-tourism-local-link)>.to-container{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
@media(max-width:767px){#themeoff-spare-shiraz-page .to-kids-hero{min-height:470px}#themeoff-spare-shiraz-page .to-kids-board{width:92%;right:4%;top:78px;transform:rotateX(2deg)}#themeoff-spare-shiraz-page .kids-shape{transform:scale(.8)}#themeoff-spare-shiraz-page .to-kids-chip{padding:7px 8px}#themeoff-spare-shiraz-page .to-kids-chip span,#themeoff-spare-shiraz-page .to-kids-float span{font-size:7px}#themeoff-spare-shiraz-page .to-kids-stage{min-height:600px}#themeoff-spare-shiraz-page .to-kids-dashboard{width:96%;transform:translate(-50%,-50%)!important}#themeoff-spare-shiraz-page .to-kids-body{grid-template-columns:1fr;padding:9px}#themeoff-spare-shiraz-page .to-kids-flow{padding:9px}#themeoff-spare-shiraz-page .to-kids-float{padding:7px 8px}#themeoff-spare-shiraz-page .to-kids-float.f1{right:1%;top:1%}#themeoff-spare-shiraz-page .to-kids-float.f2{left:1%;top:1%}#themeoff-spare-shiraz-page .to-kids-float.f3{right:2%;bottom:1%}}


/* =========================================================
   Music School Shiraz — dedicated music visual system
   ========================================================= */
#themeoff-spare-shiraz-page .to-music-hero{
    position:relative;min-height:550px;perspective:1500px
}
#themeoff-spare-shiraz-page .to-music-card{
    position:absolute;right:10%;top:70px;width:390px;min-height:350px;padding:18px;
    border:1px solid rgba(255,255,255,.12);border-radius:30px;
    background:radial-gradient(circle at 78% 18%,rgba(167,117,255,.20),transparent 30%),linear-gradient(145deg,#10283d,#071925);
    box-shadow:0 42px 88px rgba(0,0,0,.44);transform:rotateY(-7deg) rotateX(3deg)
}
#themeoff-spare-shiraz-page .music-card-head{
    display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:18px
}
#themeoff-spare-shiraz-page .music-card-head span{font-size:8px;color:#8fa6b8}
#themeoff-spare-shiraz-page .music-card-head b{font-size:11px;color:#fff}
#themeoff-spare-shiraz-page .music-wave{
    height:100px;display:flex;align-items:center;justify-content:center;gap:7px;
    margin-bottom:15px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.025)
}
#themeoff-spare-shiraz-page .music-wave i{
    width:7px;border-radius:999px;background:linear-gradient(180deg,#a978ff,#64ddff)
}
#themeoff-spare-shiraz-page .music-wave i:nth-child(1){height:26%}
#themeoff-spare-shiraz-page .music-wave i:nth-child(2){height:58%}
#themeoff-spare-shiraz-page .music-wave i:nth-child(3){height:82%}
#themeoff-spare-shiraz-page .music-wave i:nth-child(4){height:46%}
#themeoff-spare-shiraz-page .music-wave i:nth-child(5){height:90%}
#themeoff-spare-shiraz-page .music-wave i:nth-child(6){height:62%}
#themeoff-spare-shiraz-page .music-wave i:nth-child(7){height:34%}
#themeoff-spare-shiraz-page .music-info-row{
    display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)
}
#themeoff-spare-shiraz-page .music-info-row span{color:#859baa;font-size:8px}
#themeoff-spare-shiraz-page .music-info-row b{color:#fff;font-size:9px}
#themeoff-spare-shiraz-page .music-register-btn{
    min-height:40px;display:grid;place-items:center;margin-top:13px;border-radius:13px;
    background:linear-gradient(135deg,#a978ff,#64ddff);color:#06131d;font-size:9px;font-weight:900
}
#themeoff-spare-shiraz-page .music-note{
    position:absolute;z-index:3;display:grid;place-items:center;color:#b58cff;
    text-shadow:0 12px 28px rgba(167,117,255,.35);font-size:52px;font-weight:900
}
#themeoff-spare-shiraz-page .note-a{left:5%;top:92px;transform:rotate(-14deg)}
#themeoff-spare-shiraz-page .note-b{left:15%;bottom:135px;font-size:64px;transform:rotate(8deg)}
#themeoff-spare-shiraz-page .note-c{right:1%;bottom:65px;font-size:44px;transform:rotate(-8deg)}
#themeoff-spare-shiraz-page .to-music-chip,
#themeoff-spare-shiraz-page .to-music-float{
    position:absolute;z-index:6;display:flex;align-items:center;gap:8px;padding:10px 12px;
    border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(8,24,37,.92);box-shadow:0 18px 38px rgba(0,0,0,.28)
}
#themeoff-spare-shiraz-page .to-music-chip b,
#themeoff-spare-shiraz-page .to-music-float b{
    width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:#06131d;
    background:linear-gradient(135deg,#a978ff,#64ddff)
}
#themeoff-spare-shiraz-page .to-music-chip span,
#themeoff-spare-shiraz-page .to-music-float span{font-size:9px;color:#e9eef3}
#themeoff-spare-shiraz-page .chip-a{left:1%;bottom:145px}
#themeoff-spare-shiraz-page .chip-b{right:2%;bottom:82px}
#themeoff-spare-shiraz-page .chip-c{left:14%;bottom:22px}

#themeoff-spare-shiraz-page .to-music-stage{
    position:relative;min-height:650px;margin-top:34px;perspective:1600px;isolation:isolate
}
#themeoff-spare-shiraz-page .to-music-glow{
    position:absolute;width:330px;height:330px;border-radius:50%;filter:blur(82px);opacity:.14
}
#themeoff-spare-shiraz-page .to-music-glow.g1{right:8%;top:10%;background:#a978ff}
#themeoff-spare-shiraz-page .to-music-glow.g2{left:8%;bottom:8%;background:#64ddff}
#themeoff-spare-shiraz-page .to-music-dashboard{
    position:absolute;width:min(860px,85%);left:50%;top:50%;overflow:hidden;border:1px solid rgba(255,255,255,.12);
    border-radius:28px;background:linear-gradient(145deg,#10283b,#071825);box-shadow:0 46px 96px rgba(0,0,0,.47);
    transform:translate(-50%,-50%) rotateX(4deg) rotateY(-4deg)
}
#themeoff-spare-shiraz-page .to-music-topbar{
    min-height:48px;display:flex;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.07)
}
#themeoff-spare-shiraz-page .to-music-topbar strong{margin-inline:auto;color:#f2f5f8;font-size:11px}
#themeoff-spare-shiraz-page .to-music-topbar>span{
    padding:5px 8px;border:1px solid rgba(169,120,255,.25);border-radius:999px;color:#b790ff;background:rgba(169,120,255,.08);font-size:8px;font-weight:900
}
#themeoff-spare-shiraz-page .to-music-topbar .dots{display:flex;gap:5px}
#themeoff-spare-shiraz-page .to-music-topbar .dots i{width:7px;height:7px;border-radius:50%;background:#61778b}
#themeoff-spare-shiraz-page .to-music-body{display:grid;grid-template-columns:1.35fr .75fr;gap:12px;padding:14px}
#themeoff-spare-shiraz-page .to-music-flow,
#themeoff-spare-shiraz-page .to-music-preview,
#themeoff-spare-shiraz-page .to-music-status{
    border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(3,15,25,.52)
}
#themeoff-spare-shiraz-page .to-music-flow{padding:12px;display:grid;gap:7px}
#themeoff-spare-shiraz-page .to-music-flow article{
    display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:9px;
    border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.02)
}
#themeoff-spare-shiraz-page .to-music-flow article>span{
    width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:#b9cce0;background:rgba(255,255,255,.06);font-size:9px;font-weight:900
}
#themeoff-spare-shiraz-page .to-music-flow article.is-active>span{
    color:#06131d;background:linear-gradient(135deg,#a978ff,#64ddff)
}
#themeoff-spare-shiraz-page .to-music-flow b{display:block;color:#fff;font-size:9px}
#themeoff-spare-shiraz-page .to-music-flow small{display:block;margin-top:3px;color:#8198a3;font-size:8px}
#themeoff-spare-shiraz-page .to-music-flow em{font-style:normal;color:#8198a3;font-size:8px}
#themeoff-spare-shiraz-page .to-music-flow .is-active em{color:#b790ff}
#themeoff-spare-shiraz-page .to-music-preview{padding:12px}
#themeoff-spare-shiraz-page .instrument-preview{
    position:relative;display:block;width:100%;aspect-ratio:1.35/1;margin-bottom:10px;border-radius:12px;
    background:radial-gradient(circle at 70% 25%,rgba(169,120,255,.2),transparent 34%),linear-gradient(145deg,#173447,#0b2030)
}
#themeoff-spare-shiraz-page .instrument-preview .string{
    position:absolute;display:block;width:2px;height:78%;top:11%;background:rgba(255,255,255,.44)
}
#themeoff-spare-shiraz-page .instrument-preview .s1{left:36%}
#themeoff-spare-shiraz-page .instrument-preview .s2{left:50%}
#themeoff-spare-shiraz-page .instrument-preview .s3{left:64%}
#themeoff-spare-shiraz-page .instrument-preview .pick{
    position:absolute;width:62px;height:70px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(18deg);
    border-radius:50% 50% 55% 45%;background:linear-gradient(145deg,#a978ff,#5d4eab)
}
#themeoff-spare-shiraz-page .to-music-preview h3{font-size:11px!important;margin:0 0 6px!important}
#themeoff-spare-shiraz-page .to-music-preview p{font-size:8px;line-height:1.8;margin:0 0 8px!important}
#themeoff-spare-shiraz-page .preview-meta{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#839aad}
#themeoff-spare-shiraz-page .to-music-preview button{
    width:100%;height:34px;margin-top:10px;border:0;border-radius:10px;color:#06131d;
    background:linear-gradient(135deg,#a978ff,#64ddff);font-size:8px;font-weight:900
}
#themeoff-spare-shiraz-page .to-music-status{
    margin:0 14px 14px;padding:11px 13px;display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center
}
#themeoff-spare-shiraz-page .to-music-status>span{
    width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#06131d;background:#64ddff;font-weight:900
}
#themeoff-spare-shiraz-page .to-music-status b{display:block;font-size:10px}
#themeoff-spare-shiraz-page .to-music-status small{display:block;color:#7f96a2;font-size:8px;margin-top:2px}
#themeoff-spare-shiraz-page .to-music-status em{font-style:normal;color:#b790ff;font-size:8px}
#themeoff-spare-shiraz-page .to-music-float.f1{right:1%;top:17%}
#themeoff-spare-shiraz-page .to-music-float.f2{left:1%;top:43%}
#themeoff-spare-shiraz-page .to-music-float.f3{right:5%;bottom:8%}

/* text visibility */
#themeoff-spare-shiraz-page .to-reveal,
#themeoff-spare-shiraz-page .to-reveal.is-visible,
#themeoff-spare-shiraz-page .to-animated-section,
#themeoff-spare-shiraz-page .to-depth-item{opacity:1!important;visibility:visible!important}
#themeoff-spare-shiraz-page .to-description,
#themeoff-spare-shiraz-page .to-card p,
#themeoff-spare-shiraz-page .to-product-type-card p,
#themeoff-spare-shiraz-page .to-woo-benefit-card p,
#themeoff-spare-shiraz-page .to-process-item p{
    max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important
}
#themeoff-spare-shiraz-page .to-section:not(.to-contact-section):not(.to-tourism-local-link)>.to-container{
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
}

@media(max-width:767px){
    #themeoff-spare-shiraz-page .to-music-hero{min-height:470px}
    #themeoff-spare-shiraz-page .to-music-card{width:92%;right:4%;top:78px;transform:rotateX(2deg)}
    #themeoff-spare-shiraz-page .music-note{font-size:40px}
    #themeoff-spare-shiraz-page .to-music-chip{padding:7px 8px}
    #themeoff-spare-shiraz-page .to-music-chip span,
    #themeoff-spare-shiraz-page .to-music-float span{font-size:7px}
    #themeoff-spare-shiraz-page .chip-a{left:0;bottom:130px}
    #themeoff-spare-shiraz-page .chip-b{right:0;bottom:64px}
    #themeoff-spare-shiraz-page .chip-c{left:8%;bottom:10px}
    #themeoff-spare-shiraz-page .to-music-stage{min-height:600px}
    #themeoff-spare-shiraz-page .to-music-dashboard{width:96%;transform:translate(-50%,-50%)!important}
    #themeoff-spare-shiraz-page .to-music-body{grid-template-columns:1fr;padding:9px}
    #themeoff-spare-shiraz-page .to-music-flow{padding:9px}
    #themeoff-spare-shiraz-page .to-music-float{padding:7px 8px}
    #themeoff-spare-shiraz-page .to-music-float.f1{right:1%;top:1%}
    #themeoff-spare-shiraz-page .to-music-float.f2{left:1%;top:1%}
    #themeoff-spare-shiraz-page .to-music-float.f3{right:2%;bottom:1%}
}


/* =========================================================
   Beauty Clinic Shiraz — dedicated premium medical beauty visual
   ========================================================= */
#themeoff-spare-shiraz-page .to-beauty-hero{
    position:relative;min-height:550px;perspective:1500px
}
#themeoff-spare-shiraz-page .to-beauty-face{
    position:absolute;width:330px;height:330px;right:14%;top:72px;border-radius:50%;
    background:radial-gradient(circle at 50% 44%,rgba(255,219,225,.18),transparent 46%),
               linear-gradient(145deg,#132c3f,#091a27);
    border:1px solid rgba(255,255,255,.1);box-shadow:0 38px 80px rgba(0,0,0,.4)
}
#themeoff-spare-shiraz-page .face-ring{
    position:absolute;border:1px solid rgba(255,194,206,.25);border-radius:50%
}
#themeoff-spare-shiraz-page .face-ring.r1{inset:32px}
#themeoff-spare-shiraz-page .face-ring.r2{inset:72px;border-color:rgba(100,221,255,.18)}
#themeoff-spare-shiraz-page .face-line{
    position:absolute;width:2px;height:170px;left:50%;top:80px;background:linear-gradient(transparent,#ffbdcb,transparent)
}
#themeoff-spare-shiraz-page .face-line.l2{transform:rotate(90deg)}
#themeoff-spare-shiraz-page .face-point{
    position:absolute;width:11px;height:11px;border-radius:50%;background:#ffbdcb;box-shadow:0 0 18px rgba(255,189,203,.65)
}
#themeoff-spare-shiraz-page .face-point.p1{left:33%;top:36%}
#themeoff-spare-shiraz-page .face-point.p2{right:32%;top:44%}
#themeoff-spare-shiraz-page .face-point.p3{left:48%;bottom:24%}
#themeoff-spare-shiraz-page .to-beauty-appointment{
    position:absolute;left:1%;top:85px;z-index:5;min-width:235px;padding:14px;
    border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(8,24,37,.92);
    box-shadow:0 20px 42px rgba(0,0,0,.28)
}
#themeoff-spare-shiraz-page .beauty-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}
#themeoff-spare-shiraz-page .beauty-head span{font-size:8px;color:#8fa6b8}
#themeoff-spare-shiraz-page .beauty-head b{font-size:14px;color:#ffbdcb}
#themeoff-spare-shiraz-page .beauty-service{display:grid;grid-template-columns:36px 1fr;gap:9px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.03)}
#themeoff-spare-shiraz-page .beauty-service i{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#ffbdcb,#64ddff)}
#themeoff-spare-shiraz-page .beauty-service b{display:block;font-size:9px;color:#fff}
#themeoff-spare-shiraz-page .beauty-service small{display:block;margin-top:3px;color:#839aad;font-size:8px}
#themeoff-spare-shiraz-page .beauty-btn{min-height:38px;display:grid;place-items:center;margin-top:10px;border-radius:11px;background:linear-gradient(135deg,#ffbdcb,#64ddff);color:#06131d;font-size:9px;font-weight:900}
#themeoff-spare-shiraz-page .to-beauty-chip,
#themeoff-spare-shiraz-page .to-beauty-float{
    position:absolute;z-index:6;display:flex;align-items:center;gap:8px;padding:10px 12px;
    border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(8,24,37,.92);box-shadow:0 18px 38px rgba(0,0,0,.28)
}
#themeoff-spare-shiraz-page .to-beauty-chip b,
#themeoff-spare-shiraz-page .to-beauty-float b{
    width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:#06131d;background:linear-gradient(135deg,#ffbdcb,#64ddff)
}
#themeoff-spare-shiraz-page .to-beauty-chip span,
#themeoff-spare-shiraz-page .to-beauty-float span{font-size:9px;color:#e9eef3}
#themeoff-spare-shiraz-page .chip-a{left:2%;bottom:145px}
#themeoff-spare-shiraz-page .chip-b{right:2%;bottom:82px}
#themeoff-spare-shiraz-page .chip-c{left:14%;bottom:22px}

#themeoff-spare-shiraz-page .to-beauty-stage{
    position:relative;min-height:650px;margin-top:34px;perspective:1600px;isolation:isolate
}
#themeoff-spare-shiraz-page .to-beauty-glow{
    position:absolute;width:330px;height:330px;border-radius:50%;filter:blur(82px);opacity:.14
}
#themeoff-spare-shiraz-page .to-beauty-glow.g1{right:8%;top:10%;background:#ff9fb4}
#themeoff-spare-shiraz-page .to-beauty-glow.g2{left:8%;bottom:8%;background:#64ddff}
#themeoff-spare-shiraz-page .to-beauty-dashboard{
    position:absolute;width:min(860px,85%);left:50%;top:50%;overflow:hidden;border:1px solid rgba(255,255,255,.12);
    border-radius:28px;background:linear-gradient(145deg,#10283b,#071825);box-shadow:0 46px 96px rgba(0,0,0,.47);
    transform:translate(-50%,-50%) rotateX(4deg) rotateY(-4deg)
}
#themeoff-spare-shiraz-page .to-beauty-topbar{
    min-height:48px;display:flex;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.07)
}
#themeoff-spare-shiraz-page .to-beauty-topbar strong{margin-inline:auto;color:#f2f5f8;font-size:11px}
#themeoff-spare-shiraz-page .to-beauty-topbar>span{
    padding:5px 8px;border:1px solid rgba(255,189,203,.24);border-radius:999px;color:#ffbdcb;background:rgba(255,189,203,.07);font-size:8px;font-weight:900
}
#themeoff-spare-shiraz-page .to-beauty-topbar .dots{display:flex;gap:5px}
#themeoff-spare-shiraz-page .to-beauty-topbar .dots i{width:7px;height:7px;border-radius:50%;background:#61778b}
#themeoff-spare-shiraz-page .to-beauty-body{display:grid;grid-template-columns:1.35fr .75fr;gap:12px;padding:14px}
#themeoff-spare-shiraz-page .to-beauty-flow,
#themeoff-spare-shiraz-page .to-beauty-preview,
#themeoff-spare-shiraz-page .to-beauty-status{
    border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(3,15,25,.52)
}
#themeoff-spare-shiraz-page .to-beauty-flow{padding:12px;display:grid;gap:7px}
#themeoff-spare-shiraz-page .to-beauty-flow article{
    display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:9px;
    border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.02)
}
#themeoff-spare-shiraz-page .to-beauty-flow article>span{
    width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:#b9cce0;background:rgba(255,255,255,.06);font-size:9px;font-weight:900
}
#themeoff-spare-shiraz-page .to-beauty-flow article.is-active>span{
    color:#06131d;background:linear-gradient(135deg,#ffbdcb,#64ddff)
}
#themeoff-spare-shiraz-page .to-beauty-flow b{display:block;color:#fff;font-size:9px}
#themeoff-spare-shiraz-page .to-beauty-flow small{display:block;margin-top:3px;color:#8198a3;font-size:8px}
#themeoff-spare-shiraz-page .to-beauty-flow em{font-style:normal;color:#8198a3;font-size:8px}
#themeoff-spare-shiraz-page .to-beauty-flow .is-active em{color:#ffbdcb}
#themeoff-spare-shiraz-page .to-beauty-preview{padding:12px}
#themeoff-spare-shiraz-page .beauty-preview-art{
    position:relative;display:block;width:100%;aspect-ratio:1.35/1;margin-bottom:10px;border-radius:12px;
    background:radial-gradient(circle at 50% 45%,rgba(255,189,203,.2),transparent 38%),linear-gradient(145deg,#173447,#0b2030)
}
#themeoff-spare-shiraz-page .beauty-preview-art .orb{
    position:absolute;border-radius:50%;background:linear-gradient(145deg,#ffbdcb,#b178ff)
}
#themeoff-spare-shiraz-page .beauty-preview-art .o1{width:54px;height:54px;left:22%;top:18%}
#themeoff-spare-shiraz-page .beauty-preview-art .o2{width:38px;height:38px;right:18%;top:30%;background:linear-gradient(145deg,#64ddff,#86ffc7)}
#themeoff-spare-shiraz-page .beauty-preview-art .o3{width:28px;height:28px;left:48%;bottom:16%;background:linear-gradient(145deg,#ffd7a8,#ff9fb4)}
#themeoff-spare-shiraz-page .to-beauty-preview h3{font-size:11px!important;margin:0 0 6px!important}
#themeoff-spare-shiraz-page .to-beauty-preview p{font-size:8px;line-height:1.8;margin:0 0 8px!important}
#themeoff-spare-shiraz-page .preview-meta{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#839aad}
#themeoff-spare-shiraz-page .to-beauty-preview button{
    width:100%;height:34px;margin-top:10px;border:0;border-radius:10px;color:#06131d;
    background:linear-gradient(135deg,#ffbdcb,#64ddff);font-size:8px;font-weight:900
}
#themeoff-spare-shiraz-page .to-beauty-status{
    margin:0 14px 14px;padding:11px 13px;display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center
}
#themeoff-spare-shiraz-page .to-beauty-status>span{
    width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#06131d;background:#64ddff;font-weight:900
}
#themeoff-spare-shiraz-page .to-beauty-status b{display:block;font-size:10px}
#themeoff-spare-shiraz-page .to-beauty-status small{display:block;color:#7f96a2;font-size:8px;margin-top:2px}
#themeoff-spare-shiraz-page .to-beauty-status em{font-style:normal;color:#ffbdcb;font-size:8px}
#themeoff-spare-shiraz-page .to-beauty-float.f1{right:1%;top:17%}
#themeoff-spare-shiraz-page .to-beauty-float.f2{left:1%;top:43%}
#themeoff-spare-shiraz-page .to-beauty-float.f3{right:5%;bottom:8%}

/* text visibility */
#themeoff-spare-shiraz-page .to-reveal,
#themeoff-spare-shiraz-page .to-reveal.is-visible,
#themeoff-spare-shiraz-page .to-animated-section,
#themeoff-spare-shiraz-page .to-depth-item{opacity:1!important;visibility:visible!important}
#themeoff-spare-shiraz-page .to-description,
#themeoff-spare-shiraz-page .to-card p,
#themeoff-spare-shiraz-page .to-product-type-card p,
#themeoff-spare-shiraz-page .to-woo-benefit-card p,
#themeoff-spare-shiraz-page .to-process-item p{
    max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important
}
#themeoff-spare-shiraz-page .to-section:not(.to-contact-section):not(.to-tourism-local-link)>.to-container{
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
}

@media(max-width:767px){
    #themeoff-spare-shiraz-page .to-beauty-hero{min-height:470px}
    #themeoff-spare-shiraz-page .to-beauty-face{width:255px;height:255px;right:8%;top:100px}
    #themeoff-spare-shiraz-page .to-beauty-appointment{left:0;top:42px;min-width:180px}
    #themeoff-spare-shiraz-page .to-beauty-chip{padding:7px 8px}
    #themeoff-spare-shiraz-page .to-beauty-chip span,
    #themeoff-spare-shiraz-page .to-beauty-float span{font-size:7px}
    #themeoff-spare-shiraz-page .chip-a{left:0;bottom:130px}
    #themeoff-spare-shiraz-page .chip-b{right:0;bottom:64px}
    #themeoff-spare-shiraz-page .chip-c{left:8%;bottom:10px}
    #themeoff-spare-shiraz-page .to-beauty-stage{min-height:600px}
    #themeoff-spare-shiraz-page .to-beauty-dashboard{width:96%;transform:translate(-50%,-50%)!important}
    #themeoff-spare-shiraz-page .to-beauty-body{grid-template-columns:1fr;padding:9px}
    #themeoff-spare-shiraz-page .to-beauty-flow{padding:9px}
    #themeoff-spare-shiraz-page .to-beauty-float{padding:7px 8px}
    #themeoff-spare-shiraz-page .to-beauty-float.f1{right:1%;top:1%}
    #themeoff-spare-shiraz-page .to-beauty-float.f2{left:1%;top:1%}
    #themeoff-spare-shiraz-page .to-beauty-float.f3{right:2%;bottom:1%}
}


/* =========================================================
   Architecture Company Shiraz — dedicated architecture visual
   ========================================================= */
#themeoff-spare-shiraz-page .to-architecture-hero{
    position:relative;min-height:560px;perspective:1600px
}
#themeoff-spare-shiraz-page .to-blueprint-board{
    position:absolute;right:8%;top:72px;width:430px;height:350px;overflow:hidden;
    border:1px solid rgba(255,255,255,.12);border-radius:28px;
    background:
        linear-gradient(rgba(100,221,255,.055) 1px,transparent 1px),
        linear-gradient(90deg,rgba(100,221,255,.055) 1px,transparent 1px),
        linear-gradient(145deg,#102a40,#071925);
    background-size:24px 24px;
    box-shadow:0 42px 88px rgba(0,0,0,.44);transform:rotateY(-7deg) rotateX(3deg)
}
#themeoff-spare-shiraz-page .plan-core{position:absolute;inset:55px 65px 75px 65px}
#themeoff-spare-shiraz-page .plan-core .wall{position:absolute;background:#79d8ff;border-radius:999px;box-shadow:0 0 18px rgba(121,216,255,.14)}
#themeoff-spare-shiraz-page .plan-core .w1{width:75%;height:3px;left:8%;top:15%}
#themeoff-spare-shiraz-page .plan-core .w2{width:3px;height:70%;left:15%;top:15%}
#themeoff-spare-shiraz-page .plan-core .w3{width:58%;height:3px;right:8%;bottom:22%}
#themeoff-spare-shiraz-page .plan-core .w4{width:3px;height:58%;right:18%;top:15%}
#themeoff-spare-shiraz-page .plan-core .door{position:absolute;width:38px;height:38px;border:2px solid #8fe3ff;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%}
#themeoff-spare-shiraz-page .plan-core .d1{left:15%;top:40%;transform:rotate(45deg)}
#themeoff-spare-shiraz-page .plan-core .d2{right:18%;bottom:22%;transform:rotate(225deg)}
#themeoff-spare-shiraz-page .blueprint-label{position:absolute;right:22px;bottom:20px}
#themeoff-spare-shiraz-page .blueprint-label small{display:block;color:#7e9aac;font-size:7px;letter-spacing:1px}
#themeoff-spare-shiraz-page .blueprint-label b{display:block;margin-top:4px;color:#fff;font-size:13px}
#themeoff-spare-shiraz-page .blueprint-label span{display:block;margin-top:3px;color:#64ddff;font-size:8px}
#themeoff-spare-shiraz-page .to-architecture-card{
    position:absolute;z-index:5;min-width:150px;padding:13px 15px;border:1px solid rgba(255,255,255,.1);
    border-radius:16px;background:rgba(8,22,35,.92);box-shadow:0 20px 42px rgba(0,0,0,.3)
}
#themeoff-spare-shiraz-page .to-architecture-card span{display:block;color:#8ca1b5;font-size:7px;letter-spacing:1px}
#themeoff-spare-shiraz-page .to-architecture-card b{display:block;margin-top:4px;color:#fff;font-size:13px}
#themeoff-spare-shiraz-page .to-architecture-card small{display:block;margin-top:3px;color:#64ddff;font-size:8px}
#themeoff-spare-shiraz-page .card-a{left:1%;top:80px}
#themeoff-spare-shiraz-page .card-b{left:6%;bottom:130px}
#themeoff-spare-shiraz-page .card-c{right:1%;bottom:40px}

#themeoff-spare-shiraz-page .to-architecture-stage{
    position:relative;min-height:660px;margin-top:34px;perspective:1600px;isolation:isolate
}
#themeoff-spare-shiraz-page .to-architecture-glow{
    position:absolute;width:340px;height:340px;border-radius:50%;filter:blur(86px);opacity:.13
}
#themeoff-spare-shiraz-page .to-architecture-glow.g1{right:8%;top:10%;background:#64ddff}
#themeoff-spare-shiraz-page .to-architecture-glow.g2{left:8%;bottom:8%;background:#9ca7ff}
#themeoff-spare-shiraz-page .to-architecture-dashboard{
    position:absolute;width:min(870px,85%);left:50%;top:50%;overflow:hidden;
    border:1px solid rgba(255,255,255,.12);border-radius:28px;
    background:linear-gradient(145deg,#10283b,#071825);box-shadow:0 48px 100px rgba(0,0,0,.48);
    transform:translate(-50%,-50%) rotateX(4deg) rotateY(-4deg)
}
#themeoff-spare-shiraz-page .to-architecture-topbar{
    min-height:48px;display:flex;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.07)
}
#themeoff-spare-shiraz-page .to-architecture-topbar strong{margin-inline:auto;color:#f2f5f8;font-size:11px}
#themeoff-spare-shiraz-page .to-architecture-topbar>span{
    padding:5px 8px;border:1px solid rgba(100,221,255,.24);border-radius:999px;color:#64ddff;background:rgba(100,221,255,.07);font-size:8px;font-weight:900
}
#themeoff-spare-shiraz-page .to-architecture-topbar .dots{display:flex;gap:5px}
#themeoff-spare-shiraz-page .to-architecture-topbar .dots i{width:7px;height:7px;border-radius:50%;background:#61778b}
#themeoff-spare-shiraz-page .to-architecture-body{display:grid;grid-template-columns:1.35fr .75fr;gap:12px;padding:14px}
#themeoff-spare-shiraz-page .to-architecture-flow,
#themeoff-spare-shiraz-page .to-architecture-preview,
#themeoff-spare-shiraz-page .to-architecture-status{
    border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(3,15,25,.52)
}
#themeoff-spare-shiraz-page .to-architecture-flow{padding:12px;display:grid;gap:7px}
#themeoff-spare-shiraz-page .to-architecture-flow article{
    display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:9px;
    border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.02)
}
#themeoff-spare-shiraz-page .to-architecture-flow article>span{
    width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:#b9cce0;background:rgba(255,255,255,.06);font-size:9px;font-weight:900
}
#themeoff-spare-shiraz-page .to-architecture-flow article.is-active>span{
    color:#06131d;background:linear-gradient(135deg,#64ddff,#9ca7ff)
}
#themeoff-spare-shiraz-page .to-architecture-flow b{display:block;color:#fff;font-size:9px}
#themeoff-spare-shiraz-page .to-architecture-flow small{display:block;margin-top:3px;color:#8198a3;font-size:8px}
#themeoff-spare-shiraz-page .to-architecture-flow em{font-style:normal;color:#8198a3;font-size:8px}
#themeoff-spare-shiraz-page .to-architecture-flow .is-active em{color:#64ddff}
#themeoff-spare-shiraz-page .to-architecture-preview{padding:12px}
#themeoff-spare-shiraz-page .architecture-preview-art{
    position:relative;display:block;width:100%;aspect-ratio:1.35/1;margin-bottom:10px;border-radius:12px;
    background:linear-gradient(145deg,#173447,#0b2030);overflow:hidden
}
#themeoff-spare-shiraz-page .architecture-preview-art .mass{
    position:absolute;bottom:14%;background:linear-gradient(145deg,#c9d2d8,#5f7080);box-shadow:0 15px 28px rgba(0,0,0,.22)
}
#themeoff-spare-shiraz-page .architecture-preview-art .m1{width:78px;height:92px;left:16%;transform:skewY(-8deg)}
#themeoff-spare-shiraz-page .architecture-preview-art .m2{width:90px;height:122px;left:40%;transform:skewY(6deg)}
#themeoff-spare-shiraz-page .architecture-preview-art .m3{width:62px;height:72px;right:10%;transform:skewY(-4deg)}
#themeoff-spare-shiraz-page .to-architecture-preview h3{font-size:11px!important;margin:0 0 6px!important}
#themeoff-spare-shiraz-page .to-architecture-preview p{font-size:8px;line-height:1.8;margin:0 0 8px!important}
#themeoff-spare-shiraz-page .preview-meta{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#839aad}
#themeoff-spare-shiraz-page .to-architecture-preview button{
    width:100%;height:34px;margin-top:10px;border:1px solid rgba(100,221,255,.26);border-radius:10px;
    color:#64ddff;background:rgba(100,221,255,.06);font-size:8px;font-weight:900
}
#themeoff-spare-shiraz-page .to-architecture-status{
    margin:0 14px 14px;padding:11px 13px;display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center
}
#themeoff-spare-shiraz-page .to-architecture-status>span{
    width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#06131d;background:#64ddff;font-weight:900
}
#themeoff-spare-shiraz-page .to-architecture-status b{display:block;font-size:10px}
#themeoff-spare-shiraz-page .to-architecture-status small{display:block;color:#7f96a2;font-size:8px;margin-top:2px}
#themeoff-spare-shiraz-page .to-architecture-status em{font-style:normal;color:#64ddff;font-size:8px}
#themeoff-spare-shiraz-page .to-architecture-float{
    position:absolute;z-index:6;display:flex;align-items:center;gap:8px;padding:10px 12px;
    border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(8,22,35,.92);box-shadow:0 18px 38px rgba(0,0,0,.28)
}
#themeoff-spare-shiraz-page .to-architecture-float b{
    width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:#06131d;background:linear-gradient(135deg,#64ddff,#9ca7ff)
}
#themeoff-spare-shiraz-page .to-architecture-float span{font-size:9px;color:#e9eef3}
#themeoff-spare-shiraz-page .to-architecture-float.f1{right:1%;top:17%}
#themeoff-spare-shiraz-page .to-architecture-float.f2{left:1%;top:43%}
#themeoff-spare-shiraz-page .to-architecture-float.f3{right:5%;bottom:8%}

/* text visibility */
#themeoff-spare-shiraz-page .to-reveal,
#themeoff-spare-shiraz-page .to-reveal.is-visible,
#themeoff-spare-shiraz-page .to-animated-section,
#themeoff-spare-shiraz-page .to-depth-item{opacity:1!important;visibility:visible!important}
#themeoff-spare-shiraz-page .to-description,
#themeoff-spare-shiraz-page .to-card p,
#themeoff-spare-shiraz-page .to-product-type-card p,
#themeoff-spare-shiraz-page .to-woo-benefit-card p,
#themeoff-spare-shiraz-page .to-process-item p{
    max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important
}
#themeoff-spare-shiraz-page .to-section:not(.to-contact-section):not(.to-tourism-local-link)>.to-container{
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
}

@media(max-width:767px){
    #themeoff-spare-shiraz-page .to-architecture-hero{min-height:470px}
    #themeoff-spare-shiraz-page .to-blueprint-board{width:92%;right:4%;top:78px;height:320px;transform:rotateX(2deg)}
    #themeoff-spare-shiraz-page .to-architecture-card{min-width:115px;padding:9px 10px}
    #themeoff-spare-shiraz-page .card-a{left:0;top:24px}
    #themeoff-spare-shiraz-page .card-b{left:0;bottom:38px}
    #themeoff-spare-shiraz-page .card-c{right:0;bottom:8px}
    #themeoff-spare-shiraz-page .to-architecture-stage{min-height:600px}
    #themeoff-spare-shiraz-page .to-architecture-dashboard{width:96%;transform:translate(-50%,-50%)!important}
    #themeoff-spare-shiraz-page .to-architecture-body{grid-template-columns:1fr;padding:9px}
    #themeoff-spare-shiraz-page .to-architecture-flow{padding:9px}
    #themeoff-spare-shiraz-page .to-architecture-float{padding:7px 8px}
    #themeoff-spare-shiraz-page .to-architecture-float span{font-size:7px}
    #themeoff-spare-shiraz-page .to-architecture-float.f1{right:1%;top:1%}
    #themeoff-spare-shiraz-page .to-architecture-float.f2{left:1%;top:1%}
    #themeoff-spare-shiraz-page .to-architecture-float.f3{right:2%;bottom:1%}
}


/* =========================================================
   Trading Company Shiraz — dedicated trade visual system
   ========================================================= */
#themeoff-spare-shiraz-page .to-trading-hero{
    position:relative;min-height:560px;perspective:1600px
}
#themeoff-spare-shiraz-page .to-trade-map{
    position:absolute;right:8%;top:72px;width:430px;height:350px;overflow:hidden;
    border:1px solid rgba(255,255,255,.12);border-radius:28px;
    background:
        radial-gradient(circle at 72% 22%,rgba(79,241,171,.12),transparent 28%),
        linear-gradient(145deg,#102a40,#071925);
    box-shadow:0 42px 88px rgba(0,0,0,.44);transform:rotateY(-7deg) rotateX(3deg)
}
#themeoff-spare-shiraz-page .trade-node{
    position:absolute;width:14px;height:14px;border-radius:50%;background:#4ff1ab;
    box-shadow:0 0 20px rgba(79,241,171,.58)
}
#themeoff-spare-shiraz-page .trade-node.n1{left:18%;top:28%}
#themeoff-spare-shiraz-page .trade-node.n2{left:42%;top:48%}
#themeoff-spare-shiraz-page .trade-node.n3{right:18%;top:24%}
#themeoff-spare-shiraz-page .trade-node.n4{right:26%;bottom:22%}
#themeoff-spare-shiraz-page .trade-node.n5{left:22%;bottom:18%}
#themeoff-spare-shiraz-page .trade-route{
    position:absolute;height:2px;transform-origin:left center;
    background:linear-gradient(90deg,rgba(100,221,255,.15),#64ddff,rgba(79,241,171,.15))
}
#themeoff-spare-shiraz-page .trade-route.r1{width:190px;left:20%;top:31%;transform:rotate(15deg)}
#themeoff-spare-shiraz-page .trade-route.r2{width:160px;left:42%;top:51%;transform:rotate(-28deg)}
#themeoff-spare-shiraz-page .trade-route.r3{width:210px;left:20%;bottom:24%;transform:rotate(-9deg)}
#themeoff-spare-shiraz-page .trade-center{position:absolute;right:24px;bottom:22px}
#themeoff-spare-shiraz-page .trade-center small{display:block;color:#7e9aac;font-size:7px;letter-spacing:1px}
#themeoff-spare-shiraz-page .trade-center b{display:block;margin-top:4px;color:#fff;font-size:13px}
#themeoff-spare-shiraz-page .trade-center span{display:block;margin-top:3px;color:#4ff1ab;font-size:8px}
#themeoff-spare-shiraz-page .to-trade-card{
    position:absolute;z-index:5;min-width:150px;padding:13px 15px;border:1px solid rgba(255,255,255,.1);
    border-radius:16px;background:rgba(8,22,35,.92);box-shadow:0 20px 42px rgba(0,0,0,.3)
}
#themeoff-spare-shiraz-page .to-trade-card span{display:block;color:#8ca1b5;font-size:7px;letter-spacing:1px}
#themeoff-spare-shiraz-page .to-trade-card b{display:block;margin-top:4px;color:#fff;font-size:13px}
#themeoff-spare-shiraz-page .to-trade-card small{display:block;margin-top:3px;color:#4ff1ab;font-size:8px}
#themeoff-spare-shiraz-page .card-a{left:1%;top:80px}
#themeoff-spare-shiraz-page .card-b{left:6%;bottom:130px}
#themeoff-spare-shiraz-page .card-c{right:1%;bottom:40px}

#themeoff-spare-shiraz-page .to-trading-stage{
    position:relative;min-height:660px;margin-top:34px;perspective:1600px;isolation:isolate
}
#themeoff-spare-shiraz-page .to-trading-glow{
    position:absolute;width:340px;height:340px;border-radius:50%;filter:blur(86px);opacity:.13
}
#themeoff-spare-shiraz-page .to-trading-glow.g1{right:8%;top:10%;background:#4ff1ab}
#themeoff-spare-shiraz-page .to-trading-glow.g2{left:8%;bottom:8%;background:#64ddff}
#themeoff-spare-shiraz-page .to-trading-dashboard{
    position:absolute;width:min(870px,85%);left:50%;top:50%;overflow:hidden;
    border:1px solid rgba(255,255,255,.12);border-radius:28px;
    background:linear-gradient(145deg,#10283b,#071825);box-shadow:0 48px 100px rgba(0,0,0,.48);
    transform:translate(-50%,-50%) rotateX(4deg) rotateY(-4deg)
}
#themeoff-spare-shiraz-page .to-trading-topbar{
    min-height:48px;display:flex;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.07)
}
#themeoff-spare-shiraz-page .to-trading-topbar strong{margin-inline:auto;color:#f2f5f8;font-size:11px}
#themeoff-spare-shiraz-page .to-trading-topbar>span{
    padding:5px 8px;border:1px solid rgba(79,241,171,.24);border-radius:999px;color:#4ff1ab;background:rgba(79,241,171,.07);font-size:8px;font-weight:900
}
#themeoff-spare-shiraz-page .to-trading-topbar .dots{display:flex;gap:5px}
#themeoff-spare-shiraz-page .to-trading-topbar .dots i{width:7px;height:7px;border-radius:50%;background:#61778b}
#themeoff-spare-shiraz-page .to-trading-body{display:grid;grid-template-columns:1.35fr .75fr;gap:12px;padding:14px}
#themeoff-spare-shiraz-page .to-trading-flow,
#themeoff-spare-shiraz-page .to-trading-preview,
#themeoff-spare-shiraz-page .to-trading-status{
    border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(3,15,25,.52)
}
#themeoff-spare-shiraz-page .to-trading-flow{padding:12px;display:grid;gap:7px}
#themeoff-spare-shiraz-page .to-trading-flow article{
    display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:9px;
    border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.02)
}
#themeoff-spare-shiraz-page .to-trading-flow article>span{
    width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:#b9cce0;background:rgba(255,255,255,.06);font-size:9px;font-weight:900
}
#themeoff-spare-shiraz-page .to-trading-flow article.is-active>span{
    color:#06131d;background:linear-gradient(135deg,#4ff1ab,#64ddff)
}
#themeoff-spare-shiraz-page .to-trading-flow b{display:block;color:#fff;font-size:9px}
#themeoff-spare-shiraz-page .to-trading-flow small{display:block;margin-top:3px;color:#8198a3;font-size:8px}
#themeoff-spare-shiraz-page .to-trading-flow em{font-style:normal;color:#8198a3;font-size:8px}
#themeoff-spare-shiraz-page .to-trading-flow .is-active em{color:#4ff1ab}
#themeoff-spare-shiraz-page .to-trading-preview{padding:12px}
#themeoff-spare-shiraz-page .trade-preview-art{
    position:relative;display:block;width:100%;aspect-ratio:1.35/1;margin-bottom:10px;border-radius:12px;
    background:linear-gradient(145deg,#173447,#0b2030);overflow:hidden
}
#themeoff-spare-shiraz-page .trade-preview-art .box{
    position:absolute;bottom:18%;width:54px;height:54px;border-radius:8px;
    background:linear-gradient(145deg,#c79c68,#765737);box-shadow:0 14px 25px rgba(0,0,0,.24)
}
#themeoff-spare-shiraz-page .trade-preview-art .b1{left:15%}
#themeoff-spare-shiraz-page .trade-preview-art .b2{left:39%;bottom:28%}
#themeoff-spare-shiraz-page .trade-preview-art .b3{right:12%;width:44px;height:44px}
#themeoff-spare-shiraz-page .trade-preview-art .route-line{
    position:absolute;left:18%;right:16%;top:26%;height:2px;background:linear-gradient(90deg,#4ff1ab,#64ddff);transform:rotate(9deg)
}
#themeoff-spare-shiraz-page .to-trading-preview h3{font-size:11px!important;margin:0 0 6px!important}
#themeoff-spare-shiraz-page .to-trading-preview p{font-size:8px;line-height:1.8;margin:0 0 8px!important}
#themeoff-spare-shiraz-page .preview-meta{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#839aad}
#themeoff-spare-shiraz-page .to-trading-preview button{
    width:100%;height:34px;margin-top:10px;border:1px solid rgba(79,241,171,.26);border-radius:10px;
    color:#4ff1ab;background:rgba(79,241,171,.06);font-size:8px;font-weight:900
}
#themeoff-spare-shiraz-page .to-trading-status{
    margin:0 14px 14px;padding:11px 13px;display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center
}
#themeoff-spare-shiraz-page .to-trading-status>span{
    width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#06131d;background:#4ff1ab;font-weight:900
}
#themeoff-spare-shiraz-page .to-trading-status b{display:block;font-size:10px}
#themeoff-spare-shiraz-page .to-trading-status small{display:block;color:#7f96a2;font-size:8px;margin-top:2px}
#themeoff-spare-shiraz-page .to-trading-status em{font-style:normal;color:#4ff1ab;font-size:8px}
#themeoff-spare-shiraz-page .to-trading-float{
    position:absolute;z-index:6;display:flex;align-items:center;gap:8px;padding:10px 12px;
    border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(8,22,35,.92);box-shadow:0 18px 38px rgba(0,0,0,.28)
}
#themeoff-spare-shiraz-page .to-trading-float b{
    width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:#06131d;background:linear-gradient(135deg,#4ff1ab,#64ddff)
}
#themeoff-spare-shiraz-page .to-trading-float span{font-size:9px;color:#e9eef3}
#themeoff-spare-shiraz-page .to-trading-float.f1{right:1%;top:17%}
#themeoff-spare-shiraz-page .to-trading-float.f2{left:1%;top:43%}
#themeoff-spare-shiraz-page .to-trading-float.f3{right:5%;bottom:8%}

/* text visibility */
#themeoff-spare-shiraz-page .to-reveal,
#themeoff-spare-shiraz-page .to-reveal.is-visible,
#themeoff-spare-shiraz-page .to-animated-section,
#themeoff-spare-shiraz-page .to-depth-item{opacity:1!important;visibility:visible!important}
#themeoff-spare-shiraz-page .to-description,
#themeoff-spare-shiraz-page .to-card p,
#themeoff-spare-shiraz-page .to-product-type-card p,
#themeoff-spare-shiraz-page .to-woo-benefit-card p,
#themeoff-spare-shiraz-page .to-process-item p{
    max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important
}
#themeoff-spare-shiraz-page .to-section:not(.to-contact-section):not(.to-tourism-local-link)>.to-container{
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
}

@media(max-width:767px){
    #themeoff-spare-shiraz-page .to-trading-hero{min-height:470px}
    #themeoff-spare-shiraz-page .to-trade-map{width:92%;right:4%;top:78px;height:320px;transform:rotateX(2deg)}
    #themeoff-spare-shiraz-page .to-trade-card{min-width:115px;padding:9px 10px}
    #themeoff-spare-shiraz-page .card-a{left:0;top:24px}
    #themeoff-spare-shiraz-page .card-b{left:0;bottom:38px}
    #themeoff-spare-shiraz-page .card-c{right:0;bottom:8px}
    #themeoff-spare-shiraz-page .to-trading-stage{min-height:600px}
    #themeoff-spare-shiraz-page .to-trading-dashboard{width:96%;transform:translate(-50%,-50%)!important}
    #themeoff-spare-shiraz-page .to-trading-body{grid-template-columns:1fr;padding:9px}
    #themeoff-spare-shiraz-page .to-trading-flow{padding:9px}
    #themeoff-spare-shiraz-page .to-trading-float{padding:7px 8px}
    #themeoff-spare-shiraz-page .to-trading-float span{font-size:7px}
    #themeoff-spare-shiraz-page .to-trading-float.f1{right:1%;top:1%}
    #themeoff-spare-shiraz-page .to-trading-float.f2{left:1%;top:1%}
    #themeoff-spare-shiraz-page .to-trading-float.f3{right:2%;bottom:1%}
}


/* =========================================================
   School Shiraz — dedicated school enrollment visual
   ========================================================= */
#themeoff-spare-shiraz-page .to-school-hero{position:relative;min-height:560px;perspective:1600px}
#themeoff-spare-shiraz-page .to-school-card{
    position:absolute;right:8%;top:72px;width:420px;min-height:350px;padding:18px;
    border:1px solid rgba(255,255,255,.12);border-radius:28px;
    background:radial-gradient(circle at 72% 22%,rgba(91,209,255,.17),transparent 28%),linear-gradient(145deg,#10283d,#071925);
    box-shadow:0 42px 88px rgba(0,0,0,.44);transform:rotateY(-7deg) rotateX(3deg)
}
#themeoff-spare-shiraz-page .school-head{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}
#themeoff-spare-shiraz-page .school-head span{font-size:7px;color:#8499aa;letter-spacing:1px}
#themeoff-spare-shiraz-page .school-head b{font-size:11px;color:#fff}
#themeoff-spare-shiraz-page .school-head em{font-style:normal;font-size:7px;color:#64ddff}
#themeoff-spare-shiraz-page .school-board{position:relative;height:145px;margin:12px 0}
#themeoff-spare-shiraz-page .school-board .book{
    position:absolute;bottom:28px;width:88px;height:64px;border-radius:8px;background:linear-gradient(145deg,#64ddff,#3f7f9a);box-shadow:0 10px 22px rgba(0,0,0,.24)
}
#themeoff-spare-shiraz-page .school-board .b1{left:16%;transform:rotate(-8deg)}
#themeoff-spare-shiraz-page .school-board .b2{right:18%;bottom:42px;background:linear-gradient(145deg,#7d95ff,#4b5ea8);transform:rotate(7deg)}
#themeoff-spare-shiraz-page .school-board .pencil{position:absolute;left:48%;top:10px;width:10px;height:100px;border-radius:999px;background:linear-gradient(180deg,#f6d169,#bf8733);transform:rotate(24deg)}
#themeoff-spare-shiraz-page .school-board .ruler{position:absolute;right:34%;top:18px;width:12px;height:96px;border-radius:4px;background:linear-gradient(180deg,#c7d6df,#8294a0);transform:rotate(-18deg)}
#themeoff-spare-shiraz-page .school-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#themeoff-spare-shiraz-page .school-stats article{padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025)}
#themeoff-spare-shiraz-page .school-stats small{display:block;color:#8299aa;font-size:7px}
#themeoff-spare-shiraz-page .school-stats b{display:block;margin-top:4px;color:#fff;font-size:10px}
#themeoff-spare-shiraz-page .school-cta{
    min-height:40px;display:grid;place-items:center;margin-top:12px;border-radius:12px;background:linear-gradient(135deg,#64ddff,#7d95ff);color:#07131d;font-size:9px;font-weight:900
}
#themeoff-spare-shiraz-page .to-school-chip,
#themeoff-spare-shiraz-page .to-school-float{
    position:absolute;z-index:6;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(8,22,35,.92);box-shadow:0 18px 38px rgba(0,0,0,.28)
}
#themeoff-spare-shiraz-page .to-school-chip b,
#themeoff-spare-shiraz-page .to-school-float b{
    width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:#07131d;background:linear-gradient(135deg,#64ddff,#7d95ff)
}
#themeoff-spare-shiraz-page .to-school-chip span,
#themeoff-spare-shiraz-page .to-school-float span{font-size:9px;color:#e9eef3}
#themeoff-spare-shiraz-page .chip-a{left:1%;bottom:145px}
#themeoff-spare-shiraz-page .chip-b{right:2%;bottom:82px}
#themeoff-spare-shiraz-page .chip-c{left:14%;bottom:22px}

#themeoff-spare-shiraz-page .to-school-stage{position:relative;min-height:660px;margin-top:34px;perspective:1600px;isolation:isolate}
#themeoff-spare-shiraz-page .to-school-glow{position:absolute;width:340px;height:340px;border-radius:50%;filter:blur(86px);opacity:.13}
#themeoff-spare-shiraz-page .to-school-glow.g1{right:8%;top:10%;background:#64ddff}
#themeoff-spare-shiraz-page .to-school-glow.g2{left:8%;bottom:8%;background:#7d95ff}
#themeoff-spare-shiraz-page .to-school-dashboard{
    position:absolute;width:min(870px,85%);left:50%;top:50%;overflow:hidden;border:1px solid rgba(255,255,255,.12);
    border-radius:28px;background:linear-gradient(145deg,#10283b,#071825);box-shadow:0 48px 100px rgba(0,0,0,.48);
    transform:translate(-50%,-50%) rotateX(4deg) rotateY(-4deg)
}
#themeoff-spare-shiraz-page .to-school-topbar{min-height:48px;display:flex;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.07)}
#themeoff-spare-shiraz-page .to-school-topbar strong{margin-inline:auto;color:#f2f5f8;font-size:11px}
#themeoff-spare-shiraz-page .to-school-topbar>span{padding:5px 8px;border:1px solid rgba(100,221,255,.24);border-radius:999px;color:#64ddff;background:rgba(100,221,255,.07);font-size:8px;font-weight:900}
#themeoff-spare-shiraz-page .to-school-topbar .dots{display:flex;gap:5px}
#themeoff-spare-shiraz-page .to-school-topbar .dots i{width:7px;height:7px;border-radius:50%;background:#61778b}
#themeoff-spare-shiraz-page .to-school-body{display:grid;grid-template-columns:1.35fr .75fr;gap:12px;padding:14px}
#themeoff-spare-shiraz-page .to-school-flow,
#themeoff-spare-shiraz-page .to-school-preview,
#themeoff-spare-shiraz-page .to-school-status{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(3,15,25,.52)}
#themeoff-spare-shiraz-page .to-school-flow{padding:12px;display:grid;gap:7px}
#themeoff-spare-shiraz-page .to-school-flow article{
    display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:9px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.02)
}
#themeoff-spare-shiraz-page .to-school-flow article>span{
    width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:#b9cce0;background:rgba(255,255,255,.06);font-size:9px;font-weight:900
}
#themeoff-spare-shiraz-page .to-school-flow article.is-active>span{color:#07131d;background:linear-gradient(135deg,#64ddff,#7d95ff)}
#themeoff-spare-shiraz-page .to-school-flow b{display:block;color:#fff;font-size:9px}
#themeoff-spare-shiraz-page .to-school-flow small{display:block;margin-top:3px;color:#8198a3;font-size:8px}
#themeoff-spare-shiraz-page .to-school-flow em{font-style:normal;color:#8198a3;font-size:8px}
#themeoff-spare-shiraz-page .to-school-flow .is-active em{color:#64ddff}
#themeoff-spare-shiraz-page .to-school-preview{padding:12px}
#themeoff-spare-shiraz-page .school-preview-art{
    position:relative;display:block;width:100%;aspect-ratio:1.35/1;margin-bottom:10px;border-radius:12px;background:linear-gradient(145deg,#173447,#0b2030)
}
#themeoff-spare-shiraz-page .school-preview-art .paper{
    position:absolute;left:22%;right:22%;top:14%;bottom:14%;border-radius:10px;background:linear-gradient(180deg,#dce7ed,#a8b8c2)
}
#themeoff-spare-shiraz-page .school-preview-art .line{
    position:absolute;left:30%;right:30%;height:5px;border-radius:999px;background:#6f8797
}
#themeoff-spare-shiraz-page .school-preview-art .l1{top:34%}
#themeoff-spare-shiraz-page .school-preview-art .l2{top:46%}
#themeoff-spare-shiraz-page .school-preview-art .l3{top:58%;right:42%}
#themeoff-spare-shiraz-page .school-preview-art .check{
    position:absolute;right:24%;bottom:16%;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#64ddff;color:#07131d;font-weight:900
}
#themeoff-spare-shiraz-page .to-school-preview h3{font-size:11px!important;margin:0 0 6px!important}
#themeoff-spare-shiraz-page .to-school-preview p{font-size:8px;line-height:1.8;margin:0 0 8px!important}
#themeoff-spare-shiraz-page .preview-meta{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#839aad}
#themeoff-spare-shiraz-page .to-school-preview button{
    width:100%;height:34px;margin-top:10px;border:1px solid rgba(100,221,255,.28);border-radius:10px;color:#64ddff;background:rgba(100,221,255,.06);font-size:8px;font-weight:900
}
#themeoff-spare-shiraz-page .to-school-status{
    margin:0 14px 14px;padding:11px 13px;display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center
}
#themeoff-spare-shiraz-page .to-school-status>span{
    width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#07131d;background:#64ddff;font-weight:900
}
#themeoff-spare-shiraz-page .to-school-status b{display:block;font-size:10px}
#themeoff-spare-shiraz-page .to-school-status small{display:block;color:#7f96a2;font-size:8px;margin-top:2px}
#themeoff-spare-shiraz-page .to-school-status em{font-style:normal;color:#64ddff;font-size:8px}
#themeoff-spare-shiraz-page .to-school-float.f1{right:1%;top:17%}
#themeoff-spare-shiraz-page .to-school-float.f2{left:1%;top:43%}
#themeoff-spare-shiraz-page .to-school-float.f3{right:5%;bottom:8%}

#themeoff-spare-shiraz-page .to-reveal,
#themeoff-spare-shiraz-page .to-reveal.is-visible,
#themeoff-spare-shiraz-page .to-animated-section,
#themeoff-spare-shiraz-page .to-depth-item{opacity:1!important;visibility:visible!important}
#themeoff-spare-shiraz-page .to-description,
#themeoff-spare-shiraz-page .to-card p,
#themeoff-spare-shiraz-page .to-product-type-card p,
#themeoff-spare-shiraz-page .to-woo-benefit-card p,
#themeoff-spare-shiraz-page .to-process-item p{max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important}
#themeoff-spare-shiraz-page .to-section:not(.to-contact-section):not(.to-tourism-local-link)>.to-container{
    border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
}

@media(max-width:767px){
    #themeoff-spare-shiraz-page .to-school-hero{min-height:470px}
    #themeoff-spare-shiraz-page .to-school-card{width:92%;right:4%;top:78px;transform:rotateX(2deg)}
    #themeoff-spare-shiraz-page .to-school-chip{padding:7px 8px}
    #themeoff-spare-shiraz-page .to-school-chip span,
    #themeoff-spare-shiraz-page .to-school-float span{font-size:7px}
    #themeoff-spare-shiraz-page .chip-a{left:0;bottom:128px}
    #themeoff-spare-shiraz-page .chip-b{right:0;bottom:64px}
    #themeoff-spare-shiraz-page .chip-c{left:8%;bottom:8px}
    #themeoff-spare-shiraz-page .to-school-stage{min-height:600px}
    #themeoff-spare-shiraz-page .to-school-dashboard{width:96%;transform:translate(-50%,-50%)!important}
    #themeoff-spare-shiraz-page .to-school-body{grid-template-columns:1fr;padding:9px}
    #themeoff-spare-shiraz-page .to-school-flow{padding:9px}
    #themeoff-spare-shiraz-page .to-school-float{padding:7px 8px}
    #themeoff-spare-shiraz-page .to-school-float.f1{right:1%;top:1%}
    #themeoff-spare-shiraz-page .to-school-float.f2{left:1%;top:1%}
    #themeoff-spare-shiraz-page .to-school-float.f3{right:2%;bottom:1%}
}

/* === Unique computer showroom: appended above school's common styling === */
#themeoff-spare-shiraz-page{--to-green:#73e7c1;--to-cyan:#55bdff;--to-purple:#a9a0ff}
#themeoff-spare-shiraz-page .pc-hero{height:505px;min-width:0;position:relative;perspective:1100px;isolation:isolate;display:grid;place-items:center}
#themeoff-spare-shiraz-page .pc-hero-glow{position:absolute;inset:12% 3%;border-radius:50%;background:radial-gradient(ellipse,#289ce449,transparent 68%);filter:blur(21px);z-index:-1}
#themeoff-spare-shiraz-page .pc-hero-device{width:min(96%,490px);transform:rotateY(-10deg) rotateX(4deg) rotateZ(-2deg);filter:drop-shadow(0 38px 25px #0008);animation:pcDevice 6s ease-in-out infinite alternate;position:relative}
#themeoff-spare-shiraz-page .pc-screen{aspect-ratio:1.23;background:linear-gradient(130deg,#0d1c35,#111830);border:10px solid #1e314a;border-bottom-width:16px;border-radius:17px 17px 9px 9px;box-shadow:inset 0 0 0 2px #6993ba33,0 0 0 3px #a3dcff25;overflow:hidden}
#themeoff-spare-shiraz-page .pc-screen-top{height:43px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid #8ab9db2c;color:#bed5e5;font:10px system-ui}
#themeoff-spare-shiraz-page .pc-screen-top i{height:9px;width:9px;background:#7ef3bc;border-radius:50%;box-shadow:14px 0 #f6b978,28px 0 #7797ff;margin-left:28px;flex:0 0 auto}
#themeoff-spare-shiraz-page .pc-screen-top em{margin-inline-start:auto;color:#79eec8}
#themeoff-spare-shiraz-page .pc-screen-body{height:calc(100% - 43px);display:grid;grid-template-columns:24px minmax(0,1fr) 36%;gap:10px;padding:18px 13px;background:radial-gradient(circle at 52% 40%,#22558a5d,transparent 69%)}
#themeoff-spare-shiraz-page .pc-side-rail{display:flex;flex-flow:column;gap:10px}
#themeoff-spare-shiraz-page .pc-side-rail b{height:8px;border-radius:3px;background:#5685a270}
#themeoff-spare-shiraz-page .pc-product-view{display:grid;place-items:center;position:relative;min-height:0}
#themeoff-spare-shiraz-page .pc-laptop-display{width:85%;height:70%;max-height:190px;border:7px solid #111923;border-radius:8px;background:linear-gradient(145deg,#122747,#2437a0 39%,#47b1e7 75%,#83f1d7);transform:perspective(500px) rotateY(5deg) rotateX(6deg);position:relative;box-shadow:0 15px 24px #0009;overflow:hidden;display:grid;place-items:center}
#themeoff-spare-shiraz-page .pc-laptop-shine{position:absolute;inset:-20%;background:linear-gradient(125deg,transparent 37%,#ffffff55 39%,transparent 41%);transform:rotate(3deg)}
#themeoff-spare-shiraz-page .pc-laptop-display span{font:bold clamp(12px,2vw,19px) system-ui;color:#ffffffd4;letter-spacing:2px}
#themeoff-spare-shiraz-page .pc-laptop-base{width:105%;height:9px;position:absolute;top:80%;left:-3%;background:linear-gradient(#8298ac,#263d55);border-radius:1px 1px 13px 13px;box-shadow:0 8px 14px #0008}
#themeoff-spare-shiraz-page .pc-hero-spec{display:flex;flex-flow:column;gap:9px;align-items:stretch;justify-content:center}
#themeoff-spare-shiraz-page .pc-hero-spec small{font:8px system-ui;color:#7ee1d2;letter-spacing:2px}
#themeoff-spare-shiraz-page .pc-hero-spec b{color:#f3f8ff;font-size:13px;line-height:1.7}
#themeoff-spare-shiraz-page .pc-hero-spec i{height:6px;border-radius:6px;background:linear-gradient(90deg,#5faaff,#63f2bd);width:78%}
#themeoff-spare-shiraz-page .pc-hero-spec i:nth-of-type(2){width:92%}
#themeoff-spare-shiraz-page .pc-hero-spec i:nth-of-type(3){width:61%}
#themeoff-spare-shiraz-page .pc-hero-spec span{font-size:9px;color:#b6efdc;border:1px solid #8ce7c260;border-radius:8px;padding:8px;text-align:center;margin-top:9px}
#themeoff-spare-shiraz-page .pc-keyboard{height:25px;width:110%;margin-inline-start:-5%;background:linear-gradient(#aab8cb,#344a61 55%,#233347);clip-path:polygon(6% 0,94% 0,100% 92%,0 92%);border-radius:4px 4px 18px 18px;position:relative}
#themeoff-spare-shiraz-page .pc-keyboard span{position:absolute;inset:4px 10% 9px;background:repeating-linear-gradient(90deg,#132337 0 10px,transparent 11px 13px);opacity:.65}
#themeoff-spare-shiraz-page .pc-floating-chip,#themeoff-spare-shiraz-page .pc-floating-trust{position:absolute;z-index:5;border:1px solid #9adcc063;background:#112c3df2;box-shadow:0 20px 40px #0006;backdrop-filter:blur(14px);border-radius:14px;color:#e5fff6;animation:pcFloat 5s ease-in-out infinite alternate}
#themeoff-spare-shiraz-page .pc-floating-chip{top:9%;left:0;display:flex;align-items:center;gap:9px;padding:12px;font-size:11px}
#themeoff-spare-shiraz-page .pc-floating-chip svg{width:28px;height:28px;color:#6bd9c8}
#themeoff-spare-shiraz-page .pc-floating-trust{right:0;bottom:10%;padding:12px 17px;font-size:11px;animation-delay:-2s}
@keyframes pcDevice{from{transform:rotateY(-10deg) rotateX(4deg) rotateZ(-2deg) translateY(0)}to{transform:rotateY(-5deg) rotateX(2deg) rotateZ(-1deg) translateY(-9px)}}
@keyframes pcFloat{to{transform:translateY(-11px)}}
#themeoff-spare-shiraz-page .pc-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:35px}
#themeoff-spare-shiraz-page .pc-card-grid.is-numbered{grid-template-columns:repeat(2,minmax(0,1fr))}
#themeoff-spare-shiraz-page .pc-card{position:relative;min-width:0;min-height:205px;padding:26px 24px;background:linear-gradient(145deg,#112d43,#0b1e30);border:1px solid #7abace37;border-radius:20px;overflow:hidden;transition:border-color .25s,box-shadow .25s}
#themeoff-spare-shiraz-page .pc-card:hover{border-color:#71e2bd80;box-shadow:0 14px 35px #0004}
#themeoff-spare-shiraz-page .pc-card:before{content:'';position:absolute;width:160px;height:130px;inset:0 0 auto auto;background:radial-gradient(circle at top right,#78e4cf19,transparent 70%);pointer-events:none}
#themeoff-spare-shiraz-page .pc-card-icon{width:55px;height:55px;display:grid;place-items:center;border:1px solid #72ddcc62;background:linear-gradient(135deg,#5fdcbe28,#668cea19);color:#8cf0db;border-radius:17px;box-shadow:inset 0 0 15px #9bfbe00a}
#themeoff-spare-shiraz-page .pc-card-icon svg{width:28px;height:28px}
#themeoff-spare-shiraz-page .pc-number{display:block;font:800 31px system-ui;color:#75dce3;line-height:1.3;text-shadow:0 0 21px #4ebdc82b}
#themeoff-spare-shiraz-page .pc-card h3{margin:16px 0 9px!important;font-size:17px!important;color:#fff!important;line-height:1.6}
#themeoff-spare-shiraz-page .pc-card p{margin:0!important;font-size:13px!important;line-height:2!important;color:#b6cfe2!important}
#themeoff-spare-shiraz-page .pc-link-note{margin:28px 0 0;text-align:center;color:#c2d4df;line-height:2}
#themeoff-spare-shiraz-page .pc-link-note a{color:#8deacb;text-decoration:underline}
#themeoff-spare-shiraz-page .pc-stage{margin-top:36px;perspective:1300px}
#themeoff-spare-shiraz-page .pc-stage-panel{overflow:hidden;border:1px solid #7dcece57;border-radius:24px;background:linear-gradient(140deg,#16394a,#081b2d);box-shadow:0 30px 75px #0006;transition:transform .16s ease-out}
#themeoff-spare-shiraz-page .pc-stage-header,#themeoff-spare-shiraz-page .pc-stage-footer{display:flex;align-items:center;gap:12px;padding:17px 24px;border-bottom:1px solid #aadede23;color:#cfebe6;font:11px system-ui}
#themeoff-spare-shiraz-page .pc-stage-header span{margin-inline-start:auto;color:#80e2c1}
#themeoff-spare-shiraz-page .pc-stage-body{display:grid;grid-template-columns:1fr 1fr;gap:23px;padding:28px}
#themeoff-spare-shiraz-page .pc-stage-steps{display:flex;flex-direction:column;gap:10px}
#themeoff-spare-shiraz-page .pc-step{display:grid;grid-template-columns:42px 1fr;gap:3px 12px;text-align:right;border:1px solid #ffffff18;background:#08223396;padding:13px 15px;border-radius:13px;color:#e8f5f7;cursor:pointer;font-family:inherit}
#themeoff-spare-shiraz-page .pc-step.is-active{border-color:#68e5b7;background:linear-gradient(100deg,#1b584eaa,#0c3041)}
#themeoff-spare-shiraz-page .pc-step span{grid-row:span 2;align-self:center;color:#85e6cf;font:800 22px system-ui}
#themeoff-spare-shiraz-page .pc-step strong{font-size:14px}
#themeoff-spare-shiraz-page .pc-step small{font-size:11px;color:#aec5d4;line-height:1.8}
#themeoff-spare-shiraz-page .pc-stage-preview{min-height:305px;border-radius:16px;background:radial-gradient(ellipse at 50% 35%,#1a65947a,#0a2135 75%);border:1px solid #b7f5e02e;position:relative;overflow:hidden}
#themeoff-spare-shiraz-page .pc-demo-screen{display:none;position:absolute;inset:0;text-align:center;align-items:center;justify-content:center;flex-direction:column;padding:24px}
#themeoff-spare-shiraz-page .pc-demo-screen.is-active{display:flex;animation:pcAppear .45s ease both}
@keyframes pcAppear{from{opacity:0;transform:translateY(11px)}to{opacity:1;transform:none}}
#themeoff-spare-shiraz-page .pc-demo-screen h3{color:#fff!important;font-size:17px!important;margin:16px 0 6px!important}
#themeoff-spare-shiraz-page .pc-demo-screen p{color:#b7d0dd!important;font-size:12px!important;line-height:1.8!important;margin:0!important}
#themeoff-spare-shiraz-page .pc-demo-monitor{width:185px;height:115px;background:linear-gradient(145deg,#142a50,#398acf);border:8px solid #142638;border-radius:12px;color:#dbf8f7;font:bold 24px system-ui;letter-spacing:1px;display:grid;place-content:center;box-shadow:0 16px 22px #0006;position:relative}
#themeoff-spare-shiraz-page .pc-demo-monitor span{color:#9ff7d5}
#themeoff-spare-shiraz-page .pc-demo-monitor:after{content:'';position:absolute;top:100%;left:44%;width:12%;height:31px;background:linear-gradient(#4e6a84,#1c3048);border-radius:0 0 3px 3px}
#themeoff-spare-shiraz-page .pc-spec-bars{width:75%;display:grid;gap:17px}
#themeoff-spare-shiraz-page .pc-spec-bars i{width:var(--bar);height:15px;border-radius:12px;background:linear-gradient(90deg,#54a8ed,#69e4c2);box-shadow:0 0 19px #3ac6c244}
#themeoff-spare-shiraz-page .pc-demo-chips{display:grid;grid-template-columns:repeat(2,76px);gap:12px}
#themeoff-spare-shiraz-page .pc-demo-chips i{height:65px;display:grid;place-items:center;border:2px solid #6ad9c6;border-radius:12px;color:#b3ffe9;background:#165264;text-align:center;font:bold 17px system-ui}
#themeoff-spare-shiraz-page .pc-demo-invoice{display:grid;gap:9px;width:190px;padding:16px;border:1px solid #8ce5d0;background:#123b4c;border-radius:10px;color:#fff}
#themeoff-spare-shiraz-page .pc-demo-invoice i{height:5px;background:#75c3b48a;border-radius:6px}
#themeoff-spare-shiraz-page .pc-demo-invoice span{color:#90f6ce;font-size:12px}
#themeoff-spare-shiraz-page .pc-stage-footer{border-top:1px solid #aadede23;border-bottom:0}
#themeoff-spare-shiraz-page .pc-stage-footer i{width:8px;height:8px;border-radius:50%;background:#8af4c6;box-shadow:0 0 14px #8af4c6}
#themeoff-spare-shiraz-page .pc-stage-footer small{margin-inline-start:auto;color:#91afb5}
/* Ensure showcase is exactly 3/2/1 items like the Shiraz reference. */
#themeoff-spare-shiraz-page #themeoff-spare-portfolio .to-portfolio-wrap{overflow:hidden;width:100%}
#themeoff-spare-shiraz-page #themeoff-spare-portfolio .to-portfolio-track{display:flex!important;gap:18px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;padding:8px 0 26px!important;cursor:grab}
#themeoff-spare-shiraz-page #themeoff-spare-portfolio .to-portfolio-card{min-width:0!important;flex:0 0 calc((100% - 36px)/3)!important;width:calc((100% - 36px)/3)!important;scroll-snap-align:start}
#themeoff-spare-shiraz-page #themeoff-spare-portfolio .to-portfolio-track::-webkit-scrollbar{display:none}
#themeoff-spare-shiraz-page #themeoff-spare-portfolio .to-portfolio-track.is-dragging{cursor:grabbing;scroll-behavior:auto}
#themeoff-spare-shiraz-page .to-faq-item.is-open .to-faq-answer{overflow:visible}
@media(max-width:991px){#themeoff-spare-shiraz-page .pc-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#themeoff-spare-shiraz-page .pc-card-grid.is-numbered{grid-template-columns:1fr}#themeoff-spare-shiraz-page #themeoff-spare-portfolio .to-portfolio-card{flex-basis:calc((100% - 18px)/2)!important;width:calc((100% - 18px)/2)!important}#themeoff-spare-shiraz-page .pc-stage-panel{transform:none!important}}
@media(max-width:767px){#themeoff-spare-shiraz-page .pc-card-grid,#themeoff-spare-shiraz-page .pc-card-grid.is-numbered{grid-template-columns:1fr}#themeoff-spare-shiraz-page .pc-card{min-height:0}#themeoff-spare-shiraz-page .pc-hero{height:350px}#themeoff-spare-shiraz-page .pc-hero-device{transform:none!important;animation:none;width:85%}#themeoff-spare-shiraz-page .pc-screen{border-width:6px;border-bottom-width:10px}#themeoff-spare-shiraz-page .pc-screen-top{height:30px;font-size:7px}#themeoff-spare-shiraz-page .pc-screen-body{height:calc(100% - 30px);padding:7px;gap:5px;grid-template-columns:13px minmax(0,1fr) 35%}#themeoff-spare-shiraz-page .pc-hero-spec b{font-size:9px}#themeoff-spare-shiraz-page .pc-hero-spec small,#themeoff-spare-shiraz-page .pc-hero-spec span{font-size:7px}#themeoff-spare-shiraz-page .pc-floating-chip{top:3%;left:1%;font-size:9px;padding:8px}#themeoff-spare-shiraz-page .pc-floating-trust{font-size:9px;padding:9px;bottom:4%}#themeoff-spare-shiraz-page .pc-stage-body{grid-template-columns:1fr;padding:12px}#themeoff-spare-shiraz-page .pc-stage-header,#themeoff-spare-shiraz-page .pc-stage-footer{padding:12px;flex-wrap:wrap}#themeoff-spare-shiraz-page .pc-stage-preview{min-height:270px}#themeoff-spare-shiraz-page #themeoff-spare-portfolio .to-portfolio-card{flex-basis:100%!important;width:100%!important}#themeoff-spare-shiraz-page .pc-motion{display:block!important}}
@media(prefers-reduced-motion:reduce){#themeoff-spare-shiraz-page .pc-hero-device,#themeoff-spare-shiraz-page .pc-floating-chip,#themeoff-spare-shiraz-page .pc-floating-trust{animation:none!important}#themeoff-spare-shiraz-page .pc-demo-screen.is-active{animation:none}}

/* ===== Spare parts: bespoke automotive catalog artwork and accents ===== */
#themeoff-spare-shiraz-page {--sp-turquoise:#70e5d0;--sp-blue:#70aefe}
#themeoff-spare-shiraz-page .to-hero {overflow:hidden}
#themeoff-spare-shiraz-page .sp-hero{height:510px;position:relative;display:grid;place-items:center;perspective:1100px;min-width:0;isolation:isolate}
#themeoff-spare-shiraz-page .sp-halo{position:absolute;inset:11% 0;background:radial-gradient(ellipse,#247a9e65,transparent 70%);filter:blur(24px);z-index:-1}
#themeoff-spare-shiraz-page .sp-store{width:min(90%,480px);transform:rotateY(-9deg) rotateX(5deg) rotateZ(-2deg);background:linear-gradient(140deg,#15364e,#07192b);border:1px solid #86dddc6a;border-radius:20px;box-shadow:0 35px 75px #0008, inset 0 0 40px #64d9c60d;overflow:hidden;animation:spFloat 6s ease-in-out infinite alternate}
#themeoff-spare-shiraz-page .sp-store-head{display:flex;align-items:center;gap:6px;padding:13px 17px;border-bottom:1px solid #95e8ec27}
#themeoff-spare-shiraz-page .sp-store-head span{margin-inline-end:auto;font:9px system-ui;letter-spacing:2px;color:#9fc9d8}
#themeoff-spare-shiraz-page .sp-store-head i{width:7px;height:7px;border-radius:50%;background:#8ce1db60}
#themeoff-spare-shiraz-page .sp-store-body{padding:14px 24px 18px}
#themeoff-spare-shiraz-page .sp-car-line{height:142px;display:grid;place-items:center;background:radial-gradient(ellipse,#72c9d81b,transparent 75%);overflow:hidden}
#themeoff-spare-shiraz-page .sp-car-line svg{display:block;width:100%;height:100%;filter:drop-shadow(0 8px 12px #70e5d033)}
#themeoff-spare-shiraz-page .sp-select{border-radius:9px;padding:12px 15px;display:flex;gap:8px;align-items:center;justify-content:space-between;background:#1e4256;border:1px solid #90e5e82e;color:#e3f4fc;font-size:11px}
#themeoff-spare-shiraz-page .sp-select b{color:#b5fff1;font-size:11px}
#themeoff-spare-shiraz-page .sp-catalog{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
#themeoff-spare-shiraz-page .sp-catalog>div{padding:10px;background:#112c42;border:1px solid #9de4ea30;border-radius:12px;display:grid;grid-template-columns:38px 1fr;align-items:center;column-gap:6px}
#themeoff-spare-shiraz-page .sp-catalog span{font-size:30px;grid-row:span 2;color:#83ead3;line-height:1}
#themeoff-spare-shiraz-page .sp-catalog b{font-size:10px;color:#e4f2ff}
#themeoff-spare-shiraz-page .sp-catalog small{font-size:9px;color:#a3c6d4}
#themeoff-spare-shiraz-page .sp-store-foot{padding:12px;background:linear-gradient(90deg,#1e8b8c,#226b9f);color:#e5fff7;text-align:center;font-size:11px;font-weight:800}
#themeoff-spare-shiraz-page .sp-store-foot span{margin-inline-start:14px}
#themeoff-spare-shiraz-page .sp-rotor{width:105px;height:105px;position:absolute;bottom:9%;right:0;border:14px solid #658ea5;border-radius:50%;background:conic-gradient(from 20deg,#174157 0 25%,#80cbd8 26% 27%,#174157 28% 50%,#80cbd8 51% 52%,#174157 53% 75%,#80cbd8 76% 77%,#174157 78%);box-shadow:0 10px 38px #0009,0 0 0 3px #bdeef073;animation:spRotor 13s linear infinite;display:grid;place-items:center}
#themeoff-spare-shiraz-page .sp-rotor-mid{width:23px;height:23px;border-radius:50%;border:5px solid #89b9cd;background:#102738}
#themeoff-spare-shiraz-page .sp-rotor i{width:9px;height:9px;position:absolute;background:#84b3ce;border-radius:50%;top:12px;left:calc(50% - 4px);transform-origin:4px 26px}
#themeoff-spare-shiraz-page .sp-rotor i:nth-of-type(2){transform:rotate(60deg)}
#themeoff-spare-shiraz-page .sp-rotor i:nth-of-type(3){transform:rotate(120deg)}
#themeoff-spare-shiraz-page .sp-rotor i:nth-of-type(4){transform:rotate(180deg)}
#themeoff-spare-shiraz-page .sp-rotor i:nth-of-type(5){transform:rotate(240deg)}
#themeoff-spare-shiraz-page .sp-rotor i:nth-of-type(6){transform:rotate(300deg)}
#themeoff-spare-shiraz-page .sp-float{position:absolute;background:#1a3a4bf0;border:1px solid #87e8da77;color:#d9fff7;border-radius:11px;padding:10px 14px;box-shadow:0 10px 35px #0006;font-size:10px;font-weight:700;animation:spFloat 4s ease-in-out infinite alternate}
#themeoff-spare-shiraz-page .sp-float-one{right:0;top:12%}
#themeoff-spare-shiraz-page .sp-float-two{left:0;bottom:19%;animation-delay:1s}
#themeoff-spare-shiraz-page .pc-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#themeoff-spare-shiraz-page .pc-card-icon{color:#9bf3df;background:linear-gradient(145deg,#5cdabc30,#689dff15)}
#themeoff-spare-shiraz-page .pc-card-grid.is-numbered .pc-card-icon{display:none!important}
#themeoff-spare-shiraz-page .pc-card{min-width:0}
#themeoff-spare-shiraz-page .sp-preview-symbol{font-size:82px;line-height:1.2;filter:drop-shadow(0 12px 18px #6ce9df66);margin-bottom:15px}
#themeoff-spare-shiraz-page .sp-preview-wheel{font-size:106px;color:#91edd8;animation:spRotor 18s linear infinite}
#themeoff-spare-shiraz-page .sp-compat,#themeoff-spare-shiraz-page .sp-order{width:190px;margin:0 auto 20px;padding:20px;text-align:right;border-radius:14px;background:#21495e;border:1px solid #78e9d663;display:grid;gap:12px}
#themeoff-spare-shiraz-page .sp-compat span,#themeoff-spare-shiraz-page .sp-order span{color:#e3effc;font-size:12px}
#themeoff-spare-shiraz-page .sp-compat b,#themeoff-spare-shiraz-page .sp-order strong{font-size:13px;color:#a8ffdd}
#themeoff-spare-shiraz-page .sp-compat i,#themeoff-spare-shiraz-page .sp-order i{display:block;width:100%;height:5px;border-radius:9px;background:linear-gradient(90deg,#78eed9,#538cbc)}
#themeoff-spare-shiraz-page .sp-compat i:last-child{width:65%}
#themeoff-spare-shiraz-page .pc-stage-preview .pc-demo-screen{padding:20px 8px}
@keyframes spFloat{from{translate:0 0}to{translate:0 -11px}}
@keyframes spRotor{to{rotate:360deg}}
@media(max-width:991px){#themeoff-spare-shiraz-page .sp-store,#themeoff-spare-shiraz-page .sp-float{animation:none}#themeoff-spare-shiraz-page .pc-card-grid{grid-template-columns:1fr}#themeoff-spare-shiraz-page .sp-hero{height:440px}#themeoff-spare-shiraz-page .sp-rotor{width:78px;height:78px;right:0;bottom:7%}#themeoff-spare-shiraz-page .sp-store{width:86%;transform:none}}
@media(max-width:480px){#themeoff-spare-shiraz-page .sp-hero{height:365px}#themeoff-spare-shiraz-page .sp-store{width:91%}#themeoff-spare-shiraz-page .sp-store-body{padding:10px}#themeoff-spare-shiraz-page .sp-car-line{height:110px}#themeoff-spare-shiraz-page .sp-select{flex-wrap:wrap;gap:2px;padding:8px}#themeoff-spare-shiraz-page .sp-rotor{display:none}#themeoff-spare-shiraz-page .sp-float-one{top:0}#themeoff-spare-shiraz-page .sp-float-two{bottom:0}}
@media(prefers-reduced-motion:reduce){#themeoff-spare-shiraz-page .sp-store,#themeoff-spare-shiraz-page .sp-float,#themeoff-spare-shiraz-page .sp-rotor{animation:none!important}}