:root{--breaks-red: #fd0000;--breaks-red-dark: #cc0000;--breaks-white: #ffffff;--breaks-off-white: #f8f8f8;--breaks-text: #111111;--breaks-muted: #666666;--breaks-border: #e5e5e5;--breaks-radius: 8px;--breaks-gap: 20px}.breaks-page *,.breaks-page *:before,.breaks-page *:after{box-sizing:border-box}.breaks-hero{background:var(--breaks-red);color:var(--breaks-white);padding:60px 20px 50px;text-align:center}.breaks-hero__inner{max-width:760px;margin:0 auto}.breaks-hero__badge{display:inline-block;background:#ffffff2e;border:1px solid rgba(255,255,255,.4);border-radius:40px;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:5px 16px;margin-bottom:18px}.breaks-hero__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1;margin:0 0 14px;letter-spacing:-.02em;color:var(--breaks-white)}.breaks-hero__subtitle{font-size:clamp(1rem,2.5vw,1.2rem);margin:0 0 28px;opacity:.9;color:var(--breaks-white)}.breaks-hero__cta{display:inline-block;background:var(--breaks-white);color:var(--breaks-red);font-weight:800;font-size:.95rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;padding:14px 34px;border-radius:var(--breaks-radius);transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 4px 16px #0000002e}.breaks-hero__cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000038;color:var(--breaks-red)}.breaks-steps{background:var(--breaks-off-white);border-bottom:1px solid var(--breaks-border);padding:28px 20px}.breaks-steps__inner{max-width:1200px;margin:0 auto;display:flex;align-items:flex-start;gap:0;flex-wrap:wrap;justify-content:center}.breaks-step{display:flex;align-items:center;gap:12px;padding:10px 28px;position:relative;flex:1 1 180px;min-width:160px;max-width:240px}.breaks-step+.breaks-step:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:36px;background:var(--breaks-border)}@media(max-width:600px){.breaks-step+.breaks-step:before{display:none}.breaks-steps__inner{gap:8px}}.breaks-step__num{flex-shrink:0;width:34px;height:34px;background:var(--breaks-red);color:var(--breaks-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem}.breaks-step__info{display:flex;flex-direction:column;gap:2px}.breaks-step__title{font-size:.85rem;font-weight:700;color:var(--breaks-text);line-height:1.2}.breaks-step__desc{font-size:.75rem;color:var(--breaks-muted);line-height:1.3}.breaks-collection{max-width:1300px;margin:0 auto;padding:32px 20px 60px}.breaks-collection__toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:28px;padding-bottom:16px;border-bottom:2px solid var(--breaks-red)}.breaks-collection__count{font-size:.9rem;font-weight:600;color:var(--breaks-muted);margin:0}.breaks-sort{display:flex;align-items:center;gap:8px}.breaks-sort__label{font-size:.85rem;font-weight:600;color:var(--breaks-text);white-space:nowrap}.breaks-sort__select{font-family:inherit;font-size:.85rem;padding:8px 30px 8px 12px;border:1px solid var(--breaks-border);border-radius:var(--breaks-radius);background:var(--breaks-white);color:var(--breaks-text);cursor:pointer;outline:none;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.breaks-sort__select:focus{border-color:var(--breaks-red)}.breaks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--breaks-gap)}.breaks-grid__empty{grid-column:1 / -1;text-align:center;color:var(--breaks-muted);font-size:1rem;padding:60px 0}.break-card{background:var(--breaks-white);border:1px solid var(--breaks-border);border-radius:var(--breaks-radius);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .18s ease,transform .18s ease;position:relative}.break-card:hover{box-shadow:0 6px 24px #0000001a;transform:translateY(-3px)}.break-card--sold-out{opacity:.65}.break-card__badges{position:absolute;top:10px;left:10px;z-index:2;display:flex;flex-direction:column;gap:4px}.break-card__badge{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:4px;line-height:1.4}.break-card__badge--hot{background:var(--breaks-red);color:var(--breaks-white)}.break-card__badge--preorder{background:#111;color:var(--breaks-white)}.break-card__badge--sold-out{background:#999;color:var(--breaks-white)}.break-card__image-link{display:block;text-decoration:none}.break-card__image-wrap{width:100%;aspect-ratio:1 / 1;overflow:hidden;background:var(--breaks-off-white)}.break-card__img,.break-card__placeholder-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.break-card:hover .break-card__img{transform:scale(1.04)}.break-card__body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}.break-card__title-link{text-decoration:none;color:inherit}.break-card__title{font-size:.88rem;font-weight:700;line-height:1.35;color:var(--breaks-text);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.break-card__title-link:hover .break-card__title{color:var(--breaks-red)}.break-card__price{font-size:.92rem;font-weight:800;color:var(--breaks-red);margin:0}.break-card__btn{margin-top:auto;display:block;width:100%;background:var(--breaks-red);color:var(--breaks-white);border:none;border-radius:var(--breaks-radius);padding:11px 0;font-family:inherit;font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-align:center;text-decoration:none;cursor:pointer;transition:background .15s ease}.break-card__btn:hover{background:var(--breaks-red-dark);color:var(--breaks-white)}.break-card__btn--disabled,.break-card__btn[disabled]{background:#ccc;cursor:not-allowed;color:#888}.break-card--placeholder .break-card__placeholder-img{opacity:.3}.breaks-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:48px}.breaks-pagination__btn{display:inline-block;padding:10px 24px;background:var(--breaks-red);color:var(--breaks-white);font-size:.88rem;font-weight:700;border-radius:var(--breaks-radius);text-decoration:none;transition:background .15s ease}.breaks-pagination__btn:hover{background:var(--breaks-red-dark);color:var(--breaks-white)}.breaks-pagination__info{font-size:.88rem;color:var(--breaks-muted)}.breaks-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(80px);background:#111;color:#fff;font-size:.9rem;font-weight:600;padding:12px 28px;border-radius:40px;box-shadow:0 6px 24px #0000004d;z-index:9999;pointer-events:none;opacity:0;transition:opacity .25s ease,transform .25s ease}.breaks-toast.breaks-toast--visible{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:768px){.breaks-hero{padding:44px 16px 36px}.breaks-collection{padding:24px 12px 48px}.breaks-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media(max-width:420px){.breaks-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/breaks-page.css.map */