*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;overflow-x:hidden}body{font-family:Inter,Arial,sans-serif;background:#fafafa;color:#222;line-height:1.5;-webkit-tap-highlight-color:transparent}footer,header{background:#111;color:#fff;text-align:center;padding:1rem clamp(15px,5vw,50px)}footer p,header h1{margin:.5rem 0}main,section{padding-inline:clamp(10px,4vw,40px)}.arrivals{display:flex;gap:2rem;padding:1.5rem 0;flex-wrap:wrap}.arrivals .col-1{flex:1 1 220px;max-width:250px;background:#f8f8f8;padding:1rem;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.05)}.filter-dropdown{display:none;background:#f1f1f1;padding:.6rem 1rem;border-radius:6px;margin-bottom:1rem;justify-content:space-between;align-items:center}.filter-dropdown span{font-weight:600;color:#222}.filter-dropdown button{background:#222;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer}.filter-dropdown button:active{transform:scale(.97)}.arrivals .col-2{flex:3;min-width:300px}.arr-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.2rem}.arr-col{background:#fff;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;height:100%;box-shadow:0 2px 6px rgba(0,0,0,.08);transition:transform .2s,box-shadow .2s;cursor:pointer}.details-btn,.number a,.number span{border-radius:5px;text-decoration:none}.arr-col:hover{transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,.12)}.arr-col .image{width:100%;aspect-ratio:4/3;overflow:hidden}.arr-col .image img{width:100%;height:100%;object-fit:cover}.arr-col .details{padding:.9rem 1rem;display:flex;flex-direction:column;gap:.4rem;flex-grow:1}.arr-col h5{font-size:1rem;font-weight:600;color:#111;line-height:1.3}.arr-col .features{display:flex;flex-wrap:wrap;gap:.25rem;font-size:.8rem;color:#555}.arr-col .features span{background:#f1f1f1;border-radius:4px;padding:2px 5px}.arr-col .text{max-height:2.8em;overflow:hidden;font-size:.85rem;color:#666;position:relative}.arr-col .text::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1em;background:linear-gradient(transparent,#fff)}.arr-col .price{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.5rem;border-top:1px solid #eee}.arr-col .price p{font-weight:700;color:#111;margin:0;font-size:1.05rem}.details-btn{background:#222;color:#fff;padding:.4rem .8rem;font-size:.85rem;transition:background .2s}.details-btn:hover{background:#444}.number{display:flex;justify-content:center;gap:.4rem;margin-top:1.5rem;flex-wrap:wrap}.number a,.number span{padding:.4rem .7rem;background:#eee;color:#222;font-size:.9rem}.number .active-page{background:#222;color:#fff}@media (max-width:992px){.arrivals{flex-direction:column}.filter-dropdown{display:flex}.arrivals .col-1{display:none;max-width:100%}.arrivals .col-1.active{display:block;animation:.3s fadeIn}}@media (max-width:600px){footer,header,main,section{padding-inline:15px}.arr-row{grid-template-columns:1fr}.arr-col{border-radius:8px}.arr-col .details{padding:.7rem .8rem}.arr-col h5{font-size:.95rem}.arr-col .features span{font-size:.75rem}.details-btn{padding:.35rem .7rem;font-size:.8rem}}@media (max-width:380px){body{font-size:.9rem}footer,header{padding:.7rem 10px}.arr-col .price p{font-size:.95rem}.details-btn{font-size:.8rem}}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}