.zbu{color:#243438;background:linear-gradient(180deg,#f4fcfb 0%,#fff 100%);border-top:1px solid #deeeeb;padding:64px 24px 120px;font-family:var(--font-body-family,Inter,sans-serif)}
.zbu,.zbu *{box-sizing:border-box}.zbu__inner{max-width:1200px;margin:0 auto}.zbu__header{text-align:center;margin:0 auto 30px;max-width:650px}.zbu__accent{display:block;width:44px;height:5px;border-radius:9px;background:#ff7566;margin:0 auto 16px}.zbu__header h2{font-family:var(--font-heading-family,Figtree,sans-serif);font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.025em;color:#243438;margin:0 0 12px;font-weight:750}.zbu__header p{margin:0;color:#566864;font-size:16px;line-height:1.6}.zbu__grid{display:grid;grid-template-columns:repeat(var(--zbu-count),minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0 auto;max-width:calc(var(--zbu-count)*380px)}.zbu__card{min-width:0;overflow:hidden;border-radius:22px;border:1px solid #dcece8;background:#fff;box-shadow:0 8px 24px #24343806;transition:border-color .2s,box-shadow .2s}.zbu__card:hover{border-color:#20bfc6;box-shadow:0 12px 30px #087f8810}.zbu__link{display:flex;height:100%;flex-direction:column;color:inherit;text-decoration:none}.zbu__link:focus-visible{outline:3px solid #087f88;outline-offset:-4px;border-radius:22px}.zbu__image{aspect-ratio:1;background:#fff;padding:14px;overflow:hidden}.zbu__image img,.zbu__image svg{display:block;width:100%;height:100%;object-fit:contain}.zbu__content{padding:20px;display:flex;flex-direction:column;flex:1}.zbu__content h3{font-family:var(--font-heading-family,Figtree,sans-serif);font-weight:700;font-size:20px;line-height:1.35;letter-spacing:-.015em;margin:0 0 14px;overflow-wrap:anywhere;color:#243438}.zbu__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px;margin-top:auto;margin-bottom:18px;line-height:1.4;font-size:18px;font-weight:750;color:#087f88}.zbu__price s{font-size:14px;font-weight:400;color:#657773}.zbu__button{display:flex;align-items:center;justify-content:center;gap:12px;background:#087f88;color:#fff;border-radius:12px;min-height:48px;padding:12px 16px;font-size:15px;font-weight:700;transition:background .2s}.zbu__link:hover .zbu__button{background:#066b73}.zbu__empty{background:#fff;border:1px dashed #9ac7c2;border-radius:22px;padding:28px;text-align:center}.zbu__empty strong{font-size:18px}.zbu__empty p{font-size:14px;line-height:1.6;max-width:580px;margin:10px auto 22px;color:#566864}.zbu__preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:860px;margin:0 auto}.zbu__mock{border:1px solid #e1ece9;border-radius:16px;padding:18px}.zbu__mock svg{display:block;width:100%;height:auto;aspect-ratio:1;fill:#a4c7c2;background:#f5faf9;border-radius:12px}.zbu__mock span{display:block;height:12px;width:85%;margin:16px auto 0;background:#e4eeeb;border-radius:6px}.zbu__mock span:last-child{width:55%;background:#a8cfca}
@media(min-width:750px) and (max-width:989px){.zbu__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zbu__grid:has(.zbu__card:only-child){grid-template-columns:minmax(0,380px);justify-content:center}}
@media(max-width:749px){.zbu{padding:44px 18px 110px}.zbu__header{margin-bottom:24px}.zbu__header p{font-size:14px}.zbu__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:3px 0 18px;scrollbar-width:thin;scrollbar-color:#81bdb5 #eaf4f1;max-width:none}.zbu__card{flex:0 0 82%;scroll-snap-align:start;max-width:360px}.zbu__card:only-child{flex-basis:100%;margin:0 auto}.zbu__content{padding:18px}.zbu__content h3{font-size:19px}.zbu__empty{padding:20px 14px}.zbu__preview{gap:8px}.zbu__mock{padding:8px;border-radius:10px}.zbu__mock span{height:8px;margin-top:10px}}
@media(prefers-reduced-motion:reduce){.zbu__card,.zbu__button{transition:none}}