:root{--primary-gradient:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--card-shadow:0 4px 20px rgba(0, 0, 0, 0.08);--card-shadow-hover:0 12px 40px rgba(0, 0, 0, 0.15);--primary-color:#667eea;--primary-dark:#5568d3;--text-dark:#2d3748;--text-light:#718096;--bg-light:#f7fafc;--border-color:#e2e8f0;--success-color:#48bb78;--radius-lg:1rem;--radius-xl:1.5rem;--price-text:#1e293b;--price-bg:rgba(248, 250, 252, 0.92);--price-gradient:linear-gradient(135deg, rgba(102, 126, 234, 0.4), rgba(118, 75, 162, 0.55));--price-shadow:0 12px 28px rgba(15, 23, 42, 0.18)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg-light);color:var(--text-dark);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main-header{background:rgb(255 255 255 / .95);backdrop-filter:blur(20px);box-shadow:0 1px 3px rgb(0 0 0 / .05);position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid rgb(0 0 0 / .06)}.header-container{max-width:1320px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.logo a{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.logo-text{font-size:1.75rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;letter-spacing:-.02em;display:inline-flex;align-items:center}.main-nav ul{display:flex;list-style:none;gap:.5rem;align-items:center}.main-nav a{padding:.625rem 1.25rem;border-radius:.5rem;color:var(--text-dark);font-weight:500;font-size:.9375rem;transition:all 0.2s ease;text-decoration:none}.main-nav a:hover,.main-nav a.active{background:rgb(102 126 234 / .1);color:var(--primary-color)}.post-ad-btn{background:var(--primary-gradient)!important;color:white!important;padding:.75rem 1.5rem!important;border-radius:0.75rem!important;font-weight:600!important;box-shadow:0 4px 12px rgb(102 126 234 / .3);transition:all 0.3s ease!important}.post-ad-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(102 126 234 / .4)}.dropdown{position:relative}.dropdown-toggle{display:flex;align-items:center;gap:.375rem;color:inherit}.dropdown-arrow{transition:transform 0.3s ease}.dropdown-menu{position:absolute;top:100%;left:0;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--card-shadow-hover);min-width:200px;padding:.5rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;margin-top:.5rem}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu a{display:block;padding:.75rem 1rem;border-radius:.5rem;color:var(--text-dark);transition:all 0.2s}.dropdown-menu a:hover{background:var(--bg-light);color:var(--primary-color);transform:translateX(4px)}.search-bar{flex:1;max-width:400px}.search-bar form{position:relative}.search-bar input{width:100%;padding:.75rem 3rem .75rem 1.25rem;border:2px solid var(--border-color);border-radius:.75rem;font-size:.9375rem;transition:all 0.3s ease;background:#fff}.search-bar input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgb(102 126 234 / .1)}.search-icon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-light);transition:color 0.2s;display:flex;align-items:center;justify-content:center;padding:.5rem;height:36px;width:36px}.search-icon svg{display:block}.search-icon:hover{color:var(--primary-color)}body.menu-open{overflow:hidden}.hero-section{background:var(--primary-gradient);padding:5rem 2rem 3.5rem;margin-top:72px;position:relative;overflow:hidden}.hero-section::before{content:'';position:absolute;top:-50%;right:-20%;width:70%;height:150%;background:radial-gradient(circle,rgb(255 255 255 / .15) 0%,transparent 70%);animation:float 20s infinite ease-in-out}.hero-section::after{content:'';position:absolute;bottom:-30%;left:-10%;width:50%;height:100%;background:radial-gradient(circle,rgb(255 255 255 / .1) 0%,transparent 70%);animation:float 25s infinite ease-in-out reverse}@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(5deg)}}.hero-content{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:1}.hero-section h1{font-size:2.5rem;font-weight:900;color:#fff;margin-bottom:1rem;line-height:1.1;letter-spacing:-.03em;text-shadow:0 4px 20px rgb(0 0 0 / .1)}.hero-section p{font-size:1.125rem;color:rgb(255 255 255 / .95);margin-bottom:2rem;font-weight:400;line-height:1.6}.quick-search{background:#fff;border-radius:var(--radius-xl);padding:1.25rem;box-shadow:0 20px 60px rgb(0 0 0 / .15);margin-bottom:1.5rem}.search-input-group{display:flex;gap:.875rem;flex-wrap:wrap}.search-input-group select,.search-input-group input{flex:1;min-width:200px;padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:.9375rem;font-family:inherit;transition:all 0.3s ease;background:#fff}.search-input-group select:focus,.search-input-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgb(102 126 234 / .1)}.search-divider{width:1px;background:var(--border-color)}.search-btn{background:var(--primary-gradient);color:#fff;border:none;padding:.875rem 2rem;border-radius:var(--radius-lg);font-weight:600;font-size:.9375rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all 0.3s ease;box-shadow:0 4px 14px rgb(102 126 234 / .4)}.search-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(102 126 234 / .5)}.hero-cta-buttons{margin-top:1.5rem}.hero-cta-buttons .btn-primary{background:#fff;color:var(--primary-color);padding:.875rem 2rem;border-radius:var(--radius-lg);font-weight:700;font-size:1rem;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 8px 25px rgb(0 0 0 / .15);transition:all 0.3s ease;text-decoration:none}.hero-cta-buttons .btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgb(0 0 0 / .2)}.page-header{background:var(--primary-gradient);padding:3rem 2rem 2.5rem;margin-top:72px;position:relative;overflow:hidden;border-bottom:1px solid rgb(255 255 255 / .1)}.page-header::before{content:'';position:absolute;top:-50%;right:-20%;width:70%;height:150%;background:radial-gradient(circle,rgb(255 255 255 / .15) 0%,transparent 70%);animation:float 20s infinite ease-in-out}.page-header-container{max-width:1600px;margin:0 auto;position:relative;z-index:1}.page-title{font-size:2.25rem;font-weight:800;color:#fff;margin-bottom:.75rem;line-height:1.2;letter-spacing:-.025em}.page-subtitle{font-size:1.125rem;color:rgb(255 255 255 / .9);font-weight:400;line-height:1.6;max-width:800px}.container{max-width:1320px;margin:0 auto;padding:3rem 2rem;display:grid;grid-template-columns:280px 1fr;gap:2.5rem}.sidebar{position:sticky;top:100px;height:fit-content}.categories-section{background:#fff;border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--card-shadow)}.categories-section h3{font-size:1.375rem;font-weight:700;margin-bottom:1.75rem;color:var(--text-dark);letter-spacing:-.02em}.categories-list{list-style:none}.categories-list li{margin-bottom:.375rem}.category-item{display:flex;align-items:center;padding:.875rem 1rem;border-radius:.75rem;color:var(--text-dark);font-weight:500;transition:all 0.2s ease;text-decoration:none}.category-item:hover{background:linear-gradient(135deg,rgb(102 126 234 / .1),rgb(118 75 162 / .1));color:var(--primary-color);transform:translateX(6px)}.category-icon{font-size:1.5rem;margin-right:1rem}.listings{background:#fff;border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--card-shadow)}.listings-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid var(--bg-light)}.section-heading{font-size:2rem;font-weight:800;color:var(--text-dark);letter-spacing:-.03em}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.listing-card{background:#fff;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--card-shadow);transition:all 0.4s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-color);position:relative}.listing-card::before{content:'';position:absolute;inset:0;border-radius:var(--radius-xl);padding:2px;background:var(--primary-gradient);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity 0.4s ease;pointer-events:none}.listing-card:hover{transform:translateY(-8px);box-shadow:var(--card-shadow-hover)}.listing-card:hover::before{opacity:1}.listing-image{position:relative;height:220px;overflow:hidden;background:var(--bg-light)}.listing-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(.4,0,.2,1)}.listing-card:hover .listing-image img{transform:scale(1.1)}.listing-details{padding:1.5rem}.listing-meta-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.listing-price{font-size:.8375rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;letter-spacing:-.03em}.listing-card:hover .listing-price{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;box-shadow:none;transform:none}.listing-meta a{display:inline-flex;text-decoration:none}.listing-meta .category{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding-left:1rem;color:rgb(32 46 76 / .58);font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.28em;line-height:1;transition:color 0.25s ease,transform 0.25s ease}.listing-meta .category::before{content:'';position:absolute;top:50%;left:0;width:.45rem;height:.45rem;border-radius:999px;background:var(--primary-gradient);transform:translateY(-50%);box-shadow:0 0 12px rgb(102 126 234 / .35)}.listing-meta .category::after{content:'';position:absolute;left:0;right:0;bottom:-.35rem;height:1px;background:linear-gradient(90deg,rgb(102 126 234 / .4) 0%,#fff0);opacity:0;transform:translateY(2px);transition:opacity 0.3s ease,transform 0.3s ease}.listing-meta a:hover .category{color:rgb(27 37 62 / .85)}.listing-meta a:hover .category::before{box-shadow:0 0 18px rgb(102 126 234 / .45)}.listing-meta a:hover .category::after{opacity:1;transform:translateY(0)}.listing-title{font-size:1.125rem;font-weight:700;margin-bottom:.75rem;line-height:1.4;color:var(--text-dark)}.listing-title a{color:inherit;text-decoration:none;transition:color 0.2s}.listing-title a:hover{color:var(--primary-color)}.listing-location{display:flex;align-items:center;gap:.5rem;color:var(--text-light);font-size:.9375rem;font-weight:500}.listing-location svg{color:var(--primary-color)}.pagination{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:3rem;padding-top:2rem;border-top:2px solid var(--bg-light)}.page-btn{padding:.75rem 1.25rem;border-radius:.75rem;background:#fff;color:var(--text-dark);font-weight:600;text-decoration:none;transition:all 0.3s ease;border:2px solid var(--border-color);display:inline-flex;align-items:center;gap:.5rem}.page-btn:hover{background:var(--bg-light);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.page-btn.active{background:var(--primary-gradient);color:#fff;border-color:#fff0;box-shadow:0 4px 12px rgb(102 126 234 / .3)}.main-footer{background:linear-gradient(135deg,#1a202c 0%,#2d3748 100%);color:#fff;padding:1.75rem 2rem 1rem;margin-top:3rem}.footer-container{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem;margin-bottom:1.5rem}.footer-section h4{font-size:.9375rem;font-weight:700;margin-bottom:.625rem;color:#fff}.footer-section ul{list-style:none}.footer-section li{margin-bottom:.375rem}.footer-section a{color:rgb(255 255 255 / .72);text-decoration:none;transition:all 0.2s;font-weight:400;font-size:.8125rem;line-height:1.35}.footer-section a:hover{color:#fff;transform:translateX(2px);display:inline-block}.footer-bottom{max-width:1320px;margin:0 auto;padding-top:1rem;border-top:1px solid rgb(255 255 255 / .08);text-align:center}.footer-bottom p{color:rgb(255 255 255 / .6);font-size:.8125rem}.mobile-menu-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center}.burger-menu-btn{background:none;border:none;cursor:pointer;padding:.625rem;z-index:1001;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px}.burger-menu-btn span{display:block;width:26px;height:3px;background:#2d3748;margin:3px 0;border-radius:2px;transition:all 0.3s ease}.burger-menu-btn.active span:nth-child(1){transform:translateY(9px) rotate(45deg);background:var(--primary-color)}.burger-menu-btn.active span:nth-child(2){opacity:0}.burger-menu-btn.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg);background:var(--primary-color)}.menu-overlay{display:none}.mobile-categories{display:none}.desktop-dropdown{display:block}@media (max-width:1024px){.container{grid-template-columns:1fr}.sidebar{position:static}.categories-section{display:none}.grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.hero-section{padding:4rem 1.5rem 2.5rem}.hero-section h1{font-size:2rem}.hero-section p{font-size:1rem;margin-bottom:1.5rem}.grid{grid-template-columns:repeat(2,1fr);gap:1rem}.search-input-group{flex-direction:column}.search-input-group select,.search-input-group input{min-width:100%}.search-divider{display:none}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.burger-menu-btn{display:flex;flex-direction:column;align-items:center;justify-content:center}.main-nav{position:fixed;top:72px;left:-100%;width:100%;height:calc(100vh - 72px);background:#fff;transition:left 0.3s ease;overflow-y:auto;box-shadow:2px 0 10px rgb(0 0 0 / .1);z-index:999}.main-nav.active{left:0}.main-nav ul{flex-direction:column;padding:2rem;gap:0}.main-nav li{width:100%}.main-nav a{display:block;width:100%;padding:1rem}.search-bar{display:none}.mobile-categories{display:block;width:100%}.mobile-categories>div:first-child{font-weight:700;padding:1rem;color:var(--text-dark);font-size:1.125rem}.category-links{display:flex;flex-direction:column;padding-left:1rem}.category-links a{padding:.75rem 1rem;color:var(--text-light);text-decoration:none;border-left:3px solid #fff0;transition:all 0.2s}.category-links a:hover{border-left-color:var(--primary-color);color:var(--primary-color);background:rgb(102 126 234 / .05)}.desktop-dropdown{display:none}.menu-overlay{display:none;position:fixed;top:72px;left:0;width:100%;height:calc(100vh - 72px);background:rgb(0 0 0 / .5);z-index:998}.menu-overlay.active{display:block}}@media (max-width:480px){.header-container{padding:1rem 1.25rem}.hero-section{padding:3.5rem 1rem 2rem}.hero-section h1{font-size:1.75rem}.hero-section p{font-size:.9375rem}.quick-search{padding:1rem}.listings{padding:1.5rem}.grid{grid-template-columns:1fr}.container{padding:2rem 1rem}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}.listing-gallery{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:3rem;position:relative}.main-image{position:relative;width:100%;height:580px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:28px;overflow:hidden;box-shadow:0 20px 60px rgb(102 126 234 / .15),0 0 0 1px rgb(255 255 255 / .1) inset;transition:all 0.5s cubic-bezier(.4,0,.2,1);border:2px solid rgb(255 255 255 / .9)}.main-image::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgb(102 126 234 / .15) 0%,#fff0 30%,#fff0 60%,rgb(0 0 0 / .6) 100%);z-index:1;opacity:0;transition:opacity 0.5s ease;pointer-events:none}.main-image::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgb(255 255 255 / .2) 45%,rgb(255 255 255 / .4) 50%,rgb(255 255 255 / .2) 55%,transparent 70%);transform:translateX(-100%) translateY(-100%) rotate(45deg);transition:transform 1s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:2}.main-image img{width:100%;height:100%;object-fit:cover;filter:brightness(.98) contrast(1.02) saturate(1.05)}.main-image img[src=""],.main-image img:not([src]){opacity:0}.thumbnail img[src=""],.thumbnail img:not([src]){opacity:0}.fullscreen-btn{position:absolute;top:1.5rem;right:1.5rem;background:linear-gradient(135deg,rgb(102 126 234 / .85),rgb(118 75 162 / .85));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:2px solid rgb(255 255 255 / .25);width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px rgb(102 126 234 / .4),0 0 0 1px rgb(255 255 255 / .1) inset;z-index:10;opacity:0;transform:scale(.8)}.main-image:hover .fullscreen-btn{opacity:1;transform:scale(1)}.fullscreen-btn:hover{background:linear-gradient(135deg,rgb(102 126 234 / .98),rgb(118 75 162 / .98));transform:scale(1.15) rotate(90deg);box-shadow:0 16px 50px rgb(102 126 234 / .6),0 0 0 3px rgb(255 255 255 / .3);border-color:rgb(255 255 255 / .4)}.fullscreen-btn svg{color:#fff;transition:all 0.4s ease;filter:drop-shadow(0 2px 4px rgb(0 0 0 / .3))}.fullscreen-btn:hover svg{color:#fff;filter:drop-shadow(0 2px 8px rgb(0 0 0 / .2))}.image-counter{position:absolute;bottom:1.5rem;left:1.5rem;background:linear-gradient(135deg,rgb(0 0 0 / .85),rgb(0 0 0 / .75));backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);color:#fff;padding:.875rem 1.5rem;border-radius:16px;font-size:1rem;font-weight:700;display:flex;align-items:center;gap:.625rem;z-index:10;border:1px solid rgb(255 255 255 / .2);box-shadow:0 10px 40px rgb(0 0 0 / .4),0 0 0 1px rgb(255 255 255 / .1) inset;transition:all 0.4s cubic-bezier(.4,0,.2,1);letter-spacing:.02em}.image-counter svg{color:rgb(255 255 255 / .95);filter:drop-shadow(0 2px 4px rgb(0 0 0 / .3));transition:all 0.3s ease}.image-counter:hover{background:linear-gradient(135deg,rgb(102 126 234 / .95),rgb(118 75 162 / .95));border-color:rgb(255 255 255 / .4);transform:translateY(-3px) scale(1.05);box-shadow:0 16px 50px rgb(102 126 234 / .5),0 0 30px rgb(102 126 234 / .3)}.image-counter:hover svg{color:#fff;transform:scale(1.1)}.image-counter #current-image-index{color:#fff;font-weight:800;min-width:1.75rem;text-align:center;font-size:1.125rem;text-shadow:0 2px 4px rgb(0 0 0 / .3)}@keyframes counterPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.image-counter #current-image-index{animation:counterPulse 0.5s ease-out}.gallery-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,rgb(102 126 234 / .85),rgb(118 75 162 / .85));backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:2px solid rgb(255 255 255 / .25);width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.45s cubic-bezier(.4,0,.2,1);z-index:10;opacity:0;box-shadow:0 10px 40px rgb(102 126 234 / .4),0 0 0 1px rgb(255 255 255 / .1) inset}.main-image:hover .gallery-nav-btn{opacity:1}.gallery-nav-prev{left:1.5rem;animation:slideInLeft 0.5s ease-out}.gallery-nav-next{right:1.5rem;animation:slideInRight 0.5s ease-out}@keyframes slideInLeft{from{opacity:0;transform:translateY(-50%) translateX(-30px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateY(-50%) translateX(30px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.gallery-nav-btn:hover{background:linear-gradient(135deg,rgb(102 126 234 / .98),rgb(118 75 162 / .98));transform:translateY(-50%) scale(1.15);box-shadow:0 16px 50px rgb(102 126 234 / .6),0 0 0 3px rgb(255 255 255 / .3);border-color:rgb(255 255 255 / .4)}.gallery-nav-btn:active{transform:translateY(-50%) scale(1.05)}.gallery-nav-btn svg{color:#fff;transition:all 0.3s ease;filter:drop-shadow(0 2px 6px rgb(0 0 0 / .3))}.gallery-nav-btn:hover svg{color:#fff;filter:drop-shadow(0 2px 8px rgb(0 0 0 / .2));transform:scale(1.1)}.gallery-nav-prev:hover svg{animation:bounceLeft 0.6s ease-in-out infinite}.gallery-nav-next:hover svg{animation:bounceRight 0.6s ease-in-out infinite}@keyframes bounceLeft{0%,100%{transform:translateX(0)}50%{transform:translateX(-4px)}}@keyframes bounceRight{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}.thumbnails{display:flex;gap:1rem;overflow-x:auto;padding:1.25rem .5rem;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgb(102 126 234 / .6) rgb(102 126 234 / .1);-webkit-overflow-scrolling:touch;position:relative}.thumbnails::before{content:'';position:absolute;left:0;top:0;bottom:0;width:60px;background:linear-gradient(90deg,var(--bg-light) 0%,transparent 100%);z-index:1;pointer-events:none}.thumbnails::after{content:'';position:absolute;right:0;top:0;bottom:0;width:60px;background:linear-gradient(270deg,var(--bg-light) 0%,transparent 100%);z-index:1;pointer-events:none}.thumbnails::-webkit-scrollbar{height:10px}.thumbnails::-webkit-scrollbar-track{background:linear-gradient(135deg,rgb(102 126 234 / .05),rgb(118 75 162 / .05));border-radius:12px;margin:0 .5rem;box-shadow:inset 0 2px 4px rgb(0 0 0 / .05)}.thumbnails::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;transition:all 0.3s ease;box-shadow:0 2px 8px rgb(102 126 234 / .3)}.thumbnails::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5568d3 0%,#5f3d7d 100%);box-shadow:0 4px 12px rgb(102 126 234 / .5);transform:scaleY(1.2)}.thumbnail{flex-shrink:0;width:130px;height:95px;border-radius:18px;overflow:hidden;cursor:pointer;border:3px solid #fff0;transition:all 0.45s cubic-bezier(.4,0,.2,1);position:relative;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 6px 20px rgb(0 0 0 / .1),0 0 0 1px rgb(255 255 255 / .1) inset}.thumbnail::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#fff0 0%,#fff0 100%);transition:all 0.45s ease;z-index:1;opacity:0}.thumbnail::after{content:'';position:absolute;inset:-3px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:18px;z-index:-1;opacity:0;transition:opacity 0.45s ease;box-shadow:0 8px 30px rgb(102 126 234 / .4)}.thumbnail:hover{transform:translateY(-6px) scale(1.08);box-shadow:0 12px 36px rgb(102 126 234 / .35),0 0 0 3px rgb(102 126 234 / .2)}.thumbnail:hover::before{background:linear-gradient(135deg,rgb(102 126 234 / .2) 0%,rgb(118 75 162 / .2) 100%);opacity:1}.thumbnail.active{border-color:#fff0;box-shadow:0 12px 40px rgb(102 126 234 / .5),0 0 0 3px rgb(102 126 234 / .4),0 0 40px rgb(102 126 234 / .3);transform:translateY(-4px) scale(1.05)}.thumbnail.active::after{opacity:1}.thumbnail.active::before{background:linear-gradient(135deg,rgb(102 126 234 / .25) 0%,rgb(118 75 162 / .25) 100%);opacity:1}.thumbnail img{width:100%;height:100%;object-fit:cover;transition:all 0.5s cubic-bezier(.4,0,.2,1);filter:brightness(.95) saturate(1) contrast(1.05)}.thumbnail:hover img{transform:scale(1.2) rotate(1deg);filter:brightness(1.1) saturate(1.15) contrast(1.08)}.thumbnail.active img{filter:brightness(1.05) saturate(1.1) contrast(1.05);transform:scale(1.02)}.thumbnail{animation:thumbnailFadeIn 0.5s ease-out backwards}.thumbnail:nth-child(1){animation-delay:0.05s}.thumbnail:nth-child(2){animation-delay:0.1s}.thumbnail:nth-child(3){animation-delay:0.15s}.thumbnail:nth-child(4){animation-delay:0.2s}.thumbnail:nth-child(5){animation-delay:0.25s}.thumbnail:nth-child(6){animation-delay:0.3s}.thumbnail:nth-child(n+7){animation-delay:0.35s}@keyframes thumbnailFadeIn{from{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.gallery-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .95);backdrop-filter:blur(10px);z-index:9999;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease}.gallery-overlay.active{display:flex;opacity:1}.gallery-container{max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.gallery-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:var(--radius-lg);box-shadow:0 20px 60px rgb(0 0 0 / .5)}.gallery-close,.gallery-prev,.gallery-next{position:absolute;background:rgb(255 255 255 / .1);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .2);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s cubic-bezier(.4,0,.2,1);font-size:1.5rem;z-index:10000}.gallery-close:hover,.gallery-prev:hover,.gallery-next:hover{background:rgb(255 255 255 / .2);transform:scale(1.1)}.gallery-close{top:2rem;right:2rem;font-size:2rem;line-height:1}.gallery-prev{left:2rem;top:50%;transform:translateY(-50%)}.gallery-prev:hover{transform:translateY(-50%) scale(1.1)}.gallery-next{right:2rem;top:50%;transform:translateY(-50%)}.gallery-next:hover{transform:translateY(-50%) scale(1.1)}.listing-container{display:grid;grid-template-columns:1fr 350px;gap:2rem;margin-bottom:3rem}.listing-content{background:#fff;border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--card-shadow)}.listing-title-main-block{margin-bottom:2rem}.category-tag{display:inline-block;background:var(--primary-gradient);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;margin-bottom:1rem;transition:all 0.3s ease}.category-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(102 126 234 / .3)}.listing-title-main{font-size:2rem;font-weight:700;color:var(--text-dark);margin-bottom:1rem;line-height:1.3}.listing-meta{display:flex;gap:1.5rem;color:var(--text-light);font-size:.9375rem}.listing-meta .location,.listing-meta .date-posted{display:flex;align-items:center;gap:.5rem}.listing-meta svg{color:var(--primary-color)}.listing-price-block{display:inline-flex;align-items:center;padding:.5rem 1rem;margin-bottom:1.5rem;background:rgb(102 126 234 / .08);border-radius:8px;transition:background 0.2s ease}.listing-price-block:hover{background:rgb(102 126 234 / .12)}.listing-price-block .price{font-size:1.25rem;font-weight:700;color:var(--primary-color);letter-spacing:-.02em}.description-section{margin-top:2rem}.section-header-with-price{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding-bottom:1rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border-color)}.section-header-with-price .listing-price-block{margin-bottom:0;flex-shrink:0}.section-title{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin-bottom:0;letter-spacing:-.02em}.description{color:var(--text-dark);line-height:1.8;font-size:1rem}.seller-sidebar{position:sticky;top:100px;height:fit-content}.seller-card{background:#fff;border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--card-shadow);transition:all 0.3s cubic-bezier(.4,0,.2,1)}.seller-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.seller-header{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center}.seller-avatar{width:64px;height:64px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;flex-shrink:0}.seller-avatar svg{color:#fff}.seller-info h3{font-size:1.25rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.seller-verification{display:flex;align-items:center;gap:.5rem;color:var(--success-color);font-size:.875rem;font-weight:600}.verification-badge{color:var(--success-color)}.seller-contact{padding-top:1.5rem;border-top:1px solid var(--border-color)}.contact-phone{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:600;color:var(--text-dark);padding:1rem;background:var(--bg-light);border-radius:var(--radius-lg)}.contact-phone svg{color:var(--primary-color)}.related-listings{margin-top:4rem}.related-listings h2{font-size:1.75rem;font-weight:700;color:var(--text-dark);margin-bottom:2rem}@media (max-width:1024px){.listing-container{grid-template-columns:1fr}.seller-sidebar{position:static}.main-image{height:400px}}@media (max-width:768px){.main-image{height:300px}.listing-title-main{font-size:1.5rem}.section-header-with-price{flex-direction:column;align-items:flex-start;gap:1rem;padding-bottom:1rem}.section-header-with-price .listing-price-block{order:-1;margin-bottom:.5rem}.section-title{font-size:1.25rem}.listing-price-block .price{font-size:1.125rem}.listing-content{padding:1.5rem}.seller-card{padding:1.5rem}.gallery-prev,.gallery-next{width:40px;height:40px}.gallery-prev{left:1rem}.gallery-next{right:1rem}.gallery-close{top:1rem;right:1rem;width:40px;height:40px}.thumbnail{width:80px;height:64px}}