.cb{--cb-accent:#d1137d;max-width:1240px;margin:auto;padding:40px 20px}.cb__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:48px}.cb__main{aspect-ratio:1/1;background:#f7f7f7;border-radius:18px;overflow:hidden}.cb__main img{width:100%;height:100%;object-fit:cover;display:block}.cb__gallery{position:relative;margin-top:14px;padding:0 42px}.cb__track{display:flex;gap:10px;overflow:auto;scrollbar-width:none;scroll-snap-type:x mandatory}.cb__track::-webkit-scrollbar{display:none}.cb__thumb{flex:0 0 82px;width:82px;height:82px;border:2px solid transparent;border-radius:10px;padding:0;overflow:hidden;background:#f4f4f4;cursor:pointer;scroll-snap-align:start}.cb__thumb.is-active{border-color:var(--cb-accent)}.cb__thumb img{width:100%;height:100%;object-fit:cover}.cb__arrow{position:absolute;top:50%;translate:0 -50%;width:32px;height:32px;border:1px solid #ddd;border-radius:50%;background:#fff;cursor:pointer}.cb__arrow--prev{left:0}.cb__arrow--next{right:0}.cb__title{margin:0 0 8px;font-size:clamp(30px,4vw,48px); color:#000;}.cb__price{font-size:24px;font-weight:700;color:var(--cb-accent);margin-bottom:24px}.cb__label{display:block;font-weight:700;margin:20px 0 10px}.cb__variants{display:grid;gap:10px}.cb__option{display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid #ddd;border-radius:10px;cursor:pointer}.cb__option:has(input:checked){border-color:var(--cb-accent);box-shadow:0 0 0 1px var(--cb-accent)}.cb__qty{width:120px;padding:12px;border:1px solid #ccc;border-radius:8px}.cb__counter{margin:16px 0 10px;padding:12px 14px;border-radius:8px;background:#fff0f8;font-weight:700}.cb__categories{display:grid;grid-template-columns: 1fr;gap:18px}.cb__category{border:1px solid #e5e5e5;border-radius:12px;padding:16px}.cb__category h3{margin:0 0 12px}.cb__checks{display:grid;gap:8px}.cb__check{display:flex;align-items:flex-start;gap:8px}.cb__choices.is-disabled{opacity:.42;pointer-events:none}.cb__whole{padding:16px;border-radius:10px;background:#f1fff4;font-weight:700}.cb__submit{width:100%;margin-top:24px;padding:16px 20px;border:0;border-radius:10px;background:var(--cb-accent);color:#fff;font-weight:800;font-size:16px;cursor:pointer}.cb__submit:disabled{opacity:.45;cursor:not-allowed}@media(max-width:800px){.cb{padding:24px 15px}.cb__grid{grid-template-columns:1fr;gap:28px}.cb__categories{grid-template-columns:1fr}.cb__thumb{flex-basis:70px;width:70px;height:70px}}