/* DH-Security modern UI layer. Additive only: colors, texts and structure come from the base theme. */
:root{
  --dh-primary:rgb(79,67,227);
  --dh-link:rgb(0,99,247);
  --dh-navy:rgb(40,33,130);
  --dh-ease:cubic-bezier(.22,.8,.3,1);
  --dh-r:14px;
  --dh-sh-1:0 1px 2px rgba(40,41,61,.05),0 4px 12px rgba(40,41,61,.06);
  --dh-sh-2:0 6px 14px rgba(40,41,61,.08),0 18px 40px rgba(79,67,227,.16);
}
html{scroll-behavior:smooth}
::selection{background:rgba(79,67,227,.85);color:#fff}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{transition:color .2s ease,opacity .2s ease}

/* scroll progress bar */
#dh-progress{position:fixed;left:0;top:0;height:3px;width:100%;z-index:14000;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--dh-navy),var(--dh-primary),var(--dh-link));pointer-events:none}

/* top nav + header */
#top{transition:box-shadow .3s ease}
.top-left-links li a,.top-left li a{position:relative;transition:color .2s ease,opacity .2s ease}
.top-left-links li a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;border-radius:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--dh-ease)}
.top-left-links li a:hover::after{transform:scaleX(1)}
.top-left li a:hover,.top-left-links li a:hover{text-decoration:none!important}
.header{transition:box-shadow .3s ease,background-color .3s ease}
body.dh-scrolled .header{box-shadow:0 8px 28px rgba(40,41,61,.10)}
#logo img{transition:transform .5s var(--dh-ease),filter .3s ease}
#logo:hover img{transform:scale(1.05)}

/* inputs */
.form-control,.form-select,#input_search{transition:box-shadow .25s ease,border-color .25s ease,background-color .25s ease}
.form-control:focus,.form-select:focus,#input_search:focus{box-shadow:0 0 0 4px rgba(79,67,227,.16)!important;border-color:var(--dh-primary)!important}

/* buttons */
.sc-btn{transition:transform .25s var(--dh-ease),box-shadow .25s ease,background-color .25s ease,color .25s ease,border-color .25s ease;-webkit-filter:none;filter:none;box-shadow:var(--dh-sh-1)}
.sc-btn.no-btn,.sc-btn.sc-btn-with-icon.no-btn,.sc-top-btn{box-shadow:none}
.sc-btn:not([disabled]):not(.no-btn):hover{transform:translateY(-2px);box-shadow:var(--dh-sh-2)}
.sc-btn:not([disabled]):active{transform:translateY(0) scale(.97);box-shadow:var(--dh-sh-1)}
.sc-btn{position:relative;overflow:hidden}
.dh-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.45);transform:scale(0);animation:dhRipple .6s ease-out forwards;pointer-events:none}
@keyframes dhRipple{to{transform:scale(4);opacity:0}}
.sc-btn-icon{transition:transform .3s var(--dh-ease),background-color .25s ease}
.sc-btn:hover .sc-btn-icon-chevron{transform:translateX(2px)}

.sc-module-sticker{animation:dhPop .5s var(--dh-ease) both}
@keyframes dhPop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}
/* hero slideshow */
.sc-slideshow-plus-item-img img{transition:transform 6s ease-out}
.slick-active .sc-slideshow-plus-item-img img{transform:scale(1.05)}
.sc-slideshow-plus-item .sc-slideshow-plus-text>*{opacity:0;transform:translateY(22px)}
.slick-active .sc-slideshow-plus-item .sc-slideshow-plus-text>*,.sc-slideshow-plus-item.slick-active .sc-slideshow-plus-text>*{animation:dhUp .8s var(--dh-ease) forwards}
.slick-active .sc-slideshow-plus-text>*:nth-child(2){animation-delay:.12s}
.slick-active .sc-slideshow-plus-text>*:nth-child(3){animation-delay:.24s}
.slick-active .sc-slideshow-plus-text>*:nth-child(4){animation-delay:.36s}
@keyframes dhUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

/* dropdowns appear softly (menu is handled in the "Mega menu v2" section) */
.sc-dropdown-box,.sc-livesearch{animation:dhFade .28s var(--dh-ease)}
@keyframes dhFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* floating contact button */
#sc_fixed_contact_button{transition:transform .3s var(--dh-ease)}
#sc_fixed_contact_button:hover{transform:scale(1.1) rotate(-6deg)}

/* footer */
.sc-footer a{transition:color .2s ease,transform .25s var(--dh-ease),opacity .2s ease}
.sc-footer .top-left-links li a:hover{transform:translateX(3px)}
.sc-footer-socials-item,.sc-footer a[target=_blank]{transition:transform .3s var(--dh-ease)}
.sc-footer a[target=_blank]:hover{transform:translateY(-3px) scale(1.12)}

