/* Same bundled font on both admin preview and the storefront. Bazaro loads
 * these files on the website; the admin otherwise silently fell back to
 * IRANSans/Tahoma, shifting the visible bounds of Persian text. */
@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn/static/Vazirmatn-Light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn/static/Vazirmatn-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn/static/Vazirmatn-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn/static/Vazirmatn-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn/static/Vazirmatn-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn/static/Vazirmatn-ExtraBold.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn/static/Vazirmatn-Black.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}
/* Shared slider overlay geometry: admin canvas and storefront use the same box model. */
.bb-role-slider-shell .bb-role-slide__overlay.bb-slide-overlay-content,
.bb-slider-overlay-node.bb-slide-overlay-content {
    box-sizing:border-box!important;
    display:block;
    font-family:var(--bb-overlay-font-family,Vazirmatn,Tahoma,Arial,sans-serif)!important;
    width:var(--bb-overlay-width,max-content)!important;
    max-width:calc(100% - 12px)!important;
    min-width:0!important;
    height:var(--bb-overlay-height,auto)!important;
    min-height:0;
    white-space:pre-wrap!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    unicode-bidi:plaintext;
    direction:inherit;
    line-height:1.55;
    text-align:center;
    border:0!important;
    transform:translate(-50%,-50%);
    font-synthesis:none;
}
/* Make both overlay coordinate spaces inherit exactly the same text metrics. */
.bb-role-slider-shell .bb-role-slide__overlay-layer,
.bb-slider-overlay-canvas {font-family:'Vazirmatn',Tahoma,Arial,sans-serif;direction:rtl;}
/* The design canvas is scaled on a separate anchor, not on the animated
 * element. Changing transform/scale on the text itself moves its center and
 * conflicts with hover/entrance animations. Anchor origin is exactly X/Y. */
