.auto-item{background:var(--color-bg-secondary);border-radius:var(--border-radius);color:inherit;flex-direction:column;height:100%;padding:8px;text-decoration:none;transition:all .3s;display:flex;overflow:hidden}.auto-item:hover{text-decoration:none;transform:translateY(-4px)}.auto-item-image-container{aspect-ratio:12/9;background:var(--color-bg-secondary);border-radius:calc(var(--border-radius) - 8px);width:100%;position:relative;overflow:hidden}.auto-item-image-wrap{width:100%;height:100%;position:absolute;top:0;left:0}.auto-item-brazzers{display:flex;position:absolute;inset:0}.auto-item-brazzers-page{flex:1;align-items:flex-end;height:100%;display:flex;position:static}.auto-item-brazzers-image-wrapper{z-index:0;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .15s;position:absolute;inset:0;overflow:hidden}.auto-item-brazzers-page:first-child .auto-item-brazzers-image-wrapper{opacity:1;z-index:1}.auto-item-brazzers:not(:hover) .auto-item-brazzers-page:first-child .auto-item-brazzers-image-wrapper{opacity:1!important;z-index:1!important}.auto-item-brazzers:hover .auto-item-brazzers-page:not(:hover) .auto-item-brazzers-image-wrapper{opacity:0!important;z-index:0!important}.auto-item-brazzers-page:hover .auto-item-brazzers-image-wrapper{opacity:1!important;z-index:2!important}.auto-item-brazzers-image{object-fit:cover;border:0;width:100%;height:100%;transition:opacity .15s;position:absolute;top:0;left:0}.auto-item-brazzers-button{z-index:4;opacity:0;pointer-events:none;flex:1;min-height:7px;transition:opacity .2s;position:relative;bottom:0}.auto-item-brazzers:hover .auto-item-brazzers-button{opacity:1}.auto-item-brazzers-button:after{content:"";background:#fff6;border-radius:2px;height:3px;transition:all .2s;position:absolute;inset:1px 1px 2px}.auto-item-brazzers-page:hover .auto-item-brazzers-button:after,.auto-item-brazzers:not(:hover) .auto-item-brazzers-page:first-child .auto-item-brazzers-button:after{background:#fff;height:4px;inset:0 1px 1px}.auto-item-brazzers-page:first-child .auto-item-brazzers-button:after{left:3px}.auto-item-brazzers-more{z-index:3;pointer-events:none;display:none;position:absolute;bottom:4px;right:4px}.auto-item-brazzers-page:nth-child(5) .auto-item-brazzers-more{display:block}.auto-item-brazzers-more-wrapper{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;display:flex}.auto-item-brazzers-more-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;width:16px;height:16px}.auto-item-brazzers-more-text{color:#fff;font-size:.75rem;font-weight:500}.auto-item-image-placeholder{background:var(--color-bg-primary);width:100%;height:100%;color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.auto-item-image-placeholder .placeholder-icon{opacity:.5;font-size:3rem}.auto-item-content{flex-direction:column;flex-grow:1;gap:8px;padding:8px;display:flex}.auto-item-header{justify-content:space-between;align-items:center;gap:4px;display:flex}.auto-item-title{color:var(--color-text-primary);margin:0;font-size:1.125rem;font-weight:500;line-height:1}.auto-item-subtitle{color:var(--color-text-secondary);margin:0;font-size:.875rem}.auto-item-price-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.auto-item-price{color:var(--color-text-primary);margin:4px 0;font-size:1.125rem;font-weight:600}.auto-item-price-months{color:var(--color-text-secondary);margin:0;font-size:.875rem}.auto-item-details{flex-wrap:wrap;align-items:center;gap:4px;padding:8px 0;display:flex}.auto-item-detail{background:var(--color-bg-primary);border-radius:8px;align-items:center;padding:4px 8px;display:flex}.auto-item-detail .detail-text{white-space:nowrap;color:var(--color-text-secondary);font-size:.75rem}.auto-item-tags{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px;display:flex}.auto-item-tag{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-hr);border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:500}.auto-item-tag-more{background:var(--color-main-primary);color:var(--color-text-on-color);border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:500}.auto-item-actions{z-index:1;gap:8px;padding:8px;display:flex}.auto-item-actions button{color:var(--color-text-primary);cursor:pointer;transition:all .2s}.auto-item-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.auto-item-status{text-transform:uppercase;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:600}.auto-item-status.sold{color:#fff;background:#ef4444}.auto-item-status.reserved{color:#fff;background:#f59e0b}.auto-item-status.viewed{color:#fff;background:#10b981;top:auto;bottom:12px}@media (max-width:1024px){.auto-item-image-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;position:relative;overflow:auto hidden}.auto-item-image-container::-webkit-scrollbar{display:none}.auto-item-image-wrap{width:100%;height:100%;position:relative}.auto-item-brazzers{gap:4px;width:max-content;height:100%;display:flex;position:relative}.auto-item-brazzers-page{scroll-snap-align:start;scroll-snap-stop:always;flex:none;max-width:100%;height:100%;position:relative}.auto-item-brazzers:hover .auto-item-brazzers-page:not(:hover) .auto-item-brazzers-image-wrapper{opacity:1!important;z-index:1!important}.auto-item-brazzers-image-wrapper{width:100%;height:100%;display:block;position:relative;opacity:1!important;z-index:0!important}.auto-item-brazzers-image{object-fit:cover;width:100%;height:100%;display:block;position:relative}.auto-item-brazzers-button,.auto-item-brazzers-more{display:none}}