.packages-page{padding-top:3rem;padding-bottom:5rem;}.packages-page .container{padding-left:1rem;padding-right:1rem;}@media (min-width:640px){.packages-page .container{padding-left:1.5rem;padding-right:1.5rem;}}@media (min-width:1024px){.packages-page .container{padding-left:2rem;padding-right:2rem;}}.packages-top-area{margin-bottom:0rem;}.packages-header{text-align:center;margin-bottom:0.5rem;}.filter-controls-bar{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.375rem;flex-wrap:wrap;}.sidebar-toggle-btn{min-width:140px;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1rem;background:var(--surface-light);color:var(--text-light);border:1px solid var(--gray-200);border-radius:12px;text-decoration:none;font-weight:600;font-size:0.875rem;transition:all 0.3s ease;cursor:pointer;flex-shrink:0;white-space:nowrap;}.sidebar-toggle-btn:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.1);}.sidebar-toggle-btn:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--primary);}.dark .sidebar-toggle-btn{background:var(--surface-dark);border-color:var(--gray-700);color:var(--text-dark);}.dark .sidebar-toggle-btn:hover{background:var(--gray-800);border-color:var(--gray-600);color:var(--primary);box-shadow:0 2px 8px rgba(0,0,0,0.3);}.sidebar-toggle-btn .material-icons-outlined{font-size:20px;transition:transform 0.3s ease;}.sidebar-toggle-btn:hover .material-icons-outlined{transform:scale(1.1);}.custom-sort-wrapper{position:relative;min-width:180px;}.custom-sort-select{width:100%;padding:0.75rem 3rem 0.75rem 2.5rem;border:1px solid var(--gray-200);border-radius:12px;background:var(--surface-light);color:var(--text-light);font-size:0.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all 0.2s;appearance:none;-webkit-appearance:none;-moz-appearance:none;}.custom-sort-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(29,140,248,0.1);}.dark .custom-sort-select{background:var(--surface-dark);border-color:var(--gray-700);color:var(--text-dark);}.dark .custom-sort-select:focus{box-shadow:0 0 0 3px rgba(29,140,248,0.2);}.custom-sort-wrapper .sort-icon{position:absolute;left:0.75rem;top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:20px;pointer-events:none;}.custom-sort-wrapper .sort-arrow{position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:20px;pointer-events:none;transition:transform 0.2s;}.custom-sort-select:focus+.sort-arrow{transform:translateY(-50%) rotate(180deg);}.dark .custom-sort-wrapper .sort-icon,.dark .custom-sort-wrapper .sort-arrow{color:var(--gray-500);}.filter-controls-right{display:flex;align-items:center;gap:0.75rem;flex:1;justify-content:flex-end;flex-wrap:wrap;}.search-input-wrapper{position:relative;max-width:300px;flex:0 0 auto;}.search-input-wrapper .material-icons-outlined{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:20px;pointer-events:none;}.search-input-control{width:100%;padding:0.75rem 1rem 0.75rem 3rem;border:1px solid var(--gray-200);border-radius:12px;background:var(--surface-light);color:var(--text-light);font-size:0.875rem;font-family:inherit;transition:all 0.2s;}.search-input-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(29,140,248,0.1);}.dark .search-input-control{background:var(--surface-dark);border-color:var(--gray-700);color:var(--text-dark);}.dark .search-input-control:focus{box-shadow:0 0 0 3px rgba(29,140,248,0.2);}.dark .search-input-wrapper .material-icons-outlined{color:var(--gray-500);}.packages-header h1{font-size:3rem;font-weight:800;margin-bottom:1rem;color:var(--text-light);}.dark .packages-header h1{color:var(--text-dark);}.packages-layout{display:grid;grid-template-columns:280px 1fr;gap:0.4rem;transition:grid-template-columns 0.4s cubic-bezier(0.4,0,0.2,1);}.packages-sidebar{display:flex;flex-direction:column;gap:0.5rem;width:280px;opacity:1;transform:translateX(0);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);overflow:visible;visibility:visible;}@media (min-width:1025px){.packages-sidebar.hidden{width:0;min-width:0;opacity:0;transform:translateX(-20px);margin:0;padding:0;overflow:hidden;visibility:hidden;}.packages-layout.sidebar-closed{grid-template-columns:0 1fr;}.packages-layout.sidebar-closed .packages-sidebar{width:0;min-width:0;opacity:0;transform:translateX(-20px);margin:0;padding:0;overflow:hidden;visibility:hidden;}}@media (max-width:1024px){.packages-sidebar.hidden{display:none;}}.packages-layout.sidebar-closed .products-grid-list{grid-template-columns:repeat(5,1fr);transition:grid-template-columns 0.4s cubic-bezier(0.4,0,0.2,1);}.filter-widget{background:var(--surface-light);border:1px solid var(--gray-200);border-radius:16px;padding:1rem;box-shadow:0 1px 3px rgba(0,0,0,0.05);transition:all 0.2s ease;}.filter-widget:hover{box-shadow:0 2px 8px rgba(0,0,0,0.08);border-color:var(--gray-300);}.dark .filter-widget{background:var(--surface-dark);border-color:var(--gray-700);box-shadow:0 1px 3px rgba(0,0,0,0.3);}.dark .filter-widget:hover{box-shadow:0 2px 8px rgba(0,0,0,0.4);border-color:var(--gray-600);}.search-filter-input{width:100%;padding:0.625rem 0.75rem;border:1px solid var(--gray-300);border-radius:8px;font-size:0.875rem;background:var(--white);color:var(--gray-900);font-family:inherit;transition:all 0.2s ease;}.search-filter-input:hover{border-color:var(--gray-400);}.dark .search-filter-input{background:var(--surface-dark);border-color:var(--gray-700);color:var(--white);}.dark .search-filter-input:hover{border-color:var(--gray-600);}.search-filter-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(29,140,248,0.1);}.dark .search-filter-input:focus{box-shadow:0 0 0 3px rgba(29,140,248,0.2);}.filter-title{font-size:0.938rem;font-weight:600;margin-bottom:0.75rem;color:var(--text-light);display:flex;align-items:center;gap:0.5rem;text-transform:uppercase;letter-spacing:0.5px;padding-bottom:0.5rem;border-bottom:1px solid var(--gray-200);}.filter-title .material-icons-outlined{font-size:18px;color:var(--primary);}.dark .filter-title{color:var(--text-dark);border-bottom-color:var(--gray-700);}.filter-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.125rem;}.filter-item{display:flex;align-items:center;gap:0.625rem;font-size:0.875rem;color:var(--gray-700);cursor:pointer;transition:all 0.2s ease;padding:0.375rem 0.5rem;border-radius:8px;text-decoration:none;}.filter-item:hover{background:var(--gray-50);color:var(--primary);transform:translateX(2px);}.filter-item.active{color:var(--primary);font-weight:500;}.dark .filter-item{color:var(--gray-300);}.dark .filter-item:hover{background:rgba(255,255,255,0.05);color:var(--primary);}.dark .filter-item.active{color:var(--primary);}.filter-checkbox{width:16px;height:16px;border:2px solid var(--gray-300);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:all 0.2s ease;flex-shrink:0;}.filter-item:hover .filter-checkbox{border-color:var(--primary);}.filter-item.active .filter-checkbox{background:var(--primary);border-color:var(--primary);position:relative;}.filter-item.active .filter-checkbox::after{content:'✓';font-size:12px;font-weight:bold;color:white;line-height:1;}.filter-count{margin-left:auto;font-size:0.75rem;color:var(--gray-400);background:var(--gray-50);padding:0.2rem 0.5rem;border-radius:99px;}.dark .filter-count{background:rgba(255,255,255,0.05);}.products-content{display:flex;flex-direction:column;gap:1rem;}.products-grid-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0.375rem;transition:grid-template-columns 0.3s ease;}.compare-container{background:var(--surface-light);border:1px solid var(--gray-100);border-radius:24px;padding:2rem;margin:4rem 0;}.dark .compare-container{background:var(--surface-dark);border-color:var(--gray-800);}.compare-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;}.compare-title{font-size:1.5rem;font-weight:800;}.compare-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}.compare-slot{aspect-ratio:1/1;background:var(--gray-50);border:2px dashed var(--gray-200);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--gray-400);transition:all 0.3s;}.dark .compare-slot{background:rgba(0,0,0,0.1);border-color:var(--gray-700);}.compare-slot:hover{border-color:var(--primary);color:var(--primary);background:var(--blue-50);}.dark .compare-slot:hover{background:rgba(29,140,248,0.05);}.seo-content{margin-top:5rem;padding-top:4rem;border-top:1px solid var(--gray-100);}.dark .seo-content{border-color:var(--gray-800);}.seo-text{font-size:0.938rem;line-height:1.8;color:var(--gray-500);columns:2;column-gap:4rem;}.dark .seo-text{color:var(--gray-400);}.seo-text p{margin-bottom:1.5rem;}.seo-text b{color:var(--text-light);}.dark .seo-text b{color:var(--text-dark);}@media (max-width:1200px){.packages-layout{grid-template-columns:240px 1fr;gap:0.375rem;}.packages-layout.sidebar-closed .products-grid-list{grid-template-columns:repeat(5,1fr);}.products-grid-list{grid-template-columns:repeat(4,1fr);gap:0.375rem;}}@media (min-width:769px) and (max-width:1024px){.packages-header h1{font-size:2.25rem;}.products-grid-list{grid-template-columns:repeat(3,1fr);gap:0.5rem;}.packages-layout.sidebar-closed .products-grid-list{grid-template-columns:repeat(4,1fr);}.filter-controls-bar{gap:0.5rem;}.search-input-wrapper{max-width:250px;}}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:998;opacity:0;transition:opacity 0.3s ease;pointer-events:none;}.sidebar-overlay.active{display:block !important;opacity:1;pointer-events:auto;}.dark .sidebar-overlay{background:rgba(0,0,0,0.7);}@media (min-width:1025px){.sidebar-overlay{display:none !important;pointer-events:none !important;}.sidebar-overlay.active{display:none !important;}}@media (max-width:1024px){.packages-layout{grid-template-columns:1fr;position:relative;}.packages-sidebar{position:fixed !important;top:0 !important;left:0 !important;width:320px !important;max-width:85vw !important;height:100vh !important;background:var(--surface-light) !important;border-right:1px solid var(--gray-200) !important;z-index:999 !important;transform:translateX(-100%) !important;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1) !important;overflow-y:auto !important;padding:1.5rem !important;box-shadow:2px 0 10px rgba(0,0,0,0.1) !important;display:flex !important;flex-direction:column !important;visibility:visible !important;opacity:1 !important;margin:0 !important;}.packages-sidebar.active{transform:translateX(0) !important;}.packages-sidebar:not(.active){transform:translateX(-100%) !important;}.packages-sidebar.hidden{transform:translateX(-100%) !important;}.dark .packages-sidebar{background:var(--surface-dark);border-right-color:var(--gray-700);box-shadow:2px 0 10px rgba(0,0,0,0.5);}.products-grid-list{gap:0.375rem;}.compare-slots{grid-template-columns:repeat(2,1fr);}.packages-top-area{margin-bottom:2.5rem;}.filter-controls-bar{flex-direction:column;gap:0.4rem;margin-bottom:0.5rem;}.sidebar-toggle-btn{width:100%;}.filter-controls-bar{flex-direction:column;gap:0.4rem;margin-bottom:0.5rem;}.sidebar-toggle-btn{width:100%;}.filter-controls-bar{flex-direction:column;gap:0.4rem;margin-bottom:0.5rem;}.sidebar-toggle-btn{width:100%;}.filter-controls-right{width:100%;flex-direction:row;justify-content:space-between;}.search-input-wrapper{max-width:100%;flex:1;}.custom-sort-wrapper{min-width:160px;flex-shrink:0;}}@media (max-width:768px){.packages-page{padding-top:1rem;padding-bottom:2.5rem;}.packages-header{text-align:left;}.packages-header h1{font-size:1.5rem;line-height:1.2;margin-bottom:0.75rem;}.packages-top-area{text-align:left;margin-bottom:1rem;}.filter-controls-bar{flex-direction:column;gap:0.5rem;margin-bottom:0.75rem;}.filter-controls-right{width:100%;flex-direction:column;gap:0.5rem;}.search-input-wrapper{width:100%;max-width:100%;}.search-input-wrapper .material-icons-outlined{font-size:18px;left:0.75rem;}.search-input-control{width:100%;padding:0.5rem 0.75rem 0.5rem 2.5rem;font-size:0.813rem;border-radius:8px;}.sidebar-toggle-btn{width:100%;padding:0.5rem 0.75rem;font-size:0.813rem;gap:0.375rem;border-radius:8px;}.sidebar-toggle-btn .material-icons-outlined{font-size:18px;}.custom-sort-wrapper{width:100%;min-width:100%;}.custom-sort-wrapper .sort-icon{font-size:18px;left:0.625rem;}.custom-sort-wrapper .sort-arrow{font-size:18px;right:0.625rem;}.custom-sort-select{width:100%;padding:0.5rem 2.5rem 0.5rem 2.25rem;font-size:0.813rem;border-radius:8px;}.products-grid-list{grid-template-columns:repeat(2,1fr);gap:0.5rem;}.price-style-tabs{gap:0.2rem;padding:0.25rem;}.price-tab{padding:0.375rem 0.15rem;gap:0.125rem;min-width:0;}.tab-day{font-size:8px;line-height:1.2;}.tab-val{font-size:10px;line-height:1.2;}.packages-layout.sidebar-closed .products-grid-list{grid-template-columns:repeat(2,1fr);}.packages-sidebar{width:300px;max-width:90vw;padding:1.25rem;}.filter-widget{padding:1rem;border-radius:12px;}.filter-title{font-size:0.875rem;margin-bottom:0.75rem;}.filter-item{font-size:0.813rem;padding:0.5rem 0.5rem;}.compare-container{padding:1.25rem;margin:2rem 0;border-radius:16px;}.compare-title{font-size:1.125rem;}.compare-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;}.compare-header .btn{width:100%;padding:0.75rem;}.seo-content{margin-top:2.5rem;padding-top:2rem;}.seo-text{columns:1;font-size:0.875rem;line-height:1.7;}.filter-clear-btn{padding:0.75rem 1rem;font-size:0.875rem;}}@media (max-width:480px){.packages-page{padding-top:1rem;padding-bottom:2rem;}.packages-header h1{font-size:1.25rem;line-height:1.3;margin-bottom:0.5rem;}.packages-top-area{margin-bottom:0.75rem;}.filter-controls-bar{flex-direction:column;gap:0.375rem;margin-bottom:0.5rem;}.filter-controls-right{flex-direction:row;gap:0.375rem;order:2;}.search-input-wrapper{order:1;width:100%;}.sidebar-toggle-btn{order:3;flex:1;padding:0.45rem 0.625rem;font-size:0.75rem;gap:0.25rem;border-radius:6px;min-width:0;}.sidebar-toggle-btn .material-icons-outlined{font-size:16px;}.sidebar-toggle-btn span:not(.material-icons-outlined){font-size:0.75rem;}.search-input-wrapper .material-icons-outlined{font-size:16px;left:0.625rem;}.search-input-control{padding:0.45rem 0.625rem 0.45rem 2.25rem;font-size:0.75rem;border-radius:6px;}.custom-sort-wrapper{flex:1;min-width:0;}.custom-sort-wrapper .sort-icon{font-size:16px;left:0.5rem;}.custom-sort-wrapper .sort-arrow{font-size:16px;right:0.5rem;}.custom-sort-select{padding:0.45rem 2rem 0.45rem 2rem;font-size:0.75rem;border-radius:6px;}.products-grid-list{grid-template-columns:repeat(2,1fr);gap:0.5rem;}.packages-layout.sidebar-closed .products-grid-list{grid-template-columns:repeat(2,1fr);}.packages-sidebar{width:280px;max-width:85vw;padding:1rem;}.filter-widget{padding:0.875rem;border-radius:10px;}.filter-title{font-size:0.813rem;margin-bottom:0.625rem;padding-bottom:0.5rem;}.filter-item{font-size:0.75rem;padding:0.5rem 0.5rem;gap:0.5rem;}.filter-checkbox{width:14px;height:14px;}.search-filter-input{padding:0.5rem 0.625rem;font-size:0.813rem;}.filter-clear-btn{padding:0.625rem 0.875rem;font-size:0.813rem;}.compare-container{padding:1rem;margin:1.5rem 0;border-radius:12px;}.compare-title{font-size:1rem;}.compare-slots{gap:0.75rem;grid-template-columns:repeat(2,1fr);}.seo-content{margin-top:2rem;padding-top:1.5rem;}.seo-text{font-size:0.813rem;}.price-style-tabs{gap:0.15rem;padding:0.2rem;}.price-tab{padding:0.3rem 0.1rem;gap:0.1rem;min-width:0;}.tab-day{font-size:7px;line-height:1.1;color:var(--gray-700);}.dark .tab-day{color:var(--gray-300);}.tab-val{font-size:9px;line-height:1.1;}}.filter-clear-section{margin-top:0;}.filter-clear-section.filter-clear-bottom{margin-bottom:0;}.filter-clear-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.625rem 1rem;background:var(--surface-light);color:var(--text-light);border:1px solid var(--gray-200);border-radius:8px;text-decoration:none;font-weight:500;font-size:0.875rem;transition:all 0.2s ease;width:100%;}.filter-clear-btn:hover{background:var(--gray-50);border-color:var(--primary);color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,0.1);}.filter-clear-btn .material-icons-outlined{font-size:18px;}.dark .filter-clear-btn{background:var(--surface-dark);border-color:var(--gray-700);color:var(--text-dark);}.dark .filter-clear-btn:hover{background:var(--gray-800);border-color:var(--primary);color:var(--primary);box-shadow:0 2px 4px rgba(0,0,0,0.3);}.pagination-wrapper{display:flex;justify-content:center;align-items:center;gap:0.5rem;flex-wrap:wrap;margin-top:3rem;padding:1.5rem 0;}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.625rem 1.25rem;background:var(--surface-light);color:var(--gray-700);border:1px solid var(--gray-200);border-radius:12px;text-decoration:none;font-weight:600;font-size:0.875rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);cursor:pointer;min-height:42px;box-shadow:0 1px 2px rgba(0,0,0,0.05);}.pagination-btn:hover{background:var(--primary);color:var(--white);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(29,140,248,0.25);}.pagination-btn:active{transform:translateY(0);box-shadow:0 2px 4px rgba(29,140,248,0.2);}.pagination-btn .material-icons-outlined{font-size:1.125rem;transition:transform 0.3s;}.pagination-btn:hover .material-icons-outlined{transform:scale(1.1);}.dark .pagination-btn{background:var(--surface-dark);border-color:var(--gray-700);color:var(--gray-300);box-shadow:0 1px 2px rgba(0,0,0,0.3);}.dark .pagination-btn:hover{background:var(--primary);color:var(--white);border-color:var(--primary);box-shadow:0 4px 12px rgba(29,140,248,0.4);}.pagination-number{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 0.75rem;background:var(--surface-light);color:var(--gray-700);border:1px solid var(--gray-200);border-radius:12px;text-decoration:none;font-weight:600;font-size:0.875rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,0.05);position:relative;overflow:hidden;}.pagination-number::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);opacity:0;transition:opacity 0.3s;border-radius:12px;}.pagination-number:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(29,140,248,0.2);}.pagination-number:hover::before{opacity:0.1;}.pagination-number:hover{color:var(--primary);}.pagination-number:hover span{color:var(--primary);position:relative;z-index:1;}.pagination-number.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:var(--white);border-color:var(--primary);box-shadow:0 4px 16px rgba(29,140,248,0.35);font-weight:700;transform:scale(1.05);}.pagination-number.active::before{opacity:0;}.pagination-number.active:hover{transform:scale(1.08);box-shadow:0 6px 20px rgba(29,140,248,0.4);}.dark .pagination-number{background:var(--surface-dark);border-color:var(--gray-700);color:var(--gray-300);box-shadow:0 1px 2px rgba(0,0,0,0.3);}.dark .pagination-number:hover{border-color:var(--primary);box-shadow:0 4px 12px rgba(29,140,248,0.3);}.dark .pagination-number:hover{color:var(--primary);}.dark .pagination-number:hover span{color:var(--primary);}.dark .pagination-number.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:var(--white);border-color:var(--primary);box-shadow:0 4px 16px rgba(29,140,248,0.5);}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;padding:0 0.5rem;color:var(--gray-400);font-size:0.875rem;user-select:none;min-width:42px;height:42px;}.dark .pagination-ellipsis{color:var(--gray-500);}.pagination-info{margin-top:1.5rem;text-align:center;color:var(--gray-600);font-size:0.875rem;font-weight:500;}.dark .pagination-info{color:var(--gray-400);}.pagination-info p{margin:0;}@media (max-width:768px){.pagination-wrapper{gap:0.375rem;margin-top:2rem;padding:1rem 0;}.pagination-btn{padding:0.5rem 1rem;font-size:0.813rem;min-height:38px;}.pagination-btn span:not(.material-icons-outlined){display:none;}.pagination-number{min-width:38px;height:38px;font-size:0.813rem;}.pagination-ellipsis{min-width:38px;height:38px;font-size:0.75rem;}.pagination-info{font-size:0.813rem;margin-top:1rem;}}@media (max-width:480px){.pagination-wrapper{gap:0.25rem;}.pagination-btn{padding:0.5rem;min-width:38px;}.pagination-number{min-width:36px;height:36px;padding:0 0.5rem;font-size:0.75rem;}}