.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:clamp(20px,2vw,32px);gap:clamp(20px,2vw,32px)}.pcard{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0}.pcard .media{position:relative;aspect-ratio:300/350;border-radius:8px;overflow:hidden;background:#eee 50%/cover no-repeat;cursor:pointer;transition:transform .3s}.pcard:hover .media{transform:translateY(-3px)}.pcard .like-btn{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:14px;background:rgba(0,0,0,.4);color:#fff;display:grid;place-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s,transform .15s}.pcard .like-btn:hover{background:rgba(0,0,0,.65)}.pcard .like-btn.active{background:#fff;color:var(--red)}.pcard .discover{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;background:rgba(0,0,0,.5);color:#fff;padding:7px 14px;border-radius:14px;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .2s,transform .2s;transform:translate(-50%,8px);white-space:nowrap}.pcard:hover .discover{opacity:1;transform:translate(-50%)}.pcard .info{padding:0 4px}.pcard .row1{display:flex;justify-content:space-between;align-items:center}.pcard .price{font-size:18px}.pcard .price,.pcard .rating{font-weight:700;white-space:nowrap}.pcard .rating{display:inline-flex;align-items:center;gap:4px;font-size:16px;color:var(--ink-3)}.pcard .rating svg{color:var(--star)}.pcard .desc{margin-top:8px;font-size:15px;color:var(--muted);font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:767px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pcard .price{font-size:16px}.pcard .desc{font-size:14px}}.similar-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:40px}.similar-modal-content{background:#fff;border-radius:8px;width:100%;max-width:1100px;max-height:90vh;padding:40px 48px;position:relative;display:flex;flex-direction:column;box-shadow:0 24px 48px rgba(0,0,0,.2);overflow-y:auto}.similar-modal-close{position:absolute;top:24px;right:24px;background:transparent;border:none;cursor:pointer;color:#000;padding:8px;display:grid;place-items:center;border-radius:50%;transition:background .2s}.similar-modal-close:hover{background:rgba(0,0,0,.05)}.similar-modal-header{display:flex;align-items:center;gap:24px;margin-bottom:40px;flex-wrap:wrap}.similar-modal-header h2{font-family:Clash Grotesk,system-ui,sans-serif;font-size:36px;font-weight:500;color:#000;margin:0;white-space:nowrap}.similar-modal-ref{display:flex;align-items:center;gap:16px;flex:1 1;min-width:300px}.similar-modal-ref-img{width:48px;height:48px;border-radius:4px;position:relative;overflow:hidden;flex-shrink:0;background:#f0f0f0}.similar-modal-ref p{font-family:Satoshi,system-ui,sans-serif;font-size:14px;line-height:1.4;color:#666;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.similar-modal-slider{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:24px;scrollbar-width:none}.similar-modal-slider::-webkit-scrollbar{display:none}.similar-modal-card-wrap{flex-grow:0;flex-shrink:0;flex-basis:calc(33.333% - 16px);scroll-snap-align:start}@media (max-width:1024px){.similar-modal-card-wrap{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 12px)}}@media (max-width:768px){.similar-modal-overlay{padding:16px}.similar-modal-content{padding:32px 24px}.similar-modal-header{flex-direction:column;align-items:flex-start;gap:16px}.similar-modal-card-wrap{flex:0 0 85%}}