.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}}.sample-footer__hint{margin-top:10px;margin-bottom:0;font-size:1.15rem;color:rgba(var(--color-foreground),.55);text-align:center;letter-spacing:.01em}.sample-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:flex-start;justify-content:center;overflow-y:auto;-webkit-overflow-scrolling:touch}.sample-modal.is-open{display:block}body.sample-modal-open{overflow:hidden}.sample-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1414148c;cursor:pointer;animation:sample-modal-fade .2s ease;z-index:1}@keyframes sample-modal-fade{0%{opacity:0}to{opacity:1}}.sample-modal__dialog{position:relative;background:#fff;width:100%;max-width:540px;border-radius:var(--popup-corner-radius, 6px);box-shadow:0 20px 60px #00000038;padding:3rem 3rem 2.25rem;margin:40px auto;animation:sample-modal-pop .25s cubic-bezier(.18,.89,.32,1.28);z-index:2}@keyframes sample-modal-pop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sample-modal__close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgba(var(--color-foreground),.7);transition:background .15s,color .15s;padding:0;z-index:3}.sample-modal__close:hover{background:rgba(var(--color-foreground),.06);color:rgb(var(--color-foreground))}.sample-modal__close svg{width:14px;height:14px}.sample-modal__header{margin-bottom:1.75rem}.sample-modal__title{font-family:var(--font-heading-family);font-size:2.4rem;line-height:1.2;margin:0 0 .75rem;color:rgb(var(--color-foreground));font-weight:500;letter-spacing:-.01em}.sample-modal__subtitle{font-size:1.35rem;line-height:1.55;margin:0;color:rgba(var(--color-foreground),.7)}.sample-modal__selection{background:#f7f6f3;border-radius:4px;padding:1.25rem 1.4rem;margin-bottom:2rem}.sample-modal__selection-header{font-size:1.1rem;font-weight:600;color:rgb(var(--color-foreground));margin-bottom:.75rem;letter-spacing:.02em;text-transform:uppercase}.sample-modal__selection-list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px 6px}.sample-modal__selection-list li{display:inline-block;background:#fff;border:1px solid rgba(var(--color-foreground),.1);padding:.45rem 1rem;font-size:1.15rem;color:rgba(var(--color-foreground),.85);border-radius:100px;line-height:1.3}.sof-form{display:flex;flex-direction:column;gap:1.25rem}.sof-field{display:flex;flex-direction:column;width:100%}.sof-grid{display:grid;gap:1.25rem}.sof-grid--2{grid-template-columns:1fr 1fr}.sof-grid--plz-ort{grid-template-columns:120px 1fr}.sof-label{display:block;font-size:1.15rem;font-weight:600;color:rgba(var(--color-foreground),.7);margin:0 0 .55rem;letter-spacing:.04em;text-transform:uppercase;line-height:1.3}.sof-required{color:#c0392b;font-weight:500}.sof-optional{font-weight:400;color:rgba(var(--color-foreground),.45);text-transform:none;letter-spacing:0;font-size:1rem;margin-left:.35rem}.sof-input{width:100%;padding:0 1.1rem;border:1px solid rgba(var(--color-foreground),.18);border-radius:var(--inputs-radius, 4px);background:#fff;font-size:1.3rem;color:rgb(var(--color-foreground));transition:border-color .15s,box-shadow .15s;font-family:inherit;height:48px;line-height:48px;box-sizing:border-box;-webkit-appearance:none;appearance:none}.sof-input::placeholder{color:rgba(var(--color-foreground),.4)}.sof-input:focus{outline:none;border-color:rgb(var(--color-foreground));box-shadow:0 0 0 3px rgba(var(--color-foreground),.08)}.sof-input:invalid:not(:placeholder-shown){border-color:#c0392b99}.sof-check{display:grid;grid-template-columns:22px 1fr;gap:.85rem;align-items:start;cursor:pointer;font-size:1.2rem;line-height:1.5;color:rgba(var(--color-foreground),.8);padding:.25rem 0;-webkit-user-select:none;user-select:none}.sof-check input[type=checkbox]{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.sof-check__box{width:22px;height:22px;border:1px solid rgba(var(--color-foreground),.3);border-radius:3px;background:#fff;position:relative;transition:border-color .15s,background .15s;margin-top:1px;flex-shrink:0}.sof-check:hover .sof-check__box{border-color:rgba(var(--color-foreground),.55)}.sof-check input:focus-visible+.sof-check__box{box-shadow:0 0 0 3px rgba(var(--color-foreground),.12)}.sof-check input:checked+.sof-check__box{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.sof-check input:checked+.sof-check__box:after{content:"";position:absolute;top:4px;left:7px;width:5px;height:10px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.sof-check__label a{color:rgb(var(--color-foreground));text-decoration:underline}.sof-check__label a:hover{text-decoration:none}.sof-error{background:#fdecea;border:1px solid #f5c6c2;color:#8b1e1e;padding:.75rem 1rem;border-radius:4px;font-size:1.15rem;margin-top:.25rem}.sof-submit{margin-top:.75rem;width:100%;min-height:52px;padding:1rem 1.5rem;font-family:inherit;font-size:1.2rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-button-text, 255, 255, 255));background:rgb(var(--color-button, 0, 0, 0));border:none;border-radius:var(--buttons-radius, 4px);cursor:pointer;transition:opacity .15s,transform .08s;position:relative;line-height:1.2}.sof-submit:hover{opacity:.92}.sof-submit:active{transform:translateY(1px)}.sof-submit:disabled{opacity:.55;cursor:not-allowed}.sof-submit.loading{cursor:wait;opacity:.7}.sof-privacy{font-size:1.05rem;color:rgba(var(--color-foreground),.5);text-align:center;margin:.25rem 0 0;line-height:1.4}.sample-modal__success,.sample-modal__error-box{text-align:center;padding:1rem .25rem .5rem}.sample-modal__success svg{width:64px;height:64px;color:#2d7a3d;margin-bottom:1.25rem}.sample-modal__success .sample-modal__title,.sample-modal__error-box .sample-modal__title{text-align:center;margin-bottom:1rem}.sample-modal__success .sample-modal__subtitle,.sample-modal__error-box .sample-modal__subtitle{margin-bottom:1.5rem}.sample-modal__success .button,.sample-modal__error-box .button{margin-top:.5rem;min-width:180px}@media screen and (max-width:580px){.sample-modal__dialog{margin:0;border-radius:0;padding:4rem 1.5rem 2rem;min-height:100vh;max-width:none}.sample-modal__title{font-size:2rem}.sample-modal__subtitle{font-size:1.25rem}.sof-grid--2{grid-template-columns:1fr}.sof-grid--plz-ort{grid-template-columns:110px 1fr}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/sample-order.css.map */