.sample-order-page{padding-top:2rem;padding-bottom:2rem}.sample-order-container{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}.sample-order-media{flex:1 1 50%;min-width:300px}.sample-media-item{margin-bottom:20px}.sample-media-item img{width:100%;height:auto;display:block}.sample-order-interface{flex:1 1 40%;min-width:320px;background:#fff;border:1px solid #f0f0f0;padding:20px;border-radius:0;position:sticky;top:20px}@media screen and (max-width: 989px){.sample-order-container{flex-direction:column;align-items:stretch}.sample-order-media{width:100%;max-width:100%;flex:0 0 100%;margin-bottom:2rem}.sample-order-interface{width:100%;position:static}}.sample-header{margin-bottom:20px;border-bottom:1px solid #e1e1e1;padding-bottom:15px;display:flex;flex-direction:column}.sample-header__title{font-size:2rem;margin:0 0 10px;color:#333}.sample-header__price{font-size:1.5rem;font-weight:700;color:#000;margin-bottom:5px}.sample-header__subline{font-size:.9rem;color:#666}.sample-list{display:flex;flex-direction:column;gap:15px;max-height:60vh;overflow-y:auto;padding-right:5px}.sample-item{display:flex;align-items:center;padding:10px;border:1px solid #eee;border-radius:0;transition:all .2s ease}.sample-item.selected{border-color:#000;background-color:#f9f9f9}.sample-item.disabled{opacity:.5;pointer-events:none}.sample-item__image-wrapper{width:250px;margin-right:15px;flex-shrink:0;overflow:hidden;border-radius:0;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center}.sample-item__image{width:100%;height:100%;object-fit:cover;object-position:center}.sample-item__info{flex-grow:1;font-size:1rem;font-weight:500}.sample-item__actions{margin-left:auto;padding-left:10px}.sample-btn-add{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border:1px solid #ccc;border-radius:50%;cursor:pointer;font-size:1.2rem;padding:0;line-height:1;transition:all .2s}.sample-item.selected .sample-btn-add{background:#000;color:#fff;border-color:#000}.sample-btn-add:hover{border-color:#999}.hidden{display:none!important}.sample-footer{margin-top:20px;padding-top:15px;background:#fff;border-top:1px solid #e1e1e1;position:sticky;bottom:0}.sample-footer__note{font-size:.9rem;color:#666;margin-bottom:10px;text-align:center}.sample-error{color:red;font-weight:700}.sample-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px;margin-bottom:20px}.sample-filter-btn{background:#f4f4f4;border:none;padding:6px 14px;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .2s ease;color:#333;font-family:inherit;font-weight:500}.sample-filter-btn:hover{background:#e0e0e0}.sample-filter-btn.active{background:#0070f3;background:#000;color:#fff}.sample-filter-btn.active{background:#f90;color:#fff;font-weight:700}@media screen and (max-width: 749px){.sample-item__image-wrapper{width:120px;margin-right:10px}.sample-item{padding:10px 5px}.sample-item__info{font-size:.9rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/sample-order.css.map */