/* Полка инструментов. Значения в rem пересчитаны с 10-пиксельной базы Shopify на нашу 16-пиксельную. */
.bns-tool-world{display:block;--bns-tool-muted:#665d61;--bns-tool-focus:#88455d;color:#42474c;font-family:"Alegreya Sans", -apple-system, "system-ui", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-style:normal;font-weight:400;font-size:1.125rem;line-height:1.5;letter-spacing:normal;overflow-wrap:anywhere}
.bns-tool-world,.bns-tool-world *,.bns-tool-world *::before,.bns-tool-world *::after{box-sizing:border-box}
.bns-tool-world h2{font-family:"Alegreya Sans", -apple-system, "system-ui", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-style:normal;color:#42474c;letter-spacing:normal;margin:0 0 10px;text-transform:none}
.bns-tool-world__eyebrow{margin-top:0}
.bns-tool-link{color:#42474c;text-decoration:none}
.bns-tool-link:focus-visible{outline:3px solid var(--bns-tool-focus);outline-offset:5px}
.bns-tool-world__empty{margin:0;text-align:center}
.bns-tool-tile>img{position:absolute;inset:8px;display:block;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain;border-radius:0;pointer-events:none}
.bns-tool-world{position:relative;isolation:isolate;background:var(--bns-tool-background-start,#ffe4e4);padding:44px 24px 42px}
.bns-tool-world__flowers{position:absolute;inset:0 0 auto;height:118px;overflow:hidden;pointer-events:none;opacity:.9;mask-image:linear-gradient(#000 75%,transparent)}
.bns-tool-world__flowers::before,.bns-tool-world__flowers::after{content:'';position:absolute;top:0;width:28%;max-width:380px;aspect-ratio:1;background-size:contain;background-repeat:no-repeat;transform:translateY(-32%)}
.bns-tool-world__flowers::before{left:-24px;background-image:var(--bns-tool-flowers-left)}
.bns-tool-world__flowers::after{right:-24px;background-image:var(--bns-tool-flowers-right)}
.bns-tool-world__intro,.bns-tool-world>nav{position:relative}
.bns-tool-world__intro{text-align:center;margin-bottom:30px}
.bns-tool-world__eyebrow{font-size:0.875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bns-tool-muted);margin-bottom:10px}
.bns-tool-world h2{font-size:2.25rem;line-height:1.15;font-weight:500;margin-bottom:10px}
.bns-tool-shelf{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 24px;max-width:850px;list-style:none;padding:0;margin:0 auto}
.bns-tool-shelf>li{display:flex;justify-content:center}
.bns-tool-link{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;padding:4px;border-radius:12px;text-align:center;font-size:1.0625rem;line-height:1.2}
.bns-tool-link:hover{text-decoration:none}
.bns-tool-link:hover .bns-tool-name{text-decoration:underline;text-underline-offset:4px}
.bns-tool-link:focus-visible{border-radius:12px}
.bns-tool-tile{display:block;position:relative;isolation:isolate;width:90px;aspect-ratio:1;border:1px solid #b9aa9b8f;border-radius:22%;background:linear-gradient(145deg,#fffefa,#f6eee3);box-shadow:0 2px 0 #e9dfd2,0 5px 0 #c6b6a5,0 6px 0 #a69685,0 9px 12px #65513c1a;transition:transform .18s ease,box-shadow .18s ease}
.bns-tool-tile::before{content:'';position:absolute;inset:0;z-index:2;border-radius:inherit;box-shadow:inset 0 2px 1px #fff,inset 2px 0 2px #ffffffb3,inset -1px -2px 3px #92837230;pointer-events:none}
.bns-tool-tile::after{content:'';position:absolute;inset:0;z-index:2;border-radius:inherit;background-image:radial-gradient(ellipse at 25% 35%,#705d4018 .45px,transparent .85px),radial-gradient(ellipse at 75% 65%,#ffffff91 .6px,transparent 1px);background-size:4px 5px,7px 6px;opacity:.3;pointer-events:none}
.bns-tool-motif{position:absolute;inset:8px;display:block;background-image:var(--bns-tool-sprite);background-repeat:no-repeat;background-size:500% 200%;pointer-events:none}
.bns-tool-motif--routine{background-position:0 0}
.bns-tool-motif--skin{background-position:25% 0}
.bns-tool-motif--quick{background-position:50% 0}
.bns-tool-motif--academy{background-position:75% 0}
.bns-tool-motif--game{background-position:100% 0}
.bns-tool-motif--notes{background-position:0 100%}
.bns-tool-motif--compare{background-position:25% 100%}
.bns-tool-motif--ingredients{background-position:50% 100%}
.bns-tool-motif--awards{background-position:75% 100%}
.bns-tool-motif--wish{background-position:100% 100%}
.bns-tool-motif--influencer{background-image:var(--bns-tool-influencer-image);background-size:contain;background-position:center}
.bns-tool-motif--faq{background-image:var(--bns-tool-faq-image);background-size:contain;background-position:center}
.bns-tool-link:hover .bns-tool-tile,.bns-tool-link:focus-visible .bns-tool-tile{transform:translateY(-4px) rotate(-2deg);box-shadow:0 2px 0 #e9dfd2,0 5px 0 #c6b6a5,0 6px 0 #a69685,0 14px 17px #65513c24}
.bns-tool-link:active .bns-tool-tile{transform:translateY(3px);box-shadow:0 1px 0 #e9dfd2,0 2px 0 #c6b6a5,0 3px 0 #a69685,0 5px 8px #65513c1a}
.bns-tool-name{max-width:132px}
@media(width >= 1400px){
 .bns-tool-shelf{grid-template-columns:repeat(9,minmax(0,1fr));max-width:1590px}
}
@media(max-width:767px){
 .bns-tool-world{padding:32px 18px 34px}
 .bns-tool-world__flowers{height:78px;opacity:.28}
 .bns-tool-world__flowers::before,.bns-tool-world__flowers::after{width:180px;transform:translateY(-34%)}
 .bns-tool-world__flowers::before{left:-58px;background-image:var(--bns-tool-flowers-left-mobile)}
 .bns-tool-world__flowers::after{right:-48px;background-image:var(--bns-tool-flowers-right-mobile)}
 .bns-tool-world h2{font-size:2.0rem}
 .bns-tool-world__intro{margin-bottom:26px}
 .bns-tool-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 8px;max-width:440px}
 .bns-tool-tile{width:78px}
 .bns-tool-link{font-size:1.0rem;gap:13px;padding:2px}
 .bns-tool-name{max-width:108px}
}
@media(max-width:359px){.bns-tool-tile{width:68px}.bns-tool-world{padding-right:12px;padding-left:12px}.bns-tool-link{font-size:0.9375rem}.bns-tool-shelf{column-gap:6px}}
@media(max-width:767px),(hover:none),(prefers-reduced-motion:reduce){.bns-tool-tile{transition:none}.bns-tool-link:hover .bns-tool-tile,.bns-tool-link:focus-visible .bns-tool-tile,.bns-tool-link:active .bns-tool-tile{transform:none}}

.bns-tool-motif--stories {
  background-image: var(--bns-tool-stories-image);
  background-size: contain;
  background-position: center;
}

.bns-tool-motif--analysis {
  background-image: var(--bns-tool-analysis-image);
  background-size: contain;
  background-position: center;
}

.bns-tool-motif--radio{background-image:var(--bns-tool-radio-image);background-size:contain;background-position:center}
.bns-tool-motif--brand-atlas{background-image:var(--bns-tool-brand-atlas-image);background-size:contain;background-position:center}

.bns-tool-motif--match{background-image:var(--bns-tool-match-image);background-size:contain;background-position:center;border-radius:16%;mix-blend-mode:multiply}