/* tables, pagination, alerts, modals */
.pagination li a,.pagination li span{transition:background-color .2s ease,color .2s ease,transform .2s var(--dh-ease)}
.pagination li a:hover{transform:translateY(-2px)}
.modal.fade .modal-dialog{transition:transform .35s var(--dh-ease),opacity .25s ease}
.modal-content{border-radius:18px;border:0;box-shadow:0 24px 60px rgba(40,41,61,.25)}
.sc-alert{border-radius:12px;animation:dhSlideIn .45s var(--dh-ease) both}
@keyframes dhSlideIn{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}

/* product page */
.sc-product-tab{transition:color .2s ease,border-color .3s ease}
.thumbnails img,.sc-product-gallery img{transition:transform .5s var(--dh-ease)}

/* scroll reveal (class is added by JS only, so no-JS users see everything) */
.dh-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s var(--dh-ease);transition-delay:var(--dh-d,0s);will-change:opacity,transform}
.dh-reveal.dh-in{opacity:1;transform:none}
.sc-module-item.dh-reveal.dh-in{transition:opacity .7s ease,transform .7s var(--dh-ease)}

@media(hover:none){
  .sc-module-item:hover .content-block,.sc-last-news-item:hover .content-block{transform:none}
  .sc-module-item:hover .sc-module-img img{transform:none}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .dh-reveal{opacity:1;transform:none}
  .sc-slideshow-plus-item .sc-slideshow-plus-text>*{opacity:1;transform:none}
}

/* ===== Cards v2: product cards ("Новые поступления" etc.) and news cards ===== */
:root{--dh-card-bd:#eceef5;--dh-red:#d92329}

/* headings: same centered look for every block */
.sc-module-header{text-align:center!important;margin-bottom:20px!important}

/* --- product cards: vertical layout, image on top, text below --- */
.sc-module[data-type=split] .sc-module-item{display:flex;padding-left:calc(var(--bs-gutter-x,1.5rem)*.5);padding-right:calc(var(--bs-gutter-x,1.5rem)*.5)}
.sc-module[data-type=split] .sc-module-item .content-block{
  flex:1 1 auto;width:100%;height:auto!important;flex-direction:column!important;flex-wrap:nowrap!important;
  padding:0!important;border:1px solid var(--dh-card-bd);border-radius:18px;background:#fff;overflow:hidden;position:relative;
  box-shadow:0 1px 2px rgba(40,41,61,.04),0 6px 18px rgba(40,41,61,.05);
  transition:transform .4s var(--dh-ease),box-shadow .4s ease,border-color .3s ease}
.sc-module[data-type=split] .sc-module-item .content-block::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;z-index:3;
  background:linear-gradient(90deg,var(--dh-primary),var(--dh-link));transform:scaleX(0);transform-origin:left;transition:transform .5s var(--dh-ease)}
.sc-module[data-type=split] .sc-module-item:hover .content-block{transform:translateY(-6px);border-color:rgba(79,67,227,.35);box-shadow:0 10px 24px rgba(40,41,61,.08),0 22px 44px rgba(79,67,227,.16)}
.sc-module[data-type=split] .sc-module-item:hover .content-block::before{transform:scaleX(1)}

.sc-module[data-type=split] .sc-module-img{
  flex:0 0 auto!important;max-width:100%!important;width:100%;padding:.5rem!important;aspect-ratio:1/1;border-radius:0;
  background:#fff;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #f1f2f7}
.sc-module[data-type=split] .sc-module-img>a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.sc-module[data-type=split] .sc-module-img img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;margin:0;mix-blend-mode:multiply}
.sc-module[data-type=split] .sc-module-stickers{position:absolute;left:.75rem;top:.25rem;z-index:2}

.sc-module[data-type=split] .sc-module-caption{
  flex:1 1 auto!important;max-width:100%!important;width:100%;display:flex;flex-direction:column;
  padding:.75rem 1rem 1rem!important;height:auto!important;justify-content:flex-start!important}
.sc-module[data-type=split] .sc-module-info{flex:0 0 auto;line-height:1.3}
.sc-module[data-type=split] .sc-module-title{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
  font-size:.9rem;line-height:1.35;min-height:calc(1.35em*3);text-decoration:none}
