html.night-mode {--gray:#b8b9bb;}:root{--dark:#0A0E27;--light:#F8F9FE;--gray:#64748B;--border:#E2E8F0}.listing-section{position:relative;display:flex;flex-wrap:wrap}.listing-section:nth-of-type(even){background:#fff}.listing-section .container{width:100%;padding:40px var(--spacing-md);max-width:var(--container-wide,1400px);margin:0 auto;overflow:visible}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;position:relative}.featuredsec-title{font-family:'Poppins',sans-serif;font-size:clamp(1rem, 5vw, 1.5rem);font-weight:900;letter-spacing:-.03em;position:relative;display:inline-block;margin:0}.featuredsec-title::after{content:'';position:absolute;bottom:-8px;left:0;width:60px;height:6px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:3px;animation:slideIn 0.6s ease-out}@keyframes slideIn{from{width:0;opacity:0}to{width:60px;opacity:1}}.view-more{font-weight:600;color:var(--color-primary);text-decoration:none;display:flex;align-items:center;gap:6px;transition:gap 0.3s ease;font-size:15px}.view-more:hover{gap:12px;color:var(--color-primary-dark)}.view-more::after{content:'→';font-size:18px}.cards-slider-wrapper{position:relative;padding:0 30px;margin:0 -30px}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:44px;height:44px;background:#fff;border:none;border-radius:50%;box-shadow:0 4px 16px rgb(10 14 39 / .2);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--dark);transition:all 0.25s ease}.slider-arrow:hover{background:var(--color-primary);color:#fff;box-shadow:0 6px 20px rgba(var(--color-primary-rgb),.35);transform:translateY(-50%) scale(1.08)}.slider-arrow.prev{left:0}.slider-arrow.next{right:0}.slider-arrow svg{width:20px;height:20px}.slider-arrow.hidden{opacity:0;pointer-events:none}@media (max-width:640px){.cards-slider-wrapper{padding:0;margin:0}.slider-arrow{display:none}}.cards-grid{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:8px}.cards-grid::-webkit-scrollbar{display:none}.listing-card{flex:0 0 calc(25% - 15px);scroll-snap-align:start;position:relative;background:#fff;overflow:hidden;border-radius:16px;border:1px solid #80808033;transition:all 0.4s cubic-bezier(.4,0,.2,1);animation:cardFadeIn 0.6s ease-out backwards}.listing-card:nth-child(1){animation-delay:0.1s}.listing-card:nth-child(2){animation-delay:0.2s}.listing-card:nth-child(3){animation-delay:0.3s}.listing-card:nth-child(4){animation-delay:0.4s}@keyframes cardFadeIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.listing-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgb(10 14 39 / .15)}.listing-card.featured{flex:0 0 calc(50% - 10px);background:linear-gradient(135deg,#0A0E27 0%,#1a1f3a 100%);color:#fff}.card-image{position:relative;height:220px;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 90%,0 100%);background:var(--light)}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}.listing-card:hover .card-image img{transform:scale(1.08)}.card-image.no-image{background:linear-gradient(135deg,#E2E8F0 0%,#CBD5E1 100%);display:flex;align-items:center;justify-content:center;color:var(--gray)}.listing-card.featured .card-image{height:280px}.category-badge{position:absolute;top:8px;left:8px;background:rgb(255 255 255 / .95);backdrop-filter:blur(10px);padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--dark);z-index:2;box-shadow:0 4px 12px rgb(0 0 0 / .1)}.listing-card.featured .category-badge{background:rgb(232 154 95 / .95);color:#fff}.favorite-btn{position:absolute;top:8px;right:8px;width:40px;height:40px;background:rgb(255 255 255 / .95);backdrop-filter:blur(10px);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:all 0.3s ease;box-shadow:0 4px 12px rgb(0 0 0 / .1);color:var(--gray)}.favorite-btn:hover,.favorite-btn.active{transform:scale(1.1);background:#e74c3c;color:#fff}.favorite-btn:hover svg,.favorite-btn.active svg{color:white!important}.favorite-btn svg{width:18px;height:18px}.listing-card.featured .favorite-btn{background:rgb(255 255 255 / .15);color:#fff}.listing-card.featured .favorite-btn:hover,.listing-card.featured .favorite-btn.active{background:var(--color-secondary)}.card-content{padding:28px 8px 20px 8px;position:relative}.price-tag{position:absolute;top:-30px;right:8px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;padding:10px 20px;border-radius:12px;font-weight:800;font-size:20px;box-shadow:0 8px 24px rgba(var(--color-primary-rgb),.3);letter-spacing:-.02em;z-index:3}.listing-card.featured .price-tag{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-dark));font-size:28px;padding:14px 26px}.card-title{font-weight:600;font-size:18px;margin:0;color:var(--dark);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-title a{color:inherit;text-decoration:none;transition:color 0.3s ease}.card-title a:hover{color:var(--color-primary)}.listing-card.featured .card-title{color:#fff;font-size:24px}.listing-card.featured .card-title a{color:#fff}.listing-card.featured .card-title a:hover{color:var(--color-secondary-light)}.specs{display:flex;gap:12px;font-size:13px;color:var(--gray);margin:8px 0;flex-wrap:wrap}.specs span{display:flex;align-items:center;gap:4px}.specs span::after{content:'•';margin-left:8px;opacity:.3}.specs span:last-child::after{display:none}.listing-card.featured .specs{color:rgb(255 255 255 / .7)}.card-meta{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.listing-card.featured .card-meta{border-color:rgb(255 255 255 / .15)}.meta-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gray)}.listing-card.featured .meta-row{color:rgb(255 255 255 / .7)}.meta-row svg{width:16px;height:16px;flex-shrink:0}@media (max-width:1023px){.cards-grid{gap:16px}.listing-card{flex:0 0 calc(33.333% - 11px)}.listing-card.featured{flex:0 0 calc(66.666% - 8px)}.card-image{height:200px}.listing-card.featured .card-image{height:240px}.price-tag{font-size:16px;padding:8px 14px}.listing-card.featured .price-tag{font-size:22px;padding:10px 20px}.card-title{font-size:16px}.listing-card.featured .card-title{font-size:20px}}@media (max-width:640px){.cards-grid{gap:12px}.listing-card{flex:0 0 calc(50% - 6px)}.listing-card.featured{flex:0 0 100%}.card-image{height:160px}.listing-card.featured .card-image{height:200px}.price-tag{font-size:13px;padding:5px 10px;top:-24px}.listing-card.featured .price-tag{font-size:18px;padding:8px 14px}.card-title{font-size:14px}.listing-card.featured .card-title{font-size:18px}.card-content{padding:22px 8px 16px 8px}}@media (max-width:480px){.section-header{margin-bottom:30px}.listing-section .container{padding:20px var(--spacing-md)}}.listing-card.so_featured .card-image{clip-path:polygon(0 0,100% 0,100% 90%,0 100%)}.listing-card.so_featured{background:#fff;color:inherit;border:2px solid var(--color-primary);box-shadow:0 4px 20px rgba(36,120,190,.15)}.listing-card.so_featured .category-badge{background:var(--color-secondary);color:#fff}.listing-card.so_featured .favorite-btn{background:rgb(255 255 255 / .95);color:var(--gray)}.listing-card.so_featured .favorite-btn.active,.listing-card.so_featured .favorite-btn:hover{background:#e74c3c;color:#fff}.listing-card.so_featured .price-tag{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-dark))}.listing-card.so_featured .card-title,.listing-card.so_featured .card-title a{color:var(--dark)}.listing-card.so_featured .card-title a:hover.listing-card.featured .card-meta{border-color:rgb(255 255 255 / .15)}.listing-card.so_featured .card-meta{border-color:var(--border)}.listing-card.so_featured .meta-row,.listing-card.so_featured .specs{color:var(--gray)}@media (max-width:768px){.listing-card.so_featured .card-title{font-size:20px}}@media (max-width:780px){.listing-card.so_featured .meta-row,.listing-card.so_featured .specs span{}.listings-container.view-grid .specs span::after{content:' · ';opacity:.5;margin-left:2px}}