:root{--dr-primary:#503130;--dr-primary-dark:#3d2524;--dr-primary-light:#6a4443;--dr-secondary:#f2e8d5;--dr-secondary-light:#f8f4eb;--dr-secondary-dark:#e5d9c3;--dr-white:#fff;--dr-gray-100:#f7f7f7;--dr-gray-200:#eee;--dr-gray-300:#ddd;--dr-gray-400:#999;--dr-gray-500:#666;--dr-gray-600:#444;--dr-shadow-sm:0 2px 8px rgba(80,49,48,0.1);--dr-shadow-md:0 4px 16px rgba(80,49,48,0.15);--dr-shadow-lg:0 8px 32px rgba(80,49,48,0.2);--dr-shadow-xl:0 16px 48px rgba(80,49,48,0.25);--dr-transition-fast:150ms ease;--dr-transition-normal:250ms ease;--dr-transition-slow:400ms cubic-bezier(0.4,0,0.2,1)}.fabric-selector-btn{position:fixed;bottom:100px;left:24px;z-index:9999;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:0;border-radius:50px;background:linear-gradient(135deg,var(--dr-primary) 0,var(--dr-primary-dark) 100%);color:var(--dr-white);font-family:'Peyda',sans-serif;font-size:14px;font-weight:600;box-shadow:var(--dr-shadow-lg);cursor:pointer;transition:all var(--dr-transition-normal)}.fabric-selector-btn svg{width:22px;height:22px}.fabric-selector-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--dr-shadow-xl);background:linear-gradient(135deg,var(--dr-primary-light) 0,var(--dr-primary) 100%)}.fabric-selector-btn:active{transform:translateY(-1px) scale(0.98)}.current-fabric-badge{padding:4px 10px;border-radius:12px;background:rgba(255,255,255,0.2);font-size:12px;font-weight:500}.fabric-overlay{position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity var(--dr-transition-normal),visibility var(--dr-transition-normal)}.fabric-overlay.active{opacity:1;visibility:visible}.fabric-sidebar{position:fixed;top:0;right:0;z-index:10000;width:420px;max-width:100vw;height:100vh;display:flex;flex-direction:column;background:var(--dr-white);box-shadow:var(--dr-shadow-xl);transform:translateX(100%);transition:transform var(--dr-transition-slow)}.fabric-sidebar.active,.fabric-sidebar.open{transform:translateX(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,var(--dr-primary) 0,var(--dr-primary-dark) 100%);color:var(--dr-white)}.header-content{display:flex;align-items:center;gap:12px}.header-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.15);border-radius:12px}.header-icon svg{width:24px;height:24px}.header-text h2{margin:0;font-size:18px;font-weight:600}.header-subtitle{margin:0;font-size:13px;opacity:.8}.close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:rgba(255,255,255,0.1);color:var(--dr-white);cursor:pointer;transition:background var(--dr-transition-fast)}.close-btn:hover{background:rgba(255,255,255,0.2)}.close-btn svg{width:20px;height:20px}.sidebar-tabs{display:flex;border-bottom:1px solid var(--dr-gray-200);background:var(--dr-gray-100)}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--dr-gray-500);font-family:'Peyda',sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--dr-transition-fast)}.tab-btn svg{width:18px;height:18px}.tab-btn:hover:not(:disabled){background:var(--dr-secondary);color:var(--dr-primary)}.tab-btn.active{background:var(--dr-white);color:var(--dr-primary);border-bottom-color:var(--dr-primary)}.tab-btn:disabled{opacity:.5;cursor:not-allowed}.tab-count{padding:2px 8px;border-radius:10px;background:var(--dr-gray-200);color:var(--dr-gray-500);font-size:12px;font-weight:600}.tab-btn.active .tab-count{background:var(--dr-primary);color:var(--dr-white)}.sidebar-content{flex:1;overflow-y:auto;position:relative}.tab-content{position:absolute;inset:0;padding:16px;opacity:0;visibility:hidden;transform:translateX(20px);overflow-y:auto;transition:all var(--dr-transition-normal)}.tab-content.active{opacity:1;visibility:visible;transform:translateX(0)}.search-box{position:relative;margin-bottom:16px}.search-box svg{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--dr-gray-400);pointer-events:none}.search-box input{width:100%;padding:12px 44px 12px 40px;border:1px solid var(--dr-gray-200);border-radius:12px;background:var(--dr-gray-100);font-family:'Peyda',sans-serif;font-size:14px;color:var(--dr-gray-600);transition:all var(--dr-transition-fast)}.search-box input::placeholder{color:var(--dr-gray-400)}.search-box input:focus{outline:0;background:var(--dr-white);border-color:var(--dr-primary);box-shadow:0 0 0 4px rgba(80,49,48,0.1)}.clear-search{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--dr-gray-200);color:var(--dr-gray-500);cursor:pointer;transition:all var(--dr-transition-fast)}.clear-search:hover{background:var(--dr-gray-300);color:var(--dr-gray-600)}.clear-search svg{position:static;transform:none;width:14px;height:14px}.fabric-card{position:relative;display:flex;flex-direction:column;padding:12px;border:2px solid var(--dr-gray-200);border-radius:16px;background:var(--dr-white);cursor:pointer;transition:all var(--dr-transition-normal)}.fabric-card:hover{border-color:var(--dr-secondary-dark);box-shadow:var(--dr-shadow-md);transform:translateY(-2px)}.fabric-card.selected{border-color:var(--dr-primary);background:var(--dr-secondary-light)}.fabric-card.selected::after{content:'';position:absolute;top:8px;left:8px;width:24px;height:24px;background:var(--dr-primary);border-radius:50%;background-image:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='002424'fill='none'stroke='%23fff'stroke-width='3'%3E%3Cpathd='M206L917l-5-5'/%3E%3C/svg%3E");background-size:14px;background-position:center;background-repeat:no-repeat}.fabric-image{width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;margin-bottom:10px;background:var(--dr-gray-100)}.fabric-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--dr-transition-normal)}.fabric-card:hover .fabric-image img{transform:scale(1.05)}.fabric-name{font-size:14px;font-weight:600;color:var(--dr-gray-600);margin-bottom:4px;text-align:center}.fabric-price{font-size:12px;color:var(--dr-primary);text-align:center;display:flex;align-items:center;justify-content:center;gap:4px}.fabric-nature{display:none;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:6px 12px;margin-bottom:8px;background:var(--dr-gray-600);color:var(--dr-white);border-radius:8px;font-size:11px;white-space:nowrap;z-index:10}.fabric-card:hover .fabric-nature{display:block}.selected-quality-info{margin-bottom:16px;display:none}.quality-info-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--dr-secondary-light);border:1px solid var(--dr-secondary-dark);border-radius:12px}.quality-info-card img{width:50px;height:50px;border-radius:8px;object-fit:cover}.quality-details{flex:1}.quality-details h3{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--dr-gray-600)}.quality-details p{margin:0;font-size:12px;color:var(--dr-gray-500)}.change-quality-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--dr-gray-300);border-radius:8px;background:var(--dr-white);font-size:12px;color:var(--dr-gray-500);cursor:pointer;transition:all var(--dr-transition-fast)}.change-quality-btn:hover{background:var(--dr-gray-100);border-color:var(--dr-primary);color:var(--dr-primary)}.change-quality-btn svg{width:14px;height:14px}.select-quality-first{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center}.select-quality-first svg{width:48px;height:48px;color:var(--dr-gray-400);margin-bottom:16px}.select-quality-first p{margin:0 0 16px;font-size:14px;color:var(--dr-gray-500)}.go-to-quality-btn{padding:10px 20px;border:0;border-radius:10px;background:var(--dr-primary);color:var(--dr-white);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--dr-transition-fast)}.go-to-quality-btn:hover{background:var(--dr-primary-light);box-shadow:var(--dr-shadow-md)}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center}.no-results svg{width:48px;height:48px;color:var(--dr-gray-400);margin-bottom:12px}.no-results p{margin:0;font-size:14px;color:var(--dr-gray-500)}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid var(--dr-gray-200);background:var(--dr-white)}.selection-summary{display:flex;flex-direction:column;gap:4px}.summary-label{font-size:12px;color:var(--dr-gray-400)}.selected-fabric{font-size:14px;font-weight:600;color:var(--dr-primary)}.no-selection{color:var(--dr-gray-400);font-weight:400}.footer-actions{display:flex;gap:10px}.reset-btn,.apply-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border:0;border-radius:10px;font-family:'Peyda',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--dr-transition-fast)}.reset-btn{background:var(--dr-gray-100);color:var(--dr-gray-600)}.reset-btn:hover{background:var(--dr-secondary)}.apply-btn{background:var(--dr-primary);color:var(--dr-white)}.apply-btn:hover{background:var(--dr-primary-light);box-shadow:var(--dr-shadow-md)}.reset-btn svg,.apply-btn svg{width:16px;height:16px}.price-updated{animation:priceFlash .5s ease}@keyframes priceFlash{0%{background-color:transparent}50%{background-color:rgba(230,210,190,0.5)}100%{background-color:transparent}}.tab-content::-webkit-scrollbar,.sidebar-content::-webkit-scrollbar{width:6px}.tab-content::-webkit-scrollbar-track,.sidebar-content::-webkit-scrollbar-track{background:var(--dr-gray-100);border-radius:3px}.tab-content::-webkit-scrollbar-thumb,.sidebar-content::-webkit-scrollbar-thumb{background:var(--dr-gray-300);border-radius:3px}.tab-content::-webkit-scrollbar-thumb:hover,.sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--dr-gray-400)}@media(max-width:480px){.fabric-selector-btn{bottom:80px;left:16px;padding:12px 16px}.fabric-sidebar{width:100vw}.fabric-grid{grid-template-columns:repeat(2,1fr);gap:8px}.fabric-card{padding:8px}.sidebar-footer{flex-direction:column;gap:12px}.footer-actions{width:100%}.reset-btn,.apply-btn{flex:1;justify-content:center}}.price-updated{animation:priceFlash .5s ease-out}@keyframes priceFlash{0%{background-color:rgba(80,49,48,0.3);transform:scale(1.05)}100%{background-color:transparent;transform:scale(1)}}.product-card .fabric-indicator{position:absolute;top:8px;left:8px;background:var(--dr-primary);color:var(--dr-white);font-size:10px;padding:4px 8px;border-radius:4px;z-index:10;opacity:0;transform:translateY(-10px);transition:all .3s ease}.product-card.has-fabric-price .fabric-indicator{opacity:1;transform:translateY(0)}