.bratus-stem{--accent: var(--bratus-accent, #FF901D);--accent2: var(--bratus-accent2, #E0742D);--bg: #ffffff;--surface: #ffffff;--surface2: rgba(2,6,23,.02);--ink: #0b1220;--muted: rgba(11,18,32,.74);--muted2: rgba(11,18,32,.58);--border: rgba(11,18,32,.1);--border2: rgba(11,18,32,.08);--shadow: 0 18px 60px rgba(2,6,23,.1);--shadow2: 0 14px 40px rgba(2,6,23,.08);--radius: 22px;--radius2: 18px;color:var(--ink);background:linear-gradient(180deg,#fff,#fbfbfc);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(18px,2.2vw,28px);box-shadow:var(--shadow);position:relative;overflow:hidden}.bratus-stem *{box-sizing:border-box}.bratus-sprite{position:absolute;width:0;height:0;overflow:hidden}.bratus-stem__wrap{max-width:1200px;margin:0 auto}.bratus-title{display:flex;align-items:center;gap:12px;margin:0;font-size:clamp(22px,2.1vw,34px);line-height:1.12;letter-spacing:-.02em}.bratus-sub{margin-top:10px;color:var(--muted);max-width:75ch;font-size:15px;line-height:1.6}.bratus-sub p{margin:0}.bratus-icon{width:18px;height:18px;display:inline-block;flex:0 0 auto}.bratus-icon svg{width:100%;height:100%;display:block;color:var(--ink)}.bratus-icon--accent svg{color:var(--accent)}.bratus-icon--accent2 svg{color:var(--accent2)}.bratus-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:14px}.bratus-head__left{max-width:860px}.bratus-head__right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:min(420px,100%)}.bratus-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.bratus-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border2);background:var(--surface);border-radius:999px;font-size:12.5px;color:var(--muted);box-shadow:0 10px 24px #0206170d}.bratus-badge b{color:var(--ink);font-weight:750}.bratus-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.bratus-btn{display:inline-flex;align-items:center;gap:10px;padding:11px 14px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--ink);text-decoration:none;font-size:13.5px;cursor:pointer;box-shadow:0 12px 26px #02061712;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.bratus-btn:hover{transform:translateY(-1px);border-color:#0b122029;box-shadow:0 18px 44px #02061717}.bratus-btn--solid{background:linear-gradient(180deg,#0b1220eb,#0b1220db);color:#fff;border-color:#0b122040}.bratus-btn--solid .bratus-icon svg{color:var(--accent)}.bratus-note{font-size:12.5px;color:var(--muted2);text-align:right}.bratus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.bratus-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 980px){.bratus-grid,.bratus-grid--2{grid-template-columns:1fr}.bratus-head__right{align-items:stretch}.bratus-actions{justify-content:flex-start}.bratus-note{text-align:left}}.bratus-panel{border:1px solid var(--border);border-radius:var(--radius2);background:var(--surface);box-shadow:var(--shadow2);padding:14px}.bratus-panel--wide{grid-column:1 / -1}.bratus-panel__title{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:14px;font-weight:800;color:#0b1220db}.bratus-list{margin:0;padding-left:18px;color:var(--muted);line-height:1.55;font-size:13.5px}.bratus-list li{margin:5px 0}.bratus-list--compact li{margin:3px 0}.bratus-p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.6}.bratus-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media (max-width: 980px){.bratus-cols{grid-template-columns:1fr}}.bratus-miniH{margin:0 0 6px;font-size:13px;font-weight:800;color:#0b1220db}.bratus-slider{border-radius:var(--radius);position:relative;padding:14px;background:linear-gradient(180deg,#ffffffeb,#ffffffc7);border:1px solid rgba(11,18,32,.14);box-shadow:0 16px 50px #02061714,0 0 0 1px #fffc inset}.bratus-slider:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:calc(var(--radius) + 1px);pointer-events:none;background:radial-gradient(1200px 420px at 20% -10%,rgba(11,18,32,.06),transparent 60%),radial-gradient(1200px 420px at 80% 0%,rgba(11,18,32,.05),transparent 55%);mix-blend-mode:multiply;opacity:.9}.bratus-slider__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;position:relative;z-index:1}.bratus-slider__label{font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#0b1220b8}.bratus-slider__controls{display:flex;align-items:center;gap:10px}.bratus-navBtn{width:42px;height:42px;border-radius:14px;border:1px solid rgba(11,18,32,.14);background:#fffffff5;box-shadow:0 12px 26px #02061712;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.bratus-navBtn:hover{transform:translateY(-1px);border-color:#0b122033;box-shadow:0 18px 38px #02061717}.bratus-icon--nav{width:18px;height:18px}.bratus-icon--left{transform:rotate(180deg)}.bratus-navBtn .bratus-icon svg{color:#0b1220e0}.bratus-track{display:flex;gap:12px;overflow-x:auto;padding:6px 4px 10px;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;outline:none;position:relative;z-index:1}.bratus-track::-webkit-scrollbar{display:none}.bratus-card{flex:0 0 auto;width:clamp(280px,42vw,360px);scroll-snap-align:start;border-radius:20px;border:1px solid rgba(11,18,32,.12);background:linear-gradient(180deg,#fff,#02061705);box-shadow:0 16px 44px #02061714;padding:14px;text-align:left;cursor:pointer;position:relative;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.bratus-card:hover{transform:translateY(-2px);border-color:#0b12202e;box-shadow:0 22px 62px #0206171a}.bratus-card:focus-visible{outline:3px solid rgba(11,18,32,.18);outline-offset:3px}.bratus-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.bratus-card__ico{width:40px;height:40px;border-radius:16px;display:grid;place-items:center;border:1px solid rgba(11,18,32,.1);background:#fff;box-shadow:0 12px 26px #02061712}.bratus-card__ico svg{width:20px;height:20px}.bratus-card__tags{display:flex;flex-wrap:wrap;gap:8px}.bratus-tag{display:inline-flex;padding:6px 9px;border-radius:999px;border:1px solid rgba(11,18,32,.1);background:#fff;font-size:12px;color:#0b1220b3}.bratus-card__code{margin-top:10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#0b12208c;font-weight:900}.bratus-card__title{margin:8px 0 0;font-size:15px;line-height:1.25;letter-spacing:-.01em;color:#0b1220eb}.bratus-card__desc{margin:8px 0 0;font-size:13.2px;line-height:1.55;color:var(--muted)}.bratus-slider__bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding:0 2px;position:relative;z-index:1}.bratus-dots{display:flex;gap:8px;flex-wrap:wrap}.bratus-dot{width:9px;height:9px;border-radius:999px;border:1px solid rgba(11,18,32,.16);background:#fff;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.bratus-dot:hover{transform:translateY(-1px);border-color:#0b122038}.bratus-dot.is-active{background:#0b1220c7;border-color:#0b122042}.bratus-hint{font-size:12.5px;color:var(--muted2)}.bratus-foot{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border);color:var(--muted2);font-size:12.8px;line-height:1.6}.bratus-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none}.bratus-modal.is-open{display:block}.bratus-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0206176b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .22s ease}.bratus-modal.is-open .bratus-modal__backdrop{opacity:1}.bratus-modal__dialog{position:relative;width:min(980px,calc(100% - 28px));margin:20px auto;background:#fff;border-radius:22px;border:1px solid rgba(11,18,32,.1);box-shadow:0 28px 100px #02061747;overflow:hidden;transform:translateY(14px) scale(.985);opacity:0;transition:transform .24s ease,opacity .24s ease}.bratus-modal.is-open .bratus-modal__dialog{transform:translateY(0) scale(1);opacity:1}.bratus-modal__close{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:14px;border:1px solid rgba(11,18,32,.12);background:#fff;cursor:pointer;box-shadow:0 12px 26px #02061714}.bratus-modal__close:hover{box-shadow:0 18px 38px #0206171a;transform:translateY(-1px)}.bratus-modal__body{padding:18px 16px 16px;max-height:calc(100dvh - 40px);overflow:auto}.bratus-modalHead{padding:8px 8px 10px;border-bottom:1px solid rgba(11,18,32,.08)}.bratus-modalCode{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#0b12208c;font-weight:900}.bratus-modalTitle{margin:8px 0 0;font-size:20px;line-height:1.2;letter-spacing:-.02em;color:#0b1220eb}.bratus-modalMeta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.bratus-pill{display:inline-flex;padding:7px 10px;border-radius:999px;border:1px solid rgba(11,18,32,.1);background:#fff;font-size:12.5px;color:#0b1220b3}.bratus-modalGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}@media (max-width: 820px){.bratus-modalGrid{grid-template-columns:1fr}}.bratus-modalSection{border:1px solid rgba(11,18,32,.1);border-radius:18px;background:#02061705;padding:12px}.bratus-modalSection--wide{margin-top:12px;border-radius:18px}.bratus-modalSection h4{margin:0 0 8px;font-size:13px;font-weight:900;color:#0b1220db}.bratus-modalSection p{margin:0;color:#0b1220b8;font-size:13.5px;line-height:1.6}.bratus-modalSection ul{margin:0;padding-left:18px;color:#0b1220b8;font-size:13.5px;line-height:1.6}.bratus-modalSection li{margin:5px 0}.bratus-timeline{margin:0;padding-left:18px;color:#0b1220b8;font-size:13.5px;line-height:1.6}.bratus-timeline li{margin:6px 0}.bratus-timeline b{color:#0b1220e6}html.bratus-modal-open,body.bratus-modal-open{overflow:hidden!important}@media (max-width: 520px){.bratus-head__right{align-items:stretch;width:100%}.bratus-btn{width:100%;justify-content:center}.bratus-slider__bottom{flex-direction:column;align-items:flex-start}.bratus-modal__body{padding:16px 12px 12px}}.bratus-stem:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;pointer-events:none;background:radial-gradient(900px 420px at 12% 8%,rgba(59,130,246,.1),transparent 55%),radial-gradient(760px 360px at 88% 10%,rgba(16,185,129,.1),transparent 55%),radial-gradient(860px 420px at 55% 95%,rgba(99,102,241,.08),transparent 60%);opacity:.9}.bratus-stem__wrap>:not(.bratus-modal){position:relative;z-index:1}.bratus-slider{background:linear-gradient(135deg,#3b82f61a,#10b98114),linear-gradient(180deg,#fffffff0,#ffffffd1);border:1px solid rgba(11,18,32,.14);box-shadow:0 18px 60px #02061717,0 0 0 1px #ffffffd9 inset}.bratus-slider__label{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:#ffffffeb;border:1px solid rgba(11,18,32,.1);box-shadow:0 10px 24px #0206170f;letter-spacing:.08em}.bratus-slider__label:before{content:"";width:10px;height:10px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#3b82f6f2,#10b981d9);box-shadow:0 0 0 4px #3b82f61f}.bratus-card{isolation:isolate}.bratus-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;opacity:.95;z-index:0}.bratus-card>*{position:relative;z-index:1}.bratus-card[data-kind="3d"]:before{background:linear-gradient(90deg,#3b82f6f2,#6366f1d9)}.bratus-card[data-kind=laser]:before{background:linear-gradient(90deg,#10b981f2,#22c55ed9)}.bratus-card[data-kind=electronics]:before{background:linear-gradient(90deg,#a855f7eb,#ec4899cc)}.bratus-card[data-kind=arduino]:before{background:linear-gradient(90deg,#f59e0bf2,#ea580cd9)}@media (prefers-reduced-motion: no-preference){.bratus-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease}.bratus-card:hover{filter:saturate(1.02)}.bratus-navBtn,.bratus-btn,.bratus-panel{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}}.bratus-stem.is-modal-open .bratus-stem__wrap>:not(.bratus-modal){filter:blur(4px);transform:scale(.995);opacity:.95}.bratus-stem__wrap>:not(.bratus-modal){transition:filter .2s ease,transform .2s ease,opacity .2s ease}.bratus-stem.is-modal-open .bratus-modal,.bratus-stem.is-modal-open .bratus-modal *{filter:none!important}.bratus-modal__dialog{background:#fffffff0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.bratus-modal__backdrop{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.bratus-imgSlot{display:block;position:relative;width:100%;background:#02061705;border:1px dashed rgba(11,18,32,.18);border-radius:var(--radius2, 18px);box-shadow:inset 0 2px 6px #02061708;overflow:hidden}.bratus-imgSlot--hero{aspect-ratio:16/9;margin-bottom:10px}.bratus-imgSlot--panel{aspect-ratio:16/10;margin-top:10px}.bratus-imgSlot--card,.bratus-imgSlot--modal{aspect-ratio:16/9;margin-top:10px}.bratus-imgSlot img,.bratus-imgSlot picture,.bratus-imgSlot video{width:100%;height:100%;object-fit:cover;display:block}.bratus-imgSlot:empty:after,.bratus-imgSlot:not(:has(img)):not(:has(picture)):not(:has(video)):after{content:"Image";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#0b122059;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;pointer-events:none}.bratus-imgSlot--hero{aspect-ratio:auto;height:clamp(140px,16vw,220px);border-style:solid}.bratus-imgSlot--hero img{object-fit:cover;object-position:center 30%}.bratus-grid .bratus-panel,.bratus-grid--2 .bratus-panel{display:flex;flex-direction:column;gap:10px}.bratus-grid .bratus-panel .bratus-imgSlot--panel,.bratus-grid--2 .bratus-panel .bratus-imgSlot--panel{margin-top:auto}.bratus-imgSlot--panel{aspect-ratio:auto;height:clamp(170px,18vw,240px)}.bratus-head__left .bratus-title .bratus-icon,.bratus-badges{display:none!important}.bratus-head__left{flex:1 1 520px;padding-top:2px}.bratus-head__left .bratus-title{font-size:clamp(26px,2.6vw,42px);line-height:1.08;letter-spacing:-.03em;gap:0}.bratus-head__left .bratus-sub{margin-top:23px;font-size:18px;line-height:1.65;color:var(--muted);max-width:78ch;font-style:italic;font-weight:700}@media (min-width: 981px){.bratus-head{align-items:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/bratus-stem.css.map */