:root{--ec-ink:#131722;--ec-muted:#717784;--ec-line:#e8eaf0;--ec-bg:#f5f6f8;--ec-brand:#ee2b2f;--ec-card:#fff}
.ec-gallery{min-width:0;align-self:start;background:#f1f3f6}.ec-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:8px}.ec-thumb{padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#fff;cursor:pointer;aspect-ratio:4/3}.ec-thumb.is-active{border-color:var(--ec-brand)}.ec-thumb img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
*{box-sizing:border-box}.demo-shell{max-width:1280px;margin:0 auto;padding:32px 20px}body{margin:0;background:var(--ec-bg);color:var(--ec-ink);font-family:Inter,Arial,sans-serif}.ec-catalog{font-family:Inter,Arial,sans-serif}.ec-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.ec-head h2{font-size:clamp(28px,4vw,46px);line-height:1.05;margin:0 0 8px}.ec-head p{margin:0;color:var(--ec-muted)}.ec-count{font-size:14px;color:var(--ec-muted)}.ec-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:10px;padding:14px;background:#fff;border:1px solid var(--ec-line);border-radius:16px;margin-bottom:20px;box-shadow:0 8px 24px rgba(21,25,38,.04)}.ec-input,.ec-select{width:100%;height:46px;border:1px solid var(--ec-line);border-radius:10px;background:#fff;padding:0 13px;color:var(--ec-ink);font:inherit}.ec-reset{border:0;border-radius:10px;padding:0 18px;background:var(--ec-ink);color:#fff;cursor:pointer}.ec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ec-card{overflow:hidden;background:var(--ec-card);border:1px solid var(--ec-line);border-radius:18px;box-shadow:0 10px 30px rgba(18,22,33,.05);transition:.2s transform,.2s box-shadow}.ec-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(18,22,33,.1)}.ec-image{aspect-ratio:4/3;background:linear-gradient(180deg,#f4f5f7,#e8ebef);overflow:hidden;position:relative}.ec-image img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.ec-year{position:absolute;top:12px;left:12px;padding:6px 9px;border-radius:8px;background:rgba(255,255,255,.92);font-size:13px;font-weight:700}.ec-body{padding:17px}.ec-title{font-size:18px;line-height:1.3;margin:0 0 12px;min-height:47px}.ec-facts{display:flex;gap:7px;flex-wrap:wrap;color:var(--ec-muted);font-size:13px;margin-bottom:16px}.ec-fact{padding:6px 8px;background:var(--ec-bg);border-radius:7px}.ec-price{font-size:21px;font-weight:800;margin:0 0 15px}.ec-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ec-btn{height:42px;border-radius:10px;border:1px solid var(--ec-line);background:#fff;color:var(--ec-ink);font:600 14px/1 inherit;cursor:pointer}.ec-btn--primary{border-color:var(--ec-brand);background:var(--ec-brand);color:#fff}.ec-empty,.ec-loading,.ec-error{padding:48px 20px;text-align:center;background:#fff;border:1px solid var(--ec-line);border-radius:16px;color:var(--ec-muted)}.ec-modal[hidden]{display:none}.ec-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:20px;background:rgba(12,15,22,.72)}.ec-dialog{width:min(980px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;position:relative}.ec-close{position:absolute;z-index:2;right:12px;top:12px;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.94);font-size:24px;cursor:pointer}.ec-detail{display:grid;grid-template-columns:1.15fr 1fr}.ec-detail-image{height:440px;display:grid;place-items:center;padding:12px;background:linear-gradient(180deg,#f4f5f7,#e7eaee)}.ec-detail-image img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.ec-detail-body{padding:34px}.ec-detail-body h3{font-size:26px;line-height:1.2;margin:0 0 8px}.ec-trim{margin:0 0 14px;color:var(--ec-muted);font-size:14px;line-height:1.35}.ec-detail-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0 26px}.ec-detail-list>div{padding:10px 11px;border-radius:10px;background:var(--ec-bg)}.ec-detail-list span{display:block;color:var(--ec-muted);font-size:11px;margin-bottom:3px}.ec-detail-list strong{font-size:14px;line-height:1.25}.ec-detail-actions{display:grid;gap:9px}.ec-source{font-size:12px;color:var(--ec-muted);text-align:center;text-decoration:none}.ec-note{font-size:12px;color:var(--ec-muted);margin-top:12px}.ec-card button:focus-visible,.ec-input:focus,.ec-select:focus{outline:3px solid rgba(238,43,47,.18);outline-offset:1px}
.ec-filters{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:34px;border-radius:26px;box-shadow:0 12px 38px rgba(21,25,38,.08)}.ec-input,.ec-select{height:52px;border-color:#d9dbe1;font-weight:600}.ec-select:disabled{color:#a9abb1;background:#fafafa}.ec-range{display:grid;grid-template-columns:1fr 1fr;grid-column:span 2}.ec-range .ec-input:first-child{border-radius:10px 0 0 10px;border-right:0}.ec-range .ec-input:last-child{border-radius:0 10px 10px 0}.ec-reset{height:52px;border:1px solid #d9dbe1;background:#fff;color:var(--ec-ink);font:700 15px/1 inherit}.ec-search{grid-column:4/6;height:52px;border:0;border-radius:10px;background:var(--ec-brand);color:#fff;font:800 17px/1 inherit;cursor:pointer}.ec-search:hover{filter:brightness(.94)}
@media(max-width:900px){.ec-filters{grid-template-columns:1fr 1fr;padding:22px}.ec-range{grid-column:span 2}.ec-search{grid-column:span 1}.ec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-detail{grid-template-columns:1fr}.ec-detail-image{height:330px;min-height:0}.ec-head{align-items:start;flex-direction:column}}
.ec-select[hidden]{display:none}.ec-image img[data-open]{cursor:pointer}.ec-detail-image img[data-zoom-photo]{cursor:zoom-in}.ec-lightbox[hidden]{display:none}.ec-lightbox{position:fixed;inset:0;z-index:1000000;display:grid;place-items:center;padding:28px 80px;background:rgba(5,7,11,.94)}.ec-lightbox img{display:block;max-width:calc(96vw - 120px);max-height:88vh;object-fit:contain}.ec-lightbox-close{position:fixed;right:18px;top:18px;width:46px;height:46px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:var(--ec-ink);font-size:30px;line-height:1;cursor:pointer}.ec-lightbox-nav{position:fixed;top:50%;transform:translateY(-50%);width:54px;height:70px;border:0;border-radius:14px;background:rgba(255,255,255,.9);color:var(--ec-ink);font-size:44px;line-height:1;cursor:pointer}.ec-lightbox-prev{left:18px}.ec-lightbox-next{right:18px}.ec-lightbox-counter{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);padding:7px 12px;border-radius:999px;background:rgba(0,0,0,.5);color:#fff;font-size:14px}
@media(max-width:580px){.demo-shell{padding:22px 12px}.ec-filters{grid-template-columns:1fr;padding:16px}.ec-range{grid-column:span 1}.ec-search{grid-column:auto}.ec-grid{grid-template-columns:1fr}.ec-title{min-height:0}.ec-detail-body{padding:24px 18px}.ec-detail-list{grid-template-columns:1fr 1fr}.ec-actions{grid-template-columns:1fr}.ec-dialog{border-radius:14px}.ec-lightbox{padding:12px 42px}.ec-lightbox img{max-width:calc(100vw - 84px);max-height:84vh}.ec-lightbox-close{right:10px;top:10px}.ec-lightbox-nav{width:36px;height:56px;font-size:34px;border-radius:9px}.ec-lightbox-prev{left:4px}.ec-lightbox-next{right:4px}}
.ec-btn{display:flex;align-items:center;justify-content:center;text-decoration:none}
.ec-actions .ec-btn,.ec-detail-actions .ec-btn{width:100%;min-height:54px;height:54px;padding:0 18px;border-radius:12px;font:700 15px/1.1 Inter,Arial,sans-serif;white-space:nowrap}
.ec-actions .ec-btn:not(.ec-btn--primary){border:2px solid var(--ec-line);background:#fff;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.ec-actions .ec-btn:not(.ec-btn--primary):hover{border-color:var(--ec-ink);background:#f8f9fb;transform:translateY(-1px)}
.ec-catalog{padding:56px clamp(16px,3vw,48px) 0}
.ec-search{width:100%!important;min-height:64px!important;height:64px!important;padding:0 28px!important;border:0!important;border-radius:14px!important;background:var(--ec-brand)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font:800 18px/1.1 Inter,Arial,sans-serif!important;letter-spacing:.01em!important;cursor:pointer!important;box-shadow:0 10px 24px rgba(238,43,47,.2)!important;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important}
.ec-search:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(238,43,47,.28)!important;filter:brightness(.98)}
.ec-search:active{transform:translateY(0)}
.ec-search:disabled{cursor:wait!important;opacity:.7;transform:none;box-shadow:none!important}
@media(max-width:760px){.ec-catalog{padding:32px 14px 0}.ec-search{min-height:56px!important;height:56px!important;font-size:16px!important}.ec-actions .ec-btn,.ec-detail-actions .ec-btn{min-height:52px;height:52px;font-size:15px}}
.ec-reset{width:100%!important;min-height:64px!important;height:64px!important;padding:0 24px!important;border:2px solid var(--ec-line)!important;border-radius:14px!important;background:#fff!important;color:var(--ec-ink)!important;display:flex!important;align-items:center!important;justify-content:center!important;font:700 17px/1 Inter,Arial,sans-serif!important;cursor:pointer!important;transition:border-color .2s ease,background .2s ease,transform .2s ease!important}
.ec-reset:hover{border-color:var(--ec-ink)!important;background:#f8f9fb!important;transform:translateY(-1px)}
.ec-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;min-height:46px}
.ec-active-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}
.ec-active-filters button{display:flex;align-items:center;gap:8px;min-height:38px;padding:7px 11px;border:1px solid var(--ec-line);border-radius:999px;background:#fff;color:var(--ec-ink);font:600 13px/1.2 Inter,Arial,sans-serif;cursor:pointer}
.ec-active-filters button:hover{border-color:var(--ec-brand);color:var(--ec-brand)}
.ec-active-filters b{font-size:17px;line-height:1}
.ec-sort-label{display:flex;align-items:center;gap:10px;color:var(--ec-muted);font:600 13px/1 Inter,Arial,sans-serif;white-space:nowrap}
.ec-sort{min-width:190px;height:44px;padding:0 38px 0 13px;border:1px solid var(--ec-line);border-radius:10px;background:#fff;color:var(--ec-ink);font:600 14px/1 Inter,Arial,sans-serif}
.ec-more{display:flex;width:min(360px,100%);min-height:58px;margin:28px auto 0;align-items:center;justify-content:center;border:2px solid var(--ec-ink);border-radius:14px;background:#fff;color:var(--ec-ink);font:800 16px/1 Inter,Arial,sans-serif;cursor:pointer;transition:.2s ease}
.ec-more:hover{background:var(--ec-ink);color:#fff;transform:translateY(-2px)}
.ec-more[hidden]{display:none}
.ec-empty{display:flex;flex-direction:column;gap:8px}.ec-empty strong{color:var(--ec-ink);font-size:18px}.ec-empty span{font-size:14px}
.ec-body>.ec-price{margin-bottom:3px}.ec-price-note{margin:0 0 15px;color:var(--ec-muted);font-size:11px;line-height:1.35}
.ec-skeleton{overflow:hidden;min-height:430px;border:1px solid var(--ec-line);border-radius:18px;background:#fff}.ec-skeleton div{height:250px;background:#e9ebef}.ec-skeleton i{display:block;height:18px;margin:18px 18px 0;border-radius:7px;background:#e9ebef}.ec-skeleton i:nth-child(3){width:62%}.ec-skeleton i:nth-child(4){width:78%}.ec-skeleton div,.ec-skeleton i{position:relative;overflow:hidden}.ec-skeleton div:after,.ec-skeleton i:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:ec-shimmer 1.2s infinite}@keyframes ec-shimmer{to{transform:translateX(100%)}}
@media(max-width:760px){.ec-reset{min-height:56px!important;height:56px!important;font-size:16px!important}.ec-toolbar{align-items:stretch;flex-direction:column}.ec-sort-label{justify-content:space-between}.ec-sort{flex:1;min-width:0}.ec-skeleton{min-height:390px}.ec-skeleton div{height:230px}}
.ec-reset{min-height:52px!important;height:52px!important;padding:0 18px!important;border-width:1px!important;border-radius:10px!important;font-size:15px!important;box-shadow:none!important}
@media(max-width:900px){.ec-filters{gap:12px}.ec-reset{min-height:52px!important;height:52px!important}.ec-toolbar{margin-top:2px}.ec-dialog{width:min(720px,100%);max-height:92dvh}}
@media(max-width:580px){.ec-catalog{padding:28px 12px 0}.ec-head{gap:8px;margin-bottom:18px}.ec-head h2{font-size:30px}.ec-head p{font-size:14px;line-height:1.45}.ec-count{font-size:13px}.ec-filters{gap:10px;padding:14px;border-radius:18px}.ec-range{grid-template-columns:1fr}.ec-input,.ec-select,.ec-reset{min-height:52px!important;height:52px!important;font-size:15px!important}.ec-search{min-height:56px!important;height:56px!important}.ec-toolbar{gap:12px;margin-bottom:16px}.ec-sort-label{display:grid;grid-template-columns:auto 1fr}.ec-sort{width:100%}.ec-grid{gap:14px}.ec-card{border-radius:16px}.ec-image{aspect-ratio:4/3}.ec-body{padding:15px}.ec-actions{grid-template-columns:1fr 1fr}.ec-actions .ec-btn{padding:0 10px;font-size:14px}.ec-modal{padding:8px}.ec-dialog{width:100%;max-height:95dvh;border-radius:14px}.ec-detail-image{height:min(68vw,290px);padding:8px}.ec-detail-body{padding:22px 16px}.ec-detail-body h3{padding-right:34px;font-size:23px}.ec-detail-list{gap:7px}.ec-detail-list>div{padding:9px}.ec-detail-list strong{overflow-wrap:anywhere}.ec-thumbs{padding:8px}.ec-more{min-height:54px;margin-top:20px}.ec-active-filters{gap:6px}.ec-active-filters button{font-size:12px}.ec-skeleton{min-height:380px}.ec-skeleton div{height:auto;aspect-ratio:4/3}}
@media(max-width:380px){.ec-head h2{font-size:27px}.ec-actions{grid-template-columns:1fr}.ec-detail-list{grid-template-columns:1fr}.ec-sort-label{grid-template-columns:1fr;gap:8px}.ec-lightbox{padding:8px 36px}}
.ec-catalog{width:100%;max-width:100%;min-width:0;overflow-x:hidden;overflow-x:clip}.ec-catalog *{min-width:0}.ec-filters>*{max-width:100%}.ec-card,.ec-grid,.ec-toolbar{max-width:100%}
.ec-modal,.ec-lightbox{width:100vw;width:100dvw;max-width:100vw;max-width:100dvw;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overscroll-behavior:contain}
.ec-dialog{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.ec-lightbox{touch-action:pan-y;user-select:none;-webkit-user-select:none}.ec-lightbox img{-webkit-user-drag:none}.ec-swipe-hint{display:none}
@media(max-width:580px){.ec-modal{align-items:center;justify-items:center;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.ec-dialog{max-width:calc(100dvw - 16px);max-height:calc(100dvh - 16px);margin:0}.ec-lightbox{padding:max(10px,env(safe-area-inset-top)) max(40px,env(safe-area-inset-right)) max(36px,env(safe-area-inset-bottom)) max(40px,env(safe-area-inset-left))}.ec-lightbox img{max-width:calc(100dvw - 80px);max-height:calc(100dvh - 100px)}.ec-swipe-hint{display:block;position:fixed;left:50%;bottom:max(48px,calc(env(safe-area-inset-bottom) + 42px));transform:translateX(-50%);width:max-content;max-width:80vw;color:rgba(255,255,255,.75);font-size:12px;text-align:center}.ec-lightbox-counter{bottom:max(14px,env(safe-area-inset-bottom))}}
@media(max-width:760px){html.ec-page,html.ec-page body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.ec-catalog{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important;padding-left:14px!important;padding-right:14px!important;padding-bottom:120px!important}.ec-toolbar{display:block!important;width:100%!important;max-width:100%!important}.ec-active-filters:not(:empty){margin-bottom:12px}.ec-sort-label{display:block!important;width:100%!important;max-width:100%!important;white-space:normal!important;font-size:0!important}.ec-sort{display:block!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;height:52px!important;margin:0!important;padding:0 40px 0 14px!important;font-size:15px!important}.ec-grid{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important}.ec-card{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important}}