.color-hierarchy-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .7);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity 0.3s ease-in-out,visibility 0.3s ease-in-out}.color-hierarchy-modal-overlay.active{opacity:1;visibility:visible}.color-hierarchy-modal-content{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 15px rgb(0 0 0 / .2);max-width:90%;max-height:90%;position:relative;width:1000px;transform:translateY(20px);transition:transform 0.3s ease-in-out;display:flex;flex-direction:column;@media (max-width:600px){max-height:98%}}.color-hierarchy-modal-overlay.active .color-hierarchy-modal-content{transform:translateY(0)}.color-hierarchy-modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px}.color-hierarchy-modal-header h3{margin:0;font-size:1.5em;color:#333}.modal-header-actions{display:flex;gap:10px;align-items:center;width:100%;justify-content:space-between}.color-hierarchy-reset-btn{background:#f0f0f0;border:1px solid #ddd;padding:6px 12px;border-radius:5px;cursor:pointer;font-size:.9em;color:#555}.color-hierarchy-reset-btn:hover{background:#e0e0e0}.color-hierarchy-close-btn{background:none;border:none;font-size:2em;cursor:pointer;color:#999;line-height:1;padding:0}.color-hierarchy-close-btn:hover{color:#333}.color-hierarchy-modal-body{display:flex;flex-direction:column;gap:20px;overflow-y:auto;flex:1;max-height:calc(90vh - 200px);@media (max-width:600px){max-height:96vh}}.attribute-selection-section{border:1px solid #eee;padding:15px;border-radius:8px;background-color:#fdfdfd;display:flex;flex-direction:column;gap:15px}.attribute-selection-section h4{margin-top:0;margin-bottom:15px;font-size:1.2em;color:#007cba}.colors-and-preview-container{display:flex;gap:12px;min-height:330px}.colors-selection-column{flex:1;display:flex;flex-direction:column;gap:15px}.color-preview-column{flex:0 0 300px;display:flex;flex-direction:column;gap:15px;border-left:1px solid #eee;padding-left:20px}.color-preview-header{font-size:1.1em;font-weight:700;color:#333;margin:0}.color-preview-container{border:1px solid #ddd;border-radius:8px;padding:10px;background-color:#fff;text-align:center;max-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;@media (max-width:600px){display:none}}.color-preview-image{max-width:100%;max-height:300px;object-fit:contain;border-radius:4px;border:1px solid #eee;margin-bottom:5px;min-height:140px;min-width:140px}.color-preview-info{text-align:center}.color-preview-info h5{margin:0;font-size:1.2em;line-height:1.2em;color:#333}.color-preview-info p{margin:0;font-size:.9em;color:#666}.color-preview-placeholder{color:#999;font-style:italic;font-size:1.1em}.color-hierarchy-groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:7px;padding:7px;margin:-7px -7px 20px -7px;@media (max-width:600px){overflow-y:auto;max-height:280px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.color-group-option{border:1px solid #ddd;border-radius:8px;padding:15px;text-align:center;cursor:pointer;transition:all 0.2s ease-in-out;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff}.color-group-option:hover{border-color:#007cba;box-shadow:0 2px 8px rgb(0 124 186 / .2)}.color-group-option.active{border-color:#007cba;background-color:#e6f7ff;box-shadow:0 0 0 2px #007cba}.color-group-option h4{margin:0 0 5px 0;font-size:1.2em;color:#333}.color-group-option p{margin:0;font-size:.9em;color:#666}.color-hierarchy-colors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-template-rows:max-content;height:min-content;gap:12px;flex:0 0 65%;max-height:320px;overflow:auto;padding:5px;margin:-5px;@media (max-width:600px){flex:0 0 100%}&:has(>.color-hierarchy-loader){grid-template:1fr / 1fr}}.color-option{border:1px solid #ddd;border-radius:8px;padding:10px;text-align:center;cursor:pointer;transition:all 0.2s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:90px;background-color:#fff}.color-option:hover{border-color:#007cba;box-shadow:0 2px 8px rgb(0 124 186 / .2);transform:translateY(-2px)}.color-option.active-color{border-color:#007cba;background-color:#e6f7ff;box-shadow:0 0 0 2px #007cba}.color-option.color-excluded{opacity:.5;cursor:not-allowed;background-color:#f8f8f8;position:relative;display:none}.color-option.color-excluded:hover{border-color:#ddd;box-shadow:none}.color-thumbnail{width:50px;height:50px;border-radius:4px;overflow:hidden;margin-bottom:10px;border:1px solid #eee;display:flex;align-items:center;justify-content:center}.color-featured-image{width:100%;height:100%;object-fit:cover}.color-placeholder{width:100%;height:100%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:.7em;color:#999;text-align:center;line-height:1.2;padding:5px}.color-info h4{margin:0 0 5px 0;font-size:1em;color:#333}.color-info p{margin:0;font-size:.9em;color:#666;line-height:1.3}.excluded-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgb(255 0 0 / .8);color:#fff;padding:5px 10px;border-radius:5px;font-weight:700;font-size:.9em;white-space:nowrap}.wybierz-button{background:#007cba;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;font-size:1em;margin-top:10px;transition:background-color 0.2s}.wybierz-button:hover{background:#005a87}.color-hierarchy-modal-footer{border-top:1px solid #eee;padding-top:15px;margin-top:20px;text-align:right}.color-hierarchy-confirm-selection{background:#007cba;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1.1em;transition:background-color 0.2s}.color-hierarchy-confirm-selection:hover{background:#005a87}.color-hierarchy-loader{padding:20px;background:#fff;border-radius:8px;font-size:1.2em;font-weight:700;color:#333;text-align:center;justify-content:center;flex-direction:column}.color-hierarchy-main-selector{margin-bottom:15px}.inline-spinner{display:block;align-items:center;justify-content:center;width:32px;height:32px}.color-hierarchy-main-selector .selected-color-label{display:block;font-weight:700;margin-bottom:5px}.selected-color-display-box{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #ddd;border-radius:5px;background-color:#f9f9f9;cursor:pointer;transition:all 0.2s ease-in-out}.selected-color-display-box:hover{border-color:#007cba;box-shadow:0 2px 8px rgb(0 124 186 / .1)}.selected-color-image{width:40px;height:40px;object-fit:cover;border-radius:4px;border:1px solid #ccc;flex-shrink:0}.selected-color-name-display{font-weight:700;color:#333;flex-grow:1}.selected-color-group-display{font-size:.9em;color:#666}@media (max-width:991px){.selected-color-display-box{flex-wrap:wrap}.selected-color-group-display{width:calc(100% - 50px);margin-top:-15px;font-size:.8em}.selected-color-name-display{font-weight:700;color:#333;flex-grow:1;position:absolute;margin-left:50px;bottom:13px}}[class*="wc-block-components-product-details__kolorystyka-"]{display:none!important}.woocommerce-table__line-item.order_item .wc-item-meta{padding-left:0}.woocommerce-table__line-item.order_item .wc-item-meta li{display:flex;align-items:center;gap:10px;list-style:none;font-size:.75em;margin-bottom:5px}.woocommerce-table__line-item.order_item .wc-item-meta li p{margin:0}