/* Generated by scripts/build_public_bundles_306.py; edit sources, then rebuild. */
/* SOURCE_SHA256: 21637b01ca3a5a765e09769b54d2ff71ab9aa1e6edd0e88c63971ff51db016db */

/* SOURCE: static/vendor/frontend/sweetalert2.min.css */
:root{--swal2-outline: 0 0 0 3px rgba(100, 150, 200, 0.5);--swal2-container-padding: 0.625em;--swal2-backdrop: rgba(0, 0, 0, 0.4);--swal2-backdrop-transition: background-color 0.15s;--swal2-width: 32em;--swal2-padding: 0 0 1.25em;--swal2-border: none;--swal2-border-radius: 0.3125rem;--swal2-background: white;--swal2-color: #545454;--swal2-show-animation: swal2-show 0.3s;--swal2-hide-animation: swal2-hide 0.15s forwards;--swal2-icon-zoom: 1;--swal2-title-padding: 0.8em 1em 0;--swal2-html-container-padding: 1em 1.6em 0.3em;--swal2-input-border: 1px solid #d9d9d9;--swal2-input-border-radius: 0.1875em;--swal2-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-background: transparent;--swal2-input-transition: border-color 0.2s, box-shadow 0.2s;--swal2-input-hover-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-focus-border: 1px solid #b4dbed;--swal2-input-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5);--swal2-progress-step-background: #add8e6;--swal2-validation-message-background: #f0f0f0;--swal2-validation-message-color: #666;--swal2-footer-border-color: #eee;--swal2-footer-background: transparent;--swal2-footer-color: inherit;--swal2-timer-progress-bar-background: rgba(0, 0, 0, 0.3);--swal2-close-button-position: initial;--swal2-close-button-inset: auto;--swal2-close-button-font-size: 2.5em;--swal2-close-button-color: #ccc;--swal2-close-button-transition: color 0.2s, box-shadow 0.2s;--swal2-close-button-outline: initial;--swal2-close-button-box-shadow: inset 0 0 0 3px transparent;--swal2-close-button-focus-box-shadow: inset var(--swal2-outline);--swal2-close-button-hover-transform: none;--swal2-actions-justify-content: center;--swal2-actions-width: auto;--swal2-actions-margin: 1.25em auto 0;--swal2-actions-padding: 0;--swal2-actions-border-radius: 0;--swal2-actions-background: transparent;--swal2-action-button-transition: background-color 0.2s, box-shadow 0.2s;--swal2-action-button-hover: black 10%;--swal2-action-button-active: black 10%;--swal2-confirm-button-box-shadow: none;--swal2-confirm-button-border-radius: 0.25em;--swal2-confirm-button-background-color: #7066e0;--swal2-confirm-button-color: #fff;--swal2-deny-button-box-shadow: none;--swal2-deny-button-border-radius: 0.25em;--swal2-deny-button-background-color: #dc3741;--swal2-deny-button-color: #fff;--swal2-cancel-button-box-shadow: none;--swal2-cancel-button-border-radius: 0.25em;--swal2-cancel-button-background-color: #6e7881;--swal2-cancel-button-color: #fff;--swal2-toast-show-animation: swal2-toast-show 0.5s;--swal2-toast-hide-animation: swal2-toast-hide 0.1s forwards;--swal2-toast-border: none;--swal2-toast-box-shadow: 0 0 1px hsl(0deg 0% 0% / 0.075), 0 1px 2px hsl(0deg 0% 0% / 0.075), 1px 2px 4px hsl(0deg 0% 0% / 0.075), 1px 3px 8px hsl(0deg 0% 0% / 0.075), 2px 4px 16px hsl(0deg 0% 0% / 0.075)}[data-swal2-theme=dark]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}@media(prefers-color-scheme: dark){[data-swal2-theme=auto]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:auto}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px var(--swal2-backdrop)}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}@media print{body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{position:static !important}}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:"top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:var(--swal2-container-padding);overflow-x:hidden;transition:var(--swal2-backdrop-transition);-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:var(--swal2-backdrop)}div:where(.swal2-container).swal2-backdrop-hide{background:rgba(0,0,0,0) !important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none !important}div:where(.swal2-container)[popover]{width:auto;border:0}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:var(--swal2-width);max-width:100%;padding:var(--swal2-padding);border:var(--swal2-border);border-radius:var(--swal2-border-radius);background:var(--swal2-background);color:var(--swal2-color);font-family:inherit;font-size:1rem}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable{cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon){cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging{cursor:grabbing}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon){cursor:grabbing}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:var(--swal2-title-padding);color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;overflow-wrap:break-word;cursor:initial}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:var(--swal2-actions-justify-content);width:var(--swal2-actions-width);margin:var(--swal2-actions-margin);padding:var(--swal2-actions-padding);border-radius:var(--swal2-actions-border-radius);background:var(--swal2-actions-background)}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:var(--swal2-action-button-transition);border:none;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border-radius:var(--swal2-confirm-button-border-radius);background:initial;background-color:var(--swal2-confirm-button-background-color);box-shadow:var(--swal2-confirm-button-box-shadow);color:var(--swal2-confirm-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border-radius:var(--swal2-deny-button-border-radius);background:initial;background-color:var(--swal2-deny-button-background-color);box-shadow:var(--swal2-deny-button-box-shadow);color:var(--swal2-deny-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border-radius:var(--swal2-cancel-button-border-radius);background:initial;background-color:var(--swal2-cancel-button-background-color);box-shadow:var(--swal2-cancel-button-box-shadow);color:var(--swal2-cancel-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{outline:none;box-shadow:var(--swal2-action-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading){opacity:.4}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid var(--swal2-footer-border-color);background:var(--swal2-footer-background);color:var(--swal2-footer-color);font-size:1em;text-align:center;cursor:initial}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:var(--swal2-border-radius);border-bottom-left-radius:var(--swal2-border-radius)}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:var(--swal2-timer-progress-bar-background)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em;cursor:initial}div:where(.swal2-container) button:where(.swal2-close){position:var(--swal2-close-button-position);inset:var(--swal2-close-button-inset);z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:var(--swal2-close-button-transition);border:none;border-radius:var(--swal2-border-radius);outline:var(--swal2-close-button-outline);background:rgba(0,0,0,0);color:var(--swal2-close-button-color);font-family:monospace;font-size:var(--swal2-close-button-font-size);cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:var(--swal2-close-button-hover-transform);background:rgba(0,0,0,0);color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus-visible{outline:none;box-shadow:var(--swal2-close-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-html-container){z-index:1;justify-content:center;margin:0;padding:var(--swal2-html-container-padding);overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;overflow-wrap:break-word;word-break:break-word;cursor:initial}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:var(--swal2-input-transition);border:var(--swal2-input-border);border-radius:var(--swal2-input-border-radius);background:var(--swal2-input-background);box-shadow:var(--swal2-input-box-shadow);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}div:where(.swal2-container) input:where(.swal2-input):hover,div:where(.swal2-container) input:where(.swal2-file):hover,div:where(.swal2-container) textarea:where(.swal2-textarea):hover{box-shadow:var(--swal2-input-hover-box-shadow)}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:var(--swal2-input-focus-border);outline:none;box-shadow:var(--swal2-input-focus-box-shadow)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:var(--swal2-background)}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:var(--swal2-input-background);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:var(--swal2-input-background);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:var(--swal2-background);color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:var(--swal2-validation-message-background);color:var(--swal2-validation-message-color);font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message)::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:var(--swal2-progress-step-background);color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:var(--swal2-progress-step-background)}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;zoom:var(--swal2-icon-zoom);border:.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}div:where(.swal2-icon).swal2-warning{border-color:#f8bb86;color:#f8bb86}div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}div:where(.swal2-icon).swal2-info{border-color:#3fc3ee;color:#3fc3ee}div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}div:where(.swal2-icon).swal2-question{border-color:#87adbd;color:#87adbd}div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:var(--swal2-show-animation)}.swal2-hide{animation:var(--swal2-hide-animation)}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;border:var(--swal2-toast-border);background:var(--swal2-background);box-shadow:var(--swal2-toast-box-shadow);pointer-events:auto}.swal2-toast>*{grid-column:2}.swal2-toast h2:where(.swal2-title){margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-toast .swal2-loading{justify-content:center}.swal2-toast input:where(.swal2-input){height:2em;margin:.5em;font-size:1em}.swal2-toast .swal2-validation-message{font-size:1em}.swal2-toast div:where(.swal2-footer){margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-toast button:where(.swal2-close){grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-toast div:where(.swal2-html-container){margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-toast div:where(.swal2-html-container):empty{padding:0}.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-toast div:where(.swal2-actions){justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-toast button:where(.swal2-styled){margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}.swal2-toast.swal2-show{animation:var(--swal2-toast-show-animation)}.swal2-toast.swal2-hide{animation:var(--swal2-toast-hide-animation)}@keyframes swal2-show{0%{transform:translate3d(0, -50px, 0) scale(0.9);opacity:0}100%{transform:translate3d(0, 0, 0) scale(1);opacity:1}}@keyframes swal2-hide{0%{transform:translate3d(0, 0, 0) scale(1);opacity:1}100%{transform:translate3d(0, -50px, 0) scale(0.9);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}


/* SOURCE: static/css/tailwind.css */
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Yekan Bakh VF,Yekan Bakh,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.\!fixed{position:fixed!important}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-x-3{left:.75rem;right:.75rem}.inset-y-0{top:0;bottom:0}.-bottom-0\.5{bottom:-.125rem}.-bottom-12{bottom:-3rem}.-bottom-24{bottom:-6rem}.-bottom-28{bottom:-7rem}.-bottom-36{bottom:-9rem}.-bottom-40{bottom:-10rem}.-bottom-5{bottom:-1.25rem}.-left-1{left:-.25rem}.-left-10{left:-2.5rem}.-left-20{left:-5rem}.-left-24{left:-6rem}.-left-28{left:-7rem}.-left-3{left:-.75rem}.-right-0\.5{right:-.125rem}.-right-10{right:-2.5rem}.-top-1{top:-.25rem}.-top-12{top:-3rem}.-top-24{top:-6rem}.-top-28{top:-7rem}.-top-32{top:-8rem}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.bottom-3{bottom:.75rem}.bottom-4{bottom:1rem}.bottom-\[14\%\]{bottom:14%}.bottom-\[20\%\]{bottom:20%}.bottom-\[8\%\]{bottom:8%}.left-0{left:0}.left-1\/2{left:50%}.left-10{left:2.5rem}.left-2{left:.5rem}.left-3{left:.75rem}.left-4{left:1rem}.left-6{left:1.5rem}.left-\[12\%\]{left:12%}.left-\[18\%\]{left:18%}.left-\[24\%\]{left:24%}.left-\[6\%\]{left:6%}.left-\[8\%\]{left:8%}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-5{right:1.25rem}.right-\[-4rem\]{right:-4rem}.right-\[-5rem\]{right:-5rem}.right-\[8\%\]{right:8%}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-28{top:7rem}.top-3{top:.75rem}.top-3\.5{top:.875rem}.top-4{top:1rem}.top-8{top:2rem}.top-\[18\%\]{top:18%}.top-\[8\%\]{top:8%}.top-\[calc\(100\%\+0\.75rem\)\]{top:calc(100% + .75rem)}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[120\]{z-index:120}.order-1{order:1}.order-2{order:2}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-1}.row-span-2{grid-row:span 2/span 2}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.-mt-8{margin-top:-2rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.mr-1{margin-right:.25rem}.mr-auto{margin-right:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-auto{margin-top:auto}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.\!hidden{display:none!important}.hidden{display:none}.aspect-\[1\.91\/1\]{aspect-ratio:1.91/1}.aspect-\[16\/10\]{aspect-ratio:16/10}.aspect-\[4\/1\]{aspect-ratio:4/1}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[4\/4\.5\]{aspect-ratio:4/4.5}.aspect-\[9\/16\]{aspect-ratio:9/16}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.size-10{width:2.5rem;height:2.5rem}.size-11{width:2.75rem;height:2.75rem}.size-12{width:3rem;height:3rem}.size-14{width:3.5rem;height:3.5rem}.size-16{width:4rem;height:4rem}.size-2{width:.5rem;height:.5rem}.size-2\.5{width:.625rem;height:.625rem}.size-20{width:5rem;height:5rem}.size-24{width:6rem;height:6rem}.size-28{width:7rem;height:7rem}.size-32{width:8rem;height:8rem}.size-4{width:1rem;height:1rem}.size-40{width:10rem;height:10rem}.size-5{width:1.25rem;height:1.25rem}.size-52{width:13rem;height:13rem}.size-6{width:1.5rem;height:1.5rem}.size-64{width:16rem;height:16rem}.size-7{width:1.75rem;height:1.75rem}.size-72{width:18rem;height:18rem}.size-8{width:2rem;height:2rem}.size-80{width:20rem;height:20rem}.size-9{width:2.25rem;height:2.25rem}.size-96{width:24rem;height:24rem}.size-\[28rem\]{width:28rem;height:28rem}.size-\[3\.25rem\]{width:3.25rem;height:3.25rem}.size-full{width:100%;height:100%}.h-1\.5{height:.375rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-\[45\%\]{height:45%}.h-\[62\%\]{height:62%}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-px{height:1px}.max-h-80{max-height:20rem}.max-h-\[25rem\]{max-height:25rem}.max-h-\[40\%\]{max-height:40%}.max-h-\[88vh\]{max-height:88vh}.max-h-\[calc\(100vh-1\.5rem\)\]{max-height:calc(100vh - 1.5rem)}.max-h-\[min\(60vh\2c 28rem\)\]{max-height:min(60vh,28rem)}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-10{min-height:2.5rem}.min-h-11{min-height:2.75rem}.min-h-12{min-height:3rem}.min-h-14{min-height:3.5rem}.min-h-16{min-height:4rem}.min-h-20{min-height:5rem}.min-h-24{min-height:6rem}.min-h-28{min-height:7rem}.min-h-32{min-height:8rem}.min-h-36{min-height:9rem}.min-h-44{min-height:11rem}.min-h-48{min-height:12rem}.min-h-5{min-height:1.25rem}.min-h-52{min-height:13rem}.min-h-56{min-height:14rem}.min-h-6{min-height:1.5rem}.min-h-64{min-height:16rem}.min-h-72{min-height:18rem}.min-h-80{min-height:20rem}.min-h-9{min-height:2.25rem}.min-h-\[19rem\]{min-height:19rem}.min-h-\[22rem\]{min-height:22rem}.min-h-\[65vh\]{min-height:65vh}.min-h-screen{min-height:100vh}.w-24{width:6rem}.w-64{width:16rem}.w-72{width:18rem}.w-8{width:2rem}.w-\[min\(88vw\2c 18rem\)\]{width:min(88vw,18rem)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-52{min-width:13rem}.min-w-56{min-width:14rem}.min-w-64{min-width:16rem}.min-w-\[1000px\]{min-width:1000px}.min-w-\[1050px\]{min-width:1050px}.min-w-\[760px\]{min-width:760px}.min-w-\[850px\]{min-width:850px}.min-w-\[900px\]{min-width:900px}.min-w-\[92px\]{min-width:92px}.max-w-14{max-width:3.5rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-40{max-width:10rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[1500px\]{max-width:1500px}.max-w-\[1700px\]{max-width:1700px}.max-w-\[220px\]{max-width:220px}.max-w-\[460px\]{max-width:460px}.max-w-\[520px\]{max-width:520px}.max-w-\[92vw\]{max-width:92vw}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x:-100%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-full{--tw-translate-x:100%}.-rotate-12,.translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-12{--tw-rotate:-12deg}.scale-\[\.98\]{--tw-scale-x:.98;--tw-scale-y:.98}.scale-\[\.98\],.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.resize-y{resize:vertical}.resize{resize:both}.scroll-mt-24{scroll-margin-top:6rem}.scroll-mt-28{scroll-margin-top:7rem}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[1\.5rem_minmax\(0\2c 1fr\)_auto\]{grid-template-columns:1.5rem minmax(0,1fr) auto}.grid-cols-\[2\.5rem_minmax\(0\2c 1fr\)\]{grid-template-columns:2.5rem minmax(0,1fr)}.grid-cols-\[2\.5rem_minmax\(0\2c 1fr\)_1rem\]{grid-template-columns:2.5rem minmax(0,1fr) 1rem}.grid-cols-\[2\.5rem_minmax\(0\2c 1fr\)_auto\]{grid-template-columns:2.5rem minmax(0,1fr) auto}.grid-cols-\[2\.75rem_minmax\(0\2c 1fr\)_1rem\]{grid-template-columns:2.75rem minmax(0,1fr) 1rem}.grid-cols-\[2\.75rem_minmax\(0\2c 1fr\)_auto\]{grid-template-columns:2.75rem minmax(0,1fr) auto}.grid-cols-\[3\.25rem_minmax\(0\2c 1fr\)\]{grid-template-columns:3.25rem minmax(0,1fr)}.grid-cols-\[3rem_minmax\(0\2c 1fr\)_auto\]{grid-template-columns:3rem minmax(0,1fr) auto}.grid-cols-\[9rem_minmax\(0\2c 1fr\)\]{grid-template-columns:9rem minmax(0,1fr)}.grid-cols-\[repeat\(auto-fill\2c minmax\(4\.25rem\2c 1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(4.25rem,1fr))}.grid-rows-\[auto_minmax\(18rem\2c 1fr\)_auto_auto\]{grid-template-rows:auto minmax(18rem,1fr) auto auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-px{gap:1px}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.space-y-14>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3.5rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-zinc-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(244 244 245/var(--tw-divide-opacity,1))}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-\[24px\]{border-radius:24px}.rounded-\[26px\]{border-radius:26px}.rounded-\[28px\]{border-radius:28px}.rounded-\[2rem\]{border-radius:2rem}.rounded-\[32px\]{border-radius:32px}.rounded-\[36px\]{border-radius:36px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b-\[26px\]{border-bottom-right-radius:26px;border-bottom-left-radius:26px}.rounded-t-\[165px\]{border-top-left-radius:165px;border-top-right-radius:165px}.rounded-t-full{border-top-left-radius:9999px;border-top-right-radius:9999px}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-amber-100{--tw-border-opacity:1;border-color:rgb(254 243 199/var(--tw-border-opacity,1))}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-amber-300{--tw-border-opacity:1;border-color:rgb(252 211 77/var(--tw-border-opacity,1))}.border-black\/5{border-color:rgba(0,0,0,.05)}.border-blue-100{--tw-border-opacity:1;border-color:rgb(219 234 254/var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-300\/20{border-color:rgba(147,197,253,.2)}.border-brand-100{--tw-border-opacity:1;border-color:rgb(210 255 244/var(--tw-border-opacity,1))}.border-brand-200{--tw-border-opacity:1;border-color:rgb(167 243 223/var(--tw-border-opacity,1))}.border-brand-300{--tw-border-opacity:1;border-color:rgb(110 231 202/var(--tw-border-opacity,1))}.border-brand-300\/10{border-color:rgba(110,231,202,.1)}.border-brand-300\/15{border-color:rgba(110,231,202,.15)}.border-brand-300\/25{border-color:rgba(110,231,202,.25)}.border-brand-400{--tw-border-opacity:1;border-color:rgb(16 255 205/var(--tw-border-opacity,1))}.border-brand-400\/30{border-color:rgba(16,255,205,.3)}.border-emerald-100{--tw-border-opacity:1;border-color:rgb(209 250 229/var(--tw-border-opacity,1))}.border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.border-ink-800{--tw-border-opacity:1;border-color:rgb(37 43 39/var(--tw-border-opacity,1))}.border-red-100{--tw-border-opacity:1;border-color:rgb(254 226 226/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-rose-100{--tw-border-opacity:1;border-color:rgb(255 228 230/var(--tw-border-opacity,1))}.border-sky-200{--tw-border-opacity:1;border-color:rgb(186 230 253/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-violet-100{--tw-border-opacity:1;border-color:rgb(237 233 254/var(--tw-border-opacity,1))}.border-violet-200\/80{border-color:rgba(221,214,254,.8)}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/15{border-color:hsla(0,0%,100%,.15)}.border-white\/50{border-color:hsla(0,0%,100%,.5)}.border-white\/60{border-color:hsla(0,0%,100%,.6)}.border-white\/70{border-color:hsla(0,0%,100%,.7)}.border-zinc-100{--tw-border-opacity:1;border-color:rgb(244 244 245/var(--tw-border-opacity,1))}.border-zinc-200{--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity,1))}.border-zinc-200\/70{border-color:hsla(240,6%,90%,.7)}.border-zinc-200\/80{border-color:hsla(240,6%,90%,.8)}.border-zinc-300{--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity,1))}.bg-\[\#f8fcfb\]{--tw-bg-opacity:1;background-color:rgb(248 252 251/var(--tw-bg-opacity,1))}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-amber-100\/90{background-color:hsla(48,96%,89%,.9)}.bg-amber-300\/15{background-color:rgba(252,211,77,.15)}.bg-amber-400{--tw-bg-opacity:1;background-color:rgb(251 191 36/var(--tw-bg-opacity,1))}.bg-amber-400\/90{background-color:rgba(251,191,36,.9)}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-50\/40{background-color:rgba(255,251,235,.4)}.bg-black\/55{background-color:rgba(0,0,0,.55)}.bg-black\/70{background-color:rgba(0,0,0,.7)}.bg-blue-200\/30{background-color:rgba(191,219,254,.3)}.bg-blue-400\/10{background-color:rgba(96,165,250,.1)}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-brand-100{--tw-bg-opacity:1;background-color:rgb(210 255 244/var(--tw-bg-opacity,1))}.bg-brand-100\/50{background-color:rgba(210,255,244,.5)}.bg-brand-100\/55{background-color:rgba(210,255,244,.55)}.bg-brand-100\/80{background-color:rgba(210,255,244,.8)}.bg-brand-200\/20{background-color:rgba(167,243,223,.2)}.bg-brand-300{--tw-bg-opacity:1;background-color:rgb(110 231 202/var(--tw-bg-opacity,1))}.bg-brand-300\/10{background-color:rgba(110,231,202,.1)}.bg-brand-300\/15{background-color:rgba(110,231,202,.15)}.bg-brand-400{--tw-bg-opacity:1;background-color:rgb(16 255 205/var(--tw-bg-opacity,1))}.bg-brand-400\/10{background-color:rgba(16,255,205,.1)}.bg-brand-50{--tw-bg-opacity:1;background-color:rgb(235 251 247/var(--tw-bg-opacity,1))}.bg-brand-50\/50{background-color:rgba(235,251,247,.5)}.bg-brand-50\/60{background-color:rgba(235,251,247,.6)}.bg-brand-50\/70{background-color:rgba(235,251,247,.7)}.bg-brand-50\/80{background-color:rgba(235,251,247,.8)}.bg-brand-500{--tw-bg-opacity:1;background-color:rgb(16 255 205/var(--tw-bg-opacity,1))}.bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-emerald-50\/70{background-color:rgba(236,253,245,.7)}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-emerald-500\/90{background-color:rgba(16,185,129,.9)}.bg-ink-950{--tw-bg-opacity:1;background-color:rgb(21 24 23/var(--tw-bg-opacity,1))}.bg-ink-950\/45{background-color:rgba(21,24,23,.45)}.bg-ink-950\/65{background-color:rgba(21,24,23,.65)}.bg-ink-950\/80{background-color:rgba(21,24,23,.8)}.bg-ink-950\/90{background-color:rgba(21,24,23,.9)}.bg-ink-950\/95{background-color:rgba(21,24,23,.95)}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-50\/40{background-color:hsla(0,86%,97%,.4)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-500\/90{background-color:rgba(239,68,68,.9)}.bg-rose-400{--tw-bg-opacity:1;background-color:rgb(251 113 133/var(--tw-bg-opacity,1))}.bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.bg-sky-100{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.bg-sky-50\/40{background-color:rgba(240,249,255,.4)}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-slate-950{--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-violet-300\/15{background-color:rgba(196,181,253,.15)}.bg-violet-50{--tw-bg-opacity:1;background-color:rgb(245 243 255/var(--tw-bg-opacity,1))}.bg-violet-50\/40{background-color:rgba(245,243,255,.4)}.bg-violet-50\/50{background-color:rgba(245,243,255,.5)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.bg-white\/70{background-color:hsla(0,0%,100%,.7)}.bg-white\/80{background-color:hsla(0,0%,100%,.8)}.bg-white\/90{background-color:hsla(0,0%,100%,.9)}.bg-white\/95{background-color:hsla(0,0%,100%,.95)}.bg-white\/\[0\.07\]{background-color:hsla(0,0%,100%,.07)}.bg-zinc-100{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.bg-zinc-300{--tw-bg-opacity:1;background-color:rgb(212 212 216/var(--tw-bg-opacity,1))}.bg-zinc-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.bg-zinc-50\/70{background-color:hsla(0,0%,98%,.7)}.bg-zinc-50\/80{background-color:hsla(0,0%,98%,.8)}.bg-zinc-900{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.bg-zinc-900\/80{background-color:rgba(24,24,27,.8)}.bg-zinc-950{--tw-bg-opacity:1;background-color:rgb(9 9 11/var(--tw-bg-opacity,1))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-brand-300{--tw-gradient-from:#6ee7ca var(--tw-gradient-from-position);--tw-gradient-to:rgba(110,231,202,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-brand-50{--tw-gradient-from:#ebfbf7 var(--tw-gradient-from-position);--tw-gradient-to:rgba(235,251,247,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-300{--tw-gradient-from:#6ee7b7 var(--tw-gradient-from-position);--tw-gradient-to:rgba(110,231,183,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-ink-950{--tw-gradient-from:#151817 var(--tw-gradient-from-position);--tw-gradient-to:rgba(21,24,23,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-ink-950\/35{--tw-gradient-from:rgba(21,24,23,.35) var(--tw-gradient-from-position);--tw-gradient-to:rgba(21,24,23,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-ink-950\/65{--tw-gradient-from:rgba(21,24,23,.65) var(--tw-gradient-from-position);--tw-gradient-to:rgba(21,24,23,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-sky-200{--tw-gradient-from:#bae6fd var(--tw-gradient-from-position);--tw-gradient-to:rgba(186,230,253,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white{--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-zinc-50{--tw-gradient-from:#fafafa var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,98%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-emerald-600{--tw-gradient-to:rgba(5,150,105,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#059669 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-ink-900{--tw-gradient-to:rgba(28,33,30,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1c211e var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-white{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fff var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-amber-200{--tw-gradient-to:#fde68a var(--tw-gradient-to-position)}.to-blue-50{--tw-gradient-to:#eff6ff var(--tw-gradient-to-position)}.to-blue-950{--tw-gradient-to:#172554 var(--tw-gradient-to-position)}.to-brand-50\/50{--tw-gradient-to:rgba(235,251,247,.5) var(--tw-gradient-to-position)}.to-brand-50\/70{--tw-gradient-to:rgba(235,251,247,.7) var(--tw-gradient-to-position)}.to-brand-500{--tw-gradient-to:#01FFCD var(--tw-gradient-to-position)}.to-brand-900{--tw-gradient-to:#3c3c3b var(--tw-gradient-to-position)}.to-brand-950{--tw-gradient-to:#10201d var(--tw-gradient-to-position)}.to-ink-800{--tw-gradient-to:#252b27 var(--tw-gradient-to-position)}.to-sky-50{--tw-gradient-to:#f0f9ff var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-14{padding-bottom:3.5rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pr-11{padding-right:2.75rem}.pr-14{padding-right:3.5rem}.pt-1{padding-top:.25rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-\[6vh\]{padding-top:6vh}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Yekan Bakh VF,Yekan Bakh,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[10rem\]{font-size:10rem}.text-\[11px\]{font-size:11px}.text-\[15px\]{font-size:15px}.text-\[31px\]{font-size:31px}.text-\[6px\]{font-size:6px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-9{line-height:2.25rem}.leading-\[1\.45\]{line-height:1.45}.leading-\[1\.55\]{line-height:1.55}.leading-\[1\.5\]{line-height:1.5}.leading-\[1\.65\]{line-height:1.65}.leading-\[1\.6\]{line-height:1.6}.tracking-\[\.55em\]{letter-spacing:.55em}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.text-\[var\(--bt-ink\)\]{color:var(--bt-ink)}.text-amber-200{--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1))}.text-amber-300{--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-amber-500\/\[0\.07\]{color:rgba(245,158,11,.07)}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-amber-950{--tw-text-opacity:1;color:rgb(69 26 3/var(--tw-text-opacity,1))}.text-blue-100{--tw-text-opacity:1;color:rgb(219 234 254/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-brand-200{--tw-text-opacity:1;color:rgb(167 243 223/var(--tw-text-opacity,1))}.text-brand-300{--tw-text-opacity:1;color:rgb(110 231 202/var(--tw-text-opacity,1))}.text-brand-300\/70{color:rgba(110,231,202,.7)}.text-brand-300\/\[0\.04\]{color:rgba(110,231,202,.04)}.text-brand-300\/\[0\.07\]{color:rgba(110,231,202,.07)}.text-brand-400{--tw-text-opacity:1;color:rgb(16 255 205/var(--tw-text-opacity,1))}.text-brand-500\/\[0\.07\]{color:rgba(16,255,205,.07)}.text-brand-600{--tw-text-opacity:1;color:rgb(0 233 183/var(--tw-text-opacity,1))}.text-brand-700{--tw-text-opacity:1;color:rgb(0 204 153/var(--tw-text-opacity,1))}.text-brand-800{--tw-text-opacity:1;color:rgb(8 127 107/var(--tw-text-opacity,1))}.text-brand-800\/60{color:rgba(8,127,107,.6)}.text-brand-950{--tw-text-opacity:1;color:rgb(16 32 29/var(--tw-text-opacity,1))}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity,1))}.text-ink-950{--tw-text-opacity:1;color:rgb(21 24 23/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-rose-300\/80{color:rgba(253,164,175,.8)}.text-rose-400{--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity,1))}.text-rose-500{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.text-rose-500\/\[0\.07\]{color:rgba(244,63,94,.07)}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.text-rose-700{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity,1))}.text-rose-900{--tw-text-opacity:1;color:rgb(136 19 55/var(--tw-text-opacity,1))}.text-sky-600{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-slate-950{--tw-text-opacity:1;color:rgb(2 6 23/var(--tw-text-opacity,1))}.text-violet-200{--tw-text-opacity:1;color:rgb(221 214 254/var(--tw-text-opacity,1))}.text-violet-500{--tw-text-opacity:1;color:rgb(139 92 246/var(--tw-text-opacity,1))}.text-violet-500\/\[0\.07\]{color:rgba(139,92,246,.07)}.text-violet-600{--tw-text-opacity:1;color:rgb(124 58 237/var(--tw-text-opacity,1))}.text-violet-700{--tw-text-opacity:1;color:rgb(109 40 217/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/35{color:hsla(0,0%,100%,.35)}.text-white\/40{color:hsla(0,0%,100%,.4)}.text-white\/45{color:hsla(0,0%,100%,.45)}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-white\/55{color:hsla(0,0%,100%,.55)}.text-white\/60{color:hsla(0,0%,100%,.6)}.text-zinc-300{--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.text-zinc-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.text-zinc-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.text-zinc-600{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1))}.text-zinc-700{--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1))}.text-zinc-800{--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity,1))}.text-zinc-900{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.shadow-none,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-black\/10{--tw-shadow-color:rgba(0,0,0,.1);--tw-shadow:var(--tw-shadow-colored)}.shadow-black\/30{--tw-shadow-color:rgba(0,0,0,.3);--tw-shadow:var(--tw-shadow-colored)}.shadow-blue-900\/5{--tw-shadow-color:rgba(30,58,138,.05);--tw-shadow:var(--tw-shadow-colored)}.shadow-brand-100{--tw-shadow-color:#d2fff4;--tw-shadow:var(--tw-shadow-colored)}.shadow-brand-200\/50{--tw-shadow-color:rgba(167,243,223,.5);--tw-shadow:var(--tw-shadow-colored)}.shadow-brand-950\/15{--tw-shadow-color:rgba(16,32,29,.15);--tw-shadow:var(--tw-shadow-colored)}.shadow-ink-950\/10{--tw-shadow-color:rgba(21,24,23,.1);--tw-shadow:var(--tw-shadow-colored)}.shadow-ink-950\/15{--tw-shadow-color:rgba(21,24,23,.15);--tw-shadow:var(--tw-shadow-colored)}.shadow-ink-950\/5{--tw-shadow-color:rgba(21,24,23,.05);--tw-shadow:var(--tw-shadow-colored)}.shadow-zinc-950\/10{--tw-shadow-color:rgba(9,9,11,.1);--tw-shadow:var(--tw-shadow-colored)}.shadow-zinc-950\/5{--tw-shadow-color:rgba(9,9,11,.05);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-0{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-inset{--tw-ring-inset:inset}.ring-amber-100{--tw-ring-opacity:1;--tw-ring-color:rgb(254 243 199/var(--tw-ring-opacity,1))}.ring-amber-200{--tw-ring-opacity:1;--tw-ring-color:rgb(253 230 138/var(--tw-ring-opacity,1))}.ring-black\/\[0\.04\]{--tw-ring-color:rgba(0,0,0,.04)}.ring-blue-100{--tw-ring-opacity:1;--tw-ring-color:rgb(219 234 254/var(--tw-ring-opacity,1))}.ring-brand-100{--tw-ring-opacity:1;--tw-ring-color:rgb(210 255 244/var(--tw-ring-opacity,1))}.ring-brand-200{--tw-ring-opacity:1;--tw-ring-color:rgb(167 243 223/var(--tw-ring-opacity,1))}.ring-brand-300{--tw-ring-opacity:1;--tw-ring-color:rgb(110 231 202/var(--tw-ring-opacity,1))}.ring-brand-400{--tw-ring-opacity:1;--tw-ring-color:rgb(16 255 205/var(--tw-ring-opacity,1))}.ring-emerald-100{--tw-ring-opacity:1;--tw-ring-color:rgb(209 250 229/var(--tw-ring-opacity,1))}.ring-emerald-200{--tw-ring-opacity:1;--tw-ring-color:rgb(167 243 208/var(--tw-ring-opacity,1))}.ring-red-100{--tw-ring-opacity:1;--tw-ring-color:rgb(254 226 226/var(--tw-ring-opacity,1))}.ring-red-200{--tw-ring-opacity:1;--tw-ring-color:rgb(254 202 202/var(--tw-ring-opacity,1))}.ring-violet-100{--tw-ring-opacity:1;--tw-ring-color:rgb(237 233 254/var(--tw-ring-opacity,1))}.ring-violet-200{--tw-ring-opacity:1;--tw-ring-color:rgb(221 214 254/var(--tw-ring-opacity,1))}.ring-zinc-100{--tw-ring-opacity:1;--tw-ring-color:rgb(244 244 245/var(--tw-ring-opacity,1))}.ring-zinc-200{--tw-ring-opacity:1;--tw-ring-color:rgb(228 228 231/var(--tw-ring-opacity,1))}.ring-zinc-200\/80{--tw-ring-color:hsla(240,6%,90%,.8)}.ring-offset-2{--tw-ring-offset-width:2px}.blur{--tw-blur:blur(8px)}.blur,.blur-2xl{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-2xl{--tw-blur:blur(40px)}.blur-3xl{--tw-blur:blur(64px)}.blur-3xl,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-md{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-sm,.backdrop-blur-xl{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\2c width\]{transition-property:transform,width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[scrollbar-color\:\#d4d4d8_transparent\]{scrollbar-color:#d4d4d8 transparent}.selection\:bg-brand-200 ::-moz-selection{--tw-bg-opacity:1;background-color:rgb(167 243 223/var(--tw-bg-opacity,1))}.selection\:bg-brand-200 ::selection{--tw-bg-opacity:1;background-color:rgb(167 243 223/var(--tw-bg-opacity,1))}.selection\:bg-brand-200::-moz-selection{--tw-bg-opacity:1;background-color:rgb(167 243 223/var(--tw-bg-opacity,1))}.selection\:bg-brand-200::selection{--tw-bg-opacity:1;background-color:rgb(167 243 223/var(--tw-bg-opacity,1))}.file\:ml-3::file-selector-button{margin-left:.75rem}.file\:rounded-xl::file-selector-button{border-radius:.75rem}.file\:border-0::file-selector-button{border-width:0}.file\:bg-brand-100::file-selector-button{--tw-bg-opacity:1;background-color:rgb(210 255 244/var(--tw-bg-opacity,1))}.file\:px-3::file-selector-button{padding-left:.75rem;padding-right:.75rem}.file\:px-4::file-selector-button{padding-left:1rem;padding-right:1rem}.file\:py-2::file-selector-button{padding-top:.5rem;padding-bottom:.5rem}.file\:text-xs::file-selector-button{font-size:.75rem;line-height:1rem}.file\:font-black::file-selector-button{font-weight:900}.file\:text-brand-800::file-selector-button{--tw-text-opacity:1;color:rgb(8 127 107/var(--tw-text-opacity,1))}.file\:text-brand-900::file-selector-button{--tw-text-opacity:1;color:rgb(60 60 59/var(--tw-text-opacity,1))}.placeholder\:text-zinc-400::-moz-placeholder{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.placeholder\:text-zinc-400::placeholder{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.first\:pt-0:first-child{padding-top:0}.last\:pb-0:last-child{padding-bottom:0}.hover\:-translate-x-0\.5:hover{--tw-translate-x:-0.125rem}.hover\:-translate-x-0\.5:hover,.hover\:-translate-y-0\.5:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-brand-200:hover{--tw-border-opacity:1;border-color:rgb(167 243 223/var(--tw-border-opacity,1))}.hover\:border-brand-300:hover{--tw-border-opacity:1;border-color:rgb(110 231 202/var(--tw-border-opacity,1))}.hover\:border-brand-400:hover{--tw-border-opacity:1;border-color:rgb(16 255 205/var(--tw-border-opacity,1))}.hover\:border-red-200:hover{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.hover\:border-rose-200:hover{--tw-border-opacity:1;border-color:rgb(254 205 211/var(--tw-border-opacity,1))}.hover\:border-zinc-300:hover{--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity,1))}.hover\:bg-black\/5:hover{background-color:rgba(0,0,0,.05)}.hover\:bg-brand-100:hover{--tw-bg-opacity:1;background-color:rgb(210 255 244/var(--tw-bg-opacity,1))}.hover\:bg-brand-300:hover{--tw-bg-opacity:1;background-color:rgb(110 231 202/var(--tw-bg-opacity,1))}.hover\:bg-brand-400:hover{--tw-bg-opacity:1;background-color:rgb(16 255 205/var(--tw-bg-opacity,1))}.hover\:bg-brand-50:hover{--tw-bg-opacity:1;background-color:rgb(235 251 247/var(--tw-bg-opacity,1))}.hover\:bg-brand-50\/30:hover{background-color:rgba(235,251,247,.3)}.hover\:bg-brand-50\/60:hover{background-color:rgba(235,251,247,.6)}.hover\:bg-ink-800:hover{--tw-bg-opacity:1;background-color:rgb(37 43 39/var(--tw-bg-opacity,1))}.hover\:bg-ink-900:hover{--tw-bg-opacity:1;background-color:rgb(28 33 30/var(--tw-bg-opacity,1))}.hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:bg-rose-50:hover{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.hover\:bg-white\/\[0\.13\]:hover{background-color:hsla(0,0%,100%,.13)}.hover\:bg-zinc-100:hover{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.hover\:bg-zinc-50:hover{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.hover\:bg-zinc-50\/70:hover{background-color:hsla(0,0%,98%,.7)}.hover\:text-brand-700:hover{--tw-text-opacity:1;color:rgb(0 204 153/var(--tw-text-opacity,1))}.hover\:text-brand-800:hover{--tw-text-opacity:1;color:rgb(8 127 107/var(--tw-text-opacity,1))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.hover\:text-red-700:hover{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.hover\:text-rose-700:hover{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity,1))}.hover\:text-zinc-800:hover{--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity,1))}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-lg:hover,.hover\:shadow-md:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-ink-950\/5:hover{--tw-shadow-color:rgba(21,24,23,.05);--tw-shadow:var(--tw-shadow-colored)}.focus\:border-0:focus{border-width:0}.focus\:border-brand-400:focus,.focus\:border-brand-500:focus{--tw-border-opacity:1;border-color:rgb(16 255 205/var(--tw-border-opacity,1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:bg-white:focus{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-0:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-amber-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(252 211 77/var(--tw-ring-opacity,1))}.focus\:ring-brand-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(210 255 244/var(--tw-ring-opacity,1))}.focus\:ring-brand-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(110 231 202/var(--tw-ring-opacity,1))}.focus\:ring-red-100:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(254 226 226/var(--tw-ring-opacity,1))}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-zinc-100:disabled{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.disabled\:text-zinc-400:disabled{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:-translate-y-1{--tw-translate-y:-0.25rem}.group:hover .group-hover\:-translate-y-1,.group:hover .group-hover\:scale-125{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25}.group:hover .group-hover\:scale-\[1\.025\]{--tw-scale-x:1.025;--tw-scale-y:1.025}.group:hover .group-hover\:scale-\[1\.025\],.group:hover .group-hover\:scale-\[1\.02\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02}.group:hover .group-hover\:scale-\[1\.03\]{--tw-scale-x:1.03;--tw-scale-y:1.03;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:bg-brand-50{--tw-bg-opacity:1;background-color:rgb(235 251 247/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-brand-500{--tw-bg-opacity:1;background-color:rgb(16 255 205/var(--tw-bg-opacity,1))}.group:hover .group-hover\:text-brand-700{--tw-text-opacity:1;color:rgb(0 204 153/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-brand-800{--tw-text-opacity:1;color:rgb(8 127 107/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.group:hover .group-hover\:shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:shadow-brand-500\/20{--tw-shadow-color:rgba(16,255,205,.2);--tw-shadow:var(--tw-shadow-colored)}.group.is-active .group-\[\.is-active\]\:bg-brand-400{--tw-bg-opacity:1;background-color:rgb(16 255 205/var(--tw-bg-opacity,1))}.group.is-active .group-\[\.is-active\]\:text-brand-950{--tw-text-opacity:1;color:rgb(16 32 29/var(--tw-text-opacity,1))}.peer:checked~.peer-checked\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\:text-brand-800{--tw-text-opacity:1;color:rgb(8 127 107/var(--tw-text-opacity,1))}.peer:checked~.peer-checked\:shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:640px){.sm\:left-6{left:1.5rem}.sm\:right-6{right:1.5rem}.sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:size-24{width:6rem;height:6rem}.sm\:w-auto{width:auto}.sm\:min-w-72{min-width:18rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-\[12rem_minmax\(0\2c 1fr\)\]{grid-template-columns:12rem minmax(0,1fr)}.sm\:grid-cols-\[1fr_auto_1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr auto 1fr}.sm\:grid-cols-\[2\.75rem_minmax\(0\2c 1fr\)_auto_1rem\]{grid-template-columns:2.75rem minmax(0,1fr) auto 1rem}.sm\:grid-cols-\[3\.25rem_minmax\(0\2c 1fr\)_7rem\]{grid-template-columns:3.25rem minmax(0,1fr) 7rem}.sm\:grid-cols-\[3rem_minmax\(0\2c 1fr\)_auto\]{grid-template-columns:3rem minmax(0,1fr) auto}.sm\:grid-cols-\[minmax\(0\2c 1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:items-stretch{align-items:stretch}.sm\:justify-end{justify-content:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:gap-2{gap:.5rem}.sm\:self-auto{align-self:auto}.sm\:p-3{padding:.75rem}.sm\:p-4{padding:1rem}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:p-7{padding:1.75rem}.sm\:p-8{padding:2rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-14{padding-top:3.5rem;padding-bottom:3.5rem}.sm\:py-24{padding-top:6rem;padding-bottom:6rem}.sm\:py-8{padding-top:2rem;padding-bottom:2rem}.sm\:pt-\[10vh\]{padding-top:10vh}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:leading-9{line-height:2.25rem}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:block{display:block}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-\[14rem_1fr_auto\]{grid-template-columns:14rem 1fr auto}.md\:grid-cols-\[14rem_minmax\(0\2c 1fr\)_auto\]{grid-template-columns:14rem minmax(0,1fr) auto}.md\:grid-cols-\[1fr_12rem_auto\]{grid-template-columns:1fr 12rem auto}.md\:grid-cols-\[1fr_14rem\]{grid-template-columns:1fr 14rem}.md\:grid-cols-\[1fr_14rem_auto\]{grid-template-columns:1fr 14rem auto}.md\:grid-cols-\[1fr_auto_auto\]{grid-template-columns:1fr auto auto}.md\:grid-cols-\[minmax\(0\2c 1fr\)_13rem_auto\]{grid-template-columns:minmax(0,1fr) 13rem auto}.md\:grid-cols-\[minmax\(0\2c 1fr\)_14rem_auto\]{grid-template-columns:minmax(0,1fr) 14rem auto}.md\:items-start{align-items:flex-start}.md\:p-8{padding:2rem}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-24{top:6rem}.lg\:top-4{top:1rem}.lg\:z-20{z-index:20}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-start-1{grid-column-start:1}.lg\:col-start-2{grid-column-start:2}.lg\:row-span-2{grid-row:span 2/span 2}.lg\:row-start-1{grid-row-start:1}.lg\:mt-0{margin-top:0}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:aspect-auto{aspect-ratio:auto}.lg\:h-\[calc\(100vh-2rem\)\]{height:calc(100vh - 2rem)}.lg\:min-h-\[17rem\]{min-height:17rem}.lg\:w-24{width:6rem}.lg\:w-72{width:18rem}.lg\:w-\[38\%\]{width:38%}.lg\:w-\[42\%\]{width:42%}.lg\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[19rem_minmax\(0\2c 1fr\)\]{grid-template-columns:19rem minmax(0,1fr)}.lg\:grid-cols-\[1fr_1\.05fr\]{grid-template-columns:1fr 1.05fr}.lg\:grid-cols-\[1fr_1fr_2fr\]{grid-template-columns:1fr 1fr 2fr}.lg\:grid-cols-\[1fr_1fr_auto\]{grid-template-columns:1fr 1fr auto}.lg\:grid-cols-\[1fr_390px\]{grid-template-columns:1fr 390px}.lg\:grid-cols-\[21rem_minmax\(0\2c 1fr\)\]{grid-template-columns:21rem minmax(0,1fr)}.lg\:grid-cols-\[6rem_minmax\(0\2c 1fr\)_13rem\]{grid-template-columns:6rem minmax(0,1fr) 13rem}.lg\:grid-cols-\[minmax\(0\2c 1\.45fr\)_minmax\(17rem\2c \.65fr\)\]{grid-template-columns:minmax(0,1.45fr) minmax(17rem,.65fr)}.lg\:grid-cols-\[minmax\(0\2c 1\.4fr\)_minmax\(17rem\2c \.6fr\)\]{grid-template-columns:minmax(0,1.4fr) minmax(17rem,.6fr)}.lg\:grid-cols-\[minmax\(0\2c 1fr\)_15rem\]{grid-template-columns:minmax(0,1fr) 15rem}.lg\:grid-cols-\[minmax\(0\2c 1fr\)_18rem\]{grid-template-columns:minmax(0,1fr) 18rem}.lg\:grid-cols-\[minmax\(0\2c 1fr\)_220px\]{grid-template-columns:minmax(0,1fr) 220px}.lg\:grid-cols-\[minmax\(0\2c 1fr\)_22rem\]{grid-template-columns:minmax(0,1fr) 22rem}.lg\:grid-cols-\[minmax\(0\2c 1fr\)_340px\]{grid-template-columns:minmax(0,1fr) 340px}.lg\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(460px\2c 42\%\)\]{grid-template-columns:minmax(0,1fr) minmax(460px,42%)}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:items-start{align-items:flex-start}.lg\:items-end{align-items:flex-end}.lg\:items-center{align-items:center}.lg\:justify-center{justify-content:center}.lg\:justify-between{justify-content:space-between}.lg\:gap-20{gap:5rem}.lg\:gap-4{gap:1rem}.lg\:gap-8{gap:2rem}.lg\:rounded-3xl{border-radius:1.5rem}.lg\:border{border-width:1px}.lg\:p-0{padding:0}.lg\:p-4{padding:1rem}.lg\:p-7{padding:1.75rem}.lg\:p-8{padding:2rem}.lg\:px-1{padding-left:.25rem;padding-right:.25rem}.lg\:px-14{padding-left:3.5rem;padding-right:3.5rem}.lg\:px-2{padding-left:.5rem;padding-right:.5rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-12{padding-top:3rem;padding-bottom:3rem}.lg\:py-20{padding-top:5rem;padding-bottom:5rem}.lg\:pb-8{padding-bottom:2rem}.lg\:pt-4{padding-top:1rem}}@media (min-width:1280px){.xl\:sticky{position:sticky}.xl\:top-24{top:6rem}.xl\:col-span-1{grid-column:span 1/span 1}.xl\:col-span-3{grid-column:span 3/span 3}.xl\:col-span-4{grid-column:span 4/span 4}.xl\:inline{display:inline}.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-\[18rem_minmax\(0\2c 1fr\)\]{grid-template-columns:18rem minmax(0,1fr)}.xl\:grid-cols-\[1fr_360px\]{grid-template-columns:1fr 360px}.xl\:grid-cols-\[24rem_minmax\(0\2c 1fr\)\]{grid-template-columns:24rem minmax(0,1fr)}.xl\:grid-cols-\[420px_1fr\]{grid-template-columns:420px 1fr}.xl\:grid-cols-\[minmax\(0\2c 1\.4fr\)_11rem_13rem_11rem_auto\]{grid-template-columns:minmax(0,1.4fr) 11rem 13rem 11rem auto}.xl\:grid-cols-\[minmax\(0\2c 1\.7fr\)_minmax\(18rem\2c \.7fr\)\]{grid-template-columns:minmax(0,1.7fr) minmax(18rem,.7fr)}.xl\:grid-cols-\[minmax\(0\2c 1fr\)_19rem\]{grid-template-columns:minmax(0,1fr) 19rem}.xl\:grid-cols-\[minmax\(0\2c 1fr\)_20rem\]{grid-template-columns:minmax(0,1fr) 20rem}.xl\:grid-cols-\[minmax\(0\2c 1fr\)_21rem\]{grid-template-columns:minmax(0,1fr) 21rem}.xl\:grid-cols-\[minmax\(0\2c 1fr\)_22rem\]{grid-template-columns:minmax(0,1fr) 22rem}.xl\:grid-cols-\[minmax\(0\2c 1fr\)_330px\]{grid-template-columns:minmax(0,1fr) 330px}.xl\:grid-cols-\[minmax\(0\2c 1fr\)_340px\]{grid-template-columns:minmax(0,1fr) 340px}.xl\:items-start{align-items:flex-start}.xl\:self-start{align-self:flex-start}.xl\:text-5xl{font-size:3rem;line-height:1}}@media (min-width:1536px){.\32xl\:col-span-3{grid-column:span 3/span 3}.\32xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* SOURCE: static/css/app.css */
/* BATALAR 78.2.0 — global compatibility bundle */
/* Existing source order is preserved to prevent visual regressions. */

/* ===== SOURCE: static/css/home.css ===== */
[x-cloak] {
    display: none !important;
}

:root {
    color-scheme: light;
}

* {
    box-sizing: border-box;
}

html {
    background: #fff;
}

body {
    margin: 0;
    overflow-x: hidden;
    font-family: "IranYekanBakh", Tahoma, Arial, sans-serif;
}

a,
button,
input,
select {
    -webkit-tap-highlight-color: transparent;
}

button,
select {
    font: inherit;
}

::selection {
    color: #0f172a;
    background: #a7f3df;
}

.container-shell {
    width: min(1240px, calc(100% - 32px));
    margin-inline: auto;
}

.nav-link {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    border-radius: 14px;
    padding-inline: 14px;
    font-size: 0.82rem;
    font-weight: 800;
    color: #52525b;
    transition: color 180ms ease, background-color 180ms ease;
}

.nav-link:hover {
    color: #087f6b;
    background: #ecfdf9;
}

.mobile-nav-link {
    display: flex;
    min-height: 46px;
    align-items: center;
    gap: 10px;
    border-radius: 14px;
    padding-inline: 14px;
    font-size: 0.86rem;
    font-weight: 800;
    color: #3f3f46;
    transition: background-color 180ms ease, color 180ms ease;
}

.mobile-nav-link:hover {
    color: #087f6b;
    background: #ecfdf9;
}

.button-primary,
.button-secondary {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    gap: 9px;
    border-radius: 999px;
    padding: 11px 21px;
    font-size: 0.82rem;
    font-weight: 900;
    transition: transform 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.button-primary {
    color: #10201d;
    background: #2dd4ad;
    box-shadow: 0 13px 30px rgba(8, 207, 165, 0.18);
}

.button-primary:hover {
    transform: translateY(-1px);
    background: #6ee7ca;
    box-shadow: 0 16px 34px rgba(8, 207, 165, 0.24);
}

.button-secondary {
    color: #3f3f46;
    background: #fff;
    border: 1px solid rgba(24, 24, 27, 0.08);
}

.button-secondary:hover {
    transform: translateY(-1px);
    color: #087f6b;
    border-color: #a7f3df;
    background: #ecfdf9;
}

.hero-mesh {
    background:
        radial-gradient(circle at 18% 8%, rgba(45, 212, 173, 0.08), transparent 24rem),
        radial-gradient(circle at 85% 10%, rgba(254, 240, 138, 0.11), transparent 22rem),
        linear-gradient(180deg, #fafbfa 0%, #ffffff 75%);
}

.hero-mesh::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.36;
    background-image:
        linear-gradient(rgba(17, 24, 39, 0.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(17, 24, 39, 0.018) 1px, transparent 1px);
    background-size: 32px 32px;
    mask-image: linear-gradient(to bottom, #000, transparent 70%);
}

.no-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.carousel-button,
.pagination-button {
    display: inline-grid;
    width: 38px;
    height: 38px;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(24, 24, 27, 0.06);
    border-radius: 999px;
    color: #52525b;
    background: #f5f5f5;
    transition: transform 180ms ease, color 180ms ease, background-color 180ms ease;
}

.carousel-button:hover,
.pagination-button:hover {
    transform: translateY(-1px);
    color: #087f6b;
    background: #ecfdf9;
}

.about-frame::before {
    content: "";
    position: absolute;
    inset: 16% -12% -16% 25%;
    z-index: -1;
    border-radius: 999px;
    background: rgba(45, 212, 173, 0.16);
    filter: blur(48px);
}

.footer-title {
    margin-bottom: 17px;
    font-size: 0.92rem;
    font-weight: 900;
}

.footer-links {
    display: grid;
    gap: 11px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.78rem;
}

.footer-links a {
    transition: color 180ms ease, transform 180ms ease;
}

.footer-links a:hover {
    color: #6ee7ca;
    transform: translateX(-2px);
}

.footer-social {
    display: inline-grid;
    width: 39px;
    height: 39px;
    place-items: center;
    border-radius: 13px;
    color: rgba(255, 255, 255, 0.72);
    background: rgba(255, 255, 255, 0.08);
    transition: color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.footer-social:hover {
    color: #151817;
    background: #6ee7ca;
    transform: translateY(-2px);
}

.htmx-indicator {
    display: none;
}

.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator {
    display: inline-flex;
}

.htmx-request {
    cursor: progress;
}

input[type="search"]::-webkit-search-cancel-button {
    cursor: pointer;
}

@media (max-width: 640px) {
    .container-shell {
        width: min(100% - 24px, 1240px);
    }

    .hero-mesh {
        background:
            radial-gradient(circle at 50% 0%, rgba(45, 212, 173, 0.11), transparent 20rem),
            linear-gradient(180deg, #fafbfa 0%, #ffffff 75%);
    }
}

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


/* ===== SOURCE: static/css/public_experience_023.css ===== */
:root {
  --btl-primary: #01FFCD;
  --btl-primary-strong: #00d9ad;
  --btl-primary-deep: #078f76;
  --btl-ink: #071b19;
  --btl-muted: #64706e;
  --btl-canvas: #f8fcfb;
  --btl-soft: #ecfffa;
  --btl-border: rgba(7, 27, 25, .09);
  --btl-rose: #ff7f9d;
  --btl-amber: #ffbf55;
  --btl-shadow: 0 24px 70px rgba(7, 27, 25, .09);
}
[x-cloak] { display: none !important; }
.container-shell { width: min(100% - 2rem, 1280px); margin-inline: auto; }
@media (min-width: 640px) { .container-shell { width: min(100% - 3rem, 1280px); } }
body { overflow-x: hidden; }
a, button, input, select, textarea { -webkit-tap-highlight-color: transparent; }
button, a { transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.skip-link { position: fixed; z-index: 200; top: 1rem; right: 1rem; transform: translateY(-150%); border-radius: 14px; background: var(--btl-ink); color: white; padding: .75rem 1rem; font-size: .8rem; font-weight: 800; }
.skip-link:focus { transform: translateY(0); }
.eyebrow { display: inline-flex; align-items: center; gap: .4rem; color: var(--btl-primary-deep); font-size: .76rem; font-weight: 900; letter-spacing: -.01em; }
.eyebrow::before { content: ''; width: 20px; height: 3px; border-radius: 10px; background: var(--btl-primary); }
.soft-section { background: linear-gradient(180deg, #f0fffb 0%, #f8fcfb 100%); border-block: 1px solid rgba(16,255,205,.16); }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1.75rem; }
.section-heading h2 { margin-top: .4rem; font-size: clamp(1.45rem, 3vw, 2.2rem); font-weight: 950; letter-spacing: -.035em; color: var(--btl-ink); }
.section-heading > a { display: inline-flex; align-items: center; gap: .4rem; color: var(--btl-primary-deep); font-size: .86rem; font-weight: 900; }
.section-heading.compact { margin-bottom: 1.2rem; }
.section-heading.compact h2 { font-size: clamp(1.25rem, 2.2vw, 1.75rem); }
.public-button { display: inline-flex; min-height: 44px; align-items: center; gap: .55rem; border-radius: 15px; padding: .7rem 1.1rem; font-size: .84rem; font-weight: 900; }
.public-button-primary { background: var(--btl-primary); color: var(--btl-ink); box-shadow: 0 12px 28px rgba(16,255,205,.2); }
.public-button-primary:hover { background: #00efc0; transform: translateY(-1px); box-shadow: 0 16px 34px rgba(16,255,205,.3); }
.public-button-ghost { border: 1px solid var(--btl-border); background: white; color: var(--btl-ink); }
.public-button-ghost:hover { border-color: rgba(16,255,205,.8); background: var(--btl-soft); }
.public-input, .public-select { width: 100%; min-height: 46px; border: 1px solid var(--btl-border); border-radius: 14px; background: white; padding: .7rem .9rem; font-size: .82rem; outline: none; }
.public-input:focus, .public-select:focus, .mini-field:focus-within { border-color: var(--btl-primary-strong); box-shadow: 0 0 0 4px rgba(16,255,205,.14); }
.public-topbar { background: var(--btl-ink); color: rgba(255,255,255,.72); }
.public-topbar a, .public-topbar p { display: inline-flex; align-items: center; gap: .35rem; }
.public-topbar a:hover { color: var(--btl-primary); }
.public-header { position: sticky; z-index: 60; top: 0; border-bottom: 1px solid var(--btl-border); background: rgba(255,255,255,.92); backdrop-filter: blur(18px); }
.brand-lockup { display: inline-flex; align-items: center; gap: .7rem; color: var(--btl-ink); }
.brand-lockup > span:last-child { display: grid; }
.brand-lockup strong { font-size: 1.3rem; font-weight: 950; line-height: 1.15; letter-spacing: -.04em; }
.brand-lockup small { margin-top: .16rem; color: #7f8b88; font-size: .62rem; font-weight: 700; }
.brand-mark { position: relative; display: grid; width: 46px; height: 46px; place-items: center; border-radius: 17px; background: var(--btl-primary); color: var(--btl-ink); box-shadow: 0 12px 25px rgba(16,255,205,.25); font-size: 1.35rem; transform: rotate(-3deg); }
.brand-spark { position: absolute; top: -5px; left: -4px; color: var(--btl-rose); font-size: .7rem; }
.public-nav-link { display: inline-flex; min-height: 42px; align-items: center; gap: .35rem; border-radius: 13px; padding-inline: .85rem; color: #394441; font-size: .82rem; font-weight: 800; }
.public-nav-link:hover { background: var(--btl-soft); color: var(--btl-primary-deep); }
.mega-menu { position: absolute; top: calc(100% + 14px); right: 0; width: 390px; border: 1px solid var(--btl-border); border-radius: 25px; background: white; padding: 1rem; box-shadow: var(--btl-shadow); }
.mega-menu-item { display: flex; align-items: center; gap: .7rem; border-radius: 15px; padding: .7rem; color: #394441; font-size: .8rem; font-weight: 800; }
.mega-menu-item > span:first-child { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; background: var(--btl-soft); color: var(--btl-primary-deep); }
.mega-menu-item:hover { background: #f7fbfa; color: var(--btl-primary-deep); }
.header-search-button, .mobile-menu-button { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid var(--btl-border); border-radius: 15px; background: white; font-size: 1.2rem; }
.header-search-button:hover, .mobile-menu-button:hover { border-color: var(--btl-primary); background: var(--btl-soft); }
.header-profile { display: flex; min-height: 48px; align-items: center; gap: .65rem; border: 1px solid var(--btl-border); border-radius: 16px; background: white; padding: .35rem .5rem .35rem .75rem; }
.header-profile strong, .header-profile small { display: block; max-width: 125px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.header-profile strong { font-size: .75rem; }
.header-profile small { margin-top: .1rem; color: #8b9492; font-size: .62rem; }
.header-avatar { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 12px; background: var(--btl-soft); color: var(--btl-primary-deep); }
.profile-menu { position: absolute; top: calc(100% + 10px); left: 0; width: 190px; border: 1px solid var(--btl-border); border-radius: 18px; background: white; padding: .5rem; box-shadow: var(--btl-shadow); }
.profile-menu a, .profile-menu button { display: flex; width: 100%; align-items: center; gap: .55rem; border-radius: 12px; padding: .7rem; color: #47514f; font-size: .78rem; font-weight: 800; }
.profile-menu a:hover, .profile-menu button:hover { background: var(--btl-soft); color: var(--btl-primary-deep); }
.mobile-menu-panel { border-top: 1px solid var(--btl-border); background: white; box-shadow: 0 20px 40px rgba(7,27,25,.08); }
.mobile-menu-panel > div > a { display: flex; align-items: center; gap: .65rem; border-radius: 14px; padding: .78rem; color: #394441; font-size: .86rem; font-weight: 800; }
.mobile-menu-panel > div > a:hover { background: var(--btl-soft); }
.public-footer { margin-top: 5rem; background: var(--btl-ink); color: white; }
.footer-cta { transform: translateY(-42px); display: flex; align-items: center; justify-content: space-between; gap: 2rem; border-radius: 30px; background: linear-gradient(120deg, #087f6b, #0b5e52); padding: 2rem; box-shadow: 0 25px 60px rgba(7,27,25,.28); }
.footer-cta h2 { margin-top: .45rem; max-width: 720px; font-size: clamp(1.35rem, 3vw, 2rem); font-weight: 950; }
.footer-cta p { margin-top: .5rem; max-width: 720px; color: rgba(255,255,255,.65); font-size: .85rem; line-height: 1.8; }
.footer-grid { display: grid; grid-template-columns: 1.5fr repeat(3, .7fr); gap: 2.5rem; padding: 1rem 0 3rem; }
.footer-grid section:not(:first-child) { display: grid; align-content: start; gap: .72rem; }
.footer-grid h3 { margin-bottom: .3rem; font-size: .86rem; font-weight: 900; color: white; }
.footer-grid section:not(:first-child) a { color: rgba(255,255,255,.58); font-size: .78rem; }
.footer-grid section:not(:first-child) a:hover { color: var(--btl-primary); }
.footer-social { display: grid; width: 39px; height: 39px; place-items: center; border: 1px solid rgba(255,255,255,.1); border-radius: 13px; color: white; }
.footer-social:hover { border-color: var(--btl-primary); background: var(--btl-primary); color: var(--btl-ink); }
.footer-bottom { display: flex; justify-content: space-between; gap: 1rem; border-top: 1px solid rgba(255,255,255,.08); padding-block: 1.2rem; color: rgba(255,255,255,.4); font-size: .7rem; }
.public-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; color: #7b8583; font-size: .72rem; font-weight: 700; }
.public-breadcrumb a:hover { color: var(--btl-primary-deep); }
.public-breadcrumb.light { color: rgba(255,255,255,.55); }
.public-breadcrumb.light a:hover { color: var(--btl-primary); }
.catalog-hero { padding: 2.8rem 0 3rem; background: linear-gradient(135deg, #ecfffa, #fff 70%); border-bottom: 1px solid rgba(16,255,205,.16); }
.catalog-hero.compact { padding-block: 2.2rem; }
.catalog-hero.city { background: radial-gradient(circle at 80% 20%, rgba(16,255,205,.24), transparent 28%), linear-gradient(135deg, #f2fffc, white); }
.catalog-hero-grid { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-top: 1.25rem; }
.catalog-hero h1 { margin-top: .45rem; font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 950; letter-spacing: -.055em; }
.catalog-hero p { margin-top: .7rem; max-width: 720px; color: #65706e; font-size: .92rem; line-height: 1.95; }
.hero-stat-pills { display: flex; flex-wrap: wrap; justify-content: end; gap: .55rem; }
.hero-stat-pills span { display: inline-flex; align-items: center; gap: .4rem; border: 1px solid var(--btl-border); border-radius: 999px; background: white; padding: .65rem .9rem; color: #5f6967; font-size: .73rem; font-weight: 800; }
.hero-stat-pills strong { color: var(--btl-ink); }
.city-pin-visual { display: grid; width: 130px; height: 130px; flex: 0 0 auto; place-items: center; border-radius: 40px; background: var(--btl-primary); color: var(--btl-ink); font-size: 4.2rem; transform: rotate(-5deg); box-shadow: 0 25px 50px rgba(16,255,205,.26); }
.category-hero { position: relative; overflow: hidden; background: var(--btl-ink); padding: 2rem 0 2.6rem; color: white; }
.category-hero-decoration { position: absolute; border: 1px solid rgba(16,255,205,.18); border-radius: 50%; }
.category-hero-decoration.one { width: 420px; height: 420px; top: -250px; left: -100px; }
.category-hero-decoration.two { width: 250px; height: 250px; right: -120px; bottom: -150px; background: rgba(16,255,205,.05); }
.category-hero-content { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1.2rem; margin-top: 1.8rem; }
.category-hero-icon { display: grid; width: 82px; height: 82px; place-items: center; border-radius: 27px; background: var(--btl-primary); color: var(--btl-ink); transform: rotate(-4deg); }
.category-hero h1 { font-size: clamp(2rem, 5vw, 3.4rem); font-weight: 950; letter-spacing: -.05em; }
.category-hero p { margin-top: .55rem; max-width: 720px; color: rgba(255,255,255,.62); font-size: .88rem; line-height: 1.9; }
.category-hero-count { display: grid; min-width: 150px; border: 1px solid rgba(255,255,255,.1); border-radius: 22px; background: rgba(255,255,255,.06); padding: 1rem; text-align: center; }
.category-hero-count strong { color: var(--btl-primary); font-size: 1.7rem; font-weight: 950; }
.category-hero-count span { color: rgba(255,255,255,.5); font-size: .7rem; }
.category-child-row { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1.8rem; }
.category-child-row a { display: inline-flex; align-items: center; gap: .45rem; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; background: rgba(255,255,255,.06); padding: .6rem .85rem; color: rgba(255,255,255,.78); font-size: .73rem; font-weight: 800; }
.category-child-row a:hover { border-color: var(--btl-primary); color: var(--btl-primary); }
.catalog-layout { display: grid; grid-template-columns: 285px minmax(0,1fr); gap: 1.5rem; align-items: start; }
.catalog-filter-sidebar { position: sticky; top: 105px; }
.catalog-filter-form { border: 1px solid var(--btl-border); border-radius: 25px; background: white; padding: 1rem; box-shadow: 0 18px 45px rgba(7,27,25,.05); }
.filter-sidebar-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--btl-border); padding: .25rem .2rem 1rem; }
.filter-sidebar-head h2 { margin-top: .25rem; font-size: 1.08rem; font-weight: 950; }
.filter-sidebar-head > a { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 12px; background: #f5f8f7; color: #76817e; }
.filter-section { border-bottom: 1px solid var(--btl-border); padding-block: 1rem; }
.filter-section h3 { display: flex; align-items: center; gap: .45rem; margin-bottom: .75rem; color: #34403d; font-size: .78rem; font-weight: 900; }
.filter-section h3 small { color: #9aa29f; font-size: .63rem; font-weight: 600; }
.filter-search-field { position: relative; display: flex; align-items: center; }
.filter-search-field input { width: 100%; min-height: 44px; border: 1px solid var(--btl-border); border-radius: 14px; background: #f9fbfa; padding: .65rem 2.35rem .65rem .75rem; font-size: .78rem; outline: none; }
.filter-search-field i { position: absolute; right: .8rem; color: #86908e; }
.mini-field { display: flex; min-height: 44px; align-items: center; gap: .45rem; border: 1px solid var(--btl-border); border-radius: 13px; padding-inline: .65rem; }
.mini-field span { color: #9aa29f; font-size: .65rem; }
.mini-field input { min-width: 0; width: 100%; background: transparent; font-size: .73rem; outline: none; }
.filter-check-list { display: grid; gap: .3rem; }
.filter-check-list.compact { max-height: 190px; overflow-y: auto; padding-left: .2rem; }
.filter-check-row { display: flex; min-height: 39px; cursor: pointer; align-items: center; gap: .55rem; border-radius: 11px; padding: .3rem .4rem; color: #52605d; font-size: .74rem; font-weight: 700; }
.filter-check-row:hover { background: #f7fbfa; }
.filter-check-row input { width: 17px; height: 17px; accent-color: var(--btl-primary-strong); }
.filter-check-icon { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 9px; background: var(--btl-soft); color: var(--btl-primary-deep); }
.filter-chip-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .4rem; }
.filter-choice-card { display: flex; align-items: center; gap: .4rem; border: 1px solid var(--btl-border); border-radius: 12px; padding: .55rem; color: #52605d; font-size: .68rem; font-weight: 800; }
.filter-choice-card span { color: var(--btl-primary-deep); }
.filter-choice-card:hover { border-color: var(--btl-primary); background: var(--btl-soft); }
.filter-segmented { display: grid; grid-template-columns: repeat(3,1fr); gap: .3rem; border-radius: 13px; background: #f4f7f6; padding: .25rem; }
.filter-segmented input { display: none; }
.filter-segmented span { display: grid; min-height: 34px; cursor: pointer; place-items: center; border-radius: 10px; color: #78827f; font-size: .68rem; font-weight: 800; }
.filter-segmented input:checked + span { background: white; color: var(--btl-primary-deep); box-shadow: 0 5px 16px rgba(7,27,25,.08); }
.special-toggle { display: flex; cursor: pointer; align-items: center; gap: .6rem; margin-top: .65rem; border-radius: 14px; background: #fff9e8; padding: .65rem; color: #88610b; font-size: .72rem; }
.special-toggle input { width: 17px; height: 17px; accent-color: #f2b42f; }
.special-toggle > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 10px; background: #ffe39c; }
.filter-empty-note { display: flex; gap: .45rem; margin-block: .75rem; border-radius: 12px; background: #f7f9f8; padding: .7rem; color: #8b9492; font-size: .68rem; line-height: 1.7; }
.catalog-results-inner.htmx-swapping { opacity: .45; transform: translateY(5px); }
.catalog-results-head { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1.2rem; }
.catalog-results-head h2 { margin-top: .3rem; font-size: 1.25rem; font-weight: 950; }
.sort-control { display: flex; align-items: center; gap: .55rem; color: #7b8582; font-size: .7rem; font-weight: 800; }
.sort-control select { min-height: 40px; border: 1px solid var(--btl-border); border-radius: 12px; background: white; padding-inline: .65rem; color: #34403d; outline: none; }
.applied-filter-row { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin-bottom: 1rem; }
.applied-filter-chip { border-radius: 999px; background: var(--btl-soft); padding: .42rem .65rem; color: var(--btl-primary-deep); font-size: .66rem; font-weight: 800; }
.clear-filter-link { margin-right: auto; color: #da526b; font-size: .68rem; font-weight: 800; }
.service-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.service-card { overflow: hidden; border: 1px solid var(--btl-border); border-radius: 23px; background: white; box-shadow: 0 12px 30px rgba(7,27,25,.045); }
.service-card:hover { transform: translateY(-4px); border-color: rgba(16,255,205,.65); box-shadow: 0 22px 50px rgba(7,27,25,.1); }
.service-card-media { position: relative; display: block; overflow: hidden; aspect-ratio: 4/3; background: #edf2f0; }
.service-card-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s ease; }
.service-card:hover .service-card-media img { transform: scale(1.055); }
.service-card-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(7,27,25,.5)); }
.service-badge, .service-card-category { position: absolute; z-index: 2; display: inline-flex; align-items: center; gap: .3rem; border-radius: 999px; backdrop-filter: blur(8px); font-size: .62rem; font-weight: 900; }
.service-badge { top: .7rem; right: .7rem; background: #fff2bd; padding: .42rem .6rem; color: #7a5500; }
.service-card-category { right: .7rem; bottom: .7rem; background: rgba(7,27,25,.65); padding: .36rem .58rem; color: white; }
.service-card-favorite { position: absolute; z-index: 2; top: .7rem; left: .7rem; display: grid; width: 37px; height: 37px; place-items: center; border-radius: 13px; background: rgba(255,255,255,.9); color: #4c5754; font-size: 1.05rem; }
.service-card-favorite:hover { color: #e04b70; transform: scale(1.05); }
.service-card-body { padding: 1rem; }
.service-card h3 { overflow: hidden; color: var(--btl-ink); font-size: .96rem; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
.service-card-location { display: flex; align-items: center; gap: .3rem; margin-top: .35rem; color: #87908e; font-size: .68rem; }
.service-card-rating { display: inline-flex; flex: 0 0 auto; align-items: center; gap: .25rem; border-radius: 10px; background: #fff8df; padding: .35rem .45rem; color: #a36f00; font-size: .68rem; font-weight: 900; }
.service-card-description { min-height: 42px; margin-top: .7rem; color: #737d7a; font-size: .7rem; line-height: 1.8; }
.service-card-features { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .7rem; }
.service-card-features span { display: inline-flex; align-items: center; gap: .2rem; border-radius: 999px; background: #f3f8f6; padding: .28rem .45rem; color: #66716e; font-size: .59rem; font-weight: 700; }
.service-card-footer { display: flex; align-items: end; justify-content: space-between; gap: .7rem; margin-top: .9rem; border-top: 1px solid var(--btl-border); padding-top: .8rem; }
.service-card-footer small { display: block; color: #9aa29f; font-size: .58rem; }
.service-card-footer strong { display: block; margin-top: .15rem; color: var(--btl-primary-deep); font-size: .78rem; font-weight: 950; }
.service-card-footer strong em { color: #8c9693; font-size: .58rem; font-style: normal; font-weight: 700; }
.service-card-action { display: inline-flex; align-items: center; gap: .25rem; color: #34403d; font-size: .68rem; font-weight: 900; }
.service-card-action:hover { color: var(--btl-primary-deep); }
.public-pagination { display: flex; align-items: center; justify-content: center; gap: .35rem; margin-top: 2rem; }
.public-pagination a, .public-pagination span { display: grid; min-width: 40px; height: 40px; place-items: center; border: 1px solid var(--btl-border); border-radius: 12px; background: white; color: #65706d; font-size: .72rem; font-weight: 900; }
.public-pagination .active { border-color: var(--btl-primary); background: var(--btl-primary); color: var(--btl-ink); }
.public-pagination small { margin-inline: .25rem; color: #929a98; }
.catalog-empty-state { display: grid; min-height: 380px; place-items: center; align-content: center; border: 1px dashed rgba(7,27,25,.18); border-radius: 25px; background: white; padding: 2rem; text-align: center; }
.catalog-empty-state > span { display: grid; width: 80px; height: 80px; place-items: center; border-radius: 27px; background: var(--btl-soft); color: var(--btl-primary-deep); font-size: 2.5rem; }
.catalog-empty-state h3 { margin-top: 1rem; font-size: 1.15rem; font-weight: 950; }
.catalog-empty-state p { margin: .45rem 0 1rem; color: #7a8582; font-size: .78rem; }
.mobile-filter-trigger { position: sticky; z-index: 20; top: 92px; width: 100%; align-items: center; justify-content: center; gap: .5rem; border: 1px solid var(--btl-border); border-radius: 15px; background: white; padding: .75rem; font-size: .8rem; font-weight: 900; box-shadow: 0 10px 30px rgba(7,27,25,.08); }
.mobile-filter-trigger span { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 50%; background: var(--btl-primary); font-size: .62rem; }
.mobile-filter-overlay { position: fixed; z-index: 100; inset: 0; }
.mobile-filter-sheet { position: absolute; right: 0; bottom: 0; left: 0; max-height: 92vh; overflow: hidden; border-radius: 28px 28px 0 0; background: white; }
.mobile-filter-head { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--btl-border); padding: 1rem 1.2rem; }
.mobile-filter-head strong { font-size: .95rem; font-weight: 950; }
.mobile-filter-head button { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; background: #f3f6f5; }
.mobile-filter-actions { position: fixed; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: 1fr 1.5fr; gap: .6rem; border-top: 1px solid var(--btl-border); background: white; padding: .8rem 1rem calc(.8rem + env(safe-area-inset-bottom)); box-shadow: 0 -12px 30px rgba(7,27,25,.08); }
.seo-copy-card { display: flex; align-items: flex-start; gap: 1rem; border: 1px solid rgba(16,255,205,.24); border-radius: 25px; background: linear-gradient(135deg,#f0fffb,#fff); padding: 1.5rem; }
.seo-copy-icon { display: grid; width: 60px; height: 60px; flex: 0 0 auto; place-items: center; border-radius: 20px; background: var(--btl-primary); color: var(--btl-ink); }
.seo-copy-card h2 { font-size: 1.05rem; font-weight: 950; }
.seo-copy-card p { margin-top: .5rem; color: #6d7875; font-size: .76rem; line-height: 2; }
.services-index-hero { position: relative; overflow: hidden; padding: 4.5rem 0; background: radial-gradient(circle at 15% 20%, rgba(255,127,157,.13), transparent 25%), radial-gradient(circle at 80% 20%, rgba(16,255,205,.23), transparent 28%), linear-gradient(135deg,#f1fffb,#fff); }
.services-index-hero h1 { margin-top: .55rem; max-width: 760px; font-size: clamp(2.3rem,6vw,4.4rem); font-weight: 950; line-height: 1.18; letter-spacing: -.065em; }
.services-index-hero p { margin-top: 1rem; max-width: 700px; color: #65706e; font-size: .95rem; line-height: 2; }
.hero-search-box { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .7rem; max-width: 720px; margin-top: 1.7rem; border: 1px solid var(--btl-border); border-radius: 20px; background: white; padding: .45rem .65rem; box-shadow: 0 20px 45px rgba(7,27,25,.08); }
.hero-search-box > i { color: #8a9491; font-size: 1.25rem; }
.hero-search-box input { min-width: 0; min-height: 46px; outline: none; font-size: .84rem; }
.hero-search-box button { min-height: 44px; border-radius: 14px; background: var(--btl-primary); padding-inline: 1.15rem; color: var(--btl-ink); font-size: .78rem; font-weight: 900; }
.celebration-visual { position: relative; display: grid; aspect-ratio: 1; max-width: 390px; place-items: center; justify-self: center; border-radius: 44% 56% 50% 50% / 52% 44% 56% 48%; background: var(--btl-ink); color: var(--btl-primary); box-shadow: 0 40px 90px rgba(7,27,25,.2); }
.celebration-visual > i { font-size: 8rem; }
.celebration-visual small { position: absolute; bottom: 2.1rem; right: 2rem; color: white; font-size: .8rem; font-weight: 800; line-height: 1.7; }
.celebration-visual .ring { position: absolute; border: 1px solid rgba(16,255,205,.25); border-radius: 50%; }
.celebration-visual .ring-one { width: 110%; height: 110%; }
.celebration-visual .ring-two { width: 125%; height: 125%; border-color: rgba(255,127,157,.18); }
.category-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.category-service-card { position: relative; display: grid; grid-template-columns: auto 1fr; gap: .85rem; overflow: hidden; border: 1px solid var(--btl-border); border-radius: 23px; background: white; padding: 1rem; }
.category-service-card:hover { border-color: var(--btl-primary); transform: translateY(-3px); box-shadow: var(--btl-shadow); }
.category-service-icon { display: grid; width: 60px; height: 60px; place-items: center; border-radius: 20px; background: var(--btl-soft); color: var(--btl-primary-deep); }
.category-service-card h3 { font-size: .92rem; font-weight: 950; }
.category-service-card p { margin-top: .3rem; color: #79827f; font-size: .67rem; line-height: 1.75; }
.category-service-card > div > span { display: inline-block; margin-top: .5rem; color: var(--btl-primary-deep); font-size: .65rem; font-weight: 900; }
.category-service-children { grid-column: 1/-1; display: flex; flex-wrap: wrap; gap: .35rem; border-top: 1px solid var(--btl-border); padding-top: .7rem; }
.category-service-children a { border-radius: 999px; background: #f5f8f7; padding: .32rem .5rem; color: #66716e; font-size: .6rem; font-weight: 700; }
.category-service-arrow { position: absolute; top: .9rem; left: .9rem; color: #9ca4a2; }
.city-card-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .75rem; }
.city-card-grid > a { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .65rem; border: 1px solid var(--btl-border); border-radius: 18px; background: white; padding: .85rem; }
.city-card-grid > a:hover { border-color: var(--btl-primary); background: var(--btl-soft); }
.city-card-grid > a > span { display: grid; width: 43px; height: 43px; place-items: center; border-radius: 14px; background: var(--btl-soft); color: var(--btl-primary-deep); font-size: 1.35rem; }
.city-card-grid strong { display: block; font-size: .8rem; font-weight: 900; }
.city-card-grid small { grid-column: 2; color: #919a97; font-size: .61rem; }
.blog-card-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; }
.blog-card { overflow: hidden; border: 1px solid var(--btl-border); border-radius: 22px; background: white; box-shadow: 0 12px 30px rgba(7,27,25,.04); }
.blog-card:hover { transform: translateY(-4px); border-color: rgba(16,255,205,.65); box-shadow: 0 24px 50px rgba(7,27,25,.1); }
.blog-card-media { position: relative; display: block; overflow: hidden; aspect-ratio: 16/10; background: #eef4f2; }
.blog-card-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.blog-card:hover .blog-card-media img { transform: scale(1.05); }
.blog-card-placeholder { display: grid; width: 100%; height: 100%; place-items: center; color: #a5afac; font-size: 3rem; }
.blog-featured-badge { position: absolute; top: .7rem; right: .7rem; display: inline-flex; align-items: center; gap: .3rem; border-radius: 999px; background: #fff2bd; padding: .4rem .55rem; color: #805900; font-size: .6rem; font-weight: 900; }
.blog-card-body { padding: 1rem; }
.blog-card-meta { display: flex; align-items: center; gap: .35rem; color: #87918e; font-size: .61rem; }
.blog-card-meta a { color: var(--btl-primary-deep); font-weight: 900; }
.blog-card h3 { margin-top: .55rem; color: var(--btl-ink); font-size: .9rem; font-weight: 950; line-height: 1.75; }
.blog-card-body > p { min-height: 54px; margin-top: .5rem; color: #77817e; font-size: .68rem; line-height: 1.9; }
.blog-card-footer { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-top: .8rem; border-top: 1px solid var(--btl-border); padding-top: .7rem; color: #929b98; font-size: .6rem; }
.blog-card-footer span, .blog-card-footer a { display: inline-flex; align-items: center; gap: .3rem; }
.blog-card-footer a { color: var(--btl-primary-deep); font-weight: 900; }
.service-profile-page { background: #fbfdfc; }
.service-profile-header { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-top: 1.2rem; }
.service-profile-header h1 { margin-top: .7rem; font-size: clamp(1.8rem,4vw,3rem); font-weight: 950; letter-spacing: -.05em; }
.service-profile-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem; margin-top: .65rem; color: #707a77; font-size: .75rem; }
.service-profile-meta span { display: inline-flex; align-items: center; gap: .3rem; }
.service-profile-meta .rating { color: #a16f00; font-weight: 900; }
.service-profile-meta .rating small { color: #8e9794; font-weight: 600; }
.premium-pill, .verified-pill { display: inline-flex; align-items: center; gap: .3rem; border-radius: 999px; padding: .4rem .65rem; font-size: .63rem; font-weight: 900; }
.premium-pill { background: #fff2bd; color: #7c5700; }
.verified-pill { background: var(--btl-soft); color: var(--btl-primary-deep); }
.service-profile-actions { display: flex; gap: .5rem; }
.round-action { display: inline-flex; min-height: 44px; align-items: center; gap: .4rem; border: 1px solid var(--btl-border); border-radius: 15px; background: white; padding-inline: .8rem; color: #4c5754; font-size: .72rem; font-weight: 900; }
.round-action:hover { border-color: var(--btl-primary); background: var(--btl-soft); }
.service-gallery-grid { display: grid; grid-template-columns: 1.5fr .75fr .75fr; grid-template-rows: 170px 170px; gap: .5rem; overflow: hidden; margin-top: 1.3rem; border-radius: 27px; }
.service-gallery-item { position: relative; overflow: hidden; background: #edf2f0; }
.service-gallery-item.main { grid-row: 1/3; }
.service-gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s ease; }
.service-gallery-item:hover img { transform: scale(1.04); }
.gallery-more { position: absolute; inset: 0; display: grid; place-items: center; background: rgba(7,27,25,.6); color: white; font-size: .82rem; font-weight: 900; }
.gallery-empty { grid-column: 1/-1; grid-row: 1/3; display: grid; place-items: center; align-content: center; background: #edf2f0; color: #95a09d; }
.gallery-empty i { font-size: 4rem; }
.gallery-empty p { margin-top: .5rem; font-size: .75rem; }
.service-content-layout { display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 1.8rem; align-items: start; }
.service-anchor-nav { position: sticky; z-index: 20; top: 92px; display: flex; gap: .3rem; overflow-x: auto; border: 1px solid var(--btl-border); border-radius: 17px; background: rgba(255,255,255,.94); padding: .35rem; backdrop-filter: blur(12px); }
.service-anchor-nav a { flex: 0 0 auto; border-radius: 12px; padding: .6rem .8rem; color: #687370; font-size: .7rem; font-weight: 900; }
.service-anchor-nav a:hover { background: var(--btl-soft); color: var(--btl-primary-deep); }
.service-content-section { scroll-margin-top: 150px; margin-top: 1.2rem; border: 1px solid var(--btl-border); border-radius: 25px; background: white; padding: 1.4rem; }
.service-content-section.first { margin-top: .9rem; }
.service-summary-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .7rem; }
.service-summary-card { display: grid; align-content: start; border-radius: 17px; background: #f7fbfa; padding: .9rem; }
.service-summary-card > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 13px; background: var(--btl-soft); color: var(--btl-primary-deep); font-size: 1.3rem; }
.service-summary-card small { margin-top: .65rem; color: #929b98; font-size: .6rem; }
.service-summary-card strong { margin-top: .18rem; font-size: .76rem; font-weight: 900; }
.service-summary-card em { margin-top: .1rem; color: #7a8481; font-size: .61rem; font-style: normal; }
.service-description { margin-top: 1.2rem; color: #5f6a67; font-size: .81rem; line-height: 2.2; }
.specification-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; }
.specification-row { display: flex; align-items: center; gap: .7rem; border-bottom: 1px dashed rgba(7,27,25,.1); padding: .75rem .2rem; }
.specification-row > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; background: var(--btl-soft); color: var(--btl-primary-deep); }
.specification-row small { display: block; color: #929b98; font-size: .62rem; }
.specification-row strong { display: block; margin-top: .15rem; color: #34403d; font-size: .76rem; font-weight: 900; }
.public-feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .65rem; }
.public-feature-item { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .65rem; border: 1px solid var(--btl-border); border-radius: 16px; padding: .75rem; }
.public-feature-item > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px; background: var(--btl-soft); color: var(--btl-primary-deep); }
.public-feature-item strong { display: block; font-size: .72rem; font-weight: 900; }
.public-feature-item small { display: block; margin-top: .15rem; color: #89928f; font-size: .6rem; }
.public-feature-item > i { color: var(--btl-primary-strong); }
.section-empty { display: flex; grid-column: 1/-1; align-items: center; gap: .5rem; border-radius: 15px; background: #f7f9f8; padding: 1rem; color: #87918e; font-size: .73rem; }
.contact-action-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; }
.contact-action-grid > a { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .65rem; border: 1px solid var(--btl-border); border-radius: 17px; padding: .8rem; }
.contact-action-grid > a:hover { border-color: var(--btl-primary); background: var(--btl-soft); }
.contact-action-grid > a > span { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 14px; background: #f1f7f5; color: var(--btl-primary-deep); font-size: 1.35rem; }
.contact-action-grid small, .address-card small { display: block; color: #939c99; font-size: .6rem; }
.contact-action-grid strong, .address-card strong { display: block; margin-top: .2rem; font-size: .73rem; font-weight: 900; }
.address-card { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .7rem; margin-top: .7rem; border-radius: 18px; background: #f7fbfa; padding: .9rem; }
.address-card > span { display: grid; width: 45px; height: 45px; place-items: center; border-radius: 14px; background: var(--btl-primary); font-size: 1.4rem; }
.address-card > a { color: var(--btl-primary-deep); font-size: .68rem; font-weight: 900; }
.terms-card { border-radius: 18px; background: #f8faf9; padding: 1rem; color: #65706d; font-size: .76rem; line-height: 2.1; }
.reviews-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; }
.reviews-heading h2 { margin-top: .35rem; font-size: 1.4rem; font-weight: 950; }
.review-score { display: grid; grid-template-columns: auto auto; align-items: center; gap: .3rem; color: #a47300; }
.review-score strong { font-size: 1.45rem; }
.review-score small { grid-column: 1/-1; color: #919a97; font-size: .58rem; }
.review-list { display: grid; gap: .65rem; margin-top: 1rem; }
.review-card { border: 1px solid var(--btl-border); border-radius: 18px; padding: 1rem; }
.review-card header { display: flex; align-items: center; gap: .6rem; }
.review-avatar { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 13px; background: var(--btl-soft); color: var(--btl-primary-deep); }
.review-card header strong { display: block; font-size: .72rem; }
.review-card header small { display: block; color: #98a09e; font-size: .57rem; }
.review-stars { margin-right: auto; color: #ad7900; font-size: .7rem; font-weight: 900; }
.review-card > p { margin-top: .75rem; color: #606b68; font-size: .74rem; line-height: 2; }
.vendor-reply { margin-top: .75rem; border-radius: 14px; background: var(--btl-soft); padding: .75rem; }
.vendor-reply strong { color: var(--btl-primary-deep); font-size: .67rem; }
.vendor-reply p { margin-top: .35rem; color: #5b6865; font-size: .68rem; line-height: 1.9; }
.review-form { display: grid; gap: .8rem; margin-top: 1rem; border-radius: 20px; background: #f7fbfa; padding: 1rem; }
.review-form h3 { margin-top: .25rem; font-size: 1rem; font-weight: 950; }
.review-form input:not([type=checkbox]), .review-form select, .review-form textarea, .booking-form input, .booking-form select, .booking-form textarea { width: 100%; min-height: 46px; border: 1px solid var(--btl-border); border-radius: 14px; background: white; padding: .7rem .8rem; font-size: .75rem; outline: none; }
.review-form textarea, .booking-form textarea { min-height: 100px; resize: vertical; }
.consent-row { display: flex; align-items: center; gap: .45rem; color: #7a8582; font-size: .65rem; }
.service-sticky-sidebar { position: sticky; top: 105px; }
.booking-card { border: 1px solid rgba(16,255,205,.35); border-radius: 25px; background: white; padding: 1.1rem; box-shadow: var(--btl-shadow); }
.booking-card-price small { color: #929b98; font-size: .63rem; }
.booking-card-price strong { display: inline-block; margin-top: .25rem; color: var(--btl-primary-deep); font-size: 1.15rem; font-weight: 950; }
.booking-card-price span { color: #87918e; font-size: .65rem; }
.booking-card-price p { margin-top: .4rem; color: #8a9491; font-size: .63rem; line-height: 1.75; }
.booking-divider { height: 1px; margin-block: 1rem; background: var(--btl-border); }
.booking-card h3 { margin-top: .25rem; font-size: .95rem; font-weight: 950; }
.booking-card > div > p { margin-top: .35rem; color: #87918e; font-size: .64rem; line-height: 1.75; }
.booking-form { display: grid; gap: .55rem; margin-top: .8rem; }
.booking-trust { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; margin-top: .8rem; color: #788380; font-size: .58rem; }
.booking-trust span { display: inline-flex; align-items: center; gap: .25rem; }
.gallery-lightbox { position: fixed; z-index: 150; inset: 0; background: rgba(0,0,0,.94); color: white; }
.lightbox-stage { display: grid; width: 100%; height: 100%; place-items: center; }
.lightbox-stage img { max-width: 90vw; max-height: 86vh; border-radius: 18px; object-fit: contain; }
.lightbox-stage span { position: absolute; bottom: 1.5rem; border-radius: 999px; background: rgba(255,255,255,.12); padding: .45rem .75rem; font-size: .7rem; }
.lightbox-close, .lightbox-prev, .lightbox-next { position: absolute; z-index: 2; display: grid; width: 45px; height: 45px; place-items: center; border-radius: 50%; background: rgba(255,255,255,.12); font-size: 1.2rem; }
.lightbox-close { top: 1rem; left: 1rem; }
.lightbox-prev { top: 50%; right: 1rem; }
.lightbox-next { top: 50%; left: 1rem; }
.blog-archive-hero { padding: 4rem 0; background: radial-gradient(circle at 15% 20%,rgba(255,127,157,.16),transparent 25%), radial-gradient(circle at 82% 35%,rgba(16,255,205,.25),transparent 30%), linear-gradient(135deg,#f4fffc,#fff); }
.blog-archive-hero h1 { margin-top: .5rem; font-size: clamp(2.2rem,6vw,4rem); font-weight: 950; letter-spacing: -.06em; }
.blog-archive-hero p { margin-top: .8rem; max-width: 700px; color: #67726f; line-height: 2; }
.hero-search-box.blog { max-width: 600px; }
.blog-hero-visual { display: flex; align-items: center; gap: 1rem; border: 1px solid rgba(16,255,205,.28); border-radius: 30px; background: rgba(255,255,255,.7); padding: 1.3rem; box-shadow: var(--btl-shadow); backdrop-filter: blur(12px); }
.blog-hero-visual > span { display: grid; width: 110px; height: 110px; place-items: center; border-radius: 30px; background: var(--btl-primary); color: var(--btl-ink); font-size: 4rem; transform: rotate(-4deg); }
.blog-hero-visual strong { display: block; font-size: 1rem; font-weight: 950; }
.blog-hero-visual small { display: block; margin-top: .35rem; color: #7d8784; font-size: .7rem; line-height: 1.8; }
.blog-category-tabs { display: flex; gap: .4rem; overflow-x: auto; padding-bottom: .5rem; }
.blog-category-tabs a { display: inline-flex; flex: 0 0 auto; align-items: center; gap: .35rem; border: 1px solid var(--btl-border); border-radius: 999px; background: white; padding: .58rem .8rem; color: #687370; font-size: .7rem; font-weight: 800; }
.blog-category-tabs a span { color: #a0a8a5; }
.blog-category-tabs a.active, .blog-category-tabs a:hover { border-color: var(--btl-primary); background: var(--btl-primary); color: var(--btl-ink); }
.blog-archive-layout { display: grid; grid-template-columns: minmax(0,1fr) 275px; gap: 1.5rem; margin-top: 1.7rem; align-items: start; }
.blog-archive-layout .blog-card-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.archive-count { display: inline-flex; border-radius: 999px; background: var(--btl-soft); padding: .5rem .75rem; color: var(--btl-primary-deep); font-size: .68rem; font-weight: 900; }
.blog-sidebar { position: sticky; top: 105px; display: grid; gap: .8rem; }
.blog-sidebar > section, .author-card { border: 1px solid var(--btl-border); border-radius: 21px; background: white; padding: 1rem; }
.blog-sidebar h3 { display: flex; align-items: center; gap: .4rem; font-size: .82rem; font-weight: 950; }
.tag-cloud { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .75rem; }
.tag-cloud a, .article-tags a { border-radius: 999px; background: #f4f7f6; padding: .35rem .55rem; color: #687370; font-size: .62rem; font-weight: 700; }
.tag-cloud a.active, .tag-cloud a:hover, .article-tags a:hover { background: var(--btl-soft); color: var(--btl-primary-deep); }
.newsletter-mini { text-align: center; background: var(--btl-ink) !important; color: white; }
.newsletter-mini > i { color: var(--btl-primary); font-size: 2.5rem; }
.newsletter-mini h3 { display: block; margin-top: .6rem; }
.newsletter-mini p { margin: .45rem 0 .8rem; color: rgba(255,255,255,.55); font-size: .66rem; line-height: 1.8; }
.blog-detail-header { max-width: 980px; padding-top: 2.5rem; text-align: center; }
.article-category-pill { display: inline-flex; border-radius: 999px; background: var(--btl-soft); padding: .5rem .8rem; color: var(--btl-primary-deep); font-size: .7rem; font-weight: 900; }
.blog-detail-header h1 { margin-top: 1rem; font-size: clamp(2rem,6vw,4.2rem); font-weight: 950; line-height: 1.35; letter-spacing: -.06em; }
.blog-detail-header > p { max-width: 800px; margin: 1rem auto 0; color: #697471; font-size: .95rem; line-height: 2; }
.article-meta { display: flex; flex-wrap: wrap; justify-content: center; gap: .8rem; margin-top: 1.2rem; color: #7f8986; font-size: .68rem; }
.article-meta span { display: inline-flex; align-items: center; gap: .3rem; }
.article-share { display: flex; justify-content: center; gap: .4rem; margin-top: 1rem; }
.article-share button, .article-share a { display: inline-flex; min-height: 40px; align-items: center; gap: .35rem; border: 1px solid var(--btl-border); border-radius: 13px; background: white; padding-inline: .75rem; color: #5d6865; font-size: .67rem; font-weight: 800; }
.article-cover { overflow: hidden; margin-top: 2rem; border-radius: 30px; background: #eef3f1; box-shadow: var(--btl-shadow); }
.article-cover img { width: 100%; aspect-ratio: 16/8.5; object-fit: cover; }
.article-cover figcaption { padding: .7rem 1rem; color: #8a9491; font-size: .62rem; }
.blog-detail-layout { display: grid; grid-template-columns: 210px minmax(0,1fr) 240px; gap: 1.5rem; align-items: start; padding-top: 2rem; }
.article-toc, .blog-detail-sidebar { position: sticky; top: 105px; }
.article-toc > div { border: 1px solid var(--btl-border); border-radius: 20px; background: white; padding: 1rem; }
.article-toc h2 { margin-top: .3rem; font-size: .85rem; font-weight: 950; }
.article-toc nav { display: grid; gap: .25rem; margin-top: .8rem; }
.article-toc a { border-right: 2px solid #e8eeec; padding: .4rem .55rem; color: #78827f; font-size: .65rem; line-height: 1.6; }
.article-toc a.level-3 { padding-right: 1.1rem; font-size: .6rem; }
.article-toc a:hover, .article-toc a.active { border-color: var(--btl-primary); color: var(--btl-primary-deep); }
.blog-prose { color: #394541; font-size: .87rem; line-height: 2.25; }
.blog-prose h2, .blog-prose h3 { scroll-margin-top: 120px; color: var(--btl-ink); font-weight: 950; line-height: 1.6; }
.blog-prose h2 { margin: 2.2rem 0 .8rem; font-size: 1.55rem; }
.blog-prose h3 { margin: 1.7rem 0 .65rem; font-size: 1.18rem; }
.blog-prose p { margin-block: .8rem; }
.blog-prose ul, .blog-prose ol { margin-block: 1rem; padding-right: 1.4rem; }
.blog-prose li { margin-block: .35rem; }
.blog-prose ul { list-style: disc; }
.blog-prose ol { list-style: decimal; }
.blog-prose blockquote { margin-block: 1.3rem; border-right: 4px solid var(--btl-primary); border-radius: 16px 0 0 16px; background: var(--btl-soft); padding: 1rem 1.2rem; color: #35645b; }
.blog-prose img { max-width: 100%; margin: 1.5rem auto; border-radius: 22px; }
.blog-prose table { width: 100%; margin-block: 1.5rem; border-collapse: collapse; overflow: hidden; border-radius: 16px; font-size: .72rem; }
.blog-prose th, .blog-prose td { border: 1px solid var(--btl-border); padding: .7rem; text-align: right; }
.blog-prose th { background: var(--btl-soft); }
.article-tags { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: 2rem; border-top: 1px solid var(--btl-border); padding-top: 1rem; }
.related-articles, .article-comments { margin-top: 2.5rem; border-top: 1px solid var(--btl-border); padding-top: 2rem; }
.author-card { text-align: center; }
.author-avatar { display: grid; width: 65px; height: 65px; margin-inline: auto; place-items: center; border-radius: 22px; background: var(--btl-primary); font-size: 1.8rem; }
.author-card small { display: block; margin-top: .7rem; color: #929b98; font-size: .58rem; }
.author-card strong { display: block; margin-top: .2rem; font-size: .78rem; font-weight: 950; }
.author-card p { margin-top: .55rem; color: #78827f; font-size: .63rem; line-height: 1.8; }
.pinned-comment { margin-right: auto; border-radius: 999px; background: #fff2bd; padding: .3rem .5rem; color: #7c5700; font-size: .58rem; font-weight: 900; }
.info-page-hero { padding: 5rem 0; background: radial-gradient(circle at 20% 15%,rgba(255,127,157,.14),transparent 25%),radial-gradient(circle at 80% 25%,rgba(16,255,205,.22),transparent 28%),linear-gradient(135deg,#f1fffb,#fff); text-align: center; }
.info-page-hero.compact { padding-block: 3.5rem; }
.info-page-hero h1 { margin-top: .55rem; font-size: clamp(2rem,6vw,4rem); font-weight: 950; letter-spacing: -.055em; }
.info-page-hero p { max-width: 720px; margin: .8rem auto 0; color: #687370; line-height: 2; }
.story-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; align-items: center; }
.story-copy h2 { font-size: 1.8rem; font-weight: 950; }
.story-copy p { margin-top: 1rem; color: #64706d; font-size: .85rem; line-height: 2.15; }
.values-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
.values-grid article { border: 1px solid var(--btl-border); border-radius: 20px; background: white; padding: 1rem; }
.values-grid i { color: var(--btl-primary-deep); font-size: 2rem; }
.values-grid h3 { margin-top: .65rem; font-size: .85rem; font-weight: 950; }
.values-grid p { margin-top: .3rem; color: #7b8582; font-size: .65rem; line-height: 1.8; }
.stats-showcase { display: grid; grid-template-columns: repeat(4,1fr); overflow: hidden; border: 1px solid rgba(16,255,205,.2); border-radius: 25px; background: white; }
.stats-showcase div { padding: 1.3rem; text-align: center; }
.stats-showcase div + div { border-right: 1px solid var(--btl-border); }
.stats-showcase strong { display: block; font-size: .92rem; font-weight: 950; }
.stats-showcase span { display: block; margin-top: .35rem; color: #84908c; font-size: .63rem; }
.faq-list { display: grid; gap: .65rem; }
.faq-list article { border: 1px solid var(--btl-border); border-radius: 18px; background: white; }
.faq-list article.active { border-color: rgba(16,255,205,.65); box-shadow: 0 16px 35px rgba(7,27,25,.06); }
.faq-list button { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem; text-align: right; font-size: .8rem; font-weight: 900; }
.faq-list article.active button i { transform: rotate(45deg); color: var(--btl-primary-deep); }
.faq-list p { padding: 0 1rem 1rem; color: #6d7875; font-size: .74rem; line-height: 2; }
.contact-page-grid { display: grid; grid-template-columns: 1fr .8fr; gap: 1rem; }
.contact-page-cards { display: grid; gap: .7rem; }
.contact-page-cards article { display: flex; align-items: center; gap: .8rem; border: 1px solid var(--btl-border); border-radius: 20px; background: white; padding: 1rem; }
.contact-page-cards article > span { display: grid; width: 58px; height: 58px; flex: 0 0 auto; place-items: center; border-radius: 19px; background: var(--btl-soft); color: var(--btl-primary-deep); font-size: 1.8rem; }
.contact-page-cards small { color: #929b98; font-size: .6rem; }
.contact-page-cards strong { display: block; margin-top: .2rem; font-size: .86rem; font-weight: 950; }
.contact-page-cards p { margin-top: .2rem; color: #828c89; font-size: .63rem; }
.contact-guidance-card { display: grid; align-content: center; border-radius: 25px; background: var(--btl-ink); padding: 1.5rem; color: white; }
.contact-guidance-card > i { color: var(--btl-primary); font-size: 3.5rem; }
.contact-guidance-card h2 { margin-top: .8rem; font-size: 1.35rem; font-weight: 950; }
.contact-guidance-card p { margin: .65rem 0 1rem; color: rgba(255,255,255,.58); font-size: .74rem; line-height: 2; }
.legal-content { max-width: 850px; padding-block: 3rem; color: #5f6a67; font-size: .82rem; line-height: 2.2; }
.legal-content h2 { margin: 2rem 0 .5rem; color: var(--btl-ink); font-size: 1.2rem; font-weight: 950; }
.batalar-ad-slot { position: relative; }
.batalar-ad-card { position: relative; }
.batalar-ad-card a { border-radius: 22px !important; border-color: var(--btl-border) !important; }
.batalar-ad-card img { width: 100%; }
@media (max-width: 1199px) {
  .service-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .category-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .blog-card-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .blog-archive-layout .blog-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .blog-detail-layout { grid-template-columns: minmax(0,1fr) 230px; }
  .article-toc { display: none; }
  .service-summary-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .public-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 1023px) {
  .footer-cta { align-items: flex-start; flex-direction: column; }
  .footer-grid { grid-template-columns: 1.3fr 1fr 1fr; }
  .footer-grid section:last-child { grid-column: 2; }
  .catalog-layout { display: block; }
  .mobile-filter-trigger { display: flex; margin-bottom: 1rem; }
  .service-content-layout { grid-template-columns: 1fr; }
  .service-sticky-sidebar { position: static; }
  .booking-card { max-width: 640px; }
  .blog-archive-layout { grid-template-columns: 1fr; }
  .blog-sidebar { position: static; grid-template-columns: 1fr 1fr; }
  .blog-detail-layout { grid-template-columns: 1fr; }
  .blog-detail-sidebar { position: static; display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
  .city-card-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 767px) {
  .container-shell { width: min(100% - 1.25rem,1280px); }
  .public-topbar { display: none; }
  .public-header .container-shell { min-height: 68px; }
  .brand-mark { width: 42px; height: 42px; }
  .brand-lockup strong { font-size: 1.15rem; }
  .footer-cta { transform: translateY(-28px); border-radius: 23px; padding: 1.2rem; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 1.5rem; }
  .footer-grid section:first-child { grid-column: 1/-1; }
  .footer-grid section:last-child { grid-column: auto; }
  .footer-bottom { align-items: center; flex-direction: column; text-align: center; }
  .catalog-hero-grid, .service-profile-header, .reviews-heading { align-items: flex-start; flex-direction: column; }
  .hero-stat-pills { justify-content: start; }
  .category-hero-content { grid-template-columns: auto 1fr; }
  .category-hero-count { grid-column: 1/-1; grid-template-columns: auto auto; min-width: 0; align-items: center; justify-content: center; gap: .5rem; }
  .category-hero-count strong { font-size: 1.25rem; }
  .service-card-grid, .category-card-grid, .blog-card-grid, .blog-archive-layout .blog-card-grid { grid-template-columns: 1fr; }
  .city-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .celebration-visual { max-width: 280px; margin-top: 1rem; }
  .celebration-visual > i { font-size: 5.5rem; }
  .service-gallery-grid { grid-template-columns: 1.4fr .8fr; grid-template-rows: 140px 140px; }
  .service-gallery-item:nth-of-type(n+4) { display: none; }
  .service-summary-grid, .specification-grid, .public-feature-grid, .contact-action-grid { grid-template-columns: 1fr; }
  .service-content-section { border-radius: 20px; padding: 1rem; }
  .service-profile-actions { width: 100%; }
  .round-action { flex: 1; justify-content: center; }
  .blog-hero-visual { display: none; }
  .blog-sidebar, .blog-detail-sidebar { grid-template-columns: 1fr; }
  .article-cover { border-radius: 20px; }
  .article-cover img { aspect-ratio: 16/10; }
  .story-grid, .contact-page-grid { grid-template-columns: 1fr; }
  .stats-showcase { grid-template-columns: 1fr 1fr; }
  .stats-showcase div + div { border-right: 0; }
  .stats-showcase div:nth-child(even) { border-right: 1px solid var(--btl-border); }
  .service-description, .blog-prose { font-size: .8rem; }
}
@media (max-width: 479px) {
  .city-card-grid, .values-grid { grid-template-columns: 1fr; }
  .service-gallery-grid { display: grid; grid-template-columns: 1fr; grid-template-rows: 260px 90px; }
  .service-gallery-item.main { grid-row: auto; }
  .service-gallery-item:nth-of-type(2), .service-gallery-item:nth-of-type(3) { display: inline-block; width: calc(50% - 3px); }
  .service-gallery-grid { display: block; }
  .service-gallery-item.main { display: block; height: 260px; }
  .service-gallery-item:not(.main) { height: 90px; margin-top: 5px; }
  .hero-search-box { grid-template-columns: auto 1fr; }
  .hero-search-box button { grid-column: 1/-1; width: 100%; }
}


/* ===== SOURCE: static/css/exact_home_top_026.css ===== */
/* Stage 027 — exact header alignment, palette and rotating category title */
:root {
    --home-white: #FFFFFF;
    --home-service-bg: #EBFBF7;
    --home-service-fg: #00CC99;
    --home-search-bg: #3B3C36; /* Black Olive */
    --home-ink: #222222;
}

html,
body,
body.public-body,
.public-shell,
#main-content,
main,
.home-top-header,
.exact-home-hero {
    background: #FFFFFF !important;
}

.home-top-container {
    width: min(1180px, calc(100vw - 40px));
    margin-inline: auto;
}

.home-top-header {
    position: relative;
    z-index: 60;
    width: 100%;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.home-top-header__inner {
    min-height: 112px;
    display: flex;
    direction: rtl;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

/* nav is first in RTL flex => right side; service CTA is second => left side */
.home-top-nav {
    order: 1;
    display: flex;
    align-items: center;
    gap: 34px;
    color: var(--home-ink);
    font-size: 15px;
    font-weight: 800;
}

.home-top-add-service {
    order: 2;
}

.home-top-nav__link {
    color: var(--home-ink);
    text-decoration: none;
    transition: opacity .18s ease;
}

.home-top-nav__link:hover {
    color: var(--home-ink);
    opacity: .62;
}

.home-top-menu { position: relative; }

.home-top-menu__trigger {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding-inline: 22px;
    border: 1px solid #E5E5E5;
    border-radius: 999px;
    background: #FFFFFF;
    color: var(--home-ink);
    font-weight: 900;
}

.home-top-menu__trigger i { font-size: 22px; }

.home-top-menu__panel {
    position: absolute;
    top: calc(100% + 12px);
    inset-inline-start: 0;
    width: 310px;
    padding: 10px;
    border: 1px solid #EAEAEA;
    border-radius: 22px;
    background: #FFFFFF;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .10);
}

.home-top-menu__panel a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    padding-inline: 14px;
    border-radius: 14px;
    color: var(--home-ink);
    font-weight: 800;
}

.home-top-menu__panel a:hover { background: #F7F7F7; }

/* Add-service CTA and service/category icon contract */
.home-service-button,
.home-service-button:hover,
.home-service-button:focus,
.home-service-button:active {
    min-height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding-inline: 28px;
    border: 1px solid #EBFBF7 !important;
    border-radius: 999px;
    background: #EBFBF7 !important;
    color: #00CC99 !important;
    font-size: 15px;
    font-weight: 900;
    text-decoration: none;
    box-shadow: none;
}

.home-service-button *,
.home-service-button i,
.home-service-button span {
    color: #00CC99 !important;
    fill: currentColor;
}

.home-top-add-service i { font-size: 24px; }

.home-top-mobile-button {
    display: none;
    width: 48px;
    height: 48px;
    place-items: center;
    border: 1px solid #E5E5E5;
    border-radius: 16px;
    background: #FFFFFF;
    color: var(--home-ink);
    font-size: 24px;
}

.home-top-mobile-panel {
    display: none;
    border-top: 1px solid #EFEFEF;
    background: #FFFFFF;
}

.home-top-mobile-panel__inner {
    display: grid;
    gap: 8px;
    padding-block: 14px 20px;
}

.home-top-mobile-panel__inner > a:not(.home-service-button) {
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-inline: 14px;
    border-radius: 14px;
    color: var(--home-ink);
    font-weight: 800;
}

.exact-home-hero {
    position: relative;
    min-height: 720px;
    overflow: hidden;
    padding: 76px 0 48px;
}

.exact-home-hero__diamond {
    position: absolute;
    z-index: 0;
    top: 20px;
    left: 50%;
    width: 560px;
    height: 560px;
    transform: translateX(-50%) rotate(45deg);
    border-radius: 2px;
    background: #FAFAFA;
    pointer-events: none;
}

.exact-home-hero__content {
    position: relative;
    z-index: 1;
    text-align: center;
}

.exact-home-hero__title {
    min-height: 86px;
    margin: 0;
    display: inline-flex;
    direction: rtl;
    align-items: center;
    justify-content: center;
    gap: .28em;
    color: var(--home-ink);
    font-size: clamp(42px, 5vw, 66px);
    font-weight: 950;
    line-height: 1.25;
    letter-spacing: -2px;
    white-space: nowrap;
}

.exact-home-title-fixed {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
}

.exact-home-title-rotator {
    position: relative;
    display: inline-block;
    min-width: 1.5em;
    height: 1.28em;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
}

.exact-home-title-rotator__item {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: translateY(-115%);
    transition: transform .58s cubic-bezier(.22,.8,.3,1), opacity .36s ease;
    will-change: transform, opacity;
}

.exact-home-title-rotator__item.is-active {
    opacity: 1;
    transform: translateY(0);
}

.exact-home-title-rotator__item.is-leaving {
    opacity: 0;
    transform: translateY(115%);
}

.exact-home-title-rotator__item.is-entering {
    opacity: 0;
    transform: translateY(-115%);
}

.exact-home-hero__subtitle {
    margin: 14px 0 0;
    color: #3D3D3D;
    font-size: clamp(24px, 2.7vw, 34px);
    font-weight: 500;
    line-height: 1.6;
}

.exact-home-search {
    position: relative;
    width: min(930px, 100%);
    min-height: 98px;
    margin: 48px auto 0;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) 290px 172px;
    align-items: center;
    padding: 10px;
    border: 1px solid #F0F0F0;
    border-radius: 999px;
    background: #FFFFFF;
    box-shadow: 0 25px 80px rgba(0, 0, 0, .08);
}

.exact-home-search__field {
    min-width: 0;
    min-height: 70px;
    display: flex;
    align-items: center;
    gap: 16px;
    padding-inline: 24px;
    text-align: right;
}

.exact-home-search__city { border-inline-end: 1px solid #E5E5E5; }

.exact-home-search__main-icon {
    flex: 0 0 auto;
    color: var(--home-ink);
    font-size: 34px;
}

.exact-home-search__text { min-width: 0; flex: 1; }

.exact-home-search__label {
    display: block;
    margin-bottom: 4px;
    color: var(--home-ink);
    font-size: 13px;
    font-weight: 900;
}

.exact-home-search input,
.exact-home-search select {
    width: 100%;
    border: 0;
    outline: 0;
    appearance: none;
    background: transparent;
    color: #777777;
    font-size: 14px;
    font-weight: 500;
}

.exact-home-search__loader { color: var(--home-ink); }

/* Black Olive search CTA */
.home-search-button,
.home-search-button:hover,
.home-search-button:focus,
.home-search-button:active {
    min-height: 62px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #3B3C36 !important;
    border-radius: 999px;
    background: #3B3C36 !important;
    color: #FFFFFF !important;
    font-size: 17px;
    font-weight: 950;
    cursor: pointer;
}

.home-search-button * { color: #FFFFFF !important; }

.exact-home-search__suggestions {
    position: absolute;
    z-index: 50;
    top: calc(100% + 12px);
    inset-inline: 22px;
    text-align: right;
}

.exact-home-stats {
    margin-top: 35px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 28px;
    color: var(--home-ink);
    font-size: 14px;
    font-weight: 700;
}

.exact-home-stats strong { color: var(--home-ink); font-weight: 950; }
.exact-home-stats b { color: #F5A400; font-size: 20px; font-weight: 950; }

.exact-home-categories {
    width: min(930px, 100%);
    margin: 76px auto 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.exact-home-category {
    width: 118px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    color: var(--home-ink);
    text-align: center;
    text-decoration: none;
}

.exact-home-category__icon {
    width: 76px;
    height: 76px;
    display: grid;
    place-items: center;
    border: 1px solid #EBFBF7;
    border-radius: 999px;
    background: #EBFBF7 !important;
    color: #00CC99 !important;
    font-size: 31px;
    transition: transform .18s ease;
}

.exact-home-category__icon *,
.exact-home-category__icon i,
.exact-home-category__icon svg {
    color: #00CC99 !important;
    stroke: currentColor;
}

.exact-home-category:hover .exact-home-category__icon { transform: translateY(-3px); }

.exact-home-category strong {
    color: var(--home-ink);
    font-size: 14px;
    font-weight: 950;
    line-height: 1.65;
}

@media (prefers-reduced-motion: reduce) {
    .exact-home-title-rotator__item { transition: none; }
}

@media (max-width: 980px) {
    .home-top-header__inner { min-height: 82px; }
    .home-top-nav { display: none; }
    .home-top-add-service { order: 2; min-height: 48px; padding-inline: 18px; }
    .home-top-mobile-button { display: grid; order: 1; }
    .home-top-mobile-panel { display: block; }
    .exact-home-search {
        width: min(680px, 100%);
        grid-template-columns: 1fr;
        border-radius: 30px;
        padding: 12px;
    }
    .exact-home-search__field {
        min-height: 66px;
        border: 0;
        border-bottom: 1px solid #EAEAEA;
    }
    .exact-home-search__submit { margin-top: 10px; }
    .exact-home-categories {
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 12px;
    }
    .exact-home-category { flex: 0 0 105px; }
}

@media (max-width: 640px) {
    .home-top-container { width: min(100% - 24px, 1180px); }
    .home-top-add-service span { display: none; }
    .home-top-add-service { width: 48px; padding: 0; }
    .exact-home-hero { min-height: auto; padding: 56px 0 34px; }
    .exact-home-hero__diamond { width: 390px; height: 390px; top: 26px; }
    .exact-home-hero__title { min-height: 64px; font-size: 38px; }
    .exact-home-hero__subtitle { font-size: 22px; }
    .exact-home-search { margin-top: 34px; }
    .exact-home-stats { gap: 14px; font-size: 12px; }
    .exact-home-categories { margin-top: 48px; }
}

/* BATALAR-035-SAFE-OVERRIDES-START */
.home-search-button,
.home-search-button:hover,
.home-search-button:focus,
.home-search-button:active,
.exact-home-search__submit,
.exact-home-search__submit:hover,
.exact-home-search__submit:focus,
.exact-home-search__submit:active {
    border-color: #01FFCD !important;
    background: #01FFCD !important;
    color: #3B3C36 !important;
}

.home-search-button *,
.exact-home-search__submit * {
    color: #3B3C36 !important;
}
/* BATALAR-035-SAFE-OVERRIDES-END */

/* BATALAR-035-FEATURED-PROVIDERS-START */
.home-featured-providers-strip {
    background: transparent !important;
    border: 1px solid rgba(24, 24, 27, 0.08) !important;
    box-shadow: none !important;
}

.home-featured-providers-promo {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.home-featured-providers-promo::before,
.home-featured-providers-promo::after,
.home-featured-providers-promo > span.absolute {
    display: none !important;
}

.home-featured-providers-icon {
    width: 118px !important;
    height: 118px !important;
    margin-inline: auto !important;
    margin-bottom: 18px !important;
    object-fit: contain !important;
}
/* BATALAR-035-FEATURED-PROVIDERS-END */

/* BATALAR-037-RECONCILED-START */
/* Final homepage contract reconciled from stages 026–036. */

html,
body,
body.public-body,
.public-shell,
#main-content,
main,
.home-top-header,
.exact-home-hero {
    background: #FFFFFF !important;
}

/* Exact requested palette. */
.home-service-button,
.home-service-button:hover,
.home-service-button:focus,
.home-service-button:active,
.exact-home-category__icon {
    background: #EBFBF7 !important;
    border-color: #EBFBF7 !important;
}

.home-service-button,
.home-service-button *,
.home-service-button i,
.home-service-button span,
.exact-home-category__icon,
.exact-home-category__icon * {
    color: #00CC99 !important;
}

.home-search-button,
.exact-home-search__submit,
.home-search-button:hover,
.exact-home-search__submit:hover,
.home-search-button:focus,
.exact-home-search__submit:focus {
    background: #01FFCD !important;
    color: #3B3C36 !important;
}

/* Sharp diamond: visible top point and a complete fade to transparency. */
.exact-home-hero {
    overflow: hidden !important;
}

.exact-home-hero__diamond {
    top: 0 !important;
    left: 50% !important;
    width: 690px !important;
    height: 760px !important;
    transform: translateX(-50%) !important;
    border-radius: 0 !important;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%) !important;
    background:
        linear-gradient(
            to bottom,
            rgba(18, 24, 23, 0.038) 0%,
            rgba(18, 24, 23, 0.026) 30%,
            rgba(18, 24, 23, 0.014) 53%,
            rgba(18, 24, 23, 0.006) 72%,
            rgba(18, 24, 23, 0.001) 87%,
            rgba(18, 24, 23, 0) 100%
        ) !important;
}

/*
Two equal halves around the exact center:
- fixed "باتالار" in the left half, glued to the center line;
- rotating category in the right half, starting at the center line;
- long category names grow only toward the right.
*/
@media (min-width: 769px) {
    .exact-home-hero__title {
        position: relative !important;
        width: min(1120px, 100%) !important;
        min-height: 1.30em !important;
        margin-inline: auto !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        align-items: center !important;
        justify-content: center !important;
        column-gap: 0 !important;
        direction: ltr !important;
        overflow: visible !important;
        white-space: nowrap !important;
    }

    .exact-home-title-fixed,
    .exact-home-hero__fixed {
        grid-column: 1 !important;
        grid-row: 1 !important;
        position: static !important;
        inset: auto !important;
        transform: none !important;
        justify-self: end !important;
        width: max-content !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: right !important;
        direction: rtl !important;
        white-space: nowrap !important;
    }

    .exact-home-title-rotator,
    .exact-home-hero__rotating-wrap {
        grid-column: 2 !important;
        grid-row: 1 !important;
        position: relative !important;
        inset: auto !important;
        transform: none !important;
        justify-self: start !important;
        align-self: center !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 1.30em !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        text-align: left !important;
        direction: ltr !important;
    }

    .exact-home-title-rotator__item,
    .exact-home-hero__rotating-word {
        position: absolute !important;
        top: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        right: auto !important;
        inset-inline: auto !important;
        width: max-content !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
        text-align: left !important;
        direction: rtl !important;
        white-space: nowrap !important;
    }
}

@media (max-width: 768px) {
    .exact-home-hero__diamond {
        width: 520px !important;
        height: 620px !important;
    }

    .exact-home-hero__title {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        align-items: center !important;
        column-gap: 0 !important;
        direction: ltr !important;
        overflow: visible !important;
    }

    .exact-home-title-fixed,
    .exact-home-hero__fixed {
        grid-column: 1 !important;
        justify-self: end !important;
        width: max-content !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .exact-home-title-rotator,
    .exact-home-hero__rotating-wrap {
        grid-column: 2 !important;
        justify-self: start !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        direction: ltr !important;
    }

    .exact-home-title-rotator__item,
    .exact-home-hero__rotating-word {
        left: 0 !important;
        right: auto !important;
        width: max-content !important;
        min-width: 0 !important;
        max-width: none !important;
        text-align: left !important;
        direction: rtl !important;
    }
}

/* Featured providers: transparent panel, subtle border, supplied static icon. */
.home-featured-providers-strip {
    background: transparent !important;
    border: 1px solid rgba(24, 24, 27, 0.10) !important;
    box-shadow: none !important;
}

.home-featured-providers-promo {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.home-featured-providers-promo::before,
.home-featured-providers-promo::after,
.home-featured-providers-promo > span.absolute {
    display: none !important;
}

.home-featured-providers-icon {
    width: 118px !important;
    height: 118px !important;
    margin-inline: auto !important;
    margin-bottom: 18px !important;
    object-fit: contain !important;
}
/* BATALAR-037-RECONCILED-END */

/* BATALAR-039-START */
.home-featured-providers-strip-039 {
  direction: ltr;
  background: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: none !important;
}

.home-featured-providers-track-039 {
  grid-column: 1;
  direction: rtl;
  min-width: 0;
  background: transparent !important;
  background-image: none !important;
}

.home-featured-providers-track-039::before,
.home-featured-providers-track-039::after {
  display: none !important;
  content: none !important;
}

.home-featured-providers-list-039 {
  background: transparent !important;
  background-image: none !important;
}

.home-featured-providers-card-shell-039 {
  height: 100%;
  background: transparent !important;
  background-image: none !important;
}

.home-featured-providers-card-shell-039 > * {
  height: 100%;
}

.home-featured-providers-promo-039 {
  grid-column: 2;
  direction: rtl;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  text-align: center;
}

.home-featured-providers-promo-039::before,
.home-featured-providers-promo-039::after {
  display: none !important;
  content: none !important;
}

.home-featured-providers-icon-039 {
  width: 126px;
  height: 126px;
  display: block;
  margin-inline: auto;
  object-fit: contain;
  background: transparent !important;
}

.home-featured-providers-nav-039 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
  margin-bottom: 1.25rem;
}

.home-featured-providers-nav-039 .carousel-button {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 999px;
  background: #f7f7f7;
  border: 1px solid rgba(15, 23, 42, 0.06);
}

.home-featured-providers-promo-039 p {
  display: none !important;
}

@media (max-width: 1023px) {
  .home-featured-providers-strip-039 {
    direction: rtl;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .home-featured-providers-promo-039,
  .home-featured-providers-track-039 {
    grid-column: 1;
  }

  .home-featured-providers-promo-039 {
    grid-row: 1;
    border-left: 0 !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
  }

  .home-featured-providers-track-039 {
    grid-row: 2;
  }
}
/* BATALAR-039-END */

/* BATALAR-042-START */
.featured-providers-section-042 {
  padding-block: 2.5rem;
}

.featured-providers-shell-042 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 292px;
  direction: ltr;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.09);
  border-radius: 30px;
  background: #ffffff;
  box-shadow: none;
}

.featured-providers-track-area-042 {
  direction: rtl;
  min-width: 0;
  padding: 1.25rem;
  background: transparent;
  display: flex;
  align-items: center;
}

.featured-providers-track-042 {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 2rem) / 3);
  gap: 1rem;
  width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding: 0;
  margin: 0;
  background: transparent;
}

.featured-provider-card-042 {
  scroll-snap-align: start;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 22px;
  background: #ffffff;
  box-shadow: none;
}

.featured-provider-card-link-042 {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  color: inherit;
  text-decoration: none;
}

.featured-provider-card-media-042 {
  position: relative;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: #f7f7f7;
}

.featured-provider-card-media-042 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.featured-provider-location-042 {
  position: absolute;
  top: 0.9rem;
  right: 0.9rem;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 2rem;
  padding-inline: 0.75rem;
  border-radius: 999px;
  background: rgba(255,255,255,0.94);
  color: #27272a;
  font-size: 0.75rem;
  font-weight: 800;
}

.featured-provider-card-body-042 {
  padding: 1rem 1rem 1.05rem;
}

.featured-provider-card-body-042 h3 {
  margin: 0;
  color: #18181b;
  font-size: 1.08rem;
  line-height: 1.8;
  font-weight: 900;
}

.featured-provider-card-meta-042 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 0.7rem;
  color: #71717a;
  font-size: 0.82rem;
}

.featured-provider-category-042 {
  color: #00CC99;
  font-weight: 800;
}

.featured-provider-rating-042 {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  color: #52525b;
  font-weight: 800;
}

.featured-provider-rating-042 i {
  color: #f6a800;
}

.featured-providers-promo-042 {
  direction: rtl;
  display: flex;
  min-height: 100%;
  padding: 2rem 1.4rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-left: 1px solid rgba(15, 23, 42, 0.07);
  background: transparent;
  text-align: center;
}

.featured-providers-promo-icon-042 {
  display: block;
  width: 136px;
  height: 136px;
  object-fit: contain;
}

.featured-providers-eyebrow-042 {
  margin-top: 1.1rem;
  color: #00CC99;
  font-size: 0.82rem;
  font-weight: 900;
}

.featured-providers-promo-042 h2 {
  margin: 0.7rem 0 0;
  color: #18181b;
  font-size: 1.6rem;
  line-height: 1.7;
  font-weight: 950;
}

.featured-providers-promo-nav-042 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1.55rem;
}

.featured-providers-promo-nav-042 .carousel-button {
  width: 2.85rem;
  height: 2.85rem;
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 999px;
  background: #f8f8f8;
}

.featured-providers-promo-nav-042 .carousel-button i {
  font-size: 1rem;
}

.featured-providers-link-042 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1.25rem;
  color: #18181b;
  font-size: 0.8rem;
  font-weight: 900;
  text-decoration: none;
}

@media (max-width: 1100px) {
  .featured-providers-track-042 {
    grid-auto-columns: calc((100% - 1rem) / 2);
  }
}

@media (max-width: 900px) {
  .featured-providers-shell-042 {
    grid-template-columns: 1fr;
    direction: rtl;
  }

  .featured-providers-promo-042 {
    grid-row: 1;
    border-left: 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.07);
    min-height: auto;
  }

  .featured-providers-track-area-042 {
    grid-row: 2;
  }
}

@media (max-width: 640px) {
  .featured-providers-track-area-042 {
    padding: 0.85rem;
  }

  .featured-providers-track-042 {
    grid-auto-columns: 86%;
    gap: 0.75rem;
  }

  .featured-providers-promo-icon-042 {
    width: 118px;
    height: 118px;
  }
}
/* BATALAR-042-END */

/* BATALAR-050-START */
/* فقط اصلاحات درخواستی عنوان، زیرعنوان، خط جستجو، لوگو و SVG دسته‌ها */
.exact-home-hero__title {
    width: 100% !important;
    min-height: 76px !important;
    margin-inline: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.22em !important;
    text-align: center !important;
    direction: rtl !important;
    font-size: clamp(40px, 4.4vw, 58px) !important;
    line-height: 1.22 !important;
    font-weight: 900 !important;
    letter-spacing: -1.5px !important;
    white-space: nowrap !important;
}

.exact-home-title-fixed,
.exact-home-title-rotator,
.exact-home-title-rotator__item {
    font-weight: 900 !important;
    text-align: center !important;
}

.exact-home-title-fixed {
    flex: 0 0 auto !important;
}

.exact-home-title-rotator {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    max-width: min(70vw, 780px) !important;
    transition: width .42s cubic-bezier(.22,.8,.3,1) !important;
}

.exact-home-title-rotator__item {
    justify-content: center !important;
    white-space: nowrap !important;
}

.exact-home-hero__subtitle {
    margin-top: 18px !important;
    font-size: 32px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    text-align: center !important;
}

/* حذف فقط خط بسیار نازک کنار دکمه جستجو */
.exact-home-search__city {
    border-inline-end: 0 !important;
}

.exact-home-search__submit,
.exact-home-search__submit::before,
.exact-home-search__submit::after {
    border-inline-start: 0 !important;
    border-inline-end: 0 !important;
    box-shadow: none !important;
}

.home-top-brand-logo-050 {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    text-decoration: none;
}

.home-top-brand-logo-050 img {
    display: block;
    width: 92px;
    max-height: 54px;
    height: auto;
    object-fit: contain;
}

.home-category-custom-svg-050 {
    display: block !important;
    width: 38px !important;
    height: 38px !important;
    object-fit: contain !important;
}

@media (max-width: 900px) {
    .exact-home-hero__title {
        min-height: 64px !important;
        font-size: clamp(34px, 8vw, 48px) !important;
        white-space: normal !important;
    }

    .exact-home-title-rotator {
        max-width: 72vw !important;
    }

    .exact-home-hero__subtitle {
        font-size: 26px !important;
    }

    .home-top-brand-logo-050 img {
        width: 76px;
        max-height: 44px;
    }
}

@media (max-width: 560px) {
    .exact-home-hero__title {
        gap: 0.15em !important;
        font-size: clamp(30px, 9vw, 42px) !important;
    }

    .exact-home-hero__subtitle {
        font-size: 22px !important;
    }

    .home-top-brand-logo-050 img {
        width: 64px;
    }
}
/* BATALAR-050-END */

/* BATALAR-051-START */
/* فقط چهار اصلاح درخواستی صفحه اول */
.exact-home-hero__title {
    width: 100% !important;
    margin-inline: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.18em !important;
    direction: rtl !important;
    text-align: center !important;
    font-size: clamp(40px, 4.2vw, 58px) !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    letter-spacing: -1.2px !important;
}

.exact-home-title-fixed,
.exact-home-title-rotator,
.exact-home-title-rotator__item {
    font-weight: 900 !important;
    text-align: center !important;
}

.exact-home-title-fixed {
    flex: 0 0 auto !important;
}

.exact-home-title-rotator {
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: min(72vw, 820px) !important;
    text-align: center !important;
}

.exact-home-title-rotator__item {
    inset-inline: 0 !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
}

.exact-home-hero__subtitle {
    margin-top: 18px !important;
    font-size: 32px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    text-align: center !important;
}

/* حذف فقط خط بسیار نازک مجاور دکمه جستجو */
.exact-home-search__city {
    border-inline-end: 0 !important;
}

.exact-home-search__submit,
.exact-home-search__submit::before,
.exact-home-search__submit::after {
    border-inline-start: 0 !important;
    border-inline-end: 0 !important;
    box-shadow: none !important;
}

.home-top-brand-logo-051 {
    order: -1;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    text-decoration: none;
}

.home-top-brand-logo-051 img {
    display: block;
    width: 92px;
    max-height: 54px;
    height: auto;
    object-fit: contain;
}

.home-category-custom-svg-051 {
    display: block !important;
    width: 38px !important;
    height: 38px !important;
    object-fit: contain !important;
}

@media (max-width: 900px) {
    .exact-home-hero__title {
        font-size: clamp(34px, 7.5vw, 48px) !important;
        white-space: normal !important;
    }

    .exact-home-title-rotator {
        max-width: 74vw !important;
    }

    .exact-home-hero__subtitle {
        font-size: 26px !important;
    }

    .home-top-brand-logo-051 img {
        width: 76px;
        max-height: 44px;
    }
}

@media (max-width: 560px) {
    .exact-home-hero__title {
        gap: 0.12em !important;
        font-size: clamp(29px, 8.5vw, 40px) !important;
    }

    .exact-home-title-rotator__item {
        white-space: normal !important;
    }

    .exact-home-hero__subtitle {
        font-size: 22px !important;
    }

    .home-top-brand-logo-051 img {
        width: 64px;
    }
}
/* BATALAR-051-END */

/* BATALAR-053-START */
/* Header alignment + single logo */
.exact-home-header__inner,
.exact-home-header__row,
.home-top-header__inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
}

.exact-home-header__nav,
.home-top-nav,
.home-top-menu,
.home-top-links {
    display: flex !important;
    align-items: center !important;
    gap: 22px !important;
}

.home-top-brand-logo-053 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 0 !important;
    text-decoration: none !important;
    flex: 0 0 auto !important;
}

.home-top-brand-logo-053 img {
    display: block !important;
    width: 128px !important;
    height: auto !important;
    max-height: 56px !important;
    object-fit: contain !important;
}

/* Rotating title exactly centered */
.exact-home-hero__title {
    width: 100% !important;
    margin-inline: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.18em !important;
    direction: rtl !important;
    text-align: center !important;
    flex-wrap: nowrap !important;
    font-size: clamp(34px, 4.7vw, 64px) !important;
    line-height: 1.18 !important;
    font-weight: 900 !important;
    letter-spacing: -1px !important;
}

.exact-home-title-fixed,
.exact-home-title-rotator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    font-weight: 900 !important;
}

.exact-home-title-fixed {
    flex: 0 0 auto !important;
}

.exact-home-title-rotator {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    transition: opacity .34s ease, transform .34s ease !important;
    will-change: transform, opacity !important;
}

.exact-home-title-rotator.is-leaving {
    opacity: 0 !important;
    transform: translateY(-12px) !important;
}

.exact-home-title-rotator.is-entering {
    opacity: 0 !important;
    transform: translateY(12px) !important;
}

.exact-home-hero__subtitle {
    margin-top: 18px !important;
    font-size: 32px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    text-align: center !important;
}

@media (max-width: 1200px) {
    .home-top-brand-logo-053 img {
        width: 114px !important;
    }
}

@media (max-width: 900px) {
    .exact-home-hero__title {
        font-size: clamp(28px, 8vw, 48px) !important;
        white-space: normal !important;
        flex-wrap: wrap !important;
    }

    .exact-home-title-rotator {
        white-space: normal !important;
    }

    .exact-home-hero__subtitle {
        font-size: 26px !important;
    }

    .home-top-brand-logo-053 img {
        width: 96px !important;
        max-height: 46px !important;
    }
}

@media (max-width: 640px) {
    .exact-home-header__inner,
    .exact-home-header__row,
    .home-top-header__inner {
        gap: 14px !important;
    }

    .exact-home-hero__subtitle {
        font-size: 22px !important;
    }

    .home-top-brand-logo-053 img {
        width: 84px !important;
    }
}
/* BATALAR-053-END */

/* BATALAR-054-START */
/* فقط اصلاح اندازه عنوان، جهت انیمیشن و اندازه آیکن‌های خدمات */
.exact-home-hero__title {
    font-size: clamp(30px, 3.75vw, 52px) !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    justify-content: center !important;
    text-align: center !important;
}

.exact-home-title-fixed,
.exact-home-title-rotator {
    font-weight: 900 !important;
    text-align: center !important;
}

.exact-home-title-fixed {
    flex: 0 0 auto !important;
    will-change: transform !important;
}

.exact-home-title-rotator {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    transition: opacity .32s ease, transform .32s ease !important;
    will-change: transform, opacity !important;
}

/* خروج به پایین */
.exact-home-title-rotator.is-leaving {
    opacity: 0 !important;
    transform: translateY(14px) !important;
}

/* متن جدید از بالا وارد می‌شود و به سمت پایین روی جای خود می‌نشیند */
.exact-home-title-rotator.is-entering {
    opacity: 0 !important;
    transform: translateY(-14px) !important;
}

/* بزرگ‌ترشدن آیکن‌های فهرست خدمات بدون تغییر اندازه دایره */
.exact-home-category__icon img,
.exact-home-category__icon svg,
.exact-home-category__icon i,
.home-category-custom-svg-051 {
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    font-size: 48px !important;
    object-fit: contain !important;
}

@media (max-width: 900px) {
    .exact-home-hero__title {
        font-size: clamp(28px, 7vw, 44px) !important;
    }

    .exact-home-category__icon img,
    .exact-home-category__icon svg,
    .exact-home-category__icon i,
    .home-category-custom-svg-051 {
        width: 43px !important;
        height: 43px !important;
        max-width: 43px !important;
        max-height: 43px !important;
        font-size: 43px !important;
    }
}

@media (max-width: 560px) {
    .exact-home-hero__title {
        font-size: clamp(26px, 8vw, 38px) !important;
    }

    .exact-home-title-rotator {
        white-space: normal !important;
    }
}
/* BATALAR-054-END */

/* BATALAR-055-START */
/* فقط ۴ پیکسل کاهش اندازه و تغییر رنگ آیکن‌های خدمات */
.exact-home-category__icon,
.exact-home-category__icon i,
.exact-home-category__icon svg {
    color: #01FFCD !important;
}

.exact-home-category__icon svg,
.exact-home-category__icon svg *,
.exact-home-category__icon i {
    stroke: #01FFCD !important;
    fill: none;
}

.exact-home-category__icon img,
.exact-home-category__icon svg,
.exact-home-category__icon i,
.home-category-custom-svg-051 {
    width: 44px !important;
    height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    font-size: 44px !important;
    object-fit: contain !important;
}

/* رنگ‌دهی فایل‌های SVG که به‌صورت img لود شده‌اند */
.exact-home-category__icon img,
.home-category-custom-svg-051 {
    filter: brightness(0) saturate(100%) invert(72%) sepia(95%) saturate(1498%) hue-rotate(112deg) brightness(101%) contrast(101%) !important;
}

@media (max-width: 900px) {
    .exact-home-category__icon img,
    .exact-home-category__icon svg,
    .exact-home-category__icon i,
    .home-category-custom-svg-051 {
        width: 39px !important;
        height: 39px !important;
        max-width: 39px !important;
        max-height: 39px !important;
        font-size: 39px !important;
    }
}
/* BATALAR-055-END */

/* BATALAR-056-START */
/* Home category icons: slightly smaller and visually lighter */
.exact-home-category__icon img,
.exact-home-category__icon svg,
.exact-home-category__icon i,
.home-category-custom-svg-051 {
    width: 40px !important;
    height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    font-size: 40px !important;
}

.exact-home-category__icon svg *,
.exact-home-category__icon i,
.exact-home-category__icon i::before {
    stroke-width: 1.6 !important;
    font-weight: 300 !important;
}

@media (max-width: 900px) {
    .exact-home-category__icon img,
    .exact-home-category__icon svg,
    .exact-home-category__icon i,
    .home-category-custom-svg-051 {
        width: 35px !important;
        height: 35px !important;
        max-width: 35px !important;
        max-height: 35px !important;
        font-size: 35px !important;
    }
}

/* Featured providers cards refinement */
.featured-provider-card-media-042 {
    aspect-ratio: 4 / 3 !important;
}

.featured-provider-card-media-042 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.featured-provider-location-042,
.featured-provider-verified-056 {
    font-size: 0.95rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

.featured-provider-location-042 {
    background: #ffffff !important;
    color: #111827 !important;
    border: 1px solid rgba(17, 24, 39, 0.08) !important;
}

.featured-provider-verified-056 {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.5rem 0.85rem;
    border-radius: 999px;
    background: #ffffff;
    color: #00CC99;
    border: 1px solid rgba(16, 255, 205, 0.18);
    box-shadow: 0 6px 16px rgba(0,0,0,0.04);
}

.featured-provider-verified-056 i {
    font-size: 0.95rem;
}

.featured-provider-card-body-042 {
    padding: 1.15rem 1.25rem 1.2rem !important;
}

.featured-provider-card-body-042 h3 {
    margin: 0 0 0.85rem !important;
    font-size: 1.08rem !important;
    font-weight: 800 !important;
    line-height: 1.7 !important;
}

.featured-provider-card-meta-042 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.9rem !important;
    flex-wrap: wrap !important;
}

.featured-provider-category-042 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.45rem 0.9rem !important;
    border-radius: 999px !important;
    background: #EBFBF7 !important;
    color: #00CC99 !important;
    font-size: 0.96rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

.featured-provider-rating-042 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    color: #374151 !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
}

.featured-provider-rating-042 i {
    font-size: 1.22rem !important;
    color: #F5B301 !important;
}

@media (max-width: 900px) {
    .featured-provider-location-042,
    .featured-provider-verified-056 {
        font-size: 0.88rem !important;
        padding: 0.45rem 0.75rem !important;
    }

    .featured-provider-card-body-042 h3 {
        font-size: 1rem !important;
    }
}
/* BATALAR-056-END */

/* BATALAR-057-START */
.featured-showcase-057 {
    width: 100%;
    padding-block: 30px;
}

.featured-showcase-057__shell {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    direction: rtl;
    overflow: hidden;
    min-height: 430px;
    border: 1px solid rgba(17, 24, 39, 0.09);
    border-radius: 30px;
    background: #ffffff;
}

.featured-showcase-057__promo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 34px 26px 30px;
    border-left: 1px solid rgba(17, 24, 39, 0.08);
    text-align: center;
    background: #ffffff;
}

.featured-showcase-057__promo-icon {
    display: block;
    width: 150px;
    height: 150px;
    object-fit: contain;
    margin-bottom: 20px;
}

.featured-showcase-057__heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    margin: 0;
    color: #111827;
    line-height: 1.35;
}

.featured-showcase-057__heading span {
    font-size: 30px;
    font-weight: 400;
}

.featured-showcase-057__heading strong {
    font-size: 33px;
    font-weight: 900;
}

.featured-showcase-057__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 24px;
}

.featured-showcase-057__control {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #f7f7f7;
    color: #3f3f46;
    cursor: pointer;
    transition: transform .18s ease, background-color .18s ease;
}

.featured-showcase-057__control:hover {
    transform: translateY(-2px);
    background: #f0f0f0;
}

.featured-showcase-057__control i {
    font-size: 24px;
}

.featured-showcase-057__track-wrap {
    position: relative;
    min-width: 0;
    display: flex;
    align-items: center;
    padding: 28px 18px 28px 20px;
    overflow: hidden;
    background: #ffffff;
}

.featured-showcase-057__track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 32px) / 3);
    gap: 16px;
    width: 100%;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    overscroll-behavior-inline: contain;
    padding: 0;
    margin: 0;
    direction: rtl;
}

.featured-showcase-057__fade {
    position: absolute;
    z-index: 4;
    inset-block: 28px;
    left: 18px;
    width: 64px;
    pointer-events: none;
    background: linear-gradient(90deg, #ffffff 0%, rgba(255,255,255,.78) 40%, rgba(255,255,255,0) 100%);
}

.featured-showcase-card-057 {
    min-width: 0;
    height: 100%;
    overflow: hidden;
    scroll-snap-align: start;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 5px 16px rgba(17, 24, 39, 0.035);
}

.featured-showcase-card-057__link {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    color: inherit;
    text-decoration: none;
}

.featured-showcase-card-057__media {
    position: relative;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    border-radius: 14px;
    background: #f6f6f6;
}

.featured-showcase-card-057__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.featured-showcase-card-057__location {
    position: absolute;
    z-index: 2;
    top: 14px;
    right: 14px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    padding-inline: 14px;
    border-radius: 999px;
    background: #ffffff;
    color: #18181b;
    font-size: 16px;
    font-weight: 500;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.08);
}

.featured-showcase-card-057__location i {
    font-size: 20px;
}

.featured-showcase-card-057__body {
    padding: 20px 18px 18px;
}

.featured-showcase-card-057__body h3 {
    margin: 0 0 18px;
    color: #111827;
    font-size: 23px;
    line-height: 1.5;
    font-weight: 800;
    text-align: right;
}

.featured-showcase-card-057__meta {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 12px;
    min-height: 36px;
}

.featured-showcase-card-057__category {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding-inline: 13px;
    border-radius: 999px;
    background: #EBFBF7;
    color: #00CC99;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
}

.featured-showcase-card-057__rating {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #52525b;
    font-size: 15px;
    font-weight: 400;
    white-space: nowrap;
}

.featured-showcase-card-057__rating i {
    color: #F5B301;
    font-size: 24px;
}

.featured-showcase-card-057__dot {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #e4e4e7;
}

.featured-showcase-card-057__level {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    color: #27272a;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
}

.featured-showcase-card-057__level i {
    font-size: 20px;
}

@media (max-width: 1180px) {
    .featured-showcase-057__shell {
        grid-template-columns: 260px minmax(0, 1fr);
    }

    .featured-showcase-057__track {
        grid-auto-columns: calc((100% - 16px) / 2);
    }

    .featured-showcase-057__promo-icon {
        width: 132px;
        height: 132px;
    }
}

@media (max-width: 900px) {
    .featured-showcase-057__shell {
        grid-template-columns: 1fr;
    }

    .featured-showcase-057__promo {
        border-left: 0;
        border-bottom: 1px solid rgba(17, 24, 39, 0.08);
        padding-block: 24px;
    }

    .featured-showcase-057__promo-icon {
        width: 112px;
        height: 112px;
        margin-bottom: 12px;
    }

    .featured-showcase-057__heading span,
    .featured-showcase-057__heading strong {
        font-size: 26px;
    }

    .featured-showcase-057__controls {
        margin-top: 18px;
    }

    .featured-showcase-057__control {
        width: 48px;
        height: 48px;
    }
}

@media (max-width: 640px) {
    .featured-showcase-057 {
        padding-block: 20px;
    }

    .featured-showcase-057__shell {
        border-radius: 22px;
    }

    .featured-showcase-057__track-wrap {
        padding: 14px;
    }

    .featured-showcase-057__track {
        grid-auto-columns: 86%;
        gap: 12px;
    }

    .featured-showcase-057__fade {
        display: none;
    }

    .featured-showcase-card-057__body h3 {
        font-size: 20px;
    }

    .featured-showcase-card-057__meta {
        grid-template-columns: 1fr auto;
        row-gap: 10px;
    }

    .featured-showcase-card-057__level {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}
/* BATALAR-057-END */

/* BATALAR-058-START */
/* فقط اصلاح تایپوگرافی کارت‌ها و اسکرول سکشن Featured */
.featured-showcase-card-057__location {
    direction: rtl !important;
    flex-direction: row !important;
    gap: 6px !important;
    min-height: 34px !important;
    padding-inline: 12px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.featured-showcase-card-057__location i {
    order: -1 !important;
    font-size: 18px !important;
    font-weight: 300 !important;
}

.featured-showcase-card-057__body {
    padding: 17px 16px 16px !important;
}

.featured-showcase-card-057__body h3 {
    margin: 0 0 13px !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
    font-weight: 700 !important;
}

.featured-showcase-card-057__category {
    min-height: 31px !important;
    padding-inline: 11px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.featured-showcase-card-057__rating {
    gap: 5px !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

.featured-showcase-card-057__rating i {
    font-size: 21px !important;
}

.featured-showcase-card-057__level {
    gap: 5px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.featured-showcase-card-057__level i {
    font-size: 18px !important;
}

.featured-showcase-057__track {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: thin !important;
    scrollbar-color: #cfd9d6 transparent !important;
    scrollbar-gutter: stable !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x !important;
    padding-bottom: 10px !important;
}

.featured-showcase-057__track::-webkit-scrollbar {
    height: 7px;
}

.featured-showcase-057__track::-webkit-scrollbar-track {
    background: transparent;
}

.featured-showcase-057__track::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #cfd9d6;
}

.featured-showcase-057__track::-webkit-scrollbar-thumb:hover {
    background: #b9c7c3;
}

@media (max-width: 640px) {
    .featured-showcase-card-057__body h3 {
        font-size: 17px !important;
    }

    .featured-showcase-card-057__location,
    .featured-showcase-card-057__category,
    .featured-showcase-card-057__level {
        font-size: 13px !important;
    }
}
/* BATALAR-058-END */

/* BATALAR-059-START */
/* فقط نسبت سینمایی تصویر کارت‌ها */
.featured-showcase-card-057__media {
    aspect-ratio: 16 / 9 !important;
}

.featured-showcase-card-057__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
/* BATALAR-059-END */

/* BATALAR-060-START */
/* Shared compact card */
.showcase-card-060 {
    min-width: 0;
    overflow: hidden;
    scroll-snap-align: start;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 5px 16px rgba(17, 24, 39, .035);
}
.showcase-card-060__link {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    color: inherit;
    text-decoration: none;
}
.showcase-card-060__media {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 14px;
    background: #f6f6f6;
}
.showcase-card-060__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.showcase-card-060__location {
    position: absolute;
    z-index: 2;
    top: 12px;
    right: 12px;
    display: inline-flex;
    direction: rtl;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding-inline: 11px;
    border-radius: 999px;
    background: #fff;
    color: #18181b;
    font-size: 13px;
    font-weight: 400;
    box-shadow: 0 2px 9px rgba(0,0,0,.08);
}
.showcase-card-060__location i { font-size: 17px; font-weight: 300; }
.showcase-card-060__body { padding: 13px 14px 13px; }
.showcase-card-060__body h3 {
    margin: 0 0 10px;
    color: #111827;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 700;
    text-align: right;
}
.showcase-card-060__meta {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 9px;
    min-height: 30px;
}
.showcase-card-060__category {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 29px;
    padding-inline: 10px;
    border-radius: 999px;
    background: #EBFBF7;
    color: #00CC99;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}
.showcase-card-060__rating,
.showcase-card-060__level {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #3f3f46;
    font-size: 13px;
    font-weight: 400;
    white-space: nowrap;
}
.showcase-card-060__rating { justify-content: center; }
.showcase-card-060__level { justify-content: flex-end; }
.showcase-card-060__rating i { color: #F5B301; font-size: 20px; }
.showcase-card-060__level i { font-size: 17px; }
.showcase-card-060__dot { width: 8px; height: 8px; border-radius: 50%; background: #e4e4e7; }

/* Compact featured section */
.featured-showcase-060 { width: 100%; padding-block: 18px; }
.featured-showcase-060__shell {
    display: grid;
    grid-template-columns: 250px minmax(0,1fr);
    direction: rtl;
    align-items: stretch;
    min-height: 320px;
    overflow: hidden;
    border: 1px solid rgba(17,24,39,.09);
    border-radius: 28px;
    background: #fff;
}
.featured-showcase-060__promo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 18px;
    border-left: 1px solid rgba(17,24,39,.08);
    text-align: center;
}
.featured-showcase-060__promo-icon { width: 112px; height: 112px; object-fit: contain; margin-bottom: 12px; }
.featured-showcase-060__heading { display: flex; flex-direction: column; gap: 2px; margin: 0; line-height: 1.3; }
.featured-showcase-060__heading span { font-size: 22px; font-weight: 400; }
.featured-showcase-060__heading strong { font-size: 27px; font-weight: 900; }
.featured-showcase-060__controls { display: flex; gap: 10px; margin-top: 17px; }
.featured-showcase-060__controls button,
.popular-showcase-060__controls button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #f7f7f7;
    color: #3f3f46;
    cursor: pointer;
    transition: transform .18s ease, background-color .18s ease;
}
.featured-showcase-060__controls button:hover,
.popular-showcase-060__controls button:hover { transform: translateY(-2px); background: #efefef; }
.featured-showcase-060__controls i,
.popular-showcase-060__controls i { font-size: 21px; }
.featured-showcase-060__track-wrap {
    position: relative;
    min-width: 0;
    display: flex;
    align-items: center;
    padding: 17px 14px 17px 16px;
    overflow: hidden;
}
.featured-showcase-060__track,
.popular-showcase-060__track {
    display: grid;
    grid-auto-flow: column;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
    scrollbar-color: #cfd9d6 transparent;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
}
.featured-showcase-060__track {
    grid-auto-columns: calc((100% - 32px) / 3);
    gap: 16px;
    width: 100%;
    padding: 0 0 7px;
}
.featured-showcase-060__track::-webkit-scrollbar,
.popular-showcase-060__track::-webkit-scrollbar { height: 6px; }
.featured-showcase-060__track::-webkit-scrollbar-thumb,
.popular-showcase-060__track::-webkit-scrollbar-thumb { background: #cfd9d6; border-radius: 999px; }
.featured-showcase-060__fade {
    position: absolute;
    z-index: 4;
    inset-block: 17px;
    left: 14px;
    width: 54px;
    pointer-events: none;
    background: linear-gradient(90deg,#fff 0%,rgba(255,255,255,.76) 42%,rgba(255,255,255,0) 100%);
}

/* Next section — exact reference header, same cards */
.popular-showcase-060 { width: 100%; padding-block: 34px 26px; }
.popular-showcase-060__header {
    display: flex;
    direction: rtl;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}
.popular-showcase-060__header h2 {
    margin: 0;
    color: #111827;
    font-size: 34px;
    line-height: 1.35;
    font-weight: 800;
    text-align: right;
}
.popular-showcase-060__actions {
    display: flex;
    direction: ltr;
    align-items: center;
    gap: 16px;
}
.popular-showcase-060__all {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 174px;
    min-height: 58px;
    padding-inline: 24px;
    border-radius: 999px;
    background: #01FFCD;
    color: #3B3C36;
    font-size: 16px;
    font-weight: 800;
    text-decoration: none;
}
.popular-showcase-060__controls { display: flex; gap: 10px; }
.popular-showcase-060__track {
    grid-auto-columns: calc((100% - 48px) / 4);
    gap: 16px;
    padding: 0 0 8px;
    direction: rtl;
}
.showcase-empty-060 { padding: 32px; color: #71717a; text-align: center; }

@media (max-width: 1180px) {
    .featured-showcase-060__shell { grid-template-columns: 225px minmax(0,1fr); min-height: 305px; }
    .featured-showcase-060__promo-icon { width: 98px; height: 98px; }
    .featured-showcase-060__track { grid-auto-columns: calc((100% - 16px) / 2); }
    .popular-showcase-060__track { grid-auto-columns: calc((100% - 32px) / 3); }
}

@media (max-width: 900px) {
    .featured-showcase-060__shell { grid-template-columns: 1fr; min-height: 0; }
    .featured-showcase-060__promo {
        flex-direction: row;
        justify-content: space-between;
        gap: 18px;
        padding: 16px 20px;
        border-left: 0;
        border-bottom: 1px solid rgba(17,24,39,.08);
    }
    .featured-showcase-060__promo-icon { width: 78px; height: 78px; margin: 0; }
    .featured-showcase-060__heading { margin-inline: auto; }
    .featured-showcase-060__heading span { font-size: 19px; }
    .featured-showcase-060__heading strong { font-size: 23px; }
    .featured-showcase-060__controls { margin-top: 0; }
    .popular-showcase-060__header h2 { font-size: 28px; }
    .popular-showcase-060__track { grid-auto-columns: calc((100% - 16px) / 2); }
}

@media (max-width: 640px) {
    .featured-showcase-060 { padding-block: 12px; }
    .featured-showcase-060__shell { border-radius: 22px; }
    .featured-showcase-060__promo { flex-wrap: wrap; justify-content: center; padding: 14px; }
    .featured-showcase-060__track-wrap { padding: 12px; }
    .featured-showcase-060__track,
    .popular-showcase-060__track { grid-auto-columns: 86%; gap: 12px; }
    .featured-showcase-060__fade { display: none; }
    .popular-showcase-060 { padding-block: 24px 18px; }
    .popular-showcase-060__header { align-items: flex-start; flex-direction: column; gap: 14px; }
    .popular-showcase-060__header h2 { font-size: 24px; }
    .popular-showcase-060__actions { width: 100%; justify-content: space-between; }
    .popular-showcase-060__all { min-width: 136px; min-height: 48px; padding-inline: 18px; font-size: 14px; }
    .featured-showcase-060__controls button,
    .popular-showcase-060__controls button { width: 44px; height: 44px; }
    .showcase-card-060__body h3 { font-size: 16px; }
    .showcase-card-060__meta { grid-template-columns: 1fr auto; row-gap: 8px; }
    .showcase-card-060__level { grid-column: 1 / -1; justify-content: flex-start; }
}
/* BATALAR-060-END */

/* BATALAR-061-START */
/* کنترل‌ها باید در چیدمان بصری ثابت از چپ به راست باشند: بعدی، قبلی */
.featured-showcase-060__controls,
.popular-showcase-060__controls {
    direction: ltr !important;
}

/* همه کاروسل‌های خدمات صفحه اصلی از مدل و کارت مشترک استفاده می‌کنند. */
.home-listing-showcase-061 {
    width: 100%;
}

.home-listing-showcase-061__title-wrap {
    min-width: 0;
    text-align: right;
}

.home-listing-showcase-061__subtitle {
    margin: 7px 0 0;
    color: #71717a;
    font-size: 13px;
    line-height: 1.7;
    font-weight: 400;
}

/* کاهش بسیار جزئی فونت موبایل بدون تغییر استایل کارت */
@media (max-width: 640px) {
    .popular-showcase-060__header h2,
    .home-listing-showcase-061 .popular-showcase-060__header h2 {
        font-size: 23px !important;
    }

    .showcase-card-060__body h3 {
        font-size: 15px !important;
        line-height: 1.55 !important;
    }

    .showcase-card-060__location,
    .showcase-card-060__category,
    .showcase-card-060__rating,
    .showcase-card-060__level {
        font-size: 12px !important;
    }

    .showcase-card-060__rating i {
        font-size: 19px !important;
    }

    .popular-showcase-060__all {
        font-size: 13px !important;
    }

    .home-listing-showcase-061__subtitle {
        font-size: 12px;
    }
}
/* BATALAR-061-END */

/* BATALAR-067-HOME-START */
/* Header logo: only a small proportional reduction. */
.home-top-brand-logo-053 img,
.home-top-brand-logo-052 img,
.home-top-brand-logo-051 img,
.home-top-brand-logo img,
.home-top-logo img,
.home-top-brand img {
    width: 98px !important;
    max-height: 46px !important;
    height: auto !important;
    object-fit: contain !important;
}

/* Search bar: more compact, balanced and precise. */
.exact-home-search {
    width: min(850px, calc(100% - 24px)) !important;
    min-height: 80px !important;
    margin-top: 42px !important;
    grid-template-columns: minmax(0, 1.12fr) 250px 150px !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 8px !important;
}

.exact-home-search__field {
    position: relative;
    min-height: 64px !important;
    gap: 15px !important;
    padding-inline: 20px !important;
}

/* The divider belongs only between the query and city fields. */
.exact-home-search__city {
    border-inline-end: 0 !important;
    border-inline-start: 0 !important;
}

.exact-home-search__city::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 50%;
    width: 1px;
    height: 30px;
    border-radius: 999px;
    background: #E8E8E8;
    transform: translateY(-50%);
}

.exact-home-search__main-icon {
    font-size: 38px !important;
    font-weight: 300 !important;
}

.exact-home-search__label {
    font-size: 12px !important;
    font-weight: 500 !important;
}

.exact-home-search input,
.exact-home-search select {
    font-size: 13px !important;
    font-weight: 400 !important;
}

.exact-home-search__submit,
.home-search-button {
    width: 100% !important;
    min-height: 64px !important;
    height: 64px !important;
    margin: 0 !important;
    align-self: center !important;
    border: 0 !important;
    background: #01FFCD !important;
    color: #26312d !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

/* More air between homepage sections. */
.featured-showcase-060,
.popular-showcase-060,
.home-listing-showcase-061 {
    margin-block: clamp(66px, 7vw, 102px) !important;
}

/* Smaller section titles: first part light, second part normal. */
.popular-showcase-060__header h2,
.home-listing-showcase-061__title-wrap h2 {
    margin: 0 !important;
    font-size: clamp(24px, 2.25vw, 34px) !important;
    line-height: 1.45 !important;
    letter-spacing: -0.02em !important;
    font-weight: 400 !important;
}

.popular-showcase-067__light {
    font-weight: 300 !important;
}

.popular-showcase-067__normal {
    font-weight: 500 !important;
}

.featured-showcase-060__heading {
    font-size: clamp(22px, 2vw, 30px) !important;
    line-height: 1.5 !important;
}

.featured-showcase-060__heading > span {
    font-weight: 300 !important;
}

.featured-showcase-060__heading > strong {
    font-weight: 500 !important;
}

@media (max-width: 900px) {
    .home-top-brand-logo-053 img,
    .home-top-brand-logo-052 img,
    .home-top-brand-logo-051 img,
    .home-top-brand-logo img,
    .home-top-logo img,
    .home-top-brand img {
        width: 82px !important;
        max-height: 40px !important;
    }

    .exact-home-search {
        width: min(680px, calc(100% - 24px)) !important;
        grid-template-columns: 1fr !important;
        min-height: unset !important;
        padding: 8px !important;
        border-radius: 28px !important;
    }

    .exact-home-search__field {
        min-height: 58px !important;
        padding-inline: 18px !important;
    }

    .exact-home-search__city::before {
        inset-inline: 18px;
        inset-block-start: 0;
        width: auto;
        height: 1px;
        transform: none;
    }

    .exact-home-search__submit,
    .home-search-button {
        min-height: 54px !important;
        height: 54px !important;
        margin-top: 6px !important;
    }
}

@media (max-width: 640px) {
    .home-top-brand-logo-053 img,
    .home-top-brand-logo-052 img,
    .home-top-brand-logo-051 img,
    .home-top-brand-logo img,
    .home-top-logo img,
    .home-top-brand img {
        width: 72px !important;
        max-height: 36px !important;
    }

    .featured-showcase-060,
    .popular-showcase-060,
    .home-listing-showcase-061 {
        margin-block: 54px !important;
    }

    .popular-showcase-060__header h2,
    .home-listing-showcase-061__title-wrap h2 {
        font-size: 22px !important;
    }

    .featured-showcase-060__heading {
        font-size: 21px !important;
    }
}
/* BATALAR-067-HOME-END */


/* ===== SOURCE: static/css/exact_brand_025.css ===== */
/* Batalar exact brand contract 025
   Primary means exactly #01FFCD. No lighter/darker brand variants.
   Every foreground placed directly on a primary surface is white. */

:root,
.batalar-admin-ui {
  --bt-primary: #01FFCD !important;
  --bt-primary-strong: #01FFCD !important;
  --bt-primary-soft: #01FFCD !important;
  --b-brand: #01FFCD !important;
  --b-brand-strong: #01FFCD !important;
  --b-brand-deep: #01FFCD !important;
  --b-brand-soft: #01FFCD !important;
  --b-brand-wash: #01FFCD !important;
}

::selection,
.batalar-admin-ui ::selection {
  background: #01FFCD !important;
  color: #FFFFFF !important;
}

:focus-visible,
.batalar-admin-ui :focus-visible {
  outline-color: #01FFCD !important;
}

/* Public primary surfaces */
.public-brand__mark,
.public-header__cta,
.btn-primary,
.hero-search__submit,
.quick-category__icon,
.badge-pill,
.public-nav__link.is-active,
.public-nav__link:hover,
.simple-menu-list a:hover,
.filter-chip.is-active,
.filter-chip[aria-pressed="true"],
.brand-surface,
[data-brand-surface="true"] {
  background: #01FFCD !important;
  background-image: none !important;
  border-color: #01FFCD !important;
  color: #FFFFFF !important;
  text-shadow: none !important;
}

.public-header__cta *,
.btn-primary *,
.hero-search__submit *,
.quick-category__icon *,
.badge-pill *,
.public-nav__link.is-active *,
.public-nav__link:hover *,
.simple-menu-list a:hover *,
.filter-chip.is-active *,
.filter-chip[aria-pressed="true"] *,
.brand-surface *,
[data-brand-surface="true"] * {
  color: #FFFFFF !important;
  fill: currentColor !important;
}

.public-brand__mark,
.public-header__cta,
.btn-primary,
.hero-search__submit,
.badge-pill {
  box-shadow: 0 16px 34px rgba(7, 27, 26, 0.14) !important;
}

.public-brand__mark {
  background: #01FFCD !important;
}

.hero-home::before {
  background: none !important;
}

.quick-category__icon {
  background: #01FFCD !important;
  color: #FFFFFF !important;
}

.public-header,
.hero-search,
.listing-card,
.filter-card,
.surface-card {
  border-color: #01FFCD !important;
}

/* Admin primary surfaces */
.batalar-admin-ui .panel-brand-symbol,
.batalar-admin-ui .panel-admin-status,
.batalar-admin-ui .panel-nav-item.is-active,
.batalar-admin-ui .panel-sidebar-avatar,
.batalar-admin-ui .panel-account-avatar,
.batalar-admin-ui .action-primary,
.batalar-admin-ui .admin-hero-primary,
.batalar-admin-ui .admin-create-trigger i,
.batalar-admin-ui .admin-kpi-mint .admin-kpi-icon,
.batalar-admin-ui .icon-source-tab.is-active,
.batalar-admin-ui .icon-gallery button.is-selected,
.batalar-admin-ui .media-section-title > span,
.batalar-admin-ui .media-dropzone-icon,
.batalar-admin-ui .media-progress > span,
.batalar-admin-ui .status-success,
.batalar-admin-ui .brand-surface,
.batalar-admin-ui [data-brand-surface="true"] {
  background: #01FFCD !important;
  background-image: none !important;
  border-color: #01FFCD !important;
  color: #FFFFFF !important;
  text-shadow: none !important;
}

.batalar-admin-ui .panel-brand-symbol > *,
.batalar-admin-ui .panel-admin-status > *,
.batalar-admin-ui .action-primary > *,
.batalar-admin-ui .admin-hero-primary > *,
.batalar-admin-ui .admin-create-trigger i > *,
.batalar-admin-ui .admin-kpi-mint .admin-kpi-icon > *,
.batalar-admin-ui .icon-source-tab.is-active > *,
.batalar-admin-ui .icon-gallery button.is-selected > *,
.batalar-admin-ui .media-section-title > span > *,
.batalar-admin-ui .media-dropzone-icon > *,
.batalar-admin-ui .status-success > *,
.batalar-admin-ui .brand-surface > *,
.batalar-admin-ui [data-brand-surface="true"] > * {
  color: #FFFFFF !important;
  fill: currentColor !important;
}

/* Active sidebar: the white icon chip is not a primary surface. */
.batalar-admin-ui .panel-nav-item.is-active {
  color: #FFFFFF !important;
  box-shadow: 0 12px 26px rgba(7, 27, 26, 0.14) !important;
}

.batalar-admin-ui .panel-nav-item.is-active .panel-nav-label,
.batalar-admin-ui .panel-nav-item.is-active .panel-nav-arrow {
  color: #FFFFFF !important;
}

.batalar-admin-ui .panel-nav-item.is-active .panel-nav-icon,
.batalar-admin-ui .panel-nav-item.is-active .panel-nav-badge {
  background: #FFFFFF !important;
  color: #01FFCD !important;
  border-color: #FFFFFF !important;
}

.batalar-admin-ui .panel-admin-status b,
.batalar-admin-ui .panel-admin-status small {
  color: #FFFFFF !important;
}

.batalar-admin-ui .panel-admin-status-icon {
  background: #FFFFFF !important;
  color: #01FFCD !important;
}

.batalar-admin-ui .panel-sidebar-avatar,
.batalar-admin-ui .panel-account-avatar,
.batalar-admin-ui .action-primary,
.batalar-admin-ui .admin-hero-primary {
  box-shadow: 0 12px 28px rgba(7, 27, 26, 0.14) !important;
}

.batalar-admin-ui .action-primary:hover,
.batalar-admin-ui .admin-hero-primary:hover,
.public-header__cta:hover,
.btn-primary:hover,
.hero-search__submit:hover {
  background: #01FFCD !important;
  background-image: none !important;
  color: #FFFFFF !important;
}

.batalar-admin-ui input[type="checkbox"],
.batalar-admin-ui input[type="radio"] {
  accent-color: #01FFCD !important;
}

/* Utility hooks used by Tailwind-like templates. */
.bg-\[\#01FFCD\],
.hover\:bg-\[\#01FFCD\]:hover,
.focus\:bg-\[\#01FFCD\]:focus {
  background-color: #01FFCD !important;
  color: #FFFFFF !important;
}

.bg-\[\#01FFCD\] *,
.hover\:bg-\[\#01FFCD\]:hover *,
.focus\:bg-\[\#01FFCD\]:focus * {
  color: #FFFFFF !important;
}


/* ===== SOURCE: static/css/public_responsive_048.css ===== */
/* Batalar public responsive and shared-card layer 048 */
:root {
  --public-max: 1240px;
  --public-gutter: clamp(16px, 3vw, 40px);
  --public-line: rgba(15, 23, 42, .09);
  --public-radius: 24px;
}

html { overflow-x: clip; }
body { min-width: 320px; }
img, svg, video { max-width: 100%; }

.public-listing-card-048 {
  min-width: 0;
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--public-line);
  border-radius: 22px;
  background: #fff;
}
.public-listing-card-048__link {
  display: flex;
  height: 100%;
  flex-direction: column;
  color: inherit;
  text-decoration: none;
}
.public-listing-card-048__media {
  position: relative;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: #f7f7f7;
}
.public-listing-card-048__media img {
  width: 100%; height: 100%; display: block; object-fit: cover;
  transition: transform .35s ease;
}
.public-listing-card-048:hover .public-listing-card-048__media img { transform: scale(1.035); }
.public-listing-card-048__placeholder { height: 100%; display: grid; place-items: center; font-size: 2rem; color: #aaa; }
.public-listing-card-048__location,
.public-listing-card-048__special {
  position: absolute; top: 12px; display: inline-flex; align-items: center; gap: 5px;
  border-radius: 999px; background: rgba(255,255,255,.94); padding: 7px 11px;
  color: #222; font-size: 12px; font-weight: 800;
}
.public-listing-card-048__location { right: 12px; }
.public-listing-card-048__special { left: 12px; color: #00CC99; }
.public-listing-card-048__body { padding: 15px 16px 16px; }
.public-listing-card-048__body h3 { margin: 0; color: #171717; font-size: 1rem; line-height: 1.8; font-weight: 900; }
.public-listing-card-048__meta { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 8px; font-size: 12px; }
.public-listing-card-048__category { color: #00CC99; font-weight: 800; }
.public-listing-card-048__rating { display: inline-flex; align-items: center; gap: 4px; color: #52525b; font-weight: 800; }
.public-listing-card-048__rating i { color: #f6a800; }

.public-featured-strip-048 { padding-block: clamp(28px, 5vw, 64px); }
.public-featured-strip-048__shell {
  display: grid; grid-template-columns: minmax(0,1fr) 292px; direction: ltr;
  max-width: var(--public-max); margin-inline: auto; overflow: hidden;
  border: 1px solid var(--public-line); border-radius: 30px; background: #fff;
}
.public-featured-strip-048__track-area { min-width: 0; padding: 20px; display: flex; align-items: center; direction: rtl; }
.public-featured-strip-048__track {
  display: grid; width: 100%; grid-auto-flow: column;
  grid-auto-columns: calc((100% - 32px) / 3); gap: 16px;
  overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth;
}
.public-featured-strip-048__track > * { scroll-snap-align: start; }
.public-featured-strip-048__promo {
  direction: rtl; display: flex; min-height: 100%; flex-direction: column;
  justify-content: center; align-items: center; padding: 28px 20px;
  border-left: 1px solid var(--public-line); text-align: center;
}
.public-featured-strip-048__promo img { width: 136px; height: 136px; object-fit: contain; }
.public-featured-strip-048__promo > span { margin-top: 16px; color: #00CC99; font-size: 13px; font-weight: 900; }
.public-featured-strip-048__promo h2 { margin: 8px 0 0; font-size: 1.55rem; line-height: 1.7; font-weight: 950; }
.public-featured-strip-048__controls { display: flex; gap: 10px; margin-top: 22px; }
.public-featured-strip-048__controls button {
  width: 46px; height: 46px; display: grid; place-items: center; border-radius: 999px;
  border: 1px solid var(--public-line); background: #f8f8f8;
}
.public-featured-strip-048__promo > a { margin-top: 18px; display: inline-flex; align-items: center; gap: 6px; color: #171717; font-size: 13px; font-weight: 900; text-decoration: none; }
.public-featured-strip-048__empty { min-height: 220px; display: grid; place-items: center; color: #777; }

/* Shared responsive grids */
.listing-grid, .business-similar-grid-044, [data-public-grid="listings"] {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 24px);
}
.blog-grid, [data-public-grid="blog"] {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(14px, 2vw, 24px);
}

/* Business detail responsive corrections */
.business-container-044 { width: min(var(--public-max), calc(100% - (2 * var(--public-gutter)))) !important; }
.business-gallery-044 img { width: 100%; height: 100%; object-fit: cover; }
.business-detail-layout-044, .business-main-layout-044 { min-width: 0; }
.business-tabs-044 { overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
.business-tabs-044::-webkit-scrollbar { display: none; }
.business-review-form-044 input,
.business-review-form-044 textarea,
.business-inquiry-card-044 input,
.business-inquiry-card-044 textarea { max-width: 100%; }

/* Forms and filters */
.public-filter-layout, .filter-shell { min-width: 0; }
.public-filter-sidebar, .filter-card { max-width: 100%; }
input, select, textarea, button { font: inherit; }

@media (max-width: 1180px) {
  .listing-grid, .business-similar-grid-044, [data-public-grid="listings"] { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .public-featured-strip-048__track { grid-auto-columns: calc((100% - 16px) / 2); }
}

@media (max-width: 960px) {
  .public-featured-strip-048__shell { grid-template-columns: 1fr; direction: rtl; }
  .public-featured-strip-048__promo { grid-row: 1; border-left: 0; border-bottom: 1px solid var(--public-line); min-height: auto; }
  .public-featured-strip-048__track-area { grid-row: 2; }
  .blog-grid, [data-public-grid="blog"] { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .business-detail-layout-044, .business-main-layout-044 { grid-template-columns: 1fr !important; }
  .business-inquiry-card-044 { position: static !important; width: 100% !important; }
}

@media (max-width: 720px) {
  :root { --public-gutter: 14px; }
  .listing-grid, .business-similar-grid-044, [data-public-grid="listings"] { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
  .public-featured-strip-048 { padding-block: 28px; }
  .public-featured-strip-048__shell { border-radius: 22px; }
  .public-featured-strip-048__track-area { padding: 12px; }
  .public-featured-strip-048__track { grid-auto-columns: 82%; gap: 12px; }
  .public-featured-strip-048__promo img { width: 112px; height: 112px; }
  .business-gallery-044 { grid-template-columns: 1fr !important; }
  .business-gallery-044 > * { min-height: 220px; }
  .business-summary-grid-044, .business-features-grid-044 { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}

@media (max-width: 480px) {
  .listing-grid, .business-similar-grid-044, [data-public-grid="listings"],
  .blog-grid, [data-public-grid="blog"] { grid-template-columns: 1fr; }
  .public-featured-strip-048__track { grid-auto-columns: 90%; }
  .public-listing-card-048__body { padding: 13px; }
  .business-summary-grid-044, .business-features-grid-044 { grid-template-columns: 1fr !important; }
}


/* ===== SOURCE: static/css/batalar_global_067.css ===== */
/* BATALAR 067 — IranYekanBakh global typography and brand controls */
@font-face {
    font-family: "IranYekanBakh";
    src: url("../fonts/YekanBakh-VF.ttf") format("truetype-variations");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

:root {
    --batalar-primary: #01FFCD;
    --batalar-primary-text: #26312d;
    --batalar-font: "IranYekanBakh", Tahoma, Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea,
option {
    font-family: var(--batalar-font) !important;
}

html,
body {
    font-weight: 400;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
}

body,
p,
li,
dd,
dt,
label,
input,
select,
textarea {
    font-weight: 400;
}

small,
.text-light,
.font-light {
    font-weight: 300 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--batalar-font) !important;
    font-weight: 500;
}

strong,
b {
    font-weight: 600;
}

/* Primary actions use the exact project color. Icon-only and carousel controls stay neutral. */
button[type="submit"],
input[type="submit"],
a.btn-primary,
a.button-primary,
a[class*="cta-button"],
a[class*="__button"]:not(.carousel-button):not([class*="control"]),
.home-search-button,
.home-top-add-service,
.footer-cta a,
.footer-cta button {
    border-color: var(--batalar-primary) !important;
    background: var(--batalar-primary) !important;
    color: var(--batalar-primary-text) !important;
}

button[type="submit"] *,
input[type="submit"] *,
a.btn-primary *,
a.button-primary *,
a[class*="cta-button"] *,
a[class*="__button"]:not(.carousel-button):not([class*="control"]) *,
.home-search-button * {
    color: inherit !important;
}

.footer-cta {
    border-color: var(--batalar-primary) !important;
    background: var(--batalar-primary) !important;
    color: var(--batalar-primary-text) !important;
}

.footer-cta * {
    color: var(--batalar-primary-text) !important;
}

/* Public footer gets breathing room from every edge. */
.batalar-footer-067,
footer.site-footer,
footer.public-footer,
footer[class*="public-footer"],
footer[class*="site-footer"] {
    width: auto !important;
    margin: clamp(18px, 2.6vw, 42px) !important;
    border-radius: clamp(24px, 2.5vw, 40px) !important;
    overflow: hidden;
}

@media (max-width: 640px) {
    .batalar-footer-067,
    footer.site-footer,
    footer.public-footer,
    footer[class*="public-footer"],
    footer[class*="site-footer"] {
        margin: 14px !important;
        border-radius: 24px !important;
    }
}

/* BATALAR-068-START */
/* Global light Yekan Bakh typography */
/* BATALAR-021-GLOBAL-WEIGHT-OVERRIDE-REMOVED */

input::placeholder,
textarea::placeholder {
    font-weight: 300 !important;
    font-variation-settings: "wght" 300 !important;
}

/* Keep icon glyphs independent from text weight. */
.ph,
.ph-fill,
[class^="ph-"],
[class*=" ph-"] {
    font-variation-settings: normal !important;
}

/* Public footer exact requested background. */
footer,
.batalar-footer-063,
.batalar-footer-067,
footer.site-footer,
footer.public-footer,
footer[class*="footer"] {
    background-color: #3C3C3B !important;
    background-image: none !important;
}

/* Preserve the brand CTA color defined in stage 067. */
.footer-cta,
.footer-cta a,
.footer-cta button {
    background: #01FFCD !important;
}
/* BATALAR-068-END */


/* ===== SOURCE: static/css/frontend_stack_069.css ===== */
/* BATALAR 069 — shared Tailwind/HTMX/Alpine/SweetAlert foundation */
[x-cloak] { display: none !important; }

.batalar-htmx-indicator-069 {
    position: fixed;
    z-index: 99999;
    inset-inline: 0;
    inset-block-start: 0;
    height: 3px;
    pointer-events: none;
    opacity: 0;
    background: rgba(16, 255, 205, 0.14);
    transition: opacity 160ms ease;
}

.batalar-htmx-indicator-069.htmx-request,
.htmx-request .batalar-htmx-indicator-069,
body.batalar-request-pending-069 .batalar-htmx-indicator-069 {
    opacity: 1;
}

.batalar-htmx-indicator-069__spinner {
    display: block;
    width: 34%;
    height: 100%;
    border-radius: 999px;
    background: #01FFCD;
    box-shadow: 0 0 18px rgba(16, 255, 205, 0.55);
    animation: batalarHtmxProgress069 1.05s ease-in-out infinite;
}

@keyframes batalarHtmxProgress069 {
    0% { transform: translateX(210%); }
    50% { transform: translateX(75%); }
    100% { transform: translateX(-310%); }
}

.htmx-request button[type="submit"],
.htmx-request input[type="submit"],
button[aria-busy="true"] {
    cursor: wait !important;
    opacity: 0.72;
}

.htmx-swapping { opacity: 0; transition: opacity 140ms ease-out; }
.htmx-added { animation: batalarHtmxReveal069 180ms ease-out; }

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

.swal2-container { font-family: "Yekan Bakh VF", "Yekan Bakh", sans-serif !important; }
.swal2-popup {
    border-radius: 24px !important;
    padding: 1.6rem !important;
    direction: rtl !important;
}
.swal2-title { font-size: 1.12rem !important; font-weight: 700 !important; }
.swal2-html-container {
    font-size: 0.8rem !important;
    font-weight: 500 !important;
    line-height: 1.9 !important;
}
.swal2-confirm {
    border-radius: 999px !important;
    background: #01FFCD !important;
    color: #252925 !important;
    box-shadow: none !important;
    font-weight: 700 !important;
}
.swal2-cancel {
    border-radius: 999px !important;
    background: #f2f3f3 !important;
    color: #3C3C3B !important;
    font-weight: 600 !important;
}
.swal2-timer-progress-bar { background: #01FFCD !important; }

.batalar-ui-focus-069:focus-visible,
[data-ui-stack="069"] :focus-visible {
    outline: 2px solid #01FFCD;
    outline-offset: 3px;
}

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


/* ===== SOURCE: static/css/home_refresh_070.css ===== */
/* BATALAR 070 — home hero, sections and footer CTA */
:root {
    --batalar-primary: #01FFCD;
    --batalar-primary-soft: #EBFBF7;
    --batalar-primary-text: #00CC99;
    --batalar-ink: #242726;
}

/* Hero background replaces the old fading diamond. */
.exact-home-hero {
    position: relative;
    overflow: hidden;
}

.exact-home-hero__diamond {
    display: none !important;
}

.exact-home-hero__content {
    position: relative;
    isolation: isolate;
}

.exact-home-hero__content::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset-block-start: -42px;
    inset-inline-start: 50%;
    width: min(880px, calc(100% - 24px));
    height: 560px;
    transform: translateX(-50%);
    background-image: url("../images/hero-bg.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    pointer-events: none;
}

/* Header refinements. */
.home-top-header img[src*="batalar-logo"],
.home-top-brand-logo-051 img,
.home-top-brand-logo-052 img,
.home-top-brand-logo-053 img {
    width: 86px !important;
    max-height: 42px !important;
    height: auto !important;
}

.home-top-menu__trigger {
    min-height: 46px !important;
    padding: 8px 14px !important;
    gap: 8px !important;
}

.home-top-menu__trigger i {
    font-size: 20px !important;
}

.home-service-button,
.home-top-add-service {
    min-height: 46px !important;
    padding: 9px 14px !important;
    gap: 8px !important;
    border: 0 !important;
    background: #EBFBF7 !important;
    color: #00CC99 !important;
    box-shadow: none !important;
}

.home-service-button *,
.home-top-add-service * {
    color: #00CC99 !important;
}

/* Fixed hero typography. */
.exact-home-hero__title,
.exact-home-title-fixed,
.exact-home-title-rotator,
.exact-home-title-rotator__item {
    font-size: 44px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
}

.exact-home-hero__subtitle {
    margin-top: 12px !important;
    font-size: 34px !important;
    line-height: 1.55 !important;
    font-weight: 300 !important;
}

/* Compact search with a proportional CTA. */
.exact-home-search {
    width: min(880px, calc(100% - 24px)) !important;
    min-height: 82px !important;
    margin-top: 40px !important;
    grid-template-columns: minmax(0, 1.12fr) 238px 142px !important;
    padding: 8px !important;
}

.exact-home-search__field {
    min-height: 64px !important;
    padding-inline: 18px !important;
    gap: 14px !important;
}

.exact-home-search__city {
    position: relative;
    border-inline: 0 !important;
}

.exact-home-search__city::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 50%;
    width: 1px;
    height: 26px;
    border-radius: 999px;
    transform: translateY(-50%);
    background: #E9E9E9;
}

.exact-home-search__main-icon {
    font-size: 38px !important;
    font-weight: 300 !important;
}

.exact-home-search__submit,
.home-search-button {
    min-height: 56px !important;
    margin: 5px !important;
    padding: 6px 12px !important;
    border: 0 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

/* Stats: icon on the RTL right side, number bold, visible plus. */
.exact-home-stats {
    margin-top: 27px !important;
    gap: 24px !important;
    font-size: 13px !important;
    font-weight: 300 !important;
}

.exact-home-stat-070 {
    display: inline-flex;
    direction: rtl;
    align-items: center;
    justify-content: center;
    gap: 8px;
    white-space: nowrap;
}

.exact-home-stat-070 > i {
    order: -1;
    color: #2F3331;
    font-size: 22px;
}

.exact-home-stat-070__value {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-weight: 800;
}

.exact-home-stat-070__plus {
    color: #F5A400;
    font-size: 17px;
    font-weight: 800;
}

/* Category shortcuts. */
.exact-home-categories {
    width: min(880px, 100%) !important;
    margin-top: 58px !important;
}

.exact-home-category {
    gap: 12px !important;
}

.exact-home-category__icon {
    width: 66px !important;
    height: 66px !important;
    padding: 8px !important;
}

.exact-home-category__icon img,
.exact-home-category__icon svg,
.exact-home-category__icon i {
    width: 34px !important;
    height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
    font-size: 34px !important;
}

.exact-home-category strong {
    font-size: 13px !important;
    font-weight: 500 !important;
}

/* New ordered homepage sections. */
.home-sections-070 {
    display: flex;
    flex-direction: column;
    gap: clamp(42px, 5vw, 76px);
    padding-block: clamp(34px, 4vw, 62px);
}

.home-carousel-070 {
    width: 100%;
}

.home-carousel-070__header,
.home-ads-070__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

.home-carousel-070__title,
.home-ads-070__title {
    margin: 0;
    color: #242726;
    font-size: clamp(24px, 2.2vw, 32px);
    line-height: 1.35;
}

.home-carousel-070__title-light,
.home-ads-070__title-light {
    font-weight: 300;
}

.home-carousel-070__title-strong,
.home-ads-070__title-strong {
    font-weight: 500;
}

.home-carousel-070__actions {
    display: flex;
    direction: ltr;
    align-items: center;
    gap: 10px;
}

.home-carousel-070__all {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding-inline: 20px;
    border-radius: 999px;
    background: #01FFCD;
    color: #27302d;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}

.home-carousel-070__controls {
    display: inline-flex;
    gap: 8px;
}

.home-carousel-070__controls button {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 1px solid #ECECEC;
    border-radius: 999px;
    background: #F7F7F7;
    color: #252827;
    cursor: pointer;
}

.home-carousel-070__track {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 48px) / 4);
    gap: 16px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    padding: 2px 0 10px;
}

.home-carousel-070__track > * {
    min-width: 0;
    scroll-snap-align: start;
}

.home-carousel-070__track::-webkit-scrollbar {
    height: 5px;
}

.home-carousel-070__track::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #D2DBD8;
}

.home-carousel-070__empty {
    grid-column: 1 / -1;
    min-height: 180px;
    display: grid;
    place-items: center;
    border: 1px dashed #DADADA;
    border-radius: 22px;
    color: #777;
}

/* Advertisements. */
.home-ads-070__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.home-ad-card-070 {
    position: relative;
    min-height: 210px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    padding: 28px;
    border-radius: 28px;
    color: #fff;
    text-decoration: none;
    background: linear-gradient(115deg, #194b42, #22312e);
}

.home-ad-card-070 img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-ad-card-070::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(10, 22, 19, .88), rgba(10, 22, 19, .08) 70%);
}

.home-ad-card-070__content {
    position: relative;
    z-index: 1;
}

.home-ad-card-070__content h3 {
    margin: 0 0 7px;
    font-size: 23px;
    font-weight: 600;
}

.home-ad-card-070__content p {
    margin: 0;
    color: rgba(255,255,255,.82);
    font-size: 13px;
    font-weight: 300;
}

/* CTA is visually and structurally outside the footer. */
footer .footer-cta {
    display: none !important;
}

.footer-cta-070 {
    width: min(1320px, calc(100% - 48px));
    margin: 52px auto 22px;
    padding: 30px 34px;
    display: flex;
    direction: rtl;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    border-radius: 30px;
    background: #01FFCD;
    color: #25312d;
    box-shadow: 0 20px 50px rgba(16, 255, 205, .17);
}

.footer-cta-070__content h2 {
    margin: 0 0 8px;
    font-size: clamp(24px, 2.3vw, 34px);
    font-weight: 600;
}

.footer-cta-070__content p {
    margin: 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.9;
}

.footer-cta-070__button {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding-inline: 24px;
    border-radius: 999px;
    background: #3C3C3B;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

@media (max-width: 1100px) {
    .home-carousel-070__track {
        grid-auto-columns: calc((100% - 32px) / 3);
    }
}

@media (max-width: 900px) {
    .exact-home-hero__content::before {
        width: min(680px, calc(100% - 24px));
        height: 500px;
        inset-block-start: -20px;
    }

    .exact-home-search {
        width: min(680px, calc(100% - 24px)) !important;
        grid-template-columns: 1fr !important;
    }

    .exact-home-search__city::before {
        display: none;
    }

    .exact-home-search__submit,
    .home-search-button {
        margin-top: 8px !important;
    }

    .home-carousel-070__track {
        grid-auto-columns: calc((100% - 16px) / 2);
    }
}

@media (max-width: 640px) {
    .exact-home-hero__content::before {
        width: calc(100% - 20px);
        height: 390px;
        inset-block-start: 0;
    }

    .exact-home-hero__title,
    .exact-home-title-fixed,
    .exact-home-title-rotator,
    .exact-home-title-rotator__item {
        font-size: 34px !important;
    }

    .exact-home-hero__subtitle {
        font-size: 23px !important;
    }

    .exact-home-stats {
        gap: 12px !important;
    }

    .exact-home-stat-070 {
        font-size: 11px;
    }

    .exact-home-stat-070 > i {
        font-size: 19px;
    }

    .home-carousel-070__header,
    .home-ads-070__header {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .home-carousel-070__title,
    .home-ads-070__title {
        font-size: 23px;
    }

    .home-carousel-070__actions {
        width: 100%;
        justify-content: space-between;
    }

    .home-carousel-070__track {
        grid-auto-columns: 86%;
        gap: 12px;
    }

    .home-ads-070__grid {
        grid-template-columns: 1fr;
    }

    .home-ad-card-070 {
        min-height: 180px;
        padding: 22px;
    }

    .footer-cta-070 {
        width: calc(100% - 28px);
        margin-top: 36px;
        padding: 24px 20px;
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }

    .footer-cta-070__button {
        width: 100%;
    }
}

/* BATALAR-028-PUBLIC-FOOTER-BRANDING-START */

/* Footer typography: larger, but limited to the dark public footer. */
.public-footer .footer-grid h3 {
    font-size: 1rem !important;
    line-height: 1.6 !important;
}

.public-footer .footer-grid section:not(:first-child) a {
    font-size: .92rem !important;
    line-height: 1.8 !important;
}

.public-footer .footer-grid section:first-child > p {
    font-size: .96rem !important;
    line-height: 2 !important;
}

.public-footer .footer-bottom {
    font-size: .8rem !important;
    line-height: 1.8 !important;
}

/* CTA text uses BLACK OLIVE. */
.footer-cta-070__button {
    color: var(--btl-ink, #25312d) !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
}

/* White SVG wordmark + one standalone primary-colored heart. */
.public-footer .footer-brand-lockup-028 {
    display: inline-flex !important;
    align-items: center !important;
    gap: .85rem !important;
    color: #fff !important;
}

.public-footer .footer-brand-heart-028 {
    display: inline-flex !important;
    width: auto !important;
    height: auto !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--btl-primary, #01FFCD) !important;
    font-size: 2rem !important;
    line-height: 1 !important;
    transform: none !important;
}

.public-footer .footer-brand-copy-028 {
    display: grid !important;
    align-items: start !important;
    gap: .2rem !important;
}

.public-footer .footer-brand-logo-028 {
    display: block !important;
    width: auto !important;
    height: 2.15rem !important;
    max-width: 8rem !important;
    object-fit: contain !important;
}

.public-footer .footer-brand-copy-028 small {
    margin: 0 !important;
    color: rgba(255, 255, 255, .62) !important;
    font-size: .72rem !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
}

@media (max-width: 760px) {
    .public-footer .footer-grid h3 {
        font-size: .96rem !important;
    }

    .public-footer .footer-grid section:not(:first-child) a,
    .public-footer .footer-grid section:first-child > p {
        font-size: .88rem !important;
    }

    .public-footer .footer-brand-logo-028 {
        height: 1.95rem !important;
    }

    .public-footer .footer-brand-heart-028 {
        font-size: 1.8rem !important;
    }
}

/* BATALAR-028-PUBLIC-FOOTER-BRANDING-END */

/* BATALAR-030-ABOUT-FRAME-CTA-COLORS-START */

/* Remove every visual layer around the homepage about image. */
#about [data-home-about-media-030] {
    display: block !important;
    position: relative !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
}

#about [data-home-about-media-030]::before,
#about [data-home-about-media-030]::after {
    content: none !important;
    display: none !important;
    background: none !important;
    box-shadow: none !important;
    filter: none !important;
}

#about [data-home-about-media-030] > img {
    display: block !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none !important;
}

/* Keep both public CTA labels in BLACK OLIVE, regardless of later rules. */
html body #about a.home-about-search-cta-030,
html body #about a.home-about-search-cta-030:link,
html body #about a.home-about-search-cta-030:visited,
html body #about a.home-about-search-cta-030:hover,
html body #about a.home-about-search-cta-030:focus-visible {
    color: #25312d !important;
    -webkit-text-fill-color: #25312d !important;
    opacity: 1 !important;
    font-weight: 800 !important;
}

html body .footer-cta-070 a.footer-cta-070__button,
html body .footer-cta-070 a.footer-cta-070__button:link,
html body .footer-cta-070 a.footer-cta-070__button:visited,
html body .footer-cta-070 a.footer-cta-070__button:hover,
html body .footer-cta-070 a.footer-cta-070__button:focus-visible {
    color: #25312d !important;
    -webkit-text-fill-color: #25312d !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-weight: 800 !important;
    text-shadow: none !important;
}

html body .footer-cta-070 a.footer-cta-070__button *,
html body #about a.home-about-search-cta-030 * {
    color: currentColor !important;
    -webkit-text-fill-color: currentColor !important;
    opacity: 1 !important;
}

/* BATALAR-030-ABOUT-FRAME-CTA-COLORS-END */

/* BATALAR-031-CATALOG-RANGE-CARDS-START */

.catalog-dual-range-031 {
    position: relative;
    height: 2rem;
    direction: ltr;
}

.catalog-range-input-031 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 2rem;
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    pointer-events: none;
    outline: none;
}

.catalog-range-input-031::-webkit-slider-runnable-track {
    width: 100%;
    height: .375rem;
    border: 0;
    border-radius: 999px;
    background: #e4e4e7;
}

.catalog-range-input-031[data-range-role="max"]::-webkit-slider-runnable-track {
    background: transparent;
}

.catalog-range-input-031::-moz-range-track {
    width: 100%;
    height: .375rem;
    border: 0;
    border-radius: 999px;
    background: #e4e4e7;
}

.catalog-range-input-031[data-range-role="max"]::-moz-range-track {
    background: transparent;
}

.catalog-range-input-031::-webkit-slider-thumb {
    width: 1.125rem;
    height: 1.125rem;
    margin-top: -.375rem;
    appearance: none;
    -webkit-appearance: none;
    border: .1875rem solid #fff;
    border-radius: 999px;
    background: var(--btl-primary, #01FFCD);
    box-shadow: 0 0 0 1px rgba(37, 49, 45, .18), 0 4px 12px rgba(16, 255, 205, .22);
    cursor: grab;
    pointer-events: auto;
}

.catalog-range-input-031::-moz-range-thumb {
    width: .875rem;
    height: .875rem;
    border: .1875rem solid #fff;
    border-radius: 999px;
    background: var(--btl-primary, #01FFCD);
    box-shadow: 0 0 0 1px rgba(37, 49, 45, .18), 0 4px 12px rgba(16, 255, 205, .22);
    cursor: grab;
    pointer-events: auto;
}

.catalog-range-input-031:active::-webkit-slider-thumb {
    cursor: grabbing;
    box-shadow: 0 0 0 .3rem rgba(16, 255, 205, .16);
}

.catalog-range-input-031:focus-visible::-webkit-slider-thumb,
.catalog-range-input-031:focus-visible::-moz-range-thumb {
    outline: .125rem solid #25312d;
    outline-offset: .125rem;
}

/* BATALAR-031-CATALOG-RANGE-CARDS-END */

/* BATALAR-032-RTL-SLIDER-SEARCH-BUTTON-START */

/* Reverse numeric sliders for the RTL catalog sidebar. */
.catalog-dual-range-031,
.catalog-dual-range-031 .catalog-range-input-031 {
    direction: rtl !important;
}

/* Primary green button with BLACK OLIVE text and lighter label weight. */
html body button[data-catalog-search-submit].catalog-search-submit-032,
html body button[data-catalog-search-submit].catalog-search-submit-032:focus-visible {
    background: var(--btl-primary, #01FFCD) !important;
    background-color: var(--btl-primary, #01FFCD) !important;
    color: #25312d !important;
    -webkit-text-fill-color: #25312d !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    opacity: 1 !important;
    box-shadow: none !important;
}

html body button[data-catalog-search-submit].catalog-search-submit-032:hover {
    background: #00e8b9 !important;
    background-color: #00e8b9 !important;
}

html body button[data-catalog-search-submit].catalog-search-submit-032 > i {
    color: currentColor !important;
    -webkit-text-fill-color: currentColor !important;
    font-weight: 400 !important;
}

/* BATALAR-032-RTL-SLIDER-SEARCH-BUTTON-END */

/* BATALAR-033-SERVICES-STORIES-START */

.services-stories-033 {
    background: #fff;
    padding: 1rem 0 4rem;
}

.services-stories-shell-033 {
    width: min(80rem, calc(100% - 2rem));
    margin-inline: auto;
}

.services-stories-header-033 {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.services-stories-header-033 p {
    margin: 0;
    color: #00b891;
    font-size: .7rem;
    font-weight: 900;
}

.services-stories-header-033 h2 {
    margin: .25rem 0 0;
    color: #25312d;
    font-size: 1.65rem;
    font-weight: 900;
}

.services-stories-header-033 > span {
    color: #71717a;
    font-size: .72rem;
    font-weight: 700;
}

.services-story-strip-033 {
    display: flex;
    gap: 1.25rem;
    overflow-x: auto;
    padding: .5rem .25rem 1rem;
    scroll-snap-type: inline proximity;
    scrollbar-width: none;
}

.services-story-strip-033::-webkit-scrollbar {
    display: none;
}

.services-story-account-033 {
    flex: 0 0 6.25rem;
    min-width: 6.25rem;
    text-align: center;
    scroll-snap-align: start;
}

.services-story-trigger-033 {
    display: inline-grid;
    place-items: center;
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
    text-decoration: none;
}

.services-story-ring-033 {
    position: relative;
    display: grid;
    width: 5.35rem;
    height: 5.35rem;
    place-items: center;
    border-radius: 999px;
    padding: .22rem;
}

.services-story-ring-033.has-story-033 {
    background:
        conic-gradient(
            from 35deg,
            #ff5d8f,
            #ffb800,
            #a855f7,
            #ff5d8f
        );
}

.services-story-ring-033.is-premium-033 {
    background: #01FFCD;
    box-shadow:
        0 0 0 .18rem rgba(16, 255, 205, .16);
}

.services-story-ring-033.no-story-033 {
    opacity: .94;
}

.services-story-avatar-033 {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    overflow: hidden;
    border: .2rem solid #fff;
    border-radius: inherit;
    background: #f4f4f5;
}

.services-story-avatar-033 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.services-story-crown-033,
.services-story-count-033 {
    position: absolute;
    right: -.15rem;
    bottom: .1rem;
    display: grid;
    min-width: 1.45rem;
    height: 1.45rem;
    place-items: center;
    border: .16rem solid #fff;
    border-radius: 999px;
    background: #25312d;
    color: #01FFCD;
    font-size: .72rem;
    font-weight: 900;
}

.services-story-count-033 {
    background: #fff;
    color: #25312d;
}

.services-story-account-033 > strong {
    display: block;
    overflow: hidden;
    margin-top: .6rem;
    color: #27272a;
    font-size: .78rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.services-story-account-033 > small {
    display: block;
    overflow: hidden;
    margin-top: .2rem;
    color: #a1a1aa;
    font-size: .62rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.services-stories-empty-033 {
    border: 1px dashed #e4e4e7;
    border-radius: 1.5rem;
    padding: 2rem;
    color: #a1a1aa;
    text-align: center;
    font-size: .8rem;
    font-weight: 700;
}

.services-story-viewer-033 {
    width: min(28rem, calc(100% - 1rem));
    max-width: none;
    height: min(48rem, calc(100dvh - 1rem));
    max-height: none;
    margin: auto;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 1.75rem;
    background: #111714;
    color: #fff;
    box-shadow: 0 2rem 5rem rgba(0, 0, 0, .35);
}

.services-story-viewer-033::backdrop {
    background: rgba(0, 0, 0, .78);
    backdrop-filter: blur(.35rem);
}

.services-story-viewer-shell-033 {
    position: relative;
    display: grid;
    height: 100%;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
}

.services-story-progress-033 {
    display: flex;
    gap: .3rem;
    padding: .75rem .85rem .2rem;
}

.services-story-progress-033 span {
    flex: 1;
    height: .18rem;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255, 255, 255, .3);
}

.services-story-progress-033 i {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: #01FFCD;
}

.services-story-viewer-header-033 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .7rem 1rem;
}

.services-story-viewer-header-033 > div {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .7rem;
}

.services-story-viewer-header-033 img {
    width: 2.6rem;
    height: 2.6rem;
    border: .14rem solid #01FFCD;
    border-radius: 999px;
    object-fit: cover;
}

.services-story-viewer-header-033 span {
    min-width: 0;
}

.services-story-viewer-header-033 strong,
.services-story-viewer-header-033 small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.services-story-viewer-header-033 strong {
    font-size: .85rem;
    font-weight: 900;
}

.services-story-viewer-header-033 small {
    margin-top: .2rem;
    color: #01FFCD;
    font-size: .62rem;
    font-weight: 800;
}

.services-story-viewer-header-033 button {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, .12);
    color: #fff;
    cursor: pointer;
}

.services-story-media-033 {
    position: relative;
    min-height: 0;
    overflow: hidden;
    background: #090d0b;
}

.services-story-media-033 > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.services-story-media-033 button {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 28%;
    border: 0;
    background: transparent;
    color: transparent;
    cursor: pointer;
}

.services-story-media-033 [data-story-prev-033] {
    right: 0;
}

.services-story-media-033 [data-story-next-033] {
    left: 0;
}

.services-story-viewer-footer-033 {
    display: grid;
    gap: .7rem;
    padding: 1rem;
    background:
        linear-gradient(
            180deg,
            rgba(17, 23, 20, .72),
            #111714
        );
}

.services-story-viewer-footer-033 p {
    min-height: 1.4rem;
    margin: 0;
    color: rgba(255, 255, 255, .78);
    font-size: .78rem;
    font-weight: 700;
    line-height: 1.8;
}

.services-story-viewer-footer-033 a {
    display: inline-flex;
    min-height: 2.8rem;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    border-radius: 1rem;
    background: #01FFCD;
    color: #25312d;
    font-size: .75rem;
    font-weight: 900;
    text-decoration: none;
}

html.services-story-open-033 {
    overflow: hidden;
}

@media (max-width: 640px) {
    .services-stories-033 {
        padding-bottom: 3rem;
    }

    .services-stories-shell-033 {
        width: calc(100% - 1rem);
    }

    .services-stories-header-033 {
        align-items: start;
    }

    .services-stories-header-033 > span {
        max-width: 8rem;
        text-align: left;
        line-height: 1.7;
    }

    .services-story-strip-033 {
        gap: .85rem;
    }

    .services-story-account-033 {
        flex-basis: 5.5rem;
        min-width: 5.5rem;
    }

    .services-story-ring-033 {
        width: 4.7rem;
        height: 4.7rem;
    }

    .services-story-viewer-033 {
        width: 100%;
        height: 100dvh;
        border-radius: 0;
    }
}

/* BATALAR-033-SERVICES-STORIES-END */

/* BATALAR-036-STORY-VIEWER-SEEN-START */

/* Seen stories lose the colored ring for both premium and regular accounts. */
.services-story-ring-033.is-seen-036 {
    background: #e4e4e7 !important;
    box-shadow: none !important;
}

.services-story-ring-033.is-seen-036 .services-story-crown-033 {
    background: #52525b !important;
    color: #d4d4d8 !important;
}

/* Full-screen backdrop with one exact 9:16 media stage. */
.services-story-viewer-033.story-viewer-fullscreen-036 {
    inset: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(5, 8, 7, .94) !important;
    box-shadow: none !important;
}

.services-story-viewer-033.story-viewer-fullscreen-036[open] {
    display: grid !important;
    place-items: center !important;
}

.services-story-viewer-033.story-viewer-fullscreen-036::backdrop {
    background: rgba(0, 0, 0, .86) !important;
    backdrop-filter: blur(.4rem) !important;
}

.story-viewer-fullscreen-036 .services-story-viewer-shell-033 {
    position: relative !important;
    display: block !important;
    width: min(100vw, calc(100dvh * .5625)) !important;
    height: min(100dvh, calc(100vw * 1.7777778)) !important;
    aspect-ratio: 9 / 16 !important;
    overflow: hidden !important;
    background: #050806 !important;
    box-shadow: 0 2rem 6rem rgba(0, 0, 0, .38) !important;
}

.story-viewer-fullscreen-036 .services-story-media-033 {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: #050806 !important;
}

.story-viewer-fullscreen-036 .services-story-media-033 > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.story-viewer-fullscreen-036 .services-story-progress-033 {
    position: absolute !important;
    z-index: 8 !important;
    inset: .75rem .8rem auto !important;
    padding: 0 !important;
}

.story-viewer-fullscreen-036 .services-story-viewer-header-033 {
    position: absolute !important;
    z-index: 8 !important;
    inset: 1.35rem 0 auto !important;
    padding: .85rem 1rem !important;
    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, .56),
            transparent
        ) !important;
}

.story-viewer-fullscreen-036 .services-story-viewer-header-033 img {
    width: 2.75rem !important;
    height: 2.75rem !important;
}

.story-viewer-fullscreen-036 .services-story-viewer-header-033 button {
    background: rgba(0, 0, 0, .38) !important;
    backdrop-filter: blur(.4rem) !important;
}

.story-viewer-fullscreen-036 .services-story-viewer-footer-033 {
    position: absolute !important;
    z-index: 8 !important;
    inset: auto 0 0 !important;
    display: grid !important;
    gap: .75rem !important;
    padding: 4.5rem 1rem 1rem !important;
    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(0, 0, 0, .82)
        ) !important;
}

.story-viewer-fullscreen-036 .services-story-viewer-footer-033 p {
    min-height: 0 !important;
    margin: 0 !important;
    color: rgba(255, 255, 255, .88) !important;
    font-size: .82rem !important;
    font-weight: 600 !important;
    line-height: 1.8 !important;
}

.story-viewer-fullscreen-036 .services-story-viewer-footer-033 a {
    min-height: 3.25rem !important;
    border-radius: 1.1rem !important;
    background: var(--btl-primary, #01FFCD) !important;
    color: #25312d !important;
    -webkit-text-fill-color: #25312d !important;
    font-size: .8rem !important;
    font-weight: 800 !important;
}

.story-viewer-fullscreen-036 .services-story-media-033 button {
    z-index: 5 !important;
    width: 34% !important;
}

@media (max-width: 640px) {
    .story-viewer-fullscreen-036 .services-story-viewer-shell-033 {
        box-shadow: none !important;
    }
}

/* BATALAR-036-STORY-VIEWER-SEEN-END */

/* BATALAR-037-LISTING-GALLERY-16X9-START */

.listing-gallery-037 {
    width: 100%;
    overflow: hidden;
    border-radius: 2rem;
    background: #f4f4f5;
}

.listing-gallery-037__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .35rem;
    padding: .35rem;
    background: #fff;
}

.listing-gallery-037__item {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    min-width: 0;
    overflow: hidden;
    border: 0;
    border-radius: 1.15rem;
    background: #f4f4f5;
    padding: 0;
    cursor: zoom-in;
}

.listing-gallery-037__item.is-featured {
    grid-column: 1 / -1;
}

.listing-gallery-037__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .4s ease;
}

.listing-gallery-037__item:hover .listing-gallery-037__image {
    transform: scale(1.025);
}

.listing-gallery-037__featured-label,
.listing-gallery-037__more {
    position: absolute;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    border-radius: 999px;
    background: rgba(37, 49, 45, .82);
    color: #fff;
    font-size: .68rem;
    font-weight: 800;
    line-height: 1;
    backdrop-filter: blur(.45rem);
}

.listing-gallery-037__featured-label {
    inset: auto auto .75rem .75rem;
    padding: .55rem .75rem;
}

.listing-gallery-037__more {
    inset: auto .75rem .75rem auto;
    padding: .65rem .85rem;
}

.listing-gallery-037__empty {
    display: grid;
    min-height: 18rem;
    place-items: center;
    align-content: center;
    gap: .75rem;
    color: #a1a1aa;
    text-align: center;
    font-size: .78rem;
    font-weight: 800;
}

.listing-gallery-037__empty i {
    font-size: 3.5rem;
}

/*
 * Desktop geometry:
 * Four equal columns × two equal rows.
 * Every single cell is 16:9.
 * The featured image spans 2×2 cells, so it is also exactly 16:9.
 */
@media (min-width: 900px) {
    .listing-gallery-037__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        grid-template-rows: repeat(2, minmax(0, 1fr));
        aspect-ratio: 32 / 9;
        gap: 0;
        padding: 0;
        direction: ltr;
    }

    .listing-gallery-037__item {
        width: 100%;
        height: 100%;
        aspect-ratio: 16 / 9;
        border-radius: 0;
        outline: .22rem solid #fff;
        outline-offset: -.22rem;
    }

    .listing-gallery-037__item.is-featured {
        grid-column: 3 / 5;
        grid-row: 1 / 3;
    }

    .listing-gallery-037__item.is-secondary {
        grid-column: auto;
        grid-row: auto;
    }

    .listing-gallery-037__featured-label {
        inset: auto .8rem .8rem auto;
        direction: rtl;
    }

    .listing-gallery-037__more {
        direction: rtl;
    }
}

@media (min-width: 640px) and (max-width: 899px) {
    .listing-gallery-037__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .listing-gallery-037__item.is-featured {
        grid-column: 1 / -1;
    }
}

@media (max-width: 639px) {
    .listing-gallery-037 {
        border-radius: 1.4rem;
    }

    .listing-gallery-037__grid {
        gap: .3rem;
        padding: .3rem;
    }

    .listing-gallery-037__item {
        border-radius: .9rem;
    }

    .listing-gallery-037__featured-label {
        display: none;
    }

    .listing-gallery-037__more {
        inset: auto .5rem .5rem auto;
        padding: .55rem .65rem;
        font-size: .62rem;
    }
}

/* BATALAR-037-LISTING-GALLERY-16X9-END */

/* BATALAR-038-LISTING-STORIES-START */

.listing-stories-038 {
    margin-top: 1.25rem;
    padding: 1.15rem 0 1.5rem;
    border-bottom: 1px solid #f4f4f5;
}

.listing-stories-038__header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.listing-stories-038__header p {
    margin: 0;
    color: #00b891;
    font-size: .68rem;
    font-weight: 900;
}

.listing-stories-038__header h2 {
    margin: .25rem 0 0;
    color: #25312d;
    font-size: 1.2rem;
    font-weight: 900;
}

.listing-stories-038__header > span {
    flex: 0 0 auto;
    color: #a1a1aa;
    font-size: .68rem;
    font-weight: 800;
}

.listing-stories-038__strip {
    display: flex;
    gap: .8rem;
    overflow-x: auto;
    padding: .25rem .1rem .75rem;
    scroll-snap-type: inline proximity;
    scrollbar-width: none;
}

.listing-stories-038__strip::-webkit-scrollbar {
    display: none;
}

.listing-story-card-038 {
    display: grid;
    flex: 0 0 7.2rem;
    min-width: 7.2rem;
    gap: .5rem;
    border: 0;
    background: transparent;
    padding: 0;
    text-align: right;
    scroll-snap-align: start;
    cursor: pointer;
}

.listing-story-card-038__media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 9 / 16;
    overflow: hidden;
    border: .2rem solid transparent;
    border-radius: 1.25rem;
    background: #f4f4f5;
    padding: .16rem;
    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}

.listing-story-card-038.is-unseen-038 .listing-story-card-038__media {
    border-color: transparent;
    background:
        linear-gradient(#fff, #fff) padding-box,
        conic-gradient(
            from 35deg,
            #ff5d8f,
            #ffb800,
            #a855f7,
            #ff5d8f
        ) border-box;
}

.listing-story-card-038.is-premium-038 .listing-story-card-038__media {
    border-color: var(--btl-primary, #01FFCD);
    background: #fff;
    box-shadow:
        0 0 0 .18rem rgba(16, 255, 205, .14);
}

.listing-story-card-038.is-seen-036 .listing-story-card-038__media,
.listing-story-card-038__media.is-seen-036 {
    border-color: #d4d4d8 !important;
    background: #fff !important;
    box-shadow: none !important;
}

.listing-story-card-038:hover .listing-story-card-038__media {
    transform: translateY(-.15rem);
}

.listing-story-card-038__media > img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: .95rem;
    object-fit: cover;
}

.listing-story-card-038__shade {
    position: absolute;
    inset: .16rem;
    border-radius: .95rem;
    background:
        linear-gradient(
            180deg,
            transparent 55%,
            rgba(0, 0, 0, .48)
        );
    pointer-events: none;
}

.listing-story-card-038__index,
.listing-story-card-038__seen-label {
    position: absolute;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: .58rem;
    font-weight: 900;
    backdrop-filter: blur(.35rem);
}

.listing-story-card-038__index {
    inset: .55rem .55rem auto auto;
    min-width: 1.45rem;
    height: 1.45rem;
    background: rgba(255, 255, 255, .88);
    color: #25312d;
}

.listing-story-card-038__seen-label {
    inset: auto .55rem .55rem auto;
    padding: .35rem .5rem;
    background: rgba(37, 49, 45, .76);
    color: #fff;
}

.listing-story-card-038__caption {
    display: -webkit-box;
    overflow: hidden;
    color: #52525b;
    font-size: .7rem;
    font-weight: 800;
    line-height: 1.7;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

@media (max-width: 640px) {
    .listing-stories-038 {
        margin-top: 1rem;
        padding-bottom: 1rem;
    }

    .listing-stories-038__header {
        align-items: start;
    }

    .listing-stories-038__header h2 {
        font-size: 1rem;
    }

    .listing-story-card-038 {
        flex-basis: 6.4rem;
        min-width: 6.4rem;
    }
}

/* BATALAR-038-LISTING-STORIES-END */

/* stage:039:listing-detail:start */
.ld39-page {
  font-size: 1.04rem;
  color: #2F332C;
}

.ld39-page :is(p, span, li, a, label, input, textarea, button, select) {
  font-weight: 400 !important;
}

.ld39-page :is(h1, h2, h3, h4) {
  font-weight: 600 !important;
  letter-spacing: -0.01em;
}

.ld39-sticky-tabs {
  position: sticky;
  top: 1rem;
  z-index: 30;
  backdrop-filter: blur(14px);
  background: rgba(255, 255, 255, 0.92);
  border-radius: 1.5rem;
  box-shadow: 0 12px 24px rgba(32, 48, 43, 0.08);
  padding: 0.75rem 1rem;
}

.ld39-tab-link {
  font-size: 1rem !important;
  font-weight: 500 !important;
  color: #2F332C !important;
}

.ld39-booking-card {
  border-radius: 2rem;
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(32, 48, 43, 0.08);
  padding-bottom: 1rem;
}

.ld39-booking-card input,
.ld39-booking-card textarea,
.ld39-booking-card select {
  border-radius: 1.25rem !important;
  min-height: 3.65rem;
  border: 1px solid rgba(47, 51, 44, 0.12) !important;
  background: #fff !important;
  font-size: 1rem !important;
  color: #2F332C !important;
  box-shadow: none !important;
}

.ld39-booking-card textarea {
  min-height: 7.25rem;
}

.ld39-jalali-hint,
.ld39-price-help {
  margin-top: 0.5rem;
  font-size: 0.88rem;
  color: rgba(47, 51, 44, 0.68);
}

.ld39-price-tier {
  color: #2F332C !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
}

.ld39-booking-submit {
  color: #2F332C !important;
  font-weight: 600 !important;
}

.ld39-map-card {
  margin: 1.5rem 0 2rem;
  padding: 1rem;
  background: #fff;
  border-radius: 1.75rem;
  box-shadow: 0 16px 36px rgba(32, 48, 43, 0.08);
}

.ld39-map-header h3 {
  margin: 0 0 0.35rem;
  font-size: 1.15rem;
  font-weight: 600 !important;
}

.ld39-map-header p {
  margin: 0 0 1rem;
  color: rgba(47, 51, 44, 0.72);
}

.ld39-map-frame {
  width: 100%;
  min-height: 20rem;
  border: 0;
  border-radius: 1.25rem;
}

.ld39-review-card textarea,
.ld39-review-card input,
.ld39-review-card select {
  border-radius: 1.25rem !important;
  box-shadow: none !important;
}

.ld39-star-rating {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-start;
  gap: 0.35rem;
  margin: 0.75rem 0 1.25rem;
}

.ld39-star-button {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  transform: scale(1);
  transition: transform 180ms ease, filter 180ms ease;
}

.ld39-star-button:hover {
  transform: translateY(-1px) scale(1.07);
}

.ld39-star-icon {
  display: inline-flex;
  font-size: 2rem;
  line-height: 1;
  color: rgba(47, 51, 44, 0.18);
  transition: color 180ms ease, text-shadow 180ms ease;
}

.ld39-star-button.is-active .ld39-star-icon {
  color: #FFC533;
  text-shadow: 0 0 18px rgba(255, 197, 51, 0.28);
}

@media (max-width: 1024px) {
  .ld39-sticky-tabs {
    top: 0.5rem;
  }

  .ld39-page {
    font-size: 1rem;
  }

  .ld39-map-frame {
    min-height: 16rem;
  }
}
/* stage:039:listing-detail:end */

/* BATALAR-040-LISTING-LOGIC-START */

.listing-field-040 {
    display: grid;
    gap: .45rem;
}

.listing-field-040 > label {
    color: #2f332c;
    font-size: .84rem;
    font-weight: 600 !important;
}

.listing-field-040 > small {
    color: #8a918d;
    font-size: .69rem;
    font-weight: 400 !important;
    line-height: 1.8;
}

.listing-field-040 .errorlist,
.listing-booking-form-040 > .errorlist,
.listing-review-form-040 > .errorlist {
    margin: 0;
    padding: .6rem .8rem;
    border-radius: .85rem;
    background: #fff1f2;
    color: #be123c;
    font-size: .7rem;
    font-weight: 500;
    list-style: none;
}

.listing-form-heading-040 h3 {
    margin: 0;
    color: #2f332c;
    font-size: 1.05rem;
    font-weight: 650 !important;
}

.listing-form-heading-040 p {
    margin: .35rem 0 0;
    color: #8a918d;
    font-size: .73rem;
    line-height: 1.8;
}

.listing-booking-more-040 {
    border-radius: 1.35rem;
    background: #fafafa;
    padding: .9rem;
}

.listing-booking-more-040 > summary {
    cursor: pointer;
    color: #525852;
    font-size: .74rem;
    font-weight: 600;
}

.listing-booking-submit-040,
.listing-review-submit-040 {
    display: inline-flex;
    min-height: 3.35rem;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    border: 0;
    border-radius: 1.2rem;
    background: var(--btl-primary, #01FFCD);
    color: #2f332c !important;
    -webkit-text-fill-color: #2f332c !important;
    font-size: .82rem;
    font-weight: 700 !important;
    cursor: pointer;
}

.listing-review-form-040 {
    display: grid;
    gap: 1.1rem;
    border: 1px solid #e4e4e7;
    border-radius: 1.75rem;
    background: #fafafa;
    padding: 1.35rem;
}

.listing-review-identity-040 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.listing-star-rating-040 {
    display: flex;
    flex-direction: row;
    gap: .25rem;
    direction: ltr;
}

.listing-star-rating-040 button {
    display: grid;
    width: 2.55rem;
    height: 2.55rem;
    place-items: center;
    border: 0;
    background: transparent;
    color: #d4d4d8;
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
    transform: translateY(0) scale(1);
    transition: color .16s ease, transform .16s ease, filter .16s ease;
}

.listing-star-rating-040 button:hover,
.listing-star-rating-040 button:focus-visible {
    transform: translateY(-.12rem) scale(1.08);
    outline: none;
}

.listing-star-rating-040 button.is-active {
    color: #ffb800;
    filter: drop-shadow(0 .25rem .55rem rgba(255, 184, 0, .22));
}

.listing-map-040 {
    margin: 1.5rem 0;
    overflow: hidden;
    border: 1px solid #e4e4e7;
    border-radius: 1.75rem;
    background: #fff;
}

.listing-map-040 > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
}

.listing-map-040 > header p {
    margin: 0;
    color: #00b891;
    font-size: .68rem;
    font-weight: 600 !important;
}

.listing-map-040 > header h2 {
    margin: .15rem 0 0;
    color: #2f332c;
    font-size: 1rem;
    font-weight: 650 !important;
}

.listing-map-040 > header a {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: #2f332c;
    font-size: .72rem;
    font-weight: 600 !important;
}

.listing-map-040 iframe {
    display: block;
    width: 100%;
    height: 20rem;
    border: 0;
}

@media (max-width: 640px) {
    .listing-review-identity-040 {
        grid-template-columns: 1fr;
    }

    .listing-map-040 iframe {
        height: 16rem;
    }
}

/* BATALAR-040-LISTING-LOGIC-END */

/* BATALAR-041-LISTING-MOBILE-START */

[data-listing-detail-041] {
    --ld41-safe-bottom: max(.7rem, env(safe-area-inset-bottom));
    --ld41-mobile-bar-height: 4.7rem;
}

[data-listing-detail-041] .ld41-content,
[data-listing-detail-041] .ld41-booking-aside {
    min-width: 0;
}

[data-listing-detail-041] nav[aria-label="بخش‌های صفحه"] a {
    transition:
        background-color .18s ease,
        color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

[data-listing-detail-041] nav[aria-label="بخش‌های صفحه"] a.is-active-041 {
    background: var(--btl-primary, #01FFCD);
    color: #2f332c !important;
    box-shadow: 0 .45rem 1.1rem rgba(16, 255, 205, .18);
}

[data-listing-detail-041] .ld41-target-pulse {
    animation: ld41-target-pulse .85s ease;
}

.ld41-mobile-actions {
    display: none;
}

@keyframes ld41-target-pulse {
    0% {
        outline: 0 solid rgba(16, 255, 205, 0);
        outline-offset: 0;
    }
    45% {
        outline: .28rem solid rgba(16, 255, 205, .18);
        outline-offset: .22rem;
    }
    100% {
        outline: 0 solid rgba(16, 255, 205, 0);
        outline-offset: .55rem;
    }
}

@media (max-width: 1023px) {
    [data-listing-detail-041] .ld41-content {
        order: 1;
    }

    [data-listing-detail-041] .ld41-booking-aside {
        position: static !important;
        top: auto !important;
        order: 2;
        margin-top: .25rem;
    }

    [data-listing-detail-041] .ld41-booking-aside > div {
        border-radius: 1.6rem;
        box-shadow: 0 1rem 2.4rem rgba(32, 48, 43, .07);
    }

    [data-listing-detail-041] nav[aria-label="بخش‌های صفحه"] {
        top: .5rem !important;
        z-index: 42 !important;
    }
}

@media (max-width: 767px) {
    [data-listing-detail-041] {
        overflow-x: clip;
    }

    [data-listing-detail-041].ld41-has-mobile-actions {
        padding-bottom: calc(
            var(--ld41-mobile-bar-height)
            + var(--ld41-safe-bottom)
            + 1rem
        );
    }

    [data-listing-detail-041] > div {
        padding-bottom: 1.75rem !important;
    }

    [data-listing-detail-041] > div > nav[aria-label="مسیر صفحه"] {
        gap: .45rem;
        padding-bottom: .15rem;
        font-size: .66rem !important;
        scrollbar-width: none;
    }

    [data-listing-detail-041] > div > nav[aria-label="مسیر صفحه"]::-webkit-scrollbar {
        display: none;
    }

    [data-listing-detail-041] > div > header {
        margin-top: 1.15rem !important;
        gap: 1rem !important;
    }

    [data-listing-detail-041] > div > header h1 {
        font-size: clamp(1.65rem, 7vw, 2rem) !important;
        line-height: 1.48 !important;
        letter-spacing: -.015em;
    }

    [data-listing-detail-041] > div > header > div:last-child {
        width: 100%;
        gap: .55rem !important;
    }

    [data-listing-detail-041] > div > header > div:last-child button,
    [data-listing-detail-041] > div > header > div:last-child a {
        min-height: 2.9rem;
    }

    [data-listing-detail-041] .listing-gallery-037 {
        margin-top: 1.2rem !important;
        border-radius: 1.25rem;
    }

    [data-listing-detail-041] .listing-gallery-037__grid {
        gap: .28rem;
        padding: .28rem;
    }

    [data-listing-detail-041] .listing-gallery-037__item {
        border-radius: .85rem;
    }

    [data-listing-detail-041] .listing-gallery-037__item.is-featured {
        grid-column: 1 / -1;
    }

    [data-listing-detail-041] .listing-stories-038 {
        margin-top: .85rem;
        padding: 1rem 0 1.1rem;
    }

    [data-listing-detail-041] .listing-stories-038__header {
        margin-bottom: .8rem;
    }

    [data-listing-detail-041] .listing-stories-038__header h2 {
        font-size: 1rem;
        line-height: 1.7;
    }

    [data-listing-detail-041] .listing-stories-038__header > span {
        font-size: .62rem;
    }

    [data-listing-detail-041] .listing-stories-038__strip {
        margin-inline: -.25rem;
        gap: .65rem;
        padding-inline: .25rem;
        scroll-padding-inline: .25rem;
        scroll-snap-type: inline mandatory;
    }

    [data-listing-detail-041] .listing-story-card-038 {
        flex-basis: 5.8rem;
        min-width: 5.8rem;
        scroll-snap-align: start;
    }

    [data-listing-detail-041] .listing-story-card-038__caption {
        font-size: .65rem;
        line-height: 1.6;
    }

    [data-listing-detail-041] nav[aria-label="بخش‌های صفحه"] {
        display: flex;
        top: .35rem !important;
        gap: .25rem !important;
        margin-inline: -.2rem;
        padding: .38rem !important;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        border-radius: 1.15rem !important;
        scroll-snap-type: inline proximity;
        scrollbar-width: none;
        box-shadow: 0 .7rem 1.8rem rgba(32, 48, 43, .08) !important;
    }

    [data-listing-detail-041] nav[aria-label="بخش‌های صفحه"]::-webkit-scrollbar {
        display: none;
    }

    [data-listing-detail-041] nav[aria-label="بخش‌های صفحه"] a {
        display: inline-flex;
        min-height: 2.6rem;
        align-items: center;
        justify-content: center;
        padding: .58rem .82rem !important;
        border-radius: .85rem !important;
        font-size: .78rem !important;
        white-space: nowrap;
        scroll-snap-align: center;
    }

    [data-listing-detail-041] .ld41-content > section {
        scroll-margin-top: 5.2rem !important;
        padding-block: 1.55rem !important;
    }

    [data-listing-detail-041] .ld41-content > section h2 {
        font-size: 1.12rem !important;
    }

    [data-listing-detail-041] .listing-booking-form-040,
    [data-listing-detail-041] .listing-review-form-040 {
        gap: .9rem;
    }

    [data-listing-detail-041] .listing-review-form-040 {
        border-radius: 1.35rem;
        padding: 1rem;
    }

    [data-listing-detail-041] .listing-review-identity-040 {
        grid-template-columns: 1fr;
        gap: .8rem;
    }

    [data-listing-detail-041] .listing-field-040 input,
    [data-listing-detail-041] .listing-field-040 textarea,
    [data-listing-detail-041] .listing-field-040 select {
        min-height: 3.1rem;
        font-size: 16px !important;
    }

    [data-listing-detail-041] .listing-field-040 textarea {
        min-height: 7rem;
    }

    [data-listing-detail-041] .listing-booking-more-040 {
        border-radius: 1.05rem;
        padding: .8rem;
    }

    [data-listing-detail-041] .listing-booking-submit-040,
    [data-listing-detail-041] .listing-review-submit-040 {
        min-height: 3.2rem;
        border-radius: 1rem;
        font-size: .82rem;
    }

    [data-listing-detail-041] .listing-star-rating-040 {
        gap: .12rem;
        justify-content: space-between;
    }

    [data-listing-detail-041] .listing-star-rating-040 button {
        width: min(2.7rem, 16vw);
        height: min(2.7rem, 16vw);
        font-size: 1.85rem;
    }

    [data-listing-detail-041] .listing-map-040 {
        margin: 1rem 0 1.45rem;
        border-radius: 1.25rem;
    }

    [data-listing-detail-041] .listing-map-040 > header {
        align-items: flex-start;
        padding: .9rem 1rem;
    }

    [data-listing-detail-041] .listing-map-040 iframe {
        height: 14.5rem;
    }

    [data-listing-detail-041] #reviews article {
        border-radius: 1.25rem !important;
        padding: 1rem !important;
    }

    [data-listing-detail-041] .ld41-booking-aside {
        padding-top: .5rem;
    }

    [data-listing-detail-041] .ld41-mobile-actions {
        position: fixed;
        z-index: 72;
        right: .7rem;
        bottom: var(--ld41-safe-bottom);
        left: .7rem;
        display: grid;
        grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
        gap: .55rem;
        padding: .55rem;
        border: 1px solid rgba(47, 51, 44, .1);
        border-radius: 1.25rem;
        background: rgba(255, 255, 255, .94);
        box-shadow: 0 1rem 2.8rem rgba(32, 48, 43, .18);
        backdrop-filter: blur(1rem);
        transition:
            opacity .18s ease,
            transform .18s ease;
    }

    [data-listing-detail-041] .ld41-mobile-actions.is-single-041 {
        grid-template-columns: 1fr;
    }

    [data-listing-detail-041] .ld41-mobile-action {
        display: inline-flex;
        min-width: 0;
        min-height: 3.45rem;
        align-items: center;
        justify-content: center;
        gap: .45rem;
        border-radius: .95rem;
        padding-inline: .8rem;
        font-size: .78rem;
        font-weight: 700;
        cursor: pointer;
    }

    [data-listing-detail-041] .ld41-mobile-action--secondary {
        border: 1px solid #e4e4e7;
        background: #fff;
        color: #2f332c;
    }

    [data-listing-detail-041] .ld41-mobile-action--primary {
        border: 1px solid transparent;
        background: var(--btl-primary, #01FFCD);
        color: #2f332c;
    }

    [data-listing-detail-041].ld41-input-active .ld41-mobile-actions {
        opacity: 0;
        pointer-events: none;
        transform: translateY(calc(100% + 1rem));
    }
}

@media (max-width: 390px) {
    [data-listing-detail-041] .listing-story-card-038 {
        flex-basis: 5.35rem;
        min-width: 5.35rem;
    }

    [data-listing-detail-041] .listing-star-rating-040 button {
        width: 2.35rem;
        height: 2.35rem;
        font-size: 1.7rem;
    }

    [data-listing-detail-041] .ld41-mobile-actions {
        right: .5rem;
        left: .5rem;
        gap: .4rem;
        padding: .45rem;
    }

    [data-listing-detail-041] .ld41-mobile-action {
        min-height: 3.25rem;
        padding-inline: .6rem;
        font-size: .73rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-listing-detail-041] *,
    [data-listing-detail-041] *::before,
    [data-listing-detail-041] *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

/* BATALAR-041-LISTING-MOBILE-END */

/* BATALAR-0411-STICKY-SUMMARY-START */

[data-listing-detail-041] {
    --ld411-nav-height: 4.35rem;
}

[data-listing-detail-041] .listing-section-nav-0411 {
    position: sticky !important;
    top: .75rem !important;
    z-index: 58 !important;
    min-height: var(--ld411-nav-height);
    gap: .35rem !important;
    padding: .55rem .65rem !important;
    border-radius: 1.2rem !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 .8rem 2rem rgba(32, 48, 43, .09) !important;
    backdrop-filter: blur(1rem);
    overscroll-behavior-inline: contain;
}

[data-listing-detail-041] .listing-section-nav-0411 a {
    display: inline-flex;
    min-height: 3.1rem;
    align-items: center;
    justify-content: center;
    border-radius: .9rem !important;
    padding: .78rem 1.25rem !important;
    font-size: .86rem !important;
    font-weight: 500 !important;
    line-height: 1.4;
    white-space: nowrap;
    color: #5f6360 !important;
}

[data-listing-detail-041] .listing-section-nav-0411 a:hover {
    background: #f0fff9;
    color: #365d54 !important;
}

[data-listing-detail-041] .listing-section-nav-0411 a.is-active-041 {
    background: var(--btl-primary, #01FFCD) !important;
    color: #2f332c !important;
    font-weight: 600 !important;
    box-shadow: 0 .45rem 1.1rem rgba(16, 255, 205, .16);
}

[data-listing-detail-041] .listing-summary-0411 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin-top: 1rem;
}

[data-listing-detail-041] .listing-summary-0411__card {
    display: flex;
    min-width: 0;
    min-height: 7.15rem;
    align-items: center;
    gap: .85rem;
    border: 1px solid rgba(228, 228, 231, .9);
    border-radius: 1.15rem;
    padding: 1rem;
    background: #fff;
}

[data-listing-detail-041] .listing-summary-0411__icon {
    display: grid;
    width: 2.85rem;
    height: 2.85rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: .9rem;
    background: #f0fff9;
    color: #008c72;
    font-size: 1.45rem;
}

[data-listing-detail-041] .listing-summary-0411__label {
    display: block;
    color: #a1a1aa;
    font-size: .68rem;
    font-weight: 400 !important;
    line-height: 1.6;
}

[data-listing-detail-041] .listing-summary-0411__value {
    display: block;
    overflow: hidden;
    margin-top: .2rem;
    color: #3f3f46;
    font-size: .87rem;
    font-weight: 600 !important;
    line-height: 1.7;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[data-listing-detail-041] .listing-summary-0411__meta {
    display: block;
    overflow: hidden;
    margin-top: .12rem;
    color: #a1a1aa;
    font-size: .64rem;
    font-weight: 400 !important;
    line-height: 1.6;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[data-listing-detail-041] .ld41-content p,
[data-listing-detail-041] .ld41-content small,
[data-listing-detail-041] .ld41-content span,
[data-listing-detail-041] .listing-copy-0411 {
    font-weight: 400;
}

[data-listing-detail-041] .ld41-content strong {
    font-weight: 600;
}

[data-listing-detail-041] .ld41-content h2 {
    font-weight: 700 !important;
}

[data-listing-detail-041] .listing-copy-0411 p {
    font-weight: 400 !important;
}

[data-listing-detail-041] .ld41-content > section {
    scroll-margin-top: calc(var(--ld411-nav-height) + 1.5rem) !important;
}

@media (max-width: 1023px) {
    [data-listing-detail-041] .listing-section-nav-0411 {
        top: .45rem !important;
    }

    [data-listing-detail-041] .listing-summary-0411 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    [data-listing-detail-041] .listing-section-nav-0411 {
        margin-inline: -.15rem;
        min-height: 3.85rem;
        padding: .4rem !important;
    }

    [data-listing-detail-041] .listing-section-nav-0411 a {
        min-height: 2.95rem;
        padding: .68rem 1rem !important;
        font-size: .8rem !important;
    }

    [data-listing-detail-041] .listing-summary-0411 {
        gap: .55rem;
        margin-top: .75rem;
    }

    [data-listing-detail-041] .listing-summary-0411__card {
        min-height: 6.5rem;
        align-items: flex-start;
        gap: .65rem;
        border-radius: 1rem;
        padding: .8rem;
    }

    [data-listing-detail-041] .listing-summary-0411__icon {
        width: 2.35rem;
        height: 2.35rem;
        border-radius: .75rem;
        font-size: 1.2rem;
    }

    [data-listing-detail-041] .listing-summary-0411__value {
        font-size: .78rem;
        white-space: normal;
    }

    [data-listing-detail-041] .listing-summary-0411__meta {
        white-space: normal;
    }
}

@media (max-width: 390px) {
    [data-listing-detail-041] .listing-summary-0411__card {
        min-height: 6.1rem;
        padding: .7rem;
    }

    [data-listing-detail-041] .listing-summary-0411__icon {
        width: 2rem;
        height: 2rem;
        font-size: 1.05rem;
    }
}

/* BATALAR-0411-STICKY-SUMMARY-END */

/* BATALAR-199-PUBLIC-PRICING-OPTIONS-START */
[data-listing-detail-041] .listing-price-options-199 {
    overflow: hidden;
    margin-top: 0;
    border: 1px solid rgba(16, 255, 205, .28);
    border-radius: 1rem;
    background: #f7fffc;
}

[data-listing-detail-041] .listing-price-options-199__header {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .8rem .85rem;
    border-bottom: 1px solid rgba(16, 255, 205, .2);
}

[data-listing-detail-041] .listing-price-options-199__icon {
    display: grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: .65rem;
    background: #10ffcd;
    color: #25312d;
    font-size: 1rem;
}

[data-listing-detail-041] .listing-price-options-199__header small,
[data-listing-detail-041] .listing-price-options-199__header strong {
    display: block;
}

[data-listing-detail-041] .listing-price-options-199__header small {
    color: #008c72;
    font-size: .58rem;
    font-weight: 700;
}

[data-listing-detail-041] .listing-price-options-199__header strong {
    color: #3b3c36;
    font-size: .9rem;
    font-weight: 900;
    line-height: 1.6;
}

[data-listing-detail-041] .listing-price-options-199__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .72rem .85rem;
}

[data-listing-detail-041] .listing-price-options-199__row + .listing-price-options-199__row {
    border-top: 1px solid rgba(228, 228, 231, .75);
}

[data-listing-detail-041] .listing-price-options-199__row > span strong,
[data-listing-detail-041] .listing-price-options-199__row > span small,
[data-listing-detail-041] .listing-price-options-199__row > b small {
    display: block;
}

[data-listing-detail-041] .listing-price-options-199__row > span strong {
    color: #3f3f46;
    font-size: .7rem;
    font-weight: 700;
}

[data-listing-detail-041] .listing-price-options-199__row > span small {
    margin-top: .15rem;
    color: #a1a1aa;
    font-size: .56rem;
    font-weight: 500;
}

[data-listing-detail-041] .listing-price-options-199__row > b {
    flex: 0 0 auto;
    color: #25312d;
    font-size: .78rem;
    font-weight: 900;
    text-align: left;
}

[data-listing-detail-041] .listing-price-options-199__row > b small {
    margin-top: .1rem;
    color: #008c72;
    font-size: .52rem;
    font-weight: 700;
}
/* BATALAR-199-PUBLIC-PRICING-OPTIONS-END */

/* BATALAR-0421-RESTORE-TWO-COLUMN-START */

[data-services-results-grid-0421],
[data-similar-results-grid-0421] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
}

@media (min-width: 1280px) {
    [data-services-results-grid-0421],
    [data-similar-results-grid-0421] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }

    [data-catalog-card-0421] img[data-catalog-image-0421] {
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        aspect-ratio: auto !important;
        object-fit: cover !important;
        display: block;
    }
}

/*
 * Legacy Stage 042 source contract.
 * This selector is deliberately inert: templates never receive the
 * .batalar-legacy-042-contract-disabled class. Therefore the old layout
 * behavior cannot return, while the historical regression contract stays
 * available for the existing Stage 042 tests.
 */
.batalar-legacy-042-contract-disabled[data-catalog-card-042] :has(> img[data-catalog-image-042]) {
    align-self: start !important;
    aspect-ratio: 16 / 9;
    height: 100% !important;
    object-fit: cover;
}

/* BATALAR-0421-RESTORE-TWO-COLUMN-END */

/* BATALAR-0423-SERVICES-SINGLE-ROW-START */

/*
 * Service/category result pages:
 * one original horizontal card per row.
 */
[data-services-grid-0423] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 1.25rem !important;
}

/*
 * Desktop card geometry:
 * - original content stays on the left
 * - media stays on the right
 * - right media uses roughly half the card width
 * - 16:9 media plus its inset normally determines the full card height
 */
@media (min-width: 1024px) {
    [data-services-grid-0423] [data-services-card-0423] {
        display: grid !important;
        grid-template-columns:
            minmax(0, 1fr)
            minmax(24rem, 50%) !important;
        align-items: center !important;
        min-height: 0 !important;
        height: auto !important;
        overflow: hidden !important;
    }

    /*
     * The wrapper containing the catalog image gets a visual inset from
     * all card edges. It no longer stretches below the 16:9 image.
     */
    [data-services-grid-0423]
    [data-services-card-0423]
    :has(> img[data-services-image-0423]) {
        width: calc(100% - 1.5rem) !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 9 !important;
        align-self: center !important;
        justify-self: center !important;
        margin: .75rem !important;
        overflow: hidden !important;
        border-radius: 1.35rem !important;
    }

    [data-services-grid-0423]
    [data-services-card-0423]
    img[data-services-image-0423] {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        aspect-ratio: auto !important;
        object-fit: cover !important;
        border-radius: inherit !important;
    }
}

/*
 * Keep existing mobile/tablet card behavior; only preserve the true
 * cinematic ratio if the service image hook is present.
 */
@media (max-width: 1023px) {
    [data-services-grid-0423]
    [data-services-card-0423]
    :has(> img[data-services-image-0423]) {
        aspect-ratio: 16 / 9;
        overflow: hidden;
    }

    [data-services-grid-0423]
    [data-services-card-0423]
    img[data-services-image-0423] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

/* BATALAR-0423-SERVICES-SINGLE-ROW-END */

/* BATALAR-0424-SERVICE-CARD-REFERENCE-START */

/*
 * Reference geometry:
 * - one horizontal card per row
 * - content area about 64%
 * - media about 36%, capped so it never becomes oversized
 * - 16px inset around media
 * - media outer height determines the compact card height
 */
@media (min-width: 1024px) {
    [data-services-grid-0423] {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 1.35rem !important;
    }

    [data-services-grid-0423] [data-services-card-0423] {
        display: grid !important;
        grid-template-columns:
            minmax(0, 1fr)
            minmax(20rem, 36%) !important;
        align-items: stretch !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    /*
     * Only the existing image wrapper is resized.
     * No card text, badges, price, address or action markup is altered.
     */
    [data-services-grid-0423]
    [data-services-card-0423]
    :has(> img[data-services-image-0423]) {
        width: calc(100% - 2rem) !important;
        max-width: 24rem !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 16 / 9 !important;
        align-self: center !important;
        justify-self: center !important;
        margin: 1rem !important;
        overflow: hidden !important;
        border-radius: 1.25rem !important;
    }

    [data-services-grid-0423]
    [data-services-card-0423]
    img[data-services-image-0423] {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: auto !important;
        object-fit: cover !important;
        object-position: center !important;
        border-radius: inherit !important;
    }

    /*
     * Prevent generic rules from forcing the card taller than its media.
     * The content column still grows naturally if a genuinely long record
     * needs more height.
     */
    [data-services-grid-0423]
    [data-services-card-0423]
    > * {
        min-height: 0 !important;
    }
}

/* Preserve the existing tablet/mobile behavior. */
@media (max-width: 1023px) {
    [data-services-grid-0423]
    [data-services-card-0423]
    :has(> img[data-services-image-0423]) {
        aspect-ratio: 16 / 9;
    }
}

/* BATALAR-0424-SERVICE-CARD-REFERENCE-END */

/* BATALAR-043-SERVICE-CARD-POLISH-START */
.batalar-legacy-043-contract-disabled[data-services-grid-0423] {
    grid-template-columns: minmax(0, 1fr) !important;
}

@media (min-width: 1024px) {
    .batalar-legacy-043-contract-disabled[data-services-grid-0423]
    [data-services-card-0423] {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(19.5rem, 35%) !important;
        min-height: 15rem !important;
        font-weight: 300 !important;
        font-variation-settings: "wght" 300 !important;
    }

    .batalar-legacy-043-contract-disabled[data-services-grid-0423]
    :has(> img[data-services-image-0423]) {
        max-width: 23rem !important;
        aspect-ratio: 16 / 9 !important;
        margin: 1rem !important;
    }

    .batalar-legacy-043-contract-disabled[data-services-grid-0423]
    h3 {
        font-weight: 600 !important;
    }

    .batalar-legacy-043-contract-disabled[data-services-grid-0423]
    strong {
        font-weight: 500 !important;
    }
}
/* BATALAR-043-SERVICE-CARD-POLISH-END */

/* BATALAR-0431-SERVICES-CARD-REFERENCE-START */

/*
 * Services catalog cards — reference layout
 * Scope: only result cards in the services catalog.
 */
@media (min-width: 1024px) {
    [data-services-grid-0423] {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 1.5rem !important;
        align-items: start !important;
    }

    [data-services-grid-0423] [data-services-card-0423] {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 23.5rem !important;
        gap: 1.4rem !important;
        align-items: stretch !important;
        min-height: 15rem !important;
        padding: 1.15rem !important;
        border-radius: 1.7rem !important;
        border: 1px solid rgba(34, 41, 39, .08) !important;
        background: #ffffff !important;
        box-shadow: 0 .35rem 1.1rem rgba(28, 38, 35, .04) !important;
        overflow: hidden !important;
    }

    /*
     * Text/content column.
     * Keep it calm and evenly distributed vertically.
     */
    [data-services-grid-0423]
    [data-services-card-0423]
    > *:not(:has(> img[data-services-image-0423])) {
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        gap: 1rem !important;
        padding: .1rem .2rem !important;
    }

    /*
     * Media column — exactly the compact reference feeling.
     */
    [data-services-grid-0423]
    [data-services-card-0423]
    :has(> img[data-services-image-0423]) {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        align-self: center !important;
        justify-self: stretch !important;
        aspect-ratio: 16 / 9 !important;
        overflow: hidden !important;
        border-radius: 1.35rem !important;
        background: #f5f7f6 !important;
    }

    [data-services-grid-0423]
    [data-services-card-0423]
    img[data-services-image-0423] {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
        border-radius: inherit !important;
    }

    /*
     * Typography — lighter and cleaner.
     */
    [data-services-grid-0423] [data-services-card-0423],
    [data-services-grid-0423] [data-services-card-0423] p,
    [data-services-grid-0423] [data-services-card-0423] span,
    [data-services-grid-0423] [data-services-card-0423] small,
    [data-services-grid-0423] [data-services-card-0423] li {
        font-weight: 300 !important;
        font-variation-settings: "wght" 300 !important;
        color: #66706d !important;
    }

    [data-services-grid-0423] [data-services-card-0423] h2,
    [data-services-grid-0423] [data-services-card-0423] h3 {
        font-size: clamp(1.2rem, 1.45vw, 1.7rem) !important;
        line-height: 1.55 !important;
        font-weight: 600 !important;
        font-variation-settings: "wght" 600 !important;
        letter-spacing: -.015em !important;
        color: #1f2624 !important;
        margin: 0 !important;
    }

    [data-services-grid-0423] [data-services-card-0423] strong,
    [data-services-grid-0423] [data-services-card-0423] b {
        font-weight: 500 !important;
        font-variation-settings: "wght" 500 !important;
        color: #313735 !important;
    }

    /*
     * Meta row tone and pill treatment.
     */
    [data-services-grid-0423] [data-services-card-0423] .rounded-full {
        border-radius: 999px !important;
    }

    [data-services-grid-0423] [data-services-card-0423] .bg-mint-50,
    [data-services-grid-0423] [data-services-card-0423] .bg-primary-50,
    [data-services-grid-0423] [data-services-card-0423] .bg-emerald-50 {
        background: #e7fbf4 !important;
        color: #22a77e !important;
    }

    /*
     * Divider / footer feeling.
     */
    [data-services-grid-0423] [data-services-card-0423] hr,
    [data-services-grid-0423] [data-services-card-0423] .border-t,
    [data-services-grid-0423] [data-services-card-0423] .border-y {
        border-color: rgba(34, 41, 39, .08) !important;
    }

    /*
     * CTA button should not dominate this card layout.
     * Make it subtle and compact instead of large.
     */
    [data-services-grid-0423]
    [data-services-card-0423]
    a:has(.ph-arrow-left),
    [data-services-grid-0423]
    [data-services-card-0423]
    a:has(.ph-arrow-right) {
        min-height: 2.55rem !important;
        padding-inline: .95rem !important;
        border-radius: .95rem !important;
        border: 1px solid rgba(34, 41, 39, .10) !important;
        background: #fff !important;
        color: #3d4441 !important;
        font-size: .78rem !important;
        font-weight: 500 !important;
        font-variation-settings: "wght" 500 !important;
        box-shadow: none !important;
    }

    [data-services-grid-0423]
    [data-services-card-0423]
    a:has(.ph-arrow-left):hover,
    [data-services-grid-0423]
    [data-services-card-0423]
    a:has(.ph-arrow-right):hover {
        border-color: rgba(16, 255, 205, .65) !important;
        background: #f3fffc !important;
        color: #2d5a50 !important;
    }

    /*
     * Keep descriptions much quieter so the card reads like the reference.
     */
    [data-services-grid-0423]
    [data-services-card-0423]
    p {
        font-size: .9rem !important;
        line-height: 1.95 !important;
        margin: 0 !important;
    }
}

@media (max-width: 1023px) {
    [data-services-grid-0423] [data-services-card-0423] {
        overflow: hidden !important;
    }

    [data-services-grid-0423]
    [data-services-card-0423]
    :has(> img[data-services-image-0423]) {
        aspect-ratio: 16 / 9 !important;
        border-radius: 1.2rem !important;
        overflow: hidden !important;
    }

    [data-services-grid-0423]
    [data-services-card-0423]
    img[data-services-image-0423] {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
}

/* BATALAR-0431-SERVICES-CARD-REFERENCE-END */

/* BATALAR-0433-SERVICES-CUPERTINO-START */

/*
 * Stage 043.3 — Cupertino refinement for services catalog cards.
 * - Desktop media column is ~30% smaller than Stage 043.2
 * - Use the project's primary mint accent
 * - Softer Apple/Cupertino-like card feel
 * - Lighter typography inside cards
 */
@media (min-width: 1024px) {
    [data-services-grid-0423] {
        gap: 1.35rem !important;
    }

    [data-services-grid-0423] [data-services-card-0423] {
        grid-template-columns: minmax(0, 1fr) 16.45rem !important;
        gap: 1.1rem !important;
        min-height: 12.2rem !important;
        padding: 1rem 1rem 1rem 1.15rem !important;
        border-radius: 1.55rem !important;
        border: 1px solid rgba(31, 38, 36, .06) !important;
        background: linear-gradient(180deg, #ffffff 0%, #fcfefd 100%) !important;
        box-shadow:
            0 10px 30px rgba(18, 33, 29, .045),
            0 1px 0 rgba(255, 255, 255, .92) inset !important;
        backdrop-filter: saturate(1.08) blur(10px) !important;
        -webkit-backdrop-filter: saturate(1.08) blur(10px) !important;
    }

    [data-services-grid-0423]
    [data-services-card-0423]
    > *:not(:has(> img[data-services-image-0423])) {
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        gap: .8rem !important;
        padding: .1rem 0 !important;
    }

    [data-services-grid-0423]
    [data-services-card-0423]
    :has(> img[data-services-image-0423]) {
        width: 100% !important;
        aspect-ratio: 16 / 9 !important;
        margin: 0 !important;
        align-self: center !important;
        justify-self: stretch !important;
        overflow: hidden !important;
        border-radius: 1.18rem !important;
        background: linear-gradient(
            180deg,
            rgba(26, 232, 197, .10),
            rgba(26, 232, 197, .03)
        ) !important;
        box-shadow:
            0 1px 0 rgba(255, 255, 255, .90) inset,
            0 0 0 1px rgba(31, 38, 36, .05) !important;
    }

    [data-services-grid-0423]
    [data-services-card-0423]
    img[data-services-image-0423] {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
        border-radius: inherit !important;
    }

    [data-services-grid-0423] [data-services-card-0423],
    [data-services-grid-0423] [data-services-card-0423] p,
    [data-services-grid-0423] [data-services-card-0423] span,
    [data-services-grid-0423] [data-services-card-0423] small,
    [data-services-grid-0423] [data-services-card-0423] li {
        font-weight: 300 !important;
        font-variation-settings: "wght" 300 !important;
        color: #66706d !important;
    }

    [data-services-grid-0423] [data-services-card-0423] h2,
    [data-services-grid-0423] [data-services-card-0423] h3 {
        font-size: clamp(1.14rem, 1.18vw, 1.5rem) !important;
        line-height: 1.42 !important;
        font-weight: 400 !important;
        font-variation-settings: "wght" 400 !important;
        letter-spacing: -.018em !important;
        color: #1f2624 !important;
        margin: 0 !important;
    }

    [data-services-grid-0423] [data-services-card-0423] strong,
    [data-services-grid-0423] [data-services-card-0423] b {
        font-weight: 400 !important;
        font-variation-settings: "wght" 400 !important;
        color: #28302d !important;
    }

    [data-services-grid-0423] [data-services-card-0423] .rounded-full {
        border-radius: 999px !important;
    }

    [data-services-grid-0423] [data-services-card-0423] .bg-mint-50,
    [data-services-grid-0423] [data-services-card-0423] .bg-primary-50,
    [data-services-grid-0423] [data-services-card-0423] .bg-emerald-50 {
        background: rgba(26, 232, 197, .14) !important;
        color: #127b65 !important;
        border: 1px solid rgba(26, 232, 197, .18) !important;
    }

    [data-services-grid-0423] [data-services-card-0423] hr,
    [data-services-grid-0423] [data-services-card-0423] .border-t,
    [data-services-grid-0423] [data-services-card-0423] .border-y {
        border-color: rgba(31, 38, 36, .06) !important;
    }

    [data-services-grid-0423]
    [data-services-card-0423]
    a:has(.ph-arrow-left),
    [data-services-grid-0423]
    [data-services-card-0423]
    a:has(.ph-arrow-right) {
        min-height: 2.45rem !important;
        padding-inline: .9rem !important;
        border-radius: .92rem !important;
        border: 1px solid rgba(31, 38, 36, .08) !important;
        background: rgba(26, 232, 197, .08) !important;
        color: #1f2624 !important;
        font-size: .79rem !important;
        font-weight: 400 !important;
        font-variation-settings: "wght" 400 !important;
        box-shadow: 0 1px 0 rgba(255, 255, 255, .74) inset !important;
    }

    [data-services-grid-0423]
    [data-services-card-0423]
    a:has(.ph-arrow-left):hover,
    [data-services-grid-0423]
    [data-services-card-0423]
    a:has(.ph-arrow-right):hover {
        border-color: rgba(26, 232, 197, .42) !important;
        background: rgba(26, 232, 197, .14) !important;
        color: #18312b !important;
    }

    [data-services-grid-0423]
    [data-services-card-0423]
    p {
        font-size: .9rem !important;
        line-height: 1.82 !important;
        margin: 0 !important;
    }

    [data-catalog-clear-043] {
        display: inline-flex !important;
        align-items: center !important;
        gap: .42rem !important;
        margin-top: .55rem !important;
        padding: .55rem .9rem !important;
        border-radius: .95rem !important;
        border: 1px solid rgba(31, 38, 36, .08) !important;
        background: rgba(26, 232, 197, .08) !important;
        color: #1f2624 !important;
        font-size: .8rem !important;
        font-weight: 400 !important;
        font-variation-settings: "wght" 400 !important;
        text-decoration: none !important;
        box-shadow: 0 1px 0 rgba(255, 255, 255, .72) inset !important;
    }

    [data-catalog-clear-043]:hover {
        background: rgba(26, 232, 197, .14) !important;
        border-color: rgba(26, 232, 197, .35) !important;
        color: #18312b !important;
    }
}

@media (max-width: 1023px) {
    [data-catalog-clear-043] {
        display: inline-flex !important;
        align-items: center !important;
        gap: .42rem !important;
        padding: .45rem .76rem !important;
        border-radius: .82rem !important;
        background: rgba(26, 232, 197, .08) !important;
        color: #1f2624 !important;
        text-decoration: none !important;
    }
}

/* BATALAR-0433-SERVICES-CUPERTINO-END */

/* BATALAR-0435-SERVICES-CARD-REBUILD-START */

[data-services-results-header-0435] {
    border-color: rgba(39, 48, 45, .07) !important;
    border-radius: 1.55rem !important;
    box-shadow: 0 .25rem 1.1rem rgba(24, 37, 33, .035) !important;
}

[data-services-results-kicker-0435] {
    color: #15b995 !important;
    font-size: .72rem !important;
    font-weight: 300 !important;
    font-variation-settings: "wght" 300 !important;
    line-height: 1.7 !important;
}

[data-services-results-count-0435] {
    margin-top: .2rem !important;
    color: #222927 !important;
    font-size: 1.12rem !important;
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;
    line-height: 1.65 !important;
    letter-spacing: -.015em !important;
}

[data-services-results-sort-0435],
[data-services-results-sort-0435] span,
[data-services-results-sort-0435] select {
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;
}

/* One dedicated service result card per row. */
[data-services-grid-0423] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 1.45rem !important;
}

[data-service-card-0435] {
    direction: ltr;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(19rem, 35%);
    align-items: stretch;
    gap: 1.5rem;
    min-width: 0;
    min-height: 15.25rem;
    padding: 1.15rem;
    overflow: hidden;
    border: 1px solid rgba(39, 48, 45, .07);
    border-radius: 1.55rem;
    background: #fff;
    box-shadow: 0 .45rem 1.7rem rgba(24, 37, 33, .038);
    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

[data-service-card-0435]:hover {
    border-color: rgba(16, 255, 205, .32);
    box-shadow: 0 .75rem 2rem rgba(24, 37, 33, .055);
    transform: translateY(-1px);
}

[data-service-card-content-0435] {
    direction: rtl;
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.15rem;
    padding: .75rem .2rem .35rem .25rem;
}

.service-card-0435__main {
    min-width: 0;
}

.service-card-0435__title {
    margin: 0;
    color: #181e1c;
    font-size: clamp(1.35rem, 1.55vw, 1.75rem);
    font-weight: 800;
    font-variation-settings: "wght" 800;
    line-height: 1.5;
    letter-spacing: -.02em;
}

.service-card-0435__title a {
    color: inherit;
    text-decoration: none;
    transition: color .16s ease;
}

.service-card-0435__title a:hover {
    color: #0d8f75;
}

.service-card-0435__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .55rem;
    margin-top: .95rem;
    color: #606a67;
    font-size: .82rem;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    line-height: 1.7;
}

.service-card-0435__category {
    display: inline-flex;
    min-height: 2rem;
    align-items: center;
    justify-content: center;
    padding: .22rem .78rem;
    border: 1px solid rgba(16, 255, 205, .18);
    border-radius: 999px;
    background: rgba(16, 255, 205, .11);
    color: #087c66;
    font-weight: 400;
    font-variation-settings: "wght" 400;
}

.service-card-0435__rating {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    color: #686f6d;
}

.service-card-0435__rating i {
    color: #f5ad12;
    font-size: 1rem;
}

.service-card-0435__feature {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    color: #565f5c;
}

.service-card-0435__feature i {
    color: #5f6966;
    font-size: 1rem;
}

.service-card-0435__separator {
    width: .34rem;
    height: .34rem;
    flex: 0 0 auto;
    border-radius: 999px;
    background: #d8dddb;
}

.service-card-0435__footer {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(39, 48, 45, .075);
}

.service-card-0435__address {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .48rem;
    margin: 0;
    color: #4f5855;
    font-size: .9rem;
    font-weight: 300;
    font-variation-settings: "wght" 300;
    line-height: 1.7;
}

.service-card-0435__address i {
    flex: 0 0 auto;
    color: #4c5653;
    font-size: 1.35rem;
}

.service-card-0435__address span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[data-service-card-media-0435] {
    position: relative;
    display: block;
    align-self: center;
    width: 100%;
    overflow: hidden;
    border-radius: 1.2rem;
    aspect-ratio: 16 / 9;
    background: #eef2f1;
    box-shadow: 0 0 0 1px rgba(39, 48, 45, .04) inset;
}

[data-service-card-image-0435] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .28s ease;
}

[data-service-card-0435]:hover [data-service-card-image-0435] {
    transform: scale(1.012);
}

.service-card-0435__city,
.service-card-0435__special {
    position: absolute;
    top: .8rem;
    display: inline-flex;
    min-height: 2rem;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    padding: .28rem .72rem;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    line-height: 1;
    backdrop-filter: blur(.65rem);
}

.service-card-0435__city {
    right: .8rem;
    border: 1px solid rgba(255, 255, 255, .6);
    background: rgba(255, 255, 255, .94);
    color: #303735;
    box-shadow: 0 .25rem .8rem rgba(24, 37, 33, .07);
}

.service-card-0435__city i {
    font-size: 1rem;
}

.service-card-0435__special {
    left: .8rem;
    border: 1px solid rgba(245, 173, 18, .2);
    background: rgba(245, 173, 18, .94);
    color: #33260a;
}

@media (max-width: 1199px) {
    [data-service-card-0435] {
        grid-template-columns: minmax(0, 1fr) minmax(17rem, 36%);
    }
}

@media (max-width: 767px) {
    [data-service-card-0435] {
        grid-template-columns: minmax(0, 1fr);
        gap: .9rem;
        min-height: 0;
        padding: .85rem;
        border-radius: 1.3rem;
    }

    [data-service-card-media-0435] {
        grid-row: 1;
        border-radius: 1rem;
    }

    [data-service-card-content-0435] {
        grid-row: 2;
        padding: .25rem .2rem .15rem;
    }

    .service-card-0435__title {
        font-size: 1.18rem;
    }

    .service-card-0435__meta {
        gap: .45rem;
        margin-top: .65rem;
        font-size: .76rem;
    }

    .service-card-0435__footer {
        align-items: flex-start;
        flex-direction: column;
        gap: .55rem;
        padding-top: .8rem;
    }

    .service-card-0435__address span {
        white-space: normal;
    }
}

/* BATALAR-0435-SERVICES-CARD-REBUILD-END */

/* BATALAR-044-STORY-ORDER-SCROLL-START */

/* Subscription changes only the ring/border. */
.services-story-ring-033.is-subscriber-044,
.services-story-ring-033.is-subscriber-044.is-seen-036 {
    background: var(--btl-primary, #01FFCD) !important;
    box-shadow: 0 0 0 .16rem rgba(16, 255, 205, .16) !important;
}

.services-story-strip-033[data-story-scroll-044] .services-story-crown-033 {
    display: none !important;
}

.services-story-strip-033[data-story-scroll-044] {
    display: flex !important;
    flex-wrap: nowrap !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
    scroll-snap-type: inline proximity;
    scroll-padding-inline: .5rem;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(16,255,205,.76) rgba(228,228,231,.56) !important;
    padding-bottom: 1.15rem !important;
}

.services-story-strip-033[data-story-scroll-044]::-webkit-scrollbar {
    height: .38rem !important;
}

.services-story-strip-033[data-story-scroll-044]::-webkit-scrollbar-track {
    border-radius: 999px;
    background: rgba(228,228,231,.56);
}

.services-story-strip-033[data-story-scroll-044]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(16,255,205,.82);
}

.services-story-strip-033[data-story-scroll-044] .services-story-account-033 {
    flex: 0 0 6.25rem !important;
}

@media (max-width: 640px) {
    .services-story-strip-033[data-story-scroll-044] {
        gap: .85rem !important;
        scroll-padding-inline: .35rem;
    }
}

/* BATALAR-044-STORY-ORDER-SCROLL-END */

/* BATALAR-045-CATALOG-SEARCH-POLISH-START */

/* Search area should feel like the home-page hero search, not a boxed card. */
[data-catalog-home-search-045] {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

[data-catalog-home-search-grid-045] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: stretch !important;
    gap: .95rem !important;
}

[data-catalog-home-search-input-045] {
    min-height: 4.7rem !important;
    border: 1px solid rgba(39, 48, 45, .06) !important;
    border-radius: 2rem !important;
    background: #fbfbfb !important;
    color: #242d2a !important;
    font-size: 1rem !important;
    font-weight: 300 !important;
    font-variation-settings: "wght" 300 !important;
    line-height: 1.7 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7) !important;
    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background-color .18s ease;
}

[data-catalog-home-search-input-045]::placeholder {
    color: #9aa3a0 !important;
    font-weight: 300 !important;
}

[data-catalog-home-search-input-045]:focus {
    background: #fff !important;
    border-color: rgba(16, 255, 205, .38) !important;
    box-shadow: 0 0 0 .28rem rgba(16, 255, 205, .12) !important;
}

[data-catalog-home-search-submit-045] {
    min-height: 4.7rem !important;
    padding-inline: 2rem !important;
    border-radius: 1.6rem !important;
    background: var(--btl-primary, #01FFCD) !important;
    color: #202b28 !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    font-variation-settings: "wght" 500 !important;
    box-shadow: 0 10px 24px rgba(16, 255, 205, .12) !important;
}

[data-catalog-home-search-submit-045]:hover {
    filter: brightness(.985);
}

[data-catalog-home-search-reset-045] {
    display: inline-flex !important;
    align-items: center !important;
    gap: .45rem !important;
    min-height: 3rem !important;
    padding: 0 .95rem !important;
    border: 1px solid rgba(39, 48, 45, .08) !important;
    border-radius: 1.15rem !important;
    background: rgba(16, 255, 205, .08) !important;
    color: #52615c !important;
    font-size: .92rem !important;
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;
    text-decoration: none !important;
    transition:
        border-color .18s ease,
        background-color .18s ease,
        color .18s ease;
}

[data-catalog-home-search-reset-045]:hover {
    border-color: rgba(16, 255, 205, .32) !important;
    background: rgba(16, 255, 205, .12) !important;
    color: #24302d !important;
}

[data-catalog-live-indicator-045] {
    font-size: .72rem !important;
    font-weight: 300 !important;
    font-variation-settings: "wght" 300 !important;
}

/* Lighter/smaller results summary. */
[data-catalog-results-kicker-045] {
    font-size: .72rem !important;
    font-weight: 300 !important;
    font-variation-settings: "wght" 300 !important;
    line-height: 1.7 !important;
}

[data-catalog-results-count-045] {
    margin-top: .18rem !important;
    font-size: 1rem !important;
    font-weight: 300 !important;
    font-variation-settings: "wght" 300 !important;
    line-height: 1.65 !important;
    color: #202826 !important;
}

/* Compact, bold service-card titles on services pages. */
.service-card-0435__title {
    font-size: clamp(1.08rem, 1.1vw, 1.32rem) !important;
    font-weight: 800 !important;
    font-variation-settings: "wght" 800 !important;
    line-height: 1.65 !important;
    letter-spacing: -.012em !important;
}

.service-card-0435__meta,
.service-card-0435__address,
.service-card-0435__price-label,
.service-card-0435__feature,
.service-card-0435__category,
.service-card-0435__city {
    font-weight: 300 !important;
    font-variation-settings: "wght" 300 !important;
}

@media (max-width: 640px) {
    [data-catalog-home-search-grid-045] {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    [data-catalog-home-search-submit-045] {
        width: 100% !important;
    }
}

/* BATALAR-045-CATALOG-SEARCH-POLISH-END */

/* BATALAR-046-FEATURES-INLINE-CENTER-START */

/* فقط بخش امکانات صفحه جزئیات */
[data-listing-detail-041] #features .grid > * {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .7rem !important;
    min-height: 4.4rem !important;
    text-align: center !important;
}

/* اگر کارت یک wrapper داخلی داشته باشد، همان هم افقی و وسط‌چین شود */
[data-listing-detail-041] #features .grid > * > div {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .7rem !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
}

[data-listing-detail-041] #features .grid > * i,
[data-listing-detail-041] #features .grid > * svg {
    display: inline-block !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

[data-listing-detail-041] #features .grid > * span,
[data-listing-detail-041] #features .grid > * strong,
[data-listing-detail-041] #features .grid > * p {
    margin: 0 !important;
    line-height: 1.55 !important;
}

[data-listing-detail-041] #features .grid > * .mt-1,
[data-listing-detail-041] #features .grid > * .mt-2,
[data-listing-detail-041] #features .grid > * .mt-3 {
    margin-top: 0 !important;
}

@media (max-width: 767px) {
    [data-listing-detail-041] #features .grid > * {
        min-height: 4rem !important;
        gap: .55rem !important;
    }
}

/* BATALAR-046-FEATURES-INLINE-CENTER-END */

/* BATALAR-049-PUBLIC-LOGO-START */
[data-listing-gallery-037] {
    position: relative !important;
}

[data-listing-logo-overlay-049] {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
    z-index: 16;
    display: grid;
    width: 4rem;
    height: 4rem;
    place-items: center;
    overflow: hidden;
    padding: .35rem;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 .55rem 1.5rem rgba(24, 32, 29, .14);
    backdrop-filter: blur(.65rem);
}

[data-listing-logo-overlay-049] img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

@media (max-width: 767px) {
    [data-listing-logo-overlay-049] {
        left: .65rem;
        bottom: .65rem;
        width: 3.25rem;
        height: 3.25rem;
        border-radius: .9rem;
    }
}
/* BATALAR-049-PUBLIC-LOGO-END */

/* BATALAR-055-2-MOBILE-CATEGORY-CATALOG-START */
/* Category hero + catalog browser mobile polish. Desktop remains unchanged. */
.batalar-catalog-mobile-filter-0552 {
    display: none;
}

@media (max-width: 1023px) {
    /* Category hero: compact, centered and balanced instead of a tall stack. */
    [data-category-hero] > div {
        padding-top: 28px !important;
        padding-bottom: 32px !important;
    }

    [data-category-hero] nav[aria-label="مسیر صفحه"] {
        width: 100% !important;
        padding-bottom: 2px !important;
        gap: 7px !important;
        font-size: 10px !important;
        white-space: nowrap !important;
        scrollbar-width: none !important;
    }

    [data-category-hero] nav[aria-label="مسیر صفحه"]::-webkit-scrollbar {
        display: none !important;
    }

    [data-category-hero] nav[aria-label="مسیر صفحه"] + div {
        margin-top: 22px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 15px !important;
        text-align: center !important;
    }

    [data-category-hero] nav[aria-label="مسیر صفحه"] + div > span:first-child {
        width: 76px !important;
        height: 76px !important;
        min-width: 76px !important;
        min-height: 76px !important;
        border-radius: 24px !important;
    }

    [data-category-hero] nav[aria-label="مسیر صفحه"] + div > span:first-child i,
    [data-category-hero] nav[aria-label="مسیر صفحه"] + div > span:first-child svg,
    [data-category-hero] nav[aria-label="مسیر صفحه"] + div > span:first-child img {
        max-width: 38px !important;
        max-height: 38px !important;
        font-size: 38px !important;
    }

    [data-category-hero] nav[aria-label="مسیر صفحه"] + div > div:nth-child(2) {
        width: min(100%, 560px) !important;
        text-align: center !important;
    }

    [data-category-hero] h1 {
        margin-top: 10px !important;
        font-size: clamp(28px, 7vw, 34px) !important;
        line-height: 1.45 !important;
        letter-spacing: -0.02em !important;
    }

    [data-category-hero] h1 + p,
    [data-category-hero] nav[aria-label="مسیر صفحه"] + div > div:nth-child(2) > p {
        margin: 8px auto 0 !important;
        max-width: 520px !important;
        font-size: 13px !important;
        line-height: 2 !important;
        text-align: center !important;
    }

    [data-category-hero] nav[aria-label="مسیر صفحه"] + div > div:last-child {
        width: min(270px, 100%) !important;
        min-height: 58px !important;
        margin: 1px auto 0 !important;
        padding: 10px 16px !important;
        display: flex !important;
        align-items: baseline !important;
        justify-content: center !important;
        gap: 8px !important;
        border-radius: 20px !important;
    }

    [data-category-hero] nav[aria-label="مسیر صفحه"] + div > div:last-child strong {
        font-size: 25px !important;
        line-height: 1 !important;
    }

    [data-category-hero] nav[aria-label="مسیر صفحه"] + div > div:last-child span {
        margin: 0 !important;
        font-size: 10px !important;
        line-height: 1.5 !important;
    }

    [data-category-hero] nav[aria-label="مسیر صفحه"] + div + div {
        width: 100% !important;
        margin-top: 22px !important;
        padding-bottom: 3px !important;
        gap: 8px !important;
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        scrollbar-width: none !important;
    }

    [data-category-hero] nav[aria-label="مسیر صفحه"] + div + div::-webkit-scrollbar {
        display: none !important;
    }

    [data-category-hero] nav[aria-label="مسیر صفحه"] + div + div > a {
        flex: 0 0 auto !important;
        min-height: 40px !important;
        padding-inline: 13px !important;
        border-radius: 14px !important;
        font-size: 11px !important;
    }

    /* Mobile catalog: show a compact filter trigger, then search/results. */
    #catalog-filter-form {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 14px !important;
    }

    .batalar-catalog-mobile-filter-0552 {
        order: 1 !important;
        width: 100% !important;
        min-height: 54px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        padding: 10px 15px !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 17px !important;
        background: #ffffff !important;
        color: #303633 !important;
        box-shadow: 0 10px 28px rgba(20, 32, 28, .055) !important;
        text-align: right !important;
        font-size: 13px !important;
        font-weight: 800 !important;
    }

    .batalar-catalog-mobile-filter-0552 > span {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .batalar-catalog-mobile-filter-0552 > span i {
        color: #00b88a !important;
        font-size: 20px !important;
    }

    .batalar-catalog-mobile-filter-0552 > i {
        font-size: 18px !important;
        transition: transform .2s ease !important;
    }

    .batalar-catalog-mobile-filter-0552[aria-expanded="true"] > i {
        transform: rotate(180deg) !important;
    }

    #catalog-filter-form [data-catalog-results-column] {
        order: 2 !important;
        width: 100% !important;
    }

    #catalog-filter-form [data-catalog-filter-sidebar] {
        order: 3 !important;
        width: 100% !important;
        display: none !important;
        position: static !important;
    }

    #catalog-filter-form [data-catalog-filter-sidebar][data-mobile-open="true"] {
        display: block !important;
    }

    #catalog-filter-form [data-catalog-filter-panel] {
        border-radius: 20px !important;
        padding: 16px !important;
        box-shadow: 0 12px 32px rgba(20, 32, 28, .06) !important;
    }

    #catalog-filter-form [data-catalog-live-search] {
        border-radius: 20px !important;
        padding: 10px !important;
    }

    #catalog-filter-form [data-catalog-live-search] input[type="search"] {
        min-height: 54px !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        font-size: 14px !important;
    }

    #catalog-filter-form [data-catalog-search-submit] {
        min-height: 52px !important;
    }
}

@media (min-width: 1024px) {
    #catalog-filter-form [data-catalog-filter-sidebar] {
        display: block !important;
    }
}
/* BATALAR-055-2-MOBILE-CATEGORY-CATALOG-END */

/* BATALAR-055-3-MOBILE-CATEGORY-DRAWER-START */
/* Mobile-only compact category hero + wrap chips + left drawer filters. */
@media (max-width: 1023px) {
    /* Compact hero: keep only the title visible and bring chips right below it. */
    [data-category-hero] > div {
        padding-top: 14px !important;
        padding-bottom: 18px !important;
    }

    [data-category-hero] nav[aria-label="مسیر صفحه"] {
        display: none !important;
    }

    [data-category-hero] nav[aria-label="مسیر صفحه"] + div {
        margin-top: 0 !important;
        display: block !important;
        text-align: center !important;
    }

    [data-category-hero] nav[aria-label="مسیر صفحه"] + div > span:first-child,
    [data-category-hero] nav[aria-label="مسیر صفحه"] + div > div:first-of-type > span:first-child,
    [data-category-hero] nav[aria-label="مسیر صفحه"] + div > div:last-child,
    [data-category-hero] nav[aria-label="مسیر صفحه"] + div > div:nth-child(2) > p,
    [data-category-hero] nav[aria-label="مسیر صفحه"] + div > p,
    [data-category-hero] [data-category-hero-badge],
    [data-category-hero] [data-category-hero-stat] {
        display: none !important;
    }

    [data-category-hero] h1 {
        margin: 0 !important;
        font-size: clamp(22px, 7vw, 30px) !important;
        line-height: 1.35 !important;
        letter-spacing: -0.02em !important;
        text-align: center !important;
    }

    [data-category-hero] h1 + p {
        display: none !important;
    }

    [data-category-hero] nav[aria-label="مسیر صفحه"] + div + div {
        width: 100% !important;
        margin-top: 14px !important;
        padding-bottom: 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: stretch !important;
        gap: 8px !important;
        overflow: visible !important;
        white-space: normal !important;
        scrollbar-width: none !important;
    }

    [data-category-hero] nav[aria-label="مسیر صفحه"] + div + div::-webkit-scrollbar {
        display: none !important;
    }

    [data-category-hero] nav[aria-label="مسیر صفحه"] + div + div > a {
        flex: 0 1 auto !important;
        min-height: 38px !important;
        padding-inline: 12px !important;
        border-radius: 14px !important;
        font-size: 12px !important;
        max-width: calc(50% - 4px) !important;
        justify-content: center !important;
        text-align: center !important;
    }

    /* Catalog layout: closed by default, opened from a trigger into a left drawer. */
    #catalog-filter-form {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 14px !important;
    }

    #catalog-filter-form [data-catalog-results-column] {
        order: 2 !important;
        width: 100% !important;
    }

    .batalar-catalog-mobile-filter-0552 {
        order: 1 !important;
    }

    .batalar-catalog-mobile-filter-0552[data-catalog-mobile-filter-drawer-0553] {
        width: 100% !important;
        min-height: 54px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        padding: 10px 15px !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 17px !important;
        background: #ffffff !important;
        color: #172033 !important;
        box-shadow: 0 10px 28px rgba(20, 32, 28, .055) !important;
        text-align: right !important;
        font-size: 13px !important;
        font-weight: 800 !important;
    }

    .batalar-catalog-mobile-filter-0552[data-catalog-mobile-filter-drawer-0553] > span {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .batalar-catalog-mobile-filter-0552[data-catalog-mobile-filter-drawer-0553] > span i {
        color: #00b88a !important;
        font-size: 20px !important;
    }

    .batalar-catalog-mobile-filter-0552[data-catalog-mobile-filter-drawer-0553] > i {
        font-size: 18px !important;
        transition: transform .2s ease !important;
    }

    .batalar-catalog-mobile-filter-0552[data-catalog-mobile-filter-drawer-0553][aria-expanded="true"] > i {
        transform: rotate(180deg) !important;
    }

    [data-catalog-mobile-filter-overlay-0553] {
        position: fixed !important;
        inset: 0 !important;
        background: rgba(15, 23, 42, .36) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: opacity .22s ease, visibility .22s ease !important;
        z-index: 110 !important;
    }

    [data-catalog-mobile-filter-overlay-0553][data-mobile-open="true"] {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    #catalog-filter-form [data-catalog-filter-sidebar] {
        order: 3 !important;
        width: min(88vw, 360px) !important;
        max-width: 360px !important;
        display: block !important;
        position: fixed !important;
        inset: 0 auto 0 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: translateX(calc(-100% - 20px)) !important;
        transition: transform .24s ease !important;
        z-index: 120 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    #catalog-filter-form [data-catalog-filter-sidebar][data-mobile-open="true"] {
        transform: translateX(0) !important;
    }

    #catalog-filter-form [data-catalog-filter-panel] {
        position: relative !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
        overflow-y: auto !important;
        border-radius: 0 24px 24px 0 !important;
        padding: 18px 16px 24px !important;
        background: #ffffff !important;
        box-shadow: 0 24px 72px rgba(20, 32, 28, .14) !important;
    }

    #catalog-filter-form [data-catalog-filter-panel] > [data-catalog-mobile-filter-close-0553] {
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-bottom: 14px !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 14px !important;
        background: #ffffff !important;
        color: #172033 !important;
        box-shadow: 0 8px 24px rgba(20, 32, 28, .06) !important;
    }

    #catalog-filter-form [data-catalog-filter-panel] > [data-catalog-mobile-filter-close-0553] i {
        font-size: 18px !important;
    }

    #catalog-filter-form [data-catalog-live-search] {
        border-radius: 20px !important;
        padding: 10px !important;
    }

    #catalog-filter-form [data-catalog-live-search] input[type="search"] {
        min-height: 54px !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        font-size: 14px !important;
    }
}

@media (min-width: 1024px) {
    [data-catalog-mobile-filter-overlay-0553] {
        display: none !important;
    }

    #catalog-filter-form [data-catalog-filter-sidebar] {
        display: block !important;
        position: static !important;
        inset: auto !important;
        width: 100% !important;
        max-width: none !important;
        transform: none !important;
        z-index: auto !important;
    }

    #catalog-filter-form [data-catalog-filter-panel] > [data-catalog-mobile-filter-close-0553] {
        display: none !important;
    }
}
/* BATALAR-055-3-MOBILE-CATEGORY-DRAWER-END */

/* BATALAR-055-3-3-MOBILE-FILTER-CONTROLS-START */
/* Drawer must sit above the public header, close reliably, and keep Apply visible. */
@media (max-width: 1023px) {
    html body [data-catalog-mobile-filter-overlay-0553] {
        position: fixed !important;
        inset: 0 !important;
        z-index: 5090 !important;
        background: rgba(20, 25, 23, .58) !important;
        -webkit-backdrop-filter: blur(1.5px) !important;
        backdrop-filter: blur(1.5px) !important;
        cursor: pointer !important;
    }

    html body [data-catalog-mobile-filter-overlay-0553][data-mobile-open="true"] {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    html body #catalog-filter-form [data-catalog-filter-sidebar] {
        z-index: 5100 !important;
        isolation: isolate !important;
    }

    html body #catalog-filter-form [data-catalog-filter-panel] {
        position: relative !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
        padding-top: 14px !important;
        padding-bottom: 104px !important;
        overscroll-behavior: contain !important;
    }

    html body #catalog-filter-form [data-catalog-mobile-filter-close-0553] {
        position: sticky !important;
        top: 0 !important;
        z-index: 7 !important;
        width: 46px !important;
        min-width: 46px !important;
        height: 46px !important;
        display: grid !important;
        place-items: center !important;
        margin: 0 auto 14px 0 !important;
        padding: 0 !important;
        border: 1px solid #e2e7e4 !important;
        border-radius: 14px !important;
        background: rgba(255, 255, 255, .98) !important;
        color: #26312d !important;
        box-shadow: 0 10px 28px rgba(20, 32, 28, .10) !important;
        cursor: pointer !important;
    }

    html body #catalog-filter-form [data-catalog-mobile-filter-close-0553] i {
        display: block !important;
        color: currentColor !important;
        font-size: 22px !important;
        line-height: 1 !important;
    }

    html body #catalog-filter-form [data-catalog-mobile-filter-apply-wrap-05533] {
        position: absolute !important;
        z-index: 8 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        padding: 12px 14px max(14px, env(safe-area-inset-bottom)) !important;
        border-top: 1px solid #e8ecea !important;
        background: rgba(255, 255, 255, .96) !important;
        -webkit-backdrop-filter: blur(12px) !important;
        backdrop-filter: blur(12px) !important;
        box-shadow: 0 -12px 32px rgba(20, 32, 28, .08) !important;
    }

    html body #catalog-filter-form [data-catalog-mobile-filter-apply-05533] {
        width: 100% !important;
        min-height: 54px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        padding-inline: 18px !important;
        border: 0 !important;
        border-radius: 16px !important;
        background: #01FFCD !important;
        color: #26312d !important;
        -webkit-text-fill-color: #26312d !important;
        font-size: 15px !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;
        box-shadow: none !important;
        cursor: pointer !important;
    }

    html body #catalog-filter-form [data-catalog-mobile-filter-apply-05533] i {
        color: currentColor !important;
        font-size: 19px !important;
    }
}

@media (min-width: 1024px) {
    [data-catalog-mobile-filter-apply-wrap-05533] {
        display: none !important;
    }
}
/* BATALAR-055-3-3-MOBILE-FILTER-CONTROLS-END */

/* BATALAR-055-3-4-MOBILE-FILTER-HEADER-START */
@media (max-width: 1023px) {
    html.batalar-catalog-filter-open-05534 body [data-home-header],
    html.batalar-catalog-filter-open-05534 body .home-top-header {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    html.batalar-catalog-filter-open-05534,
    html.batalar-catalog-filter-open-05534 body {
        overflow: hidden !important;
    }

    html body #catalog-filter-form [data-catalog-filter-sidebar] {
        top: 0 !important;
        bottom: 0 !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
        overflow: hidden !important;
        background: #ffffff !important;
        z-index: 5200 !important;
    }

    html body #catalog-filter-form [data-catalog-mobile-filter-drawer-head-05534] {
        position: relative !important;
        z-index: 30 !important;
        width: 100% !important;
        min-height: 68px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 14px !important;
        padding: max(11px, env(safe-area-inset-top)) 16px 11px !important;
        border-bottom: 1px solid #edf0ee !important;
        background: rgba(255, 255, 255, .985) !important;
        -webkit-backdrop-filter: blur(14px) !important;
        backdrop-filter: blur(14px) !important;
        box-shadow: 0 8px 24px rgba(20, 32, 28, .045) !important;
    }

    html body #catalog-filter-form [data-catalog-mobile-filter-drawer-head-05534] strong {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        color: #26312d !important;
        font-size: 16px !important;
        line-height: 1.4 !important;
        font-weight: 900 !important;
    }

    html body #catalog-filter-form [data-catalog-mobile-filter-drawer-head-05534] strong i {
        color: #00b88a !important;
        font-size: 20px !important;
    }

    html body #catalog-filter-form [data-catalog-mobile-filter-close-05534] {
        position: relative !important;
        inset: auto !important;
        z-index: 40 !important;
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        display: grid !important;
        place-items: center !important;
        flex: 0 0 46px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid #dde3e0 !important;
        border-radius: 14px !important;
        background: #ffffff !important;
        color: #202725 !important;
        box-shadow: 0 7px 20px rgba(20, 32, 28, .08) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        cursor: pointer !important;
    }

    html body #catalog-filter-form [data-catalog-mobile-filter-close-05534] i {
        display: block !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        color: currentColor !important;
        font-size: 25px !important;
        line-height: 1 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    html body #catalog-filter-form [data-catalog-filter-panel] > [data-catalog-mobile-filter-close-0553]:not([data-catalog-mobile-filter-close-05534]) {
        display: none !important;
    }

    html body #catalog-filter-form [data-catalog-filter-panel] {
        height: calc(100dvh - 68px) !important;
        min-height: 0 !important;
        max-height: calc(100dvh - 68px) !important;
        overflow-y: auto !important;
        padding-top: 16px !important;
        padding-bottom: 104px !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    html body [data-catalog-mobile-filter-overlay-0553] {
        z-index: 5190 !important;
        background: rgba(18, 23, 21, .64) !important;
        -webkit-backdrop-filter: blur(2px) !important;
        backdrop-filter: blur(2px) !important;
    }
}

@media (min-width: 1024px) {
    [data-catalog-mobile-filter-drawer-head-05534] {
        display: none !important;
    }
}
/* BATALAR-055-3-4-MOBILE-FILTER-HEADER-END */

/* BATALAR-055-3-5-MOBILE-FILTER-FOOTER-ACTIONS-START */
/*
 * Stage 055.3.5
 * - the old top drawer header is intentionally hidden on mobile;
 * - close is moved beside Apply in the sticky bottom action bar;
 * - previous 055.3.x DOM/data contracts stay present for regression safety;
 * - no Tailwind rebuild is required.
 */
@media (max-width: 1023px) {
    /* The 055.3.4 header stays in DOM for compatibility, but is no longer visible. */
    html body #catalog-filter-form [data-catalog-mobile-filter-drawer-head-05534] {
        display: none !important;
    }

    /* Drawer now owns the full viewport because there is no visible top drawer header. */
    html body #catalog-filter-form [data-catalog-filter-sidebar] {
        top: 0 !important;
        bottom: 0 !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
        max-height: 100dvh !important;
        overflow: hidden !important;
        z-index: 5200 !important;
    }

    html body #catalog-filter-form [data-catalog-filter-panel] {
        height: 100dvh !important;
        min-height: 100dvh !important;
        max-height: 100dvh !important;
        overflow-y: auto !important;
        padding-top: max(18px, env(safe-area-inset-top)) !important;
        padding-bottom: 104px !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overscroll-behavior: contain !important;
    }

    /* Any historical close control outside the bottom action bar must stay invisible. */
    html body #catalog-filter-form [data-catalog-mobile-filter-close-05534],
    html body #catalog-filter-form [data-catalog-mobile-filter-close-0553]:not([data-catalog-mobile-filter-footer-close-05535]) {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    /* Bottom bar: close button + Apply button side by side. */
    html body #catalog-filter-form [data-catalog-mobile-filter-apply-wrap-05533] {
        position: absolute !important;
        z-index: 80 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        min-height: 82px !important;
        display: grid !important;
        grid-template-columns: 54px minmax(0, 1fr) !important;
        align-items: stretch !important;
        gap: 10px !important;
        direction: ltr !important;
        padding: 12px 14px max(14px, env(safe-area-inset-bottom)) !important;
        border-top: 1px solid #e8ecea !important;
        background: rgba(255, 255, 255, .97) !important;
        -webkit-backdrop-filter: blur(14px) !important;
        backdrop-filter: blur(14px) !important;
        box-shadow: 0 -14px 34px rgba(20, 32, 28, .09) !important;
    }

    html body #catalog-filter-form [data-catalog-mobile-filter-footer-close-05535] {
        grid-column: 1 !important;
        width: 54px !important;
        min-width: 54px !important;
        max-width: 54px !important;
        min-height: 54px !important;
        height: 100% !important;
        display: grid !important;
        place-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid #dfe5e2 !important;
        border-radius: 16px !important;
        background: #ffffff !important;
        color: #26312d !important;
        -webkit-text-fill-color: #26312d !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        cursor: pointer !important;
    }

    html body #catalog-filter-form [data-catalog-mobile-filter-footer-close-05535] i {
        display: block !important;
        margin: 0 !important;
        color: currentColor !important;
        font-size: 24px !important;
        line-height: 1 !important;
    }

    html body #catalog-filter-form [data-catalog-mobile-filter-apply-05533] {
        grid-column: 2 !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 54px !important;
        height: 100% !important;
        margin: 0 !important;
        border-radius: 16px !important;
        direction: rtl !important;
    }
}

@media (min-width: 1024px) {
    [data-catalog-mobile-filter-footer-close-05535] {
        display: none !important;
    }
}
/* BATALAR-055-3-5-MOBILE-FILTER-FOOTER-ACTIONS-END */

/* BATALAR-0722-STORY-SEEN-RING-START */
/*
Seen state is stronger than both regular unread and subscriber unread rings.
Unread subscribers keep the green subscription ring; once every current story
for that business is seen, the ring becomes neutral.
*/
.services-story-ring-033.is-seen-036,
.services-story-ring-033.has-story-033.is-seen-036,
.services-story-ring-033.is-subscriber-044.is-seen-036 {
    background: #e4e4e7 !important;
    box-shadow: none !important;
}
/* BATALAR-0722-STORY-SEEN-RING-END */

/* BATALAR-0723-STORY-PLAN-RINGS-START */
/*
Unread story rings by subscription tier:
- Professional / ویژه => Batalar green
- Premium / ممتاز => rose red
Seen state always wins and becomes neutral gray.
*/
.services-story-ring-033.is-subscriber-044.is-special-plan-0723:not(.is-seen-036) {
    background: var(--btl-primary, #01FFCD) !important;
    box-shadow: 0 0 0 .16rem rgba(16, 255, 205, .16) !important;
}

.services-story-ring-033.is-subscriber-044.is-premium-plan-0723:not(.is-seen-036) {
    background: #ff4d6d !important;
    box-shadow: 0 0 0 .16rem rgba(255, 77, 109, .16) !important;
}

.services-story-ring-033.is-seen-036,
.services-story-ring-033.has-story-033.is-seen-036,
.services-story-ring-033.is-subscriber-044.is-special-plan-0723.is-seen-036,
.services-story-ring-033.is-subscriber-044.is-premium-plan-0723.is-seen-036 {
    background: #e4e4e7 !important;
    box-shadow: none !important;
}
/* BATALAR-0723-STORY-PLAN-RINGS-END */

/* BATALAR-117-MIN-RATING-START */
[data-catalog-rating-filter-117] {
    overflow: hidden;
}

.batalar-min-rating-stars-117 {
    direction: rtl;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 14px;
    padding: 10px 8px;
    border: 1px solid rgba(39, 39, 42, 0.10);
    border-radius: 18px;
    background: #fff;
}

.batalar-min-rating-star-117 {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: inline-grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: 13px;
    background: transparent;
    color: #d4d4d8;
    cursor: pointer;
    transition: color .16s ease, background-color .16s ease, transform .16s ease;
}

.batalar-min-rating-star-117 i {
    font-size: 25px;
    line-height: 1;
}

.batalar-min-rating-star-117:hover {
    color: #01FFCD;
    background: rgba(16, 255, 205, 0.08);
    transform: translateY(-1px);
}

.batalar-min-rating-star-117.is-active {
    color: #01FFCD;
}

.batalar-min-rating-star-117:focus-visible {
    outline: 2px solid #01FFCD;
    outline-offset: 2px;
}

.batalar-min-rating-clear-117 {
    width: 100%;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 8px;
    border: 1px solid rgba(39, 39, 42, 0.10);
    border-radius: 14px;
    background: #fff;
    color: #a1a1aa;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

.batalar-min-rating-clear-117.is-visible {
    border-color: rgba(16, 255, 205, 0.35);
    color: #3f4a46;
    background: rgba(16, 255, 205, 0.06);
}

@media (max-width: 420px) {
    .batalar-min-rating-stars-117 {
        gap: 4px;
        padding-inline: 4px;
    }

    .batalar-min-rating-star-117 {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }

    .batalar-min-rating-star-117 i {
        font-size: 23px;
    }
}
/* BATALAR-117-MIN-RATING-END */

/* BATALAR-122-ADD-SERVICE-CTA-START */
.batalar-add-service-cta-122 {
    width: 100%;
    margin: 0;
    padding: 28px 16px;
    background: #ffffff !important;
    border: 0 !important;
    box-shadow: none !important;
}

.batalar-add-service-cta-122__card {
    width: min(100%, 1180px);
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 22px 24px;
    border: 1px solid rgba(35, 40, 39, .08);
    border-radius: 22px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(35, 40, 39, .05);
}

.batalar-add-service-cta-122__content {
    min-width: 0;
    flex: 1 1 auto;
}

.batalar-add-service-cta-122__content h2 {
    margin: 0;
    color: #232827;
    font-size: clamp(18px, 2vw, 24px);
    font-weight: 900;
    line-height: 1.65;
}

.batalar-add-service-cta-122__content p {
    max-width: 760px;
    margin: 8px 0 0;
    color: #6b7471;
    font-size: 13px;
    font-weight: 600;
    line-height: 2;
}

.batalar-add-service-cta-122__button {
    flex: 0 0 auto;
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 24px;
    border: 0 !important;
    border-radius: 16px;
    background: #01FFCD !important;
    color: #232827 !important;
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
    text-decoration: none !important;
    box-shadow: none !important;
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background-color .18s ease;
}

.batalar-add-service-cta-122__button:hover {
    background: #0df0c1 !important;
    color: #232827 !important;
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(16, 255, 205, .18) !important;
}

.batalar-add-service-cta-122__button:focus-visible {
    outline: 3px solid rgba(16, 255, 205, .28);
    outline-offset: 3px;
}

.batalar-add-service-cta-122__button i {
    font-size: 18px;
    line-height: 1;
}

@media (max-width: 760px) {
    .batalar-add-service-cta-122 {
        padding: 18px 14px;
    }

    .batalar-add-service-cta-122__card {
        align-items: stretch;
        flex-direction: column;
        gap: 16px;
        padding: 18px;
        border-radius: 18px;
    }

    .batalar-add-service-cta-122__content h2 {
        font-size: 17px;
    }

    .batalar-add-service-cta-122__content p {
        font-size: 12px;
        line-height: 1.9;
    }

    .batalar-add-service-cta-122__button {
        width: 100%;
        min-height: 48px;
        border-radius: 14px;
    }
}
/* BATALAR-122-ADD-SERVICE-CTA-END */

/* BATALAR-PRIMARY-01FFCD-SERVICES-ICONS-START */
[data-services-index-page] i[class*="ph"],
[data-services-index-page] .ph,
[data-services-index-page] .ph-fill,
[data-services-index-page] .ph-duotone,
[data-services-index-page] .ph-bold,
[data-services-index-page] .ph-light,
[data-services-index-page] .ph-thin {
    color: #01FFCD !important;
}

/* Uploaded category SVGs keep their own artwork. CurrentColor-based icons
   on the Services page are forced to the exact project primary. */
[data-services-index-page] svg,
[data-services-index-page] [data-icon] {
    color: #01FFCD !important;
}
/* BATALAR-PRIMARY-01FFCD-SERVICES-ICONS-END */

/* BATALAR-124-CATALOG-FILTER-EXACT-START */
/* Visual order is controlled by the template. This block only styles the
   exact requested surfaces and SVG sizing. */

[data-catalog-special-filter-124] {
    position: relative !important;
    min-height: 72px !important;
    overflow: hidden !important;
    border: 1px solid rgba(1, 255, 205, .18) !important;
    border-radius: 1.25rem !important;
    background:
        radial-gradient(circle at 12% 18%, rgba(1,255,205,.22), transparent 28%),
        linear-gradient(135deg, #09111D 0%, #131D2C 52%, #26354A 100%) !important;
    color: #FFFFFF !important;
    box-shadow: 0 16px 36px rgba(9, 17, 29, .16) !important;
}

[data-catalog-special-filter-124]::after {
    content: "";
    position: absolute;
    inset: auto -20px -46px auto;
    width: 120px;
    height: 120px;
    border-radius: 999px;
    background: rgba(1,255,205,.08);
    pointer-events: none;
}

[data-catalog-special-filter-124],
[data-catalog-special-filter-124] span {
    color: #FFFFFF !important;
}

[data-catalog-special-filter-124] i {
    color: #01FFCD !important;
}

[data-catalog-special-filter-124] input[type="checkbox"] {
    accent-color: #01FFCD !important;
}

[data-catalog-dynamic-filters-124] {
    margin-top: 0 !important;
}

[data-catalog-dynamic-filters-124] > .mt-4 {
    margin-top: 0 !important;
}

.batalar-catalog-subcategory-svg-124 {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    object-fit: contain !important;
    object-position: center !important;
    font-size: 22px !important;
    line-height: 1 !important;
    color: #01FFCD !important;
}

[data-catalog-dynamic-filters-124] section:first-child a > span {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    display: inline-grid !important;
    place-items: center !important;
    border-radius: 10px !important;
    background: rgba(1,255,205,.08) !important;
}

[data-catalog-rating-filter-124] {
    margin-bottom: 0 !important;
}
/* BATALAR-124-CATALOG-FILTER-EXACT-END */

/* BATALAR-124-MOBILE-RESULTS-HEADER-START */
@media (max-width: 640px) {
    [data-services-results-header-0435] {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        min-height: 72px !important;
        margin-bottom: 14px !important;
        padding: 12px 14px !important;
        border-radius: 20px !important;
    }

    [data-services-results-header-0435] > div:first-child {
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }

    [data-services-results-kicker-0435] {
        display: none !important;
    }

    [data-services-results-count-0435] {
        margin: 0 !important;
        overflow: hidden !important;
        color: #222927 !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        font-variation-settings: "wght" 500 !important;
        line-height: 1.5 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    [data-services-results-sort-0435] {
        flex: 0 0 auto !important;
        gap: 0 !important;
        margin: 0 !important;
    }

    [data-services-results-sort-0435] > span {
        display: none !important;
    }

    [data-services-results-sort-0435] select {
        width: 116px !important;
        min-width: 116px !important;
        max-width: 116px !important;
        min-height: 42px !important;
        height: 42px !important;
        padding-inline: 12px 30px !important;
        border-radius: 14px !important;
        background-color: #fafafa !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        font-variation-settings: "wght" 600 !important;
        line-height: 1 !important;
    }
}

@media (max-width: 380px) {
    [data-services-results-header-0435] {
        gap: 8px !important;
        padding-inline: 11px !important;
    }

    [data-services-results-count-0435] {
        font-size: 12px !important;
    }

    [data-services-results-sort-0435] select {
        width: 104px !important;
        min-width: 104px !important;
        max-width: 104px !important;
        padding-inline: 10px 26px !important;
        font-size: 10px !important;
    }
}
/* BATALAR-124-MOBILE-RESULTS-HEADER-END */

/* BATALAR-124-FILTER-FLAT-START */
/*
 * Catalog filter visual cleanup:
 * - every textual element uses Yekan weight 400
 * - keep one main filter panel
 * - flatten nested filter cards into clean separated sections
 * - preserve the dedicated dark special-provider card
 */

[data-catalog-filter-panel],
[data-catalog-filter-panel] p,
[data-catalog-filter-panel] span,
[data-catalog-filter-panel] small,
[data-catalog-filter-panel] label,
[data-catalog-filter-panel] h2,
[data-catalog-filter-panel] h3,
[data-catalog-filter-panel] strong,
[data-catalog-filter-panel] b,
[data-catalog-filter-panel] button,
[data-catalog-filter-panel] input,
[data-catalog-filter-panel] select,
[data-catalog-filter-panel] option {
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;
}

/* Keep icon fonts independent from text weight. */
[data-catalog-filter-panel] i,
[data-catalog-filter-panel] [class^="ph-"],
[data-catalog-filter-panel] [class*=" ph-"] {
    font-variation-settings: normal !important;
}

/* Main shell stays as the single visible container. */
[data-catalog-filter-panel] {
    border-color: rgba(39, 48, 45, .08) !important;
    border-radius: 28px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 28px rgba(24, 37, 33, .035) !important;
}

[data-catalog-filter-panel] > header {
    margin-bottom: 16px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid rgba(39, 48, 45, .07) !important;
}

[data-catalog-filter-panel] > header h2 {
    font-size: 1.15rem !important;
    line-height: 1.55 !important;
}

[data-catalog-filter-panel] > header p {
    font-size: .72rem !important;
}

/*
 * Flatten the standard static filter sections.
 * The special provider block is intentionally excluded.
 */
[data-catalog-filter-order-124] > section,
[data-catalog-filter-panel] > .space-y-4 > section:not([data-catalog-special-filter-124]),
[data-catalog-dynamic-filters-124] section {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 16px 0 !important;
    margin: 0 !important;
}

[data-catalog-filter-order-124] > section + section,
[data-catalog-dynamic-filters-124] section + section {
    border-top: 1px solid rgba(39, 48, 45, .07) !important;
}

/* Dynamic filter wrapper should not create another visual box. */
[data-catalog-dynamic-filters-124],
[data-catalog-dynamic-filters-124] > .mt-4 {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Special providers remains the single highlighted inner card. */
[data-catalog-special-filter-124] {
    margin-bottom: 4px !important;
    padding: 16px 18px !important;
    border-radius: 20px !important;
}

[data-catalog-special-filter-124],
[data-catalog-special-filter-124] span {
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;
}

/* City: remove the nested field-card feeling, keep only the control itself. */
[data-catalog-city-filter-124] > label {
    margin-bottom: 10px !important;
}

[data-catalog-city-picker-074] > button {
    min-height: 54px !important;
    border-color: rgba(39, 48, 45, .09) !important;
    border-radius: 16px !important;
    background: #fbfcfc !important;
    box-shadow: none !important;
}

[data-catalog-city-picker-074] > button > span > span:first-child {
    width: 34px !important;
    height: 34px !important;
    border-radius: 11px !important;
}

/* Subcategory chips: lighter, less card-like. */
[data-catalog-dynamic-filters-124] section:first-child > div {
    gap: 8px !important;
}

[data-catalog-dynamic-filters-124] section:first-child a {
    min-height: 36px !important;
    padding: 6px 10px !important;
    border-color: rgba(39, 48, 45, .08) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

[data-catalog-dynamic-filters-124] section:first-child a > span {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    border-radius: 8px !important;
    background: rgba(1, 255, 205, .07) !important;
}

.batalar-catalog-subcategory-svg-124 {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    font-size: 18px !important;
}

/* Feature rows: turn separate rounded cards into clean list rows. */
[data-catalog-dynamic-filters-124] section:nth-child(n+2) .grid.gap-2 > label {
    min-height: 46px !important;
    padding: 10px 4px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(39, 48, 45, .065) !important;
    border-radius: 0 !important;
    background: transparent !important;
}

[data-catalog-dynamic-filters-124] section:nth-child(n+2) .grid.gap-2 > label:last-child {
    border-bottom: 0 !important;
}

/* Price and rating sections should feel like simple sections, not cards. */
[data-catalog-price-filter-124],
[data-catalog-rating-filter-124] {
    background: transparent !important;
}

[data-catalog-price-filter-124] .rounded-xl,
[data-catalog-rating-filter-124] .batalar-min-rating-stars-117,
[data-catalog-rating-filter-124] .batalar-min-rating-clear-117 {
    box-shadow: none !important;
}

/* Mobile density: slightly tighter while staying touch-friendly. */
@media (max-width: 1023px) {
    [data-catalog-filter-panel] {
        padding-inline: 18px !important;
    }

    [data-catalog-filter-order-124] > section,
    [data-catalog-dynamic-filters-124] section {
        padding-block: 14px !important;
    }

    [data-catalog-special-filter-124] {
        padding: 15px 16px !important;
    }
}
/* BATALAR-124-FILTER-FLAT-END */

/* BATALAR-124-FILTER-TITLES-FEATURES-START */
/* Slightly stronger hierarchy while keeping every filter text at weight 400. */

[data-catalog-filter-panel] > header h2 {
    font-size: 1.28rem !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;
}

[data-catalog-filter-panel] section > label:first-child,
[data-catalog-filter-panel] section > h3:first-child,
[data-catalog-price-filter-124] > div:first-child > label,
[data-catalog-rating-filter-124] h3 {
    font-size: .9rem !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;
}

/* Dynamic section titles (زیردسته‌ها، امکانات و attribute headings). */
[data-catalog-dynamic-filters-124] section > h3 {
    margin-bottom: 10px !important;
    font-size: .9rem !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;
}

/* Compact the امکانات block without affecting other dynamic filters. */
[data-catalog-dynamic-filters-124] section:has(> h3 .ph-check-square) {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

[data-catalog-dynamic-filters-124] section:has(> h3 .ph-check-square) > h3 {
    margin-bottom: 6px !important;
}

[data-catalog-dynamic-filters-124] section:has(> h3 .ph-check-square) .grid.gap-2 {
    gap: 0 !important;
}

[data-catalog-dynamic-filters-124] section:has(> h3 .ph-check-square) .grid.gap-2 > label {
    min-height: 39px !important;
    padding: 6px 2px !important;
    gap: 9px !important;
    font-size: .76rem !important;
}

[data-catalog-dynamic-filters-124] section:has(> h3 .ph-check-square) input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
}

[data-catalog-dynamic-filters-124] section:has(> h3 .ph-check-square) label > span:first-of-type {
    display: inline-grid !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    place-items: center !important;
}

[data-catalog-dynamic-filters-124] section:has(> h3 .ph-check-square) label > span:first-of-type img,
[data-catalog-dynamic-filters-124] section:has(> h3 .ph-check-square) label > span:first-of-type svg,
[data-catalog-dynamic-filters-124] section:has(> h3 .ph-check-square) label > span:first-of-type i {
    width: 17px !important;
    height: 17px !important;
    max-width: 17px !important;
    max-height: 17px !important;
    font-size: 17px !important;
}

/* Mobile: preserve hierarchy but avoid oversized headings. */
@media (max-width: 640px) {
    [data-catalog-filter-panel] > header h2 {
        font-size: 1.2rem !important;
    }

    [data-catalog-filter-panel] section > label:first-child,
    [data-catalog-filter-panel] section > h3:first-child,
    [data-catalog-price-filter-124] > div:first-child > label,
    [data-catalog-rating-filter-124] h3,
    [data-catalog-dynamic-filters-124] section > h3 {
        font-size: .86rem !important;
    }

    [data-catalog-dynamic-filters-124] section:has(> h3 .ph-check-square) .grid.gap-2 > label {
        min-height: 37px !important;
        padding-block: 5px !important;
        font-size: .74rem !important;
    }
}
/* BATALAR-124-FILTER-TITLES-FEATURES-END */

/* BATALAR-124-FEATURE-CHIPS-START */
/*
 * Compact selectable feature cards for catalog filters.
 * Uses the existing semantic checkbox markup; only presentation changes.
 * Selected state is driven directly from input:checked.
 */

[data-catalog-dynamic-filters-124] section:has(> h3 .ph-check-square) {
    padding-block: 12px !important;
}

[data-catalog-dynamic-filters-124] section:has(> h3 .ph-check-square) > h3 {
    margin-bottom: 8px !important;
    font-size: .9rem !important;
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;
}

/* Two compact cards per row inside the narrow filter drawer/sidebar. */
[data-catalog-dynamic-filters-124]
section:has(> h3 .ph-check-square)
> .grid.gap-2 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

/* Base feature card. */
[data-catalog-dynamic-filters-124]
section:has(> h3 .ph-check-square)
> .grid.gap-2
> label {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 7px !important;
    min-width: 0 !important;
    min-height: 46px !important;
    padding: 7px 9px !important;
    overflow: hidden !important;
    border: 1px solid rgba(39, 48, 45, .09) !important;
    border-radius: 13px !important;
    background: #ffffff !important;
    color: #4f5956 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition:
        border-color .16s ease,
        background-color .16s ease,
        color .16s ease,
        box-shadow .16s ease,
        transform .16s ease !important;
}

/* Keep the real checkbox accessible while visually hiding it. */
[data-catalog-dynamic-filters-124]
section:has(> h3 .ph-check-square)
> .grid.gap-2
> label
> input[type="checkbox"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Icon cell. */
[data-catalog-dynamic-filters-124]
section:has(> h3 .ph-check-square)
> .grid.gap-2
> label
> span:first-of-type {
    grid-column: 1 !important;
    display: grid !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    place-items: center !important;
    margin: 0 !important;
    border-radius: 7px !important;
    background: rgba(1, 255, 205, .08) !important;
    color: #01FFCD !important;
    transition:
        background-color .16s ease,
        color .16s ease !important;
}

[data-catalog-dynamic-filters-124]
section:has(> h3 .ph-check-square)
> .grid.gap-2
> label
> span:first-of-type
:is(img, svg, i) {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    object-fit: contain !important;
    font-size: 16px !important;
    line-height: 1 !important;
}

/* Feature name. */
[data-catalog-dynamic-filters-124]
section:has(> h3 .ph-check-square)
> .grid.gap-2
> label
> span:last-child {
    grid-column: 2 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: inherit !important;
    font-size: .72rem !important;
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;
    line-height: 1.45 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Hover without looking selected. */
[data-catalog-dynamic-filters-124]
section:has(> h3 .ph-check-square)
> .grid.gap-2
> label:hover {
    border-color: rgba(1, 255, 205, .48) !important;
    background: rgba(1, 255, 205, .035) !important;
    transform: translateY(-1px) !important;
}

/* Selected feature: unmistakable primary state. */
[data-catalog-dynamic-filters-124]
section:has(> h3 .ph-check-square)
> .grid.gap-2
> label:has(input[type="checkbox"]:checked) {
    border-color: #01FFCD !important;
    background: rgba(1, 255, 205, .13) !important;
    color: #25312d !important;
    box-shadow: 0 0 0 2px rgba(1, 255, 205, .11) !important;
    transform: none !important;
}

[data-catalog-dynamic-filters-124]
section:has(> h3 .ph-check-square)
> .grid.gap-2
> label:has(input[type="checkbox"]:checked)
> span:first-of-type {
    background: #01FFCD !important;
    color: #25312d !important;
}

/* Small selected check badge. */
[data-catalog-dynamic-filters-124]
section:has(> h3 .ph-check-square)
> .grid.gap-2
> label:has(input[type="checkbox"]:checked)::after {
    content: "✓" !important;
    position: absolute !important;
    inset-inline-end: 5px !important;
    inset-block-start: 5px !important;
    display: grid !important;
    width: 15px !important;
    height: 15px !important;
    place-items: center !important;
    border-radius: 999px !important;
    background: #25312d !important;
    color: #01FFCD !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

/* Keyboard focus remains clearly visible. */
[data-catalog-dynamic-filters-124]
section:has(> h3 .ph-check-square)
> .grid.gap-2
> label:has(input[type="checkbox"]:focus-visible) {
    outline: 2px solid #01FFCD !important;
    outline-offset: 2px !important;
}

/* Very narrow screens still keep the compact two-column layout. */
@media (max-width: 370px) {
    [data-catalog-dynamic-filters-124]
    section:has(> h3 .ph-check-square)
    > .grid.gap-2 {
        gap: 6px !important;
    }

    [data-catalog-dynamic-filters-124]
    section:has(> h3 .ph-check-square)
    > .grid.gap-2
    > label {
        grid-template-columns: 20px minmax(0, 1fr) !important;
        min-height: 43px !important;
        padding: 6px 7px !important;
        gap: 6px !important;
        border-radius: 12px !important;
    }

    [data-catalog-dynamic-filters-124]
    section:has(> h3 .ph-check-square)
    > .grid.gap-2
    > label
    > span:last-child {
        font-size: .68rem !important;
    }
}
/* BATALAR-124-FEATURE-CHIPS-END */

/* BATALAR-124-FILTER-SUBCAT-FEATURE-ALIGN-START */
/*
 * Unify subcategory + feature chips:
 * - same text size and weight
 * - same Black Olive icon color in normal and selected states
 * - selected feature cards use a much lighter primary tint
 */

:root {
    --batalar-black-olive-124: #3B3C36;
}

/* Same typography for both زیر‌دسته‌ها and امکانات. */
[data-catalog-dynamic-filters-124] section:first-child a,
[data-catalog-dynamic-filters-124]
section:has(> h3 .ph-check-square)
> .grid.gap-2
> label,
[data-catalog-dynamic-filters-124] section:first-child a span,
[data-catalog-dynamic-filters-124]
section:has(> h3 .ph-check-square)
> .grid.gap-2
> label
> span:last-child {
    font-size: .72rem !important;
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;
    line-height: 1.45 !important;
}

/* Subcategory icon wrapper and glyphs: Black Olive, consistently. */
[data-catalog-dynamic-filters-124] section:first-child a > span:first-child,
[data-catalog-dynamic-filters-124] section:first-child a > span:first-child i,
[data-catalog-dynamic-filters-124] section:first-child a > span:first-child svg,
[data-catalog-dynamic-filters-124] section:first-child a > span:first-child svg *,
.batalar-catalog-subcategory-svg-124 {
    color: var(--batalar-black-olive-124) !important;
    stroke: currentColor !important;
}

/* Uploaded SVGs rendered as <img> are visually normalized to Black Olive. */
[data-catalog-dynamic-filters-124] section:first-child a > span:first-child img,
.batalar-catalog-subcategory-svg-124:is(img) {
    filter:
        brightness(0)
        saturate(100%)
        invert(20%)
        sepia(7%)
        saturate(460%)
        hue-rotate(40deg)
        brightness(92%)
        contrast(91%) !important;
}

/* Feature icon wrappers and glyphs: same Black Olive tone. */
[data-catalog-dynamic-filters-124]
section:has(> h3 .ph-check-square)
> .grid.gap-2
> label
> span:first-of-type,
[data-catalog-dynamic-filters-124]
section:has(> h3 .ph-check-square)
> .grid.gap-2
> label
> span:first-of-type
:is(i, svg),
[data-catalog-dynamic-filters-124]
section:has(> h3 .ph-check-square)
> .grid.gap-2
> label
> span:first-of-type
svg * {
    color: var(--batalar-black-olive-124) !important;
    stroke: currentColor !important;
}

[data-catalog-dynamic-filters-124]
section:has(> h3 .ph-check-square)
> .grid.gap-2
> label
> span:first-of-type
img {
    filter:
        brightness(0)
        saturate(100%)
        invert(20%)
        sepia(7%)
        saturate(460%)
        hue-rotate(40deg)
        brightness(92%)
        contrast(91%) !important;
}

/* Selected feature card: much less primary background than before. */
[data-catalog-dynamic-filters-124]
section:has(> h3 .ph-check-square)
> .grid.gap-2
> label:has(input[type="checkbox"]:checked) {
    border-color: rgba(1, 255, 205, .48) !important;
    background: rgba(1, 255, 205, .045) !important;
    color: var(--batalar-black-olive-124) !important;
    box-shadow: 0 0 0 1px rgba(1, 255, 205, .06) !important;
}

/* Active feature icon remains Black Olive; only its tiny icon chip gets a soft tint. */
[data-catalog-dynamic-filters-124]
section:has(> h3 .ph-check-square)
> .grid.gap-2
> label:has(input[type="checkbox"]:checked)
> span:first-of-type {
    background: rgba(1, 255, 205, .10) !important;
    color: var(--batalar-black-olive-124) !important;
}

/* Selected check badge stays subtle and uses the same Black Olive. */
[data-catalog-dynamic-filters-124]
section:has(> h3 .ph-check-square)
> .grid.gap-2
> label:has(input[type="checkbox"]:checked)::after {
    background: var(--batalar-black-olive-124) !important;
    color: #01FFCD !important;
}

/* If a subcategory link has an active/current state, keep icon Black Olive too. */
[data-catalog-dynamic-filters-124] section:first-child a[aria-current="page"] > span:first-child,
[data-catalog-dynamic-filters-124] section:first-child a.is-active > span:first-child,
[data-catalog-dynamic-filters-124] section:first-child a.active > span:first-child {
    color: var(--batalar-black-olive-124) !important;
}

@media (max-width: 370px) {
    [data-catalog-dynamic-filters-124] section:first-child a,
    [data-catalog-dynamic-filters-124]
    section:has(> h3 .ph-check-square)
    > .grid.gap-2
    > label,
    [data-catalog-dynamic-filters-124] section:first-child a span,
    [data-catalog-dynamic-filters-124]
    section:has(> h3 .ph-check-square)
    > .grid.gap-2
    > label
    > span:last-child {
        font-size: .68rem !important;
    }
}
/* BATALAR-124-FILTER-SUBCAT-FEATURE-ALIGN-END */

/* BATALAR-124-HIDE-SPECIAL-PROVIDERS-START */
/*
 * Temporary product decision:
 * hide the "فقط ارائه‌دهندگان ویژه" control from the smart filter UI.
 * The backend/query parameter remains intact so this can be restored later
 * without touching data or filter logic.
 */
[data-catalog-filter-panel] label:has(input[name="special"]),
[data-catalog-special-filter-124] {
    display: none !important;
}
/* BATALAR-124-HIDE-SPECIAL-PROVIDERS-END */

/* BATALAR-131-PUBLIC-LISTING-LIGHTBOX-START */
html.batalar-gallery-open-131 [data-public-header-sticky-076] {
    visibility: hidden !important;
}

.listing-lightbox-131 {
    position: fixed;
    inset: 0;
    z-index: 2147483600 !important;
    display: grid;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    background: rgba(3, 10, 9, .98);
    color: #fff;
    backdrop-filter: blur(1rem);
    outline: none;
}

.listing-lightbox-131__shell {
    display: grid;
    width: 100%;
    height: 100%;
    min-height: 0;
    grid-template-rows: auto minmax(0, 1fr) auto;
    background: transparent;
}

.listing-lightbox-131__toolbar {
    z-index: 4;
    display: flex;
    min-height: 4.5rem;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .75rem clamp(.75rem, 2vw, 1.5rem);
}

.listing-lightbox-131__counter {
    display: inline-flex;
    min-width: 4.5rem;
    min-height: 2.5rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    color: rgba(255, 255, 255, .82);
    font-size: .72rem;
    font-weight: 900;
    direction: ltr;
}

.listing-lightbox-131__close,
.listing-lightbox-131__nav {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .1);
    color: #fff;
    box-shadow: 0 .75rem 2rem rgba(0, 0, 0, .2);
    backdrop-filter: blur(.7rem);
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

.listing-lightbox-131__close {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    font-size: 1.4rem;
}

.listing-lightbox-131__close:hover,
.listing-lightbox-131__nav:hover {
    border-color: rgba(1, 255, 205, .55);
    background: rgba(1, 255, 205, .16);
}

.listing-lightbox-131__stage {
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 0;
    place-items: center;
    padding: .25rem clamp(3.75rem, 6vw, 6.5rem) .75rem;
    cursor: zoom-out;
}

.listing-lightbox-131__image {
    display: block;
    width: auto;
    max-width: min(78vw, 72rem);
    height: auto;
    max-height: 70dvh;
    border-radius: 1.25rem;
    object-fit: contain;
    box-shadow: 0 1.5rem 5rem rgba(0, 0, 0, .46);
    cursor: default;
    user-select: none;
}

.listing-lightbox-131__nav {
    position: absolute;
    z-index: 3;
    top: 50%;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 1.1rem;
    font-size: 1.45rem;
    transform: translateY(-50%);
}

.listing-lightbox-131__nav.is-previous {
    right: clamp(.65rem, 2vw, 1.5rem);
}

.listing-lightbox-131__nav.is-next {
    left: clamp(.65rem, 2vw, 1.5rem);
}

.listing-lightbox-131__nav:disabled {
    visibility: hidden;
}

.listing-lightbox-131__footer {
    min-width: 0;
    padding: .65rem .75rem max(.75rem, env(safe-area-inset-bottom));
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .38));
}

.listing-lightbox-131__thumbnails {
    display: flex;
    width: min(100%, 58rem);
    margin-inline: auto;
    gap: .55rem;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding: .25rem;
    direction: ltr;
    scrollbar-width: thin;
    scrollbar-color: rgba(1, 255, 205, .5) transparent;
}

.listing-lightbox-131__thumbnail {
    position: relative;
    display: block;
    width: 5.25rem;
    height: 3.5rem;
    flex: 0 0 auto;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: .8rem;
    background: rgba(255, 255, 255, .08);
    padding: 0;
    opacity: .58;
    transition: border-color .2s ease, opacity .2s ease, transform .2s ease;
}

.listing-lightbox-131__thumbnail img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.listing-lightbox-131__thumbnail:hover,
.listing-lightbox-131__thumbnail.is-active {
    border-color: #01ffcd;
    opacity: 1;
    transform: translateY(-.1rem);
}

@media (max-width: 639px) {
    .listing-lightbox-131__toolbar {
        min-height: 4rem;
        padding: .5rem .65rem;
    }

    .listing-lightbox-131__close {
        width: 2.75rem;
        height: 2.75rem;
        border-radius: .9rem;
    }

    .listing-lightbox-131__stage {
        padding: .25rem 3.25rem .5rem;
    }

    .listing-lightbox-131__image {
        max-width: calc(100vw - 6.5rem);
        max-height: 62dvh;
        border-radius: .9rem;
    }

    .listing-lightbox-131__nav {
        width: 2.75rem;
        height: 2.75rem;
        border-radius: .9rem;
        font-size: 1.25rem;
    }

    .listing-lightbox-131__nav.is-previous {
        right: .35rem;
    }

    .listing-lightbox-131__nav.is-next {
        left: .35rem;
    }

    .listing-lightbox-131__footer {
        padding-inline: .4rem;
    }

    .listing-lightbox-131__thumbnail {
        width: 4.5rem;
        height: 3rem;
        border-radius: .7rem;
    }
}
/* BATALAR-131-PUBLIC-LISTING-LIGHTBOX-END */

/* BATALAR-137-SERVICES-CATEGORY-ICONS-START */
/* Keep every category artwork inside one predictable frame, regardless of
   whether it comes from Phosphor or an uploaded SVG file. */
[data-services-index-page] [data-services-category-icon-137] {
    display: grid !important;
    flex: 0 0 56px !important;
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    place-items: center !important;
    overflow: hidden !important;
    color: #3B3C36 !important;
}

[data-services-index-page] [data-services-category-icon-137] > .services-category-icon-137__artwork {
    display: block !important;
    flex: none !important;
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    font-size: 28px !important;
    line-height: 1 !important;
    color: #3B3C36 !important;
}

/* The entire Services page uses the requested Black Olive icon color. */
[data-services-index-page] i[class*="ph"],
[data-services-index-page] .ph,
[data-services-index-page] .ph-fill,
[data-services-index-page] .ph-duotone,
[data-services-index-page] .ph-bold,
[data-services-index-page] .ph-light,
[data-services-index-page] .ph-thin,
[data-services-index-page] svg,
[data-services-index-page] [data-icon] {
    color: #3B3C36 !important;
}

[data-services-index-page] [data-services-category-icon-137] > img.services-category-icon-137__artwork {
    filter: brightness(0) saturate(100%) invert(20%) sepia(7%) saturate(460%) hue-rotate(40deg) brightness(92%) contrast(91%) !important;
}
/* BATALAR-137-SERVICES-CATEGORY-ICONS-END */

/* BATALAR-142-GLOBAL-IMAGE-PLACEHOLDERS-START */
img[data-batalar-image-placeholder-142]:not([data-batalar-image-ready-142]),
.blog-card-placeholder,
.public-listing-card-048__placeholder {
    background-color: #eef1f0 !important;
    background-image:
        linear-gradient(105deg, transparent 28%, rgba(255,255,255,.78) 46%, transparent 64%),
        url("../images/neshan-placeholder-142.svg?v=198") !important;
    background-repeat: no-repeat, no-repeat !important;
    background-size: 220% 100%, cover !important;
    background-position: 140% 0, center !important;
    animation: batalar-image-splash-142 1.45s ease-in-out infinite !important;
}

img[data-batalar-image-placeholder-142][data-batalar-image-ready-142] {
    background-image: none !important;
    animation: none !important;
}

@keyframes batalar-image-splash-142 {
    from { background-position: 140% 0, center; }
    to { background-position: -140% 0, center; }
}

@media (prefers-reduced-motion: reduce) {
    img[data-batalar-image-placeholder-142]:not([data-batalar-image-ready-142]),
    .blog-card-placeholder,
    .public-listing-card-048__placeholder {
        animation: none !important;
        background-position: center, center !important;
    }
}
/* BATALAR-142-GLOBAL-IMAGE-PLACEHOLDERS-END */

/* BATALAR-155-CAROUSEL-COPY-RATING-START */
:root {
    --batalar-star-color: #ffb400;
}

/* Star artwork has one canonical brand color across public and dashboard UI. */
i.ph-star,
i.ph-star-half,
i.ph-star-half-fill,
i.ph-star-four,
.ph-fill.ph-star,
.ph-duotone.ph-star {
    color: var(--batalar-star-color) !important;
}

[data-listing-description-144] > div {
    text-align: justify !important;
    text-justify: inter-word;
}

[data-listing-review-summary-155] {
    background: #fff !important;
    color: var(--batalar-star-color) !important;
}

[data-listing-review-summary-155] * {
    color: inherit !important;
}
/* BATALAR-155-CAROUSEL-COPY-RATING-END */

/* BATALAR-156-LISTING-GALLERY-INNER-ZOOM-START */
[data-listing-gallery-037] .listing-gallery-037__item,
[data-listing-gallery-037] .listing-gallery-037__item:hover,
[data-listing-gallery-037] .listing-gallery-037__item:focus-visible,
[data-listing-gallery-037] .listing-gallery-037__item:active {
    overflow: hidden !important;
    border-radius: 1rem !important;
    transform: none !important;
}

[data-listing-gallery-037] .listing-gallery-037__image {
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit;
    transform: scale(1) !important;
    transform-origin: center center;
    transition: transform .32s cubic-bezier(.22, .61, .36, 1) !important;
}

@media (hover: hover) and (pointer: fine) {
    [data-listing-gallery-037] .listing-gallery-037__item:hover .listing-gallery-037__image,
    [data-listing-gallery-037] .listing-gallery-037__item:focus-visible .listing-gallery-037__image {
        transform: scale(1.035) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-listing-gallery-037] .listing-gallery-037__image {
        transition: none !important;
    }
}
/* BATALAR-156-LISTING-GALLERY-INNER-ZOOM-END */

/* BATALAR-158-LISTING-GALLERY-SPACING-HOME-HALL-START */
[data-listing-gallery-037] {
    border-radius: 14px !important;
}

[data-listing-gallery-037] .listing-gallery-037__grid {
    gap: 7px !important;
    padding: 7px !important;
    background: #fff !important;
}

[data-listing-gallery-037] .listing-gallery-037__item,
[data-listing-gallery-037] .listing-gallery-037__item:hover,
[data-listing-gallery-037] .listing-gallery-037__item:focus-visible,
[data-listing-gallery-037] .listing-gallery-037__item:active {
    border-radius: 10px !important;
    outline: none !important;
}
/* BATALAR-158-LISTING-GALLERY-SPACING-HOME-HALL-END */

/* BATALAR-159-SEARCH-COVER-BRAND-AMBER-SIMILAR-COPY-START */
:root {
    --batalar-amber: #ffb400;
    --batalar-amber-soft: rgba(255, 180, 0, .12);
    --batalar-amber-border: rgba(255, 180, 0, .42);
    --batalar-black-olive: #3b3c36;
}

[class*="text-amber-"],
[class*="text-yellow-"],
[class*="text-orange-"] {
    color: var(--batalar-amber) !important;
}

[class~="text-amber-950"],
[class~="text-yellow-950"],
[class~="text-orange-950"] {
    color: #3b3c36 !important;
}

[class*="bg-amber-50"], [class*="bg-amber-100"], [class*="bg-amber-200"],
[class*="bg-yellow-50"], [class*="bg-yellow-100"], [class*="bg-yellow-200"],
[class*="bg-orange-50"], [class*="bg-orange-100"], [class*="bg-orange-200"] {
    background-color: var(--batalar-amber-soft) !important;
}

[class*="bg-amber-3"], [class*="bg-amber-4"], [class*="bg-amber-5"], [class*="bg-amber-6"],
[class*="bg-amber-7"], [class*="bg-amber-8"], [class*="bg-amber-9"],
[class*="bg-yellow-3"], [class*="bg-yellow-4"], [class*="bg-yellow-5"], [class*="bg-yellow-6"],
[class*="bg-yellow-7"], [class*="bg-yellow-8"], [class*="bg-yellow-9"],
[class*="bg-orange-3"], [class*="bg-orange-4"], [class*="bg-orange-5"], [class*="bg-orange-6"],
[class*="bg-orange-7"], [class*="bg-orange-8"], [class*="bg-orange-9"] {
    background-color: var(--batalar-amber) !important;
    color: var(--batalar-black-olive) !important;
}

/* Solid brand-amber surfaces always use readable Black Olive copy and glyphs. */
[class*="bg-amber-3"] *, [class*="bg-amber-4"] *, [class*="bg-amber-5"] *,
[class*="bg-amber-6"] *, [class*="bg-amber-7"] *, [class*="bg-amber-8"] *,
[class*="bg-amber-9"] *, [class*="bg-yellow-3"] *, [class*="bg-yellow-4"] *,
[class*="bg-yellow-5"] *, [class*="bg-yellow-6"] *, [class*="bg-yellow-7"] *,
[class*="bg-yellow-8"] *, [class*="bg-yellow-9"] *, [class*="bg-orange-3"] *,
[class*="bg-orange-4"] *, [class*="bg-orange-5"] *, [class*="bg-orange-6"] *,
[class*="bg-orange-7"] *, [class*="bg-orange-8"] *, [class*="bg-orange-9"] * {
    color: var(--batalar-black-olive) !important;
}

[class*="border-amber-"], [class*="border-yellow-"], [class*="border-orange-"] {
    border-color: var(--batalar-amber-border) !important;
}

[class*="ring-amber-"], [class*="ring-yellow-"], [class*="ring-orange-"] {
    --tw-ring-color: var(--batalar-amber-border) !important;
}

[class*="from-amber-"], [class*="from-yellow-"], [class*="from-orange-"] {
    --tw-gradient-from: var(--batalar-amber) var(--tw-gradient-from-position) !important;
}

[class*="to-amber-"], [class*="to-yellow-"], [class*="to-orange-"] {
    --tw-gradient-to: var(--batalar-amber) var(--tw-gradient-to-position) !important;
}

[data-listing-top-rating-159] {
    background: transparent !important;
    box-shadow: none !important;
    --tw-ring-shadow: 0 0 #0000 !important;
}

[data-similar-results-grid-0421] [data-catalog-listing-card] :is(p, span, small, em, strong, a) {
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;
}

[data-similar-results-grid-0421] [data-catalog-listing-card] h3,
[data-similar-results-grid-0421] [data-catalog-listing-card] h3 a {
    font-weight: 900 !important;
    font-variation-settings: "wght" 900 !important;
}
/* BATALAR-159-SEARCH-COVER-BRAND-AMBER-SIMILAR-COPY-END */


/* BATALAR-160-FREE-TEXT-DATE-SWAL-TOP-LAYER-START */
/* SweetAlert must stay above mobile navigation, galleries and every app dialog. */
html body > .swal2-container,
.swal2-container {
    position: fixed !important;
    z-index: 2147483647 !important;
    isolation: isolate;
}
/* BATALAR-160-FREE-TEXT-DATE-SWAL-TOP-LAYER-END */


/* BATALAR-161-LOCAL-ENAMAD-FOOTER-PAGE-START */
.footer-enamad-161{width:fit-content;display:inline-flex;align-items:center;gap:12px;margin-top:18px;padding:8px 12px 8px 14px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#fff;color:#3b3c36!important;text-decoration:none;transition:transform .2s ease,border-color .2s ease}
.footer-enamad-161:hover,.footer-enamad-161:focus-visible{transform:translateY(-2px);border-color:#ffb400}
.footer-enamad-161__image{width:62px;height:62px;flex:0 0 62px;object-fit:contain}
.footer-enamad-161 span{display:grid;gap:3px;text-align:right}.footer-enamad-161 strong{color:#3b3c36;font-size:.78rem;font-weight:800}.footer-enamad-161 small{color:#6f746d;font-size:.68rem;font-weight:400}
.enamad-page-161{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);align-items:center;gap:28px;margin-block:40px 80px;padding:clamp(24px,4vw,44px);border:1px solid rgba(59,60,54,.09);border-radius:28px;background:#fff;box-shadow:0 22px 60px rgba(30,39,36,.07)}
.enamad-page-161__copy{display:flex;align-items:flex-start;gap:18px}.enamad-page-161__icon{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border-radius:18px;background:rgba(1,255,205,.12);color:#3b3c36;font-size:30px}
.enamad-page-161__copy h2{color:#252925;font-size:1.35rem;font-weight:900}.enamad-page-161__copy p{max-width:680px;margin-top:10px;color:#6f746d;font-size:.88rem;line-height:2.1}
.enamad-page-161__live{min-height:230px;display:grid;place-items:center;align-content:center;gap:10px;padding:22px;border:1px solid rgba(59,60,54,.1);border-radius:24px;background:#fbfcfc}
.enamad-page-161__live img{width:160px;height:160px;object-fit:contain}.enamad-page-161__live small{color:#7b807a;font-size:.72rem}
@media(max-width:680px){.enamad-page-161{grid-template-columns:1fr;margin-block:24px 54px;border-radius:22px}.enamad-page-161__copy{flex-direction:column}.enamad-page-161__live{min-height:210px}}
/* BATALAR-161-LOCAL-ENAMAD-FOOTER-PAGE-END */


/* BATALAR-162-TRANSLUCENT-LISTING-LIGHTBOX-START */
.listing-lightbox-131 {
    background: rgba(3, 10, 9, .72) !important;
    backdrop-filter: blur(4px) saturate(.82) !important;
    -webkit-backdrop-filter: blur(4px) saturate(.82) !important;
}
/* BATALAR-162-TRANSLUCENT-LISTING-LIGHTBOX-END */


/* SOURCE: static/css/public_cards_178.css */
/* Compact supporting copy without changing established card/media proportions. */
.public-card-description-178 {
    overflow: hidden;
    margin-bottom: 0;
    color: #71717a;
    font-size: .72rem !important;
    font-weight: 400 !important;
    font-variation-settings: "wght" 400 !important;
    line-height: 1.9 !important;
    text-align: justify;
    text-align-last: right;
    text-justify: inter-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.service-card-0435__description {
    height: 3.8em;
    margin-top: .65rem;
}


/* SOURCE: static/css/public_header_018.css */
/* BATALAR 018 — exact homepage header on every public page */
:root {
    --batalar-container: 1430px;
    --batalar-gutter-desktop: 24px;
    --batalar-gutter-tablet: 20px;
    --batalar-gutter-mobile: 14px;
    --batalar-primary: #01FFCD;
    --batalar-primary-soft: #EBFBF7;
    --batalar-primary-text: #00CC99;
    --batalar-ink: #232827;
    --batalar-border: #EAECEA;
}

html.batalar-search-open-072,
html.batalar-search-open-072 body {
overflow: hidden !important;
}

.batalar-sticky-header-072 {
position: sticky !important;
    inset-block-start: 0 !important;
    z-index: 990 !important;
    width: 100%;
    background: rgba(255,255,255,.92) !important;
    border-bottom: 1px solid rgba(60,60,59,.06);
    backdrop-filter: blur(18px) saturate(1.1);
    -webkit-backdrop-filter: blur(18px) saturate(1.1);
    transition: box-shadow .28s ease, background-color .28s ease, transform .28s ease;
}

.batalar-sticky-header-072.is-scrolled-072 {
background: rgba(255,255,255,.96) !important;
    box-shadow: 0 14px 38px rgba(18,28,25,.08);
}

.batalar-header-search-trigger-072 {
width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    display: inline-grid !important;
    place-items: center !important;
    padding: 0 !important;
    border: 1px solid #E8E8E8 !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #252927 !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-10px) scale(.78) rotate(-8deg);
    transition: opacity .28s ease, transform .34s cubic-bezier(.2,.8,.2,1), visibility .28s ease, box-shadow .25s ease;
}

.batalar-header-search-trigger-072 i,
.batalar-header-search-trigger-072 svg {
width: 24px !important;
    height: 24px !important;
    font-size: 24px !important;
}

.batalar-sticky-header-072.is-past-home-search-072 .batalar-header-search-trigger-072 {
opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1) rotate(0);
}

.batalar-header-search-trigger-072:hover {
box-shadow: 0 12px 28px rgba(23,37,32,.10);
    transform: translateY(-2px) scale(1.02) !important;
}

.batalar-quick-search-072 {
position: fixed;
    z-index: 5000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 28px;
    direction: rtl;
}

.batalar-quick-search-072__backdrop {
position: absolute;
    inset: 0;
    background: rgba(31,32,31,.92);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.batalar-quick-search-072__dialog {
position: relative;
    z-index: 1;
    width: min(1460px, calc(100vw - 96px));
    height: min(820px, calc(100vh - 64px));
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: clamp(30px, 3.6vw, 56px);
    border-radius: 36px;
    background: #fff;
    box-shadow: 0 34px 90px rgba(0,0,0,.28);
}

.batalar-search-enter-072,
.batalar-search-leave-072 {
transition: opacity .25s ease, transform .34s cubic-bezier(.2,.8,.2,1);
}

.batalar-search-enter-start-072,
.batalar-search-leave-end-072 {
opacity: 0; transform: translateY(24px) scale(.96);
}

.batalar-search-enter-end-072,
.batalar-search-leave-start-072 {
opacity: 1; transform: translateY(0) scale(1);
}

.batalar-quick-search-072__header {
display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 26px;
}

.batalar-quick-search-072__header h2 {
margin: 0;
    color: #202522;
    font-size: clamp(28px, 3vw, 44px);
    font-weight: 700;
}

.batalar-quick-search-072__close {
width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border: 0;
    background: transparent;
    color: #242725;
    cursor: pointer;
}

.batalar-quick-search-072__close i {
font-size: 34px;
}

.batalar-quick-search-072__form {
min-height: 76px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding-inline: 24px;
    border: 1px solid #E7E9E8;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(19,30,26,.03);
}

.batalar-quick-search-072__form > i {
flex: 0 0 auto;
    color: #4E5B64;
    font-size: 32px;
}

.batalar-quick-search-072__form input {
width: 100%;
    height: 72px;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #202522;
    font-family: inherit;
    font-size: 18px;
    font-weight: 400;
}

.batalar-quick-search-072__form input::placeholder {
color: #A6ACAA;
}

.batalar-quick-search-072__loader {
flex: 0 0 auto;
    color: #00CC99;
}

.batalar-quick-search-072__loader i {
display: block; font-size: 24px; animation: batalarSpin072 .8s linear infinite;
}

.batalar-quick-search-072__results {
min-height: 0;
    flex: 1;
    overflow-y: auto;
    margin-top: 28px;
    padding-inline-end: 5px;
}

.batalar-search-results-072 {
display: grid;
    gap: 14px;
}

.batalar-search-result-072 {
min-height: 190px;
    display: grid;
    grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
    direction: rtl;
    overflow: hidden;
    border: 1px solid #EEF0EF;
    border-radius: 22px;
    background: #fff;
    color: inherit;
    text-decoration: none;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.batalar-search-result-072:hover {
transform: translateY(-2px);
    border-color: rgba(16,255,205,.48);
    box-shadow: 0 18px 42px rgba(15,28,24,.08);
}

.batalar-search-result-072__media {
position: relative;
    min-height: 190px;
    overflow: hidden;
    margin: 16px;
    border-radius: 18px;
    background: #EFF9F6;
}

.batalar-search-result-072__media img,
.batalar-search-result-072__placeholder {
width: 100%;
    height: 100%;
    min-height: 158px;
    display: grid;
    place-items: center;
    object-fit: cover;
}

.batalar-search-result-072__placeholder i {
color: #00CC99; font-size: 48px;
}

.batalar-search-result-072__badge {
position: absolute;
    inset-block-start: 10px;
    inset-inline-end: 10px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.94);
    color: #353A37;
    font-size: 12px;
    font-weight: 600;
}

.batalar-search-result-072__body {
min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px 28px;
}

.batalar-search-result-072__title {
margin-bottom: 16px;
    color: #181E1B;
    font-size: 20px;
    font-weight: 700;
}

.batalar-search-result-072__meta {
display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding-bottom: 18px;
    color: #363D39;
    font-size: 13px;
}

.batalar-search-result-072__meta b {
padding: 7px 12px;
    border-radius: 999px;
    background: #EBFBF7;
    color: #00CC99;
    font-weight: 600;
}

.batalar-search-result-072__meta span {
display: inline-flex; align-items: center; gap: 5px;
}

.batalar-search-result-072__meta .ph-star {
color: #ffb400;
}

.batalar-search-result-072__address {
display: flex;
    align-items: center;
    gap: 7px;
    padding-top: 17px;
    border-top: 1px solid #EEF0EF;
    color: #3E4541;
    font-size: 14px;
}

.batalar-search-empty-072 {
min-height: 290px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 10px;
    color: #747C78;
    text-align: center;
}

.batalar-search-empty-072 > i {
color: #00CC99; font-size: 48px;
}

.batalar-search-empty-072 strong {
color: #292F2C; font-size: 18px; font-weight: 700;
}

.batalar-search-empty-072 span {
font-size: 14px;
}

@media (max-width: 900px) {
.batalar-quick-search-072 {
padding: 14px;
}

.batalar-quick-search-072__dialog {
width: calc(100vw - 28px);
        height: calc(100vh - 28px);
        padding: 24px 20px;
        border-radius: 28px;
}

.batalar-search-result-072 {
grid-template-columns: 220px minmax(0,1fr);
}
}

@media (max-width: 640px) {
.batalar-header-search-trigger-072 {
width: 44px !important; min-width: 44px !important; height: 44px !important;
}

.batalar-quick-search-072__header h2 {
font-size: 28px;
}

.batalar-quick-search-072__form {
min-height: 62px; padding-inline: 17px;
}

.batalar-quick-search-072__form input {
height: 60px; font-size: 15px;
}

.batalar-search-result-072 {
grid-template-columns: 1fr;
}

.batalar-search-result-072__media {
min-height: 175px;
}

.batalar-search-result-072__body {
padding: 18px;
}
}

.home-top-container.exact-home-hero__content::before {
content: none !important;
    display: none !important;
    background-image: none !important;
}

html.batalar-mobile-nav-open-074,
html.batalar-mobile-nav-open-074 body {
overflow: hidden !important;
}

[x-cloak] {
display: none !important;
}

.home-top-container {
width: min(var(--batalar-container), calc(100% - (var(--batalar-gutter-desktop) * 2))) !important;
    margin-inline: auto !important;
}

.home-top-header.batalar-header-074,
.batalar-header-074.batalar-sticky-header-072 {
position: sticky !important;
    inset-block-start: 0 !important;
    z-index: 1200 !important;
    width: 100% !important;
    overflow: visible !important;
    background: rgba(255, 255, 255, .94) !important;
    border-bottom: 1px solid rgba(35, 40, 39, .055) !important;
    box-shadow: none !important;
    backdrop-filter: blur(18px) saturate(1.15) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.15) !important;
    transition: background-color .24s ease, box-shadow .24s ease !important;
}

.batalar-header-074.is-scrolled-072 {
background: rgba(255, 255, 255, .975) !important;
    box-shadow: 0 10px 34px rgba(28, 38, 34, .075) !important;
}

.batalar-header-074__inner,
.home-top-header__inner.batalar-header-074__inner {
min-height: 78px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 28px !important;
    direction: rtl;
    transition: min-height .24s ease !important;
}

.batalar-header-074.is-scrolled-072 .batalar-header-074__inner {
min-height: 70px !important;
}

.batalar-header-074__brand-nav,
.batalar-header-074__actions {
display: flex;
    align-items: center;
}

.batalar-header-074__brand-nav {
min-width: 0;
    gap: clamp(24px, 3vw, 46px);
}

.batalar-header-074__actions {
flex: 0 0 auto;
    gap: 10px;
    direction: ltr;
}

.batalar-header-074__brand,
.home-top-brand-logo-053.batalar-header-074__brand {
display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    line-height: 0 !important;
}

.batalar-header-074__brand img,
.home-top-brand-logo-053.batalar-header-074__brand img {
width: 88px !important;
    height: auto !important;
    max-height: 43px !important;
    object-fit: contain !important;
    transition: width .24s ease !important;
}

.batalar-header-074.is-scrolled-072 .batalar-header-074__brand img {
width: 80px !important;
}

.batalar-header-074__desktop-nav,
.home-top-nav.batalar-header-074__desktop-nav {
display: flex !important;
    align-items: center !important;
    gap: clamp(22px, 2.3vw, 34px) !important;
    color: var(--batalar-ink) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.batalar-header-074__desktop-nav .home-top-nav__link {
position: relative;
    padding-block: 12px;
    color: var(--batalar-ink) !important;
    font-weight: 400 !important;
    text-decoration: none;
}

.batalar-header-074__desktop-nav .home-top-nav__link::after {
content: "";
    position: absolute;
    inset-inline: 50% auto;
    inset-block-end: 5px;
    width: 0;
    height: 2px;
    border-radius: 999px;
    background: var(--batalar-primary);
    transform: translateX(50%);
    transition: width .2s ease;
}

.batalar-header-074__desktop-nav .home-top-nav__link:hover::after,
.batalar-header-074__desktop-nav .home-top-nav__link:focus-visible::after {
width: 18px;
}

.batalar-header-074 .home-top-menu__trigger {
min-height: 44px !important;
    padding: 7px 15px !important;
    gap: 8px !important;
    border: 1px solid #E5E8E6 !important;
    border-radius: 999px !important;
    background: #FFFFFF !important;
    color: var(--batalar-ink) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
}

.batalar-header-074 .home-top-menu__trigger i {
font-size: 20px !important;
}

.batalar-header-074__category-panel,
.home-top-menu__panel.batalar-header-074__category-panel {
inset-block-start: calc(100% + 10px) !important;
    inset-inline-start: 0 !important;
    width: 280px !important;
    padding: 8px !important;
    border: 1px solid var(--batalar-border) !important;
    border-radius: 20px !important;
    background: #FFFFFF !important;
    box-shadow: 0 24px 60px rgba(22, 32, 28, .12) !important;
}

.batalar-header-074__category-panel a {
min-height: 44px !important;
    padding-inline: 13px !important;
    border-radius: 13px !important;
    color: var(--batalar-ink) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

.batalar-header-074__category-panel a:hover {
background: #F4FBF8 !important;
    color: #008F70 !important;
}

.batalar-header-074__add-service,
.home-top-add-service.batalar-header-074__add-service {
min-height: 44px !important;
    padding: 8px 14px !important;
    gap: 7px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--batalar-primary-soft) !important;
    color: var(--batalar-primary-text) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.batalar-header-074__add-service *,
.home-top-add-service.batalar-header-074__add-service * {
color: var(--batalar-primary-text) !important;
}

.batalar-header-074__add-service i {
font-size: 20px !important;
}

.batalar-header-search-trigger-074,
.batalar-header-search-trigger-072.batalar-header-search-trigger-074 {
width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    border: 1px solid #E5E8E6 !important;
    background: #FFFFFF !important;
}

.batalar-header-search-trigger-074 i {
font-size: 22px !important;
}

.batalar-header-074__mobile-toggle,
.home-top-mobile-button.batalar-header-074__mobile-toggle {
display: none !important;
    width: 44px !important;
    height: 44px !important;
    place-items: center !important;
    padding: 0 !important;
    border: 1px solid #E5E8E6 !important;
    border-radius: 14px !important;
    background: #FFFFFF !important;
    color: var(--batalar-ink) !important;
    font-size: 23px !important;
}

.batalar-mobile-overlay-074 {
position: fixed;
    z-index: 1390;
    inset: 0;
    background: rgba(27, 31, 30, .46);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.batalar-mobile-drawer-074 {
position: fixed;
    z-index: 1400;
    inset-block: 0;
    right: 0;
    left: auto;
    width: min(88vw, 380px);
    max-width: 100%;
    display: flex;
    flex-direction: column;
    direction: rtl;
    background: #FFFFFF;
    box-shadow: -24px 0 70px rgba(19, 29, 25, .18);
    overscroll-behavior: contain;
}

.batalar-mobile-drawer-074__header {
min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: max(14px, env(safe-area-inset-top)) 18px 14px;
    border-bottom: 1px solid #EEF0EF;
}

.batalar-mobile-drawer-074__logo {
display: inline-flex;
    line-height: 0;
}

.batalar-mobile-drawer-074__logo img {
width: 82px;
    height: auto;
}

.batalar-mobile-drawer-074__close {
width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid #E6E9E7;
    border-radius: 14px;
    background: #FFFFFF;
    color: var(--batalar-ink);
    font-size: 22px;
}

.batalar-mobile-drawer-074__body {
flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 18px;
}

.batalar-mobile-drawer-074__search {
width: 100%;
    min-height: 52px;
    display: grid;
    grid-template-columns: 24px 1fr 20px;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border: 1px solid rgba(0, 204, 153, .12);
    border-radius: 16px;
    background: var(--batalar-primary-soft);
    color: #047C62;
    text-align: right;
    font-size: 14px;
    font-weight: 500;
}

.batalar-mobile-drawer-074__search i:first-child {
font-size: 21px;
}

.batalar-mobile-drawer-074__nav {
display: grid;
    gap: 6px;
    margin-top: 18px;
}

.batalar-mobile-drawer-074__nav > a,
.batalar-mobile-drawer-074__group > button {
width: 100%;
    min-height: 50px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 12px;
    border: 0;
    border-radius: 14px;
    background: transparent;
    color: var(--batalar-ink);
    text-decoration: none;
    text-align: right;
    font-size: 15px;
    font-weight: 400;
}

.batalar-mobile-drawer-074__nav > a:hover,
.batalar-mobile-drawer-074__group > button:hover {
background: #F6F8F7;
}

.batalar-mobile-drawer-074__nav > a > i,
.batalar-mobile-drawer-074__group > button span i {
width: 24px;
    color: #00B88A;
    font-size: 21px;
}

.batalar-mobile-drawer-074__group > button {
justify-content: space-between;
}

.batalar-mobile-drawer-074__group > button span {
display: inline-flex;
    align-items: center;
    gap: 11px;
}

.batalar-mobile-drawer-074__group > button > i {
transition: transform .2s ease;
}

.batalar-mobile-drawer-074__group > button > i.is-open-074 {
transform: rotate(180deg);
}

.batalar-mobile-drawer-074__submenu {
display: grid;
    gap: 3px;
    margin: 2px 12px 8px 0;
    padding: 6px 14px 6px 0;
    border-inline-start: 1px solid #E5E9E7;
}

.batalar-mobile-drawer-074__submenu a {
min-height: 40px;
    display: flex;
    align-items: center;
    padding-inline: 10px;
    border-radius: 11px;
    color: #59615E;
    text-decoration: none;
    font-size: 13px;
    font-weight: 400;
}

.batalar-mobile-drawer-074__submenu a:hover {
background: #F4FBF8;
    color: #008F70;
}

.batalar-mobile-drawer-074__footer {
padding: 14px 18px calc(18px + env(safe-area-inset-bottom));
    border-top: 1px solid #EEF0EF;
}

.batalar-mobile-drawer-074__cta {
min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 16px;
    background: var(--batalar-primary);
    color: #3B3C36;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

.batalar-drawer-enter,
.batalar-drawer-leave {
transition: transform .32s cubic-bezier(.22, .8, .2, 1), opacity .26s ease;
}

.batalar-drawer-enter-start,
.batalar-drawer-leave-end {
transform: translateX(100%);
    opacity: .96;
}

.batalar-drawer-enter-end,
.batalar-drawer-leave-start {
transform: translateX(0);
    opacity: 1;
}

.batalar-drawer-overlay-enter,
.batalar-drawer-overlay-leave {
transition: opacity .25s ease;
}

.batalar-drawer-overlay-enter-start,
.batalar-drawer-overlay-leave-end {
opacity: 0;
}

.batalar-drawer-overlay-enter-end,
.batalar-drawer-overlay-leave-start {
opacity: 1;
}

@media (max-width: 1024px) {
.home-top-container {
width: min(var(--batalar-container), calc(100% - (var(--batalar-gutter-tablet) * 2))) !important;
}

.batalar-header-074__inner,
.home-top-header__inner.batalar-header-074__inner {
min-height: 70px !important;
        gap: 16px !important;
}

.batalar-header-074__desktop-nav,
.home-top-nav.batalar-header-074__desktop-nav,
.batalar-header-074__add-service,
.home-top-add-service.batalar-header-074__add-service {
display: none !important;
}

.batalar-header-074__mobile-toggle,
.home-top-mobile-button.batalar-header-074__mobile-toggle {
display: grid !important;
}

.batalar-header-074__brand img,
.home-top-brand-logo-053.batalar-header-074__brand img {
width: 78px !important;
}
}

@media (max-width: 680px) {
.home-top-container {
width: calc(100% - (var(--batalar-gutter-mobile) * 2)) !important;
}

.batalar-header-074__inner,
.home-top-header__inner.batalar-header-074__inner,
.batalar-header-074.is-scrolled-072 .batalar-header-074__inner {
min-height: 62px !important;
}

.batalar-header-074__brand img,
.home-top-brand-logo-053.batalar-header-074__brand img,
.batalar-header-074.is-scrolled-072 .batalar-header-074__brand img {
width: 70px !important;
}

.batalar-header-074__actions {
gap: 7px;
}

.batalar-header-074__mobile-toggle,
.home-top-mobile-button.batalar-header-074__mobile-toggle,
.batalar-header-search-trigger-074,
.batalar-header-search-trigger-072.batalar-header-search-trigger-074 {
width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        border-radius: 13px !important;
}

.batalar-quick-search-072 {
padding: 10px !important;
}

.batalar-quick-search-072__dialog {
width: 100% !important;
        height: calc(100dvh - 20px) !important;
        border-radius: 24px !important;
}
}

@media (prefers-reduced-motion: reduce) {
.batalar-header-074 *,
.batalar-mobile-overlay-074,
.batalar-mobile-drawer-074 {
scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
}
}

.home-top-container {
width: min(var(--batalar-container), calc(100% - 48px)) !important;
}

.batalar-header-074__inner,
.home-top-header__inner.batalar-header-074__inner {
min-height: 88px !important;
    gap: 34px !important;
}

.batalar-header-074.is-scrolled-072 .batalar-header-074__inner {
min-height: 76px !important;
}

.batalar-header-074__actions {
direction: rtl !important;
    gap: 14px !important;
}

.batalar-header-074__add-service,
.home-top-add-service.batalar-header-074__add-service {
min-height: 56px !important;
    padding: 10px 24px !important;
    gap: 9px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

.batalar-header-074__add-service i {
font-size: 23px !important;
}

.batalar-header-search-trigger-074,
.batalar-header-search-trigger-072.batalar-header-search-trigger-074 {
width: 56px !important;
    min-width: 56px !important;
    height: 56px !important;
}

.batalar-header-search-trigger-074 i {
font-size: 24px !important;
}

.batalar-header-074 .home-top-menu__trigger {
min-height: 56px !important;
    padding: 10px 20px !important;
    gap: 10px !important;
    font-size: 15px !important;
}

.batalar-header-074 .home-top-menu__trigger i {
font-size: 22px !important;
}

.batalar-header-074__desktop-nav,
.home-top-nav.batalar-header-074__desktop-nav {
gap: clamp(28px, 2.4vw, 42px) !important;
    font-size: 15px !important;
}

.batalar-header-074__brand img,
.home-top-brand-logo-053.batalar-header-074__brand img {
width: 90px !important;
    max-height: 46px !important;
}

.batalar-header-074.is-scrolled-072 .batalar-header-074__brand img {
width: 82px !important;
}

@media (max-width: 980px) {
.home-top-container {
width: min(100%, calc(100% - 40px)) !important;
}

.batalar-header-074__inner,
.home-top-header__inner.batalar-header-074__inner {
min-height: 76px !important;
}

.batalar-header-074__actions {
direction: ltr !important;
}
}

@media (max-width: 680px) {
.home-top-container {
width: calc(100% - 28px) !important;
}
}

/* BATALAR-019-PUBLIC-HEADER-TUNING-START */

/*
 * Scope: public header only.
 * - 2rem extra horizontal inset on desktop
 * - 8px extra vertical breathing room
 * - add-service icon and label stay on one horizontal line
 * - remove the lower divider
 */
.home-top-header.batalar-header-074,
.batalar-header-074.batalar-sticky-header-072,
.batalar-header-074 {
    border-bottom: 0 !important;
}

@media (min-width: 1024px) {
    .batalar-header-074__inner,
    .home-top-header__inner.batalar-header-074__inner {
        box-sizing: border-box !important;
        min-height: 94px !important;
        padding-block: 8px !important;
        padding-inline: 2rem !important;
    }

    .batalar-header-074.is-scrolled-072 .batalar-header-074__inner {
        min-height: 86px !important;
    }
}

.batalar-header-074__add-service,
.home-top-add-service.batalar-header-074__add-service {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    direction: rtl !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}

.batalar-header-074__add-service > i,
.home-top-add-service.batalar-header-074__add-service > i {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    line-height: 1 !important;
    transform: none !important;
}

.batalar-header-074__add-service > span,
.home-top-add-service.batalar-header-074__add-service > span {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    line-height: 1.35 !important;
}

/* BATALAR-019-PUBLIC-HEADER-TUNING-END */

/* BATALAR-055-HIERARCHICAL-COLLECTIONS-MENU-START */
/* Desktop parent links stay clickable; hover/focus reveals children.
   Mobile parent links and expand buttons are separate controls. */

.batalar-header-074__category-panel.batalar-category-menu-055,
.home-top-menu__panel.batalar-header-074__category-panel.batalar-category-menu-055 {
    width: min(660px, calc(100vw - 48px)) !important;
    max-width: min(660px, calc(100vw - 48px)) !important;
    padding: 10px !important;
    overflow: visible !important;
}

.batalar-category-menu-055__layout {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    min-height: 322px;
    direction: rtl;
}

.batalar-category-menu-055__roots {
    display: grid;
    align-content: start;
    gap: 3px;
    padding-inline-end: 10px;
    border-inline-end: 1px solid #EEF0EF;
}

.batalar-category-menu-055__roots > a,
.batalar-header-074__category-panel .batalar-category-menu-055__roots > a {
    width: 100%;
    min-height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 9px 13px !important;
    border-radius: 13px !important;
    color: #29312E !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

.batalar-category-menu-055__roots > a:hover,
.batalar-category-menu-055__roots > a:focus-visible {
    background: #F2FBF8 !important;
    color: #008B6D !important;
    outline: 0 !important;
}

.batalar-category-menu-055__roots > a > i {
    flex: 0 0 auto;
    color: #8A9490;
    font-size: 16px;
}

.batalar-category-menu-055__all {
    margin-bottom: 5px;
    background: #F8FAF9 !important;
}

.batalar-category-menu-055__children {
    min-width: 0;
    padding: 8px 16px 8px 6px;
}

.batalar-category-menu-055__hint {
    min-height: 286px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 8px;
    padding: 24px;
    color: #7D8783;
    text-align: center;
}

.batalar-category-menu-055__hint-icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    margin-bottom: 4px;
    border-radius: 19px;
    background: #EBFBF7;
    color: #00B88A;
    font-size: 27px;
}

.batalar-category-menu-055__hint strong {
    color: #2A312F;
    font-size: 15px;
    font-weight: 700;
}

.batalar-category-menu-055__hint p {
    max-width: 250px;
    margin: 0;
    font-size: 12px;
    line-height: 1.9;
}

.batalar-category-menu-055__child-panel {
    min-height: 286px;
}

.batalar-category-menu-055__child-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 4px 2px 13px;
    border-bottom: 1px solid #F0F2F1;
}

.batalar-category-menu-055__child-header small,
.batalar-category-menu-055__child-header strong {
    display: block;
}

.batalar-category-menu-055__child-header small {
    color: #9AA29F;
    font-size: 10px;
    font-weight: 400;
}

.batalar-category-menu-055__child-header strong {
    margin-top: 2px;
    color: #252C29;
    font-size: 15px;
    font-weight: 700;
}

.batalar-header-074__category-panel .batalar-category-menu-055__child-header > a {
    min-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 7px 10px !important;
    border-radius: 11px !important;
    background: #EBFBF7 !important;
    color: #008C6D !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    white-space: nowrap;
}

.batalar-category-menu-055__child-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    padding-top: 13px;
}

.batalar-header-074__category-panel .batalar-category-menu-055__child-grid > a {
    min-width: 0;
    min-height: 56px !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) 16px;
    align-items: center !important;
    gap: 9px !important;
    padding: 9px !important;
    border: 1px solid #EEF0EF !important;
    border-radius: 14px !important;
    background: #FFFFFF !important;
    color: #39413E !important;
    text-decoration: none !important;
}

.batalar-header-074__category-panel .batalar-category-menu-055__child-grid > a:hover,
.batalar-header-074__category-panel .batalar-category-menu-055__child-grid > a:focus-visible {
    border-color: rgba(16, 255, 205, .45) !important;
    background: #F7FCFA !important;
    color: #007F63 !important;
    outline: 0 !important;
}

.batalar-category-menu-055__child-grid > a > span {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: #EBFBF7;
    color: #00A980;
    font-size: 17px;
}

.batalar-category-menu-055__child-grid > a > strong {
    min-width: 0;
    overflow: hidden;
    font-size: 12px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.batalar-category-menu-055__child-grid > a > i {
    color: #A1A9A6;
    font-size: 13px;
}

.batalar-category-menu-055__empty {
    min-height: 205px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 8px;
    color: #8B9491;
    text-align: center;
    font-size: 12px;
}

.batalar-category-menu-055__empty > i {
    color: #00B88A;
    font-size: 34px;
}

.batalar-mobile-categories-055 {
    gap: 5px !important;
    margin-inline: 8px 0 !important;
    padding-inline: 8px 0 !important;
}

.batalar-mobile-categories-055__all {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    color: #3F4945 !important;
}

.batalar-mobile-categories-055__all > i {
    color: #00AA81;
    font-size: 18px;
}

.batalar-mobile-category-055 {
    border-radius: 13px;
}

.batalar-mobile-category-055__row {
    min-height: 44px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 40px;
    align-items: center;
    gap: 5px;
}

.batalar-mobile-category-055__link,
.batalar-mobile-drawer-074__submenu .batalar-mobile-category-055__link {
    min-width: 0;
    min-height: 42px;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 9px !important;
    padding: 8px 10px !important;
    border-radius: 11px !important;
    color: #424C48 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

.batalar-mobile-category-055__link:hover,
.batalar-mobile-category-055__link:focus-visible {
    background: #F4FBF8 !important;
    color: #00866A !important;
    outline: 0;
}

.batalar-mobile-category-055__link > i {
    flex: 0 0 auto;
    color: #A0A8A5;
    font-size: 13px;
}

.batalar-mobile-category-055__toggle {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 11px;
    background: #F5F7F6;
    color: #69736F;
    cursor: pointer;
}

.batalar-mobile-category-055__toggle:hover,
.batalar-mobile-category-055__toggle:focus-visible {
    background: #EBFBF7;
    color: #00866A;
    outline: 0;
}

.batalar-mobile-category-055__toggle > i {
    transition: transform .2s ease;
}

.batalar-mobile-category-055__toggle > i.is-open-055 {
    transform: rotate(180deg);
}

.batalar-mobile-category-055__children {
    display: grid;
    gap: 3px;
    margin: 2px 12px 6px 0;
    padding: 5px 12px 5px 0;
    border-inline-start: 1px solid #E2E8E5;
}

.batalar-mobile-drawer-074__submenu .batalar-mobile-category-055__children > a {
    min-height: 38px;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 7px 9px !important;
    border-radius: 10px !important;
    color: #64706B !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.batalar-mobile-category-055__children > a:hover,
.batalar-mobile-category-055__children > a:focus-visible {
    background: #F4FBF8 !important;
    color: #00866A !important;
    outline: 0;
}

.batalar-mobile-category-055__children > a > i {
    color: #00A980;
    font-size: 15px;
}

@media (max-width: 1120px) and (min-width: 1025px) {
    .batalar-header-074__category-panel.batalar-category-menu-055 {
        width: min(610px, calc(100vw - 40px)) !important;
    }

    .batalar-category-menu-055__layout {
        grid-template-columns: 235px minmax(0, 1fr);
    }
}

@media (max-width: 1024px) {
    .batalar-header-074__category-panel.batalar-category-menu-055 {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .batalar-category-menu-055 *,
    .batalar-mobile-categories-055 * {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}
/* BATALAR-055-HIERARCHICAL-COLLECTIONS-MENU-END */

/* BATALAR-055-MOBILE-HEADER-START */
/*
 * Mobile/tablet only:
 * physical left = logo
 * physical right = hamburger
 * mobile drawer/overlay stays above every page section
 */
@media (max-width: 1024px) {
    html body .home-top-header.batalar-header-074,
    html body .batalar-header-074.batalar-sticky-header-072,
    html body header[data-home-header] {
        z-index: 10000 !important;
        overflow: visible !important;
        isolation: auto !important;
    }

    html body .batalar-header-074__inner,
    html body .home-top-header__inner.batalar-header-074__inner {
        direction: ltr !important;
    }

    html body .batalar-header-074__brand-nav {
        order: 1 !important;
        margin-right: auto !important;
        margin-left: 0 !important;
        direction: ltr !important;
    }

    html body .batalar-header-074__actions {
        order: 2 !important;
        margin-left: auto !important;
        margin-right: 0 !important;
        direction: rtl !important;
    }

    html body .batalar-header-search-trigger-074,
    html body .batalar-header-search-trigger-072.batalar-header-search-trigger-074 {
        display: none !important;
    }

    html body .batalar-header-074__mobile-toggle,
    html body .home-top-mobile-button.batalar-header-074__mobile-toggle {
        display: grid !important;
    }

    html body .batalar-mobile-overlay-074 {
        z-index: 10010 !important;
    }

    html body .batalar-mobile-drawer-074 {
        z-index: 10020 !important;
    }
}
/* BATALAR-055-MOBILE-HEADER-END */

/* BATALAR-055-1-MOBILE-DRAWER-VIEWPORT-START */
/*
 * The mobile drawer lives inside the sticky public header. A backdrop-filter
 * on an ancestor can make position:fixed descendants use that ancestor as
 * their containing block. The symptom is a drawer whose effective height is
 * only the header height, with the footer CTA appearing near the top.
 *
 * Keep the normal sticky/blurred header untouched while closed. Only while
 * the mobile navigation is open, remove containing-block-producing effects
 * and explicitly size the overlay/drawer to the viewport.
 */
@media (max-width: 1024px) {
    html.batalar-mobile-nav-open-074 body header[data-home-header],
    html.batalar-mobile-nav-open-074 body .home-top-header.batalar-header-074,
    html.batalar-mobile-nav-open-074 body .batalar-header-074.batalar-sticky-header-072 {
        overflow: visible !important;
        transform: none !important;
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        perspective: none !important;
        contain: none !important;
    }

    html.batalar-mobile-nav-open-074 body .batalar-mobile-overlay-074 {
        position: fixed !important;
        z-index: 2147483000 !important;
        inset: 0 !important;
        width: 100vw !important;
        height: 100dvh !important;
        min-height: 0 !important;
        margin: 0 !important;
    }

    html.batalar-mobile-nav-open-074 body .batalar-mobile-drawer-074 {
        position: fixed !important;
        z-index: 2147483001 !important;
        inset-block-start: 0 !important;
        inset-block-end: auto !important;
        right: 0 !important;
        left: auto !important;
        height: 100dvh !important;
        min-height: 0 !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        overscroll-behavior: contain !important;
    }

    html.batalar-mobile-nav-open-074 body .batalar-mobile-drawer-074__header,
    html.batalar-mobile-nav-open-074 body .batalar-mobile-drawer-074__footer {
        flex: 0 0 auto !important;
    }

    html.batalar-mobile-nav-open-074 body .batalar-mobile-drawer-074__body {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        overscroll-behavior-y: contain !important;
        -webkit-overflow-scrolling: touch;
    }

    html.batalar-mobile-nav-open-074 body .batalar-mobile-drawer-074__footer {
        margin-top: auto !important;
    }
}

/* Fallback for engines that do not understand dynamic viewport units. */
@supports not (height: 100dvh) {
    @media (max-width: 1024px) {
        html.batalar-mobile-nav-open-074 body .batalar-mobile-overlay-074,
        html.batalar-mobile-nav-open-074 body .batalar-mobile-drawer-074 {
            height: 100vh !important;
            max-height: 100vh !important;
        }
    }
}
/* BATALAR-055-1-MOBILE-DRAWER-VIEWPORT-END */

/* BATALAR-055-2-MOBILE-INNER-HEADER-START */
/*
 * Mobile parity for public inner pages.
 * A later desktop compatibility rule made the add-service CTA visible again
 * below 1024px. Re-assert the intended mobile contract at the end of the
 * dedicated public-header stylesheet: logo on the left, menu on the right,
 * optional scroll-search immediately to the left of the menu.
 */
@media (max-width: 1023px) {
    html body header[data-home-header] .batalar-header-074__inner,
    html body header[data-home-header] .home-top-header__inner.batalar-header-074__inner {
        width: 100% !important;
        min-height: 72px !important;
        padding: 8px 16px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        direction: ltr !important;
        box-sizing: border-box !important;
    }

    html body header[data-home-header] .batalar-header-074__brand-nav {
        order: 1 !important;
        flex: 0 0 auto !important;
        min-width: 0 !important;
        gap: 0 !important;
    }

    html body header[data-home-header] .batalar-header-074__brand,
    html body header[data-home-header] .home-top-brand-logo-053.batalar-header-074__brand {
        margin: 0 !important;
    }

    html body header[data-home-header] .batalar-header-074__brand img,
    html body header[data-home-header] .home-top-brand-logo-053.batalar-header-074__brand img {
        width: 78px !important;
        max-width: 78px !important;
        max-height: 42px !important;
        height: auto !important;
    }

    html body header[data-home-header] .batalar-header-074__desktop-nav,
    html body header[data-home-header] .home-top-nav.batalar-header-074__desktop-nav,
    html body header[data-home-header] .batalar-header-074__add-service,
    html body header[data-home-header] .home-top-add-service.batalar-header-074__add-service {
        display: none !important;
    }

    html body header[data-home-header] .batalar-header-074__actions {
        order: 2 !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        direction: ltr !important;
    }

    html body header[data-home-header] .batalar-header-search-trigger-074,
    html body header[data-home-header] .batalar-header-search-trigger-072.batalar-header-search-trigger-074 {
        order: 1 !important;
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        border-radius: 14px !important;
    }

    html body header[data-home-header] .batalar-header-074__mobile-toggle,
    html body header[data-home-header] .home-top-mobile-button.batalar-header-074__mobile-toggle {
        order: 2 !important;
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        display: grid !important;
        place-items: center !important;
        margin: 0 !important;
        border-radius: 14px !important;
    }
}

@media (max-width: 560px) {
    html body header[data-home-header] .batalar-header-074__inner,
    html body header[data-home-header] .home-top-header__inner.batalar-header-074__inner {
        min-height: 66px !important;
        padding-inline: 12px !important;
    }

    html body header[data-home-header] .batalar-header-074__brand img,
    html body header[data-home-header] .home-top-brand-logo-053.batalar-header-074__brand img {
        width: 72px !important;
        max-width: 72px !important;
        max-height: 38px !important;
    }

    html body header[data-home-header] .batalar-header-search-trigger-074,
    html body header[data-home-header] .batalar-header-search-trigger-072.batalar-header-search-trigger-074,
    html body header[data-home-header] .batalar-header-074__mobile-toggle,
    html body header[data-home-header] .home-top-mobile-button.batalar-header-074__mobile-toggle {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
    }
}
/* BATALAR-055-2-MOBILE-INNER-HEADER-END */

/* BATALAR-076-PUBLIC-STICKY-HEADER-ACTIONS-START */
/*
 * Shared public header refinement.
 * - sticky on every page using the shared base/header include
 * - compact mobile search + add-service actions beside the logo
 * - existing desktop navigation and mobile drawer remain unchanged
 */
header[data-home-header][data-public-header-sticky-076] {
    position: sticky !important;
    inset-block-start: 0 !important;
    top: 0 !important;
    z-index: 10020 !important;
    width: 100% !important;
    overflow: visible !important;
    background: rgba(255, 255, 255, .97) !important;
    border-bottom: 1px solid rgba(35, 40, 39, .055) !important;
    backdrop-filter: blur(18px) saturate(1.12) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
}

.batalar-header-076__mobile-quick-actions {
    display: none;
}

@media (max-width: 1024px) {
    header[data-home-header][data-public-header-sticky-076]
    .batalar-header-074__brand-nav {
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        gap: 9px !important;
        direction: ltr !important;
    }

    header[data-home-header][data-public-header-sticky-076]
    .batalar-header-076__mobile-quick-actions {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        align-items: center !important;
        gap: 6px !important;
        direction: ltr !important;
    }

    header[data-home-header][data-public-header-sticky-076]
    .batalar-header-076__quick-action {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        display: inline-grid !important;
        place-items: center !important;
        padding: 0 !important;
        border: 1px solid #E5E8E6 !important;
        border-radius: 13px !important;
        background: #FFFFFF !important;
        color: #2D3330 !important;
        text-decoration: none !important;
        box-shadow: none !important;
        -webkit-tap-highlight-color: transparent;
    }

    header[data-home-header][data-public-header-sticky-076]
    .batalar-header-076__quick-action--add {
        border-color: #DDF8F0 !important;
        background: #EBFBF7 !important;
        color: #00A982 !important;
    }

    header[data-home-header][data-public-header-sticky-076]
    .batalar-header-076__quick-action i {
        font-size: 21px !important;
        line-height: 1 !important;
    }

    header[data-home-header][data-public-header-sticky-076]
    .batalar-header-076__quick-action:hover,
    header[data-home-header][data-public-header-sticky-076]
    .batalar-header-076__quick-action:focus-visible {
        transform: translateY(-1px);
        border-color: rgba(16, 255, 205, .58) !important;
        outline: 0 !important;
        box-shadow: 0 0 0 3px rgba(16, 255, 205, .12) !important;
    }

    header[data-home-header][data-public-header-sticky-076]
    .batalar-header-074__actions
    .batalar-header-search-trigger-074 {
        display: none !important;
    }
}

@media (max-width: 680px) {
    header[data-home-header][data-public-header-sticky-076]
    .batalar-header-074__brand-nav {
        gap: 7px !important;
    }

    header[data-home-header][data-public-header-sticky-076]
    .batalar-header-076__mobile-quick-actions {
        gap: 5px !important;
    }

    header[data-home-header][data-public-header-sticky-076]
    .batalar-header-076__quick-action {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        border-radius: 12px !important;
    }

    header[data-home-header][data-public-header-sticky-076]
    .batalar-header-076__quick-action i {
        font-size: 20px !important;
    }
}
/* BATALAR-076-PUBLIC-STICKY-HEADER-ACTIONS-END */

/* BATALAR-124-MENU-SVG-SIZE-START */
/*
 * Keep uploaded category SVG artwork visually consistent inside the
 * collections menu. The outer chip remains 34x34; the artwork itself
 * always uses the same 24x24 box regardless of intrinsic SVG dimensions.
 */
.batalar-category-menu-055__child-grid > a > span {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
}

.batalar-category-menu-055__custom-icon,
.batalar-category-menu-055__child-grid > a > span > img,
.batalar-category-menu-055__child-grid > a > span > svg,
.batalar-category-menu-055__child-grid > a > span > i {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    font-size: 24px !important;
    line-height: 1 !important;
}

.batalar-mobile-category-055__children > a .batalar-category-menu-055__custom-icon,
.batalar-mobile-category-055__children > a > img,
.batalar-mobile-category-055__children > a > svg,
.batalar-mobile-category-055__children > a > i {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    font-size: 22px !important;
    line-height: 1 !important;
}
/* BATALAR-124-MENU-SVG-SIZE-END */

/* BATALAR-124-MENU-BLACK-OLIVE-START */
/*
 * Collections menu icon contract:
 * every icon in the desktop collections mega-menu uses exact Black Olive.
 * Active/selected rows may keep their background/text treatment, but icons
 * never switch to the brand green.
 */

:root {
    --batalar-menu-black-olive-124: #3B3C36;
}

/* Phosphor/font icons, inline SVGs and uploaded SVG wrappers. */
[class*="batalar-category-menu-055"] i,
[class*="batalar-category-menu-055"] svg,
[class*="batalar-category-menu-055"] svg *,
[class*="batalar-category-menu-055"] [data-icon],
.batalar-menu-category-icon-124,
.batalar-category-menu-055__custom-icon {
    color: var(--batalar-menu-black-olive-124) !important;
    stroke: currentColor !important;
}

/* Explicitly cover active/selected service rows. */
[class*="batalar-category-menu-055"] .is-active i,
[class*="batalar-category-menu-055"] .is-active svg,
[class*="batalar-category-menu-055"] [aria-current="page"] i,
[class*="batalar-category-menu-055"] [aria-current="page"] svg,
[class*="batalar-category-menu-055"] [aria-selected="true"] i,
[class*="batalar-category-menu-055"] [aria-selected="true"] svg {
    color: var(--batalar-menu-black-olive-124) !important;
    stroke: currentColor !important;
}

/*
 * Uploaded category SVGs rendered as <img> cannot inherit currentColor.
 * This filter visually normalizes monochrome SVG artwork to Black Olive.
 */
[class*="batalar-category-menu-055"] img,
img.batalar-menu-category-icon-124,
img.batalar-category-menu-055__custom-icon {
    filter:
        brightness(0)
        saturate(100%)
        invert(20%)
        sepia(7%)
        saturate(460%)
        hue-rotate(40deg)
        brightness(92%)
        contrast(91%) !important;
}

/* Icon chips stay soft/neutral instead of mint-green. */
[class*="batalar-category-menu-055"] [class*="icon"],
[class*="batalar-category-menu-055"] [class*="__icon"] {
    color: var(--batalar-menu-black-olive-124) !important;
}

/* Mobile collections menu follows the same Black Olive rule. */
[class*="batalar-mobile-category-055"] i,
[class*="batalar-mobile-category-055"] svg,
[class*="batalar-mobile-category-055"] svg *,
[class*="batalar-mobile-category-055"] [data-icon] {
    color: var(--batalar-menu-black-olive-124) !important;
    stroke: currentColor !important;
}

[class*="batalar-mobile-category-055"] img {
    filter:
        brightness(0)
        saturate(100%)
        invert(20%)
        sepia(7%)
        saturate(460%)
        hue-rotate(40deg)
        brightness(92%)
        contrast(91%) !important;
}
/* BATALAR-124-MENU-BLACK-OLIVE-END */

/* BATALAR-133-PUBLIC-LAYERS-AND-MOBILE-FOCUS-START */
/*
 * Canonical public stacking order:
 * page content < sticky header < page drawers < global dialogs < mobile nav.
 * The mobile nav already owns the top emergency layer while it is open.
 */
:root {
    --batalar-layer-public-header-133: 10020;
    --batalar-layer-page-overlay-133: 11000;
    --batalar-layer-page-drawer-133: 11010;
    --batalar-layer-global-dialog-133: 12000;
}

html body header[data-home-header][data-public-header-sticky-076] {
    z-index: var(--batalar-layer-public-header-133) !important;
}

html body .batalar-quick-search-072,
html body .gallery-lightbox {
    z-index: var(--batalar-layer-global-dialog-133) !important;
}

@media (max-width: 1023px) {
    html body [data-catalog-mobile-filter-overlay-0553] {
        z-index: var(--batalar-layer-page-overlay-133) !important;
    }

    html body #catalog-filter-form [data-catalog-filter-sidebar] {
        z-index: var(--batalar-layer-page-drawer-133) !important;
    }
}

/*
 * iOS zooms focused text controls whose computed font size is below 16px.
 * Keep pinch zoom available for accessibility; only prevent focus zoom by
 * enforcing the platform-safe text size on editable controls.
 */
@media (max-width: 1024px) {
    html body input:not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="image"]),
    html body select,
    html body textarea {
        font-size: 16px !important;
    }
}
/* BATALAR-133-PUBLIC-LAYERS-AND-MOBILE-FOCUS-END */

/* BATALAR-136-PUBLIC-LOGIN-START */
/* Desktop login deliberately reuses the exact add-service button classes. */
.batalar-header-136__login {
    white-space: nowrap;
}

/* Mobile login lives only inside the hamburger drawer, beside add-service. */
.batalar-mobile-drawer-074__footer {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.batalar-mobile-drawer-074__footer .batalar-mobile-drawer-074__cta {
    min-width: 0;
    padding-inline: 8px;
    white-space: nowrap;
}

.batalar-mobile-drawer-074__footer .batalar-mobile-drawer-074__cta i {
    flex: 0 0 auto;
    font-size: 20px;
}

@media (max-width: 1024px) {
    .batalar-header-136__login {
        display: none !important;
    }
}
/* BATALAR-136-PUBLIC-LOGIN-END */

/* BATALAR-140-GLOBAL-PUBLIC-STICKY-HEADER-START */
/* Final public-shell authority: every page extending base.html receives the
   same viewport-sticky top menu on desktop, tablet and phone. */
html body > header[data-home-header][data-public-header-global-sticky-140] {
    position: -webkit-sticky !important;
    position: sticky !important;
    inset-block-start: 0 !important;
    top: 0 !important;
    z-index: var(--batalar-layer-public-header-133, 10020) !important;
    width: 100% !important;
    align-self: stretch !important;
    overflow: visible !important;
}
/* BATALAR-140-GLOBAL-PUBLIC-STICKY-HEADER-END */


/* SOURCE: static/css/ai_assistant_256.css */
/* BATALAR-258-AI-ASSISTANT-SHEET-START */
.batalar-ai-launcher-256 {
  position: fixed;
  z-index: 11500;
  inset: 0;
  direction: rtl;
  pointer-events: none;
  isolation: isolate;
}

html.batalar-boot-pending-142 .batalar-ai-launcher-256 {
  z-index: 2147483647;
}

.batalar-ai-launcher-256__button {
  position: fixed;
  right: auto;
  left: max(2rem, env(safe-area-inset-left));
  bottom: max(2rem, env(safe-area-inset-bottom));
  z-index: 4;
  display: grid;
  width: 6.27rem;
  height: 6.27rem;
  place-items: center;
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  pointer-events: auto;
  transform: translate3d(0, 0, 0);
  transition: left .48s cubic-bezier(.22, 1, .36, 1), bottom .48s cubic-bezier(.22, 1, .36, 1), transform .48s cubic-bezier(.22, 1, .36, 1);
  appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

.batalar-ai-launcher-256__close:focus-visible {
  outline: .2rem solid #00ffcc;
  outline-offset: .22rem;
}

.batalar-ai-launcher-256__button:hover,
.batalar-ai-launcher-256__button:active,
.batalar-ai-launcher-256__button:focus,
.batalar-ai-launcher-256__button:focus-visible {
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
  filter: none;
  -webkit-filter: none;
  text-shadow: none;
}

.batalar-ai-launcher-256__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.batalar-ai-launcher-256__animation {
  display: block;
  width: 5.61rem;
  height: 5.61rem;
  grid-area: 1 / 1;
  object-fit: contain;
  backface-visibility: hidden;
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
  filter: none;
  -webkit-filter: none;
  transform: translateZ(0);
  transition: opacity .48s ease, transform .62s cubic-bezier(.22, 1, .36, 1);
  will-change: opacity, transform;
}

.batalar-ai-launcher-256__animation--sleep,
.batalar-ai-launcher-256__animation--searching,
.batalar-ai-launcher-256__animation--done,
.batalar-ai-launcher-256__animation--error {
  opacity: 0;
  transform: translateZ(0) scale(.9);
}

.batalar-ai-launcher-256:not([data-state="looking"]) .batalar-ai-launcher-256__animation--awake,
html.batalar-ai-sleeping-277 .batalar-ai-launcher-256__animation--awake {
  opacity: 0;
  transform: translateZ(0) scale(.94);
}

.batalar-ai-launcher-256[data-state="sleeping"] .batalar-ai-launcher-256__animation--sleep,
html.batalar-ai-sleeping-277 .batalar-ai-launcher-256__animation--sleep {
  opacity: 1;
  transform: translateZ(0) scale(1);
}

.batalar-ai-launcher-256[data-state="searching"] .batalar-ai-launcher-256__animation--searching,
.batalar-ai-launcher-256[data-state="done"] .batalar-ai-launcher-256__animation--done,
.batalar-ai-launcher-256[data-state="error"] .batalar-ai-launcher-256__animation--error {
  opacity: 1;
  transform: translateZ(0) scale(1);
}

@media (prefers-reduced-motion: reduce) {
  .batalar-ai-launcher-256__animation {
    transition-duration: .12s;
  }
}

.batalar-ai-launcher-256__hint {
  position: fixed;
  right: auto;
  left: max(2rem, env(safe-area-inset-left));
  bottom: calc(max(2rem, env(safe-area-inset-bottom)) + 6.3rem);
  z-index: 4;
  width: max-content;
  max-width: min(13rem, calc(100vw - 2rem));
  padding: .55rem .75rem;
  border: 0;
  border-radius: .8rem;
  background: #1d211c;
  color: #fff;
  font-size: .68rem;
  font-weight: 800;
  line-height: 1.7;
  opacity: 0;
  pointer-events: none;
  transform: translateY(.35rem);
  transition: opacity .18s ease, transform .18s ease;
  white-space: nowrap;
}

@media (hover: hover) and (pointer: fine) {
  .batalar-ai-launcher-256__button:hover + .batalar-ai-launcher-256__hint {
    opacity: 1;
    transform: translateY(0);
  }
}

.batalar-ai-launcher-256__backdrop {
  position: fixed;
  z-index: 1;
  inset: 0;
  border: 0;
  background: rgba(17, 24, 22, .48);
  opacity: 0;
  pointer-events: none;
  transition: opacity .36s ease;
  backdrop-filter: blur(5px);
}

.batalar-ai-launcher-256__panel {
  position: fixed;
  z-index: 2;
  right: max(1rem, env(safe-area-inset-right));
  bottom: 0;
  left: max(1rem, env(safe-area-inset-left));
  width: min(78rem, calc(100vw - 2rem));
  height: 80vh;
  height: 80dvh;
  max-height: 80vh;
  max-height: 80dvh;
  display: flex;
  flex-direction: column;
  margin-inline: auto;
  overflow: hidden;
  border: 0;
  border-radius: 2rem 2rem 0 0;
  background: #f8fbfa;
  box-shadow: 0 -2rem 6rem rgba(17, 24, 22, .2);
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, calc(100% + 3rem), 0);
  transition: transform .48s cubic-bezier(.22, 1, .36, 1), opacity .3s ease;
}

.batalar-ai-launcher-256__panel::before {
  position: absolute;
  inset: 0 0 auto;
  height: 9rem;
  background: radial-gradient(circle at 50% -20%, rgba(0, 255, 204, .2), transparent 66%);
  content: "";
  pointer-events: none;
}

.batalar-ai-launcher-256__panel-head {
  position: relative;
  display: flex;
  min-height: 6.5rem;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  padding: 2.8rem 5rem 1rem;
  border-bottom: 0;
  text-align: center;
}

.batalar-ai-launcher-256__panel-head span {
  display: block;
  color: #0b8f75;
  font-size: .62rem;
  font-weight: 900;
}

.batalar-ai-launcher-256__panel-head h2 {
  margin-top: .25rem;
  color: #1d211c;
  font-size: clamp(1rem, 2vw, 1.3rem);
  font-weight: 950;
}

.batalar-ai-launcher-256__panel-character {
  display: none;
}

.batalar-ai-launcher-256__close {
  position: absolute;
  top: 1rem;
  left: 1rem;
  display: grid;
  width: 2.75rem;
  height: 2.75rem;
  place-items: center;
  border: 0;
  border-radius: .9rem;
  background: rgba(255, 255, 255, .86);
  color: #1d211c;
  font-size: 1.25rem;
  box-shadow: 0 .5rem 1.5rem rgba(29, 33, 28, .08);
  cursor: pointer;
}

.batalar-ai-launcher-256__panel-body {
  position: relative;
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
  overflow: hidden;
  overscroll-behavior: contain;
  padding: 1.5rem clamp(1rem, 4vw, 3rem) calc(2rem + env(safe-area-inset-bottom));
}

.batalar-ai-launcher-256__welcome {
  display: flex;
  max-width: 44rem;
  align-items: flex-start;
  gap: 1rem;
  margin-inline: auto;
  padding: 1.25rem;
  border: 0;
  border-radius: 1.4rem;
  background: #fff;
  box-shadow: 0 1rem 3rem rgba(29, 33, 28, .06);
}

.batalar-ai-launcher-256__welcome > span {
  display: grid;
  flex: 0 0 2.8rem;
  width: 2.8rem;
  height: 2.8rem;
  place-items: center;
  border-radius: .9rem;
  background: #dffff8;
  color: #087763;
  font-size: 1.3rem;
}

.batalar-ai-launcher-256__welcome strong {
  display: block;
  color: #1d211c;
  font-size: .9rem;
  font-weight: 950;
}

.batalar-ai-launcher-256__welcome p {
  margin-top: .4rem;
  color: #68716c;
  font-size: .75rem;
  font-weight: 600;
  line-height: 2;
}

/* BATALAR-263-DATA-DRIVEN-ASSISTANT-START */
.batalar-ai-flow-263 {
  display: flex;
  width: min(58rem, 100%);
  height: 100%;
  flex-direction: column;
  margin-inline: auto;
}

.batalar-ai-flow-263__progress {
  flex: 0 0 .3rem;
  overflow: hidden;
  border-radius: 999px;
  background: #e7eeeb;
}

.batalar-ai-flow-263__progress span {
  display: block;
  width: 25%;
  height: 100%;
  border-radius: inherit;
  background: #00e9ba;
  transition: width .35s cubic-bezier(.22, 1, .36, 1);
}

.batalar-ai-flow-263__stage {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  padding: 1.25rem .25rem 1rem;
  scrollbar-width: thin;
  scrollbar-color: rgba(11, 143, 117, .25) transparent;
}

.batalar-ai-flow-263[data-view="results"] .batalar-ai-flow-263__stage {
  overflow-y: auto;
}

.batalar-ai-flow-263__loading,
.batalar-ai-flow-263__empty {
  display: grid;
  min-height: 14rem;
  place-items: center;
  align-content: center;
  gap: .8rem;
  color: #68716c;
  text-align: center;
}

.batalar-ai-flow-263__loading i {
  color: #0b8f75;
  font-size: 2rem;
  animation: batalar-ai-spin-263 .9s linear infinite;
}

@keyframes batalar-ai-spin-263 {
  to { transform: rotate(1turn); }
}

.batalar-ai-flow-263__intro {
  margin-bottom: 1.25rem;
}

.batalar-ai-flow-263__intro small {
  color: #0b8f75;
  font-size: .65rem;
  font-weight: 900;
}

.batalar-ai-flow-263__intro h3 {
  margin-top: .3rem;
  color: #1d211c;
  font-size: clamp(1.15rem, 3vw, 1.75rem);
  font-weight: 950;
  line-height: 1.55;
}

.batalar-ai-flow-263__intro p {
  max-width: 44rem;
  margin-top: .35rem;
  color: #68716c;
  font-size: .76rem;
  font-weight: 600;
  line-height: 1.9;
}

.batalar-ai-flow-263__choices {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
}

.batalar-ai-flow-263__choice,
.batalar-ai-flow-263__category,
.batalar-ai-flow-263__chip {
  border: 0;
  background: #fff;
  color: #38413d;
  cursor: pointer;
  transition: background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.batalar-ai-flow-263__choice {
  display: flex;
  min-height: 5.2rem;
  align-items: center;
  gap: .8rem;
  padding: .85rem 1rem;
  border-radius: 1.2rem;
  font-size: .78rem;
  font-weight: 900;
  text-align: right;
  box-shadow: 0 .65rem 1.8rem rgba(29, 33, 28, .05);
}

.batalar-ai-flow-263__choice i {
  display: grid;
  width: 2.8rem;
  height: 2.8rem;
  flex: 0 0 2.8rem;
  place-items: center;
  border-radius: .9rem;
  background: #dffff8;
  color: #087763;
  font-size: 1.3rem;
}

.batalar-ai-flow-263__choice:hover,
.batalar-ai-flow-263__category:hover,
.batalar-ai-flow-263__chip:hover {
  transform: translateY(-.1rem);
  box-shadow: 0 .8rem 2rem rgba(29, 33, 28, .09);
}

.batalar-ai-flow-263__choice[aria-pressed="true"],
.batalar-ai-flow-263__category[aria-pressed="true"],
.batalar-ai-flow-263__chip[aria-pressed="true"] {
  background: #1d211c;
  color: #fff;
}

.batalar-ai-flow-263__choice[aria-pressed="true"] i {
  background: #00e9ba;
  color: #10231f;
}

.batalar-ai-flow-263__category-group + .batalar-ai-flow-263__category-group {
  margin-top: 1.15rem;
}

.batalar-ai-flow-263__category-picker {
  display: block;
  width: min(34rem, 100%);
  margin: clamp(1rem, 5vh, 3rem) auto 0;
  padding: 1.15rem;
  border-radius: 1.35rem;
  background: #fff;
  box-shadow: 0 1rem 3rem rgba(29, 33, 28, .065);
}

.batalar-ai-flow-263__category-picker > span {
  display: flex;
  align-items: center;
  gap: .45rem;
  margin-bottom: .65rem;
  color: #38413d;
  font-size: .75rem;
  font-weight: 950;
}

.batalar-ai-flow-263__category-picker > span i {
  color: #0b8f75;
  font-size: 1.1rem;
}

.batalar-ai-flow-263__category-picker select {
  width: 100%;
  min-height: 3.4rem;
  padding: .7rem .9rem;
  border: 0;
  border-radius: .9rem;
  outline: 0;
  background: #f2f6f4;
  color: #1d211c;
  font: inherit;
  font-size: .78rem;
  font-weight: 900;
}

.batalar-ai-flow-263__category-picker select:focus {
  box-shadow: 0 0 0 .2rem rgba(0, 233, 186, .24);
}

.batalar-ai-flow-263__category-picker small {
  display: block;
  margin-top: .55rem;
  color: #87908c;
  font-size: .62rem;
  font-weight: 650;
}

.batalar-ai-flow-263__category-group h4 {
  margin-bottom: .55rem;
  color: #68716c;
  font-size: .68rem;
  font-weight: 900;
}

.batalar-ai-flow-263__category-list {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
}

.batalar-ai-flow-263__category {
  display: inline-flex;
  min-height: 2.8rem;
  align-items: center;
  gap: .45rem;
  padding: .55rem .8rem;
  border-radius: .9rem;
  font-size: .7rem;
  font-weight: 900;
  box-shadow: 0 .4rem 1.2rem rgba(29, 33, 28, .04);
}

.batalar-ai-flow-263__category i {
  color: #0b8f75;
  font-size: 1rem;
}

.batalar-ai-flow-263__category[aria-pressed="true"] i {
  color: #00e9ba;
}

.batalar-ai-flow-263__fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
}

.batalar-ai-flow-263__fields--compact {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .6rem;
}

.batalar-ai-flow-263__fields--compact .batalar-ai-flow-263__field {
  padding: .7rem;
}

.batalar-ai-flow-263__fields--compact .batalar-ai-flow-263__field input,
.batalar-ai-flow-263__fields--compact .batalar-ai-flow-263__field select {
  min-height: 2.55rem;
  padding: .45rem .55rem;
  font-size: .68rem;
}

.batalar-ai-flow-263__price-note {
  display: flex;
  align-items: center;
  gap: .4rem;
  margin-top: .65rem;
  color: #7b8580;
  font-size: .62rem;
  font-weight: 700;
}

.batalar-ai-flow-263__field {
  display: block;
  padding: .9rem 1rem;
  border-radius: 1.1rem;
  background: #fff;
  box-shadow: 0 .65rem 1.8rem rgba(29, 33, 28, .045);
}

.batalar-ai-flow-263__field > span {
  display: flex;
  align-items: center;
  gap: .4rem;
  margin-bottom: .5rem;
  color: #38413d;
  font-size: .68rem;
  font-weight: 900;
}

.batalar-ai-flow-263__field > span i {
  color: #0b8f75;
  font-size: 1rem;
}

.batalar-ai-flow-263__field input,
.batalar-ai-flow-263__field select {
  width: 100%;
  min-height: 2.9rem;
  padding: .6rem .75rem;
  border: 0;
  border-radius: .8rem;
  outline: 0;
  background: #f2f6f4;
  color: #1d211c;
  font: inherit;
  font-size: .75rem;
  font-weight: 800;
}

.batalar-ai-flow-263__field input:focus,
.batalar-ai-flow-263__field select:focus {
  box-shadow: 0 0 0 .18rem rgba(0, 233, 186, .25);
}

.batalar-ai-flow-263__field small {
  display: block;
  margin-top: .45rem;
  color: #87908c;
  font-size: .6rem;
  font-weight: 600;
  line-height: 1.75;
}

.batalar-ai-flow-263__section + .batalar-ai-flow-263__section {
  margin-top: 1.15rem;
}

.batalar-ai-flow-263__section h4 {
  margin-bottom: .65rem;
  color: #38413d;
  font-size: .74rem;
  font-weight: 950;
}

.batalar-ai-flow-263__chips {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.batalar-ai-flow-263__chip {
  min-height: 2.55rem;
  padding: .5rem .75rem;
  border-radius: .85rem;
  font-size: .66rem;
  font-weight: 900;
}

.batalar-ai-flow-263__message {
  flex: 0 0 auto;
  margin: 0 0 .6rem;
  padding: .55rem .75rem;
  border-radius: .8rem;
  background: #fff1f2;
  color: #be123c;
  font-size: .68rem;
  font-weight: 850;
  text-align: center;
}

.batalar-ai-flow-263__nav {
  display: grid;
  flex: 0 0 auto;
  grid-template-columns: minmax(7rem, 1fr) auto minmax(7rem, 1fr);
  align-items: center;
  gap: .75rem;
  padding-top: .8rem;
}

.batalar-ai-flow-263__nav > span {
  color: #87908c;
  font-size: .62rem;
  font-weight: 800;
}

.batalar-ai-flow-263__back,
.batalar-ai-flow-263__next {
  display: inline-flex;
  width: min(100%, 15rem);
  min-height: 3.35rem;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  border: 0;
  border-radius: .9rem;
  font: inherit;
  font-size: .72rem;
  font-weight: 950;
  cursor: pointer;
}

.batalar-ai-flow-263__back {
  justify-self: stretch;
  padding-inline: 1.25rem;
  background: #e9efed;
  color: #56605b;
}

.batalar-ai-flow-263__next {
  min-width: 0;
  justify-self: stretch;
  padding-inline: 1.25rem;
  background: #00e9ba;
  color: #10231f;
  box-shadow: 0 .75rem 1.8rem rgba(0, 180, 145, .18);
}

.batalar-ai-flow-263__back:disabled,
.batalar-ai-flow-263__next:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.batalar-ai-flow-263__noscript {
  padding: 1rem;
  color: #68716c;
  text-align: center;
}
/* BATALAR-263-DATA-DRIVEN-ASSISTANT-END */

/* BATALAR-264-IN-SHEET-RESULTS-START */
.batalar-ai-flow-267__budgets {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .65rem;
}

.batalar-ai-flow-267__budget {
  display: grid;
  min-height: 5rem;
  place-items: center;
  align-content: center;
  gap: .45rem;
  padding: .7rem;
  border: 0;
  border-radius: 1rem;
  background: #fff;
  color: #46504b;
  box-shadow: 0 .6rem 1.8rem rgba(29, 33, 28, .05);
  font: inherit;
  font-size: .65rem;
  font-weight: 900;
  cursor: pointer;
}

.batalar-ai-flow-267__budget i {
  color: #0b8f75;
  font-size: 1.25rem;
}

.batalar-ai-flow-267__budget[aria-pressed="true"] {
  background: #1d211c;
  color: #fff;
}

.batalar-ai-flow-267__budget[aria-pressed="true"] i {
  color: #00e9ba;
}

.batalar-ai-flow-267__custom-budget {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .65rem;
  margin-top: .75rem;
}

.batalar-ai-flow-267__custom-budget label {
  padding: .65rem .75rem;
  border-radius: .9rem;
  background: #fff;
}

.batalar-ai-flow-267__custom-budget span,
.batalar-ai-flow-267__custom-budget small {
  display: block;
  color: #68716c;
  font-size: .6rem;
  font-weight: 850;
}

.batalar-ai-flow-267__custom-budget input {
  width: 100%;
  min-height: 2.35rem;
  margin-block: .35rem;
  padding: .4rem .55rem;
  border: 0;
  border-radius: .65rem;
  outline: 0;
  background: #f2f6f4;
  font: inherit;
  font-size: .68rem;
  font-weight: 850;
}

.batalar-ai-flow-268__budget-slider {
  display: block;
  margin-top: 1rem;
  padding: 1rem 1.1rem;
  border-radius: 1.1rem;
  background: #fff;
  box-shadow: 0 .7rem 2rem rgba(29, 33, 28, .055);
}

.batalar-ai-flow-268__budget-slider > span,
.batalar-ai-flow-268__budget-slider > small {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.batalar-ai-flow-268__budget-slider > span {
  color: #38413d;
  font-size: .72rem;
  font-weight: 900;
}

.batalar-ai-flow-268__budget-slider output {
  color: #087763;
  font-size: .78rem;
  font-weight: 950;
}

.batalar-ai-flow-268__budget-slider input[type="range"] {
  width: 100%;
  height: .45rem;
  margin-block: 1rem .7rem;
  border-radius: 999px;
  outline: 0;
  accent-color: #00cda4;
  cursor: pointer;
}

.batalar-ai-flow-268__budget-slider > small {
  color: #98a19d;
  font-size: .55rem;
  font-weight: 750;
}

.batalar-ai-flow-267__tabs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .4rem;
}

.batalar-ai-flow-267__tabs button {
  display: inline-flex;
  min-height: 2.5rem;
  align-items: center;
  justify-content: center;
  gap: .3rem;
  padding: .4rem .5rem;
  border: 0;
  border-radius: .75rem;
  background: #e8efec;
  color: #5d6762;
  font: inherit;
  font-size: .58rem;
  font-weight: 900;
  cursor: pointer;
}

.batalar-ai-flow-267__tabs button[aria-selected="true"] {
  background: #1d211c;
  color: #fff;
}

.batalar-ai-flow-267__tabs button[aria-selected="true"] i {
  color: #00e9ba;
}

.batalar-ai-flow-267__category-cards {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-top: .65rem;
}

.batalar-ai-flow-267__category-cards button {
  display: inline-flex;
  min-height: 2.55rem;
  align-items: center;
  gap: .35rem;
  padding: .45rem .7rem;
  border: 0;
  border-radius: .8rem;
  background: #fff;
  color: #46504b;
  box-shadow: 0 .4rem 1.1rem rgba(29, 33, 28, .04);
  font: inherit;
  font-size: .63rem;
  font-weight: 900;
  cursor: pointer;
}

.batalar-ai-flow-267__category-cards button[aria-pressed="true"] {
  background: #dffff8;
  color: #087763;
}

.batalar-ai-flow-267__selected {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin-top: .7rem;
  padding: .55rem .7rem;
  border-radius: .85rem;
  background: #fff;
}

.batalar-ai-flow-267__selected span {
  color: #38413d;
  font-size: .65rem;
  font-weight: 900;
}

.batalar-ai-flow-267__selected span i {
  margin-left: .3rem;
  color: #0b8f75;
}

.batalar-ai-flow-267__selected button {
  display: inline-flex;
  min-height: 2.3rem;
  align-items: center;
  gap: .35rem;
  padding: .4rem .65rem;
  border: 0;
  border-radius: .7rem;
  background: #1d211c;
  color: #fff;
  font: inherit;
  font-size: .6rem;
  font-weight: 900;
  cursor: pointer;
}

.batalar-ai-flow-267__selected button i {
  color: #00e9ba;
}

.batalar-ai-flow-267__advanced {
  margin-top: .6rem;
  padding-top: .6rem;
  border-top: 1px solid rgba(29, 33, 28, .07);
}

.batalar-ai-flow-267__hint {
  margin-top: .75rem;
  color: #87908c;
  font-size: .63rem;
  font-weight: 750;
  text-align: center;
}

.batalar-ai-results-264__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.batalar-ai-results-264__head small {
  color: #0b8f75;
  font-size: .64rem;
  font-weight: 900;
}

.batalar-ai-results-264__head h3 {
  margin-top: .2rem;
  color: #1d211c;
  font-size: clamp(1.1rem, 2.5vw, 1.55rem);
  font-weight: 950;
}

.batalar-ai-results-264__head p {
  margin-top: .3rem;
  color: #7b8580;
  font-size: .68rem;
  font-weight: 650;
}

.batalar-ai-results-264__head button,
.batalar-ai-results-264__empty button {
  display: inline-flex;
  min-height: 2.55rem;
  flex: 0 0 auto;
  align-items: center;
  gap: .4rem;
  padding: .5rem .8rem;
  border: 0;
  border-radius: .8rem;
  background: #e7eeeb;
  color: #46504b;
  font: inherit;
  font-size: .64rem;
  font-weight: 900;
  cursor: pointer;
}

.batalar-ai-results-264__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
}

.batalar-ai-results-264__card {
  display: grid;
  grid-template-columns: 7rem minmax(0, 1fr);
  overflow: hidden;
  border-radius: 1.1rem;
  background: #fff;
  box-shadow: 0 .6rem 1.8rem rgba(29, 33, 28, .055);
}

.batalar-ai-results-264__image {
  position: relative;
  display: block;
  min-height: 8.5rem;
  overflow: hidden;
  background: #e7eeeb;
}

.batalar-ai-results-264__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .3s ease;
}

.batalar-ai-results-264__card:hover img {
  transform: scale(1.035);
}

.batalar-ai-results-264__image span {
  position: absolute;
  top: .5rem;
  right: .5rem;
  padding: .3rem .45rem;
  border-radius: .55rem;
  background: #ffb400;
  color: #1d211c;
  font-size: .55rem;
  font-weight: 950;
}

.batalar-ai-results-264__copy {
  min-width: 0;
  padding: .75rem;
}

.batalar-ai-results-264__copy > small {
  display: block;
  overflow: hidden;
  color: #87908c;
  font-size: .57rem;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.batalar-ai-results-264__copy h4 {
  margin-top: .25rem;
  overflow: hidden;
  color: #1d211c;
  font-size: .8rem;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.batalar-ai-results-264__copy > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  margin-top: .7rem;
}

.batalar-ai-results-264__copy > div span {
  color: #b77900;
  font-size: .62rem;
  font-weight: 900;
}

.batalar-ai-results-264__copy > div strong {
  overflow: hidden;
  color: #38413d;
  font-size: .62rem;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.batalar-ai-results-264__copy > a {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  margin-top: .75rem;
  color: #087763;
  font-size: .61rem;
  font-weight: 950;
}

.batalar-ai-results-264__save {
  display: inline-flex;
  min-height: 2.35rem;
  align-items: center;
  justify-content: center;
  gap: .38rem;
  margin-top: .65rem;
  border: 1px solid #1d211c;
  border-radius: .75rem;
  background: #1d211c;
  padding: .45rem .75rem;
  color: #fff;
  box-shadow: 0 .45rem 1.1rem rgba(29, 33, 28, .16);
  font: inherit;
  font-size: .61rem;
  font-weight: 950;
  cursor: pointer;
  transition: transform .16s ease, background .16s ease, box-shadow .16s ease;
}

.batalar-ai-results-264__save:hover,
.batalar-ai-results-264__save:focus-visible {
  outline: 0;
  background: #303834;
  box-shadow: 0 .6rem 1.35rem rgba(29, 33, 28, .22);
  transform: translateY(-1px);
}

.batalar-ai-results-264__save:active { transform: scale(.95); }

.batalar-ai-results-264__save.is-saved {
  border-color: rgba(255, 180, 0, .45);
  background: #fff8e4;
  color: #1d211c;
  box-shadow: 0 .4rem 1rem rgba(255, 180, 0, .14);
}

.batalar-ai-results-264__save.is-saved i { color: #ffb400; }
.batalar-ai-results-264__save[data-busy="true"] { opacity: .58; cursor: wait; }

.batalar-ai-results-264__all {
  display: flex;
  width: fit-content;
  min-height: 2.9rem;
  align-items: center;
  gap: .45rem;
  margin: 1rem auto 0;
  padding-inline: 1.2rem;
  border-radius: .9rem;
  background: #00e9ba;
  color: #10231f;
  font-size: .7rem;
  font-weight: 950;
}

.batalar-ai-results-264__empty {
  display: grid;
  min-height: 15rem;
  place-items: center;
  align-content: center;
  gap: .55rem;
  color: #68716c;
  text-align: center;
}

.batalar-ai-results-264__empty > i {
  color: #0b8f75;
  font-size: 2.4rem;
}

.batalar-ai-results-264__empty h4 {
  color: #1d211c;
  font-size: 1rem;
  font-weight: 950;
}

.batalar-ai-results-264__empty p {
  font-size: .7rem;
  font-weight: 650;
}
/* BATALAR-264-IN-SHEET-RESULTS-END */

.batalar-ai-launcher-256[data-open="true"] .batalar-ai-launcher-256__backdrop {
  opacity: 1;
  pointer-events: auto;
}

.batalar-ai-launcher-256[data-open="true"] .batalar-ai-launcher-256__panel {
  opacity: 1;
  pointer-events: auto;
  transform: translate3d(0, 0, 0);
}

.batalar-ai-launcher-256[data-open="true"] .batalar-ai-launcher-256__button {
  right: auto;
  left: 50%;
  bottom: calc(80vh - 3.135rem);
  bottom: calc(80dvh - 3.135rem);
  transform: translateX(-50%);
}

.batalar-ai-launcher-256[data-open="true"] .batalar-ai-launcher-256__hint {
  opacity: 0;
  visibility: hidden;
}

html.batalar-ai-open-258,
body.batalar-ai-open-258 {
  overflow: hidden;
  overscroll-behavior: none;
}

/* BATALAR-269-LOGICAL-ASSISTANT-FLOW-START */
.batalar-ai-flow-269__intro {
  max-width: 36rem;
  margin: 0 auto 1rem;
  text-align: center;
}

.batalar-ai-flow-269__intro small {
  display: inline-flex;
  align-items: center;
  min-height: 1.65rem;
  padding-inline: .7rem;
  border-radius: 999px;
  background: #dffff8;
  color: #087763;
  font-size: .58rem;
  font-weight: 950;
}

.batalar-ai-flow-269__intro h3 {
  margin-top: .45rem;
  color: #1d211c;
  font-size: clamp(1.15rem, 2.7vw, 1.65rem);
  font-weight: 950;
  line-height: 1.5;
}

.batalar-ai-flow-269__intro p {
  margin-top: .25rem;
  color: #727b77;
  font-size: .68rem;
  font-weight: 650;
  line-height: 1.85;
}

.batalar-ai-flow-269__occasions {
  display: grid;
  max-width: 48rem;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .65rem;
  margin-inline: auto;
}

.batalar-ai-flow-269__occasions button {
  position: relative;
  display: grid;
  min-height: 8.2rem;
  place-items: center;
  align-content: center;
  gap: .65rem;
  padding: 1rem .65rem;
  overflow: hidden;
  border: 0;
  border-radius: 1.25rem;
  background: #fff;
  color: #303834;
  box-shadow: 0 .8rem 2.4rem rgba(29, 33, 28, .055);
  font: inherit;
  cursor: pointer;
  transition: transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
}

.batalar-ai-flow-269__occasions button > i {
  display: grid;
  width: 3rem;
  height: 3rem;
  place-items: center;
  border-radius: 1rem;
  background: #edfaf6;
  color: #087763;
  font-size: 1.45rem;
}

.batalar-ai-flow-269__occasions button strong {
  font-size: .72rem;
  font-weight: 950;
}

.batalar-ai-flow-269__occasions button > span {
  position: absolute;
  bottom: .65rem;
  left: .65rem;
  color: #a4ada8;
  font-size: .8rem;
}

.batalar-ai-flow-269__occasions button:hover,
.batalar-ai-flow-269__occasions button:focus-visible {
  outline: 0;
  box-shadow: 0 1rem 2.8rem rgba(29, 33, 28, .1);
  transform: translateY(-.18rem);
}

.batalar-ai-flow-269__occasions button[aria-pressed="true"] {
  background: #1d211c;
  color: #fff;
}

.batalar-ai-flow-269__occasions button[aria-pressed="true"] > i {
  background: rgba(0, 233, 186, .14);
  color: #00e9ba;
}

.batalar-ai-flow-269__tabs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .35rem;
  padding: .35rem;
  border-radius: 1rem;
  background: #e9efed;
}

.batalar-ai-flow-269__tabs button {
  display: inline-flex;
  min-width: 0;
  min-height: 2.4rem;
  align-items: center;
  justify-content: center;
  gap: .3rem;
  padding: .4rem .5rem;
  border: 0;
  border-radius: .75rem;
  background: transparent;
  color: #66706b;
  font: inherit;
  font-size: .57rem;
  font-weight: 900;
  cursor: pointer;
}

.batalar-ai-flow-269__tabs button span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.batalar-ai-flow-269__tabs button[aria-selected="true"] {
  background: #fff;
  color: #1d211c;
  box-shadow: 0 .35rem 1.2rem rgba(29, 33, 28, .07);
}

.batalar-ai-flow-269__tabs button[aria-selected="true"] i {
  color: #07977a;
}

.batalar-ai-flow-269__services {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .55rem;
  margin-top: .75rem;
}

.batalar-ai-flow-269__services button {
  display: grid;
  min-height: 3.7rem;
  grid-template-columns: 2.35rem minmax(0, 1fr) auto;
  align-items: center;
  gap: .65rem;
  padding: .6rem .7rem;
  border: 0;
  border-radius: 1rem;
  background: #fff;
  color: #36403b;
  box-shadow: 0 .5rem 1.6rem rgba(29, 33, 28, .045);
  font: inherit;
  text-align: right;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease;
}

.batalar-ai-flow-269__services button > span {
  display: grid;
  width: 2.35rem;
  height: 2.35rem;
  place-items: center;
  border-radius: .75rem;
  background: #edfaf6;
  color: #087763;
  font-size: 1rem;
}

.batalar-ai-flow-269__services button strong {
  overflow: hidden;
  font-size: .65rem;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.batalar-ai-flow-269__services button > i {
  color: #a3aca8;
  font-size: .8rem;
}

.batalar-ai-flow-269__services button:hover,
.batalar-ai-flow-269__services button:focus-visible {
  outline: 0;
  box-shadow: 0 .75rem 2rem rgba(29, 33, 28, .09);
  transform: translateY(-.12rem);
}

.batalar-ai-flow-269__essentials,
.batalar-ai-flow-269__advanced-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .55rem;
}

.batalar-ai-flow-269__field {
  display: block;
  min-width: 0;
  padding: .55rem .7rem;
  border-radius: .9rem;
  background: #fff;
  box-shadow: 0 .4rem 1.5rem rgba(29, 33, 28, .04);
}

.batalar-ai-flow-269__field > span {
  display: flex;
  align-items: center;
  gap: .3rem;
  color: #68716c;
  font-size: .58rem;
  font-weight: 900;
}

.batalar-ai-flow-269__field > span i {
  color: #07977a;
  font-size: .82rem;
}

.batalar-ai-flow-269__field input,
.batalar-ai-flow-269__field select {
  width: 100%;
  min-height: 2.1rem;
  margin-top: .25rem;
  padding: .3rem .25rem;
  border: 0;
  outline: 0;
  background: transparent;
  color: #202723;
  font: inherit;
  font-size: .68rem;
  font-weight: 850;
}

.batalar-ai-flow-269__field:focus-within {
  box-shadow: 0 0 0 .12rem rgba(0, 205, 164, .25), 0 .5rem 1.5rem rgba(29, 33, 28, .05);
}

.batalar-ai-flow-269__price {
  margin-top: .65rem;
  padding: .8rem 1rem;
  border-radius: 1.1rem;
  background: #1d211c;
  color: #fff;
  box-shadow: 0 .8rem 2.2rem rgba(29, 33, 28, .13);
}

.batalar-ai-flow-269__price header,
.batalar-ai-flow-269__price footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.batalar-ai-flow-269__price header span,
.batalar-ai-flow-269__price header small,
.batalar-ai-flow-269__price header strong {
  display: block;
}

.batalar-ai-flow-269__price header small {
  color: #aeb8b3;
  font-size: .56rem;
  font-weight: 800;
}

.batalar-ai-flow-269__price header strong {
  margin-top: .18rem;
  color: #fff;
  font-size: .83rem;
  font-weight: 950;
}

.batalar-ai-flow-269__price header > i {
  color: #00e9ba;
  font-size: 1.45rem;
}

.batalar-ai-flow-269__price input[type="range"] {
  width: 100%;
  height: .4rem;
  margin-block: .75rem .45rem;
  border-radius: 999px;
  accent-color: #00e9ba;
  cursor: pointer;
}

.batalar-ai-flow-269__price footer {
  color: #8f9994;
  font-size: .52rem;
  font-weight: 750;
}

.batalar-ai-flow-269__price--empty {
  display: flex;
  align-items: center;
  gap: .7rem;
}

.batalar-ai-flow-269__price--empty > i {
  color: #00e9ba;
  font-size: 1.5rem;
}

.batalar-ai-flow-269__price--empty span,
.batalar-ai-flow-269__price--empty strong,
.batalar-ai-flow-269__price--empty small {
  display: block;
}

.batalar-ai-flow-269__price--empty strong {
  font-size: .7rem;
  font-weight: 950;
}

.batalar-ai-flow-269__price--empty small {
  margin-top: .15rem;
  color: #aeb8b3;
  font-size: .56rem;
  font-weight: 700;
}

.batalar-ai-flow-269__advanced-toggle {
  display: flex;
  width: 100%;
  min-height: 2.55rem;
  align-items: center;
  justify-content: space-between;
  margin-top: .55rem;
  padding-inline: .75rem;
  border: 0;
  border-radius: .85rem;
  background: #e9efed;
  color: #505a55;
  font: inherit;
  font-size: .61rem;
  font-weight: 900;
  cursor: pointer;
}

.batalar-ai-flow-269__advanced-toggle span {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
}

.batalar-ai-flow-269__advanced-toggle[aria-expanded="true"] > i {
  transform: rotate(180deg);
}

.batalar-ai-flow-269__advanced {
  display: grid;
  gap: .55rem;
  margin-top: .55rem;
  padding: .65rem;
  border-radius: 1rem;
  background: #edf3f0;
}

.batalar-ai-flow-269__advanced > p {
  color: #75807a;
  font-size: .62rem;
  font-weight: 750;
  text-align: center;
}

.batalar-ai-flow-269__option-group h4 {
  margin-bottom: .35rem;
  color: #5f6964;
  font-size: .58rem;
  font-weight: 900;
}

.batalar-ai-flow-269__option-group > div {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}

.batalar-ai-flow-269__option-group button {
  display: inline-flex;
  min-height: 2.1rem;
  align-items: center;
  gap: .25rem;
  padding: .35rem .6rem;
  border: 0;
  border-radius: .7rem;
  background: #fff;
  color: #5c6661;
  font: inherit;
  font-size: .57rem;
  font-weight: 850;
  cursor: pointer;
}

.batalar-ai-flow-269__option-group button[aria-pressed="true"] {
  background: #1d211c;
  color: #00e9ba;
}
/* BATALAR-269-LOGICAL-ASSISTANT-FLOW-END */

/* BATALAR-270-CONVERSATIONAL-ASSISTANT-START */
.batalar-ai-chat-270 {
  display: grid;
  height: 100%;
  min-height: 0;
  grid-template-rows: minmax(0, 1fr) auto auto auto;
  gap: .55rem;
}

.batalar-ai-chat-270__thread {
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 1rem .35rem .5rem;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: rgba(11, 143, 117, .24) transparent;
}

.batalar-ai-chat-270__row {
  display: flex;
  max-width: 46rem;
  gap: .55rem;
  margin: 0 auto .9rem;
}

.batalar-ai-chat-270__row--user {
  justify-content: flex-start;
}

.batalar-ai-chat-270__row--user .batalar-ai-chat-270__bubble {
  max-width: min(80%, 31rem);
  padding: .7rem .9rem;
  border-radius: 1rem 1rem .25rem 1rem;
  background: #1d211c;
  color: #fff;
}

.batalar-ai-chat-270__row--assistant {
  align-items: flex-start;
}

.batalar-ai-chat-270__avatar {
  display: grid;
  flex: 0 0 2.25rem;
  width: 2.25rem;
  height: 2.25rem;
  place-items: center;
  border-radius: .75rem;
  background: #dffff8;
  color: #087763;
}

.batalar-ai-chat-270__answer {
  min-width: 0;
  max-width: calc(100% - 2.8rem);
}

.batalar-ai-chat-270__bubble {
  color: #38413d;
  font-size: .72rem;
  font-weight: 750;
  line-height: 1.9;
}

.batalar-ai-chat-270__row--assistant .batalar-ai-chat-270__bubble {
  display: inline-block;
  padding: .65rem .8rem;
  border-radius: .35rem 1rem 1rem 1rem;
  background: #fff;
  box-shadow: 0 .55rem 1.8rem rgba(29, 33, 28, .05);
}

.batalar-ai-chat-270__mode {
  display: flex;
  width: fit-content;
  align-items: center;
  gap: .25rem;
  margin-top: .3rem;
  color: #0b8f75;
  font-size: .5rem;
  font-weight: 850;
}

.batalar-ai-chat-270__choices {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin-top: .55rem;
}

.batalar-ai-chat-270__choices button,
.batalar-ai-chat-270__retry button {
  display: inline-flex;
  min-height: 2.45rem;
  align-items: center;
  gap: .35rem;
  padding: .4rem .72rem;
  border: 0;
  border-radius: .8rem;
  background: #e5f6f1;
  color: #286054;
  font: inherit;
  font-size: .61rem;
  font-weight: 900;
  cursor: pointer;
  transition: background .18s ease, color .18s ease, transform .18s ease;
}

.batalar-ai-chat-270__choices button:hover,
.batalar-ai-chat-270__choices button:focus-visible {
  outline: 0;
  background: #1d211c;
  color: #00e9ba;
  transform: translateY(-.08rem);
}

.batalar-ai-chat-270__choices button:disabled {
  opacity: .45;
  pointer-events: none;
}

.batalar-ai-chat-270__price {
  width: min(31rem, 100%);
  margin-top: .55rem;
  padding: .75rem .85rem;
  border-radius: 1rem;
  background: #1d211c;
  color: #fff;
}

.batalar-ai-chat-270__price > div:first-child,
.batalar-ai-chat-270__price-limits {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.batalar-ai-chat-270__price span {
  color: #b7c1bc;
  font-size: .56rem;
  font-weight: 800;
}

.batalar-ai-chat-270__price output {
  font-size: .7rem;
  font-weight: 950;
}

.batalar-ai-chat-270__price input[type="range"] {
  width: 100%;
  margin-block: .65rem .3rem;
  accent-color: #00e9ba;
  cursor: pointer;
}

.batalar-ai-chat-270__price-limits {
  color: #818c86;
  font-size: .5rem;
}

.batalar-ai-chat-270__price button {
  display: flex;
  width: 100%;
  min-height: 2.35rem;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  margin-top: .55rem;
  border: 0;
  border-radius: .7rem;
  background: #00e9ba;
  color: #10231f;
  font: inherit;
  font-size: .61rem;
  font-weight: 950;
  cursor: pointer;
}

/* Stage 309: accessible inline estimates, scoped to the conversation only. */
.batalar-ai-chat-270__price {
  background: #fff;
  color: #3b3c36;
  border: 1px solid #e6ebe8;
  padding: 1rem;
  box-shadow: 0 4px 16px rgb(59 60 54 / 5%);
}
.batalar-ai-chat-270__price > div:first-child { flex-wrap: wrap; gap: .35rem; }
.batalar-ai-chat-270__price span { color: #58615b; font-size: 13px; }
.batalar-ai-chat-270__price output { font-size: 16px; color: #3b3c36; }
.batalar-ai-chat-270__price input[type="range"] { min-height: 44px; margin: 0; direction: rtl; accent-color: #008f78; }
.batalar-ai-chat-270__price-limits { color: #58615b; font-size: 13px; }
.batalar-ai-chat-270__price button { min-height: 44px; font-size: 14px; background: #00ffcc; color: #3b3c36; }
.batalar-ai-chat-270__price button i { color: #3b3c36; font-size: 20px; }
.batalar-ai-chat-309__number-row { display: flex; align-items: flex-end; gap: 8px; margin-block: .6rem; }
.batalar-ai-chat-309__number-row label { flex: 1; min-width: 0; }
.batalar-ai-chat-309__number-row label span { display: block; margin-bottom: 4px; font-size: 12px; }
.batalar-ai-chat-309__number-row input { width: 100%; min-width: 0; height: 44px; border: 1px solid #dce4df; border-radius: 10px; background: #fafcfb; color: #3b3c36; font: inherit; font-size: 16px; text-align: right; padding: 8px; direction: ltr; }
.batalar-ai-chat-309__number-row button { width: 44px; height: 44px; flex: 0 0 44px; margin: 0; border-radius: 50%; background: #eefaf6; }
.batalar-ai-chat-270__price :is(input,button):focus-visible { outline: 2px solid #008f78; outline-offset: 3px; }
.batalar-ai-chat-309__number-row input[aria-invalid="true"] { border-color: #b42318; }
.batalar-ai-chat-270__price button:disabled,
.batalar-ai-chat-270__choices button:disabled { opacity: .55; cursor: default; }

.batalar-ai-chat-270__typing {
  display: flex;
  width: fit-content;
  max-width: 46rem;
  align-items: center;
  gap: .25rem;
  margin: .4rem auto .9rem;
  padding: .55rem .7rem;
  border-radius: 1rem;
  background: #fff;
  color: #87908c;
  font-size: .56rem;
  font-weight: 750;
}

.batalar-ai-chat-270__typing i {
  width: .32rem;
  height: .32rem;
  border-radius: 50%;
  background: #00b992;
  animation: batalar-ai-typing-270 1s ease-in-out infinite;
}

.batalar-ai-chat-270__typing i:nth-child(2) { animation-delay: .14s; }
.batalar-ai-chat-270__typing i:nth-child(3) { animation-delay: .28s; }
.batalar-ai-chat-270__typing span { margin-right: .25rem; }

@keyframes batalar-ai-typing-270 {
  0%, 60%, 100% { opacity: .25; transform: translateY(0); }
  30% { opacity: 1; transform: translateY(-.2rem); }
}

.batalar-ai-chat-270__composer {
  display: grid;
  width: min(46rem, 100%);
  grid-template-columns: auto minmax(0, 1fr) 2.85rem;
  align-items: center;
  gap: .35rem;
  margin-inline: auto;
  padding: .38rem;
  border: 0;
  border-radius: 1.15rem;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 .9rem 2.8rem rgba(29, 33, 28, .1);
  transition: box-shadow .2s ease, transform .2s ease;
}

.batalar-ai-chat-270__composer:focus-within {
  border: 0;
  outline: 0;
  box-shadow: none;
  transform: none;
}

.batalar-ai-chat-270__input-shell {
  display: grid;
  min-width: 0;
  grid-template-columns: 1.6rem minmax(0, 1fr);
  align-items: center;
  padding-inline: .35rem;
  border: 0;
  border-radius: .8rem;
  outline: 0;
  background: #f3f7f5;
  box-shadow: none;
  transition: box-shadow .2s ease;
}

.batalar-ai-chat-270__input-shell > i {
  color: #77908a;
  font-size: 1rem;
  text-align: center;
  transition: color .2s ease;
}

.batalar-ai-chat-270__input-shell:focus-within > i {
  color: #77908a;
}

.batalar-ai-chat-270__input-shell:focus-within {
  border: 0;
  outline: 0;
  box-shadow: 0 .8rem .8rem -.85rem rgba(255, 180, 0, .22);
}

.batalar-ai-chat-270__input-shell input {
  width: 100%;
  min-height: 2.7rem;
  min-width: 0;
  padding-inline: .35rem .6rem;
  border: 0;
  outline: 0;
  background: transparent;
  color: #1d211c;
  font: inherit;
  font-size: .68rem;
  font-weight: 700;
  box-shadow: none;
}

.batalar-ai-chat-270__input-shell input:focus,
.batalar-ai-chat-270__input-shell input:focus-visible {
  border: 0;
  outline: 0;
  box-shadow: none;
}

.batalar-ai-chat-270__send {
  display: grid;
  width: 2.85rem;
  height: 2.85rem;
  place-items: center;
  border: 0;
  border-radius: .85rem;
  background: #00e9ba;
  color: #3b3c36;
  font-size: 1rem;
  box-shadow: 0 .45rem 1.2rem rgba(0, 185, 146, .2);
  cursor: pointer;
  transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.batalar-ai-chat-270__send i {
  color: #3b3c36;
}

.batalar-ai-chat-270__send i {
  -webkit-text-fill-color: #3b3c36;
}

.batalar-ai-chat-270__send i,
.batalar-ai-chat-270__send i::before {
  color: #3b3c36 !important;
  -webkit-text-fill-color: #3b3c36;
}

.batalar-ai-chat-270__send:hover,
.batalar-ai-chat-270__send:focus-visible {
  outline: 0;
  background: #00dbae;
  box-shadow: 0 .6rem 1.5rem rgba(0, 185, 146, .27);
  transform: translateY(-.08rem);
}

.batalar-ai-chat-270__reset {
  display: inline-flex;
  min-height: 2.65rem;
  align-items: center;
  justify-content: center;
  gap: .3rem;
  padding-inline: .7rem;
  border: 0;
  border-radius: .82rem;
  background: #edf2f0;
  color: #58645f;
  font: inherit;
  font-size: .58rem;
  font-weight: 900;
  white-space: nowrap;
  cursor: pointer;
  transition: background .18s ease, color .18s ease;
}

.batalar-ai-chat-270__reset i {
  font-size: .9rem;
}

.batalar-ai-chat-270__reset:hover,
.batalar-ai-chat-270__reset:focus-visible {
  outline: 0;
  background: #1d211c;
  color: #fff;
}

.batalar-ai-chat-270__composer button:disabled,
.batalar-ai-chat-270__composer[data-busy] {
  opacity: .65;
}

.batalar-ai-chat-270__hint {
  display: block;
  color: #929b97;
  font-size: .52rem;
  font-weight: 650;
  text-align: center;
}

.batalar-ai-chat-270__message {
  width: min(46rem, 100%);
  margin-inline: auto;
  padding: .45rem .65rem;
  border-radius: .7rem;
  background: #fff1f2;
  color: #be123c;
  font-size: .6rem;
  font-weight: 850;
  text-align: center;
}

.batalar-ai-chat-270__businesses {
  display: grid;
  width: min(34rem, 100%);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .5rem;
  margin-top: .65rem;
}

.batalar-ai-chat-270__business {
  position: relative;
  display: grid;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(29, 33, 28, .055);
  border-radius: .95rem;
  background: #fff;
  color: #1d211c;
  box-shadow: 0 .45rem 1.5rem rgba(29, 33, 28, .045);
  transition: transform .18s ease, box-shadow .18s ease;
}

.batalar-ai-chat-270__business-link {
  display: grid;
  min-width: 0;
  grid-template-columns: 4.4rem minmax(0, 1fr);
  color: inherit;
}

.batalar-ai-chat-270__business:hover,
.batalar-ai-chat-270__business:has(.batalar-ai-chat-270__business-link:focus-visible) {
  outline: 0;
  box-shadow: 0 .7rem 1.9rem rgba(29, 33, 28, .09);
  transform: translateY(-.1rem);
}

.batalar-ai-chat-270__business-image {
  min-height: 6.3rem;
  overflow: hidden;
  background: #e8efec;
}

.batalar-ai-chat-270__business-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.batalar-ai-chat-270__business-image > span {
  display: grid;
  width: 100%;
  height: 100%;
  min-height: 6.3rem;
  place-items: center;
  color: #729088;
  font-size: 1.35rem;
}

.batalar-ai-chat-270__business-copy {
  min-width: 0;
  padding: .55rem .6rem 2.75rem;
}

.batalar-ai-chat-270__business small,
.batalar-ai-chat-270__business strong,
.batalar-ai-chat-270__business p,
.batalar-ai-chat-270__business em {
  display: block;
}

.batalar-ai-chat-270__business small {
  overflow: hidden;
  color: #89938e;
  font-size: .48rem;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.batalar-ai-chat-270__business strong {
  margin-top: .15rem;
  overflow: hidden;
  font-size: .65rem;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.batalar-ai-chat-270__business p {
  display: -webkit-box;
  margin-top: .2rem;
  overflow: hidden;
  color: #707a75;
  font-size: .5rem;
  font-weight: 650;
  line-height: 1.65;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.batalar-ai-chat-270__business em {
  margin-top: .35rem;
  color: #087763;
  font-size: .5rem;
  font-style: normal;
  font-weight: 900;
}

.batalar-ai-chat-270__save {
  position: absolute;
  left: .48rem;
  bottom: .48rem;
  display: inline-flex;
  min-height: 1.9rem;
  align-items: center;
  justify-content: center;
  gap: .28rem;
  border: 1px solid #1d211c;
  border-radius: .62rem;
  background: #1d211c;
  padding: .32rem .58rem;
  color: #fff;
  box-shadow: 0 .35rem .85rem rgba(29, 33, 28, .18);
  font: inherit;
  font-size: .52rem;
  font-weight: 950;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.batalar-ai-chat-270__save:hover,
.batalar-ai-chat-270__save:focus-visible {
  outline: 0;
  background: #303834;
  box-shadow: 0 .5rem 1rem rgba(29, 33, 28, .25);
  transform: translateY(-1px);
}

.batalar-ai-chat-270__save:active { transform: scale(.94); }

.batalar-ai-chat-270__save.is-saved {
  border-color: rgba(255, 180, 0, .5);
  background: #fff8e4;
  color: #1d211c;
}

.batalar-ai-chat-270__save.is-saved i { color: #ffb400; }
.batalar-ai-chat-270__save[data-busy="true"] { opacity: .58; cursor: wait; }

.batalar-ai-chat-270__retry {
  width: min(46rem, 100%);
  margin: 0 auto .75rem;
  text-align: center;
}

.batalar-ai-chat-270__results {
  max-width: 52rem;
  margin: 1rem auto;
  padding: 1rem;
  border-radius: 1.2rem;
  background: #eef4f1;
}
/* BATALAR-270-CONVERSATIONAL-ASSISTANT-END */

@media (max-width: 640px) {
  .batalar-ai-launcher-256__button {
    right: auto;
    left: max(2rem, env(safe-area-inset-left));
    bottom: max(2rem, env(safe-area-inset-bottom));
    width: 5.28rem;
    height: 5.28rem;
  }

  .batalar-ai-launcher-256__animation {
    width: 4.818rem;
    height: 4.818rem;
  }

  .batalar-ai-launcher-256__hint {
    right: auto;
    left: max(2rem, env(safe-area-inset-left));
    bottom: calc(max(2rem, env(safe-area-inset-bottom)) + 5.4rem);
  }

  .batalar-ai-launcher-256__panel {
    top: var(--batalar-ai-mobile-top, 0px);
    right: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    height: var(--batalar-ai-mobile-height, 100dvh);
    max-height: none;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .batalar-ai-launcher-256[data-open="true"] .batalar-ai-launcher-256__button {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .batalar-ai-launcher-256__panel-head {
    min-height: calc(4.75rem + env(safe-area-inset-top));
    padding: calc(.85rem + env(safe-area-inset-top)) 3.75rem .7rem;
  }

  .batalar-ai-launcher-256__close {
    top: .75rem;
    left: .75rem;
    width: 2.6rem;
    height: 2.6rem;
  }

  .batalar-ai-launcher-256__panel-body {
    height: auto;
    padding: .6rem .7rem calc(.65rem + env(safe-area-inset-bottom));
  }

  .batalar-ai-launcher-256__welcome {
    gap: .75rem;
    padding: 1rem;
  }

  .batalar-ai-flow-263__stage {
    padding-top: 1rem;
  }

  .batalar-ai-flow-263__choices,
  .batalar-ai-flow-263__fields:not(.batalar-ai-flow-263__fields--compact) {
    grid-template-columns: 1fr;
  }

  .batalar-ai-flow-263__fields--compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .batalar-ai-flow-263__intro {
    margin-bottom: .75rem;
  }

  .batalar-ai-flow-263__intro h3 {
    font-size: 1.05rem;
  }

  .batalar-ai-flow-263__intro p {
    font-size: .66rem;
    line-height: 1.7;
  }

  .batalar-ai-flow-263__choice {
    min-height: 4.1rem;
  }

  .batalar-ai-flow-263__nav {
    gap: .35rem;
  }

  .batalar-ai-flow-263__nav > span {
    font-size: .56rem;
  }

  .batalar-ai-flow-263__next {
    min-width: 0;
  }

  .batalar-ai-flow-263__back,
  .batalar-ai-flow-263__next {
    min-height: 3rem;
    padding-inline: .75rem;
    font-size: .66rem;
  }

  .batalar-ai-results-264__head {
    align-items: stretch;
    flex-direction: column;
  }

  .batalar-ai-flow-267__budgets {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .batalar-ai-flow-267__budget {
    min-height: 3.7rem;
  }

  .batalar-ai-flow-268__budget-slider {
    margin-top: .7rem;
    padding: .75rem;
  }

  .batalar-ai-flow-267__tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .batalar-ai-flow-267__tabs button {
    min-height: 2.25rem;
    font-size: .54rem;
  }

  .batalar-ai-flow-267__category-cards {
    gap: .35rem;
  }

  .batalar-ai-flow-267__category-cards button {
    min-height: 2.3rem;
    padding: .35rem .55rem;
    font-size: .58rem;
  }

  .batalar-ai-results-264__head button {
    align-self: flex-start;
  }

  .batalar-ai-results-264__grid {
    grid-template-columns: 1fr;
  }

  .batalar-ai-results-264__card {
    grid-template-columns: 6.5rem minmax(0, 1fr);
  }

  .batalar-ai-flow-269__intro {
    margin-bottom: .65rem;
  }

  .batalar-ai-flow-269__intro small {
    min-height: 1.45rem;
    font-size: .52rem;
  }

  .batalar-ai-flow-269__intro h3 {
    margin-top: .3rem;
    font-size: 1.02rem;
  }

  .batalar-ai-flow-269__intro p {
    margin-top: .15rem;
    font-size: .6rem;
    line-height: 1.65;
  }

  .batalar-ai-flow-269__occasions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .45rem;
  }

  .batalar-ai-flow-269__occasions button {
    min-height: 4.55rem;
    grid-template-columns: 2.2rem minmax(0, 1fr) auto;
    align-content: center;
    justify-items: start;
    gap: .55rem;
    padding: .55rem .65rem;
    border-radius: .9rem;
    text-align: right;
  }

  .batalar-ai-flow-269__occasions button:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }

  .batalar-ai-flow-269__occasions button > i {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: .7rem;
    font-size: 1rem;
  }

  .batalar-ai-flow-269__occasions button strong {
    font-size: .64rem;
  }

  .batalar-ai-flow-269__occasions button > span {
    position: static;
    color: #a4ada8;
  }

  .batalar-ai-flow-269__tabs {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .2rem;
    padding: .25rem;
    border-radius: .8rem;
  }

  .batalar-ai-flow-269__tabs button {
    min-height: 2.1rem;
    gap: .2rem;
    padding: .25rem .15rem;
    border-radius: .6rem;
    font-size: .48rem;
  }

  .batalar-ai-flow-269__tabs button i {
    display: none;
  }

  .batalar-ai-flow-269__services {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .4rem;
    margin-top: .5rem;
  }

  .batalar-ai-flow-269__services button {
    min-height: 3.25rem;
    grid-template-columns: 1.9rem minmax(0, 1fr) auto;
    gap: .4rem;
    padding: .45rem .5rem;
    border-radius: .8rem;
  }

  .batalar-ai-flow-269__services button > span {
    width: 1.9rem;
    height: 1.9rem;
    border-radius: .6rem;
    font-size: .82rem;
  }

  .batalar-ai-flow-269__services button strong {
    font-size: .56rem;
  }

  .batalar-ai-flow-269__essentials,
  .batalar-ai-flow-269__advanced-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .4rem;
  }

  .batalar-ai-flow-269__field {
    padding: .4rem .55rem;
    border-radius: .75rem;
  }

  .batalar-ai-flow-269__essentials .batalar-ai-flow-269__field:first-child:nth-last-child(3) {
    grid-column: 1 / -1;
  }

  .batalar-ai-flow-269__field input,
  .batalar-ai-flow-269__field select {
    min-height: 1.8rem;
    font-size: .62rem;
  }

  .batalar-ai-flow-269__price {
    margin-top: .45rem;
    padding: .65rem .75rem;
    border-radius: .9rem;
  }

  .batalar-ai-flow-269__price input[type="range"] {
    margin-block: .55rem .35rem;
  }

  .batalar-ai-flow-269__advanced-toggle {
    min-height: 2.25rem;
    margin-top: .4rem;
  }

  .batalar-ai-chat-270__thread {
    padding: .5rem .05rem .35rem;
  }

  .batalar-ai-chat-270__row {
    margin-bottom: .7rem;
  }

  .batalar-ai-chat-270__row--user .batalar-ai-chat-270__bubble {
    max-width: 88%;
  }

  .batalar-ai-chat-270__avatar {
    flex-basis: 2rem;
    width: 2rem;
    height: 2rem;
  }

  .batalar-ai-chat-270__answer {
    max-width: calc(100% - 2.45rem);
  }

  .batalar-ai-chat-270__bubble {
    font-size: .65rem;
  }

  .batalar-ai-chat-270__choices {
    gap: .32rem;
  }

  .batalar-ai-chat-270__choices button {
    min-height: 2.25rem;
    padding: .35rem .58rem;
    font-size: .56rem;
  }

  .batalar-ai-chat-270__composer {
    grid-template-columns: 2.8rem minmax(0, 1fr) 3.15rem;
    gap: .4rem;
    padding: .42rem;
    border-radius: 1.15rem;
    background: #fff;
    box-shadow: 0 -.35rem 1.8rem rgba(29, 33, 28, .08), 0 .65rem 1.7rem rgba(29, 33, 28, .08);
  }

  .batalar-ai-chat-270__input-shell {
    min-height: 3.15rem;
    grid-template-columns: 1.65rem minmax(0, 1fr);
    padding-inline: .35rem;
    border-radius: .9rem;
    background: #f1f6f4;
  }

  .batalar-ai-chat-270__input-shell > i {
    font-size: 1.05rem;
  }

  .batalar-ai-chat-270__input-shell input {
    min-height: 3.15rem;
    padding-inline: .3rem .45rem;
    font-size: 1rem;
    line-height: 1.4;
  }

  .batalar-ai-chat-270__send {
    width: 3.15rem;
    height: 3.15rem;
    border-radius: .95rem;
    font-size: 1.2rem;
    box-shadow: 0 .55rem 1.3rem rgba(0, 185, 146, .24);
  }

  .batalar-ai-chat-270__reset {
    width: 2.8rem;
    min-height: 2.8rem;
    padding: 0;
  }

  .batalar-ai-chat-270__reset span {
    display: none;
  }

  .batalar-ai-chat-270__results {
    margin-block: .75rem;
    padding: .65rem;
  }

  .batalar-ai-chat-270__businesses {
    grid-template-columns: 1fr;
  }

  .batalar-ai-chat-270__business-link {
    grid-template-columns: 4.8rem minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .batalar-ai-launcher-256__button,
  .batalar-ai-launcher-256__hint,
  .batalar-ai-launcher-256__backdrop,
  .batalar-ai-launcher-256__panel {
    transition-duration: .01ms;
  }
}
/* BATALAR-258-AI-ASSISTANT-SHEET-END */

/* BATALAR-303-MOBILE-CONVERSATION-START */
.batalar-ai-chat-270 { display: flex; flex-direction: column; position: relative; }
.batalar-ai-chat-303__viewport { display: grid; flex: 1 1 auto; min-height: 0; position: relative; }
.batalar-ai-chat-270__thread { overscroll-behavior: contain; scroll-behavior: auto; overflow-anchor: none; }
.batalar-ai-chat-270__bubble { font-size: .9rem; font-weight: 500; line-height: 1.95; white-space: pre-wrap; overflow-wrap: anywhere; }
.batalar-ai-chat-270__answer { flex: 1; }
.batalar-ai-chat-270__composer { grid-template-columns: minmax(0, 1fr) 3rem; flex: 0 0 auto; align-items: end; gap: .5rem; padding: .5rem; box-shadow: 0 3px 20px rgba(29, 33, 28, .07); }
.batalar-ai-chat-270__input-shell { display: block; padding: 0; background: #f2f6f4; }
.batalar-ai-chat-270__input-shell textarea {
  display: block; box-sizing: border-box; width: 100%; min-width: 0;
  min-height: 48px; max-height: 120px; resize: none; overflow-y: auto;
  padding: 12px; border: 0; border-radius: .85rem; outline: 0;
  background: transparent; color: #3b3c36; box-shadow: none;
  font: inherit; font-size: 16px; font-weight: 500; line-height: 24px;
  text-align: start; unicode-bidi: plaintext;
}
.batalar-ai-chat-270__input-shell textarea::placeholder { color: #63706a; font-size: .85rem; }
.batalar-ai-chat-270__input-shell:focus-within { box-shadow: 0 0 0 2px #087763; }
.batalar-ai-chat-270__send, .batalar-ai-chat-303__stop {
  display: grid; place-items: center; width: 48px; height: 48px; border: 0;
  border-radius: .85rem; color: #3b3c36; background: #00ffcc; font-size: 1.4rem;
  box-shadow: 0 3px 8px rgba(0, 185, 146, .14); cursor: pointer;
}
.batalar-ai-chat-303__stop { background: #eef3f1; }
.batalar-ai-launcher-256__panel-head .batalar-ai-chat-270__reset {
  position: absolute; right: 1rem; top: 1rem; width: auto; min-height: 44px;
  gap: .35rem; padding: .5rem .75rem; color: #3b3c36; background: #fff;
}
.batalar-ai-launcher-256__panel-head .batalar-ai-chat-270__reset span { color: inherit; font-size: .75rem; }
.batalar-ai-chat-303__latest {
  position: absolute; bottom: .75rem; left: 50%; transform: translateX(-50%);
  display: flex; align-items: center; gap: .5rem; min-height: 44px; padding: .5rem 1rem;
  border: 1px solid #c7ddd5; border-radius: 2rem; background: #fff; color: #235848;
  box-shadow: 0 3px 14px rgba(29, 33, 28, .12); font: inherit; font-size: .8rem;
  white-space: nowrap; cursor: pointer;
}
.batalar-ai-chat-303__reset-confirm {
  display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .5rem;
  padding: .5rem; border-radius: .9rem; background: #fff; color: #3b3c36; font-size: .8rem;
}
.batalar-ai-chat-303__reset-confirm button, .batalar-ai-chat-270__retry button {
  min-height: 44px; padding: .5rem .8rem; border-radius: .75rem;
  font: inherit; font-size: .8rem; color: #3b3c36; background: #dffff8;
}
.batalar-ai-chat-270__message { flex-shrink: 0; margin: 0; font-size: .8rem; line-height: 1.8; }
.batalar-ai-chat-270__hint { flex-shrink: 0; margin: 0; font-size: .7rem; color: #626e68; }
.batalar-ai-chat-270__typing { font-size: .8rem; }
.batalar-ai-chat-270__businesses { grid-template-columns: 1fr; }
.batalar-ai-chat-270__business-link { grid-template-columns: 5.5rem minmax(0, 1fr); }
.batalar-ai-chat-270__business-image { position: relative; }
.batalar-ai-chat-270__business-image img { position: absolute; inset: 0; }
.batalar-ai-chat-270__business small { font-size: .68rem; color: #626e68; }
.batalar-ai-chat-270__business strong { font-size: .9rem; white-space: normal; }
.batalar-ai-chat-270__business p { font-size: .78rem; color: #626e68; }
.batalar-ai-chat-270__business em { min-height: 44px; display: flex; align-items: center; font-size: .78rem; }
.batalar-ai-chat-270__save { min-width: 44px; min-height: 44px; font-size: .75rem; }
.batalar-ai-chat-270 .batalar-ai-results-264__head p,
.batalar-ai-chat-270 .batalar-ai-results-264__copy > small,
.batalar-ai-chat-270 .batalar-ai-results-264__copy > div,
.batalar-ai-chat-270 .batalar-ai-results-264__empty p { font-size: .8rem; color: #626e68; }
.batalar-ai-chat-270 .batalar-ai-results-264__copy h4 { font-size: .9rem; white-space: normal; }
.batalar-ai-chat-270 .batalar-ai-results-264__copy > div { flex-wrap: wrap; }
.batalar-ai-chat-270 .batalar-ai-results-264__copy > div strong { font-size: .8rem; }
.batalar-ai-chat-270 .batalar-ai-results-264__copy > a,
.batalar-ai-chat-270 .batalar-ai-results-264__all,
.batalar-ai-chat-270 .batalar-ai-results-264 button { min-height: 44px; font-size: .8rem; }
.batalar-ai-launcher-256__panel button:focus-visible, .batalar-ai-launcher-256__panel a:focus-visible {
  outline: 2px solid #087763; outline-offset: 2px;
}
.batalar-ai-launcher-256__panel [hidden] { display: none !important; }
@media (max-width: 640px) {
  .batalar-ai-launcher-256__panel-head { min-height: calc(7.25rem + env(safe-area-inset-top)); padding: calc(3.9rem + env(safe-area-inset-top)) 3.6rem .55rem; }
  .batalar-ai-launcher-256__panel-character {
    position: absolute; top: calc(.25rem + env(safe-area-inset-top)); left: 50%;
    display: block; width: 3.6rem; height: 3.6rem; object-fit: contain;
    border: 0; background: transparent; box-shadow: none; filter: none;
    transform: translateX(-50%);
  }
  .batalar-ai-launcher-256__panel-head h2 { font-size: .95rem; }
  .batalar-ai-launcher-256__panel-head > div > span { font-size: .7rem; }
  .batalar-ai-launcher-256__close { top: calc(.65rem + env(safe-area-inset-top)); width: 44px; height: 44px; }
  .batalar-ai-launcher-256__panel-head .batalar-ai-chat-270__reset { top: calc(.65rem + env(safe-area-inset-top)); right: .6rem; width: 44px; padding: 0; }
  .batalar-ai-launcher-256__panel-head .batalar-ai-chat-270__reset span { display: none; }
  .batalar-ai-launcher-256__panel-body { padding: .25rem max(.65rem, env(safe-area-inset-right)) calc(.4rem + env(safe-area-inset-bottom)) max(.65rem, env(safe-area-inset-left)); }
  .batalar-ai-chat-270 { gap: .4rem; }
  .batalar-ai-chat-270__avatar { display: none; }
  .batalar-ai-chat-270__answer { max-width: 100%; }
  .batalar-ai-chat-270__bubble { font-size: .9rem; }
  .batalar-ai-chat-270__composer { width: 100%; }
  .batalar-ai-chat-270__input-shell textarea { font-size: 15px !important; line-height: 22px; }
  .batalar-ai-chat-270__input-shell textarea::placeholder { font-size: .76rem; }
  .batalar-ai-chat-270__hint { font-size: .65rem; line-height: 1.6; padding-inline: .25rem; }
  .batalar-ai-chat-270__business-link { grid-template-columns: 4.7rem minmax(0, 1fr); }
  .batalar-ai-chat-270__choices button { min-height: 44px; font-size: .8rem; }
  .batalar-ai-chat-270 .batalar-ai-results-264__card { grid-template-columns: 4.5rem minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .batalar-ai-launcher-256--ios .batalar-ai-chat-270__input-shell textarea { font-size: 16px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .batalar-ai-chat-270__typing i { animation: none; opacity: .65; }
  .batalar-ai-chat-270__business, .batalar-ai-chat-270__send { transition: none; }
}
/* BATALAR-303-MOBILE-CONVERSATION-END */


/* SOURCE: static/css/listing_save_275.css */
.listing-save-275 {
  display: inline-flex;
}

.listing-save-275__button {
  position: relative;
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  border: 0;
  border-radius: 1rem;
  background: transparent;
  padding: .65rem 1rem;
  color: #52525b;
  box-shadow: none;
  font: inherit;
  font-size: .75rem;
  font-weight: 900;
  cursor: pointer;
  transition: color .18s ease, transform .18s ease;
}

.listing-save-275__button i {
  position: relative;
  font-size: 1.2rem;
  transform-origin: 50% 72%;
  transition: color .18s ease, transform .18s ease;
}

.listing-save-275__button:hover,
.listing-save-275__button:focus-visible {
  outline: 0;
  background: transparent;
  color: #1d211c;
  box-shadow: none;
  transform: translateY(-1px);
}

.listing-save-275__button:hover i,
.listing-save-275__button:focus-visible i {
  color: #ffb400;
  transform: translateY(-1px) scale(1.06);
}

.listing-save-275__button:active {
  transform: scale(.96);
}

.listing-save-275__button.is-saved {
  background: transparent;
  color: #1d211c;
}

.listing-save-275__button.is-saved i {
  color: #ffb400;
  animation: listing-save-bookmark-pop-279 .58s cubic-bezier(.2, 1.35, .35, 1) both;
}

.listing-save-275__button.is-saved i::after {
  position: absolute;
  inset: -.42rem;
  border: 1px solid rgba(255, 180, 0, .48);
  border-radius: 50%;
  content: "";
  opacity: 0;
  pointer-events: none;
  animation: listing-save-bookmark-ring-279 .62s ease-out both;
}

@keyframes listing-save-bookmark-pop-279 {
  0% { transform: translateY(.18rem) scale(.62) rotate(-9deg); }
  58% { transform: translateY(-.08rem) scale(1.2) rotate(2deg); }
  100% { transform: translateY(0) scale(1) rotate(0); }
}

@keyframes listing-save-bookmark-ring-279 {
  0% { opacity: 0; transform: scale(.45); }
  28% { opacity: .72; }
  100% { opacity: 0; transform: scale(1.5); }
}

@media (prefers-reduced-motion: reduce) {
  .listing-save-275__button,
  .listing-save-275__button i { transition: none; }
  .listing-save-275__button.is-saved i,
  .listing-save-275__button.is-saved i::after { animation: none; }
}