/* Start:/bitrix/templates/indecor_redesign/css/brand-directory.css?17911446149933*/
/* Canonical directory, replacing its previous stylesheet. */
.brand-directory{--brand-paper:#f0ede8;--brand-ink:#282725;--brand-muted:#817970;--brand-line:#ded7ce;--brand-red:#ad302b;background:var(--brand-paper);color:var(--brand-ink);font-family:Arial,Helvetica,sans-serif}
.brand-directory,.brand-directory *{box-sizing:border-box}.brand-directory a{color:inherit;text-decoration:none}
body:has([data-brand-directory]) #content>.wrapper_inner.custom,body:has([data-brand-directory]) #content .container_inner,body:has([data-brand-directory]) #content .right_block,body:has([data-brand-directory]) #content .right_block>.middle,body:has([data-brand-directory]) #content .right_block>.middle>.container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important}
body:has([data-brand-directory]) #content .page-top,body:has([data-brand-directory]) #content .left_block{display:none!important}
html:has([data-brand-directory]),body.indecor-inner-route:has([data-brand-directory]),body:has([data-brand-directory]) #content,body:has([data-brand-directory]) #content>.wrapper_inner.custom{background:#f0ede8!important}
.brand-directory__wrap,.brand-directory-help__inner{width:min(1944px,calc(100% - 32px));margin:0 auto}
.brand-directory__breadcrumbs{display:flex;gap:12px;align-items:center;padding:0;margin:0 0 16px;font-size:12px;line-height:1.4;color:#928a80}.brand-directory__breadcrumbs>span:nth-child(2){color:#bfb7ac}
.brand-directory__intro{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px 30px;padding:19px 24px 0;margin-bottom:20px;border:1px solid #fff;border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(245,243,240,.30));box-shadow:0 8px 25px rgba(71,61,48,.055)}
.brand-directory__hero{display:flex;gap:17px;align-items:baseline;min-width:0}.brand-directory h1,.brand-directory h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;margin:0}
.brand-directory__hero h1{font-size:clamp(38px,3.3vw,54px);line-height:1.08;letter-spacing:-.025em;color:var(--brand-ink)}.brand-directory__stats{white-space:nowrap;color:var(--brand-muted);font-size:14px;line-height:1.4}
.brand-directory__controls{min-width:0;justify-self:end}.brand-directory__countries{display:flex;gap:7px;flex-wrap:wrap}
.brand-directory__countries button{min-height:40px;padding:9px 15px;background:transparent;color:#625a51;font:14px/1.3 Arial,sans-serif;border:1px solid transparent;border-radius:7px;cursor:pointer;transition:border-color .18s,background-color .18s,color .18s}.brand-directory__countries button.is-active,.brand-directory__countries button:hover{background:rgba(255,255,255,.85);border-color:var(--brand-red);color:var(--brand-red)}
.brand-directory__alphabet{grid-column:1/-1;display:flex;gap:clamp(3px,.65vw,13px);align-items:center;flex-wrap:wrap;border-top:1px solid var(--brand-line);padding:10px 0 12px;min-width:0}.brand-directory__alphabet button{min-width:28px;min-height:34px;border:0;border-radius:5px;padding:6px;background:transparent;color:#71685e;font:17px/1 Georgia,serif;cursor:pointer;transition:color .16s,background-color .16s}.brand-directory__alphabet button:hover,.brand-directory__alphabet button.is-active{color:var(--brand-red);background:rgba(173,48,43,.045)}.brand-directory__alphabet-toggle{display:none}
.brand-directory__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;padding:0 0 60px}
.brand-directory-card{display:flex;flex-direction:column;min-width:0;border:1px solid #dcd6ce;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#fff,#faf9f6);box-shadow:0 4px 18px rgba(59,48,34,.04);transform-origin:0 0;transition:transform .32s cubic-bezier(.22,.61,.36,1),box-shadow .32s ease,border-color .32s ease}.brand-directory-card[hidden]{display:none!important}
.brand-directory-card__logo{display:flex;align-items:center;justify-content:center;height:126px;padding:20px;flex-shrink:0;background:transparent}.brand-directory-card__logo-frame{display:block;position:relative;overflow:hidden;--logo-height:84px;width:min(185px,100%,calc(var(--logo-height)*var(--logo-aspect,2.2)));height:auto;aspect-ratio:var(--logo-aspect,2.2)}.brand-directory-card__logo img{position:absolute;display:block;max-width:none!important;max-height:none!important;object-fit:fill;width:100%;height:100%}.brand-directory-card__logo img:not([data-logo-bounds]){position:static;object-fit:contain;max-width:100%!important;max-height:100%!important}.brand-directory-card__logo>span{font:400 44px/1 Georgia,serif;color:var(--brand-red)}
.brand-directory-card__body{padding:16px 17px 17px;border-top:1px solid #e9e3db;display:flex;flex-direction:column;flex:1;gap:10px}.brand-directory-card__body h2{font-size:clamp(18px,1.4vw,23px);line-height:1.2;overflow-wrap:anywhere;min-height:2.4em}.brand-directory-card__body h2 a:hover{color:var(--brand-red)}.brand-directory-card__body>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;color:var(--brand-muted);font-size:12px;line-height:1.35;flex-wrap:wrap}.brand-directory-card__body>div a{color:var(--brand-red);white-space:nowrap}
.brand-directory__empty{margin:0;padding:15px 0 60px;color:var(--brand-muted);font-size:14px}.brand-directory__empty[hidden]{display:none}
.brand-directory-help{background:var(--brand-paper)}.brand-directory-help__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:42px 0;gap:35px;align-items:center}.brand-directory-help p{margin:0 0 14px;color:var(--brand-muted);font-size:11px;letter-spacing:.14em}.brand-directory-help h2{font-size:clamp(28px,2.8vw,44px);line-height:1.15}.brand-directory-help span{display:block;max-width:680px;margin-top:14px;color:#67615b;font-size:14px;line-height:1.5}.brand-directory-help__actions{display:flex;gap:12px;flex-wrap:wrap}.brand-directory-help__actions a{display:inline-flex;min-height:48px;padding:10px 22px;align-items:center;border:1px solid #9a8b7c;border-radius:8px;font-weight:600}.brand-directory-help__actions a.is-primary{border-color:var(--brand-red);background:var(--brand-red);color:#fff}
@media(min-width:1760px){.brand-directory__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}}
@media(max-width:1180px){.brand-directory__intro{grid-template-columns:1fr;gap:12px}.brand-directory__controls{justify-self:start}.brand-directory__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1050px){.brand-directory__wrap,.brand-directory-help__inner{width:calc(100% - 64px)}.brand-directory__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.brand-directory__wrap,.brand-directory-help__inner{width:calc(100% - 40px)}.brand-directory__intro{padding:16px 18px 0}.brand-directory__countries button{font-size:13px;padding:8px 12px}.brand-directory-help__inner{grid-template-columns:1fr;gap:22px}}
@media(max-width:767px){.brand-directory__wrap,.brand-directory-help__inner{width:100%}.brand-directory__breadcrumbs{padding:0 9px;margin-bottom:12px}.brand-directory__intro{border-radius:10px;padding:15px 13px 0;gap:11px;margin-bottom:16px}.brand-directory__hero{justify-content:space-between;gap:10px}.brand-directory__hero h1{font-size:36px}.brand-directory__stats{font-size:12px}.brand-directory__countries{gap:2px}.brand-directory__countries button{padding:9px;min-height:44px;font-size:12px}.brand-directory__alphabet-toggle{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-top:1px solid var(--brand-line);background:transparent;min-height:44px;padding:8px 0;font:12px/1.3 Arial,sans-serif;color:var(--brand-muted);cursor:pointer}.brand-directory__alphabet-toggle span{color:var(--brand-red)}.brand-directory__alphabet{display:none;gap:4px;padding-top:0;border-top:0}.brand-directory.is-alphabet-open .brand-directory__alphabet{display:flex}.brand-directory__alphabet button{min-width:36px;min-height:44px;font-size:16px}.brand-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-bottom:40px}.brand-directory-card{border-radius:10px}.brand-directory-card__logo{height:106px;padding:14px 12px}.brand-directory-card__logo-frame{--logo-height:76px}.brand-directory-card__body{padding:12px;gap:9px}.brand-directory-card__body h2{font-size:17px;line-height:1.2}.brand-directory-card__body>div{font-size:11px;gap:6px}.brand-directory-help__inner{padding:30px 12px}.brand-directory-help__actions a{padding:10px 16px}.brand-directory__empty{padding-left:12px;padding-right:12px}}
@media(max-width:359px){.brand-directory-card__body{padding:10px}.brand-directory-card__body h2{font-size:15px}.brand-directory__countries button{padding:9px 7px}}
@media(hover:hover) and (pointer:fine){.brand-directory-card:hover,.brand-directory-card:focus-within{transform:translate3d(0,-4px,0);border-color:var(--brand-red);box-shadow:0 12px 28px rgba(73,52,39,.1)}}
@media(prefers-reduced-motion:no-preference){
@keyframes indecor-brand-unfold{0%{opacity:0;clip-path:inset(0 100% 100% 0);transform:perspective(900px) rotateX(-7deg) rotateY(9deg) translate3d(-8px,-6px,0) scale(.96)}55%{opacity:1}100%{opacity:1;clip-path:inset(0);transform:perspective(900px) rotateX(0) rotateY(0) translate3d(0,0,0) scale(1)}}
@keyframes indecor-alpha-wave{0%{opacity:0;transform:translate3d(-10px,12px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}
.brand-directory-card.is-revealing{animation:indecor-brand-unfold .72s cubic-bezier(.22,.61,.36,1) var(--indecor-brand-delay,0ms) backwards}.brand-directory__alphabet.is-revealing button{animation:indecor-alpha-wave .5s cubic-bezier(.22,.61,.36,1) var(--indecor-alpha-delay,0ms) backwards}}
.brand-directory.is-fast-scroll .brand-directory-card.is-revealing{animation:none!important}
@media(prefers-reduced-motion:reduce){.brand-directory-card,.brand-directory__alphabet button{transition:none}.brand-directory-card:hover{transform:none}}

/* End */
/* /bitrix/templates/indecor_redesign/css/brand-directory.css?17911446149933 */