.wb-product-messengers { margin:20px 0 24px; }
.wb-product-messengers h2 { margin:0 0 12px; color:#527867; font:500 14px/1.5 Onest,Arial,sans-serif; }
.wb-product-messengers__links { display:flex; gap:10px; flex-wrap:wrap; }
.wb-product-messenger { display:inline-flex; flex:1; align-items:center; justify-content:center; gap:9px; min-height:46px; padding:9px 13px; border:1px solid #d3e4dc; border-radius:10px; background:#fffaf8; color:#436556; font:600 13px/1.5 Onest,Arial,sans-serif; transition:background .18s,border-color .18s; }
.wb-product-messenger:hover { background:#eef7f3; border-color:#9bc5b2; }
.wb-product-messenger svg,.wb-product-messenger img { width:24px; height:24px; flex:none; display:block; object-fit:contain; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.wb-product-messenger--telegram svg { color:#239dcb; }
.wb-product-messenger--whatsapp svg { color:#248960; }
.wb-product-panels .wb-product-detail { margin:0; padding:0; border:0; border-bottom:1px solid #ddeae4; }
.wb-product-panels .wb-product-detail:first-child { border-top:1px solid #ddeae4; }
.wb-product-panels summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:19px 2px; list-style:none; cursor:pointer; color:#345c4a; font:600 15px/1.5 Onest,Arial,sans-serif; }
.wb-product-panels summary::-webkit-details-marker { display:none; }
.wb-product-panels summary::after { display:none; }
.wb-product-panels summary svg { width:19px; height:19px; flex:none; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.wb-product-panels summary:hover { color:var(--wb-accent,#356c53); }
.wb-product-panels [data-wb-panel-content] { margin-bottom:20px; }
.wb-product-messenger:focus-visible,.wb-product-panels summary:focus-visible,.wb-product-drawer button:focus-visible { outline:2px solid #83b7a0; outline-offset:3px; }
html.wb-product-drawer-open { overflow:hidden; }
.wb-product-drawer { position:fixed; inset:0 0 0 auto; margin:0; padding:0; width:min(600px,100%); max-width:100%; height:100dvh; max-height:100dvh; border:0; border-radius:22px 0 0 22px; overflow:hidden; color:#345c4a; background:#fffdfb; box-shadow:-18px 0 80px #2a413730; }
.wb-product-drawer[open] { display:flex; flex-direction:column; animation:wb-drawer-in .26s ease-out; }
.wb-product-drawer.is-closing { animation:wb-drawer-out .18s ease-in forwards; }
.wb-product-drawer::backdrop { background:#30232d70; backdrop-filter:blur(4px); }
.wb-product-drawer__head { display:flex; align-items:center; justify-content:space-between; flex:none; gap:22px; margin:0; padding:28px 32px 22px; border-bottom:1px solid #ddeae4; }
.wb-product-drawer__head h2 { margin:0; outline:0; font:500 36px/1.1 Onest,Arial,sans-serif; overflow-wrap:anywhere; }
.wb-product-drawer__head button { display:grid; place-items:center; width:40px; height:40px; flex:none; margin:0; padding:10px; border:1px solid #cbe2d8; border-radius:50%; background:#fcf4f3; color:#437b62; cursor:pointer; }
.wb-product-drawer__head svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; }
.wb-product-drawer__body { min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:28px 32px max(32px,env(safe-area-inset-bottom)); scrollbar-width:thin; scrollbar-color:#a4c7b7 transparent; font:400 15px/1.75 Onest,Arial,sans-serif; }
.wb-product-drawer__body .wb-prose { margin:0; font-size:15px; line-height:1.8; }
.wb-product-drawer__body img { max-width:100%; height:auto; }
.wb-product-drawer__body .wb-feature-list { margin:0; }
.wb-product-drawer__body .wb-feature-list>div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:20px; padding:14px 0; border-bottom:1px solid #e2eee9; }
.wb-product-drawer__body .wb-feature-list dt { color:#759084; }
.wb-product-drawer__body .wb-feature-list dd { margin:0; overflow-wrap:anywhere; }
.wb-panel-intro { margin:0 0 24px; color:#6c867a; }
.wb-panel-service { display:grid; grid-template-columns:42px minmax(0,1fr); gap:16px; padding:20px 0; border-top:1px solid #ddeae4; }
.wb-panel-service>svg { width:42px; height:42px; padding:9px; border-radius:12px; background:#e6f3ed; color:#3e7f62; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.wb-panel-service h3 { margin:0 0 7px; font:600 16px/1.5 Onest,Arial,sans-serif; }
.wb-panel-service p { margin:0; font-size:14px; }
.wb-panel-demo { margin:22px 0 0; padding:14px 17px; border-radius:10px; background:#faf0e9; color:#8a675b; font-size:12px; line-height:1.65; }
@keyframes wb-drawer-in { from{transform:translateX(100%)} to{transform:translateX(0)} }
@keyframes wb-drawer-out { to{transform:translateX(100%)} }
@media(max-width:600px) { .wb-product-drawer { border-radius:0; }.wb-product-drawer__head { padding:22px 20px 18px; }.wb-product-drawer__head h2 { font-size:32px; }.wb-product-drawer__body { padding:22px 20px 32px; }.wb-product-messengers__links { gap:7px; }.wb-product-messenger { padding:9px 8px; gap:6px; font-size:12px; }.wb-product-messenger svg,.wb-product-messenger img { width:21px; height:21px; } }
@media(prefers-reduced-motion:reduce) { .wb-product-drawer[open],.wb-product-drawer.is-closing { animation:none; }.wb-product-messenger { transition:none; } }
.wb-body .wb-product-drawer:focus,.wb-body .wb-product-drawer__head h2:focus { outline:none; }
.wb-body .wb-product-panels summary:focus:not(:focus-visible),.wb-body .wb-product-drawer button:focus:not(:focus-visible) { outline:none; }
.wb-body .wb-product-panels summary:focus-visible,.wb-body .wb-product-drawer :is(button,a,input,textarea,select):focus-visible { outline:2px solid #74ab92; outline-offset:3px; }