.product-list{padding:var(--space-lg) 0;background:var(--color-bg)}.product-list h2{color:var(--color-text);font-family:var(--font-latin);font-size:var(--font-h2);letter-spacing:-.01em;margin-bottom:var(--space-md);font-style:normal;font-weight:600;line-height:1.25}.product-list .container{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.product-list .product-box{border:.5px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background-color:#fff;transition:all .2s;position:relative;overflow:hidden}.product-list .product-box .img-container{background-color:var(--color-bg-muted);aspect-ratio:1;justify-content:center;align-items:center;width:100%;min-height:200px;display:flex;overflow:hidden}.product-list .product-box:hover{cursor:pointer;transform:translateY(-3px)}.product-list .pricing{inset-inline-end:14px;border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;width:fit-content;font-family:var(--font-latin);font-size:var(--font-label);border:none;padding:2px 8px;font-style:normal;font-weight:700;line-height:1.6;position:absolute;top:14px}.product-list .pricing span{color:#ffffffb8;text-align:end;font-family:var(--font-latin);font-size:var(--font-label);font-style:normal;font-weight:400;line-height:1.6;text-decoration-line:line-through}.product-list img{object-fit:contain;max-width:100%;transition:all .2s}.product-list img:hover{transition:all .2s;transform:scale(1.2)rotate(10deg)}.product-list .box-cnt{border-top:.5px solid var(--color-border);padding:12px 14px}.product-list .box-top{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.product-list h4{color:var(--color-text);font-family:var(--font-latin);font-size:var(--font-h3);letter-spacing:0;font-style:normal;font-weight:600;line-height:1.35;margin:0!important}.product-list .box-colors{align-items:center;gap:8px;display:flex}.product-list .box-colors span{width:24px;height:16px;display:block}.product-list button{background:var(--color-accent);width:100%}@media only screen and (max-width:767px){.product-list h4{font-size:15px}.product-list .container{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(156px,1fr))}.product-list .product-box .img-container{min-height:90px}.product-list .pricing{inset-inline-end:8px;padding:4px 8px;font-size:11px;top:8px}.product-list .pricing span{font-size:11px}.product-list img{object-fit:contain;max-width:100%;transition:all .2s}.product-list img:hover{transition:all .2s;transform:scale(1.2)rotate(10deg)}.product-list .box-cnt{border-top:.5px solid var(--color-border);padding:12px}.product-list .box-top{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:12px}.product-list h4{color:var(--color-text);font-family:var(--font-latin);letter-spacing:0;-webkit-line-clamp:2;text-overflow:ellipsis;word-wrap:break-word;-webkit-box-orient:vertical;max-width:100%;font-size:15px;font-style:normal;font-weight:600;line-height:1.45;display:-webkit-box;overflow:hidden}.product-list .box-colors{align-items:center;gap:8px;display:flex}.product-list .box-colors span{width:24px;height:16px;display:block}.product-list .main-btn-black{color:#fff;font-family:var(--font-latin);font-size:var(--font-small);border-radius:var(--radius-md);background:var(--color-accent);border:none;padding:10px 16px;font-style:normal;font-weight:500;line-height:1.2}}