:root{--light-primary-color:#003366;--light-secondary-color:#004d99;--light-accent-color:#ff6600;--light-background:#f5f5f5;--light-card-background:#ffffff;--light-text-primary:#003366;--light-text-secondary:#666666;--light-border-color:#cccccc;--light-hover-bg:#e6e6e6;--light-success:#28a745;--light-warning:#ff6600;--light-error:#dc3545;--light-info:#004d99;--light-muted:#8c8c8c;--light-shadow:rgba(0,51,102,0.15);--dark-primary-color:#003366;--dark-secondary-color:#1a2a3a;--dark-accent-color:#ff6600;--dark-background:#121212;--dark-card-background:#1e1e1e;--dark-text-primary:#ffffff;--dark-text-secondary:#d4d4d4;--dark-border-color:#3a3a3a;--dark-hover-bg:#2a2a2a;--dark-success:#28a745;--dark-warning:#ff6600;--dark-error:#dc3545;--dark-info:#004d99;--dark-muted:#6c757d;--dark-shadow:rgba(0,0,0,0.5);--font-primary:'Poppins',sans-serif;--font-secondary:'Newsreader',serif;--font-size-xs:0.65rem;--font-size-sm:0.75rem;--font-size-base:0.8rem;--font-size-md:0.85rem;--font-size-lg:0.9rem;--font-size-xl:1rem;--font-size-2xl:1.1rem;--font-size-3xl:1.25rem;--font-size-4xl:1.4rem;--font-size-5xl:1.6rem;--spacing-xs:0.15rem;--spacing-sm:0.35rem;--spacing-md:0.75rem;--spacing-lg:1.25rem;--spacing-xl:1.75rem;--spacing-2xl:2.5rem;--spacing-3xl:3.5rem;--radius-xs:0.125rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,0.05);--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px rgba(0,0,0,0.15);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--svg_pattern_color:444444}[data-bs-theme="light"]{--primary-color:var(--light-primary-color);--secondary-color:var(--light-secondary-color);--accent-color:var(--light-accent-color);--background-color:var(--light-background);--card-background:var(--light-card-background);--text-primary:var(--light-text-primary);--text-secondary:var(--light-text-secondary);--border-color:var(--light-border-color);--hover-bg:var(--light-hover-bg);--shadow-color:var(--light-shadow);--success:var(--light-success);--warning:var(--light-warning);--error:var(--light-error);--info:var(--light-info);--muted:var(--light-muted)}[data-bs-theme="dark"]{--primary-color:var(--dark-primary-color);--secondary-color:var(--dark-secondary-color);--accent-color:var(--dark-accent-color);--background-color:var(--dark-background);--card-background:var(--dark-card-background);--text-primary:var(--dark-text-primary);--text-secondary:var(--dark-text-secondary);--border-color:var(--dark-border-color);--hover-bg:var(--dark-hover-bg);--shadow-color:var(--dark-shadow);--success:var(--dark-success);--warning:var(--dark-warning);--error:var(--dark-error);--info:var(--dark-info);--muted:var(--dark-muted);--svg_pattern_color:aaaaaa}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--background-color);color:var(--text-primary);line-height:1.6;transition:background-color var(--transition-normal),color var(--transition-normal);padding-top:max(var(--safe-area-inset-top),var(--navbar-height-mobile));--viewport-height:100vh;--content-height:calc(var(--viewport-height) - var(--navbar-height-mobile) - var(--bottom-nav-height))}.content-wrapper{max-width:1400px;margin:0 auto;padding:var(--spacing-sm);grid-template-columns:repeat(12,1fr);gap:var(--spacing-md)}.container{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.row{margin-left:calc(-1 * var(--spacing-sm));margin-right:calc(-1 * var(--spacing-sm))}.col,[class*="col-"]{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}h1,.h1{font-size:var(--font-size-3xl)}h2,.h2{font-size:var(--font-size-2xl)}h3,.h3{font-size:var(--font-size-xl)}h4,.h4{font-size:var(--font-size-lg)}h5,.h5{font-size:var(--font-size-base)}h6,.h6{font-size:var(--font-size-sm)}section{margin-bottom:var(--spacing-md)}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.fw-light{font-weight:var(--font-weight-light)!important}.fw-normal{font-weight:var(--font-weight-normal)!important}.fw-medium{font-weight:var(--font-weight-medium)!important}.fw-semibold{font-weight:var(--font-weight-semibold)!important}.fw-bold{font-weight:var(--font-weight-bold)!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded{border-radius:var(--radius-md)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-xl{border-radius:var(--radius-xl)!important}.rounded-full{border-radius:var(--radius-full)!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.shadow-xl{box-shadow:var(--shadow-xl)!important}.m-0{margin:0!important}.mt-1{margin-top:var(--spacing-xs)!important}.mt-2{margin-top:var(--spacing-sm)!important}.mt-3{margin-top:var(--spacing-md)!important}.mt-4{margin-top:var(--spacing-lg)!important}.mt-5{margin-top:var(--spacing-xl)!important}.mb-1{margin-bottom:var(--spacing-xs)!important}.mb-2{margin-bottom:var(--spacing-sm)!important}.mb-3{margin-bottom:var(--spacing-md)!important}.mb-4{margin-bottom:var(--spacing-lg)!important}.mb-5{margin-bottom:var(--spacing-xl)!important}.p-0{padding:0!important}.p-1{padding:var(--spacing-xs)!important}.p-2{padding:var(--spacing-sm)!important}.p-3{padding:var(--spacing-md)!important}.p-4{padding:var(--spacing-lg)!important}.p-5{padding:var(--spacing-xl)!important}.m-1{margin:var(--spacing-xs)!important}.m-2{margin:var(--spacing-sm)!important}.m-3{margin:var(--spacing-md)!important}.m-4{margin:var(--spacing-lg)!important}.m-5{margin:var(--spacing-xl)!important}.card{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 4px 20px var(--shadow-color);transition:transform var(--transition-normal),box-shadow var(--transition-normal);overflow:hidden;margin-bottom:var(--spacing-sm)}.card-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);color:var(--dark-text-primary)}.card:hover{transform:translateY(-5px);box-shadow:0 8px 30px var(--shadow-color)}.card-highlight{border-left:4px solid var(--accent-color)}.btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;font-size:var(--font-size-base);font-weight:500;border-radius:var(--radius-md);border:2px solid transparent;transition:all var(--transition-normal);white-space:nowrap;text-align:center;cursor:pointer}.btn-primary{background-color:var(--primary-color);color:var(--card-background);border-color:var(--primary-color)}.btn-primary:hover{background-color:var(--secondary-color);border-color:var(--secondary-color);transform:translateY(-1px)}.btn-secondary{background-color:var(--secondary-color);color:var(--card-background);border-color:var(--secondary-color)}.btn-secondary:hover{background-color:var(--primary-color);border-color:var(--primary-color);transform:translateY(-1px)}.btn-outline{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:var(--dark-text-primary)}.btn-outline-primary{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn-outline-primary:hover{background-color:var(--primary-color);color:var(--card-background);border-color:var(--primary-color)}.btn-danger{background-color:var(--error);border-color:var(--error)}.btn-danger:hover{background-color:var(--dark-error);border-color:var(--dark-error)}.btn-success{background-color:var(--success);border-color:var(--success)}.btn-success:hover{background-color:var(--dark-success);border-color:var(--dark-success)}.btn-warning{background-color:var(--warning);border-color:var(--warning)}.btn-warning:hover{background-color:var(--dark-warning);border-color:var(--dark-warning)}.btn-accent{background-color:var(--accent-color);color:var(--dark-text-primary);border:none}.btn-accent:hover{background-color:#e65c00;color:var(--dark-text-primary)}.form-control,.form-select{background-color:var(--card-background);border:2px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal)}.form-control:focus,.form-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(184,115,51,0.2);outline:none}.nav-link.active{color:var(--light-accent-color)!important;border-bottom:2px solid var(--light-accent-color)}.alert{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md)}.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}.offcanvas-header .btn-close{color:white;opacity:0.8;padding:0.5rem}.offcanvas-header .btn-close:hover{opacity:1}.notification-link-card{border-left:4px solid var(--primary);transition:all var(--transition-fast)}.notification-link-card:hover{transform:translateX(5px);box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15)}.pro-user-badge{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:0.25rem 0.75rem;border-radius:20px;font-size:0.85rem;font-weight:bold;margin-left:0.5rem}.pro-seller-badge{display:inline-block;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:0.5rem 1rem;border-radius:5px;margin:1rem 0}.upgrade-banner{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);padding:1.5rem;border-radius:10px;margin-bottom:2rem}.subscription-card{transition:transform var(--transition-normal)}.subscription-card:hover{transform:translateY(-5px)}.pro-discount-badge{position:absolute;top:10px;right:10px;background:#28a745;color:white;padding:0.25rem 0.5rem;border-radius:5px;font-size:0.8rem}[data-bs-theme="dark"] .btn-outline-primary{color:var(--dark-text-primary);border-color:var(--dark-text-primary)}[data-bs-theme="dark"] .btn-outline-primary:hover{background-color:var(--dark-text-primary);color:var(--dark-primary-color);border-color:var(--dark-text-primary)}[data-bs-theme="dark"] .btn-primary{background-color:var(--dark-primary-color);color:var(--dark-text-primary);border-color:var(--dark-primary-color)}[data-bs-theme="dark"] .btn-primary:hover{background-color:var(--dark-secondary-color);border-color:var(--dark-secondary-color)}[data-bs-theme="dark"] .btn-secondary{background-color:var(--dark-secondary-color);color:var(--dark-text-primary);border-color:var(--dark-secondary-color)}[data-bs-theme="dark"] .btn-secondary:hover{background-color:var(--dark-primary-color);border-color:var(--dark-primary-color)}[data-bs-theme="dark"] .btn i,[data-bs-theme="dark"] .btn .bi,[data-bs-theme="dark"] .btn .bx,[data-bs-theme="dark"] .btn .material-symbols-outlined{color:var(--dark-text-primary)}[data-bs-theme="dark"] .alert{background-color:var(--dark-card-background);color:var(--dark-text-primary)}[data-bs-theme="dark"] .alert-info{border-left:4px solid var(--info,var(--dark-info))}[data-bs-theme="dark"] .alert-success{border-left:4px solid var(--success,var(--dark-success))}[data-bs-theme="dark"] .alert-warning{border-left:4px solid var(--warning,var(--dark-warning))}[data-bs-theme="dark"] .alert-danger{border-left:4px solid var(--error,var(--dark-error))}[data-bs-theme="dark"] .btn-close{filter:invert(1)}[data-bs-theme="dark"] .form-control,[data-bs-theme="dark"] .form-select{background-color:var(--dark-card-background);border-color:var(--dark-border-color);color:var(--dark-text-primary)}[data-bs-theme="dark"] .form-control:focus,[data-bs-theme="dark"] .form-select:focus{background-color:var(--dark-card-background);border-color:var(--dark-accent-color);color:var(--dark-text-primary)}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.alert.fade-out{animation:fadeOut 0.5s ease-out forwards}.theme-toggle-icon{transition:transform var(--transition-normal)}.theme-toggle-icon:hover{transform:scale(1.1)}.alert-system-container{position:fixed;top:0;left:0;right:0;z-index:1055;pointer-events:none;--navbar-height-desktop:75px;--navbar-height-mobile:65px;padding-top:var(--navbar-height-mobile);padding-left:1rem;padding-right:1rem}@media (min-width:992px){.alert-system-container{padding-top:var(--navbar-height-desktop);padding-left:2rem;padding-right:2rem}}.system-alert{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;margin-bottom:0.5rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);max-width:400px;margin-left:auto;margin-right:auto;pointer-events:auto;opacity:0;transform:translateY(-20px);animation:slideInAlert 0.3s ease-out forwards;background-color:rgba(255,255,255,0.95);color:#333}.system-alert.alert-success{background-color:rgba(34,197,94,0.95);color:white;border-color:rgba(34,197,94,0.3)}.system-alert.alert-error,.system-alert.alert-danger{background-color:rgba(239,68,68,0.95);color:white;border-color:rgba(239,68,68,0.3)}.system-alert.alert-warning{background-color:rgba(245,158,11,0.95);color:white;border-color:rgba(245,158,11,0.3)}.system-alert.alert-info{background-color:rgba(59,130,246,0.95);color:white;border-color:rgba(59,130,246,0.3)}[data-bs-theme="dark"] .system-alert{background-color:rgba(31,41,55,0.95);color:#f9fafb;border-color:rgba(75,85,99,0.3)}[data-bs-theme="dark"] .system-alert.alert-success{background-color:rgba(16,185,129,0.95)}[data-bs-theme="dark"] .system-alert.alert-error,[data-bs-theme="dark"] .system-alert.alert-danger{background-color:rgba(248,113,113,0.95)}[data-bs-theme="dark"] .system-alert.alert-warning{background-color:rgba(251,191,36,0.95)}[data-bs-theme="dark"] .system-alert.alert-info{background-color:rgba(96,165,250,0.95)}.alert-content{display:flex;align-items:center;flex:1;gap:0.75rem}.alert-icon{flex-shrink:0;font-size:1.125rem;opacity:0.9}.alert-message{flex:1;font-size:0.875rem;font-weight:500;line-height:1.4}.alert-close-btn{background:none;border:none;color:inherit;opacity:0.7;cursor:pointer;padding:0.25rem;border-radius:4px;transition:all 0.2s ease;margin-left:0.5rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.alert-close-btn:hover{opacity:1;background-color:rgba(0,0,0,0.1)}[data-bs-theme="dark"] .alert-close-btn:hover{background-color:rgba(255,255,255,0.1)}.alert-close-btn i{font-size:1rem}@keyframes slideInAlert{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutAlert{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.system-alert.fade-out{animation:slideOutAlert 0.3s ease-in forwards}@media (max-width:767.98px){.alert-system-container{padding-left:0.75rem;padding-right:0.75rem}.system-alert{max-width:100%;margin-bottom:0.375rem;padding:0.625rem 0.875rem}.alert-content{gap:0.625rem}.alert-message{font-size:0.8125rem}.alert-icon{font-size:1rem}}.system-alert:nth-child(1){animation-delay:0ms}.system-alert:nth-child(2){animation-delay:100ms}.system-alert:nth-child(3){animation-delay:200ms}.system-alert:nth-child(4){animation-delay:300ms}.system-alert:nth-child(5){animation-delay:400ms}.system-alert::after{content:'';position:absolute;bottom:0;left:0;height:2px;background-color:rgba(255,255,255,0.4);border-radius:0 0 8px 8px;animation:progressBar 3.5s linear forwards}@keyframes progressBar{from{width:100%}to{width:0%}}@media (max-width:1200px){.content-wrapper{padding:var(--spacing-sm)}}@media (max-width:992px){.content-wrapper{padding:var(--spacing-sm)}}@media (max-width:768px){.content-wrapper{padding:var(--spacing-sm);grid-template-columns:repeat(4,1fr)}section{margin-bottom:var(--spacing-xs)!important}}@media (max-width:576px){.content-wrapper{padding:var(--spacing-sm);grid-template-columns:1fr}.btn-primary{width:100%;margin-bottom:var(--spacing-sm)}}@media (max-width:767.98px){.categories-section,.featured-products,.trust-badges-section{padding-top:0.5rem!important;padding-bottom:0.5rem!important}.hero-section{margin-bottom:0.5rem}.trust-badges-section{padding:2rem 0}.btn{font-size:var(--font-size-sm);height:36px;padding:0 12px}.card{margin-bottom:var(--spacing-xs)}.form-control,.form-select{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}}@media (max-width:480px){.content-wrapper{padding:var(--spacing-xs)}h1,.h1{font-size:var(--font-size-2xl)}h2,.h2{font-size:var(--font-size-xl)}h3,.h3{font-size:var(--font-size-lg)}.card{border-radius:var(--radius-md)}.btn{min-height:40px;font-size:var(--font-size-xs)}}@media (max-width:767px) and (orientation:landscape){.content-wrapper{padding:var(--spacing-xs) var(--spacing-sm)}}@media print{.btn,.alert,.offcanvas,.modal,.dropdown,.navbar,.footer{display:none!important}.card{box-shadow:none;border:1px solid #000}body{background:white!important;color:black!important}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.card{border-width:0.5px}}@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}.card:hover{transform:none}.btn:hover{transform:none}}:root{--navbar-bg:var(--primary-color);--text-color:var(--card-background);--active-color:var(--secondary-color);--hover-color:var(--hover-bg);--border-color:var(--border-color);--search-bg:var(--card-background);--search-text:var(--text-primary);--badge-bg:var(--accent-color);--navbar-height:75px;--navbar-height-mobile:65px;--bottom-nav-height:70px}.custom-navbar,.bottom-nav{background-color:var(--navbar-bg);z-index:1050;transition:transform 0.5s ease,opacity 0.5s ease;padding:0.75rem 1.25rem;will-change:opacity,transform;box-shadow:0 4px 6px rgba(0,0,0,0.08)}.navbar-brand{margin-right:0.5rem}.navbar-brand img{height:50px;margin-right:1rem}body{padding-top:65px;transition:padding-top 0.3s ease}@media (min-width:992px){body{padding-top:var(--navbar-height);padding-bottom:0;margin-bottom:var(--bottom-nav-height)}.custom-navbar{transform:none!important;opacity:1!important}.order-lg-1{order:1}.order-lg-2{order:2}}@media (max-width:991px){.container-fluid{padding-right:0.5rem;padding-left:0.5rem}.navbar-toggler{margin-left:0.5rem}.bottom-nav{display:flex}.navbar-nav{flex-direction:row}.bottom-nav .nav-link{font-size:1.3rem;margin:0;padding:5px}body{padding-bottom:70px}body.sidebar-open{overflow:hidden}}.d-flex.align-items-center{gap:0.2rem}.search-form{max-width:800px;margin:0 auto;width:100%}.search-form .form-control{background-color:var(--search-bg);color:var(--search-text);border:1px solid var(--border-color);padding:0.6rem 1.2rem;font-size:1rem;transition:all 0.3s ease}.search-form .form-control:focus{box-shadow:0 0 0 3px rgba(var(--active-color),0.25)}.search-form .btn{background-color:var(--search-bg);color:var(--search-text);border:1px solid var(--border-color);padding:1.5rem 1rem;transition:all 0.3s ease}.nav-link{font-size:1rem;margin:0 10px;color:rgba(255,255,255,0.7)!important;transition:color 0.2s ease,transform 0.2s ease;position:relative;padding:0.5rem 1rem}.nav-link:hover{color:rgba(255,255,255,0.9)!important}.nav-link.active{color:var(--accent-color)!important;font-weight:600}.nav-link svg{transition:transform 0.2s ease,stroke 0.2s ease;stroke:rgba(255,255,255,0.7)}.nav-link:hover svg{stroke:rgba(255,255,255,0.9);transform:scale(1.15)}.nav-link.active svg{stroke:var(--accent-color)}.nav-link.active::after{display:none}.nav-text{font-size:0.5rem;margin-top:2px;color:inherit}.profile-photo-nav{width:36px;height:36px;object-fit:cover;border:2px solid #ffffff}.profile-photo-small{width:28px;height:28px;object-fit:cover;border:1px solid #ffffff}.badge,.notification-badge{font-size:0.6rem;padding:0.25em 0.6em;top:-8px;right:-8px;background-color:var(--accent-color);color:white;font-weight:600}.notification-badge{display:flex;align-items:center;justify-content:center;z-index:1}.nav-link.position-relative{position:relative}@media (max-width:576px){.navbar-brand img{height:38px}.custom-sidebar{max-width:100%}}.navbar-toggler{z-index:1030;position:relative;border:none;padding:0.25rem;color:var(--text-color);width:44px;height:44px;display:flex;align-items:center;justify-content:center}.navbar-toggler:focus{box-shadow:none}.hamburger-icon,.close-icon{position:absolute;transition:opacity 0.3s ease,transform 0.3s ease}.hamburger-icon svg,.close-icon svg{stroke:#FFFFFF}.offcanvas.custom-sidebar{transition:transform 0.4s cubic-bezier(0.22,1,0.36,1)}.offcanvas-backdrop{transition:opacity 0.3s ease}@media (max-width:767px){.custom-sidebar{width:100%!important;max-width:100%!important}}.custom-sidebar{width:320px;max-width:85vw;background-color:var(--card-background);box-shadow:-5px 0 25px rgba(0,0,0,0.1);z-index:1045}@media (min-width:768px) and (max-width:991px){.custom-sidebar{width:400px;max-width:50vw}}.custom-sidebar .offcanvas-header{background-color:var(--primary-color);color:white;padding:1rem 1.5rem;border-bottom:none;min-height:var(--navbar-height-mobile)}.custom-sidebar .offcanvas-title{font-size:1.25rem;font-weight:600;margin:0}.custom-sidebar .btn-close{filter:brightness(0) invert(1);opacity:0.8}.custom-sidebar .btn-close:hover{opacity:1}.custom-sidebar .offcanvas-body{padding:0;height:100%;overflow-y:auto;background-color:var(--background-color);padding-top:0.5rem;padding-bottom:calc(var(--bottom-nav-height) + 1rem)}.user-profile-section{padding:1rem;background-color:var(--card-background);border-bottom:1px solid var(--border-color)}.user-profile-content{display:flex;align-items:center;gap:1rem}.user-avatar{flex-shrink:0}.avatar-img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-color)}.avatar-placeholder{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:1.25rem}.user-info{flex:1;overflow:hidden}.user-greeting{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 0.25rem 0}.user-email{font-size:0.875rem;color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-search-section{padding:0.75rem 1rem;background-color:var(--card-background);border-bottom:1px solid var(--border-color)}.search-input-wrapper{position:relative;display:flex;align-items:center}.sidebar-search-input{height:44px;padding:0 44px 0 16px;border:2px solid var(--border-color);border-radius:22px;font-size:0.9375rem;background-color:var(--background-color);transition:all 0.3s ease}.sidebar-search-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),0.1)}.sidebar-search-btn{color:#6c757d;height:40px;border-color:#6c757d;transition:all 0.3s ease;padding:0 12px;height:36px;width:36px;border-radius:50%;border:none;background-color:var(--primary-color);color:white;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.sidebar-search-btn svg{width:24px;height:24px}.sidebar-search-btn:hover{background-color:var(--secondary-color);transform:scale(1.05)}.pwa-install-section{padding:0 1rem 0.75rem;background-color:var(--card-background);border-bottom:1px solid var(--border-color)}.pwa-install-btn{height:44px;border-radius:12px;font-weight:600;font-size:0.9375rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border:none;transition:all 0.3s ease}.pwa-install-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),0.3)}.quick-actions-section{padding:1rem;background-color:var(--card-background);border-bottom:1px solid var(--border-color)}.section-label{font-size:0.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.75rem;padding-left:0.25rem}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0.625rem}.quick-action-btn{display:flex;flex-direction:column;align-items:center;padding:0.625rem 0.375rem;background-color:var(--background-color);border-radius:12px;text-decoration:none;color:var(--text-primary);transition:all 0.3s ease;position:relative}.quick-action-btn:hover{background-color:var(--hover-bg);transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,0.08)}.action-icon{width:36px;height:36px;background-color:var(--primary-color);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:0.375rem;transition:all 0.3s ease}.action-icon svg{stroke:white;width:20px;height:20px}.quick-action-btn:hover .action-icon{background-color:var(--secondary-color)}.quick-action-btn span{font-size:0.6875rem;font-weight:500}.quick-action-badge{position:absolute;top:-2px;right:-2px;background-color:var(--accent-color);color:white;font-size:0.625rem;padding:2px 5px;border-radius:10px;font-weight:600;min-width:18px;text-align:center}.sidebar-section{padding:1rem;border-bottom:1px solid var(--border-color)}.browse-list{display:flex;flex-direction:column;gap:0.375rem}.browse-item{display:flex;align-items:center;padding:0.625rem 0.875rem;background-color:var(--card-background);border-radius:10px;text-decoration:none;color:var(--text-primary);transition:all 0.3s ease;cursor:pointer;font-size:0.9375rem}.browse-item:hover{background-color:var(--hover-bg);transform:translateX(2px)}.browse-icon{width:32px;height:32px;background-color:var(--primary-color);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:0.75rem}.browse-icon svg{stroke:white;width:18px;height:18px}.chevron-icon{transition:transform 0.3s ease}.browse-item[aria-expanded="true"] .chevron-icon{transform:rotate(180deg)}.categories-container{padding:0.375rem 0;max-height:350px;overflow-y:auto}.sidebar-category-wrapper{margin-bottom:0.25rem}.sidebar-category-item{display:flex;align-items:center;position:relative}.sidebar-category-item.has-subcategories .sidebar-category-link{padding-right:40px}.sidebar-category-link{display:flex;align-items:center;flex:1;padding:0.5rem 0.75rem;margin:0.125rem 0;background-color:var(--background-color);border-radius:8px;text-decoration:none;color:var(--text-primary);transition:all 0.3s ease;font-size:0.875rem}.sidebar-category-link:hover{background-color:var(--hover-bg);transform:translateX(2px)}.sidebar-category-img,.sidebar-category-placeholder{width:20px;height:20px;margin-right:0.625rem;flex-shrink:0}.sidebar-category-img{border-radius:4px;object-fit:cover}.sidebar-category-placeholder{background-color:var(--primary-color);border-radius:4px;display:flex;align-items:center;justify-content:center}.sidebar-category-placeholder svg{width:12px;height:12px;stroke:white}.sidebar-category-count{margin-left:auto;font-size:0.6875rem;color:var(--text-secondary);background-color:var(--background-color);padding:2px 6px;border-radius:10px}.sidebar-subcategory-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:none;background-color:transparent;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;color:var(--text-secondary)}.sidebar-subcategory-toggle:hover{background-color:var(--hover-bg)}.sidebar-subcategory-toggle svg{transition:transform 0.3s ease}.sidebar-subcategory-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}.subcategories-list{padding-left:2rem;padding-top:0.25rem}.sidebar-subcategory-item{display:flex;align-items:center;padding:0.375rem 0.625rem;margin:0.125rem 0;background-color:var(--background-color);border-radius:6px;text-decoration:none;color:var(--text-secondary);font-size:0.8125rem;transition:all 0.3s ease}.sidebar-subcategory-item:hover{background-color:var(--hover-bg);color:var(--text-primary);transform:translateX(2px)}.auth-cta-section{padding:1rem;background-color:var(--card-background);border-bottom:1px solid var(--border-color)}.auth-cta-card{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:white;padding:1.25rem;border-radius:12px;text-align:center}.auth-cta-card h5{font-size:1.125rem;font-weight:600;margin-bottom:0.375rem}.auth-cta-card p{font-size:0.8125rem;opacity:0.9;margin-bottom:1rem}.auth-buttons .btn{height:44px;border-radius:10px;font-weight:600;font-size:0.9375rem;display:flex;align-items:center;justify-content:center}.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.5rem}.help-item{display:flex;flex-direction:column;align-items:center;padding:0.75rem;background-color:var(--card-background);border-radius:10px;text-decoration:none;color:var(--text-primary);transition:all 0.3s ease}.help-item:hover{background-color:var(--hover-bg);transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,0.08)}.help-item svg{stroke:var(--primary-color);margin-bottom:0.375rem;width:20px;height:20px}.help-item span{font-size:0.8125rem;font-weight:500}.legal-links{display:flex;flex-direction:column;gap:0.375rem}.legal-link{padding:0.375rem 0.75rem;background-color:var(--card-background);border-radius:6px;text-decoration:none;color:var(--text-secondary);font-size:0.8125rem;transition:all 0.3s ease}.legal-link:hover{background-color:var(--hover-bg);color:var(--text-primary);transform:translateX(2px)}[data-bs-theme="dark"] .custom-sidebar{background-color:var(--dark-card-background)}[data-bs-theme="dark"] .custom-sidebar .offcanvas-header{background-color:var(--dark-secondary-color);border-bottom:1px solid var(--dark-border-color)}[data-bs-theme="dark"] .sidebar-search-input{background-color:var(--dark-background);border-color:var(--dark-border-color);color:var(--dark-text-primary)}[data-bs-theme="dark"] .quick-action-btn,[data-bs-theme="dark"] .browse-item,[data-bs-theme="dark"] .help-item,[data-bs-theme="dark"] .sidebar-category-link,[data-bs-theme="dark"] .sidebar-subcategory-item{background-color:var(--dark-background);color:var(--dark-text-primary)}[data-bs-theme="dark"] .quick-action-btn:hover,[data-bs-theme="dark"] .browse-item:hover,[data-bs-theme="dark"] .help-item:hover,[data-bs-theme="dark"] .sidebar-category-link:hover,[data-bs-theme="dark"] .sidebar-subcategory-item:hover,[data-bs-theme="dark"] .legal-link:hover{background-color:var(--dark-hover-bg)}.categories-container::-webkit-scrollbar{width:4px}.categories-container::-webkit-scrollbar-track{background:var(--background-color)}.categories-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.categories-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width:380px){.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.help-grid{grid-template-columns:1fr}.sidebar-search-input{font-size:0.875rem}}:root{--footer-bg:var(--navbar-bg);--footer-text:#ffffff;--footer-link-hover:var(--accent-color);--footer-border:rgba(255,255,255,0.1);--footer-icon-color:rgba(255,255,255,0.7)}.custom-footer{background-color:var(--footer-bg);color:var(--footer-text);padding:3rem 1rem 1rem;margin-top:3rem;border-top:1px solid var(--footer-border);font-size:0.9rem}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;margin-bottom:2.5rem}.footer-brand{flex:1 0 100%;margin-bottom:1.5rem;text-align:center}.footer-logo-container{margin-bottom:1rem}.footer-logo{height:40px}.footer-tagline{color:rgba(255,255,255,0.8);font-size:0.9rem;max-width:80%;margin:0 auto}.footer-links-container{display:flex;flex-wrap:wrap;justify-content:space-around;flex:1 0 100%;gap:1.5rem}.footer-links-column{flex:1 0 auto;min-width:160px}.footer-heading{font-size:0.85rem;font-weight:600;margin-bottom:1rem;color:rgba(255,255,255,0.9);text-transform:uppercase;letter-spacing:0.05rem}.footer-links{display:flex;flex-direction:column;gap:0.75rem}.footer-links a{color:rgba(255,255,255,0.7);text-decoration:none;transition:color 0.3s ease;display:flex;align-items:center;gap:0.5rem;font-size:0.85rem}.footer-links a:hover{color:var(--footer-link-hover)}.footer-icon{display:flex;align-items:center}.footer-social{flex:1 0 100%;text-align:center;margin-top:1rem}.social-icons{display:flex;justify-content:center;gap:1.5rem;margin-top:0.5rem}.social-icons a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:rgba(255,255,255,0.1);color:var(--footer-text);transition:all 0.3s ease}.social-icons a:hover{background-color:var(--footer-link-hover);transform:translateY(-3px)}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid var(--footer-border);gap:1rem}.footer-copyright{font-size:0.8rem;color:rgba(255,255,255,0.6)}.footer-app-links{display:flex;gap:1.5rem}.app-link{color:rgba(255,255,255,0.7);text-decoration:none;font-size:0.8rem;display:flex;align-items:center;gap:0.5rem;transition:color 0.3s ease}.app-link:hover{color:var(--footer-link-hover)}@media (min-width:768px){.footer-brand{flex:0 0 30%;text-align:left;margin-bottom:0}.footer-tagline{margin:0}.footer-links-container{flex:0 0 65%}.footer-social{flex:0 0 100%;text-align:center;margin-top:2rem}}@media (max-width:991px){html,body{min-height:100%;height:auto;position:relative}body{padding-bottom:0!important;margin-bottom:0!important}.custom-footer{margin-bottom:0;position:relative;z-index:1040;width:100%}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:1045;width:100%}body.user-authenticated .footer-bottom{padding-bottom:var(--bottom-nav-height)}.main-container{min-height:calc(100vh - var(--navbar-height-mobile));display:flex;flex-direction:column}.main-container>.container-fluid:not(.custom-footer),.main-container>.container:not(.custom-footer){flex:1 0 auto}.custom-footer{flex-shrink:0}}@media (min-width:992px){.footer-brand{flex:0 0 25%}.footer-links-container{flex:0 0 50%}.footer-social{flex:0 0 20%;text-align:left;margin-top:0}.social-icons{justify-content:flex-start}}@media (max-width:767px){.custom-footer{padding:2rem 1rem 1rem}.footer-bottom{flex-direction:column;text-align:center}.footer-app-links{justify-content:center;margin-top:0.5rem}}#pwa-install-btn{display:none;position:fixed;bottom:20px;right:20px;background:#003366;color:white;border:none;padding:12px 20px;border-radius:25px;font-size:14px;cursor:pointer;z-index:1000;box-shadow:0 4px 12px rgba(0,51,102,0.3);transition:all 0.3s ease}#pwa-install-btn:hover{background:#004080;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,51,102,0.4)}.pwa-toast{position:fixed;top:20px;right:20px;max-width:350px;background:white;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);transform:translateX(400px);transition:transform 0.3s ease;z-index:1001;border-left:4px solid #003366}.pwa-toast-show{transform:translateX(0)}.pwa-toast-content{padding:16px;display:flex;align-items:center;gap:12px}.pwa-toast-content span{flex:1;font-size:14px;color:#333}.pwa-toast-action{background:#003366;color:white;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer}.pwa-toast-close{background:none;border:none;font-size:18px;cursor:pointer;color:#666;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.pwa-toast-success{border-left-color:#28a745}.pwa-toast-warning{border-left-color:#ffc107}.pwa-toast-info{border-left-color:#17a2b8}.footer-app-links{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.app-link{display:flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:20px;color:white;text-decoration:none;font-size:13px;transition:all 0.3s ease;white-space:nowrap}.app-link:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3);transform:translateY(-1px)}.pwa-install-link{background:linear-gradient(135deg,#28a745,#20c997);border-color:#28a745;animation:pulse-green 2s infinite}.pwa-install-link:hover{background:linear-gradient(135deg,#218838,#1ba085);border-color:#218838}.offline-indicator{position:fixed;top:0;left:0;right:0;background:#dc3545;color:white;text-align:center;padding:8px;font-size:14px;z-index:1002;transform:translateY(-100%);transition:transform 0.3s ease}.offline-indicator.show{transform:translateY(0)}@media (display-mode:standalone){body{user-select:none;-webkit-user-select:none}.browser-only{display:none!important}}@supports (-webkit-touch-callout:none){.pwa-toast{top:calc(20px + env(safe-area-inset-top))}#pwa-install-btn{bottom:calc(20px + env(safe-area-inset-bottom))}}@keyframes pulse-green{0%{box-shadow:0 0 0 0 rgba(40,167,69,0.4)}70%{box-shadow:0 0 0 10px rgba(40,167,69,0)}100%{box-shadow:0 0 0 0 rgba(40,167,69,0)}}@media (max-width:768px){.footer-app-links{justify-content:center;gap:10px}.app-link{padding:6px 10px;font-size:12px}.pwa-toast{top:20px;left:20px;right:20px;max-width:none;transform:translateY(-100px)}.pwa-toast-show{transform:translateY(0)}}.logged-in-hero{height:45vh;min-height:400px;background-color:var(--background-color,#f2f2f7);position:relative;text-align:center;margin:-2rem -1rem 0rem -1rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.svg-pattern-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:0.15;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23444444' fill-opacity='1.5'/%3E%3C/svg%3E")!important;mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 100%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 100%)!important}.logged-in-hero-content{width:100%;max-width:1200px;margin:0 auto;padding:2rem;position:relative;z-index:1}.hero-flex-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem}.logged-in-text-container{height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;max-width:800px}.logged-in-hero-title{font-size:3.5rem;font-weight:700;letter-spacing:-0.02em;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 1px 3px rgba(0,0,0,0.1);color:transparent;margin:0 0 0.5rem 0;opacity:1;animation:fadeInSlideDown 1s ease-out forwards;line-height:1}.logged-in-subtitle-wrapper{overflow:hidden;height:3rem;position:relative;width:100%;max-width:650px;margin:0 auto}.logged-in-hero-subtitle{font-size:1.2rem;font-weight:400;color:var(--text-primary);opacity:0;margin:0;width:100%;animation:fadeIn 1.2s ease-out 0.5s forwards;letter-spacing:-0.01em;line-height:1.4}@keyframes fadeInSlideDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.hero-search-container{width:100%;max-width:650px;margin:0.5rem 0 0;position:relative;z-index:2;opacity:0;animation:fadeIn 1s ease-out 0.8s forwards}.hero-search-form .input-group{position:relative;display:flex;align-items:center}.hero-search-form .search-input{height:56px;font-size:1.1rem;padding-left:1.75rem;padding-right:56px;transition:all 0.2s ease;border:none!important;color:var(--text-primary)!important;box-shadow:0 4px 24px rgba(0,0,0,0.08);font-weight:400}.hero-search-form .search-input::placeholder{color:var(--text-secondary,#555555)!important;opacity:0.7}.hero-search-form .search-input:focus{background-color:#ffffff!important;box-shadow:0 6px 30px rgba(0,0,0,0.12)!important;transform:translateY(-2px)}.search-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none;font-size:1.25rem}@media (prefers-color-scheme:dark){.logged-in-hero{background-color:var(--background-color,#0a0a0c)}.logged-in-hero-title{background:linear-gradient(135deg,#ffffff 0%,var(--accent-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 10px rgba(0,0,0,0.2)}.logged-in-hero-subtitle{color:var(--text-secondary,#aaaaaa)}.hero-search-form .search-input{background-color:rgba(255,255,255,0.08)!important;box-shadow:0 4px 24px rgba(0,0,0,0.2)}.hero-search-form .search-input::placeholder{color:var(--text-secondary,#aaaaaa)!important;opacity:0.8}.hero-search-form .search-input:focus{background-color:rgba(255,255,255,0.12)!important;box-shadow:0 6px 30px rgba(0,0,0,0.25)!important}}[data-bs-theme="dark"] .logged-in-hero-title{background:linear-gradient(135deg,#ffffff 0%,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(0,0,0,0.2)}[data-bs-theme="dark"] .logged-in-hero-subtitle{color:var(--text-primary)}[data-bs-theme="light"] .logged-in-hero-title{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 1px rgba(0,0,0,0.1)}[data-bs-theme="light"] .logged-in-hero-subtitle{color:var(--text-primary)}[data-bs-theme="dark"] .hero-search-form .search-input{border:none!important;color:#ffffff!important;background-color:rgba(255,255,255,0.08)!important}@media (max-width:767.98px){.logged-in-hero{height:auto;min-height:300px;padding:2rem 0}.logged-in-hero-content{padding:1rem 1rem}.hero-flex-container{gap:1.3rem}.logged-in-text-container{min-height:auto;margin-bottom:0}.logged-in-hero-title{font-size:2.75rem;margin-bottom:0.5rem}.logged-in-subtitle-wrapper{height:2.4rem}.logged-in-hero-subtitle{font-size:1rem;padding:0 0.5rem}.hero-search-container{width:100%;max-width:500px;padding:0 1rem}.hero-search-form .search-input{height:50px;font-size:1rem}}@keyframes fadeTextTransition{0%{opacity:0;transform:translateY(10px)}5%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-10px)}}.section-title{font-weight:550}.hero-section{position:relative;min-height:65vh;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 70%,#2c3e50 100%);margin:-2rem -1rem 2rem -1rem;border-radius:0 0 3rem 3rem;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(0,0,0,0.15)}.hero-content{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:6rem 2rem;z-index:2}.hero-overlay{position:absolute;inset:0;opacity:0.7;z-index:1;filter:saturate(1.2) contrast(1.1)}.hero-overlay::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,0.6) 100%);z-index:1}.hero-text-container{position:relative;width:100%;max-width:800px;color:white;text-align:center;padding:3rem;background:rgba(0,0,0,0.2);border-radius:1.5rem;margin:0 auto;backdrop-filter:blur(3px);box-shadow:0 15px 35px rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.1);animation:fadeInUp 0.8s ease-out forwards}.hero-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;margin-bottom:1.5rem;line-height:1.1;text-shadow:0 2px 4px rgba(0,0,0,0.2);letter-spacing:-0.5px;background:linear-gradient(90deg,#ffffff,#e0e0e0);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{font-size:clamp(1.2rem,2vw,1.4rem);opacity:0.9;margin-bottom:2.5rem;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,0.3);max-width:80%;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}.hero-buttons .btn{min-width:160px;padding:0.9rem 2rem;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;border-radius:50px;transition:all 0.2s ease;position:relative;overflow:hidden;z-index:1}.hero-buttons .btn-primary{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));border:none;box-shadow:0 5px 15px rgba(0,0,0,0.2)}.hero-buttons .btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.3)}.hero-buttons .btn-outline-light{background:rgba(255,255,255,0.1);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,0.3);box-shadow:0 5px 15px rgba(0,0,0,0.1)}.hero-buttons .btn-outline-light:hover{background:rgba(255,255,255,0.2);transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.2)}.hero-decorations{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.hero-shape{position:absolute;border-radius:50%;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));opacity:0.1;filter:blur(60px)}.shape-1{width:30vw;height:30vw;top:-10%;right:-5%;animation:floatAnimation 15s infinite alternate ease-in-out}.shape-2{width:25vw;height:25vw;bottom:-10%;left:-5%;animation:floatAnimation 18s infinite alternate-reverse ease-in-out}.shape-3{width:20vw;height:20vw;top:40%;right:15%;animation:floatAnimation 12s infinite alternate ease-in-out;opacity:0.05}@keyframes floatAnimation{0%{transform:translate(0,0) rotate(0deg)}100%{transform:translate(20px,20px) rotate(5deg)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero-section{min-height:60vh;border-radius:0 0 2rem 2rem}.hero-content{padding:4rem 1.5rem}.hero-text-container{padding:2rem 1.5rem}.hero-subtitle{max-width:95%}.hero-buttons{flex-direction:column;width:100%;max-width:300px;margin:1rem auto 0}.hero-buttons .btn{width:100%}}@media (max-width:480px){.hero-section{min-height:65vh}.hero-text-container{padding:1.5rem}.hero-title{font-size:clamp(2rem,8vw,2.5rem)}.hero-subtitle{font-size:clamp(1rem,4vw,1.2rem)}}.category-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:15px;padding-top:1.5rem;padding-bottom:1.5rem;height:100%;transition:all 0.2s ease}.category-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.category-icon{width:65px;height:65px;margin:0 auto 0.5rem;display:flex;align-items:center;justify-content:center}.category-image{max-width:100%;max-height:100%;object-fit:contain}.category-title{font-size:0.9rem;font-weight:600;margin:0;text-align:center;color:var(--text-primary)}.category-count{text-align:center}.text-primary{font-size:0.8rem;opacity:1;letter-spacing:0.5px}@media (max-width:767.98px){.categories-wrapper{margin:0 -10px;padding:0px;position:relative}.categories-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:0.5rem;margin-right:0;margin-left:0}.category-item{flex:0 0 auto;width:180px;padding:0 px;scroll-snap-align:start}.categories-grid::-webkit-scrollbar{display:none}.categories-grid{-ms-overflow-style:none;scrollbar-width:none}}.scroll-indicator{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.5rem;color:var(--text-muted);font-size:0.875rem;animation:fadeOut 10s forwards;animation-delay:5s}.scroll-indicator i{animation:scrollHint 0.5s infinite}@keyframes scrollHint{0%{transform:translateX(-5px)}50%{transform:translateX(5px)}100%{transform:translateX(-5px)}}@keyframes fadeOut{from{opacity:1}to{opacity:0;visibility:hidden}}@media (max-width:767.98px){.categories-section,.featured-products,.trust-badges-section{padding-top:0.5rem!important;padding-bottom:0.5rem!important}.hero-section{margin-bottom:0.5rem}.trust-badges-section{padding:2rem 0}}#create-listing-btn{position:fixed;right:var(--spacing-lg,1.5rem);bottom:80px;width:3.5rem;height:3.5rem;z-index:1044;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,0.15);border:3px solid rgba(255,255,255,0.9);transition:all 0.2s ease;background-color:var(--accent-color);color:white;backdrop-filter:blur(10px)}#create-listing-btn i{font-size:1.5rem;transition:transform 0.2s ease}#create-listing-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 15px rgba(0,0,0,0.3)}#create-listing-btn:hover i{transform:rotate(90deg)}@media (max-width:767.98px){#create-listing-btn{right:1.75rem;bottom:90px}}.trust-badges-section{background:var(--card-background);padding:4rem 0;margin:2rem -1rem -2rem -1rem}.trust-badges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:3rem auto 0;padding:0 1rem}.trust-badge-card{text-align:center;padding:2rem;background:var(--background-color);border-radius:1rem;transition:transform 0.2s ease}.trust-badge-card:hover{transform:translateY(-5px)}.trust-badge-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:var(--primary-color);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem}.trust-badge-card h3{color:var(--text-primary);margin-bottom:1rem}.trust-badge-card p{color:var(--text-secondary)}.value-proposition-section{padding:4rem 0;background:var(--background-color)}.value-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:15px;padding:2rem;height:100%;display:flex;align-items:center;transition:all 0.2s ease;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.value-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,0.1);border-color:var(--primary-color)}.value-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1.5rem;flex-shrink:0;font-size:1.8rem;background:rgba(var(--primary-color),0.1)}.value-content h5{color:var(--text-primary);font-weight:600;margin-bottom:0.5rem}.value-content p{color:var(--text-secondary);margin-bottom:0;font-size:0.9rem;line-height:1.4}.highlight-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all 0.2s ease}.highlight-card:hover{transform:translateY(-2px);box-shadow:0 3px 10px rgba(0,0,0,0.08)}.highlight-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(var(--primary-color),0.1);flex-shrink:0}.highlight-card h6{color:var(--text-primary);font-weight:600}.highlight-card small{color:var(--text-secondary)}.testimonials-section{padding:4rem 0;background:var(--background-color)}.testimonial-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:15px;transition:all 0.2s ease;box-shadow:0 2px 10px rgba(0,0,0,0.05)}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.12);border-color:var(--primary-color)}.testimonial-card .card-body{padding:2rem}.stars i{font-size:0.9rem;margin-right:0.1rem}.testimonial-card p{color:var(--text-secondary);line-height:1.6;font-style:italic}.testimonial-card h6{color:var(--text-primary);font-weight:600}.testimonial-card small{color:var(--text-muted)}.avatar .rounded-circle{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color))!important}.how-it-works-section{background:linear-gradient(135deg,var(--card-background) 0%,var(--background-color) 100%);padding:4rem 0;margin:2rem -1rem}.step-card{position:relative;padding:2.5rem 1.5rem 2rem;background:var(--card-background);border:1px solid var(--border-color);border-radius:15px;height:100%;transition:all 0.2s ease;text-align:center}.step-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.1);border-color:var(--primary-color)}.step-number{position:absolute;top:-15px;left:50%;transform:translateX(-50%);width:30px;height:30px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.9rem;box-shadow:0 2px 8px rgba(var(--primary-color),0.3)}.step-icon{margin:1rem 0 1.5rem}.step-card h5{color:var(--text-primary);font-weight:600;margin-bottom:1rem}.step-card p{color:var(--text-secondary);font-size:0.9rem;line-height:1.4}.cta-section{background:var(--primary-color);position:relative;overflow:hidden}.cta-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>') repeat;opacity:0.3;pointer-events:none}.cta-card{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-radius:1.5rem;position:relative;z-index:1}.cta-title{font-size:2rem;font-weight:700;color:var(--bs-dark);margin-bottom:1rem}.cta-subtitle{font-size:1.125rem;color:var(--bs-secondary);max-width:600px;margin:0 auto}.cta-btn-primary,.cta-btn-secondary{padding:0.875rem 2rem;border-radius:0.75rem;font-weight:600;font-size:1rem;text-decoration:none;transition:all 0.2s ease;min-height:56px;display:flex;align-items:center;justify-content:center}.cta-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--bs-primary-rgb),0.3)}.cta-btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--primary-color),0.2);background-color:var(--primary-color);border-color:var(--bs-primary);color:white}.cta-icon{font-size:1.25rem;width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center}.cta-trust-icon{font-size:1rem;width:1rem;height:1rem;display:inline-flex;align-items:center;justify-content:center}.trust-item{padding:0.5rem;border-radius:0.5rem;transition:background-color 0.15s ease}.trust-item:hover{background-color:rgba(var(--bs-primary-rgb),0.1)}.trust-text{font-size:0.875rem;font-weight:500;white-space:nowrap}[data-bs-theme="dark"] .cta-card{background:rgba(33,37,41,0.95);backdrop-filter:blur(10px)}[data-bs-theme="dark"] .cta-title{color:var(--bs-light)}[data-bs-theme="dark"] .cta-subtitle{color:var(--bs-light);opacity:0.8}[data-bs-theme="dark"] .trust-text{color:var(--bs-light);opacity:0.7}[data-bs-theme="dark"] .trust-item:hover{background-color:rgba(255,255,255,0.1)}[data-bs-theme="dark"] .cta-section{background:linear-gradient(135deg,#1a1d29 0%,#2c3e50 100%)}@media (max-width:575.98px){.cta-title{font-size:1.75rem}.cta-subtitle{font-size:1rem}.cta-btn-primary,.cta-btn-secondary{padding:0.75rem 1.5rem;font-size:0.95rem;min-height:50px}.cta-icon{font-size:1.1rem;width:1.1rem;height:1.1rem}.trust-item{justify-content:center!important;margin-bottom:0.5rem}}@media (min-width:576px) and (max-width:767.98px){.cta-buttons .col-sm-6:first-child{margin-bottom:0}}@media (min-width:768px){.cta-title{font-size:2.25rem}.cta-subtitle{font-size:1.25rem}}@media (min-width:992px){.cta-title{font-size:2.5rem}}@media (max-width:768px){.value-proposition-section,.testimonials-section,.how-it-works-section{padding:2.5rem 0}.quick-search-section,.cta-section{padding:2rem 0;margin:1rem -15px}.value-card{flex-direction:column;text-align:center;padding:1.5rem}.value-icon{margin-right:0;margin-bottom:1rem}.search-card .card-body{padding:1.5rem!important}.cta-card .card-body{padding:2rem!important}.cta-card .d-flex{flex-direction:column;gap:1rem!important}.cta-card .btn{width:100%;min-width:auto}.step-card{padding:2rem 1rem 1.5rem}}@media (max-width:480px){.value-proposition-section,.testimonials-section,.how-it-works-section{padding:2rem 0}.quick-search-section,.cta-section{padding:1.5rem 0}.search-card h3{font-size:1.25rem}.testimonial-card .card-body{padding:1.5rem}}.row.g-4{--bs-gutter-x:1.5rem;--bs-gutter-y:1.5rem}@media (max-width:768px){.row.g-4{--bs-gutter-x:1rem;--bs-gutter-y:1rem}}.featured-products,.local-products,.trending-products{position:relative}.featured-products,.local-products,.trending-products{animation:fadeInUp 0.6s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}