.sc-module[data-type=split] .sc-module-title:hover{text-decoration:none}
.sc-module[data-type=split] .in-stock{margin:.5rem 0 0}
.sc-module[data-type=split] .in-stock p{margin:0;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.4rem}
.sc-module[data-type=split] .in-stock .true-stock::before{content:"";width:7px;height:7px;border-radius:50%;background:#06c270;box-shadow:0 0 0 0 rgba(6,194,112,.5);animation:dhPulse 2.2s infinite}
@keyframes dhPulse{70%{box-shadow:0 0 0 7px rgba(6,194,112,0)}100%{box-shadow:0 0 0 0 rgba(6,194,112,0)}}
.sc-module[data-type=split] .sc-module-model{margin-top:.35rem!important;font-size:.7rem;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-module[data-type=split] .sc-module-price-box{
  margin-top:auto!important;padding:.7rem 0 0!important;border-top:1px dashed #e3e6ef;flex:0 0 auto}
.sc-module[data-type=split] .sc-module-info+.sc-module-price-box{margin-top:.75rem!important}
.sc-module[data-type=split] .sc-module-price{font-size:1.2rem;margin:0!important;transform-origin:left center}

/* --- news cards --- */
.sc-last-news-item{padding-left:calc(var(--bs-gutter-x,1.5rem)*.5);padding-right:calc(var(--bs-gutter-x,1.5rem)*.5);display:flex}
.sc-last-news-item:hover{transform:none;box-shadow:none}
.sc-last-news-item .content-block.h-100{
  flex:1 1 auto;width:100%;height:auto!important;flex-direction:column!important;flex-wrap:nowrap!important;padding:0!important;
  border:1px solid var(--dh-card-bd);border-radius:18px;background:#fff;overflow:hidden;position:relative;
  box-shadow:0 1px 2px rgba(40,41,61,.04),0 6px 18px rgba(40,41,61,.05);
  transition:transform .4s var(--dh-ease),box-shadow .4s ease,border-color .3s ease}
.sc-last-news-item:hover .content-block.h-100{transform:translateY(-6px);border-color:rgba(79,67,227,.35);box-shadow:0 10px 24px rgba(40,41,61,.08),0 22px 44px rgba(79,67,227,.16)}
.sc-last-news-item .content-block>a:first-child{flex:0 0 auto;width:100%;display:block;aspect-ratio:16/10;overflow:hidden;position:relative}
.sc-last-news-item .content-block>a:first-child::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,28,40,0) 55%,rgba(28,28,40,.28));opacity:.6;transition:opacity .4s ease}
.sc-last-news-item:hover .content-block>a:first-child::after{opacity:1}
.sc-last-news-item img{width:100%!important;height:100%!important;object-fit:cover;display:block}
.sc-last-news-item .sc-last-news-caption{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start!important;padding:0 0 1rem;position:relative}
.sc-last-news-item .sc-last-news-info{order:0!important;padding:.9rem 1rem .25rem!important}
.sc-last-news-item .sc-last-news-item-date{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem .65rem;border-radius:999px;background:rgba(79,67,227,.08);color:var(--dh-primary);font-weight:600;line-height:1.4}
.sc-last-news-item .sc-last-news-item-date::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--dh-red)}
.sc-last-news-item .sc-last-news-title{
  order:1!important;padding:.25rem 1rem 0!important;font-size:1rem;line-height:1.35;text-decoration:none;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
  background:linear-gradient(currentColor,currentColor) 1rem 100%/0 2px no-repeat;transition:color .25s ease,background-size .4s var(--dh-ease)}
.sc-last-news-item .sc-last-news-title:hover{text-decoration:none}
.sc-last-news-item:hover .sc-last-news-title{color:var(--dh-link)}

@media(max-width:575.98px){
  .sc-module[data-type=split] .sc-module-item{width:50%}
  .sc-module[data-type=split] .sc-module-title{font-size:.82rem}
  .sc-last-news-item{width:100%}
}

/* ===== Mega menu v2 =====
   NB: never put transform/filter/position on .sc-megamenu-list-item or its <li>: sub-menus are position:absolute
   and a transformed ancestor would become their containing block and break their position. */
.sc-megamenu-list,.sc-megamenu-child{border:1px solid #eceef5;border-radius:16px;
  box-shadow:0 12px 32px rgba(40,41,61,.12),0 2px 6px rgba(40,41,61,.05)}
.sc-megamenu.active .sc-megamenu-list{border-top-right-radius:0;border-bottom-right-radius:0}
.sc-megamenu-child{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:16px;border-bottom-right-radius:16px;
  transform:translateX(-12px);
  transition:opacity .3s ease-out .05s,visibility .3s ease-out .05s,transform .4s var(--dh-ease) .05s}
.sc-megamenu-list-item.active>.sc-megamenu-child,.sc-megamenu-list-item:hover>.sc-megamenu-child,
.sc-megamenu-child-narrow li:not(.sc-menu-list-landings):hover>.sc-megamenu-child{transform:none}
.sc-megamenu-child-narrow{border-radius:0 16px 16px 0}

.sc-megamenu-list-item,.sc-megamenu-child-narrow li:not(.sc-menu-list-landings){
  transition:background-color .25s ease,box-shadow .3s ease;
  border-radius:0}
