:root{
  --aila-bg:#f3f2ee;
  --aila-surface:#fff;
  --aila-dark:#17191f;
  --aila-dark-2:#242730;
  --aila-text:#111218;
  --aila-muted:#747882;
  --aila-line:#deddd8;
  --aila-accent:#baff3d;
  --aila-radius-xl:32px;
  --aila-radius-lg:24px;
  --aila-radius-md:16px;
  --aila-shadow:0 18px 50px rgba(16,18,24,.09);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.aila-theme{margin:0;color:var(--aila-text);background:var(--aila-bg);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
body.aila-filter-lock{overflow:hidden}
.aila-theme button,.aila-theme input,.aila-theme select{font:inherit}
.aila-theme button{cursor:pointer}
.aila-theme a{text-decoration:none}
.aila-theme svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.aila-theme .container{width:min(1480px,calc(100% - 48px));max-width:none;padding:0;margin:0 auto}
.aila-theme .site-content{padding:0;background:transparent}
.aila-site{min-height:100vh;display:flex;flex-direction:column}
.aila-main{flex:1}

/* Header */
.aila-header{position:relative;background:var(--aila-bg);box-shadow:none;border:0;z-index:30}
.aila-header__inner{min-height:82px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px}
.aila-logo{display:inline-flex;align-items:center;gap:11px;color:var(--aila-text);font-weight:900;font-size:25px;letter-spacing:-.05em}
.aila-logo:hover{color:var(--aila-text)}
.aila-logo__mark{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;color:var(--aila-accent);background:var(--aila-dark);font-size:19px;line-height:1}
.aila-logo__custom,.aila-logo__custom .custom-logo-link{display:flex;align-items:center}
.aila-logo__custom img{display:block;width:auto;max-width:132px;max-height:42px}
.aila-logo__text small{display:block;margin-top:2px;color:var(--aila-muted);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.aila-header__actions{display:flex;align-items:center;justify-self:end;gap:8px}
.aila-city,.aila-account{height:46px;border:0;border-radius:15px;background:var(--aila-surface);box-shadow:0 7px 23px rgba(16,18,24,.04);color:var(--aila-text)}
.aila-city{display:flex;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:750}
.aila-city svg{width:17px}
.aila-account{display:flex;align-items:center;gap:9px;padding:0 14px 0 8px;font-size:13px;font-weight:750;max-width:140px}
.aila-account>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aila-account__avatar{width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px;border-radius:10px;background:#deddd8;font-size:12px}
.aila-account__avatar svg{width:16px}

/* Parent hero and internal pages */
.aila-header .header-hero{margin:0;background-color:var(--aila-dark);border-radius:0;color:#fff}
.aila-header .header-hero .container{padding-top:36px;padding-bottom:36px}
.aila-main>.aila-container{padding-top:0;padding-bottom:34px}
body:not(.aila-home) .aila-main>.aila-container{padding-top:32px}
.aila-theme .page__text,.aila-theme .post--single,.aila-theme .posts,.aila-theme .hp-page{background:var(--aila-surface);border-radius:var(--aila-radius-lg);padding:24px}

/* Main selector */
.aila-device-panel{position:relative;min-width:0;overflow:hidden;padding:26px;border-radius:var(--aila-radius-xl);color:#fff;background:var(--aila-dark)}
.aila-device-panel:after{content:"";position:absolute;top:-260px;right:-180px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(186,255,61,.2),transparent 68%);pointer-events:none}
.aila-device-panel__heading{position:relative;z-index:1;min-width:0;display:block;margin-bottom:20px}
.aila-device-panel h1{margin:0;font-size:clamp(36px,4vw,58px);line-height:.96;letter-spacing:-.06em;color:#fff}
.aila-device-types{position:relative;z-index:1;min-width:0;max-width:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.aila-device-type{min-width:0;min-height:118px;padding:15px;border:1px solid #30343d;border-radius:20px;color:#fff;background:var(--aila-dark-2);text-align:left;transition:.2s;overflow:hidden}
.aila-device-type:hover{transform:translateY(-2px);border-color:#5a5f6c}
.aila-device-type.is-active{color:#172000;border-color:var(--aila-accent);background:var(--aila-accent)}
.aila-device-type__icon{height:39px;display:flex;align-items:center}
.aila-device-type__icon svg{width:42px;height:35px}
.aila-device-type strong{display:block;margin-top:16px;font-size:15px;line-height:1.2;color:inherit;overflow-wrap:anywhere}
.aila-device-type>span:last-child{display:block;margin-top:4px;font-size:11px;opacity:.62}

/* Catalog */
.aila-catalog{padding-top:28px}
.aila-catalog__header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 3px 16px}
.aila-catalog__header h2{margin:0;color:var(--aila-text);font-size:27px;letter-spacing:-.04em}
.aila-catalog__header h2 span{color:var(--aila-muted);font-weight:500}
.aila-catalog__tools{display:flex;align-items:center;gap:8px}
.aila-sort,.aila-view-button,.aila-filter-open{height:42px;border:1px solid var(--aila-line);border-radius:13px;background:transparent;color:#555963;font-weight:700}
.aila-sort{padding:0 12px}
.aila-view-button{width:42px;display:grid;place-items:center}
.aila-view-button svg{width:18px}
.aila-view-button.is-active{color:#fff;border-color:var(--aila-dark);background:var(--aila-dark)}
.aila-filter-open{display:none;align-items:center;gap:7px;padding:0 13px;color:#fff;background:var(--aila-dark);border-color:var(--aila-dark)}
.aila-filter-open svg{width:17px}
.aila-catalog__layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px}
.aila-filters{position:sticky;top:16px;align-self:start;padding:21px;border-radius:var(--aila-radius-lg);background:var(--aila-surface);box-shadow:0 10px 35px rgba(16,18,24,.04)}
.aila-filters__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.aila-filters__header strong{font-size:18px}
.aila-filter-reset{border:0;color:var(--aila-muted);background:transparent;font-size:12px;text-decoration:underline}
.aila-filter-close{display:none;width:38px;height:38px;border:0;border-radius:12px;background:#f2f2ef;color:var(--aila-dark)}
.aila-filter-close svg{width:18px}
.aila-filter-group{padding:17px 0;border-top:1px solid #ecebe7}
.aila-filter-group:first-of-type{padding-top:0;border-top:0}
.aila-filter-group>label:first-child,.aila-filter-label{display:block;margin:0 0 11px;color:var(--aila-text);font-size:13px;font-weight:800}
.aila-filter-group select,.aila-filter-group input[type=number]{width:100%;height:43px;padding:0 12px;border:1px solid var(--aila-line);border-radius:13px;outline:0;background:#fafaf8;color:var(--aila-text)}
.aila-price-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.aila-check{display:flex!important;align-items:center;gap:9px;margin:10px 0!important;color:#4e525b!important;font-size:13px!important;font-weight:500!important;cursor:pointer}
.aila-check input{width:16px;height:16px;accent-color:var(--aila-dark)}
.aila-filter-apply{width:100%;height:46px;border:0;border-radius:14px;color:#fff;background:var(--aila-dark);font-weight:850}
.aila-model-filters[hidden]{display:none!important}
.aila-model-filters{margin:0}
.aila-model-filter-group{padding-top:15px;padding-bottom:15px}
.aila-filter-options{display:flex;flex-wrap:wrap;gap:7px}
.aila-filter-choice{position:relative;display:inline-flex!important;margin:0!important;cursor:pointer}
.aila-filter-choice input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}
.aila-filter-choice span{min-height:32px;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #deddd8;border-radius:10px;color:#555963;background:#fafaf8;font-size:11px;line-height:1.15;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}
.aila-filter-choice b{font:inherit;font-weight:720}
.aila-filter-choice small{min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;border-radius:999px;color:#737780;background:#ecece8;font-size:9px;font-weight:800}
.aila-filter-choice:hover span{border-color:#9da19a;transform:translateY(-1px)}
.aila-filter-choice input:focus-visible+span{outline:2px solid var(--aila-accent);outline-offset:2px}
.aila-filter-choice input:checked+span{border-color:var(--aila-dark);color:#fff;background:var(--aila-dark)}
.aila-filter-choice input:checked+span small{color:#172000;background:var(--aila-accent)}
.aila-filter-options--boolean{display:grid;grid-template-columns:1fr;gap:7px}
.aila-filter-options--boolean .aila-filter-choice,.aila-filter-options--boolean .aila-filter-choice span{width:100%}
.aila-filter-more{border-top:1px solid #ecebe7}
.aila-filter-more>summary{display:flex;align-items:center;justify-content:space-between;padding:15px 0;color:var(--aila-text);font-size:12px;font-weight:850;cursor:pointer;list-style:none}
.aila-filter-more>summary::-webkit-details-marker{display:none}
.aila-filter-more>summary:after{content:'+';width:23px;height:23px;display:grid;place-items:center;border-radius:8px;background:#efefeb;color:#555963;font-size:16px;font-weight:500}
.aila-filter-more[open]>summary:after{content:'−'}
.aila-filter-more__body>.aila-filter-group:first-child{border-top:0;padding-top:0}
.aila-listing-area{min-width:0;max-width:100%}
.aila-listing-grid{display:grid;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.aila-card{min-width:0;padding:10px;border-radius:23px;background:var(--aila-surface);box-shadow:0 8px 25px rgba(16,18,24,.04);transition:.24s}
.aila-card[hidden]{display:none!important}
.aila-card:hover{transform:translateY(-4px);box-shadow:var(--aila-shadow)}
.aila-card__visual{position:relative;height:230px;display:grid;place-items:center;overflow:hidden;border-radius:17px;background:linear-gradient(145deg,#e9e7e0,#d4d1c8)}
.aila-card__visual--macbook,.aila-card__visual--watch{background:linear-gradient(145deg,#41454e,#1e2026)}
.aila-card__visual--ipad,.aila-card__visual--airpods{background:linear-gradient(145deg,#e2edf7,#b7c9da)}
.aila-card__visual--imac,.aila-card__visual--accessory{background:linear-gradient(145deg,#f3e6e2,#d8bbb4)}
.aila-card__image{position:absolute;inset:0;display:block}
.aila-card__image img{width:100%;height:100%;object-fit:cover;transition:.35s}
.aila-card:hover .aila-card__image img{transform:scale(1.025)}
.aila-card__badges{position:absolute;top:10px;left:10px;z-index:3;display:flex;gap:5px;flex-wrap:wrap;max-width:calc(100% - 58px)}
.aila-badge{padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);font-size:9px;font-weight:900;letter-spacing:.03em;text-transform:uppercase}
.aila-badge--dark{color:#fff;background:rgba(23,25,31,.88)}
.aila-card__favorite,.aila-card__favorite--native{position:absolute!important;top:10px;right:10px;z-index:4;width:35px!important;height:35px!important;display:grid!important;place-items:center!important;padding:0!important;border:0!important;border-radius:11px!important;color:var(--aila-dark)!important;background:rgba(255,255,255,.9)!important;box-shadow:none!important}
.aila-card__favorite svg{width:18px;height:18px}
.aila-card__favorite.is-active,.aila-card__favorite--native.hp-listing__action--favorite.is-active{background:var(--aila-accent)!important;color:#172000!important}
.aila-card__favorite--native span{display:none}
.aila-card__body{padding:13px 4px 7px}
.aila-card__meta{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px;color:var(--aila-muted);font-size:11px;white-space:nowrap}
.aila-card__meta span{overflow:hidden;text-overflow:ellipsis}
.aila-card h3{min-height:40px;margin:0;color:var(--aila-text);font-size:15px;line-height:1.35;letter-spacing:-.01em}
.aila-card h3 a{color:inherit}
.aila-card__price{margin-top:12px;color:var(--aila-text);font-size:19px;font-weight:950;letter-spacing:-.03em}
.aila-card__details{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.aila-card__details span{padding:4px 7px;border-radius:8px;color:#666a73;background:#f0efeb;font-size:10px;font-weight:700}
.aila-card__seller{display:flex;align-items:center;gap:7px;margin-top:9px;color:var(--aila-muted);font-size:11px}
.aila-card__seller i{width:7px;height:7px;border-radius:50%;background:#4bd36c}
.aila-load-more{width:100%;height:55px;margin-top:14px;border:1px dashed #c7c6c0;border-radius:17px;color:#565a63;background:transparent;font-weight:850}
.aila-load-more[hidden]{display:none}
.aila-no-results{padding:70px 20px;border-radius:24px;background:#fff;text-align:center}
.aila-no-results strong{display:block;margin-bottom:6px;font-size:22px}
.aila-no-results span{color:var(--aila-muted)}

/* CSS device placeholders */
.aila-device-mockup{position:relative;display:block}
.aila-device-mockup--iphone,.aila-device-mockup--device{width:88px;height:174px;border:4px solid #22252a;border-radius:25px;background:linear-gradient(155deg,#fafafa,#b9bbc1);box-shadow:0 22px 35px rgba(12,13,17,.25);transform:rotate(-8deg)}
.aila-device-mockup--iphone:before,.aila-device-mockup--device:before{content:"";position:absolute;top:7px;left:27px;width:26px;height:8px;border-radius:10px;background:#202227}
.aila-device-mockup--macbook{width:185px;height:112px;border:5px solid #b9bdc5;border-bottom-width:9px;border-radius:8px;background:#15171c;box-shadow:0 22px 30px rgba(12,13,17,.25)}
.aila-device-mockup--macbook:after{content:"";position:absolute;right:-25px;bottom:-16px;left:-25px;height:8px;border-radius:0 0 18px 18px;background:#a9adb4}
.aila-device-mockup--ipad{width:126px;height:168px;border:5px solid #d7d9dd;border-radius:18px;background:#22252b;box-shadow:0 22px 30px rgba(12,13,17,.22);transform:rotate(7deg)}
.aila-device-mockup--watch{width:84px;height:92px;border:8px solid #c8c5bb;border-radius:25px;background:#101218;box-shadow:0 18px 28px rgba(12,13,17,.2)}
.aila-device-mockup--watch:before,.aila-device-mockup--watch:after{content:"";position:absolute;left:15px;z-index:-1;width:38px;height:66px;background:#8c897f}
.aila-device-mockup--watch:before{bottom:76px;border-radius:16px 16px 5px 5px}.aila-device-mockup--watch:after{top:76px;border-radius:5px 5px 16px 16px}
.aila-device-mockup--airpods{width:115px;height:95px;border:5px solid #eee;border-radius:42px;background:#fafafa;box-shadow:0 22px 30px rgba(12,13,17,.18)}
.aila-device-mockup--airpods:after{content:"";position:absolute;left:18px;right:18px;top:29px;height:2px;background:#d3d5d8}
.aila-device-mockup--imac{width:175px;height:118px;border:5px solid #d6d8dd;border-radius:8px;background:#1b1e24;box-shadow:0 22px 30px rgba(12,13,17,.22)}
.aila-device-mockup--imac:after{content:"";position:absolute;left:65px;bottom:-35px;width:45px;height:35px;border-bottom:7px solid #b9bdc5;border-left:8px solid transparent;border-right:8px solid transparent}
.aila-device-mockup--macmini{width:135px;height:78px;border-radius:18px;background:linear-gradient(145deg,#d7d9dd,#aeb2b9);box-shadow:0 22px 30px rgba(12,13,17,.22)}
.aila-device-mockup--accessory{width:115px;height:115px;border:18px solid #f5f5f5;border-radius:50%;box-shadow:0 22px 30px rgba(12,13,17,.18)}

/* List mode */
.aila-listing-grid.is-list{grid-template-columns:1fr}
.aila-listing-grid.is-list .aila-card{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px}
.aila-listing-grid.is-list .aila-card__visual{height:190px}
.aila-listing-grid.is-list .aila-card h3{min-height:0;font-size:18px}

/* HivePress */
.aila-theme .hp-row{margin-left:-8px;margin-right:-8px}
.aila-theme .hp-col-sm-4,.aila-theme .hp-col-xs-12{padding-left:8px;padding-right:8px}
.aila-theme .hp-listings{gap:14px}
.aila-theme .hp-listing--view-block{overflow:hidden;border:0;border-radius:22px;background:#fff;box-shadow:0 8px 25px rgba(16,18,24,.05);transition:.2s}
.aila-theme .hp-listing--view-block:hover{transform:translateY(-3px);box-shadow:var(--aila-shadow)}
.aila-theme .hp-listing--view-block .hp-listing__image img{aspect-ratio:4/3;object-fit:cover}
.aila-theme .hp-listing--view-block .hp-listing__content{padding:16px}
.aila-theme .hp-listing--view-block .hp-listing__title{font-size:17px;letter-spacing:-.02em}
.aila-theme .hp-listing--view-block .hp-listing__footer{padding:12px 16px;border-top:1px solid #ecebe7;background:#fafaf8}
.aila-theme .hp-form,.aila-theme .hp-listing--view-page,.aila-theme .hp-vendor--view-page,.aila-theme .hp-user--view-page{border-radius:24px}
.aila-theme input[type=text],.aila-theme input[type=email],.aila-theme input[type=password],.aila-theme input[type=tel],.aila-theme input[type=search],.aila-theme input[type=number],.aila-theme input[type=url],.aila-theme select,.aila-theme textarea{border:1px solid var(--aila-line);border-radius:13px;background:#fff;box-shadow:none}
.aila-theme input:focus,.aila-theme select:focus,.aila-theme textarea:focus{border-color:#aeb2ba;box-shadow:0 0 0 3px rgba(17,18,24,.05)}
.aila-theme .button,.aila-theme button[type=submit],.aila-theme input[type=submit]{border-radius:13px;font-weight:800}
.aila-theme .button--primary,.aila-theme button[type=submit],.aila-theme input[type=submit]{border-color:var(--aila-dark);background:var(--aila-dark);color:#fff}
.aila-theme .button--secondary{border-color:var(--aila-accent);background:var(--aila-accent);color:#172000}
.aila-theme .pagination .page-numbers{border-radius:10px}

/* Footer */
.aila-footer{margin:0 auto 26px;width:min(1480px,calc(100% - 48px));padding:0;border:0;background:transparent}
.aila-footer__inner{width:100%!important;min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 27px!important;border-radius:26px;color:#fff;background:var(--aila-dark)}
.aila-footer .aila-logo{color:#fff}
.aila-footer .aila-logo__mark{color:#172000;background:var(--aila-accent)}
.aila-footer__copy{margin:0;color:#8f939d;font-size:12px}
.aila-mobile-tabs{display:none}

@media(max-width:1280px){
  .aila-header__inner{grid-template-columns:auto 1fr}
  .aila-city span:last-child,.aila-account>span:last-child{display:none}
  .aila-account{padding-right:8px}
  .aila-device-types{grid-template-columns:repeat(4,minmax(0,1fr))}
  .aila-listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1024px){
  .aila-theme .container{width:min(100% - 28px,1480px)}
  .aila-header__inner{grid-template-columns:auto 1fr;gap:10px}
  .aila-account{display:none}
  .aila-device-panel__heading{grid-template-columns:1fr;align-items:start}
  .aila-device-types{grid-template-columns:repeat(3,minmax(0,1fr))}
  .aila-catalog__layout{grid-template-columns:240px minmax(0,1fr)}
  .aila-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  .aila-theme .container{width:min(100% - 20px,1480px)}
  .aila-header__inner{min-height:72px;grid-template-columns:1fr auto}
  .aila-logo__text small{display:none}
  .aila-header{padding-bottom:0}
  .aila-city{display:none}
  .aila-device-panel{padding:20px;border-radius:26px}
  .aila-catalog__layout{grid-template-columns:1fr}
  .aila-filters{position:fixed;inset:0 0 0 auto;z-index:100;width:min(390px,92vw);display:block;overflow-y:auto;border-radius:24px 0 0 24px;transform:translateX(105%);transition:.25s;box-shadow:-20px 0 50px rgba(16,18,24,.18)}
  .aila-filters.is-open{transform:none}
  .aila-filter-close{display:grid;place-items:center;margin-left:auto}
  .aila-filter-reset{margin-left:10px}
  .aila-filter-open{display:flex}
  .aila-view-button{display:none}
  .aila-footer{width:min(100% - 20px,1480px)}
  .aila-footer__inner{flex-wrap:wrap}
}
@media(max-width:620px){
  .aila-mobile-tabs{position:fixed;right:8px;bottom:max(8px,env(safe-area-inset-bottom));left:8px;z-index:80;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:66px;padding:7px 8px;border:1px solid rgba(255,255,255,.55);border-radius:21px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);box-shadow:0 12px 35px rgba(16,18,24,.16)}
  .aila-mobile-tabs a{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#727680;font-size:9px;font-weight:750}.aila-mobile-tabs svg{width:20px;height:20px}.aila-mobile-tabs a.is-active{color:var(--aila-dark)}
  .aila-mobile-tabs__sell svg{width:31px!important;height:31px!important;padding:7px;border-radius:11px;color:#172000;background:var(--aila-accent)}
  body.aila-theme{padding-bottom:0}
  .aila-theme .container{width:min(100% - 14px,1480px)}
  .aila-device-panel{padding:16px;border-radius:23px}
  .aila-device-panel h1{font-size:36px}
  .aila-device-panel__heading{gap:18px}
  .aila-device-types{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding-right:20px;scrollbar-width:none}.aila-device-types::-webkit-scrollbar{display:none}
  .aila-device-type{min-width:132px;min-height:108px;padding:13px;scroll-snap-align:start}.aila-device-type strong{font-size:14px}
  .aila-catalog__header{align-items:flex-end}.aila-catalog__header h2{font-size:22px}
  .aila-sort{max-width:128px;font-size:11px}
  .aila-filter-open span{display:none}.aila-filter-open{width:42px;padding:0;justify-content:center}
  .aila-listing-grid{grid-template-columns:1fr 1fr;gap:9px}
  .aila-card{padding:7px;border-radius:18px}.aila-card__visual{height:166px;border-radius:14px}
  .aila-card__badges{top:7px;left:7px}.aila-badge{padding:5px 6px;font-size:8px}
  .aila-card__favorite,.aila-card__favorite--native{top:7px;right:7px;width:32px!important;height:32px!important}
  .aila-device-mockup--iphone,.aila-device-mockup--device{width:66px;height:130px;border-radius:19px}.aila-device-mockup--iphone:before,.aila-device-mockup--device:before{left:18px}
  .aila-device-mockup--macbook{width:125px;height:76px}.aila-device-mockup--ipad{width:90px;height:123px}.aila-device-mockup--watch{transform:scale(.75)}.aila-device-mockup--airpods{transform:scale(.8)}
  .aila-card__body{padding:10px 3px 5px}.aila-card__meta{font-size:9px}.aila-card h3{min-height:36px;font-size:13px}.aila-card__price{font-size:16px}.aila-card__details{display:none}.aila-card__seller{font-size:9px}
  .aila-listing-grid.is-list .aila-card{grid-template-columns:120px 1fr}.aila-listing-grid.is-list .aila-card__visual{height:130px}
  .aila-footer__inner{align-items:flex-start;flex-direction:column}
}
@media(max-width:520px){
  .aila-theme .container{width:min(100% - 12px,1480px)}
  .aila-logo{font-size:23px}.aila-logo__mark{width:39px;height:39px}
  .aila-device-panel{padding:15px;border-radius:22px}
  .aila-device-panel h1{font-size:clamp(30px,8.5vw,34px);line-height:1;letter-spacing:-.055em}
  .aila-device-panel__heading{gap:16px;margin-bottom:16px}
  .aila-device-type{min-width:124px;min-height:104px;padding:12px;border-radius:18px}
  .aila-device-type__icon{height:34px}.aila-device-type__icon svg{width:38px;height:31px}
  .aila-device-type strong{margin-top:13px;font-size:13px}
  .aila-device-type>span:last-child{font-size:10px}
  .aila-catalog{padding-top:22px}
  .aila-catalog__header{gap:10px}
  .aila-catalog__header h2{font-size:20px}
  .aila-sort{max-width:112px;padding:0 9px}
  .aila-listing-grid{gap:8px}
  .aila-card h3{overflow-wrap:anywhere}
  .aila-card__price{white-space:nowrap}
}
@media(max-width:390px){
  .aila-device-panel h1{font-size:30px}
  .aila-device-type{min-width:118px}
  .aila-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aila-card__visual{height:152px}
  .aila-card__meta span:last-child{display:none}
  .aila-card__price{font-size:15px}
  .aila-footer{width:min(100% - 12px,1480px)}
}

.aila-city-control{position:relative}
.aila-city-picker{position:absolute;top:53px;right:0;z-index:50;width:190px;display:grid;gap:3px;padding:8px;border:1px solid #e4e3df;border-radius:16px;background:#fff;box-shadow:var(--aila-shadow);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s}
.aila-city-picker.is-open{opacity:1;visibility:visible;transform:none}
.aila-city-picker button{padding:10px 11px;border:0;border-radius:10px;background:transparent;color:var(--aila-text);text-align:left;font-size:13px;font-weight:700}
.aila-city-picker button:hover{background:#f1f0ec}

/* compact mobile viewport and non-obstructive bottom navigation */
@media(max-width:620px){
  .aila-header{padding-bottom:0}

  /* Keep the app-style tabs out of the way at the top of the home page. */
  .aila-mobile-tabs{
    opacity:0;
    pointer-events:none;
    transform:translateY(calc(100% + 24px));
    transition:opacity .2s ease,transform .25s ease;
  }
  .aila-mobile-tabs.is-visible{
    opacity:1;
    pointer-events:auto;
    transform:translateY(0);
  }

  /* A little more usable horizontal space inside the selector. */
  .aila-device-types{margin-right:-15px;padding-right:30px}
}

@media(max-width:620px) and (max-height:650px){
  /* DevTools and landscape phones can have a very short viewport. */
  .aila-mobile-tabs{
    right:6px;
    left:6px;
    bottom:max(4px,env(safe-area-inset-bottom));
    min-height:56px;
    padding:4px 7px;
    border-radius:18px;
  }
  .aila-mobile-tabs a{gap:1px;font-size:8px}
  .aila-mobile-tabs svg{width:18px;height:18px}
  .aila-mobile-tabs__sell svg{width:28px!important;height:28px!important;padding:6px}
  body.aila-theme{padding-bottom:0}
  .aila-device-panel__heading{gap:13px;margin-bottom:14px}
  .aila-device-panel h1{font-size:29px}
  .aila-device-type{min-height:100px}
}


/* final mobile catalog polish */
@media(max-width:620px){
  .aila-catalog__header{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
    margin-right:0;
    margin-left:0;
  }
  .aila-catalog__header>div:first-child{min-width:0}
  .aila-catalog__header h2{
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    column-gap:5px;
    line-height:1.08;
  }
  .aila-catalog__header h2 span{
    flex:0 0 auto;
    white-space:nowrap;
    font-size:.9em;
  }
  .aila-catalog__tools{flex:0 0 auto;gap:6px}
}

@media(max-width:520px){
  .aila-catalog__header h2{font-size:18px;letter-spacing:-.035em}
  .aila-filter-open{width:40px;height:40px}
  .aila-sort{width:108px;max-width:108px;height:40px;padding:0 8px;font-size:12px}
  .aila-catalog__tools{gap:6px}
}

@media(max-width:360px){
  .aila-catalog__header{grid-template-columns:1fr}
  .aila-catalog__tools{justify-content:flex-start}
  .aila-sort{width:122px;max-width:122px}
}


/* simplified catalog chrome */
.aila-login-button{
  height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 19px;
  border-radius:15px;
  color:#fff!important;
  background:var(--aila-dark);
  font-size:13px;
  font-weight:850;
  white-space:nowrap;
  box-shadow:0 7px 23px rgba(16,18,24,.08);
}
.aila-login-button:hover{color:#fff!important;transform:translateY(-1px)}
.aila-catalog__header--tools-only{justify-content:flex-end}
.aila-footer__inner{justify-content:space-between}

@media(max-width:800px){
  .aila-header__inner{grid-template-columns:1fr auto}
  .aila-login-button{height:44px;padding:0 16px}
}

@media(max-width:620px){
  .aila-device-panel__heading{margin-bottom:18px}
  .aila-catalog__header--tools-only{display:flex;justify-content:flex-end;align-items:center}
  .aila-footer__inner{align-items:flex-start}
}

@media(max-width:390px){
  .aila-login-button{height:42px;padding:0 14px;border-radius:13px}
}


/* desktop geometry and catalog controls */

/* Header: equal control heights and balanced vertical rhythm. */
.aila-header__inner{
  min-height:72px;
  padding:12px 0;
  align-items:center;
}
.aila-header .aila-logo{
  height:48px;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:0 15px 0 5px;
  border-radius:15px;
  color:var(--aila-text);
  background:var(--aila-surface);
  box-shadow:0 7px 23px rgba(16,18,24,.04);
}
.aila-header .aila-logo__mark{
  width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:11px;
  font-size:18px;
}
.aila-header .aila-logo__text{
  display:block;
  color:var(--aila-text);
  font-size:13px;
  font-weight:850;
  line-height:1;
  letter-spacing:.1em;
  text-transform:uppercase;
  white-space:nowrap;
}
.aila-city,
.aila-login-button{
  height:48px;
  min-height:48px;
  border-radius:15px;
}
.aila-city{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 16px;
  line-height:1;
}
.aila-city .aila-icon{
  width:20px;
  height:20px;
  flex:0 0 20px;
  display:grid;
  place-items:center;
  line-height:0;
}
.aila-city .aila-icon svg{
  width:18px;
  height:18px;
  display:block;
}
.aila-login-button{padding:0 20px}

/* Device categories: portrait cards with centered content. */
.aila-device-panel__heading{margin-bottom:16px}
.aila-device-types{
  grid-template-columns:repeat(8,minmax(0,1fr));
  align-items:stretch;
}
.aila-device-type{
  min-width:0;
  min-height:0;
  aspect-ratio:3 / 4;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:18px 10px;
  text-align:center;
}
.aila-device-type__icon{
  width:58px;
  height:52px;
  display:grid;
  place-items:center;
}
.aila-device-type__icon svg{width:52px;height:46px}
.aila-device-type strong{
  margin:0;
  max-width:100%;
  font-size:14px;
  line-height:1.25;
  text-align:center;
}
.aila-device-type>span:last-child{display:none}

/* Custom sort dropdown, including its open state. */
.aila-sort-menu{position:relative;z-index:24}
.aila-sort-button{
  min-width:190px;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 16px;
  border:1px solid var(--aila-line);
  border-radius:13px;
  color:#555963;
  background:var(--aila-surface);
  font-size:14px;
  font-weight:700;
  line-height:1;
  box-shadow:none;
}
.aila-sort-button__icon{
  width:18px;
  height:18px;
  flex:0 0 18px;
  display:grid;
  place-items:center;
  transition:transform .18s ease;
}
.aila-sort-button__icon svg{width:17px;height:17px}
.aila-sort-menu.is-open .aila-sort-button__icon{transform:rotate(180deg)}
.aila-sort-options{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  z-index:80;
  width:220px;
  display:grid;
  gap:4px;
  padding:7px;
  border:1px solid #e2e1dd;
  border-radius:15px;
  background:#fff;
  box-shadow:0 18px 45px rgba(16,18,24,.14);
  opacity:0;
  visibility:hidden;
  transform:translateY(-5px);
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
}
.aila-sort-menu.is-open .aila-sort-options{
  opacity:1;
  visibility:visible;
  transform:none;
}
.aila-sort-options button{
  width:100%;
  min-height:42px;
  padding:9px 12px;
  border:0;
  border-radius:10px;
  color:var(--aila-text);
  background:transparent;
  text-align:left;
  font-size:13px;
  font-weight:700;
}
.aila-sort-options button:hover,
.aila-sort-options button[aria-selected="true"]{background:#f1f0ec}

/* Listing cards: the media touches the outer card edges. */
.aila-card{
  padding:0;
  overflow:hidden;
  border-radius:23px;
}
.aila-card__visual{
  height:250px;
  border-radius:23px 23px 0 0;
}
.aila-card__body{padding:14px 15px 17px}

/* Favorite is a bare heart, never a square control. */
.aila-card__favorite,
.aila-card__favorite--native{
  position:absolute!important;
  top:13px!important;
  right:13px!important;
  z-index:4!important;
  width:28px!important;
  height:28px!important;
  min-width:0!important;
  min-height:0!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  color:#fff!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));
  line-height:1!important;
}
.aila-card__favorite:hover,
.aila-card__favorite:focus,
.aila-card__favorite--native:hover,
.aila-card__favorite--native:focus{
  color:#fff!important;
  background:transparent!important;
  box-shadow:none!important;
}
.aila-card__favorite svg{width:24px;height:24px;stroke-width:2.1}
.aila-card__favorite i{font-size:22px!important;line-height:1!important}
.aila-card__favorite--native span{display:none!important}
.aila-card__favorite.is-active,
.aila-card__favorite--native.hp-listing__action--favorite.is-active{
  color:var(--aila-accent)!important;
  background:transparent!important;
}
.aila-card__favorite.is-active svg{fill:currentColor}

/* Footer stays compact and centered. */
.aila-footer__inner{
  min-height:76px;
  justify-content:center!important;
  padding:18px 24px!important;
  text-align:center;
}
.aila-footer__copy{color:#a9adb6;font-size:13px;line-height:1.5}
.aila-footer__copy strong{color:#fff;font-weight:900;letter-spacing:-.02em}

@media(max-width:1280px){
  .aila-device-types{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1024px){
  .aila-device-types{grid-template-columns:repeat(4,minmax(0,1fr))}
  .aila-sort-button{min-width:175px}
}
@media(max-width:800px){
  .aila-header__inner{min-height:68px;padding:10px 0}
  .aila-header .aila-logo,
  .aila-city,
  .aila-login-button{height:44px;min-height:44px}
  .aila-header .aila-logo{padding-right:12px}
  .aila-header .aila-logo__mark{width:36px;height:36px;flex-basis:36px}
  .aila-header .aila-logo__text{font-size:12px}
  .aila-device-types{grid-template-columns:repeat(4,minmax(0,1fr))}
  .aila-card__visual{height:230px}
}
@media(max-width:620px){
  .aila-header .aila-logo{
    background:transparent;
    box-shadow:none;
    padding:0;
  }
  .aila-header .aila-logo__text{font-size:11px}
  .aila-device-types{display:flex}
  .aila-device-type{
    min-width:112px;
    min-height:150px;
    aspect-ratio:3 / 4;
    gap:13px;
    padding:14px 9px;
  }
  .aila-device-type__icon{width:46px;height:42px}
  .aila-device-type__icon svg{width:43px;height:38px}
  .aila-device-type strong{font-size:13px}
  .aila-sort-button{min-width:108px;width:108px;height:40px;padding:0 11px;gap:8px;font-size:12px}
  .aila-sort-options{right:0;width:190px}
  .aila-card__visual{height:166px;border-radius:18px 18px 0 0}
  .aila-card__body{padding:10px 10px 12px}
  .aila-card__favorite,.aila-card__favorite--native{top:9px!important;right:9px!important;width:25px!important;height:25px!important}
  .aila-card__favorite svg{width:21px;height:21px}
  .aila-footer__inner{align-items:center;flex-direction:row;padding:16px 18px!important}
}
@media(max-width:390px){
  .aila-device-type{min-width:106px;min-height:142px}
  .aila-footer__copy{font-size:11px}
}


/* equal header spacing above and below controls. */
.aila-header{
  padding-block:12px!important;
}
.aila-header__inner{
  min-height:48px!important;
  padding-block:0!important;
  margin-block:0!important;
}

@media(max-width:800px){
  .aila-header{
    padding-block:10px!important;
  }
  .aila-header__inner{
    min-height:44px!important;
    padding-block:0!important;
  }
}


/* transparent header controls and exact symmetric spacing. */
:root{
  --aila-header-space:16px;
}

/* Remove the pill backgrounds while preserving the logo mark itself. */
.aila-header .aila-logo,
.aila-header .aila-city,
.aila-header .aila-login-button{
  background:transparent!important;
  box-shadow:none!important;
  border-color:transparent!important;
}
.aila-header .aila-logo{
  padding-left:0!important;
  padding-right:0!important;
}
.aila-header .aila-city,
.aila-header .aila-login-button{
  color:var(--aila-text)!important;
}
.aila-header .aila-city:hover,
.aila-header .aila-city:focus,
.aila-header .aila-login-button:hover,
.aila-header .aila-login-button:focus{
  background:transparent!important;
  color:var(--aila-text)!important;
  box-shadow:none!important;
  transform:none!important;
}

/* One source of vertical spacing: the inner header only. */
.aila-header{
  padding:0!important;
  margin:0!important;
}
.aila-header__inner{
  min-height:0!important;
  height:auto!important;
  padding-top:var(--aila-header-space)!important;
  padding-bottom:var(--aila-header-space)!important;
  margin:0 auto!important;
}
.aila-theme .site-content.aila-main{
  padding-top:0!important;
  margin-top:0!important;
}
.aila-main>.aila-container{
  padding-top:0!important;
  margin-top:0!important;
}
.aila-main>.aila-container>.aila-device-panel:first-child{
  margin-top:0!important;
}

@media(max-width:800px){
  :root{--aila-header-space:12px}
  .aila-header__inner{
    min-height:0!important;
    padding-top:var(--aila-header-space)!important;
    padding-bottom:var(--aila-header-space)!important;
  }
}

/* Dynamic catalog state (AILA 2.0). */
.aila-listing-area {
  position: relative;
}

.aila-listing-grid.is-loading {
  opacity: .48;
  pointer-events: none;
  transition: opacity .18s ease;
}

.aila-catalog-loading {
  position: absolute;
  z-index: 6;
  top: 14px;
  left: 50%;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid var(--aila-line, #deddd8);
  border-radius: 999px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 10px 30px rgba(17,18,23,.08);
  color: var(--aila-muted, #747882);
  font-size: 12px;
  font-weight: 700;
  transform: translateX(-50%);
  backdrop-filter: blur(10px);
}

.aila-catalog-loading[hidden] {
  display: none !important;
}

.aila-catalog-loading span {
  width: 14px;
  height: 14px;
  border: 2px solid #d8d9dc;
  border-top-color: var(--aila-dark, #17191f);
  border-radius: 50%;
  animation: aila-spin .7s linear infinite;
}

.aila-load-more:disabled {
  cursor: wait;
  opacity: .55;
}

@keyframes aila-spin {
  to { transform: rotate(360deg); }
}

/* progressive device selector and safe mobile filters. */
.aila-device-panel__heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.aila-device-navigation{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
}
.aila-device-back{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 12px;
  border:1px solid #3b3f49;
  border-radius:12px;
  color:#fff;
  background:#242730;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.aila-device-back:hover,
.aila-device-back:focus-visible{
  border-color:#626875;
  background:#2d3039;
}
.aila-device-back[hidden],
.aila-device-trail[hidden]{display:none!important}
.aila-device-trail{
  max-width:360px;
  overflow:hidden;
  color:#aeb2bc;
  font-size:12px;
  font-weight:700;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.aila-device-types[data-level="1"],
.aila-device-types[data-level="2"],
.aila-device-types[data-level="3"]{
  grid-template-columns:repeat(auto-fill,minmax(145px,1fr));
}
.aila-device-types[data-level]:not([data-level="0"]) .aila-device-type{
  max-width:210px;
}

/* Only lift cards on devices that actually have a precise hover pointer. */
@media (hover:hover) and (pointer:fine){
  .aila-device-type:hover{transform:translateY(-2px)}
}
@media (hover:none), (pointer:coarse){
  .aila-device-type:hover,
  .aila-device-type:active{transform:none!important}
}

.aila-filter-backdrop{
  display:none;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}

@media(max-width:800px){
  .aila-filter-backdrop{
    position:fixed;
    inset:0;
    z-index:98;
    display:block;
    width:100%;
    height:100%;
    background:rgba(13,15,20,.48);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .2s ease,visibility .2s ease;
    backdrop-filter:blur(2px);
  }
  body.aila-filter-lock .aila-filter-backdrop{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
  body.aila-filter-lock{
    overflow:hidden!important;
    overscroll-behavior:none;
  }
  .aila-filters{
    position:fixed!important;
    top:max(12px,env(safe-area-inset-top))!important;
    right:12px!important;
    bottom:max(12px,env(safe-area-inset-bottom))!important;
    left:auto!important;
    z-index:110!important;
    width:min(390px,calc(100vw - 24px))!important;
    max-height:calc(100dvh - 24px)!important;
    padding:0 21px 21px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    border-radius:24px!important;
    transform:translateX(calc(100% + 28px))!important;
    transition:transform .24s ease!important;
    box-shadow:-20px 0 50px rgba(16,18,24,.22)!important;
    overscroll-behavior:contain;
  }
  .aila-filters.is-open{transform:translateX(0)!important}
  .aila-filters__header{
    position:sticky;
    top:0;
    z-index:3;
    min-height:68px;
    margin:0 -21px 18px!important;
    padding:14px 21px!important;
    border-bottom:1px solid #ecebe7;
    background:#fff;
  }
  .aila-filter-close{
    order:3;
    display:grid!important;
    place-items:center;
    width:40px;
    height:40px;
    margin-left:4px!important;
    border-radius:12px;
    background:#f0efeb;
  }
  .aila-filter-reset{margin-left:auto!important}
  body.admin-bar .aila-filters{
    top:58px!important;
    max-height:calc(100dvh - 70px)!important;
  }
  body.admin-bar .aila-filter-backdrop{top:46px}

  .aila-device-panel__heading{align-items:flex-start}
  .aila-device-navigation{max-width:62%;justify-content:flex-end}
  .aila-device-trail{max-width:160px}
}

@media(max-width:620px){
  .aila-filter-open{
    width:auto!important;
    min-width:106px!important;
    height:40px!important;
    justify-content:center!important;
    gap:7px!important;
    padding:0 13px!important;
    border-radius:12px!important;
  }
  .aila-filter-open span{display:inline!important}
  .aila-filter-open svg{width:16px;height:16px}

  .aila-device-panel__heading{
    display:grid;
    grid-template-columns:1fr;
    gap:10px!important;
  }
  .aila-device-navigation{
    max-width:100%;
    justify-content:space-between;
  }
  .aila-device-back{min-height:34px;padding:0 10px}
  .aila-device-trail{max-width:52vw;font-size:11px}
  .aila-device-types{
    padding-top:3px;
    padding-bottom:3px;
  }
  .aila-device-types[data-level]:not([data-level="0"]) .aila-device-type{
    max-width:none;
  }
}


/* cleaner device navigation and flicker-free mobile filters. */
.aila-device-panel__heading{
  justify-content:flex-start;
}
.aila-device-navigation{
  justify-content:flex-start;
}

@media(max-width:800px){
  /* The desktop sidebar must disappear immediately at the mobile breakpoint.
     Visibility prevents the brief full-panel flash while the viewport changes. */
  .aila-filters{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:none!important;
  }
  .aila-filters.is-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateX(0)!important;
    transition:transform .24s ease,opacity .16s ease!important;
  }
  .aila-device-panel__heading,
  .aila-device-navigation{
    justify-content:flex-start!important;
  }
}

/* stable category cards, real category artwork and viewport-safe filters. */
.aila-device-panel{
  isolation:isolate;
  background:var(--aila-dark)!important;
}
.aila-device-panel::after{
  inset:-32% -12%!important;
  width:auto!important;
  height:auto!important;
  border-radius:0!important;
  z-index:0!important;
  opacity:.95;
  filter:blur(28px);
  background:
    radial-gradient(circle at 8% 58%,rgba(186,255,61,.28),transparent 30%),
    radial-gradient(circle at 38% 42%,rgba(186,255,61,.20),transparent 32%),
    radial-gradient(circle at 68% 58%,rgba(186,255,61,.22),transparent 34%),
    radial-gradient(circle at 96% 38%,rgba(186,255,61,.26),transparent 31%)!important;
}
.aila-device-panel__heading,
.aila-device-types{position:relative;z-index:1}

/* Fixed card width prevents oversized cards between tablet and desktop widths. */
.aila-device-types,
.aila-device-types[data-level="1"],
.aila-device-types[data-level="2"],
.aila-device-types[data-level="3"]{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,156px)!important;
  justify-content:flex-start!important;
  align-items:start!important;
  gap:12px!important;
}
.aila-device-types[data-level]:not([data-level="0"]) .aila-device-type,
.aila-device-type{
  position:relative;
  width:156px!important;
  min-width:156px!important;
  max-width:156px!important;
  min-height:0!important;
  aspect-ratio:3 / 4!important;
  display:block!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(17,18,24,.08)!important;
  border-radius:20px!important;
  color:var(--aila-text)!important;
  background:var(--aila-bg)!important;
  text-align:center!important;
  box-shadow:0 10px 26px rgba(0,0,0,.12)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease!important;
  contain:layout paint;
}
.aila-device-type.is-active{
  color:var(--aila-text)!important;
  border-color:var(--aila-accent)!important;
  background:var(--aila-bg)!important;
  box-shadow:0 0 0 2px var(--aila-accent),0 12px 30px rgba(0,0,0,.18)!important;
}
.aila-device-type__media{
  position:absolute;
  inset:7px 7px 43px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:15px;
}
.aila-device-type__image{
  display:block;
  width:100%;
  height:100%;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  object-fit:contain;
  object-position:center;
}
.aila-device-type__icon{
  width:66px!important;
  height:62px!important;
  display:grid!important;
  place-items:center!important;
  color:var(--aila-dark);
}
.aila-device-type__icon svg{width:60px!important;height:54px!important}
.aila-device-type strong{
  position:absolute;
  right:9px;
  bottom:11px;
  left:9px;
  z-index:2;
  display:block!important;
  margin:0!important;
  color:inherit!important;
  font-size:13px!important;
  font-weight:850;
  line-height:1.15!important;
  text-align:center!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* The panel top and bottom are calculated from the actual visual viewport. */
@media(max-width:800px){
  .aila-filters{
    top:var(--aila-filter-top,12px)!important;
    bottom:var(--aila-filter-bottom,12px)!important;
    height:auto!important;
    max-height:none!important;
    box-sizing:border-box!important;
    scroll-padding-top:76px;
  }
  body.admin-bar .aila-filters{
    top:var(--aila-filter-top,58px)!important;
    bottom:var(--aila-filter-bottom,12px)!important;
    max-height:none!important;
  }
  body.admin-bar .aila-filter-backdrop{top:0!important}
}

@media(max-width:620px){
  .aila-device-types,
  .aila-device-types[data-level="1"],
  .aila-device-types[data-level="2"],
  .aila-device-types[data-level="3"]{
    display:flex!important;
    justify-content:flex-start!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding-top:4px!important;
    padding-bottom:5px!important;
    scroll-snap-type:x proximity;
  }
  .aila-device-types[data-level]:not([data-level="0"]) .aila-device-type,
  .aila-device-type{
    flex:0 0 128px!important;
    width:128px!important;
    min-width:128px!important;
    max-width:128px!important;
    aspect-ratio:3 / 4!important;
    scroll-snap-align:start;
  }
  .aila-device-type__media{inset:6px 6px 40px}
  .aila-device-type strong{bottom:10px;font-size:12px!important}
}

@media(max-width:390px){
  .aila-device-types[data-level]:not([data-level="0"]) .aila-device-type,
  .aila-device-type{
    flex-basis:120px!important;
    width:120px!important;
    min-width:120px!important;
    max-width:120px!important;
  }
}

/* white device cards, clearer navigation and a viewport-safe filter drawer. */
.aila-device-type,
.aila-device-types[data-level]:not([data-level="0"]) .aila-device-type{
  background:#fff!important;
}
.aila-device-type.is-active{
  background:#fff!important;
}

.aila-device-back{
  color:#111218!important;
  background:#fff!important;
  border-color:#fff!important;
  box-shadow:0 8px 22px rgba(0,0,0,.12)!important;
}
.aila-device-back:hover,
.aila-device-back:focus-visible{
  color:#111218!important;
  background:#fff!important;
  border-color:var(--aila-accent)!important;
}
.aila-device-trail{
  color:#fff!important;
}

@media(max-width:800px){
  /* Keep the drawer inside the real CSS viewport. It deliberately overlays
     the WordPress admin bar so the sticky close control can never be hidden. */
  .aila-filter-backdrop{
    inset:0!important;
    z-index:100000!important;
  }
  .aila-filters,
  body.admin-bar .aila-filters{
    position:fixed!important;
    inset:0 0 0 auto!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    z-index:100100!important;
    width:min(390px,100vw)!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:0 21px max(21px,env(safe-area-inset-bottom))!important;
    border-radius:24px 0 0 24px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    transform:translate3d(105%,0,0)!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
  }
  .aila-filters.is-open{
    transform:translate3d(0,0,0)!important;
  }
  .aila-filters__header{
    position:sticky!important;
    top:0!important;
    z-index:10!important;
    min-height:calc(68px + env(safe-area-inset-top))!important;
    margin:0 -21px 18px!important;
    padding:max(14px,env(safe-area-inset-top)) 21px 14px!important;
    background:#fff!important;
  }
  .aila-filter-close{
    flex:0 0 40px!important;
    visibility:visible!important;
    opacity:1!important;
  }
}

@media(max-width:420px){
  .aila-filters,
  body.admin-bar .aila-filters{
    width:100vw!important;
    border-radius:0!important;
  }
}


/* filter drawer portal fix.
   The drawer and backdrop are moved directly under body on mobile, so no
   parent grid, overflow or stacking context can clip or cover the panel. */
@media (max-width:800px){
  body > .aila-filter-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:2147483000!important;
    display:block!important;
    width:100vw!important;
    height:100dvh!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:rgba(13,15,20,.52)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .18s ease,visibility 0s linear .18s!important;
  }
  body.aila-filter-lock > .aila-filter-backdrop{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:opacity .18s ease!important;
  }

  body > .aila-filters,
  body.admin-bar > .aila-filters{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    z-index:2147483001!important;
    display:block!important;
    box-sizing:border-box!important;
    width:min(390px,calc(100vw - 18px))!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:0 21px max(24px,env(safe-area-inset-bottom))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    border:0!important;
    border-radius:24px 0 0 24px!important;
    background:#fff!important;
    box-shadow:-18px 0 48px rgba(0,0,0,.24)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:none!important;
    transform:translate3d(102%,0,0)!important;
    transition:transform .24s cubic-bezier(.22,.8,.3,1)!important;
    will-change:transform;
    isolation:isolate;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
  }
  body > .aila-filters.is-open,
  body.admin-bar > .aila-filters.is-open{
    pointer-events:auto!important;
    transform:translate3d(0,0,0)!important;
  }
  body > .aila-filters .aila-filters__header,
  body.admin-bar > .aila-filters .aila-filters__header{
    position:sticky!important;
    top:0!important;
    z-index:5!important;
    display:flex!important;
    align-items:center!important;
    min-height:calc(68px + env(safe-area-inset-top))!important;
    margin:0 -21px 18px!important;
    padding:max(14px,env(safe-area-inset-top)) 21px 14px!important;
    border-bottom:1px solid #ecebe7!important;
    background:#fff!important;
  }
  body > .aila-filters .aila-filter-close,
  body.admin-bar > .aila-filters .aila-filter-close{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
}

@media (max-width:420px){
  body > .aila-filters,
  body.admin-bar > .aila-filters{
    width:100vw!important;
    border-radius:0!important;
  }
}

/* give category artwork more room and keep labels compact. */
.aila-device-type__media{
  inset:4px 4px 29px!important;
  border-radius:16px!important;
}
.aila-device-type__image{
  object-fit:contain!important;
  object-position:center bottom!important;
}
.aila-device-type strong{
  right:3px!important;
  bottom:6px!important;
  left:3px!important;
  padding:0!important;
  font-size:12.5px!important;
  line-height:1.05!important;
}

@media(max-width:620px){
  .aila-device-type__media{
    inset:3px 3px 27px!important;
    border-radius:14px!important;
  }
  .aila-device-type strong{
    right:2px!important;
    bottom:5px!important;
    left:2px!important;
    font-size:11.5px!important;
  }
}

/* keep category artwork fully visible and centered. */
.aila-device-type__media{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:6px!important;
}
.aila-device-type__image{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:92%!important;
  max-height:92%!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
}

@media(max-width:620px){
  .aila-device-type__media{
    padding:5px!important;
  }
  .aila-device-type__image{
    max-width:90%!important;
    max-height:90%!important;
  }
}

/* white device selector with a broad green gradient glow. */
.aila-device-panel{
  color:var(--aila-text)!important;
  border:1px solid rgba(17,18,24,.06)!important;
  background:
    radial-gradient(circle at 8% 18%,rgba(186,255,61,.42) 0,rgba(186,255,61,.20) 20%,transparent 44%),
    radial-gradient(circle at 48% 95%,rgba(186,255,61,.18) 0,rgba(186,255,61,.08) 28%,transparent 56%),
    radial-gradient(circle at 92% 30%,rgba(186,255,61,.30) 0,rgba(186,255,61,.12) 24%,transparent 48%),
    linear-gradient(135deg,#ffffff 0%,#fbfff3 52%,#ffffff 100%)!important;
  box-shadow:0 18px 50px rgba(17,18,24,.06)!important;
}
.aila-device-panel::after{
  inset:-18% -8%!important;
  opacity:1!important;
  filter:blur(34px)!important;
  background:
    radial-gradient(circle at 10% 48%,rgba(186,255,61,.32),transparent 34%),
    radial-gradient(circle at 45% 38%,rgba(186,255,61,.18),transparent 38%),
    radial-gradient(circle at 76% 62%,rgba(186,255,61,.22),transparent 40%),
    radial-gradient(circle at 100% 28%,rgba(186,255,61,.28),transparent 34%)!important;
}
.aila-device-trail{
  color:var(--aila-text)!important;
}
.aila-device-back{
  color:var(--aila-text)!important;
  background:#fff!important;
  border-color:rgba(17,18,24,.10)!important;
  box-shadow:0 8px 22px rgba(17,18,24,.08)!important;
}
.aila-device-back:hover,
.aila-device-back:focus-visible{
  color:var(--aila-text)!important;
  background:#fff!important;
  border-color:var(--aila-accent)!important;
  box-shadow:0 0 0 3px rgba(186,255,61,.20),0 10px 24px rgba(17,18,24,.10)!important;
}

/* clean white device selector, without green glow. */
.aila-device-panel{
  color:var(--aila-text)!important;
  background:#fff!important;
  border:1px solid rgba(17,18,24,.07)!important;
  box-shadow:0 16px 42px rgba(17,18,24,.055)!important;
}
.aila-device-panel::after{
  content:none!important;
  display:none!important;
  background:none!important;
  opacity:0!important;
  filter:none!important;
}

/* white page framing and calmer device cards. */
body.aila-theme,
body.aila-theme.aila-home,
.aila-site,
.aila-header,
.aila-theme .site-content,
.aila-main,
.aila-main > .aila-container{
  background:#fff!important;
}

/* Device selector remains a clean white surface without a heavy card shadow. */
.aila-device-panel{
  background:#fff!important;
  border:1px solid rgba(17,18,24,.07)!important;
  box-shadow:none!important;
}

/* Device cards are flat; only the artwork moves on pointer hover. */
.aila-device-types[data-level]:not([data-level="0"]) .aila-device-type,
.aila-device-type{
  background:#fff!important;
  box-shadow:none!important;
  transition:border-color .18s ease,background-color .18s ease,color .18s ease!important;
}
.aila-device-type:hover,
.aila-device-type:focus-visible,
.aila-device-type:active{
  transform:none!important;
  box-shadow:none!important;
}
.aila-device-type.is-active{
  box-shadow:0 0 0 2px var(--aila-accent)!important;
}

.aila-device-type__media,
.aila-device-type__icon{
  transition:transform .2s ease!important;
  transform:translate3d(0,0,0);
  will-change:transform;
}

@media (hover:hover) and (pointer:fine){
  .aila-device-type:hover .aila-device-type__media,
  .aila-device-type:hover .aila-device-type__icon{
    transform:translate3d(0,-7px,0)!important;
  }
}

/* Slightly larger labels, positioned closer to the artwork. */
.aila-device-type__media{
  inset:5px 5px 34px!important;
}
.aila-device-type strong{
  right:5px!important;
  bottom:7px!important;
  left:5px!important;
  font-size:14px!important;
  line-height:1.08!important;
}

@media(max-width:620px){
  .aila-device-type__media{
    inset:4px 4px 31px!important;
  }
  .aila-device-type strong{
    right:4px!important;
    bottom:6px!important;
    left:4px!important;
    font-size:13px!important;
  }
}

/* borderless selector, green controls and full-width footer. */

/* 1. Remove outlines from the device area and its category cards. */
.aila-device-panel{
  border:0!important;
  box-shadow:none!important;
}
.aila-device-type,
.aila-device-types[data-level]:not([data-level="0"]) .aila-device-type,
.aila-device-type:hover,
.aila-device-type:focus-visible,
.aila-device-type:active,
.aila-device-type.is-active{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.aila-device-type.is-active{
  background:linear-gradient(180deg,#f8ffe9 0%,#efffd0 100%)!important;
}

/* 2. Back button: quiet at rest, green gradient on hover. */
.aila-device-back{
  color:#111218!important;
  background:#fff!important;
  border:1px solid rgba(17,18,24,.10)!important;
  box-shadow:none!important;
  transition:background .2s ease,border-color .2s ease,transform .2s ease,color .2s ease!important;
}
.aila-device-back:hover,
.aila-device-back:focus-visible{
  color:#152000!important;
  border-color:#8fdc12!important;
  background:linear-gradient(135deg,#eaffb7 0%,#baff3d 58%,#94e416 100%)!important;
  box-shadow:none!important;
  transform:translateY(-1px)!important;
}

/* 3. Green gradient filter surface on desktop and mobile. */
.aila-filters{
  color:#111218!important;
  background:linear-gradient(145deg,#fbfff3 0%,#e9ffc1 48%,#c9ff68 100%)!important;
  border:0!important;
  box-shadow:0 18px 42px rgba(83,120,18,.14)!important;
}
.aila-filters__header{
  border-color:rgba(17,18,24,.10)!important;
  background:transparent!important;
}
.aila-filter-group{
  border-color:rgba(17,18,24,.10)!important;
}
.aila-filter-group select,
.aila-filter-group input[type=number]{
  background:rgba(255,255,255,.88)!important;
  border-color:rgba(17,18,24,.12)!important;
}
.aila-filter-close{
  color:#fff!important;
  background:#111218!important;
}
.aila-filter-apply{
  color:#111218!important;
  background:#fff!important;
  border:1px solid rgba(17,18,24,.12)!important;
  box-shadow:0 8px 20px rgba(17,18,24,.08)!important;
}
.aila-filter-apply:hover,
.aila-filter-apply:focus-visible{
  background:#111218!important;
  color:#fff!important;
}

@media(max-width:800px){
  body > .aila-filters,
  body.admin-bar > .aila-filters{
    background:linear-gradient(145deg,#fbfff3 0%,#e6ffb7 50%,#baff3d 100%)!important;
  }
  body > .aila-filters .aila-filters__header,
  body.admin-bar > .aila-filters .aila-filters__header{
    background:rgba(241,255,213,.96)!important;
    border-bottom-color:rgba(17,18,24,.11)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }
}

/* 4. Full-width black footer with a green top rule, no floating oval. */
.aila-footer{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  margin:48px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#111218!important;
}
.aila-footer::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:3px;
  background:linear-gradient(90deg,#7ec900 0%,#baff3d 45%,#8de112 100%);
}
.aila-footer__inner{
  width:min(1480px,calc(100% - 48px))!important;
  max-width:1480px!important;
  min-height:86px!important;
  margin:0 auto!important;
  padding:24px 0!important;
  border:0!important;
  border-radius:0!important;
  color:#fff!important;
  background:transparent!important;
  box-shadow:none!important;
}
.aila-footer__copy{
  color:#aeb2ba!important;
}
.aila-footer__copy strong{
  color:#fff!important;
}

/* 5. Larger, more polished header actions. */
.aila-header__actions{
  gap:12px!important;
}
.aila-city,
.aila-login-button{
  height:54px!important;
  min-height:54px!important;
  border-radius:17px!important;
  font-size:15px!important;
  font-weight:800!important;
}
.aila-city{
  gap:10px!important;
  padding:0 20px!important;
  color:#111218!important;
  background:#fff!important;
  border:1px solid rgba(17,18,24,.08)!important;
  box-shadow:0 9px 24px rgba(17,18,24,.06)!important;
  transition:border-color .2s ease,background .2s ease,transform .2s ease!important;
}
.aila-city:hover,
.aila-city:focus-visible{
  border-color:#a5ed2d!important;
  background:#f8ffe9!important;
  transform:translateY(-1px)!important;
}
.aila-city .aila-icon,
.aila-city .aila-icon svg{
  width:20px!important;
  height:20px!important;
}
.aila-login-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 24px!important;
  color:#152000!important;
  border:1px solid #8fdc12!important;
  background:linear-gradient(135deg,#efffc9 0%,#baff3d 62%,#98e91a 100%)!important;
  box-shadow:0 10px 24px rgba(135,205,26,.20)!important;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;
}
.aila-login-button:hover,
.aila-login-button:focus-visible{
  color:#111218!important;
  transform:translateY(-2px)!important;
  filter:saturate(1.08)!important;
  box-shadow:0 14px 30px rgba(135,205,26,.28)!important;
}

@media(max-width:800px){
  .aila-footer__inner{
    width:min(100% - 28px,1480px)!important;
  }
  .aila-city,
  .aila-login-button{
    height:48px!important;
    min-height:48px!important;
    border-radius:15px!important;
    font-size:14px!important;
  }
  .aila-city{padding:0 15px!important}
  .aila-login-button{padding:0 18px!important}
}

@media(max-width:620px){
  .aila-footer{margin-top:34px!important}
  .aila-footer__inner{
    width:min(100% - 24px,1480px)!important;
    min-height:74px!important;
    padding:20px 0!important;
  }
}

/* clearer header separation and quieter controls. */

/* 1. Give the header a subtle surface and a fine divider. */
.aila-header{
  background:#fafaf7!important;
  border-bottom:1px solid #ecece6!important;
  box-shadow:none!important;
}

/* 2. Location stays borderless, including hover/focus. */
.aila-header .aila-city,
.aila-header .aila-city:hover,
.aila-header .aila-city:focus,
.aila-header .aila-city:focus-visible{
  color:#111218!important;
  background:transparent!important;
  border-color:transparent!important;
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Login is a filled green action with a defined outline. */
.aila-header .aila-login-button{
  color:#162000!important;
  background:#baff3d!important;
  border:1px solid #8fd414!important;
  box-shadow:none!important;
}
.aila-header .aila-login-button:hover,
.aila-header .aila-login-button:focus,
.aila-header .aila-login-button:focus-visible{
  color:#111218!important;
  background:#aef12e!important;
  border-color:#7fc408!important;
  box-shadow:none!important;
  transform:translateY(-1px)!important;
  filter:none!important;
}

/* 3. Back button uses a neutral graphite tone instead of green. */
.aila-device-back{
  color:#fff!important;
  background:#22242b!important;
  border:0!important;
  box-shadow:none!important;
}
.aila-device-back:hover,
.aila-device-back:focus,
.aila-device-back:focus-visible{
  color:#fff!important;
  background:#343740!important;
  border:0!important;
  box-shadow:none!important;
  transform:translateY(-1px)!important;
}

/* 4. Remove the decorative green rule from the footer. */
.aila-footer::before{
  content:none!important;
  display:none!important;
  background:none!important;
}

/* compact, balanced header and calm filter surface. */

/* Header: equal vertical spacing, slightly reduced height and safer side gutters. */
.aila-header{
  background:#fafaf7!important;
  border-bottom:1px solid #ecece6!important;
}
.aila-header .aila-header__inner{
  width:min(1400px,calc(100% - 64px))!important;
  min-height:64px!important;
  height:auto!important;
  padding-top:9px!important;
  padding-bottom:9px!important;
  margin:0 auto!important;
  align-items:center!important;
}
.aila-header .aila-logo{
  height:44px!important;
  min-height:44px!important;
  padding:0!important;
}
.aila-header .aila-logo__mark{
  width:40px!important;
  height:40px!important;
  flex:0 0 40px!important;
}
.aila-header__actions{
  gap:10px!important;
}
.aila-header .aila-city{
  height:44px!important;
  min-height:44px!important;
  padding:0 15px!important;
  border:0!important;
  border-radius:14px!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:14px!important;
}
.aila-header .aila-login-button{
  height:42px!important;
  min-height:42px!important;
  padding:0 19px!important;
  border-radius:13px!important;
  font-size:14px!important;
  font-weight:850!important;
}

/* Filters: replace the bright gradient with a quiet pale-sage surface. */
.aila-filters,
body > .aila-filters,
body.admin-bar > .aila-filters{
  color:#17191f!important;
  background:#f2f4ef!important;
  background-image:none!important;
  border:1px solid #e2e6dc!important;
  box-shadow:0 14px 36px rgba(24,30,20,.07)!important;
}
.aila-filters__header,
body > .aila-filters .aila-filters__header,
body.admin-bar > .aila-filters .aila-filters__header{
  background:#f2f4ef!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.aila-filter-group{
  border-color:#dde2d7!important;
}
.aila-filter-group select,
.aila-filter-group input[type=number]{
  background:#fff!important;
  border-color:#d9ddd4!important;
}
.aila-filter-close{
  color:#17191f!important;
  background:#fff!important;
  border:1px solid #d9ddd4!important;
}

@media(max-width:800px){
  .aila-header .aila-header__inner{
    width:min(100% - 28px,1400px)!important;
    min-height:60px!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }
  .aila-header .aila-logo{
    height:42px!important;
    min-height:42px!important;
  }
  .aila-header .aila-logo__mark{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
  }
  .aila-header .aila-city{
    height:42px!important;
    min-height:42px!important;
    padding:0 12px!important;
  }
  .aila-header .aila-login-button{
    height:40px!important;
    min-height:40px!important;
    padding:0 16px!important;
  }
}

@media(max-width:620px){
  .aila-header .aila-header__inner{
    width:min(100% - 20px,1400px)!important;
    min-height:58px!important;
    padding-top:7px!important;
    padding-bottom:7px!important;
  }
  .aila-header .aila-logo__text{
    font-size:10px!important;
  }
  .aila-header .aila-login-button{
    padding:0 14px!important;
  }
}

/* corrected header centering and white filter controls. */

/* Header: keep the 80px bar, but center every control exactly inside it. */
.aila-header,
.site-header.aila-header{
  box-sizing:border-box!important;
  padding:0!important;
  margin:0!important;
  background:#fff!important;
  background-image:none!important;
  border:0!important;
  border-bottom:1px solid #d9d9d6!important;
  box-shadow:none!important;
}

body.home .aila-header,
body.aila-home .aila-header{
  height:80px!important;
  min-height:80px!important;
}

body.home .aila-header .aila-header__inner,
body.aila-home .aila-header .aila-header__inner{
  box-sizing:border-box!important;
  width:min(1400px,calc(100% - 64px))!important;
  height:79px!important;
  min-height:79px!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  align-items:center!important;
  align-content:center!important;
}

.aila-header .aila-logo,
.aila-header .aila-header__actions,
.aila-header .aila-city-control,
.aila-header .aila-city,
.aila-header .aila-login-button{
  align-self:center!important;
  margin-top:0!important;
  margin-bottom:0!important;
}

/* Filter controls: white input areas, white checkbox rows and white action button. */
.aila-filters .aila-filter-group select,
.aila-filters .aila-filter-group input[type="number"],
body > .aila-filters .aila-filter-group select,
body > .aila-filters .aila-filter-group input[type="number"],
body.admin-bar > .aila-filters .aila-filter-group select,
body.admin-bar > .aila-filters .aila-filter-group input[type="number"]{
  background:#fff!important;
  background-image:none!important;
  border-color:#d6d8d2!important;
  box-shadow:none!important;
}

.aila-filters .aila-check,
body > .aila-filters .aila-check,
body.admin-bar > .aila-filters .aila-check{
  min-height:40px!important;
  margin:8px 0!important;
  padding:8px 10px!important;
  border:1px solid #e0e2dc!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#30333a!important;
}

.aila-filters .aila-check input[type="checkbox"],
body > .aila-filters .aila-check input[type="checkbox"],
body.admin-bar > .aila-filters .aila-check input[type="checkbox"]{
  background-color:#fff!important;
  accent-color:#17191f!important;
}

.aila-filters .aila-filter-apply,
body > .aila-filters .aila-filter-apply,
body.admin-bar > .aila-filters .aila-filter-apply{
  color:#17191f!important;
  background:#fff!important;
  background-image:none!important;
  border:1px solid #17191f!important;
  box-shadow:none!important;
}

.aila-filters .aila-filter-apply:hover,
.aila-filters .aila-filter-apply:focus-visible,
body > .aila-filters .aila-filter-apply:hover,
body > .aila-filters .aila-filter-apply:focus-visible,
body.admin-bar > .aila-filters .aila-filter-apply:hover,
body.admin-bar > .aila-filters .aila-filter-apply:focus-visible{
  color:#17191f!important;
  background:#f4f4f1!important;
  transform:none!important;
  box-shadow:none!important;
}

@media(max-width:800px){
  body.home .aila-header .aila-header__inner,
  body.aila-home .aila-header .aila-header__inner{
    width:min(100% - 28px,1400px)!important;
    height:79px!important;
    min-height:79px!important;
    padding:0!important;
  }
}

@media(max-width:620px){
  body.home .aila-header .aila-header__inner,
  body.aila-home .aila-header .aila-header__inner{
    width:min(100% - 20px,1400px)!important;
    height:79px!important;
    min-height:79px!important;
    padding:0!important;
  }
}


/* true vertical centering in the header.
   ListingHive adds clearfix pseudo-elements to every .container. Once the
   header container becomes a grid, those pseudo-elements turn into extra
   grid items and create an invisible second row under the controls. */
.aila-header .aila-header__inner::before,
.aila-header .aila-header__inner::after,
body.home .aila-header .aila-header__inner::before,
body.home .aila-header .aila-header__inner::after,
body.aila-home .aila-header .aila-header__inner::before,
body.aila-home .aila-header .aila-header__inner::after{
  content:none!important;
  display:none!important;
  clear:none!important;
}

body.home .aila-header .aila-header__inner,
body.aila-home .aila-header .aila-header__inner{
  grid-template-rows:1fr!important;
  place-items:center stretch!important;
}

body.home .aila-header .aila-logo,
body.home .aila-header .aila-header__actions,
body.aila-home .aila-header .aila-logo,
body.aila-home .aila-header .aila-header__actions{
  align-self:center!important;
}

/* filter submit matches the header login action. */
.aila-filters .aila-filter-apply,
body > .aila-filters .aila-filter-apply,
body.admin-bar > .aila-filters .aila-filter-apply{
  min-height:44px!important;
  padding:0 18px!important;
  color:#162000!important;
  background:#baff3d!important;
  background-image:none!important;
  border:1px solid #8fd414!important;
  border-radius:13px!important;
  box-shadow:none!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1!important;
  transition:background-color .2s ease,border-color .2s ease,transform .2s ease!important;
}

.aila-filters .aila-filter-apply:hover,
.aila-filters .aila-filter-apply:focus,
.aila-filters .aila-filter-apply:focus-visible,
body > .aila-filters .aila-filter-apply:hover,
body > .aila-filters .aila-filter-apply:focus,
body > .aila-filters .aila-filter-apply:focus-visible,
body.admin-bar > .aila-filters .aila-filter-apply:hover,
body.admin-bar > .aila-filters .aila-filter-apply:focus,
body.admin-bar > .aila-filters .aila-filter-apply:focus-visible{
  color:#111218!important;
  background:#aef12e!important;
  border-color:#7fc408!important;
  transform:translateY(-1px)!important;
  box-shadow:none!important;
  outline:none!important;
}

/* restored mobile app navigation. */
@media (max-width:620px){
  body.aila-theme:not(.aila-auth-page){
    padding-bottom:calc(84px + env(safe-area-inset-bottom))!important;
  }
  .aila-mobile-tabs{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  .aila-mobile-tabs a{
    text-decoration:none!important;
    -webkit-tap-highlight-color:transparent;
  }
  .aila-mobile-tabs a:active{
    transform:scale(.96);
  }
  .aila-mobile-tabs__favorites.is-active svg{
    fill:currentColor;
  }
}

/* complete mobile category grid and compact sorting. */
@media (max-width:620px){
  /* Show every device type at once instead of clipping the horizontal rail. */
  .aila-device-types,
  .aila-device-types[data-level="1"],
  .aila-device-types[data-level="2"],
  .aila-device-types[data-level="3"]{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    justify-content:stretch!important;
    align-items:start!important;
    gap:12px 8px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    padding:4px 0 6px!important;
    scroll-snap-type:none!important;
  }

  .aila-device-types[data-level]:not([data-level="0"]) .aila-device-type,
  .aila-device-type{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex:none!important;
    aspect-ratio:3 / 4!important;
    scroll-snap-align:none!important;
  }

  .aila-device-type__media{
    inset:4px 4px 29px!important;
  }

  .aila-device-type strong{
    right:2px!important;
    bottom:5px!important;
    left:2px!important;
    font-size:11px!important;
    line-height:1.05!important;
  }

  /* A short mobile label prevents the sorting control from wrapping. */
  .aila-sort-button{
    width:118px!important;
    min-width:118px!important;
    max-width:118px!important;
    height:42px!important;
    padding:0 12px!important;
    gap:9px!important;
    white-space:nowrap!important;
    font-size:12px!important;
  }
  .aila-sort-button [data-aila-sort-label]{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}

@media (max-width:520px){
  .aila-device-types,
  .aila-device-types[data-level="1"],
  .aila-device-types[data-level="2"],
  .aila-device-types[data-level="3"]{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px 9px!important;
  }

  .aila-device-type strong{
    font-size:11px!important;
  }

  .aila-sort-button{
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
  }
}

/* authenticated account control in the global header. */
.aila-header .aila-account{
  min-width:0;
  max-width:210px;
  height:42px!important;
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:0 11px 0 6px!important;
  border:1px solid #dfe1dc!important;
  border-radius:13px!important;
  color:#1b1d22!important;
  background:#fff!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:820!important;
  transition:border-color .18s ease,background .18s ease,transform .18s ease!important;
}
.aila-header .aila-account:hover,
.aila-header .aila-account:focus-visible{
  color:#17191f!important;
  border-color:#a3da3b!important;
  background:#f8ffe9!important;
  transform:translateY(-1px)!important;
  outline:3px solid rgba(186,255,61,.22)!important;
  outline-offset:2px;
}
.aila-header .aila-account__avatar{
  width:30px!important;
  height:30px!important;
  display:block!important;
  flex:0 0 30px!important;
  overflow:hidden!important;
  border-radius:9px!important;
  background:#eef0ea!important;
}
.aila-header .aila-account__avatar img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:inherit!important;
}
.aila-header .aila-account__name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media(max-width:620px){
  .aila-header .aila-account{
    width:42px!important;
    max-width:42px!important;
    padding:0 6px!important;
    justify-content:center!important;
  }
  .aila-header .aila-account__name{
    display:none!important;
  }
}

/* neutral authenticated profile link. */
.aila-header .aila-account{
  max-width:none!important;
  padding-right:13px!important;
}
.aila-header .aila-account__name{
  overflow:visible!important;
  text-overflow:clip!important;
}
@media(max-width:620px){
  .aila-header .aila-account{
    padding-right:6px!important;
  }
}


/* consistent mobile breathing room across public pages. */
@media(max-width:680px){
  body.aila-theme .container{
    width:calc(100% - 32px)!important;
    margin-right:auto!important;
    margin-left:auto!important;
  }

  body.aila-theme:not(.aila-auth-page):not(.aila-phone-verification-page) .aila-main>.aila-container{
    width:calc(100% - 32px)!important;
    margin-right:auto!important;
    margin-left:auto!important;
  }
}

/* AILA 4.2.4: consistent 16px mobile gutters on public pages. */
@media(max-width:680px){
  body.aila-theme .container,
  body.aila-theme:not(.aila-auth-page):not(.aila-phone-verification-page) .aila-main>.aila-container{
    width:calc(100% - 32px)!important;
    max-width:none!important;
    margin-right:auto!important;
    margin-left:auto!important;
  }
}

/* AILA 4.2.6: flat mobile navigation and no desktop footer on phone screens. */
@media(max-width:620px){
  .aila-footer{
    display:none!important;
  }
}

@media(max-width:620px){
  body.aila-theme:not(.aila-auth-page){
    padding-bottom:calc(72px + env(safe-area-inset-bottom))!important;
  }

  .aila-mobile-tabs,
  .aila-mobile-tabs.is-visible{
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:100%!important;
    min-height:72px!important;
    margin:0!important;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;
    box-sizing:border-box!important;
    border:0!important;
    border-top:1px solid #e3e5df!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:0 -8px 26px rgba(16,18,24,.08)!important;
    backdrop-filter:none!important;
  }
}


/* Reserve only the space actually needed above the fixed mobile navigation. */
@media(max-width:620px){
  html{
    scroll-padding-bottom:calc(84px + env(safe-area-inset-bottom));
  }

  body.aila-theme:not(.aila-auth-page){
    padding-bottom:0!important;
  }

  body.aila-theme:not(.aila-auth-page) .aila-site{
    min-height:100dvh;
    padding-bottom:calc(84px + env(safe-area-inset-bottom))!important;
    box-sizing:border-box!important;
  }

  body.aila-theme:not(.aila-auth-page) .aila-main{
    min-height:0;
  }
}

/* Compact single listing — AILA 4.2.36 */
body.single-hp_listing .aila-header .header-hero{display:none!important}
body.single-hp_listing .aila-main>.aila-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.single-hp_listing .hp-page{margin:0!important;padding:0!important}
body.single-hp_listing .hp-page__content,
body.single-hp_listing .aila-hp-listing-page,
body.single-hp_listing .aila-hp-listing-content{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important}
body.single-hp_listing .aila-hp-listing-page::before,
body.single-hp_listing .aila-hp-listing-page::after,
body.single-hp_listing .aila-hp-listing-content::before,
body.single-hp_listing .aila-hp-listing-content::after{content:none!important;display:none!important}

.aila-single{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:18px 0 34px;color:var(--aila-text)}
.aila-single__back{width:max-content;display:inline-flex;align-items:center;gap:7px;margin:0 0 12px;color:#777b84!important;font-size:12px;font-weight:750;text-decoration:none!important}
.aila-single__back span{font-size:16px;line-height:1}.aila-single__back:hover{color:var(--aila-text)!important}
.aila-single__layout{display:grid;grid-template-columns:minmax(0,680px) minmax(300px,1fr);gap:26px;align-items:start}

.aila-gallery{min-width:0}
.aila-gallery__stage{position:relative;height:410px;overflow:hidden;border-radius:18px;background:#efeee9}
.aila-gallery__slide{position:absolute;inset:0;margin:0;display:none;align-items:center;justify-content:center}.aila-gallery__slide.is-active{display:flex}
.aila-gallery__slide img{width:100%;height:100%;display:block;object-fit:contain;background:#efeee9}
.aila-gallery__empty{height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#eeeCE6,#dcd9d0)}
.aila-gallery__arrow{position:absolute;top:50%;z-index:3;width:34px;height:34px;margin-top:-17px;padding:0;border:0;border-radius:11px;color:#17191f;background:rgba(255,255,255,.92);font-size:24px;line-height:1;box-shadow:0 4px 16px rgba(16,18,24,.09)}
.aila-gallery__arrow--prev{left:10px}.aila-gallery__arrow--next{right:10px}
.aila-gallery__count{position:absolute;right:10px;bottom:10px;padding:5px 8px;border-radius:8px;color:#fff;background:rgba(23,25,31,.76);font-size:10px;font-weight:800}
.aila-gallery__thumbs{display:flex;gap:7px;margin-top:8px;overflow-x:auto;scrollbar-width:none}.aila-gallery__thumbs::-webkit-scrollbar{display:none}
.aila-gallery__thumb{width:58px;height:47px;flex:0 0 58px;padding:2px;border:0;border-radius:10px;background:#efeee9;overflow:hidden;opacity:.72}
.aila-gallery__thumb.is-active{opacity:1;box-shadow:inset 0 0 0 2px var(--aila-dark)}
.aila-gallery__thumb img{width:100%;height:100%;display:block;border-radius:7px;object-fit:cover}

.aila-single__summary{min-width:0;padding-top:2px}
.aila-single__meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:7px;color:#858993;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.055em}
.aila-single__meta span:not(:last-child)::after{content:'·';margin-left:5px;color:#b7bac1}
.aila-single__title-row{display:flex;align-items:flex-start;gap:10px}
.aila-single__title-row h1{flex:1;margin:0;color:var(--aila-text);font-size:clamp(26px,2.6vw,34px);line-height:1.06;letter-spacing:-.04em}
.aila-single__title-row .aila-card__favorite,
.aila-single__title-row .aila-card__favorite--native{position:static!important;flex:0 0 34px!important;width:34px!important;height:34px!important;display:grid!important;place-items:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;color:#17191f!important;background:#f1f0ec!important;box-shadow:none!important;filter:none!important}
.aila-single__title-row .aila-card__favorite svg{width:20px;height:20px}
.aila-single__price{margin-top:10px;font-size:28px;font-weight:950;line-height:1;letter-spacing:-.04em}

.aila-single__chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:16px}
.aila-single__chip{min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;padding:8px 9px;border-radius:12px;background:#f1f0ec}
.aila-single__chip--2{background:#eef4f7}.aila-single__chip--3{background:#f4f0f8}.aila-single__chip--4{background:#f3f5ea}
.aila-single__chip-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#22252b;background:rgba(255,255,255,.72)}
.aila-single__chip-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.aila-single__chip>span:last-child{min-width:0}.aila-single__chip small,.aila-single__chip strong{display:block;overflow:hidden;text-overflow:ellipsis}
.aila-single__chip small{margin-bottom:2px;color:#858993;font-size:8px;font-weight:800;line-height:1.1;text-transform:uppercase;letter-spacing:.045em}
.aila-single__chip strong{color:#22252b;font-size:12px;font-weight:850;line-height:1.2;white-space:nowrap}

.aila-seller{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:16px;padding-top:13px;border-top:1px solid #ecebe7}
.aila-seller__avatar,.aila-seller__avatar img{width:36px;height:36px;border-radius:11px}.aila-seller__avatar{overflow:hidden;background:#ecebe7}
.aila-seller__info{min-width:0}.aila-seller small,.aila-seller strong{display:block}.aila-seller small{color:#8b8f98;font-size:9px;font-weight:750}.aila-seller strong{margin-top:1px;overflow:hidden;color:#272a31;font-size:13px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}
.aila-seller__verified{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;color:#172000;background:var(--aila-accent);font-size:11px;font-weight:950}

.aila-single .aila-contact-box{margin:10px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.aila-single .aila-contact-box__title{display:none!important}.aila-single .aila-contact-box p{margin:0 0 8px;color:#777b84;font-size:11px;line-height:1.4}
.aila-single .aila-contact-box__phone{display:block;margin:0 0 7px;color:var(--aila-text)!important;font-size:16px;font-weight:900;text-decoration:none!important}
.aila-single .aila-contact-box__actions{display:grid!important;grid-template-columns:1fr 1fr;gap:7px!important}
.aila-single .aila-contact-box .button{min-height:39px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0 11px!important;border:0!important;border-radius:11px!important;color:#fff!important;background:var(--aila-dark)!important;font-size:12px!important;font-weight:850!important;line-height:1!important;text-decoration:none!important;box-shadow:none!important}
.aila-single .aila-contact-box .button:last-child{color:#172000!important;background:var(--aila-accent)!important}

.aila-single__description{max-width:680px;margin-top:22px}.aila-single__description h2,.aila-similar h2{margin:0 0 9px;color:var(--aila-text);font-size:18px;line-height:1.15;letter-spacing:-.025em}
.aila-single__description>div{color:#555963;font-size:13px;line-height:1.58}.aila-single__description p{margin:0 0 8px}
.aila-similar{margin-top:26px}.aila-similar .aila-listing-grid{grid-template-columns:repeat(auto-fill,minmax(210px,250px));justify-content:start;gap:12px}
.aila-similar .aila-card{width:100%;max-width:250px}

@media(max-width:960px){
  .aila-single{width:min(100% - 28px,1120px)}
  .aila-single__layout{grid-template-columns:minmax(0,1fr) 320px;gap:20px}
  .aila-gallery__stage{height:390px}
}
@media(max-width:780px){
  .aila-single__layout{grid-template-columns:1fr;gap:14px}
  .aila-gallery__stage{height:min(62vw,430px)}
  .aila-single__summary{max-width:680px}
  .aila-single__chips{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){
  .aila-single{width:calc(100% - 20px);padding:10px 0 18px}
  .aila-single__back{margin-bottom:8px}
  .aila-gallery__stage{height:68vw;max-height:330px;border-radius:15px}
  .aila-gallery__thumbs{margin-top:6px}.aila-gallery__thumb{width:52px;height:42px;flex-basis:52px}
  .aila-single__layout{gap:12px}
  .aila-single__title-row h1{font-size:24px}.aila-single__price{margin-top:8px;font-size:25px}
  .aila-single__meta{font-size:9px}.aila-single__chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:13px}
  .aila-single__chip{grid-template-columns:27px minmax(0,1fr);padding:7px 8px}.aila-single__chip-icon{width:27px;height:27px}.aila-single__chip strong{font-size:11px}
  .aila-seller{margin-top:13px;padding-top:11px}.aila-single .aila-contact-box .button{min-height:38px!important}
  .aila-single__description{margin-top:18px}.aila-similar{margin-top:22px}
  .aila-similar .aila-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .aila-similar .aila-card{max-width:none}
}
@media(max-width:360px){
  .aila-single__chips{grid-template-columns:1fr 1fr}.aila-single__chip-icon{display:none}.aila-single__chip{grid-template-columns:1fr}
}

/* Single listing 4.2.37 — compact details, private phone and public map. */
.aila-single{
  width:min(1060px,calc(100% - 36px));
  padding:16px 0 30px;
}
.aila-single__layout{
  grid-template-columns:minmax(0,610px) minmax(320px,380px);
  gap:24px;
  justify-content:space-between;
}
.aila-gallery__stage{height:356px;border-radius:16px}
.aila-gallery__thumbs{gap:6px;margin-top:7px}
.aila-gallery__thumb{width:52px;height:42px;flex-basis:52px;border-radius:9px}
.aila-single__summary{padding-top:0}
.aila-single__title-row h1{font-size:clamp(25px,2.4vw,32px);line-height:1.08}
.aila-single__price-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:10px}
.aila-single__price{margin:0;font-size:27px}
.aila-single__posted{flex:0 0 auto;color:#92959d;font-size:10px;font-weight:700;white-space:nowrap}
.aila-single__chips{gap:6px;margin-top:14px}
.aila-single__chip{min-height:48px;padding:7px 8px;border-radius:11px}
.aila-single__chip--wide{grid-column:1/-1}
.aila-single__chip small{font-size:7.5px;line-height:1.15}
.aila-single__chip strong{overflow:visible;text-overflow:clip;font-size:11.5px;line-height:1.25;white-space:normal}
.aila-seller{margin-top:14px;padding-top:12px}

.aila-single__actions{display:grid;gap:7px;margin-top:10px}
.aila-single__phone-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.aila-single__action{
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:0;
  padding:0 12px;
  border:0;
  border-radius:11px;
  color:#fff!important;
  background:var(--aila-dark);
  font-size:12px;
  font-weight:850;
  line-height:1;
  text-decoration:none!important;
  box-shadow:none;
  cursor:pointer;
}
.aila-single__action svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.aila-single__action--chat{width:100%;color:#162000!important;background:var(--aila-accent)}
.aila-single__action--whatsapp{color:#162000!important;background:#eef6df}
.aila-single__action--call{background:#17191f}
.aila-single__contact-note{margin:0;padding:8px 9px;border-radius:10px;color:#70747d;background:#f4f3ef;font-size:10.5px;line-height:1.4}
.aila-single__contact-note a{margin-left:4px;color:#25282e!important;font-weight:850;text-decoration:underline!important}

.aila-single__description{max-width:610px;margin-top:20px}
.aila-single__description h2,.aila-location h2,.aila-similar h2{font-size:17px}

.aila-location{
  margin-top:22px;
  overflow:hidden;
  border-radius:16px;
  background:#f4f3ef;
}
.aila-location__head{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px}
.aila-location__title{min-width:0;display:flex;align-items:center;gap:10px}
.aila-location__icon{width:35px;height:35px;flex:0 0 35px;display:grid;place-items:center;border-radius:10px;color:#17191f;background:#fff}
.aila-location__icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.aila-location__title h2{margin:0 0 2px;line-height:1.1}
.aila-location__title p{max-width:580px;margin:0;overflow:hidden;color:#737780;font-size:11px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.aila-location__distance{flex:0 0 auto;padding:6px 8px;border-radius:9px;color:#6f737b;background:#fff;font-size:10px;font-weight:750;white-space:nowrap}
.aila-location__distance.is-ready{color:#213000;background:#e8f8c9}
.aila-location__distance.has-error{max-width:260px;white-space:normal;text-align:right}
.aila-location__map{position:relative;height:230px;overflow:hidden;background:#e9e8e3}
.aila-location__map-placeholder{position:absolute;inset:0;background-color:#e9e8e3;background-image:linear-gradient(rgba(255,255,255,.62) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.62) 1px,transparent 1px);background-size:28px 28px}
.aila-location__area-placeholder{position:absolute;left:50%;top:50%;width:142px;height:142px;border:2px solid #84ad32;border-radius:50%;background:rgba(186,255,61,.22);box-shadow:0 8px 28px rgba(76,104,26,.12);transform:translate(-50%,-50%)}
.aila-location__area{width:170px;height:170px;border:2px solid #7da92c;border-radius:50%;background:rgba(186,255,61,.24);box-shadow:0 8px 28px rgba(76,104,26,.12);transform:translate(-50%,-50%);pointer-events:none}
.aila-location__map.is-ready .aila-location__map-placeholder{display:none}
.aila-location__route{min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;margin:8px;padding:0 14px;border-radius:11px;color:#fff!important;background:#17191f;font-size:12px;font-weight:850;text-decoration:none!important}
.aila-location--empty{padding-bottom:0}

.aila-similar{margin-top:24px}
.aila-similar .aila-listing-grid{grid-template-columns:repeat(auto-fill,minmax(178px,205px));gap:10px}
.aila-similar .aila-card{max-width:205px;padding:7px;border-radius:18px}
.aila-similar .aila-card__visual{height:145px;border-radius:14px}
.aila-similar .aila-card__body{padding:9px 4px 5px}
.aila-similar .aila-card__meta{margin-bottom:6px;font-size:9px}
.aila-similar .aila-card h3{min-height:34px;font-size:12.5px}
.aila-similar .aila-card__price{margin-top:8px;font-size:15px}
.aila-similar .aila-card__details{display:none}
.aila-similar .aila-card__seller{margin-top:6px;font-size:9px}
.aila-similar .aila-card__favorite,.aila-similar .aila-card__favorite--native{top:7px!important;right:7px!important;width:29px!important;height:29px!important}
.aila-similar .aila-card__favorite svg{width:17px;height:17px}

@media(max-width:960px){
  .aila-single{width:min(100% - 28px,1060px)}
  .aila-single__layout{grid-template-columns:minmax(0,1fr) 330px;gap:18px}
  .aila-gallery__stage{height:340px}
}
@media(max-width:780px){
  .aila-single__layout{grid-template-columns:1fr;gap:12px}
  .aila-gallery__stage{height:min(60vw,390px)}
  .aila-single__summary{max-width:none}
  .aila-single__chips{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aila-location__map{height:210px}
}
@media(max-width:620px){
  .aila-single{width:calc(100% - 20px);padding:10px 0 calc(22px + env(safe-area-inset-bottom))}
  .aila-gallery__stage{height:64vw;max-height:310px}
  .aila-single__title-row h1{font-size:23px}
  .aila-single__price{font-size:24px}
  .aila-single__price-row{align-items:flex-end}
  .aila-single__posted{font-size:9px}
  .aila-single__chip{min-height:44px}
  .aila-single__chip--wide{grid-column:1/-1}
  .aila-location{margin-top:18px;border-radius:14px}
  .aila-location__head{align-items:flex-start;flex-direction:column;gap:7px}
  .aila-location__distance{margin-left:45px}
  .aila-location__distance.has-error{max-width:none;text-align:left}
  .aila-location__map{height:190px}
  .aila-similar .aila-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .aila-similar .aila-card{max-width:none}
  .aila-similar .aila-card__visual{height:42vw;max-height:165px}
}
@media(max-width:360px){
  .aila-single__chips{grid-template-columns:1fr}
  .aila-single__chip--wide{grid-column:auto}
  .aila-single__chip-icon{display:grid}
  .aila-single__chip{grid-template-columns:27px minmax(0,1fr)}
}

/* Single listing 4.2.38 — inline chat and compact map below the gallery. */
.aila-single__media{min-width:0}
.aila-single__media>.aila-location{margin-top:11px}
.aila-single__media .aila-location__head{min-height:54px;padding:8px 10px}
.aila-single__media .aila-location__icon{width:32px;height:32px;flex-basis:32px;border-radius:9px}
.aila-single__media .aila-location__title{gap:8px}
.aila-single__media .aila-location__title h2{font-size:15px}
.aila-single__media .aila-location__title p{max-width:390px;font-size:10px}
.aila-single__media .aila-location__map{height:174px}
.aila-single__media .aila-location__distance{max-width:190px;font-size:9px;text-align:right;white-space:normal}
.aila-single__media .aila-location__route{
  width:calc(100% - 16px);
  min-height:39px;
  border:0;
  cursor:pointer;
}
.aila-single__media .aila-location__route:disabled{cursor:wait;opacity:.72}
.aila-single__media .aila-location__route.is-loading{background:#2b2e35}

.aila-inline-chat[hidden]{display:none!important}
.aila-inline-chat{
  margin-top:8px;
  padding:9px;
  border-radius:12px;
  background:#f4f3ef;
}
.aila-inline-chat__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}
.aila-inline-chat__head strong{color:#272a31;font-size:11px;font-weight:850}
.aila-inline-chat__close{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  margin:0;
  padding:0;
  border:0;
  border-radius:8px;
  color:#686c75;
  background:#fff;
  font-size:18px;
  line-height:1;
  cursor:pointer;
}
.aila-inline-chat .hp-form{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.aila-inline-chat .hp-form__messages:empty{display:none}
.aila-inline-chat .hp-form__fields{margin:0!important}
.aila-inline-chat .hp-form__field{margin:0!important}
.aila-inline-chat .hp-field__label{display:none!important}
.aila-inline-chat textarea{
  width:100%!important;
  min-height:78px!important;
  max-height:150px;
  margin:0!important;
  padding:10px 11px!important;
  border:1px solid #e3e2dd!important;
  border-radius:10px!important;
  color:#25282e!important;
  background:#fff!important;
  font-size:12px!important;
  line-height:1.45!important;
  resize:vertical;
  box-shadow:none!important;
}
.aila-inline-chat textarea:focus{border-color:#b9dc73!important;outline:0!important;box-shadow:0 0 0 3px rgba(186,255,61,.18)!important}
.aila-inline-chat .hp-form__footer{margin-top:7px!important;padding:0!important}
.aila-inline-chat .hp-form__footer .button,
.aila-inline-chat button[type="submit"]{
  width:100%!important;
  min-height:37px!important;
  margin:0!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:10px!important;
  color:#172000!important;
  background:var(--aila-accent)!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1!important;
  box-shadow:none!important;
}

@media(max-width:780px){
  .aila-single__media .aila-location__map{height:205px}
  .aila-single__media .aila-location__title p{max-width:none}
}
@media(max-width:620px){
  .aila-single__media>.aila-location{margin-top:9px}
  .aila-single__media .aila-location__head{align-items:center;flex-direction:row;gap:9px}
  .aila-single__media .aila-location__distance{margin-left:auto;max-width:130px;text-align:right}
  .aila-single__media .aila-location__map{height:178px}
}

/* Single listing 4.2.43 — road distance to a privacy-safe area. */
.aila-location__route-tools{
  display:block;
  padding:8px;
}
.aila-single__media .aila-location__route{
  width:100%;
  min-height:39px;
  margin:0;
}
.aila-location__distance.is-ready{
  color:#213000;
  background:#e8f8c9;
}

@media(max-width:620px){
  .aila-location__route-tools{padding:7px}
}

/* Single listing 4.2.43 — privacy-safe one-kilometre location zone. */
.aila-location__title p{white-space:normal}
.aila-location__map canvas{filter:saturate(.92)}

.aila-location__badges{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.aila-location__radius{flex:0 0 auto;padding:6px 8px;border-radius:9px;color:#5d642f;background:#eef6df;font-size:10px;font-weight:800;white-space:nowrap}
@media(max-width:620px){.aila-location__badges{margin-left:40px;justify-content:flex-start}.aila-location__distance{margin-left:0}}


/* Single listing 4.2.44 — clean map-only privacy zone. */
.aila-single__media>.aila-location--map-only{
  margin-top:11px;
  padding:0;
  overflow:hidden;
  border-radius:16px;
  background:#e9e8e3;
}
.aila-location--map-only .aila-location__map{
  height:190px;
  border-radius:inherit;
}
.aila-location--map-only .aila-location__map-placeholder{
  border-radius:inherit;
}
@media(max-width:780px){
  .aila-location--map-only .aila-location__map{height:205px}
}
@media(max-width:620px){
  .aila-single__media>.aila-location--map-only{margin-top:9px;border-radius:14px}
  .aila-location--map-only .aila-location__map{height:178px}
}


/* Single listing 4.2.45 — mobile content order. */
@media(max-width:620px){
  /* Flatten the two desktop columns so their children can be arranged in a
     natural mobile reading order without duplicating any content. */
  .aila-single__layout{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:0;
  }
  .aila-single__media,
  .aila-single__summary{
    display:contents;
  }

  /* Title and price first, then photos, characteristics and the private map. */
  .aila-single__title-row{order:1;margin-bottom:0}
  .aila-single__price-row{order:2;margin-bottom:12px}
  .aila-gallery{order:3}
  .aila-single__chips{order:4;margin-top:13px}
  .aila-single__media>.aila-location--map-only{
    order:5;
    margin-top:10px;
  }
  .aila-seller{order:6}
  .aila-single__actions{order:7}
  .aila-inline-chat{order:8}
}

/* Single listing 4.2.47 — full-screen photo viewer. */
.aila-gallery__open{
  width:100%;
  height:100%;
  display:block;
  margin:0;
  padding:0;
  border:0;
  border-radius:inherit;
  background:transparent;
  cursor:zoom-in;
  overflow:hidden;
}
.aila-gallery__open:focus-visible{
  outline:3px solid var(--aila-accent);
  outline-offset:-3px;
}
.aila-gallery__open img{pointer-events:none}

html.aila-lightbox-open,
body.aila-lightbox-open{overflow:hidden!important;overscroll-behavior:none}
.aila-lightbox[hidden]{display:none!important}
.aila-lightbox{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:grid;
  place-items:center;
  padding:3vh 2vw;
  isolation:isolate;
}
.aila-lightbox__backdrop{
  position:absolute;
  inset:0;
  z-index:-1;
  background:rgba(4,6,9,.94);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.aila-lightbox__dialog{
  position:relative;
  width:min(96vw,1600px);
  height:min(92dvh,1000px);
  min-height:420px;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  border-radius:22px;
  background:#0c0e12;
  box-shadow:0 32px 90px rgba(0,0,0,.55);
}
.aila-lightbox__stage{
  position:relative;
  min-width:0;
  min-height:0;
  overflow:hidden;
  touch-action:pan-y;
  user-select:none;
  -webkit-user-select:none;
}
.aila-lightbox__slide{
  position:absolute;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:22px 70px 14px;
}
.aila-lightbox__slide.is-active{display:flex}
.aila-lightbox__slide img{
  width:auto;
  max-width:100%;
  height:auto;
  max-height:100%;
  display:block;
  object-fit:contain;
  object-position:center;
  border-radius:8px;
}
.aila-lightbox__close{
  position:absolute;
  top:14px;
  right:14px;
  z-index:5;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  margin:0;
  padding:0 0 3px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  color:#fff;
  background:rgba(18,20,25,.78);
  font:400 30px/1 Arial,sans-serif;
  box-shadow:0 5px 18px rgba(0,0,0,.25);
  cursor:pointer;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.aila-lightbox__close:hover{background:rgba(45,48,56,.94)}
.aila-lightbox__close:focus-visible,
.aila-lightbox__arrow:focus-visible,
.aila-lightbox__thumb:focus-visible{outline:3px solid var(--aila-accent);outline-offset:2px}
.aila-lightbox__arrow{
  position:absolute;
  top:50%;
  z-index:4;
  width:46px;
  height:58px;
  display:grid;
  place-items:center;
  margin:-29px 0 0;
  padding:0 0 4px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:15px;
  color:#fff;
  background:rgba(18,20,25,.72);
  font:400 38px/1 Arial,sans-serif;
  cursor:pointer;
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.aila-lightbox__arrow:hover{background:rgba(45,48,56,.94)}
.aila-lightbox__arrow--prev{left:14px}
.aila-lightbox__arrow--next{right:14px}
.aila-lightbox__footer{
  min-height:70px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  padding:10px 18px 12px;
  border-top:1px solid rgba(255,255,255,.08);
  background:rgba(14,16,20,.97);
}
.aila-lightbox__count{
  min-width:44px;
  color:rgba(255,255,255,.84);
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.aila-lightbox__thumbs{
  grid-column:2;
  display:flex;
  justify-content:center;
  gap:7px;
  min-width:0;
  overflow-x:auto;
  padding:2px;
  scrollbar-width:none;
}
.aila-lightbox__thumbs::-webkit-scrollbar{display:none}
.aila-lightbox__thumb{
  width:54px;
  height:46px;
  flex:0 0 54px;
  margin:0;
  padding:2px;
  overflow:hidden;
  border:0;
  border-radius:9px;
  background:#252830;
  opacity:.56;
  cursor:pointer;
}
.aila-lightbox__thumb.is-active{opacity:1;box-shadow:0 0 0 2px var(--aila-accent)}
.aila-lightbox__thumb img{width:100%;height:100%;display:block;border-radius:7px;object-fit:cover}

@media(max-width:620px){
  .aila-lightbox{
    display:block;
    padding:0;
  }
  .aila-lightbox__backdrop{background:#080a0d;backdrop-filter:none;-webkit-backdrop-filter:none}
  .aila-lightbox__dialog{
    width:100vw;
    height:100dvh;
    min-height:0;
    border:0;
    border-radius:0;
    box-shadow:none;
  }
  .aila-lightbox__slide{padding:58px 10px 12px}
  .aila-lightbox__slide img{border-radius:0}
  .aila-lightbox__close{
    top:max(12px,env(safe-area-inset-top));
    right:12px;
    width:40px;
    height:40px;
    border-color:rgba(255,255,255,.2);
    background:rgba(16,18,23,.82);
  }
  .aila-lightbox__arrow{
    width:38px;
    height:50px;
    margin-top:-25px;
    border:0;
    border-radius:12px;
    background:rgba(16,18,23,.55);
    font-size:32px;
  }
  .aila-lightbox__arrow--prev{left:7px}
  .aila-lightbox__arrow--next{right:7px}
  .aila-lightbox__footer{
    min-height:64px;
    grid-template-columns:auto minmax(0,1fr);
    gap:10px;
    padding:8px 10px max(10px,env(safe-area-inset-bottom));
  }
  .aila-lightbox__thumbs{justify-content:flex-start}
  .aila-lightbox__thumb{width:48px;height:40px;flex-basis:48px}
}


/* Single listing 4.2.47 — viewer always covers the site chrome. */
.aila-lightbox{
  z-index:2147483647!important;
}
.aila-lightbox__close{
  top:18px;
  right:22px;
  width:auto;
  height:auto;
  min-width:0;
  min-height:0;
  padding:2px 7px 7px;
  border:0;
  border-radius:0;
  color:#fff;
  background:transparent;
  box-shadow:none;
  font:300 40px/1 Arial,sans-serif;
  text-shadow:0 2px 10px rgba(0,0,0,.72);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.aila-lightbox__close:hover,
.aila-lightbox__close:active{
  color:#fff;
  background:transparent;
  opacity:.72;
}
.aila-lightbox__close:focus-visible{
  outline:2px solid #fff;
  outline-offset:2px;
}
@media(max-width:620px){
  .aila-lightbox__close{
    top:max(12px,env(safe-area-inset-top));
    right:12px;
    width:auto;
    height:auto;
    padding:2px 6px 7px;
    border:0;
    border-radius:0;
    background:transparent;
    font-size:38px;
  }
}

/* Single listing 4.2.48 — cleaner photo viewer without frames or separators. */
.aila-lightbox__dialog{
  border:0;
  border-radius:0;
  box-shadow:none;
}
.aila-lightbox__footer{
  border-top:0;
}
.aila-lightbox__arrow,
.aila-lightbox__arrow:hover,
.aila-lightbox__arrow:active{
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
@media(max-width:620px){
  .aila-lightbox__arrow,
  .aila-lightbox__arrow:hover,
  .aila-lightbox__arrow:active{
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  .aila-lightbox__footer{border-top:0}
}


/* 4.2.53 — Favorite actions are always bare hearts. */
.aila-theme .hp-listing__action--favorite,
.aila-theme .aila-card__favorite,
.aila-theme .aila-card__favorite--native,
.aila-theme .aila-single__title-row .aila-card__favorite,
.aila-theme .aila-single__title-row .aila-card__favorite--native{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  color:#fff!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.72))!important;
  line-height:1!important;
}
.aila-theme .aila-single__title-row .hp-listing__action--favorite,
.aila-theme .aila-single__title-row .aila-card__favorite,
.aila-theme .aila-single__title-row .aila-card__favorite--native{
  position:static!important;
  flex:0 0 30px!important;
  color:#24272d!important;
  filter:none!important;
}
.aila-theme .hp-listing__action--favorite:hover,
.aila-theme .hp-listing__action--favorite:focus,
.aila-theme .hp-listing__action--favorite:focus-visible,
.aila-theme .aila-card__favorite:hover,
.aila-theme .aila-card__favorite:focus,
.aila-theme .aila-card__favorite:focus-visible,
.aila-theme .aila-card__favorite--native:hover,
.aila-theme .aila-card__favorite--native:focus,
.aila-theme .aila-card__favorite--native:focus-visible{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:none!important;
  transform:scale(1.08);
}
.aila-theme .hp-listing__action--favorite span,
.aila-theme .aila-card__favorite--native span{
  display:none!important;
}
.aila-theme .hp-listing__action--favorite svg,
.aila-theme .aila-card__favorite svg,
.aila-theme .aila-card__favorite--native svg{
  width:23px!important;
  height:23px!important;
  fill:transparent!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  transition:fill .16s ease,color .16s ease,transform .16s ease!important;
}
.aila-theme .hp-listing__action--favorite i,
.aila-theme .aila-card__favorite i,
.aila-theme .aila-card__favorite--native i{
  color:currentColor!important;
  font-size:22px!important;
  line-height:1!important;
  transition:color .16s ease,transform .16s ease!important;
}
.aila-theme .hp-listing__action--favorite.is-active,
.aila-theme .hp-listing__action--favorite[aria-pressed="true"],
.aila-theme .aila-card__favorite.is-active,
.aila-theme .aila-card__favorite[aria-pressed="true"],
.aila-theme .aila-card__favorite--native.is-active,
.aila-theme .aila-card__favorite--native[aria-pressed="true"],
.aila-theme .aila-single__title-row .hp-listing__action--favorite.is-active,
.aila-theme .aila-single__title-row .aila-card__favorite.is-active,
.aila-theme .aila-single__title-row .aila-card__favorite--native.is-active{
  color:#58b51f!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 1px 1px rgba(255,255,255,.75))!important;
}
.aila-theme .hp-listing__action--favorite.is-active svg,
.aila-theme .hp-listing__action--favorite[aria-pressed="true"] svg,
.aila-theme .aila-card__favorite.is-active svg,
.aila-theme .aila-card__favorite[aria-pressed="true"] svg,
.aila-theme .aila-card__favorite--native.is-active svg,
.aila-theme .aila-card__favorite--native[aria-pressed="true"] svg{
  fill:currentColor!important;
  stroke:currentColor!important;
}
@media(max-width:680px){
  .aila-theme .hp-listing__action--favorite,
  .aila-theme .aila-card__favorite,
  .aila-theme .aila-card__favorite--native,
  .aila-theme .aila-single__title-row .aila-card__favorite,
  .aila-theme .aila-single__title-row .aila-card__favorite--native{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
  }
  .aila-theme .hp-listing__action--favorite svg,
  .aila-theme .aila-card__favorite svg,
  .aila-theme .aila-card__favorite--native svg{
    width:21px!important;
    height:21px!important;
  }
}


/* 4.2.54 — Bare favorite heart on catalog cards and listing pages. */
body.aila-theme .hp-listing__action--favorite,
body.aila-theme .aila-card__favorite,
body.aila-theme .aila-card__favorite--native{
  position:absolute!important;
  top:13px!important;
  right:13px!important;
  z-index:6!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  color:#fff!important;
  background:none!important;
  background-color:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.72))!important;
  line-height:1!important;
  text-decoration:none!important;
  transform:none;
  overflow:visible!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
body.aila-theme .hp-listing__action--favorite::before,
body.aila-theme .aila-card__favorite::before,
body.aila-theme .aila-card__favorite--native::before{
  content:''!important;
  width:24px!important;
  height:24px!important;
  display:block!important;
  background-color:currentColor!important;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.8 4.7a5.5 5.5 0 0 0-7.8 0L12 5.7l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.5 1-1a5.5 5.5 0 0 0 0-7.8Z' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.8 4.7a5.5 5.5 0 0 0-7.8 0L12 5.7l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.5 1-1a5.5 5.5 0 0 0 0-7.8Z' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;
  transition:background-color .16s ease,transform .16s ease!important;
}
body.aila-theme .hp-listing__action--favorite::after,
body.aila-theme .aila-card__favorite::after,
body.aila-theme .aila-card__favorite--native::after{
  content:none!important;
  display:none!important;
}
body.aila-theme .hp-listing__action--favorite > i,
body.aila-theme .hp-listing__action--favorite > svg,
body.aila-theme .aila-card__favorite > i,
body.aila-theme .aila-card__favorite > svg,
body.aila-theme .aila-card__favorite--native > i,
body.aila-theme .aila-card__favorite--native > svg,
body.aila-theme .hp-listing__action--favorite > span,
body.aila-theme .aila-card__favorite--native > span{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
}
body.aila-theme .hp-listing__action--favorite:hover,
body.aila-theme .hp-listing__action--favorite:focus,
body.aila-theme .hp-listing__action--favorite:focus-visible,
body.aila-theme .aila-card__favorite:hover,
body.aila-theme .aila-card__favorite:focus,
body.aila-theme .aila-card__favorite:focus-visible,
body.aila-theme .aila-card__favorite--native:hover,
body.aila-theme .aila-card__favorite--native:focus,
body.aila-theme .aila-card__favorite--native:focus-visible{
  border:0!important;
  border-radius:0!important;
  background:none!important;
  background-color:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  color:#fff!important;
}
body.aila-theme .hp-listing__action--favorite:hover::before,
body.aila-theme .hp-listing__action--favorite:focus-visible::before,
body.aila-theme .aila-card__favorite:hover::before,
body.aila-theme .aila-card__favorite:focus-visible::before,
body.aila-theme .aila-card__favorite--native:hover::before,
body.aila-theme .aila-card__favorite--native:focus-visible::before{
  transform:scale(1.08)!important;
}
body.aila-theme .hp-listing__action--favorite[data-state="active"],
body.aila-theme .hp-listing__action--favorite.is-active,
body.aila-theme .hp-listing__action--favorite[aria-pressed="true"],
body.aila-theme .aila-card__favorite[data-state="active"],
body.aila-theme .aila-card__favorite.is-active,
body.aila-theme .aila-card__favorite[aria-pressed="true"],
body.aila-theme .aila-card__favorite--native[data-state="active"],
body.aila-theme .aila-card__favorite--native.is-active,
body.aila-theme .aila-card__favorite--native[aria-pressed="true"]{
  color:#58b51f!important;
  background:none!important;
  background-color:transparent!important;
  box-shadow:none!important;
}
body.aila-theme .hp-listing__action--favorite[data-state="active"]::before,
body.aila-theme .hp-listing__action--favorite.is-active::before,
body.aila-theme .hp-listing__action--favorite[aria-pressed="true"]::before,
body.aila-theme .aila-card__favorite[data-state="active"]::before,
body.aila-theme .aila-card__favorite.is-active::before,
body.aila-theme .aila-card__favorite[aria-pressed="true"]::before,
body.aila-theme .aila-card__favorite--native[data-state="active"]::before,
body.aila-theme .aila-card__favorite--native.is-active::before,
body.aila-theme .aila-card__favorite--native[aria-pressed="true"]::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.8 4.7a5.5 5.5 0 0 0-7.8 0L12 5.7l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.5 1-1a5.5 5.5 0 0 0 0-7.8Z' fill='black'/%3E%3C/svg%3E")!important;
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.8 4.7a5.5 5.5 0 0 0-7.8 0L12 5.7l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.5 1-1a5.5 5.5 0 0 0 0-7.8Z' fill='black'/%3E%3C/svg%3E")!important;
}
/* On the white listing summary the inactive heart must be dark, not white. */
body.aila-theme .aila-single__title-row .hp-listing__action--favorite,
body.aila-theme .aila-single__title-row .aila-card__favorite,
body.aila-theme .aila-single__title-row .aila-card__favorite--native{
  position:static!important;
  top:auto!important;
  right:auto!important;
  flex:0 0 30px!important;
  color:#24272d!important;
  filter:none!important;
}
body.aila-theme .aila-single__title-row .hp-listing__action--favorite:hover,
body.aila-theme .aila-single__title-row .hp-listing__action--favorite:focus,
body.aila-theme .aila-single__title-row .aila-card__favorite:hover,
body.aila-theme .aila-single__title-row .aila-card__favorite:focus,
body.aila-theme .aila-single__title-row .aila-card__favorite--native:hover,
body.aila-theme .aila-single__title-row .aila-card__favorite--native:focus{
  color:#24272d!important;
}
body.aila-theme .aila-single__title-row .hp-listing__action--favorite[data-state="active"],
body.aila-theme .aila-single__title-row .hp-listing__action--favorite.is-active,
body.aila-theme .aila-single__title-row .hp-listing__action--favorite[aria-pressed="true"],
body.aila-theme .aila-single__title-row .aila-card__favorite[data-state="active"],
body.aila-theme .aila-single__title-row .aila-card__favorite.is-active,
body.aila-theme .aila-single__title-row .aila-card__favorite[aria-pressed="true"],
body.aila-theme .aila-single__title-row .aila-card__favorite--native[data-state="active"],
body.aila-theme .aila-single__title-row .aila-card__favorite--native.is-active,
body.aila-theme .aila-single__title-row .aila-card__favorite--native[aria-pressed="true"]{
  color:#58b51f!important;
}
@media(max-width:680px){
  body.aila-theme .hp-listing__action--favorite,
  body.aila-theme .aila-card__favorite,
  body.aila-theme .aila-card__favorite--native{
    top:9px!important;
    right:9px!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
  }
  body.aila-theme .hp-listing__action--favorite::before,
  body.aila-theme .aila-card__favorite::before,
  body.aila-theme .aila-card__favorite--native::before{
    width:22px!important;
    height:22px!important;
  }
  body.aila-theme .aila-single__title-row .hp-listing__action--favorite,
  body.aila-theme .aila-single__title-row .aila-card__favorite,
  body.aila-theme .aila-single__title-row .aila-card__favorite--native{
    top:auto!important;
    right:auto!important;
  }
}

/* --------------------------------------------------------------------------
 * Kazakhstan location directory (4.2.56)
 * -------------------------------------------------------------------------- */
body.aila-location-lock{overflow:hidden!important}
.aila-header .aila-city{
  display:flex!important;
  max-width:210px;
  cursor:pointer;
}
.aila-header .aila-city [data-aila-city-label]{
  display:inline!important;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.aila-location-dialog[hidden]{display:none!important}
.aila-location-dialog{
  position:fixed;
  inset:0;
  z-index:100500;
  display:grid;
  place-items:center;
  padding:22px;
}
.aila-location-dialog__backdrop{
  position:absolute;
  inset:0;
  background:rgba(18,20,24,.46);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.aila-location-dialog__panel{
  position:relative;
  z-index:1;
  width:min(780px,100%);
  max-height:min(820px,calc(100vh - 44px));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(24,27,32,.09);
  border-radius:24px;
  background:#fff;
  box-shadow:0 30px 90px rgba(17,20,26,.22);
}
.aila-location-dialog__header{
  flex:0 0 auto;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 42px;
  align-items:center;
  gap:10px;
  padding:19px 20px 15px;
  border-bottom:1px solid #ecece8;
}
.aila-location-dialog__header h2{
  margin:0;
  color:#17191e;
  font-size:21px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:-.02em;
}
.aila-location-dialog__header p{
  margin:4px 0 0;
  color:#858a94;
  font-size:12px;
  line-height:1.35;
}
.aila-location-dialog__back,
.aila-location-dialog__close{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:12px;
  background:#f2f3ef;
  color:#202329;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}
.aila-location-dialog__back[hidden]{visibility:hidden;display:grid!important}
.aila-location-dialog__tools{
  flex:0 0 auto;
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:10px;
  padding:16px 20px 12px;
}
.aila-location-current{
  min-height:54px;
  display:grid;
  grid-template-columns:30px 1fr;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:9px;
  padding:9px 13px;
  border:1px solid rgba(74,150,32,.22);
  border-radius:15px;
  background:#f1f8ec;
  color:#1d5e13;
  text-align:left;
  cursor:pointer;
}
.aila-location-current>span{
  grid-row:1/3;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:10px;
  background:#58b51f;
  color:#fff;
  font-size:20px;
}
.aila-location-current b{font-size:13px;line-height:1.25}
.aila-location-current small{color:#71806d;font-size:10px;line-height:1.2}
.aila-location-current:disabled{opacity:.55;cursor:wait}
.aila-location-search{
  position:relative;
  min-width:0;
  display:flex;
  align-items:center;
}
.aila-location-search input{
  width:100%;
  height:54px;
  margin:0!important;
  padding:0 45px 0 16px!important;
  border:1px solid #dcddd8!important;
  border-radius:15px!important;
  background:#fafaf8!important;
  box-shadow:none!important;
  color:#191b20!important;
  font-size:14px!important;
  outline:0;
}
.aila-location-search input:focus{border-color:#9ca495!important;background:#fff!important}
.aila-location-search>span:last-child{
  position:absolute;
  right:16px;
  color:#8a8e96;
  font-size:22px;
  pointer-events:none;
}
.aila-location-dialog__status{
  flex:0 0 auto;
  margin:0;
  padding:0 20px 10px;
  color:#777d87;
  font-size:12px;
}
.aila-location-dialog__status[data-state="error"]{color:#b43d3d}
.aila-location-dialog__status[data-state="loading"]{color:#55704b}
.aila-location-dialog__content{
  flex:1 1 auto;
  min-height:180px;
  overflow:auto;
  padding:0 20px 20px;
  overscroll-behavior:contain;
}
.aila-location-dialog__footer{
  flex:0 0 auto;
  padding:9px 20px 11px;
  border-top:1px solid #ecece8;
  color:#a0a4ab;
  font-size:10px;
  text-align:right;
}
.aila-location-section{padding:15px 0 4px}
.aila-location-section+.aila-location-section{border-top:1px solid #efefec}
.aila-location-section--all{padding-top:4px;padding-bottom:13px}
.aila-location-section h3,
.aila-location-alphabet-group>h3{
  margin:0 0 10px;
  color:#7f848d;
  font-size:11px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.aila-location-popular{display:flex;flex-wrap:wrap;gap:7px}
.aila-location-popular button{
  padding:8px 12px;
  border:1px solid #e2e3de;
  border-radius:999px;
  background:#f8f8f5;
  color:#292c32;
  font-size:12px;
  font-weight:750;
  cursor:pointer;
}
.aila-location-popular button:hover{border-color:#cbd0c5;background:#f0f4eb}
.aila-location-regions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px 16px;
}
.aila-location-region{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 10px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#24272d;
  text-align:left;
  font-size:13px;
  font-weight:730;
  cursor:pointer;
}
.aila-location-region:hover{background:#f3f4f0}
.aila-location-region i{color:#a3a7ae;font-size:20px;font-style:normal}
.aila-location-option{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 11px;
  border:0;
  border-radius:11px;
  background:transparent;
  color:#21242a;
  text-align:left;
  cursor:pointer;
}
.aila-location-option:hover{background:#f4f5f1}
.aila-location-option>span{min-width:0;display:flex;flex-direction:column;gap:2px}
.aila-location-option strong{font-size:13px;line-height:1.25;font-weight:780}
.aila-location-option small{overflow:hidden;color:#92969e;font-size:10px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.aila-location-option>i{flex:0 0 auto;color:#acb0b6;font-size:20px;font-style:normal}
.aila-location-option--country{
  min-height:54px;
  border:1px solid #dfe7da;
  background:#f4f8f1;
}
.aila-location-option--country:hover{background:#edf5e8}
.aila-location-option--country strong{color:#286719;font-size:14px}
.aila-location-districts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px 12px;
}
.aila-location-alphabet-group{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:12px;
  padding:13px 0;
  border-top:1px solid #efefec;
}
.aila-location-alphabet-group>h3{margin:10px 0 0;color:#58a925;font-size:15px}
.aila-location-alphabet-list,
.aila-location-search-results{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:2px 12px;
}
.aila-location-search-results{padding-top:2px}

.aila-location-flat-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 16px;
  padding:2px 0 14px;
}
.aila-location-flat-list .aila-location-option{
  min-height:46px;
  border-bottom:1px solid #efefec;
  border-radius:0;
}
.aila-location-flat-list .aila-location-option:hover{border-radius:10px}

@media(max-width:800px){
  .aila-header .aila-city{max-width:150px!important;padding:0 11px!important}
  .aila-location-dialog{padding:0;place-items:end center}
  .aila-location-dialog__panel{
    width:100%;
    max-height:94dvh;
    border-right:0;
    border-bottom:0;
    border-left:0;
    border-radius:22px 22px 0 0;
  }
}
@media(max-width:620px){
  .aila-header .aila-city{height:40px!important;max-width:128px!important;border-radius:12px!important;font-size:12px!important}
  .aila-header .aila-city .aila-icon{display:flex!important}
  .aila-location-dialog__header{grid-template-columns:36px minmax(0,1fr) 36px;padding:14px 14px 11px}
  .aila-location-dialog__header h2{font-size:18px}
  .aila-location-dialog__header p{display:none}
  .aila-location-dialog__back,.aila-location-dialog__close{width:34px;height:34px;border-radius:10px}
  .aila-location-dialog__tools{grid-template-columns:1fr;padding:12px 14px 9px}
  .aila-location-current{min-height:50px}
  .aila-location-search input{height:50px!important}
  .aila-location-dialog__content{padding:0 14px 16px}
  .aila-location-dialog__status{padding:0 14px 8px}
  .aila-location-regions,.aila-location-districts,.aila-location-alphabet-list,.aila-location-search-results,.aila-location-flat-list{grid-template-columns:1fr}
  .aila-location-alphabet-group{grid-template-columns:28px minmax(0,1fr);gap:6px}
  .aila-location-dialog__footer{padding-right:14px}
}
@media(max-width:390px){
  .aila-header .aila-city{max-width:104px!important}
}

/* AILA 4.2.67: clear TOP label and a diagonal VIP corner ribbon. */
.aila-card--top .aila-card__visual{
  box-shadow:inset 0 3px 0 #baff3d;
}
.aila-card--vip{
  position:relative;
  background:linear-gradient(180deg,#f5ffe2 0%,#fff 70%);
  box-shadow:0 0 0 1px rgba(126,178,37,.34),0 16px 38px rgba(55,86,13,.15);
}
.aila-card--vip .aila-card__visual::before{
  content:"VIP";
  position:absolute;
  top:17px;
  left:-39px;
  z-index:5;
  width:126px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  transform:rotate(-45deg);
  color:#172000;
  background:linear-gradient(90deg,#7bca10 0%,#baff3d 50%,#d4ff7a 100%);
  box-shadow:0 4px 12px rgba(53,91,5,.3);
  font-size:10px;
  font-weight:950;
  line-height:1;
  letter-spacing:.14em;
  text-transform:uppercase;
  pointer-events:none;
}
.aila-card--vip .aila-card__badges{
  left:76px;
}
.aila-card--vip .aila-card__details span{
  background:#eaf8cf;
}
.aila-badge--top{
  color:#172000;
  background:#baff3d;
  text-transform:uppercase;
}
@media(max-width:620px){
  .aila-card--vip .aila-card__visual::before{
    top:14px;
    left:-38px;
    width:116px;
    height:27px;
    font-size:9px;
  }
  .aila-card--vip .aila-card__badges{
    left:68px;
  }
}