.bb-role-slider-shell .bb-role-slide__overlay-anchor {
    position:absolute;
    display:block;
    width:max-content;
    height:max-content;
    z-index:2;
    transform:scale(var(--bb-overlay-scale,1));
    transform-origin:0 0;
    pointer-events:none;
}
.bb-role-slider-shell .bb-role-slide__overlay-anchor > .bb-role-slide__overlay.bb-slide-overlay-content {
    position:relative;
    left:auto!important;
    top:auto!important;
    /* The preview constrains a text node to its logical design canvas.
     * The site scales that canvas, NOT the intrinsic max-content line length.
     * Without this limit a long Persian heading becomes one enormous line. */
    max-width:var(--bb-overlay-design-max-width,calc(100vw - 12px))!important;
    pointer-events:auto;
}
.bb-slider-overlay-canvas {position:absolute;top:0;left:0;transform-origin:top left;overflow:hidden;background:#eceff3}
.bb-slider-overlay-preview {position:relative;display:block;width:100%;overflow:hidden;padding:0!important;min-height:0!important;}
.bb-slider-overlay-preview .bb-slider-overlay-preview__image,
.bb-slider-overlay-preview .bb-slider-overlay-preview__video {position:absolute;inset:0;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;display:none;object-fit:var(--bb-overlay-preview-fit,cover);pointer-events:none}
.bb-slider-overlay-preview .bb-slider-overlay-stage {position:absolute;inset:0;overflow:hidden;touch-action:none;font-family:'Vazirmatn',Tahoma,Arial,sans-serif!important;direction:rtl}
.bb-slider-overlay-preview .bb-slider-overlay-empty {position:absolute;inset:0}
.bb-slider-overlay-node.bb-slide-overlay-content {outline:1px dashed rgba(255,255,255,.65);background-color:transparent;cursor:grab;user-select:none;}
.bb-slider-overlay-node.bb-slide-overlay-content.bb-slider-overlay-node--button {display:flex!important;align-items:center;justify-content:center;box-shadow:0 7px 20px rgba(0,0,0,.16)}
.bb-role-slider-shell .bb-role-slide__overlay--button.bb-slide-overlay-content {display:flex;align-items:center;justify-content:center;}
.bb-role-slider-shell .bb-role-slide__overlay--button.bb-slide-overlay-content:hover {transform:translate(-50%,-50%) translateY(-1px)}
.bb-role-slider-shell video.carousel_item {width:100%!important;height:100%!important;object-fit:var(--bb-slider-object-fit,cover);display:block;border-radius:inherit}
.bb-role-slide__media-video {position:relative;z-index:1;display:block;width:100%;height:100%;background:#111}
.bb-role-slide__video-link {position:absolute;z-index:6;bottom:18px;inset-inline-end:16px;background:rgba(0,0,0,.64);color:#fff!important;padding:6px 12px;border-radius:7px;font-size:12px;text-decoration:none!important}
@media(max-width:575px){.bb-role-slide__video-link{bottom:9px;inset-inline-end:8px;font-size:10px}}

/* Admin legacy styles use padding:0!important. Restore exact saved values on
 * the shared node so the inspector, preview and storefront all agree. */
.bb-slider-overlay-node.bb-slide-overlay-content {
    padding-top:var(--bb-overlay-padding-top,0px)!important;
    padding-right:var(--bb-overlay-padding-right,0px)!important;
    padding-bottom:var(--bb-overlay-padding-bottom,0px)!important;
    padding-left:var(--bb-overlay-padding-left,0px)!important;
    margin-top:var(--bb-overlay-margin-top,0px)!important;
    margin-right:var(--bb-overlay-margin-right,0px)!important;
    margin-bottom:var(--bb-overlay-margin-bottom,0px)!important;
    margin-left:var(--bb-overlay-margin-left,0px)!important;
}

/* Frontend honors the same entry effects as the admin visual editor. */
.bb-role-slider-shell .bb-role-slide__overlay.bb-slide-overlay-content {
    animation-duration: var(--bb-overlay-duration,.7s);
    animation-delay: var(--bb-overlay-delay,0s);
    animation-fill-mode: both;
    animation-timing-function: cubic-bezier(.2,.8,.2,1);
}
.bb-role-slider-shell .bb-overlay-effect--fade {animation-name:bbOverlayFade}
.bb-role-slider-shell .bb-overlay-effect--fade-up {animation-name:bbOverlayFadeUp}
.bb-role-slider-shell .bb-overlay-effect--fade-down {animation-name:bbOverlayFadeDown}
.bb-role-slider-shell .bb-overlay-effect--slide-left {animation-name:bbOverlaySlideLeft}
.bb-role-slider-shell .bb-overlay-effect--slide-right {animation-name:bbOverlaySlideRight}
.bb-role-slider-shell .bb-overlay-effect--zoom-in {animation-name:bbOverlayZoomIn}
.bb-role-slider-shell .bb-overlay-effect--zoom-out {animation-name:bbOverlayZoomOut}
.bb-role-slider-shell .bb-overlay-effect--bounce {animation-name:bbOverlayBounce}
@keyframes bbOverlayFade {from{opacity:0}to{opacity:var(--bb-overlay-opacity,1)}}
@keyframes bbOverlayFadeUp {from{opacity:0;transform:translate(-50%,calc(-50% + 25px))}to{opacity:var(--bb-overlay-opacity,1);transform:translate(-50%,-50%)}}
@keyframes bbOverlayFadeDown {from{opacity:0;transform:translate(-50%,calc(-50% - 25px))}to{opacity:var(--bb-overlay-opacity,1);transform:translate(-50%,-50%)}}
@keyframes bbOverlaySlideLeft {from{opacity:0;transform:translate(calc(-50% + 35px),-50%)}to{opacity:var(--bb-overlay-opacity,1);transform:translate(-50%,-50%)}}
@keyframes bbOverlaySlideRight {from{opacity:0;transform:translate(calc(-50% - 35px),-50%)}to{opacity:var(--bb-overlay-opacity,1);transform:translate(-50%,-50%)}}
@keyframes bbOverlayZoomIn {from{opacity:0;transform:translate(-50%,-50%) scale(.7)}to{opacity:var(--bb-overlay-opacity,1);transform:translate(-50%,-50%) scale(1)}}
@keyframes bbOverlayZoomOut {from{opacity:0;transform:translate(-50%,-50%) scale(1.25)}to{opacity:var(--bb-overlay-opacity,1);transform:translate(-50%,-50%) scale(1)}}
@keyframes bbOverlayBounce {0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}55%{opacity:var(--bb-overlay-opacity,1);transform:translate(-50%,calc(-50% + 8px)) scale(1.02)}100%{opacity:var(--bb-overlay-opacity,1);transform:translate(-50%,-50%) scale(1)}}
@media (prefers-reduced-motion:reduce) {
 .bb-role-slider-shell .bb-role-slide__overlay.bb-slide-overlay-content {animation-duration:.01ms!important;animation-delay:0ms!important}
}