.sc-megamenu-list-item:first-child{border-radius:15px 0 0 0}
.sc-megamenu-list-item:last-child{border-radius:0 0 0 15px}
.sc-megamenu-list-item.active,.sc-megamenu-list-item:hover,
.sc-megamenu-child-narrow li:not(.sc-menu-list-landings):hover{
  background:linear-gradient(90deg,rgba(79,67,227,.09),rgba(79,67,227,.02));
  box-shadow:inset 3px 0 0 var(--dh-primary)}
.sc-megamenu-list-item>a,.sc-megamenu-child-narrow li>a{transition:color .2s ease,letter-spacing .25s ease}
.sc-megamenu-list-item:hover>a,.sc-megamenu-list-item.active>a,
.sc-megamenu-child-narrow li:not(.sc-menu-list-landings):hover>a:not(.sc-menu-list-landings-link){color:var(--dh-primary)}
/* chevron becomes a round accent button */
.sc-megamenu-list-item>span,.sc-megamenu-child-narrow li:not(.sc-menu-list-landings)>span:not(.sc-megamenu-children-title){
  border-radius:50%!important;box-shadow:none!important;transition:background-color .25s ease,transform .3s var(--dh-ease)}
.sc-megamenu-list-item.active>span,.sc-megamenu-list-item:hover>span,
.sc-megamenu-child-narrow li:not(.sc-menu-list-landings):hover>span:not(.sc-megamenu-children-title){
  background:var(--dh-primary)!important;transform:rotate(-90deg) translateY(2px)}
.sc-megamenu-list-item:hover>span .sc-btn-icon,.sc-megamenu-list-item.active>span .sc-btn-icon,
.sc-megamenu-child-narrow li:hover>span .sc-btn-icon{background:#fff!important}
.sc-megamenu-list-item>span:hover{transform:rotate(-90deg)}

/* wide (children grid) panels */
.sc-megamenu-children-item a{transition:color .2s ease,padding-left .25s var(--dh-ease)}
.sc-megamenu-children-item a:hover{text-decoration:none!important;padding-left:6px}
.sc-megamenu-children-item-title,.sc-megamenu-children-item-title a{font-weight:700}

/* nicer scroll inside the menu */
.sc-megamenu>nav,.sc-megamenu-child-narrow ul,.sc-megamenu-child-wrapper{scrollbar-width:thin;scrollbar-color:rgba(79,67,227,.35) transparent}
.sc-megamenu>nav::-webkit-scrollbar,.sc-megamenu-child-narrow ul::-webkit-scrollbar{width:6px}
.sc-megamenu>nav::-webkit-scrollbar-thumb,.sc-megamenu-child-narrow ul::-webkit-scrollbar-thumb{background:rgba(79,67,227,.35);border-radius:6px}

/* items slide in when the menu opens */
.sc-megamenu.active .sc-megamenu-list-item{animation:dhMenuIn .45s var(--dh-ease) backwards}
.sc-megamenu.active .sc-megamenu-list-item:nth-child(2){animation-delay:.03s}
.sc-megamenu.active .sc-megamenu-list-item:nth-child(3){animation-delay:.06s}
.sc-megamenu.active .sc-megamenu-list-item:nth-child(4){animation-delay:.09s}
.sc-megamenu.active .sc-megamenu-list-item:nth-child(5){animation-delay:.12s}
.sc-megamenu.active .sc-megamenu-list-item:nth-child(6){animation-delay:.15s}
.sc-megamenu.active .sc-megamenu-list-item:nth-child(n+7){animation-delay:.18s}
@keyframes dhMenuIn{from{opacity:0;margin-left:-14px}to{opacity:1;margin-left:0}}

/* news cards: top accent line sweeping left to right on hover (same as product cards) */
.sc-last-news-item .content-block.h-100::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;z-index:3;
  background:linear-gradient(90deg,var(--dh-primary),var(--dh-link));transform:scaleX(0);transform-origin:left;transition:transform .5s var(--dh-ease)}
.sc-last-news-item:hover .content-block.h-100::before{transform:scaleX(1)}

/* ===== "Почему выбирают нас" ===== */
.why-we_wrapper>.row{--bs-gutter-x:1rem;--bs-gutter-y:1rem}
.why-we_wrapper .why-we_item{
  position:relative;overflow:hidden;background:#fff;border:1px solid var(--dh-card-bd);border-radius:18px;
  padding:26px 14px 26px;justify-content:flex-start;gap:0;
  box-shadow:0 1px 2px rgba(40,41,61,.04),0 6px 18px rgba(40,41,61,.05);
  transition:transform .4s var(--dh-ease),box-shadow .4s ease,border-color .3s ease}
