#sms-acc-recs{max-width:1100px;margin:1.5rem 0;padding:0 .5rem}#sms-acc-recs .sms-acc-recs__head{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:12px}#sms-acc-recs .sms-acc-recs__title{font-weight:700}#sms-acc-recs .sms-acc-recs__promo{margin-left:auto;background:#00437b;color:#fff;padding:.35rem .6rem;border-radius:999px;font-weight:700;font-size:.9rem;white-space:nowrap}#sms-acc-recs .sms-acc-recs__toggle{border:0;background:transparent;cursor:pointer;font-size:18px;line-height:1}#sms-acc-recs .sms-acc-recs__list{margin-top:10px}#sms-acc-recs .sms-acc-row{display:flex;gap:12px;align-items:center;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;margin:8px 0;background:#fff}#sms-acc-recs .sms-acc-thumb{width:72px;height:72px;flex:0 0 72px;border-radius:8px;overflow:hidden;background:#f6f6f6;position:relative}#sms-acc-recs .sms-acc-thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}#sms-acc-recs .sms-acc-body{flex:1 1 auto;min-width:0}#sms-acc-recs .sms-acc-title{margin:0 0 4px;font-weight:600;line-height:1.25}#sms-acc-recs .sms-acc-title a{color:inherit;text-decoration:none}#sms-acc-recs .sms-acc-price{font-weight:700}#sms-acc-recs .sms-acc-variant select{max-width:280px}#sms-acc-recs .sms-acc-add{margin-left:auto}#sms-acc-recs .sms-acc-add button{min-width:120px;padding:.55rem .8rem;border:0;border-radius:6px;background:#333;color:#fff;cursor:pointer}#sms-acc-recs .sms-acc-add button[disabled]{background:#bbb;cursor:not-allowed}@media (max-width:600px){#sms-acc-recs .sms-acc-recs__promo{font-size:.8rem}#sms-acc-recs .sms-acc-row{align-items:flex-start}#sms-acc-recs .sms-acc-add{margin-left:0}}#sms-acc-recs .sms-acc-thumb{width:72px!important;height:72px!important;flex:0 0 72px!important;position:relative;overflow:hidden;border-radius:8px;background:#f6f6f6}#sms-acc-recs .sms-acc-thumb img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;object-fit:contain!important}#sms-acc-recs .sms-acc-group-title{margin:14px 0 8px;font-weight:700}#sms-acc-recs .sms-acc-list{display:flex;flex-direction:column;gap:8px}#sms-acc-recs .sms-acc-pager{display:flex;justify-content:center;align-items:center;gap:8px;margin:8px 0 16px}#sms-acc-recs .sms-acc-pager button{border:1px solid #e5e7eb;background:#fff;border-radius:6px;padding:.3rem .6rem;cursor:pointer}#sms-acc-recs .sms-acc-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:10px 0}#sms-acc-recs .sms-acc-tab{padding:.45rem .8rem;border:1px solid #e5e7eb;border-radius:999px;background:#fff;cursor:pointer;font-weight:700;white-space:nowrap}#sms-acc-recs .sms-acc-tab.active{background:#00437b;color:#fff;border-color:#00437b}#sms-acc-recs .sms-acc-row.sms-acc-ghost{visibility:hidden;pointer-events:none;min-height:var(--acc-row-h, 96px)}#sms-acc-recs{--acc-accent:#00437b;--acc-bd:#d9e2ef;--acc-pill:#f5f8fc;--acc-text:#1f2937;font-family:inherit}#sms-acc-recs .sms-acc-type-tabs{position:sticky;top:0;z-index:2;display:flex;gap:.5rem;align-items:center;padding:.5rem .25rem;margin:0 0 .75rem;background:#fff;overflow:auto;scrollbar-width:none;border-bottom:1px solid var(--acc-bd)}#sms-acc-recs .sms-acc-type-tabs::-webkit-scrollbar{display:none}#sms-acc-recs .sms-acc-type-tab{appearance:none;-webkit-appearance:none;border:1px solid var(--acc-bd);background:var(--acc-pill);color:var(--acc-text);padding:.5rem .8rem;font-weight:600;font-size:.95rem;border-radius:999px;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .06s}#sms-acc-recs .sms-acc-type-tab.active{background:var(--acc-accent);color:#fff;border-color:var(--acc-accent);box-shadow:0 2px 10px #00437b2e}#sms-acc-recs .sms-btu-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.25rem 0 .75rem}#sms-acc-recs .sms-btu-chip{appearance:none;-webkit-appearance:none;border:1px solid var(--acc-bd);background:#f8fafc;color:var(--acc-text);padding:.35rem .6rem;font-weight:600;font-size:.9rem;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s,transform .06s}#sms-acc-recs .sms-btu-chip.is-active{background:var(--acc-accent);color:#fff;border-color:var(--acc-accent);box-shadow:0 2px 8px #00437b26}#sms-acc-recs .sms-acc-type-pane{padding:.5rem 0}#sms-acc-recs .sms-acc-sku-subtitle{margin:.5rem 0 .4rem;font-size:1rem;font-weight:700;color:#0f172a}#sms-acc-recs .sms-acc-pager{display:flex;align-items:center;gap:.5rem;margin:.5rem 0 0;font-size:.9rem}#sms-acc-recs .sms-acc-pager .prev,#sms-acc-recs .sms-acc-pager .next{-webkit-appearance:none;appearance:none;border:1px solid var(--acc-bd);background:#fff;border-radius:6px;padding:.35rem .55rem;cursor:pointer}#sms-acc-recs .sms-acc-pager .prev:hover,#sms-acc-recs .sms-acc-pager .next:hover{border-color:var(--acc-accent)}#sms-acc-recs .sms-acc-pager .prev:disabled,#sms-acc-recs .sms-acc-pager .next:disabled{opacity:.45;cursor:not-allowed}#sms-acc-recs .sms-acc-type-tabs{position:sticky;top:0;z-index:2;display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:max-content;gap:.5rem .5rem;padding:.5rem .25rem;background:#fff;border-bottom:1px solid var(--acc-bd, #d9e2ef);overflow:visible}#sms-acc-recs .sms-acc-type-tab{width:max-content}#sms-acc-recs .sms-btu-chips{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:max-content;gap:.5rem .5rem;margin:.25rem 0 .75rem}@media (max-width:560px){#sms-acc-recs .sms-acc-type-tabs{display:flex;flex-wrap:nowrap;overflow:auto;scrollbar-width:none}#sms-acc-recs .sms-acc-type-tabs::-webkit-scrollbar{display:none}#sms-acc-recs .sms-btu-chips{display:flex;flex-wrap:wrap}}#sms-acc-recs{--acc-accent:#0b4f8a;--acc-bd:#d9e2ef;--acc-pill:#f5f8fc;--acc-text:#0f172a;font-family:inherit}@media (min-width:641px){#sms-acc-recs .sms-acc-type-tabs{position:sticky;top:0;z-index:2;display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:max-content;gap:.6rem .6rem;padding:.6rem .25rem .8rem;margin:0 0 .5rem;background:#fff;border-bottom:1px solid var(--acc-bd)}}@media (max-width:640px){#sms-acc-recs .sms-acc-type-tabs{display:flex;flex-wrap:wrap;gap:.5rem .5rem;padding:.4rem .25rem .6rem;border-bottom:1px solid var(--acc-bd);background:#fff}}#sms-acc-recs .sms-acc-type-tab{-webkit-appearance:none;appearance:none;border:1px solid var(--acc-bd);background:var(--acc-pill);color:var(--acc-text);padding:1.55rem 1.95rem;font-weight:700;font-size:1.04rem;line-height:1;border-radius:999px;white-space:nowrap;cursor:pointer;width:max-content;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .06s;touch-action:manipulation}#sms-acc-recs .sms-acc-type-tab:hover{border-color:var(--acc-accent)}#sms-acc-recs .sms-acc-type-tab:active{transform:translateY(1px)}#sms-acc-recs .sms-acc-type-tab.active{background:var(--acc-accent);color:#fff;border-color:var(--acc-accent);box-shadow:0 2px 10px #0b4f8a2e}#sms-acc-recs .sms-acc-type-tab:focus-visible{outline:2px solid var(--acc-accent);outline-offset:2px}@media (min-width:641px){#sms-acc-recs .sms-btu-chips{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:max-content;gap:.5rem .5rem;margin:.25rem 0 .9rem}}@media (max-width:640px){#sms-acc-recs .sms-btu-chips{display:flex;flex-wrap:wrap;gap:.5rem .5rem;margin:.25rem 0 .9rem}}#sms-acc-recs .sms-btu-chip{-webkit-appearance:none;appearance:none;border:1px solid var(--acc-bd);background:#f8fafc;color:var(--acc-text);padding:.4rem .7rem;font-weight:700;font-size:1.25rem;line-height:1;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s,transform .06s}#sms-acc-recs .sms-btu-chip:hover{border-color:var(--acc-accent)}#sms-acc-recs .sms-btu-chip:active{transform:translateY(1px)}#sms-acc-recs .sms-btu-chip.is-active{background:var(--acc-accent);color:#fff;border-color:var(--acc-accent);box-shadow:0 2px 8px #0b4f8a26}#sms-acc-recs .sms-btu-chip:focus-visible{outline:2px solid var(--acc-accent);outline-offset:2px}#sms-acc-recs .sms-acc-sku-subtitle{margin:.6rem 0 .4rem;font-size:1.02rem;font-weight:800;color:#0f172a}
/*# sourceMappingURL=/cdn/shop/t/146/assets/product-acc-recs.css.map */