*{box-sizing:border-box}body{margin:0;padding:0;font-family:sans-serif;background-color:#2c2c2c;color:#fff}.sliding-panel__ok-button{background-color:gray;color:#fff;border:none;padding:10px;width:100%;cursor:pointer;transition:background-color .3s ease;margin-top:20px;display:block}.sliding-panel__ok-button.active{background-color:green}.sliding-panel__option-button{background-color:gray;color:#fff;border:none;padding:10px;width:100%;cursor:pointer;transition:background-color .3s ease;margin-bottom:10px;display:block;position:relative}.sliding-panel__option-button.selected{background:linear-gradient(to right,gray,gray 90%,green 90%,green)}.gallery-number-selector h3{margin-bottom:10px;color:#fff}.gallery-number-buttons{display:flex;gap:5px}.gallery-number-button{background-color:gray;color:#fff;border:none;padding:8px 12px;cursor:pointer;transition:background-color .3s ease}.gallery-number-button.active{background-color:green}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.home-link{position:fixed;font-size:small;letter-spacing:1px;bottom:20px;right:300px;background-color:#550909;color:#b89e9e;padding:8px 16px;border-radius:4px;text-decoration:none;font-weight:400;z-index:9999}.home-link:hover{background-color:#414141;color:#e3e3e3}.order-form__step-title{background-color:orange;color:#2c2c2c;padding:10px;border-radius:4px;margin:10px 0;font-weight:700;text-align:center;position:relative;display:flex;justify-content:space-between;align-items:center}.order-form__step-title.complete{background-color:#4caf50;color:#fff}.order-form__step-title.incomplete{background-color:#ff9800}.order-form__option-button{padding:8px;background-color:#656565;border:none;color:#fff;cursor:pointer;border-radius:4px;margin-top:4px;position:relative;display:flex;align-items:center;justify-content:space-between;transition:background-color .3s ease}.order-form__option-button.confirmed{background-color:#4b7d4f}.order-form__option-button:hover{background-color:#777}.order-summary__step{font-size:14px;transition:color .3s ease}.order-summary__step.complete{color:#b8e6b8}.order-summary__step.incomplete{color:#ffd180}.order-summary__button{width:100%;padding:10px;background-color:#777;border:none;color:#fff;font-size:16px;cursor:not-allowed;border-radius:4px;transition:background-color .3s ease}.order-summary__button:disabled{background-color:#777;opacity:.7;cursor:not-allowed}.order-summary__button:not(:disabled){background-color:#4caf50;cursor:pointer}.order-summary__button:not(:disabled):hover{background-color:#45a049}.order-form__customer-info{background-color:#e0e0e0;color:#333;padding:6px;margin-top:auto;border-radius:4px;font-size:13px;position:absolute;bottom:20px;left:20px;right:20px;width:calc(100% - 40px)}.order-form__customer-info p{margin:0 0 2px;line-height:1.2}.order-form__customer-info p:last-child{margin-bottom:0}.mobile-blocking-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#2c2c2c;z-index:9999;display:flex;justify-content:center;align-items:center;padding:20px}.mobile-blocking-message{color:#fff;font-size:20px;text-align:center;max-width:90%;background-color:#00000080;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000004d;line-height:1.5}@media (min-width: 480px) and (max-width: 768px){.mobile-blocking-message{font-size:24px;padding:30px}}.app-container{position:relative;display:flex;align-items:stretch;justify-content:center;width:100%;height:100vh}.order-form{width:280px}.visualizer{margin-left:280px;margin-right:280px;width:calc(100% - 560px);height:100%;display:flex;align-items:center;justify-content:center}.order-summary{position:absolute;top:0;right:0;width:280px;height:100vh;background-color:#3a3a3a;padding:20px;overflow:hidden!important;box-sizing:border-box;z-index:10;color:#fff;display:flex;flex-direction:column}.order-summary>*{overflow:visible;flex-shrink:0}.order-summary__table{max-height:calc(100vh - 320px);table-layout:fixed;width:100%}body,html{overflow-x:hidden}.order-summary__table td{word-break:break-word;vertical-align:top}.order-summary__customer-info{background-color:#e0e0e0;color:#333;padding:8px;margin-bottom:10px;border-radius:4px;font-size:14px}.order-summary__header{background-color:#c21212;padding:5px;text-align:center;margin-bottom:15px}.order-summary__header h4{margin:0;font-size:16px;line-height:2}.order-summary__table{width:100%;border-collapse:collapse;margin-bottom:15px}.order-summary__table th{padding:5px;font-size:14px;text-align:left;border-bottom:1px solid #ffffff}.order-summary__table td{padding:5px;font-size:14px}.order-summary__totals{font-size:14px;margin-bottom:15px}.order-summary__line{padding:5px 0;border-bottom:1px solid #ffffff}.order-summary__line:last-child{border-bottom:none}.order-summary__button{width:100%;padding:10px;background-color:#555;border:none;color:#fff;font-size:16px;cursor:pointer;border-radius:4px;transition:background-color .3s ease}.order-summary__button:hover{background-color:#e60000}.order-history{margin-top:20px;max-height:30vh;overflow-y:auto;border-top:1px solid #555;padding-top:10px}.order-history__title{font-size:14px;font-weight:700;margin-bottom:10px;color:#fff}.order-history__list{display:flex;flex-direction:column;gap:10px}.order-history__item{background-color:#444;border-radius:4px;padding:8px;font-size:13px}.order-history__header{display:flex;justify-content:space-between;margin-bottom:5px;font-weight:700;border-bottom:1px solid #555;padding-bottom:5px}.order-history__details{color:#ccc;display:flex;flex-direction:column;gap:3px}.order-form__option-button{padding:8px;background-color:#656565;border:none;color:#fff;cursor:pointer;border-radius:4px;margin-top:4px}.sliding-panel__option-button{width:100%;margin-bottom:10px;padding:8px;background-color:#656565;border:none;color:#fff;cursor:pointer;border-radius:4px}.sliding-panel__cancel-button{width:100%;padding:8px;background-color:#555;border:none;color:#fff;cursor:pointer;border-radius:4px}.order-form{position:absolute;top:0;left:0;background-color:#3a3a3a;padding:20px;z-index:10;height:100vh;overflow-y:auto;border-radius:0}.order-form-header{display:none}form{padding:10px}form div{margin-bottom:10px}label{display:block;font-size:14px;color:#bbb}select,input{width:100%;padding:8px;background-color:#2c2c2c;border:1px solid #555;color:#fff;border-radius:4px;margin-top:4px}select:focus,input:focus{border-color:#2edee1;outline:none}button{padding:8px;background-color:#2edee1;border:none;color:#fff;cursor:pointer;width:100%;border-radius:4px;margin-top:10px}button:hover{background-color:#1bb8c1}.order-form__step-title{background-color:orange;color:#2c2c2c;padding:10px;border-radius:4px;margin:10px 0;font-weight:700;text-align:center}