.why-we_wrapper .why-we_item::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--dh-primary),var(--dh-link));transform:scaleX(0);transform-origin:left;transition:transform .5s var(--dh-ease)}
.why-we_wrapper .why-we_item::after{content:"";position:absolute;width:140px;height:140px;right:-50px;bottom:-60px;border-radius:50%;
  background:radial-gradient(circle,rgba(79,67,227,.10),rgba(79,67,227,0) 70%);transition:transform .6s var(--dh-ease);pointer-events:none}
.why-we_wrapper .why-we_item:hover{transform:translateY(-6px);border-color:rgba(79,67,227,.35);
  box-shadow:0 10px 24px rgba(40,41,61,.08),0 22px 44px rgba(79,67,227,.16)}
.why-we_wrapper .why-we_item:hover::before{transform:scaleX(1)}
.why-we_wrapper .why-we_item:hover::after{transform:scale(1.6)}
.why-we_wrapper .why-we_item img.icon,.why-we_wrapper .why-we_item>img{
  width:84px;height:84px;padding:16px;object-fit:contain;border-radius:50%;margin-bottom:10px;
  background:linear-gradient(135deg,#eef0ff,#f0f4fa);box-shadow:inset 0 0 0 1px rgba(79,67,227,.10);
  transition:transform .5s var(--dh-ease),background .3s ease,box-shadow .3s ease}
.why-we_wrapper .why-we_item:hover>img{transform:scale(1.1) rotate(-6deg);
  background:linear-gradient(135deg,#e4e6ff,#dbe6fb);box-shadow:inset 0 0 0 1px rgba(79,67,227,.25),0 8px 18px rgba(79,67,227,.18)}
.why-we_wrapper .why-we_item h4{font-size:15px;font-weight:700;line-height:1.3;margin:6px 0 8px;transition:color .25s ease}
.why-we_wrapper .why-we_item:hover h4{color:var(--dh-primary)}
.why-we_wrapper .why-we_item p{color:#5a5f73;line-height:1.45;margin-bottom:0}
.why-we_wrapper .why-we_item span{width:36px;height:3px;margin-top:auto;position:relative;
  background:linear-gradient(90deg,#0e5fac,var(--dh-primary));transition:width .5s var(--dh-ease)}
.why-we_wrapper .why-we_item p+span{margin-top:14px}
.why-we_wrapper .why-we_item:hover span{width:72px}

/* contacts strip */
.why-we_wrapper .why-we_info{
  margin-top:24px;padding:18px 14px;border-radius:22px;position:relative;overflow:hidden;
  background:linear-gradient(120deg,#f0f4fa 0%,#e9edff 100%);border:1px solid #e3e8f7}
.why-we_wrapper .why-we_info>.row{--bs-gutter-y:.75rem;--bs-gutter-x:1rem}
.why-we_wrapper .why-we_info_item{
  justify-content:flex-start;height:100%;padding:14px 18px;border-radius:16px;background:#fff;border:1px solid #eceef5;
  box-shadow:0 1px 2px rgba(40,41,61,.04);transition:transform .35s var(--dh-ease),box-shadow .35s ease,border-color .3s ease}
.why-we_wrapper .why-we_info_item:hover{transform:translateY(-4px);border-color:rgba(79,67,227,.35);box-shadow:0 12px 28px rgba(79,67,227,.16)}
.why-we_wrapper .why-we_info_item img{width:48px;height:48px;object-fit:contain;margin-right:12px;flex:0 0 auto;transition:transform .5s var(--dh-ease)}
.why-we_wrapper .why-we_info_item:hover img{transform:scale(1.12) rotate(-6deg)}
.why-we_wrapper .why-we_info_item a{margin-left:0;flex:1 1 auto;text-decoration:none;transition:color .25s ease}
.why-we_wrapper .why-we_info_item a:hover{text-decoration:none}
.why-we_wrapper .why-we_info_item:hover h4{color:var(--dh-primary)}
.why-we_wrapper .why-we_info_item::after{content:"";flex:0 0 auto;width:28px;height:28px;border-radius:50%;margin-left:8px;
  background:rgba(79,67,227,.08) center/12px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234f43e3' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
  transition:transform .35s var(--dh-ease),background-color .25s ease}
.why-we_wrapper .why-we_info_item:hover::after{transform:translateX(4px);background-color:rgba(79,67,227,.16)}
@media(max-width:575.98px){
  .why-we_wrapper .why-we_item{padding:20px 10px 22px}
  .why-we_wrapper .why-we_item>img{width:68px;height:68px;padding:13px}
  .why-we_wrapper .why-we_item h4{font-size:14px}
}

/* ===== Hero slider dots: glass pill, active dot stretches and fills over the autoplay time (5s) ===== */
.sc-slideshow-plus-block{position:relative}
.sc-slideshow-plus-block .slick-dots{
  position:absolute;left:50%;right:auto;bottom:14px;transform:translateX(-50%);z-index:5;margin:0!important;
  display:flex;align-items:center;gap:8px;padding:8px 14px!important;list-style:none;
  background:rgba(24,26,48,.38);border-radius:999px;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 18px rgba(24,26,48,.18)}
.sc-slideshow-plus-block .slick-dots li{display:block;margin:0;padding:0;line-height:0}
.sc-slideshow-plus-block .slick-dots li button{
  position:relative;overflow:hidden;display:block;width:9px;height:9px;margin:0;padding:0;border:0;border-radius:999px;
  font-size:0;line-height:0;color:transparent;cursor:pointer;background:rgba(255,255,255,.55);
  transition:width .45s var(--dh-ease),background-color .3s ease,transform .25s var(--dh-ease)}
.sc-slideshow-plus-block .slick-dots li button:hover{background:#fff;transform:scale(1.25)}
.sc-slideshow-plus-block .slick-dots li.slick-active button{width:34px;height:9px;background:rgba(255,255,255,.35);transform:none}
.sc-slideshow-plus-block .slick-dots li.slick-active button::after{
  content:"";position:absolute;left:0;top:0;bottom:0;width:100%;border-radius:inherit;background:#fff;
  transform:scaleX(0);transform-origin:left;animation:dhDotFill 5s linear forwards}
@keyframes dhDotFill{to{transform:scaleX(1)}}
@media(max-width:575.98px){.sc-slideshow-plus-block .slick-dots{bottom:8px;padding:6px 11px!important;gap:6px}
  .sc-slideshow-plus-block .slick-dots li.slick-active button{width:26px}}

/* ===== Popular categories ===== */
.categories-section .category-card{
  border-radius:22px!important;isolation:isolate;
  box-shadow:0 2px 4px rgba(40,41,61,.06),0 10px 24px rgba(40,41,61,.10);
  transition:transform .6s var(--dh-ease),box-shadow .6s ease!important}
.categories-section .category-card:hover{transform:translateY(-8px);box-shadow:0 14px 30px rgba(40,41,61,.16),0 28px 56px rgba(217,35,41,.20)}
.categories-section .category-image img{transition:transform 1.1s var(--dh-ease),filter .6s ease!important}
.categories-section .category-card:hover .category-image img{transform:scale(1.09);filter:saturate(1.08)}
.categories-section .category-overlay{transition:background .6s ease,opacity .6s ease;
  background:linear-gradient(to top,rgba(24,30,48,.92) 0%,rgba(24,30,48,.45) 48%,rgba(24,30,48,.05) 100%)}
.categories-section .category-card:hover .category-overlay{
  background:linear-gradient(to top,rgba(217,35,41,.92) 0%,rgba(217,35,41,.55) 38%,rgba(24,30,48,.10) 100%)}

/* light sweep + inner ring */
.categories-section .category-card::before{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;z-index:6;pointer-events:none;
  background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.28),rgba(255,255,255,0));transform:skewX(-18deg)}
.categories-section .category-card:hover::before{left:130%;transition:left .9s var(--dh-ease)}
.categories-section .category-card::after{content:"";position:absolute;inset:0;z-index:7;pointer-events:none;border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);transition:box-shadow .5s ease}
.categories-section .category-card:hover::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}

/* title + arrow chip */
.categories-section .category-content{padding:24px 84px 24px 26px}
.categories-section .category-content h3,.categories-section .category-content h4{
  position:relative;padding-bottom:12px;line-height:1.25;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.categories-section .category-content h3{font-size:1.45rem}
.categories-section .category-content h4{font-size:1.2rem}
.categories-section .category-content h3::after,.categories-section .category-content h4::after{
  content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;border-radius:3px;background:#fff;opacity:.85;
  transition:width .6s var(--dh-ease)}
.categories-section .category-card:hover .category-content h3::after,
.categories-section .category-card:hover .category-content h4::after{width:76px}
.categories-section .category-content::after{content:"";position:absolute;right:22px;bottom:22px;width:44px;height:44px;border-radius:50%;
  background:rgba(255,255,255,.18) center/18px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);
  transition:transform .5s var(--dh-ease),background-color .4s ease,box-shadow .4s ease}
.categories-section .category-card:hover .category-content::after{
  transform:translateX(4px) scale(1.08);background-color:#d92329;box-shadow:0 8px 20px rgba(217,35,41,.5)}

@media(max-width:767.98px){
  .categories-section .category-card{height:220px}
  .categories-section .category-card.small{height:170px}
  .categories-section .category-content{padding:18px 70px 18px 20px}
  .categories-section .category-content::after{width:38px;height:38px;right:16px;bottom:16px}
  .categories-section .category-content h3{font-size:1.25rem}
}
@media(hover:none){.categories-section .category-card:hover{transform:none}}

/* ===== Mobile menu (bottom sheet + drill-down panels) =====
   NB: no position/transform/filter/overflow on the <li>/.sidebar-main-menu-item: the nested panels are
   position:absolute and must keep resolving against #sidebar. Entrance animations use opacity + margin only. */
#sidebar{border-radius:26px 26px 0 0;box-shadow:0 -16px 48px rgba(24,26,48,.28);background:#f4f6fb;
  transition:transform .55s var(--dh-ease),opacity .25s ease,bottom .3s ease!important}
#sidebar::before{content:"";position:absolute;left:50%;top:8px;width:44px;height:5px;margin-left:-22px;border-radius:5px;background:rgba(40,41,61,.18);z-index:3;pointer-events:none}

/* header */
#sidebar>.sidebar-header{background:#fff;height:64px;padding-top:14px!important;font-size:1.15rem;letter-spacing:.01em;border-bottom:1px solid #eceef5}
#sidebar .sidebar-header-text{font-weight:700}
#sidebar [data-sidebar=close]{top:.85rem;right:.9rem;width:38px;height:38px;border-radius:50%!important;background:#f2f4f8;box-shadow:none;transition:background-color .25s ease,transform .3s var(--dh-ease)}
#sidebar [data-sidebar=close]:active{transform:scale(.9);background:#e6e9f5}
#sidebar .sidebar-inner{max-height:calc(100% - 64px);padding:.5rem 0 1.5rem}

/* main list = rounded cards */
#sidebar .sidebar-main-menu-item{
  margin:.6rem 1rem 0;border:1px solid #eceef5;border-radius:16px;background:#fff;
  box-shadow:0 1px 2px rgba(40,41,61,.04),0 6px 16px rgba(40,41,61,.05);
  transition:background-color .25s ease,box-shadow .3s ease,border-color .25s ease}
#sidebar .sidebar-main-menu-item:active{background:#f4f5ff;border-color:rgba(79,67,227,.35)}
#sidebar .sidebar-main-menu-item-icon{width:40px;height:40px;border-radius:12px!important;background-color:rgba(79,67,227,.09)}
#sidebar .sidebar-main-menu-item-text{font-weight:700}
#sidebar .sidebar-main-menu-item-chevron{width:28px;height:28px;border-radius:50%;background:#f2f4f8;display:flex;align-items:center;justify-content:center;transition:background-color .25s ease}
#sidebar .sidebar-main-menu-item:active .sidebar-main-menu-item-chevron{background:rgba(79,67,227,.16)}

/* "Категории" card: brand gradient */
#sidebar .sidebar-main-menu-item-catalog{
  background:linear-gradient(120deg,var(--dh-navy) 0%,var(--dh-primary) 55%,var(--dh-link) 120%);border-color:transparent;
  box-shadow:0 10px 24px rgba(79,67,227,.35)}
#sidebar .sidebar-main-menu-item-catalog:active{background:linear-gradient(120deg,var(--dh-navy),var(--dh-primary));border-color:transparent}
#sidebar .sidebar-main-menu-item-catalog>.sidebar-main-menu-item-text{color:#fff;font-size:1.05rem!important}
#sidebar .sidebar-main-menu-item-catalog>.sidebar-main-menu-item-icon{background-color:rgba(255,255,255,.2)!important}
#sidebar .sidebar-main-menu-item-catalog>.sidebar-main-menu-item-chevron{background:rgba(255,255,255,.2)}
#sidebar .sidebar-main-menu-item-catalog>.sidebar-main-menu-item-chevron img{filter:brightness(0) invert(1)}
/* panels inside must not inherit the white text */
#sidebar .sidebar-menu-catalog{color:#1c1c28;background:#f4f6fb;
  transition:transform .5s var(--dh-ease)!important;box-shadow:-12px 0 32px rgba(24,26,48,.12)}
#sidebar .sidebar-menu-catalog .sidebar-header{background:#fff;border-bottom:1px solid #eceef5;height:64px}
#sidebar .sidebar-menu-catalog .sidebar-header .sc-btn-secondary{width:38px;height:38px;flex:0 0 38px;border-radius:50%!important;background:#f2f4f8!important;box-shadow:none;transform:none}
#sidebar .sidebar-menu-catalog .sidebar-header .sc-btn-secondary .sc-btn-icon{transform:rotate(90deg)}
#sidebar .sidebar-menu-catalog .sidebar-header .sc-btn-secondary:active{background:#e6e9f5!important}

/* drill-down lists */
#sidebar .sidebar-menu-catalog-inner{padding:.5rem 0 2rem}
#sidebar .sidebar-menu-catalog-inner>ul{padding:.4rem .9rem 0;margin:0}
#sidebar .sidebar-menu-catalog-inner>ul>li{
  margin-top:.5rem;padding:.95rem 1rem!important;border:1px solid #eceef5!important;border-radius:14px;background:#fff;
  box-shadow:0 1px 2px rgba(40,41,61,.03);transition:background-color .25s ease,border-color .25s ease}
#sidebar .sidebar-menu-catalog-inner>ul>li:not(:first-child){border-top:1px solid #eceef5}
#sidebar .sidebar-menu-catalog-inner>ul>li:active{background:#f4f5ff;border-color:rgba(79,67,227,.35)!important}
#sidebar .sidebar-menu-catalog-inner>ul>li>a{color:#1c1c28;font-weight:600;flex:1 1 auto;padding:.1rem 0}
#sidebar .sidebar-menu-catalog-inner>ul>li>a img{width:40px;height:40px;padding:5px;border-radius:12px;background:#f4f6fb;object-fit:contain;margin-right:.85rem!important}
#sidebar .sidebar-menu-catalog-inner>ul>li.sidebar-menu-toggle::after{
  width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:#f2f4f8 center/9px no-repeat url(../img/sprite.svg#include--location-chevron);
  transform:rotate(-90deg);transition:background-color .25s ease}
