.stack-builder{padding:60px 0}.stack-builder__wrap{max-width:1180px;margin:0 auto;padding:0 24px}.stack-builder__head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px;gap:20px;flex-wrap:wrap}.stack-builder__eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#2e5f8a;font-weight:700;margin-bottom:10px}.stack-builder__head h2{font-size:clamp(24px,4vw,32px);font-weight:800;letter-spacing:-.01em;margin:0}.stack-builder__head p{color:#5b6572;max-width:420px;font-size:14px;margin:0}.stack-builder__layout{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);gap:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px;scroll-snap-type:x proximity;align-items:stretch}.stack-builder__layout>*{scroll-snap-align:start}@media(min-width:750px){.stack-builder__layout{grid-auto-flow:row;grid-auto-columns:unset;grid-template-columns:repeat(3,1fr) 1fr;overflow-x:visible;padding-bottom:0;gap:20px}}.stack-card{background:#fff;border:1px solid #DCE7F2;border-radius:16px;padding:16px;text-align:center;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;display:flex;flex-direction:column;height:100%}.stack-card.selected{border-color:#5b9bd5;box-shadow:0 0 0 3px #5b9bd52e;animation:sbPop .4s ease}.stack-card img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#e7f0f8;border-radius:10px;padding:10px;margin-bottom:12px}.stack-card h4{font-size:14px;font-weight:700;margin:0 0 4px}.stack-card .p{font-size:13px;color:#5b6572;margin-bottom:12px}.stack-card button{width:100%;padding:12px;border-radius:12px;border:1px solid #DCE7F2;background:#e7f0f8;color:#173b5e;font-weight:700;font-size:13px;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease;margin-top:auto}.stack-card button:hover{background:#173b5e;color:#fff;border-color:#173b5e;transform:translateY(-1px)}.stack-card.selected button{background:#5b9bd5;color:#fff;border-color:#5b9bd5}.stack-card.selected button:hover{background:#4a89c4}@keyframes sbPop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.stack-summary{background:#173b5e;border:1px solid #173B5E;border-radius:16px;padding:24px;display:flex;flex-direction:column;color:#fff}.stack-summary h3{font-size:18px;font-weight:800;margin:0 0 8px;color:#fff}.stack-summary p{font-size:12.5px;color:#b9cede;margin-bottom:18px}.stack-list-empty{font-size:12.5px;color:#b9cede;display:block;margin-bottom:18px}.stack-list-ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px}.stack-list-ul li{font-size:12.5px;color:#d6e3ee;padding-left:16px;position:relative;line-height:1.4}.stack-list-ul li:before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:50%;background:#8fc1ee}.stack-total{display:flex;justify-content:space-between;font-weight:800;font-size:16px;border-top:1px dashed #3A5F80;padding-top:14px;margin-top:auto;margin-bottom:14px;color:#fff}.stack-total span:last-child{transition:transform .2s ease;display:inline-block;color:#4cbf8f}.stack-total span:last-child.bump{transform:scale(1.22);color:#5fce9e}.stack-btn{text-align:center;width:100%;font-weight:700;font-size:14px;padding:15px 30px;border-radius:30px;cursor:pointer;border:none;background:#fff;color:#173b5e;transition:background .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease;white-space:nowrap}.stack-btn:hover{background:#5b9bd5;color:#fff;transform:translateY(-2px);box-shadow:0 10px 24px #5b9bd573}.stack-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:749px){.stack-btn{font-size:12px;padding:14px 10px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-stack-builder.css.map */