.envelope-selector-container{min-height:100vh;background:linear-gradient(135deg,#f8f5f2 0%,#f3ede8 100%);background-image:url('data:image/svg+xml;utf8,') repeat;}.envelope-selector-container *{box-sizing:border-box;}.input-panel,.results-panel,.category-btn,.sub-category-btn,.filter-btn,.unit-btn{transform:translateZ(0);backface-visibility:hidden;}.header-section{padding:40px 0 20px 0;text-align:center;}.page-title{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:12px;font-family:'Montserrat',sans-serif;}.page-subtitle{font-size:1.1rem;color:#7f8c8d;margin-bottom:0;max-width:600px;margin-left:auto;margin-right:auto;}.container{max-width:1200px;margin:0 auto;padding:0 20px;}.main-content{padding:20px 0 60px 0;}.selector-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px;}.input-panel,.results-panel{background:linear-gradient(135deg,#ffffff 0%,#fafafa 100%);border-radius:20px;padding:30px;box-shadow:0 8px 32px rgba(184,155,140,0.12);border:1px solid rgba(184,155,140,0.15);transition:all 0.3s ease;}.input-panel:hover,.results-panel:hover{box-shadow:0 12px 40px rgba(184,155,140,0.18);transform:translateY(-2px);}.panel-header h2{color:#2c3e50;font-size:1.4rem;font-weight:600;margin-bottom:8px;font-family:'Montserrat',sans-serif;}.panel-header p{color:#7f8c8d;font-size:0.95rem;margin-bottom:24px;line-height:1.5;}.size-input-section{margin-bottom:30px;}.category-selection-section{margin-bottom:30px;}.category-selection-section h3{color:#2c3e50;font-size:1.2rem;font-weight:700;margin-bottom:16px;font-family:'Montserrat',sans-serif;display:flex;align-items:center;gap:8px;}.category-selection-section h3::before{content:"📂";font-size:1.1rem;}.category-selection-section h4{color:#34495e;font-size:1rem;font-weight:600;margin-bottom:16px;margin-top:24px;font-family:'Montserrat',sans-serif;display:flex;align-items:center;gap:8px;padding-left:16px;position:relative;}.category-selection-section h4::before{content:"📁";font-size:0.9rem;}.category-selection-section h4::after{content:"";position:absolute;left:0;top:50%;width:3px;height:100%;background:linear-gradient(to bottom,#b89b8c,#d4c3b6);border-radius:2px;transform:translateY(-50%);}.main-category-selection,.sub-category-selection{margin-bottom:20px;}.category-buttons,.sub-category-buttons{display:grid;grid-template-columns:1fr 1fr;gap:16px;}.category-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;}.sub-category-buttons{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch;}.sub-category-buttons > *{height:100%;}.sub-category-btn{margin-left:0 !important;width:100%;min-height:100px;height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;}.davetiye-subs,.torba-subs{animation:slideDown 0.3s ease-out;}.torba-filters-section,.davetiye-filters-section{margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#f8f5f2 0%,#f3ede8 100%);border-radius:12px;border:1px solid #e3d1c2;animation:slideDown 0.3s ease-out;}.torba-filters-section h4,.davetiye-filters-section h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:20px;font-family:'Montserrat',sans-serif;}.filter-group{margin-bottom:20px;}.filter-group:last-child{margin-bottom:0;}.filter-label{display:block;font-size:0.9rem;color:#5a6c7d;margin-bottom:12px;font-weight:500;}.filter-options{display:flex;flex-wrap:wrap;gap:8px;}.filter-btn{padding:8px 16px;border:2px solid #d1c4b8;background:#ffffff;border-radius:20px;font-size:0.85rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;font-family:'Montserrat',sans-serif;white-space:nowrap;}.filter-btn:hover{border-color:#b89b8c;background:#f8f5f2;transform:translateY(-1px);}.filter-btn.active{background:#b89b8c;color:#ffffff;border-color:#b89b8c;box-shadow:0 2px 8px rgba(184,155,140,0.3);}.filter-btn.active:hover{background:#a08872;border-color:#a08872;}.category-btn,.sub-category-btn{padding:20px 16px;border:2px solid #e3d1c2;background:linear-gradient(135deg,#ffffff 0%,#fafafa 100%);border-radius:12px;cursor:pointer;transition:all 0.3s ease;text-align:center;font-family:'Montserrat',sans-serif;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:120px;justify-content:center;}.category-btn{box-shadow:0 4px 16px rgba(184,155,140,0.1);border-width:2px;}.sub-category-btn{padding:16px 14px;min-height:100px;margin-left:20px;background:linear-gradient(135deg,#f9f7f5 0%,#f4f1ee 100%);border:1.5px solid #e8ddd6;box-shadow:inset 2px 0 0 #d4c3b6,0 2px 8px rgba(184,155,140,0.08);position:relative;}.category-btn:hover,.sub-category-btn:hover{border-color:#b89b8c;transform:translateY(-2px);box-shadow:0 6px 20px rgba(184,155,140,0.15);}.category-btn:hover{background:linear-gradient(135deg,#f8f5f2 0%,#f3ede8 100%);}.sub-category-btn:hover{background:linear-gradient(135deg,#f6f3f0 0%,#f1ebe6 100%);box-shadow:inset 2px 0 0 #b89b8c,0 6px 20px rgba(184,155,140,0.15);}.category-btn.active,.sub-category-btn.active{border-color:#b89b8c;background:linear-gradient(135deg,#b89b8c 0%,#a08872 100%);color:#ffffff;box-shadow:0 6px 20px rgba(184,155,140,0.3);}.sub-category-btn.active{box-shadow:inset 2px 0 0 #8b7763,0 6px 20px rgba(184,155,140,0.3);}.category-btn i,.sub-category-btn i{opacity:0.8;margin-bottom:4px;}.category-btn i{font-size:1.8rem;}.sub-category-btn i{font-size:1.5rem;}.category-btn.active i,.sub-category-btn.active i{opacity:1;}.category-btn span,.sub-category-btn span{font-weight:600;margin-bottom:4px;}.category-btn span{font-size:1rem;}.sub-category-btn span{font-size:0.9rem;}.category-btn small,.sub-category-btn small{opacity:0.8;line-height:1.3;text-align:center;}.category-btn small{font-size:0.8rem;}.sub-category-btn small{font-size:0.75rem;}.sub-category-selection{animation:slideDown 0.3s ease-out;background:linear-gradient(135deg,#faf8f6 0%,#f5f2ef 100%);border:1px solid #e8ddd6;border-radius:16px;padding:24px;margin-top:20px;position:relative;box-shadow:inset 0 1px 3px rgba(184,155,140,0.1),0 2px 8px rgba(184,155,140,0.08);}.sub-category-selection::before{content:"";position:absolute;top:-1px;left:20px;right:20px;height:3px;background:linear-gradient(to right,transparent,#d4c3b6,transparent);border-radius:2px;}@keyframes slideDown{from{opacity:0;transform:translateY(-10px);}to{opacity:1;transform:translateY(0);}}.size-input-section{margin-bottom:30px;}.input-group{display:flex;align-items:center;gap:8px;width:100%;}.swap-button-container{display:flex;align-items:center;justify-content:center;margin-top:24px;}.swap-btn{width:40px;height:40px;border:2px solid #b89b8c;background:linear-gradient(135deg,#ffffff 0%,#fafafa 100%);border-radius:50%;color:#b89b8c;font-size:1rem;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(184,155,140,0.15);}.swap-btn:hover{background:linear-gradient(135deg,#b89b8c 0%,#a08872 100%);color:#ffffff;transform:rotate(180deg) scale(1.1);box-shadow:0 4px 16px rgba(184,155,140,0.25);}.swap-btn:active{transform:rotate(180deg) scale(0.95);}.input-field{position:relative;flex:1;min-width:0;}.input-field label{display:block;font-size:0.9rem;color:#5a6c7d;margin-bottom:8px;font-weight:500;}.input-field input{width:100%;padding:12px 55px 12px 16px;border:2px solid #e3d1c2;border-radius:12px;font-size:1rem;background:#fafafa;transition:all 0.3s ease;font-family:'Montserrat',sans-serif;text-align:left;box-sizing:border-box;}.input-field::after{content:attr(data-unit);position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#7a6b5d;font-size:1rem;font-family:'Montserrat',sans-serif;margin-top:13px;pointer-events:none;letter-spacing:0.5px;text-shadow:0 1px 2px rgba(184,155,140,0.1);opacity:0.9;line-height:1;min-width:24px;text-align:center;}.input-field input:focus{outline:none;border-color:#b89b8c;background:#ffffff;box-shadow:0 0 0 3px rgba(184,155,140,0.1);}.input-field input:focus + .unit-indicator,.input-field:focus-within::after{color:#b89b8c;opacity:1;transform:translateY(-50%) scale(1.05);text-shadow:0 2px 4px rgba(184,155,140,0.2);font-weight:600;}.swap-dimensions-container{display:flex;align-items:center;justify-content:center;margin:0 8px;}.input-field input:focus{outline:none;border-color:#b89b8c;background:#ffffff;box-shadow:0 0 0 3px rgba(184,155,140,0.1);}.unit-toggle{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#f8f5f2 0%,#f4f1ee 100%);border-radius:12px;border:1px solid #e3d1c2;margin-top:16px;box-shadow:0 2px 8px rgba(184,155,140,0.08);}.unit-label{font-size:1em;color:#a08872;margin-left:2px;min-width:2em;font-weight:600;opacity:0.85;}.unit-btn{padding:8px 16px;border:1px solid #d1c4b8;background:#ffffff;border-radius:8px;font-size:0.9rem;font-weight:700;cursor:pointer;transition:all 0.3s ease;font-family:'Montserrat',sans-serif;min-width:45px;text-align:center;letter-spacing:0.5px;}.unit-btn.active{background:linear-gradient(135deg,#b89b8c 0%,#a08872 100%);color:#ffffff;border-color:#b89b8c;box-shadow:0 2px 8px rgba(184,155,140,0.3);transform:translateY(-1px);}.unit-btn:hover:not(.active){background:#f6f3f0;border-color:#b89b8c;transform:translateY(-1px);box-shadow:0 2px 8px rgba(184,155,140,0.15);}.quick-selection h3{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:16px;font-family:'Montserrat',sans-serif;}.quick-sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:30px;}.quick-size-btn{padding:12px 8px;border:2px solid #e3d1c2;background:#ffffff;border-radius:10px;font-size:0.9rem;font-weight:600;color:#5a6c7d;cursor:pointer;transition:all 0.3s ease;font-family:'Montserrat',sans-serif;}.quick-size-btn:hover{border-color:#b89b8c;background:#f8f5f2;color:#2c3e50;transform:translateY(-1px);}.quick-size-btn.active{background:#b89b8c;color:#ffffff;border-color:#b89b8c;}.search-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#b89b8c 0%,#a08872 100%);color:#ffffff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:12px;font-family:'Montserrat',sans-serif;}.search-btn:hover{background:linear-gradient(135deg,#a08872 0%,#8f7961 100%);transform:translateY(-2px);box-shadow:0 8px 20px rgba(184,155,140,0.4);}.search-btn:active{transform:translateY(0);}.search-btn:disabled{background:linear-gradient(135deg,#e5e5e5 0%,#d5d5d5 100%);color:#999999;cursor:not-allowed;transform:none;box-shadow:none;opacity:0.6;}.search-btn:disabled:hover{background:linear-gradient(135deg,#e5e5e5 0%,#d5d5d5 100%);transform:none;box-shadow:none;}.search-btn[disabled]{position:relative;}.search-btn[disabled]:hover::after{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);color:#ffffff;padding:12px 16px;border-radius:8px;font-size:0.9rem;font-weight:500;white-space:nowrap;z-index:1000;box-shadow:0 4px 12px rgba(44,62,80,0.3);border:1px solid rgba(255,255,255,0.1);animation:tooltipFadeIn 0.3s ease;pointer-events:none;}.search-btn[disabled]:hover::before{content:"";position:absolute;bottom:110%;left:50%;margin-left:-6px;border-width:6px;border-style:solid;border-color:#2c3e50 transparent transparent transparent;z-index:1001;animation:tooltipFadeIn 0.3s ease;}@keyframes tooltipFadeIn{from{opacity:0;transform:translateX(-50%) translateY(5px);}to{opacity:1;transform:translateX(-50%) translateY(0);}}.search-info{font-size:0.9rem;color:#7f8c8d;padding:12px 16px;background:#f8f5f2;border-radius:8px;border-left:4px solid #b89b8c;display:none;}.results-area{min-height:300px;margin-top:20px;}.no-search-state{text-align:center;padding:60px 20px;color:#95a5a6;}.no-search-icon{font-size:3rem;margin-bottom:20px;opacity:0.5;}.no-search-state p{font-size:1.1rem;margin-bottom:8px;color:#7f8c8d;}.no-search-state small{font-size:0.9rem;color:#95a5a6;}.envelope-results{display:grid;gap:20px;}.envelope-card{background:linear-gradient(135deg,#ffffff 0%,#fafafa 100%);border:2px solid #e3d1c2;border-radius:16px;padding:24px;cursor:pointer;transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);position:relative;overflow:hidden;box-shadow:0 4px 16px rgba(184,155,140,0.08);}.envelope-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e3d1c2,#b89b8c,#e3d1c2);opacity:0;transition:opacity 0.3s ease;}.envelope-card:hover::before{opacity:1;}.envelope-card:hover{border-color:#b89b8c;transform:translateY(-4px);box-shadow:0 12px 32px rgba(184,155,140,0.18);}.envelope-card.selected{border-color:#b89b8c;background:linear-gradient(135deg,#f8f5f2 0%,#f3ede8 100%);box-shadow:0 12px 32px rgba(184,155,140,0.25);transform:translateY(-2px);}.envelope-card.selected::before{opacity:1;}.envelope-card.grouped{border-left:5px solid #b89b8c;position:relative;}.envelope-card.grouped::after{content:'';position:absolute;top:20px;right:20px;width:12px;height:12px;background:#b89b8c;border-radius:50%;box-shadow:0 0 0 3px rgba(184,155,140,0.2);}.envelope-card.grouped:hover{border-left-color:#a0857a;box-shadow:0 12px 32px rgba(184,155,140,0.2);}.envelope-variants{margin-top:16px;background:#ffffff;border:1px solid rgba(184,155,140,0.12);border-radius:8px;padding:16px;}.variants-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}.variants-label{font-size:0.75rem;font-weight:600;color:#8b7065;text-transform:uppercase;letter-spacing:0.5px;}.variants-count{background:#8b7065;color:white;padding:2px 8px;border-radius:8px;font-size:0.7rem;font-weight:600;}.variants-grid{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;}.variant-card{background:linear-gradient(135deg,#fdfcfb 0%,#f8f6f4 50%,#f5f2ef 100%);border:1px solid rgba(184,155,140,0.2);border-radius:12px;padding:14px 12px;cursor:pointer;transition:all 0.35s cubic-bezier(0.25,0.8,0.25,1);min-height:65px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;box-shadow:0 2px 8px rgba(184,155,140,0.08),0 1px 3px rgba(109,76,61,0.06);transform:perspective(500px) rotateX(0deg);overflow:hidden;flex:0 0 auto;width:calc(33.333% - 6px);}.variant-card::before{content:'';position:absolute;top:8px;right:8px;width:6px;height:6px;background:linear-gradient(135deg,#b89b8c 0%,#8b7266 100%);border-radius:50%;opacity:0.4;transition:all 0.3s ease;box-shadow:0 0 0 0 rgba(184,155,140,0.4);}.variant-card::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.1) 50%,transparent 70%);transform:rotate(-45deg) translateX(-100%);transition:transform 0.6s ease;pointer-events:none;}.variant-card:hover{background:linear-gradient(135deg,#f5f1ed 0%,#ede8e4 50%,#e8ddd6 100%);border-color:#b89b8c;transform:perspective(500px) rotateX(5deg) translateY(-3px) scale(1.02);box-shadow:0 8px 25px rgba(184,155,140,0.2),0 4px 12px rgba(109,76,61,0.15),inset 0 1px 0 rgba(255,255,255,0.6);}.variant-card:hover::before{opacity:1;transform:scale(1.3);box-shadow:0 0 0 3px rgba(184,155,140,0.2);background:linear-gradient(135deg,#d4c3b6 0%,#b89b8c 100%);}.variant-card:hover::after{transform:rotate(-45deg) translateX(100%);}.variant-material{font-weight:600;font-size:0.76rem;color:#2d2d2d;margin-bottom:3px;line-height:1.1;transition:all 0.3s ease;text-shadow:0 1px 2px rgba(255,255,255,0.8);}.variant-weight{font-size:0.66rem;color:#8b7266;font-weight:500;transition:all 0.3s ease;opacity:0.85;}.variant-card.variant-hidden{display:none;}.variant-card.selected{background:linear-gradient(135deg,#b89b8c 0%,#a08872 50%,#8b7763 100%);border-color:#8b7763;color:white;transform:perspective(500px) rotateX(2deg) translateY(-1px) scale(1.05);box-shadow:0 6px 20px rgba(184,155,140,0.35),0 3px 10px rgba(109,76,61,0.25),inset 0 1px 0 rgba(255,255,255,0.3),inset 0 -1px 0 rgba(0,0,0,0.1);}.variant-card.selected .variant-material,.variant-card.selected .variant-weight{color:white;text-shadow:0 1px 2px rgba(0,0,0,0.3);}.variant-card.selected::before{background:linear-gradient(135deg,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.7) 100%);opacity:1;box-shadow:0 0 0 2px rgba(255,255,255,0.4);transform:scale(1.2);}.variant-card.selected::after{background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.2) 50%,transparent 70%);}.show-more-variants{background:#f0ede9;border:1px dashed rgba(184,155,140,0.3);border-radius:8px;padding:12px;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;gap:6px;font-size:0.7rem;font-weight:600;color:#8b7065;min-height:65px;flex:0 0 auto;width:calc(33.333% - 6px);min-width:80px;}.show-more-variants:hover{background:#e6ddd6;border-color:#b8998c;transform:translateY(-1px);}.show-more-variants.expanded{background:#d0c4ba;border-color:#a3887a;color:#6b544a;}.show-more-variants.expanded:hover{background:#c5b7ab;}.show-more-icon{font-size:0.7rem;transition:transform 0.2s ease;}.show-more-variants.expanded .show-more-icon{transform:rotate(180deg);}.clickable-variant{cursor:pointer;transition:all 0.3s ease;}.clickable-variant:hover{background:#f5e9df;color:#8d6748;border-color:#8d6748;box-shadow:0 2px 8px rgba(141,103,72,0.08);color:#ffffff;}.clickable-variant:active{transform:translateY(-1px) scale(1.02);}.filtered-variant{background:linear-gradient(135deg,#e8f5e8 0%,#d4edda 100%) !important;border:2px solid #28a745 !important;color:#155724 !important;font-weight:bold !important;box-shadow:0 4px 12px rgba(40,167,69,0.3) !important;}.clear-filter-btn,.clear-all-filters-btn{background:#dc3545 !important;border-color:#dc3545 !important;color:white !important;}.clear-filter-btn:hover,.clear-all-filters-btn:hover{background:#c82333 !important;border-color:#bd2130 !important;}.filtered-info{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f5f2;border:1px solid #d4c3b6;border-radius:6px;color:#6b5b4f;font-weight:500;font-size:0.9rem;margin-bottom:16px;}.filtered-info i{color:#b89b8c;font-size:1rem;}.filtered-info strong{color:#5a4a3e;}.clear-all-filters-btn{background:#b89b8c !important;border:1px solid #a08872 !important;color:white !important;padding:6px 12px !important;border-radius:4px !important;font-size:0.8rem !important;font-weight:500 !important;cursor:pointer !important;transition:background-color 0.2s ease !important;display:flex !important;align-items:center !important;gap:5px !important;margin-left:auto !important;}.clear-all-filters-btn:hover{background:#a08872 !important;border-color:#8f7865 !important;}.clear-all-filters-btn i{font-size:0.75rem !important;}.clear-all-filters-btn i{background:none !important;color:white !important;padding:0 !important;width:auto !important;height:auto !important;font-size:0.9rem !important;}.envelope-info{background:#ffffff;border:1px solid rgba(184,155,140,0.12);border-radius:8px;padding:16px;margin-bottom:16px;}.envelope-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;}.envelope-name-section{flex:1;}.envelope-name{font-size:1.1rem;font-weight:600;color:#2d2d2d;margin-bottom:4px;font-family:'Montserrat',sans-serif;line-height:1.2;}.envelope-size-info{font-size:1rem;color:#8b7065;font-weight:500;background:#f8f6f4;padding:4px 8px;border-radius:6px;display:inline-block;}.envelope-category{font-size:0.85rem;color:#8b7355;margin-bottom:10px;font-weight:500;text-transform:uppercase;letter-spacing:0.5px;}.envelope-size{font-size:0.9rem;color:#5a6c7d;font-weight:500;}.envelope-specs{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px;}.spec-item{font-size:0.8rem;color:#5a4a3a;background:linear-gradient(135deg,#f8f5f2 0%,#f3ede8 100%);padding:6px 12px;border-radius:20px;border:1px solid rgba(184,155,140,0.3);font-weight:500;transition:all 0.3s ease;position:relative;overflow:hidden;}.spec-item::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(184,155,140,0.1),transparent);transition:left 0.5s;}.spec-item:hover::before{left:100%;}.spec-item:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(184,155,140,0.2);}.compatibility-badge{padding:8px 20px;border-radius:25px;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.6px;box-shadow:0 3px 10px rgba(0,0,0,0.15);white-space:nowrap;position:relative;overflow:hidden;text-align:center;display:inline-flex;align-items:center;justify-content:center;min-width:max-content;}.compatibility-badge::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s;}.compatibility-badge:hover::before{left:100%;}.compatibility-perfect{background:#d4edda;color:#155724;border:1px solid #c3e6cb;}.compatibility-good{background:#e8f5e8;color:#2d5a2d;border:1px solid #b8e6b8;}.compatibility-close{background:#d1ecf1;color:#0c5460;border:1px solid #b8daff;}.compatibility-trimmable{background:#fff3cd;color:#856404;border:1px solid #ffeaa7;}.compatibility-poor{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;}.compatibility-badge.compatibility-trimmable{padding:8px 24px;font-size:0.65rem;letter-spacing:0.4px;}.summary-text .compatibility-badge{padding:5px;border-radius:0;font-size:0.7rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;margin:0 2px;}.summary-text .compatibility-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.2);}.envelope-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(184,155,140,0.08);}.envelope-actions .action-btn{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;padding:12px 20px;border-radius:10px;font-weight:600;transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);border:2px solid transparent;position:relative;overflow:hidden;text-decoration:none;cursor:pointer;font-size:0.9rem;}.envelope-actions .action-btn:not(.primary){background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);color:#2c3e50;border-color:#e8ddd6;}.envelope-actions .action-btn:not(.primary):hover{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-color:#b89b8c;transform:translateY(-2px);box-shadow:0 4px 12px rgba(184,155,140,0.3);}.envelope-actions .action-btn.primary{background:linear-gradient(135deg,#b89b8c 0%,#a08b7a 100%);color:white;border-color:#a08b7a;}.envelope-actions .action-btn.primary:hover{background:linear-gradient(135deg,#a08b7a 0%,#8b7969 100%);transform:translateY(-2px);box-shadow:0 4px 16px rgba(176,155,140,0.4);}.envelope-actions .action-btn:active{transform:translateY(0);}.envelope-actions .action-btn.contact-btn{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);border-color:#20c997;position:relative;overflow:hidden;}.envelope-actions .action-btn.contact-btn:hover{background:linear-gradient(135deg,#218838 0%,#17a2b8 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(40,167,69,0.4);}.envelope-actions .action-btn.contact-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease;}.envelope-actions .action-btn.contact-btn:hover::before{left:100%;}.envelope-actions .action-btn.contact-btn i{animation:phoneRing 2s infinite ease-in-out;}@keyframes phoneRing{0%,100%{transform:rotate(0deg);}10%,30%{transform:rotate(-10deg);}20%{transform:rotate(10deg);}}.action-btn{flex:1;padding:14px;border:1px solid rgba(184,155,140,0.2);background:#f8f6f4;border-radius:6px;font-size:0.9rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;font-family:'Montserrat',sans-serif;text-align:center;color:#5a4a3a;}.action-btn.primary{background:#b8998c;color:#ffffff;border-color:#a3887a;}.action-btn:hover{transform:translateY(-1px);border-color:#a3887a;}.action-btn.primary:hover{background:#a3887a;}.visual-preview-section{background:linear-gradient(135deg,#ffffff 0%,#fafafa 100%);border-radius:20px;padding:30px;box-shadow:0 8px 32px rgba(184,155,140,0.12);border:1px solid rgba(184,155,140,0.15);margin-top:40px;}.preview-header h2{color:#2c3e50;font-size:1.4rem;font-weight:600;margin-bottom:8px;font-family:'Montserrat',sans-serif;}.preview-header p{color:#7f8c8d;font-size:0.95rem;margin-bottom:24px;}.preview-canvas{display:grid;grid-template-columns:1fr 300px;gap:30px;align-items:stretch;min-height:500px;}.canvas-container{position:relative;background:#f8f5f2;border-radius:16px;padding:40px;height:100%;min-height:500px;display:flex;align-items:center;justify-content:center;border:2px dashed #d1c4b8;overflow:hidden;}.envelope-preview{position:relative;background:#ffffff;border:2px solid #b89b8c;border-radius:4px;box-shadow:0 4px 16px rgba(184,155,140,0.2);}.paper-preview{background:#f0f8ff;border:1px solid #4a90e2;border-radius:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0.9;}.preview-labels{position:absolute;bottom:10px;right:10px;display:flex;flex-direction:column;gap:8px;}.label{padding:6px 12px;border-radius:20px;font-size:0.8rem;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,0.1);}.paper-label{background:#e3f2fd;color:#1976d2;border:1px solid #bbdefb;}.envelope-label{background:#f3ede8;color:#b89b8c;border:1px solid #d1c4b8;}.compatibility-info{background:#ffffff;border-radius:16px;padding:24px;border:1px solid #e3d1c2;height:100%;min-height:500px;display:flex;flex-direction:column;}.compatibility-info h3{font-size:1.1rem;font-weight:600;margin-bottom:16px;font-family:'Montserrat',sans-serif;}.compatibility-details{display:flex;flex-direction:column;gap:12px;}.detail-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 0;border-bottom:1px solid rgba(184,155,140,0.1);position:relative;z-index:1;}.detail-item .detail-value{text-align:right;}.detail-label{font-size:0.85rem;font-weight:600;color:#8b7355;text-transform:uppercase;letter-spacing:0.5px;}.detail-value{font-size:0.95rem;font-weight:700;color:#2c3e50;background:linear-gradient(135deg,#f8f5f2 0%,#f3ede8 100%);padding:4px 12px;border-radius:15px;border:1px solid rgba(184,155,140,0.2);}.compatibility-message{font-size:0.9rem;line-height:1.5;margin:12px 0 0 0;padding:12px 24px 12px 28px;border-radius:10px;font-style:italic;position:relative;}.compatibility-message.perfect{background:#d4edda;color:#155724;border-left:4px solid #155724;}.compatibility-message.perfect::before,.compatibility-message.perfect::after{color:#155724;}.compatibility-message.good{background:#e8f5e8;color:#2d5a2d;border-left:4px solid #2d5a2d;}.compatibility-message.good::before,.compatibility-message.good::after{color:#2d5a2d;}.compatibility-message.close{background:#d1ecf1;color:#0c5460;border-left:4px solid #0c5460;}.compatibility-message.close::before,.compatibility-message.close::after{color:#0c5460;}.compatibility-message.trimmable{background:#fff3cd;color:#856404;border-left:4px solid #856404;}.compatibility-message.trimmable::before,.compatibility-message.trimmable::after{color:#856404;}.compatibility-message.poor{background:#f8d7da;color:#721c24;border-left:4px solid #721c24;}.compatibility-message.poor::before,.compatibility-message.poor::after{color:#721c24;}.compatibility-message::before{content:'"';position:absolute;top:6px;left:6px;font-size:1.2rem;opacity:0.4;font-weight:bold;}.compatibility-message::after{content:'"';position:absolute;bottom:6px;right:6px;font-size:1.2rem;opacity:0.4;font-weight:bold;}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:#7f8c8d;}.spinner{width:40px;height:40px;border:4px solid #e3d1c2;border-top:4px solid #b89b8c;border-radius:50%;animation:spin 1s linear infinite;margin-right:16px;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.results-summary{background:linear-gradient(135deg,#faf8f6 0%,#f5f2ef 100%);border:1px solid #e8ddd6;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px rgba(184,155,140,0.06);}.results-summary p{color:#2c3e50;font-size:1.05rem;font-weight:400;margin:0;line-height:1.6;font-family:'Montserrat',sans-serif;}.compat-tag{padding:4px 10px;border-radius:12px;font-weight:600;font-size:0.9rem;cursor:pointer;transition:all 0.3s ease;display:inline-block;margin:0 2px;text-decoration:none;border:1px solid transparent;}.compat-tag:hover{transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,0.15);}.compat-tag.perfect{background:#d4edda;color:#155724;border-color:#c3e6cb;}.compat-tag.perfect:hover{background:#c3e6cb;border-color:#155724;}.compat-tag.good{background:#e8f5e8;color:#2d5a2d;border-color:#b8e6b8;}.compat-tag.good:hover{background:#b8e6b8;border-color:#2d5a2d;}.compat-tag.close{background:#d1ecf1;color:#0c5460;border-color:#b8daff;}.compat-tag.close:hover{background:#b8daff;border-color:#0c5460;}.compat-tag.trimmable{background:#fff3cd;color:#856404;border-color:#ffeaa7;}.compat-tag.trimmable:hover{background:#ffeaa7;border-color:#856404;}.filters-header{margin-bottom:20px;}.filters-title{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:0;font-family:'Montserrat',sans-serif;}.expandable-filter{margin-bottom:12px;border:1px solid #e3d1c2;border-radius:8px;overflow:hidden;background:#ffffff;transition:all 0.2s ease;}.expandable-filter:hover{border-color:#b89b8c;box-shadow:0 2px 6px rgba(184,155,140,0.08);}.filter-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;cursor:pointer;background:#f8f5f2;transition:all 0.2s ease;user-select:none;}.filter-header:hover{background:#f3ede8;}.filter-header .filter-label{color:#2c3e50;font-size:0.9rem;font-weight:500;margin:0;font-family:'Montserrat',sans-serif;}.filter-arrow{color:#b89b8c;font-size:0.75rem;transition:transform 0.2s ease;}.filter-arrow.expanded{transform:rotate(180deg);}.filter-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease;background:#ffffff;}.filter-content.expanded{max-height:150px;padding:12px 14px;}.filter-content .filter-options{display:flex;flex-wrap:wrap;gap:6px;margin:0;}.filter-content .filter-btn{flex:0 1 auto;min-width:auto;padding:6px 12px;font-size:0.8rem;border-radius:15px;background:#ffffff;border:1px solid #e3d1c2;color:#5a6c7d;font-weight:500;transition:all 0.2s ease;cursor:pointer;text-align:center;white-space:nowrap;}.filter-content .filter-btn:hover{background:#f8f5f2;border-color:#b89b8c;transform:translateY(-1px);}.filter-content .filter-btn.active{background:#b89b8c;border-color:#b89b8c;color:#ffffff;font-weight:600;}.filter-content .filter-btn.active:hover{background:#a08872;border-color:#a08872;}.envelope-card[data-category="torba"] .variant-item{font-size:0.72rem;padding:6px 12px;margin-bottom:4px;display:block;width:auto;}.variant-row{display:block;margin-bottom:0;}@keyframes expandFilter{from{max-height:0;padding:0 18px;}to{max-height:200px;padding:16px 18px;}}@keyframes collapseFilter{from{max-height:200px;padding:16px 18px;}to{max-height:0;padding:0 18px;}}.filter-group:not(.expandable-filter){margin-bottom:24px;}.filter-group:not(.expandable-filter) .filter-label{color:#2c3e50;font-size:0.95rem;font-weight:600;display:block;margin-bottom:12px;font-family:'Montserrat',sans-serif;}.filter-group:not(.expandable-filter) .filter-options{display:flex;flex-wrap:wrap;gap:10px;}.filter-group:not(.expandable-filter) .filter-btn{flex:1;min-width:80px;padding:10px 16px;border-radius:10px;background:linear-gradient(135deg,#ffffff 0%,#f8f5f2 100%);border:1px solid rgba(184,155,140,0.3);color:#8b7355;font-size:0.85rem;font-weight:500;text-align:center;cursor:pointer;transition:all 0.3s ease;}.filter-group:not(.expandable-filter) .filter-btn:hover{background:linear-gradient(135deg,#f3ede8 0%,#ede3dc 100%);border-color:rgba(184,155,140,0.5);transform:translateY(-2px);box-shadow:0 4px 12px rgba(184,155,140,0.2);}.filter-group:not(.expandable-filter) .filter-btn.active{background:linear-gradient(135deg,#b89b8c 0%,#a08872 100%);border-color:#b89b8c;color:#ffffff;font-weight:600;box-shadow:0 6px 16px rgba(184,155,140,0.3);}.filter-group:not(.expandable-filter) .filter-btn.active:hover{background:linear-gradient(135deg,#a08872 0%,#8b7763 100%);border-color:#a08872;transform:translateY(-3px);box-shadow:0 8px 20px rgba(184,155,140,0.4);}.torba-filters-section,.davetiye-filters-section{background:linear-gradient(135deg,#faf8f6 0%,#f5f2ef 100%);border:1px solid #e8ddd6;border-radius:16px;padding:24px;margin-top:20px;position:relative;box-shadow:inset 0 1px 3px rgba(184,155,140,0.1),0 2px 8px rgba(184,155,140,0.08);animation:slideDown 0.3s ease-out;}.torba-filters-section::before,.davetiye-filters-section::before{content:"";position:absolute;top:-1px;left:20px;right:20px;height:3px;background:linear-gradient(to right,transparent,#d4c3b6,transparent);border-radius:2px;}.expandable-section{margin-bottom:0;}.section-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;background:#f8f5f2;border-radius:8px;border:1px solid #e3d1c2;transition:all 0.2s ease;user-select:none;margin-bottom:0;}.section-header:hover{background:#f3ede8;border-color:#b89b8c;}.section-header .filters-title{color:#2c3e50;font-size:1rem;font-weight:600;margin:0;font-family:'Montserrat',sans-serif;display:flex;align-items:center;}.section-header .filters-title::before{content:"";margin-right:0;font-size:0;}.section-arrow{color:#b89b8c;font-size:0.8rem;transition:transform 0.2s ease;font-weight:400;}.section-arrow.expanded{transform:rotate(180deg);}.filters-content{max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.4s ease;background:linear-gradient(135deg,#faf8f6 0%,#f5f2ef 100%);border:1px solid #e8ddd6;border-top:none;border-radius:0 0 12px 12px;}.filters-content.expanded{max-height:500px;padding:20px;border-top:1px solid rgba(184,155,140,0.2);}.expandable-section .section-header + .filters-content.expanded{box-shadow:inset 0 2px 4px rgba(184,155,140,0.1);}.filters-content .expandable-filter{margin-bottom:16px;}.filters-content .expandable-filter:last-child{margin-bottom:0;}.expandable-section .section-header:not(.expanded-section){border-radius:12px;}.expandable-section .section-header.expanded-section{border-radius:12px 12px 0 0;border-bottom:1px solid rgba(184,155,140,0.2);}.torba-filters-section,.davetiye-filters-section{background:transparent;border:none;border-radius:0;padding:0;margin-top:20px;position:relative;box-shadow:none;animation:slideDown 0.3s ease-out;}.torba-filters-section::before,.davetiye-filters-section::before{display:none;}@media (max-width:480px){.envelope-name{font-size:1rem;}.envelope-size-info{font-size:0.85rem;}.envelope-info{padding:12px 12px 0 12px;gap:8px;}.compatibility-badge{font-size:0.6rem;padding:5px 10px;margin-left:6px;}.envelope-specs{padding:0 12px;}.envelope-details{padding:12px;}.envelope-actions{padding:12px;}.detail-item{flex-direction:row;align-items:center;gap:8px;flex-wrap:wrap;}.detail-value{margin-left:auto;white-space:nowrap;}.envelope-variants{padding:16px;margin-top:12px;}.variants-label{font-size:0.75rem;margin-bottom:10px;padding-left:10px;}.variants-label::before{width:3px;height:14px;}}.dimension-line{position:absolute;background:#666;z-index:10;}.dimension-horizontal{height:1px;}.dimension-horizontal::before,.dimension-horizontal::after{content:'';position:absolute;width:1px;height:8px;background:#666;top:-3px;}.dimension-horizontal::before{left:0;}.dimension-horizontal::after{right:0;}.dimension-vertical{width:1px;}.dimension-vertical::before,.dimension-vertical::after{content:'';position:absolute;height:1px;width:8px;background:#666;left:-3px;}.dimension-vertical::before{top:0;}.dimension-vertical::after{bottom:0;}.dimension-label{position:absolute;font-size:11px;font-weight:600;color:#444;background:rgba(255,255,255,0.9);padding:2px 6px;border-radius:3px;border:1px solid #ddd;white-space:nowrap;z-index:11;}.dimension-arrow{position:absolute;width:0;height:0;border:3px solid transparent;}.dimension-horizontal .arrow-left{left:-3px;top:-3px;border-right-color:#666;}.dimension-horizontal .arrow-right{right:-3px;top:-3px;border-left-color:#666;}.dimension-vertical .arrow-top{top:-3px;left:-3px;border-bottom-color:#666;}.dimension-vertical .arrow-bottom{bottom:-3px;left:-3px;border-top-color:#666;}.expand-variants-btn.expanded .expand-icon{transform:rotate(180deg);}.expand-icon{font-size:0.6rem;transition:transform 0.3s ease;}.hidden-variants{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;}.expand-variants-btn.expanded{background:linear-gradient(135deg,#d4c3b6 0%,#b89b8c 100%);color:#ffffff;}.expand-variants-btn.expanded:hover{background:linear-gradient(135deg,#b89b8c 0%,#a0857a 100%);}.content-preloader{min-height:400px;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#ffffff 0%,#fdfcfa 50%,#f9f6f3 100%);border-radius:20px;box-shadow:0 8px 32px rgba(184,155,140,0.15),0 2px 8px rgba(109,76,61,0.08);border:1px solid rgba(184,155,140,0.2);margin-bottom:40px;transition:opacity 0.5s ease;position:relative;overflow:hidden;}.content-preloader::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 40%,rgba(184,155,140,0.03) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(109,76,61,0.02) 0%,transparent 50%);pointer-events:none;}.content-preloader.fade-out{opacity:0;}.content-preloader-inner{text-align:center;animation:pulse 2s ease-in-out infinite;position:relative;z-index:1;}.content-preloader .envelope-icon{font-size:2.8rem;background:linear-gradient(135deg,#b89b8c 0%,#6d4c3d 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:25px;animation:bounce 1.8s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(184,155,140,0.2));}.content-preloader .spinner{width:45px;height:45px;margin:0 auto 25px;border:4px solid rgba(184,155,140,0.15);border-top:4px solid #b89b8c;border-right:4px solid #8b7266;border-radius:50%;animation:spin 1.2s cubic-bezier(0.68,-0.55,0.265,1.55) infinite;position:relative;box-shadow:0 4px 12px rgba(184,155,140,0.2);}.content-preloader .spinner::after{content:'';position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:50%;border:2px solid transparent;border-top:2px solid rgba(184,155,140,0.3);animation:spin 2s linear infinite reverse;}.content-preloader .preloader-text{font-size:1.1rem;background:linear-gradient(135deg,#6d4c3d 0%,#b89b8c 50%,#8b7266 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;font-family:'Montserrat',sans-serif;margin:0;animation:fade 2.5s ease-in-out infinite;letter-spacing:0.5px;text-shadow:0 2px 4px rgba(184,155,140,0.1);}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0) scale(1);}10%{transform:translateY(-2px) scale(1.02);}40%{transform:translateY(-22px) scale(1.05);}60%{transform:translateY(-12px) scale(1.03);}}@keyframes pulse{0%{transform:scale(1);filter:brightness(1);}50%{transform:scale(1.03);filter:brightness(1.05);}100%{transform:scale(1);filter:brightness(1);}}@keyframes fade{0%,100%{opacity:0.7;transform:translateY(0px);}50%{opacity:1;transform:translateY(-2px);}}.envelope-selector-container{transition:opacity 0.5s ease;}.margin-info{display:flex;flex-direction:column;gap:3px;align-items:flex-start;margin-top:2px;}.margin-line{display:block;line-height:1.3;cursor:help;font-size:0.85em;padding:4px 8px;border-radius:6px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;background:linear-gradient(135deg,rgba(184,155,140,0.08) 0%,rgba(160,133,122,0.08) 100%);border:1px solid rgba(184,155,140,0.15);margin:1px 0;}.margin-line:hover{background:linear-gradient(135deg,rgba(184,155,140,0.15) 0%,rgba(160,133,122,0.15) 100%);border-color:rgba(184,155,140,0.3);transform:translateX(3px) scale(1.02);box-shadow:0 2px 8px rgba(184,155,140,0.2);}.margin-line[title]{position:relative;}.margin-line{position:relative;}.margin-line:hover::before{content:attr(data-tooltip);position:absolute;left:50%;top:-40px;transform:translateX(-50%);padding:6px 10px;background:linear-gradient(135deg,#b89b8c 0%,#a0857a 100%);color:white;font-size:11px;font-weight:500;white-space:nowrap;border-radius:6px;box-shadow:0 4px 12px rgba(184,155,140,0.3);z-index:9999;opacity:0;animation:tooltipShow 0.3s ease forwards;pointer-events:none;}.margin-line:hover::after{content:'';position:absolute;left:50%;top:-8px;transform:translateX(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #b89b8c;z-index:9999;opacity:0;animation:tooltipShow 0.3s ease forwards;pointer-events:none;}@keyframes tooltipShow{0%{opacity:0;transform:translateX(-50%) translateY(-5px);}100%{opacity:1;transform:translateX(-50%) translateY(0);}}.margin-line strong{color:#b89b8c;margin-right:4px;font-weight:600;font-size:0.9em;background:linear-gradient(135deg,#b89b8c,#a0857a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;text-shadow:none;}@supports not (-webkit-background-clip:text){.margin-line strong{color:#b89b8c !important;background:none !important;-webkit-text-fill-color:unset !important;}}.search-summary{background:linear-gradient(135deg,#faf8f6 0%,#f5f2ef 100%);border:1px solid #e8ddd6;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px rgba(184,155,140,0.06);}.summary-text{color:#2c3e50;font-weight:400;margin:0;line-height:1.6;font-family:'Montserrat',sans-serif;text-align:center;}.summary-text strong{color:#b89b8c;font-weight:700;}.action-buttons-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px;}.reset-icon-btn{background:linear-gradient(135deg,#f8f5f2 0%,#f0ebe6 100%);color:#b89b8c;border:2px solid #e3d1c2;border-radius:12px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);position:relative;padding:0;box-shadow:0 2px 8px rgba(184,155,140,0.15);}.reset-icon-btn:hover{background:linear-gradient(135deg,#b89b8c 0%,#a08872 100%);color:#ffffff;border-color:#b89b8c;transform:translateY(-2px);box-shadow:0 6px 16px rgba(184,155,140,0.3);}.reset-icon-btn[disabled]{opacity:0.4;pointer-events:none;background:#f5f5f5;color:#bbb;border-color:#ddd;box-shadow:none;transform:none;}.reset-icon-btn .tooltip{visibility:hidden;opacity:0;background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);color:#ffffff;text-align:center;border-radius:8px;padding:8px 12px;position:absolute;z-index:10;bottom:120%;left:50%;transform:translateX(-50%);font-size:0.9rem;font-weight:500;white-space:nowrap;transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);pointer-events:none;box-shadow:0 4px 12px rgba(44,62,80,0.2);border:1px solid rgba(255,255,255,0.1);}.reset-icon-btn .tooltip::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#2c3e50 transparent transparent transparent;}.reset-icon-btn:hover .tooltip,.reset-icon-btn:focus .tooltip{visibility:visible;opacity:1;transform:translateX(-50%) translateY(-2px);}.category-accordion{background:linear-gradient(135deg,#ffffff 0%,#fdfcfa 100%);border-radius:12px;margin-bottom:12px;box-shadow:0 4px 16px rgba(184,155,140,0.1);border:2px solid #e3d1c2;overflow:hidden;transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);}.category-accordion:hover{box-shadow:0 6px 20px rgba(184,155,140,0.15);border-color:rgba(184,155,140,0.4);transform:translateY(-1px);}.category-header{padding:20px 16px;background:linear-gradient(135deg,#ffffff 0%,#fafafa 100%);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;user-select:none;position:relative;border-bottom:1px solid transparent;transition:all 0.3s ease;min-height:120px;gap:8px;text-align:center;font-family:'Montserrat',sans-serif;}.category-header:hover{background:linear-gradient(135deg,#f8f5f2 0%,#f3ede8 100%);border-bottom-color:rgba(184,155,140,0.2);}.category-header.active{background:linear-gradient(135deg,#b89b8c 0%,#a08872 100%);color:#ffffff;border-bottom-color:rgba(255,255,255,0.2);}.category-header.active:hover{background:linear-gradient(135deg,#a08872 0%,#8b7763 100%);}.category-icon{font-size:1.8rem;opacity:0.8;margin-bottom:4px;transition:all 0.3s ease;}.category-header.active .category-icon{opacity:1;}.category-title{font-size:1rem;font-weight:600;margin-bottom:4px;transition:all 0.3s ease;}.category-description{opacity:0.8;line-height:1.3;text-align:center;font-size:0.8rem;transition:all 0.3s ease;}.category-arrow{position:absolute;top:16px;right:16px;font-size:0.9rem;color:#7f8c8d;transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);transform-origin:center;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.8);border-radius:50%;border:1px solid rgba(184,155,140,0.2);}.category-header.active .category-arrow{transform:rotate(180deg);color:rgba(255,255,255,0.9);background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3);}.subcategories{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.25,0.46,0.45,0.94);background:linear-gradient(135deg,#fdfcfa 0%,#ffffff 100%);}.subcategories.open{max-height:600px;}.subcategory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;padding:20px;}.subcategory-item{padding:16px 14px;min-height:100px;background:linear-gradient(135deg,#f9f7f5 0%,#f4f1ee 100%);border:1.5px solid #e8ddd6;border-radius:12px;cursor:pointer;transition:all 0.3s ease;text-align:center;font-family:'Montserrat',sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative;box-shadow:inset 2px 0 0 #d4c3b6,0 2px 8px rgba(184,155,140,0.08);}.subcategory-item::before{content:"";position:absolute;left:-1px;top:20%;width:3px;height:60%;background:linear-gradient(135deg,#d4c3b6 0%,#b89b8c 100%);border-radius:0 2px 2px 0;}.subcategory-item:hover{background:linear-gradient(135deg,#f6f3f0 0%,#f1ebe6 100%);border-color:#b89b8c;transform:translateY(-2px);box-shadow:inset 2px 0 0 #b89b8c,0 6px 20px rgba(184,155,140,0.15);}.subcategory-item.active{border-color:#b89b8c;background:linear-gradient(135deg,#b89b8c 0%,#a08872 100%);color:#ffffff;box-shadow:inset 2px 0 0 #8b7763,0 6px 20px rgba(184,155,140,0.3);}.subcategory-icon{font-size:1.5rem;opacity:0.8;margin-bottom:4px;transition:all 0.3s ease;}.subcategory-item.active .subcategory-icon{opacity:1;}.subcategory-title{font-size:0.9rem;font-weight:600;margin-bottom:4px;transition:all 0.3s ease;}.subcategory-description{opacity:0.8;line-height:1.3;text-align:center;font-size:0.75rem;transition:all 0.3s ease;}.single-category{background:linear-gradient(135deg,#ffffff 0%,#fdfcfa 100%);border-radius:12px;margin-bottom:12px;box-shadow:0 4px 16px rgba(184,155,140,0.1);border:2px solid #e3d1c2;overflow:hidden;transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94);}.single-category:hover{box-shadow:0 6px 20px rgba(184,155,140,0.15);border-color:rgba(184,155,140,0.4);transform:translateY(-1px);}.single-category-link{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 16px;background:linear-gradient(135deg,#ffffff 0%,#fafafa 100%);text-decoration:none;color:#2c3e50;transition:all 0.3s ease;min-height:120px;gap:8px;text-align:center;font-family:'Montserrat',sans-serif;}.single-category-link:hover{background:linear-gradient(135deg,#b89b8c 0%,#a08872 100%);color:white;}.single-category-title{font-size:1rem;font-weight:600;margin-bottom:4px;transition:all 0.3s ease;}.single-category-icon{font-size:1.8rem;opacity:0.8;margin-bottom:4px;transition:all 0.3s ease;}.single-category-link:hover .single-category-icon{opacity:1;transform:scale(1.1);}.single-category-description{opacity:0.8;line-height:1.3;text-align:center;font-size:0.8rem;transition:all 0.3s ease;}.fixed-variants-summary{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:100;max-height:80vh;overflow-y:auto;padding:15px;background-color:rgba(255,255,255,0.85);backdrop-filter:blur(5px);border-radius:15px;box-shadow:0 5px 25px rgba(0,0,0,0.08);border:1px solid rgba(184,155,140,0.15);scrollbar-width:thin;scrollbar-color:#b89b8c #f5f2ef;}.fixed-variants-summary::-webkit-scrollbar{width:8px;}.fixed-variants-summary::-webkit-scrollbar-track{background:#f5f2ef;border-radius:10px;}.fixed-variants-summary::-webkit-scrollbar-thumb{background:#b89b8c;border-radius:10px;}.variant-badge{padding:8px 12px;border-radius:10px;font-size:0.85rem;font-weight:600;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,0.1);cursor:pointer;min-width:180px;color:white;display:flex;align-items:center;justify-content:space-between;transition:all 0.3s ease;transform:translateX(0);}.variant-badge:hover{transform:translateX(-5px);box-shadow:0 4px 12px rgba(0,0,0,0.15);}.variant-badge-count{background:rgba(255,255,255,0.25);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:0.75rem;}.variant-badge.mukemmel-uyumlu{background:linear-gradient(135deg,#28a745,#20c997);border:1px solid #20c997;}.variant-badge.iyi-uyumlu{background:linear-gradient(135deg,#17a2b8,#138496);border:1px solid #138496;}.variant-badge.yakin-uyumlu{background:linear-gradient(135deg,#007bff,#0069d9);border:1px solid #0069d9;}.variant-badge.traslanabilir{background:linear-gradient(135deg,#6f42c1,#5e37a6);border:1px solid #5e37a6;}.size-input-section,.unit-toggle,.action-buttons-row,.filter-section,.search-actions,#quickSelectionContainer{display:none;opacity:0;visibility:hidden;transition:all 0.3s ease;}.subcategory-selected .size-input-section,.subcategory-selected .unit-toggle,.subcategory-selected .action-buttons-row,.subcategory-selected .filter-section,.subcategory-selected .search-actions,.subcategory-selected #quickSelectionContainer{display:block;opacity:1;visibility:visible;}.subcategory-selected .action-buttons-row{display:flex;}.yazisma-category-selected .size-input-section,.yazisma-category-selected .unit-toggle,.yazisma-category-selected .action-buttons-row,.yazisma-category-selected .quick-selection-area,.yazisma-category-selected #quickSelectionContainer{display:block;opacity:1;visibility:visible;}.yazisma-category-selected .action-buttons-row{display:flex;}.compatibility-goodu{color:#93e1a5;font-weight:bold;font-size:.95rem;cursor:pointer;}.compatibility-closeu{color:#17a2b8;font-weight:bold;font-size:.95rem;cursor:pointer;}.compatibility-trimmable-lowu{color:#ffd147;font-weight:bold;font-size:.95rem;cursor:pointer;}.compatibility-trimmableu{color:#8c6c0f;font-weight:bold;font-size:.95rem;cursor:pointer;}.compatibility-perfectu{color:#28a745;font-weight:bold;font-size:.95rem;cursor:pointer;}@media (max-width:480px){.input-field input{padding:10px 45px 10px 10px;font-size:0.85rem;border-radius:10px;}.input-field::after{font-size:0.85rem;right:10px;margin-top:8px;min-width:20px;font-weight:600;letter-spacing:0.3px;}.input-field label{font-size:0.8rem;margin-bottom:5px;}.unit-toggle{gap:4px;padding:8px 12px;}.unit-btn{padding:5px 10px;font-size:0.8rem;min-width:36px;border-radius:6px;font-weight:600;letter-spacing:0.3px;}.unit-label{font-size:0.8rem;margin-right:2px;}.variant-card{width:calc(50% - 3px);}.envelope-variants{padding:12px;}.show-more-variants{min-height:45px;width:calc(50% - 3px);min-width:60px;}.filter-header{padding:10px 14px;}.filter-content.expanded{padding:12px 14px;}.filter-content .filter-btn{padding:5px 10px;font-size:0.75rem;min-width:60px;}.filter-content .filter-options{gap:6px;}.container{padding:0 15px;}.page-title{font-size:1.8rem;}.quick-sizes{grid-template-columns:repeat(2,1fr);gap:6px;}.quick-size-btn{padding:8px 4px;font-size:0.8rem;min-height:40px;}.envelope-actions{flex-direction:column;}.unit-toggle{flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:12px;}.unit-label{font-size:0.8rem;}.unit-btn{padding:6px 12px;font-size:0.8rem;min-width:40px;}.torba-filters-section,.davetiye-filters-section{padding:12px;}.filter-group{margin-bottom:16px;}.sub-category-btn{margin-left:12px;padding:14px 12px;}.sub-category-selection{padding:16px;margin-top:16px;}.category-selection-section h4{padding-left:12px;}.category-selection-section h4::after{width:2px;}.filtered-info{padding:8px 10px;font-size:0.8rem;gap:6px;}.clear-all-filters-btn{padding:7px 10px !important;font-size:0.75rem !important;}.canvas-container{padding:15px;min-height:280px;}.dimension-label{font-size:8px;padding:1px 3px;min-width:35px;background:rgba(255,255,255,1);border:1px solid #666;font-weight:800;}.dimension-label.vertical{min-width:30px;font-size:7px;}.content-preloader{min-height:280px;margin-bottom:20px;border-radius:15px;}.content-preloader .envelope-icon{font-size:2.2rem;margin-bottom:18px;}.content-preloader .spinner{width:35px;height:35px;margin:0 auto 18px;border-width:3px;}.content-preloader .spinner::after{top:-4px;left:-4px;right:-4px;bottom:-4px;border-width:1px;}.content-preloader .preloader-text{font-size:0.95rem;padding:0 15px;letter-spacing:0.2px;}.margin-line:hover::before{font-size:9px;padding:3px 6px;top:-30px;}.margin-line:hover::after{border-left-width:3px;border-right-width:3px;border-top-width:3px;top:-5px;}}@media (max-width:700px){.category-buttons{grid-template-columns:repeat(3,1fr);gap:12px;}.sub-category-buttons{grid-template-columns:1fr;}}@media (max-width:768px){.input-field input{font-size:0.9rem;padding:10px 42px 10px 12px;}.input-field::after{font-size:0.9rem;right:12px;margin-top:10px;min-width:22px;font-weight:600;}.input-field label{font-size:0.85rem;margin-bottom:6px;}.unit-toggle{padding:10px 14px;margin-top:12px;gap:6px;}.unit-btn{padding:6px 12px;font-size:0.85rem;min-width:40px;font-weight:600;}.unit-label{font-size:0.85rem;}.variants-grid{gap:6px;}.variant-card{min-height:50px;padding:10px;width:calc(50% - 3px);}.variant-material{font-size:0.7rem;}.variant-weight{font-size:0.6rem;}.show-more-variants{min-height:50px;font-size:0.65rem;width:calc(50% - 3px);min-width:70px;}.filter-header{padding:12px 16px;}.envelope-actions .action-btn{width:100%;justify-content:center;padding:14px 20px;}.filter-header .filter-label{font-size:0.9rem;}.filter-content.expanded{padding:14px 16px;}.filter-content .filter-btn{padding:6px 12px;font-size:0.8rem;}.selector-grid{grid-template-columns:1fr;gap:20px;}.preview-canvas{grid-template-columns:1fr;gap:20px;min-height:auto;}.canvas-container{min-height:300px;height:auto;}.compatibility-info{min-height:auto;height:auto;}.page-title{font-size:2rem;}.input-group{grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;}.input-group .input-field:first-child{order:1;}.swap-button-container{order:2;margin:24px 0 0 0;align-self:center;}.input-group .input-field:last-child{order:3;}.swap-btn{width:32px;height:32px;font-size:0.8rem;}.quick-sizes{grid-template-columns:repeat(3,1fr);gap:8px;}.quick-size-btn{padding:10px 6px;font-size:0.85rem;min-height:45px;display:flex;align-items:center;justify-content:center;}.category-buttons,.sub-category-buttons,.davetiye-subs,.torba-subs{grid-template-columns:repeat(3,1fr);gap:10px;}.category-btn,.sub-category-btn{min-height:90px;padding:12px 8px;font-size:0.85rem;}.category-btn i,.sub-category-btn i{font-size:1.2rem;margin-bottom:6px;}.category-btn span,.sub-category-btn span{font-size:0.85rem;margin-bottom:4px;}.category-btn small,.sub-category-btn small{font-size:0.7rem;}.preview-canvas{grid-template-columns:1fr;gap:20px;}.canvas-container{padding:20px;}.input-panel,.results-panel,.visual-preview-section{padding:20px;}.torba-filters-section,.davetiye-filters-section{padding:16px;}.filter-options{flex-direction:column;align-items:stretch;}.filter-btn{text-align:center;justify-content:center;}.sub-category-btn{margin-left:16px;padding:15px 13px;}.sub-category-selection{padding:20px;margin-top:18px;}.envelope-results{gap:16px;}.envelope-card{border-radius:10px;}.envelope-info{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 16px 0 16px;}.envelope-info > div:first-child{flex:1;}.envelope-name{font-size:1.1rem;}.envelope-size-info{font-size:0.9rem;}.envelope-specs{padding:0 16px;}.envelope-details{padding:16px;}.envelope-actions{padding:16px;flex-direction:column;gap:10px;}.action-btn{padding:14px 20px;font-size:0.95rem;}.compatibility-badge{align-self:flex-start;margin-top:0;margin-left:8px;font-size:0.65rem;padding:6px 12px;flex-shrink:0;}.variants-list{grid-template-columns:1fr !important;gap:12px !important;padding:16px !important;}.variant-item{height:48px !important;min-height:48px !important;font-size:0.8rem !important;padding:12px 16px !important;border-radius:24px !important;}.variant-material{font-size:0.76rem !important;}.variant-weight{font-size:0.7rem !important;}.expand-variants-btn{grid-column:span 1 !important;font-size:0.75rem !important;height:44px !important;}.filtered-info{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 12px;font-size:0.85rem;}.filtered-info > div{flex:1;width:100%;}.clear-all-filters-btn{align-self:stretch !important;margin-left:0 !important;justify-content:center !important;margin-top:6px !important;padding:8px 12px !important;}.canvas-container{padding:20px;min-height:350px;}.dimension-label{font-size:9px;padding:2px 4px;background:rgba(255,255,255,0.95);border:1px solid #999;box-shadow:0 1px 3px rgba(0,0,0,0.2);font-weight:700;}.dimension-label.vertical{writing-mode:horizontal-tb !important;text-orientation:mixed !important;transform:none !important;white-space:nowrap;min-width:40px;text-align:center;}.content-preloader{min-height:320px;margin-bottom:25px;}.content-preloader .envelope-icon{font-size:2.4rem;margin-bottom:20px;}.content-preloader .spinner{width:40px;height:40px;margin:0 auto 20px;border-width:3px;}.content-preloader .spinner::after{top:-5px;left:-5px;right:-5px;bottom:-5px;border-width:2px;}.content-preloader .preloader-text{font-size:1rem;letter-spacing:0.3px;}.margin-line:hover::before{font-size:10px;padding:4px 8px;top:-35px;}.margin-line:hover::after{border-left-width:4px;border-right-width:4px;border-top-width:4px;top:-6px;}.fixed-variants-summary{position:sticky;top:0;right:auto;transform:none;flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%;background:rgba(255,255,255,0.95);padding:10px;margin-bottom:15px;box-shadow:0 2px 10px rgba(0,0,0,0.1);}.variant-badge{min-width:auto;flex:1;padding:6px 10px;font-size:0.75rem;}}@media (min-width:481px) and (max-width:768px){.quick-sizes{grid-template-columns:repeat(3,1fr);gap:10px;}.quick-size-btn{padding:12px 8px;font-size:0.9rem;min-height:50px;}}@media (max-width:360px){.input-field input{padding:8px 42px 8px 8px;font-size:0.8rem;}.input-field::after{font-size:0.8rem;right:8px;margin-top:6px;min-width:18px;font-weight:600;letter-spacing:0.2px;}.input-field label{font-size:0.75rem;margin-bottom:4px;}}@media (max-width:375px){.detail-item{flex-direction:column;align-items:flex-start;gap:6px;}.detail-value{margin-left:0;align-self:stretch;text-align:center;}.detail-label{font-size:0.8rem;}}