/* Pagination: digishikpoosh.ir theme.css; exact source retained in third_party/digishikpoosh/. */
.sj-hero-slider { position: relative; isolation: isolate; border-radius: 28px; margin-block-end: 36px; }
.sj-hero-slider__track { position: relative; display: flex; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: x mandatory; scrollbar-width: none; border-radius: inherit; }
.sj-hero-slider__track::-webkit-scrollbar { display: none; }
.sj-hero-slide { --slide-accent: var(--sj-pink); flex: 0 0 100%; min-inline-size: 0; min-block-size: 430px; display: grid; grid-template-columns: 1.12fr .88fr; align-items: center; gap: 36px; padding: 44px 64px 96px; scroll-snap-align: start; background: linear-gradient(110deg,var(--sj-surface),color-mix(in srgb,var(--slide-accent) 22%,var(--sj-surface))); border: 1px solid color-mix(in srgb,var(--sj-border) 25%,transparent); border-radius: inherit; }
.sj-hero-slide[data-tone="lilac"] { --slide-accent: var(--sj-lilac); }
.sj-hero-slide[data-tone="berry"] { --slide-accent: var(--sj-primary); }
.sj-hero-slide__copy { min-inline-size: 0; overflow-wrap: anywhere; }
.shop .sj-hero-slide :is(h1,h2) { font-size: clamp(34px,3.6vw,52px); color: var(--sj-primary); margin-block: 12px; line-height: 1.7; }
.shop .sj-hero-slide p { color: var(--sj-muted); font-size: 14px; max-inline-size: 460px; margin-block-end: 24px; }
.sj-hero-slide__art { position: relative; display: grid; place-items: center; min-block-size: 260px; color: var(--sj-primary); }
.sj-hero-slide__art::before { content: ""; position: absolute; inline-size: min(250px,100%); aspect-ratio: 1; border: 1px solid color-mix(in srgb,var(--slide-accent) 65%,transparent); border-radius: 50%; transform: rotate(-18deg) scaleX(.95); }
.sj-hero-slide__art::after { content: ""; position: absolute; inline-size: 74%; aspect-ratio: 1; border-radius: 50%; border: 1px dashed color-mix(in srgb,var(--slide-accent) 55%,transparent); transform: rotate(15deg); }
.sj-hero-slide__art>span { font: 700 clamp(48px,6vw,88px)/1.7 var(--sj-font-heading); z-index: 1; }
.sj-hero-slide__art>b { position: absolute; inset-block-end: 14px; font-size: 10px; font-weight: 400; letter-spacing: 0; background: var(--sj-surface); padding: 4px 10px; border-radius: 20px; z-index: 1; }
.sj-slider-controls { pointer-events: none; position: absolute; inset: 0; z-index: 5; }
.sj-slider-pagination { pointer-events: auto; position: absolute; left: 50%; transform: translateX(-50%); inset-block-end: 12px; display: flex; width: auto; align-items: center; border-radius: 1000px; background-color: #00000040; padding: 6px 10px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.sj-slider-dot { position: relative; display: grid; place-items: center; flex-shrink: 0; inline-size: 6px; block-size: 6px; transition: inline-size .15s cubic-bezier(.4,0,.2,1); }
.sj-slider-dot+.sj-slider-dot { margin-inline-start: 4px; }
.sj-slider-dot::after { content: ""; position: absolute; inset: -10px -2px; }
.sj-slider-dot__shape { display: block; block-size: 6px; inline-size: 6px; border-radius: 1000px; background-color: #ffffffbf; transition: all .15s cubic-bezier(.4,0,.2,1); }
.sj-slider-dot.is-active { inline-size: 16px; }
.sj-slider-dot.is-active .sj-slider-dot__shape { inline-size: 16px; background: #fff; }
.sj-slider-dot.is-edge .sj-slider-dot__shape { transform: scale(.75); }
.sj-slider-dot.is-away .sj-slider-dot__shape { transform: scale(0); opacity: 0; }
.sj-slider-dot.is-away:not(:focus-visible) { inline-size: 0; overflow: hidden; margin-inline-start: 0; }
.sj-slider-dot.is-away:focus-visible .sj-slider-dot__shape { transform: none; opacity: 1; }
.sj-slider-arrow { pointer-events: auto; position: absolute; top: 50%; transform: translateY(-50%); border: 0; inline-size: 44px; block-size: 44px; border-radius: 1000px; background: #00000040; color: #fff; display: grid; place-items: center; padding: 0; cursor: pointer; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transition: background-color .15s ease; }
.sj-slider-arrow[data-slider-prev] { inset-inline-start: 12px; }
.sj-slider-arrow[data-slider-next] { inset-inline-end: 12px; }
.sj-slider-arrow[hidden] { display: none; }
.sj-slider-arrow:hover { background: #00000070; }
.sj-slider-controls :is(a,button):focus-visible { outline: 2px solid var(--sj-primary); outline-offset: 3px; }
.sj-hero-slide__image { position: relative; display: grid; place-items: center; inline-size: 100%; max-inline-size: 440px; margin-inline: auto; }
.sj-hero-slide__image img { inline-size: 100%; max-block-size: 320px; object-fit: cover; border-radius: 20px; border: 1px solid color-mix(in srgb,var(--slide-accent) 25%,transparent); box-shadow: 0 10px 30px -10px color-mix(in srgb,var(--slide-accent) 25%,transparent); }
@media (min-width: 576px) { .sj-slider-pagination { inset-block-end: 16px; padding: 10px 14px; } .sj-slider-dot+.sj-slider-dot { margin-inline-start: 6px; } }
@media (min-width: 768px) { .sj-slider-pagination { inset-block-end: 20px; } }
@media (max-width: 760px) { .sj-hero-slide { grid-template-columns: 1fr; gap: 8px; padding: 28px 56px 82px; min-block-size: 520px; } .sj-slider-arrow[data-slider-prev] { inset-inline-start: 8px; } .sj-slider-arrow[data-slider-next] { inset-inline-end: 8px; } .sj-hero-slide__art, .sj-hero-slide__image { min-block-size: 140px; grid-row: 1; max-inline-size: 280px; } .sj-hero-slide__image img { max-block-size: 180px; } .sj-hero-slide__art::before { inline-size: 136px; } .sj-hero-slide__art::after { inline-size: 116px; } .sj-hero-slide__art>b { display: none; } .shop .sj-hero-slide :is(h1,h2) { font-size: 32px; } .shop .sj-hero-slide p { font-size: 12px; } }
@media (prefers-reduced-motion: reduce) { .sj-slider-controls * { transition: none; } .sj-hero-slider__track { scroll-behavior: auto; } }