#sidebar .sidebar-menu-catalog-inner>ul>li.sidebar-menu-toggle:active::after{background-color:rgba(79,67,227,.16)}
#sidebar .sidebar-menu-catalog-inner strong{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--dh-primary)}
#sidebar .sidebar-menu-catalog-inner .blue-link{font-weight:600}

/* list items slide in when a panel opens */
#sidebar .sidebar-menu-catalog.active>.sidebar-menu-catalog-inner>ul>li{animation:dhSheetIn .45s var(--dh-ease) backwards}
#sidebar .sidebar-menu-catalog.active>.sidebar-menu-catalog-inner>ul>li:nth-child(2){animation-delay:.04s}
#sidebar .sidebar-menu-catalog.active>.sidebar-menu-catalog-inner>ul>li:nth-child(3){animation-delay:.08s}
#sidebar .sidebar-menu-catalog.active>.sidebar-menu-catalog-inner>ul>li:nth-child(4){animation-delay:.12s}
#sidebar .sidebar-menu-catalog.active>.sidebar-menu-catalog-inner>ul>li:nth-child(5){animation-delay:.16s}
#sidebar .sidebar-menu-catalog.active>.sidebar-menu-catalog-inner>ul>li:nth-child(6){animation-delay:.2s}
#sidebar .sidebar-menu-catalog.active>.sidebar-menu-catalog-inner>ul>li:nth-child(n+7){animation-delay:.24s}
@keyframes dhSheetIn{from{opacity:0;margin-left:22px;margin-right:-22px}to{opacity:1;margin-left:0;margin-right:0}}
/* main cards too, when the sheet opens */
#sidebar.active .sidebar-main-menu>.sidebar-main-menu-item{animation:dhSheetIn .5s var(--dh-ease) backwards}
#sidebar.active .sidebar-main-menu>.sidebar-main-menu-item:nth-child(2){animation-delay:.05s}
#sidebar.active .sidebar-main-menu>.sidebar-main-menu-item:nth-child(3){animation-delay:.1s}
#sidebar.active .sidebar-main-menu>.sidebar-main-menu-item:nth-child(4){animation-delay:.15s}
#sidebar.active .sidebar-main-menu>.sidebar-main-menu-item:nth-child(n+5){animation-delay:.2s}

/* search / account / messengers */
#sidebar .sidebar-search .header-search{border-radius:14px}
#sidebar .sidebar-messengers-item,#sidebar .sidebar-socials-item{transition:transform .3s var(--dh-ease)}
#sidebar .sidebar-messengers-item:active,#sidebar .sidebar-socials-item:active{transform:scale(.9)}
/* NB: entrance animations on menu items must use fill-mode "backwards", never "both"/"forwards": a finished-but-filling
   opacity animation keeps a stacking context on every item, which paints later siblings over the open sub-panel. */

/* first row of an opened panel: link to the category page itself */
#sidebar .sidebar-menu-catalog-inner>ul>li.dh-all-row{display:flex;align-items:center;justify-content:space-between;
  background:linear-gradient(120deg,rgba(79,67,227,.10),rgba(0,99,247,.06));border-color:rgba(79,67,227,.25)!important}
#sidebar .sidebar-menu-catalog-inner>ul>li.dh-all-row>a{color:var(--dh-primary);font-weight:700}
#sidebar .sidebar-menu-catalog-inner>ul>li.dh-all-row::after{content:"";flex:0 0 26px;width:26px;height:26px;border-radius:50%;
  background:var(--dh-primary) center/12px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")}