#app{gap:30px;margin:0 auto;min-height:500px;position:relative}@media (max-width:767px){#app{grid-template-columns:1fr}}.property-card{background:#fff;border-radius:20px;box-shadow:0 2px 10px rgba(0,0,0,.3);overflow:hidden;transition:transform .3s ease}.property-card:hover{transform:translateY(-5px)}.image-container{height:240px;overflow:hidden;position:relative}@media (max-width:767px){.image-container{height:250px}}.property-image{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease;width:100%}@media (max-width:767px){.property-image{height:250px}}.property-image-empty{height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .5s ease;width:100%}.property-card:hover .property-image{transform:scale(1.1)}.badge-card{align-items:center;background:#fff;border-radius:50%;display:flex;font-size:12px;font-weight:600;gap:5px;left:15px;position:absolute;top:15px}.badge-card img{aspect-ratio:1/1;border:1px solid #e5e7eb;border-radius:50%;height:48px;width:48px}@media (max-width:767px){.badge-card img{height:48px;width:48px}}.price-tag{background:linear-gradient(99deg,var(--Primary-Blue-B200,#5245f8) -6.05%,var(--Primary-Magenta-M200,#f42c9d) 109.39%);border-radius:8px;color:var(--Fill-Content-Default,#fff);font-family:var(--Font-EN-Sarabun-Button,Sarabun);font-size:var(--Font-Size-l,16px);font-style:normal;font-weight:500;line-height:var(--Font-Line-height-s,20px);padding:8px;position:absolute;right:15px;top:15px}@media (max-width:767px){.price-tag{font-size:14px;padding:6px 10px;right:10px;top:10px}}.content{font-family:var(--Font-EN-Sarabun-Button,Sarabun);padding:16px}@media (max-width:767px){.content{padding:8px}}.title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--Gray_100_Text,#252525);display:-webkit-box;flex:1 0 0;font-family:var(--Font-TH-Sarabun-Header,Sarabun);font-size:var(--Font-Size-2xl,20px);font-style:normal;font-weight:700;height:56px;letter-spacing:var(--Letter-spacing-m,.5px);line-height:140%;margin-bottom:12px;overflow:hidden;padding-left:2px;text-overflow:ellipsis}@media (max-width:767px){.title{font-size:16px;height:45px}}.location{align-items:center;color:#6b7280;color:var(--fill-content-subtitle,#666);display:flex;font-family:var(--Font-TH-Sarabun-Body,Sarabun);font-size:14px;font-size:var(--Font-Size-m,14px);font-style:normal;font-weight:400;gap:6px;letter-spacing:var(--Letter-spacing-s,.25px);line-height:var(--Font-Line-height-s,20px);margin-bottom:8px;min-height:39px}@media (max-width:767px){.location{font-size:14px;gap:4px;margin-bottom:4px}}.location-icon{color:#7c3aed}.specs{display:grid;gap:8px;grid-template-columns:repeat(2,1fr);min-height:48px}@media (max-width:767px){.specs{gap:4px}}.specs.has-area-size{grid-template-columns:repeat(3,1fr)}.spec-item{color:#4b5563;display:flex;font-size:14px;gap:8px}@media (max-width:767px){.spec-item{font-size:14px;gap:6px}}.spec-item.full-width{grid-column:1/-1}.spec-icon{color:#7c3aed;font-size:18px}.spec-icon,.spec-icon svg{height:20px;width:20px}@media (max-width:767px){.spec-icon svg{height:16px;width:16px}}.tags{-ms-overflow-style:none;display:flex;flex-wrap:nowrap;gap:8px;height:30px;margin-top:8px;overflow:auto;scrollbar-width:none}.tags::-webkit-scrollbar{display:none}.tags .tag-custom{align-items:center;background:var(--Fill-Background-Card,#fff);border:1px solid var(--Icon-Primary-Fill,#5245f8);border-radius:var(--radius-rd-xl-24,24px);display:flex;gap:10px;justify-content:center;padding:var(--padding-pd-3xs-4,4px) var(--padding-pd-md-12,12px)}.tags .tag-custom span{color:var(--Icon-Primary-Fill,#5245f8);display:inline-block;font-family:var(--Font-EN-Sarabun-Body,Sarabun);font-size:var(--Font-Size-m,14px);font-style:normal;font-weight:400;letter-spacing:var(--Letter-spacing-s,.25px);line-height:var(--Font-Line-height-s,20px);max-width:105px;overflow:hidden;padding-left:2px;text-overflow:ellipsis;white-space:nowrap}.tag{border:1.5px solid #7c3aed;border-radius:20px;color:#7c3aed;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .3s ease}.tag:hover{background:#7c3aed;color:#fff}.price-section{align-items:center;border-radius:12px;display:flex;justify-content:space-between;padding:12px 0}.price-label{color:var(--Gray_60_Default,#9d9d9d);font-family:var(--Font-EN-Sarabun-Body,Sarabun);font-size:var(--Font-Size-m,14px);font-style:normal;font-weight:400;letter-spacing:var(--Letter-spacing-s,.25px);line-height:var(--Font-Line-height-s,20px)}.price-per-month{color:var(--Fill-Content-Subtitle,#666);font-family:Sarabun;font-size:14px;font-style:normal;font-weight:500;line-height:20px;text-decoration:line-through}.price-total{color:var(--Fill-Content-Sale-Color,#f20189);font-family:var(--Font-TH-Sarabun-Header,Sarabun);font-size:36px;font-style:normal;font-weight:700;line-height:120%}@media (max-width:767px){.price-total{font-size:24px}}.actions{display:grid;gap:10px;grid-template-columns:auto 1fr}.btn-favorite{align-items:center;background:var(--Default-White,#fff);border:1px solid var(--Fill-Content-Placeholder,#dedede);border-radius:12px;cursor:pointer;display:flex;height:46px;justify-content:center;position:relative;transition:all .3s ease;width:46px}@media (max-width:767px){.btn-favorite{height:46px;width:46px}}.btn-favorite .heart{color:#6b7280;font-size:24px;height:25px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease}.btn-contact,.btn-contact-detail{align-items:center;background:var(--Gradient-Button-Primary,linear-gradient(90deg,var(--Primary-Blue-B300,#2e1ff7) 0,var(--Primary-Pink-P400,#920092) 100%));border:none;border-radius:var(--radius-rd-md-12,12px);color:var(--Fill-Content-Default,#fff);cursor:pointer;display:flex;font-family:var(--Font-EN-Sarabun-Button,Sarabun);font-size:var(--Font-Size-l,16px);font-style:normal;font-weight:500;gap:8px;justify-content:center;line-height:var(--Font-Line-height-s,20px);text-align:center;transition:all .3s ease}@media (max-width:767px){.btn-contact,.btn-contact-detail{font-size:16px;height:46px}}.btn-contact:hover{background:var(--Gradient-Button-Primary-Hover,linear-gradient(90deg,var(--Primary-Blue-B400,#5245f8) 0,var(--Primary-Pink-P500,#a600a6) 100%))}.btn-contact:active{transform:translateY(0)}.views{align-items:center;align-items:flex-end;align-self:stretch;background:var(--Fill-Active-Number-Background-Black,rgba(0,0,0,.4));border-radius:16px;bottom:12px;box-shadow:0 35px 10px 0 transparent,0 22px 9px 0 transparent,0 13px 8px 0 rgba(0,0,0,.01),0 6px 6px 0 rgba(0,0,0,.02),0 1px 3px 0 rgba(0,0,0,.02);display:flex;gap:4px;justify-content:center;margin-top:8px;padding:6px 12px;position:absolute;right:12px;text-align:center;z-index:1}.views span{color:var(--Fill-Content-Default,#fff);font-family:var(--Font-EN-Sarabun-Button,Sarabun);font-size:var(--Font-Size-m,14px);font-style:normal;font-weight:400;letter-spacing:var(--Letter-spacing-s,.25px);line-height:var(--Font-Line-height-s,20px);text-align:center}.views-icon{height:16px;width:16px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes ps-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ps-pulse-anim{0%,to{opacity:1}50%{opacity:.5}}#app{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin:0 auto 80px;max-width:1400px}@media (max-width:1024px){#app{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){#app{gap:16px;grid-template-columns:repeat(1,1fr)}}.ps-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.1);overflow:hidden}.ps-skeleton{animation:ps-shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0,#f8f8f8 50%,#f0f0f0);background-size:200% 100%;border-radius:8px}.ps-image{height:240px;position:relative;width:100%}@media (max-width:767px){.ps-image{height:256px}}.ps-badge{border-radius:50%;height:40px;left:15px;width:40px}.ps-badge,.ps-price-tag{position:absolute;top:15px}.ps-price-tag{border-radius:8px;height:36px;right:15px;width:80px}.ps-content{padding:20px}.ps-title{height:28px;margin-bottom:8px;width:100%}.ps-title-second{height:28px;margin-bottom:15px;width:70%}.ps-location{height:20px;margin-bottom:15px;width:50%}.ps-specs{display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:15px}@media (max-width:767px){.ps-specs{gap:4px}}.ps-spec-item{height:20px;width:100%}.ps-tags{display:flex;gap:8px;height:30px;margin-bottom:16px}@media (max-width:767px){.ps-tags{display:none}}.ps-tag{border-radius:24px;height:30px;width:80px}.ps-price-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;padding:0}@media (max-width:767px){.ps-price-section{justify-content:end;margin-bottom:8px;padding:0}}.ps-price-left{display:flex;flex-direction:column;gap:4px}@media (max-width:767px){.ps-price-left{display:none}}.ps-price-label{height:20px;width:60px}.ps-price-old{height:20px;width:90px}.ps-price-total{border-radius:8px;height:43px;width:150px}.ps-actions{display:grid;gap:10px;grid-template-columns:50px 1fr;margin-bottom:8px}.ps-btn-favorite{border-radius:12px;height:50px;width:50px}@media (max-width:767px){.ps-btn-favorite{height:40px;width:40px}}.ps-btn-contact{border-radius:12px;height:50px}@media (max-width:767px){.ps-btn-contact{height:40px}}.ps-views{border-radius:12px;height:32px}.ps-pulse{animation:ps-pulse-anim 1.5s ease-in-out infinite}.box-empty-state{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%}.box-empty-state .empty-state .illustration{margin-bottom:42px}.box-empty-state .empty-state .illustration img{max-width:200px}.box-empty-state .empty-state .illustration-favorite{margin-bottom:4px}.box-empty-state .empty-state .illustration-favorite img{max-width:200px}.box-empty-state .sub-message,.box-empty-state p.message{color:var(--Fill-Content-On-White-Background,#2e2e2e);font-family:var(--Font-TH-Sarabun-Body,Sarabun);font-size:var(--Font-Size-l,16px);font-style:normal;font-weight:400;line-height:var(--Font-Line-height-m,24px);text-align:center}a.search-mkp-btn{align-items:center;background:var(--Gradient-Button-Primary,linear-gradient(90deg,var(--Primary-Blue-B300,#2e1ff7) 0,var(--Primary-Pink-P400,#920092) 100%));border:none;border-radius:var(--radius-rd-md-12,12px);color:var(--Fill-Content-Default,#fff);cursor:pointer;display:flex;font-family:var(--Font-EN-Sarabun-Button,Sarabun);font-size:var(--Font-Size-l,16px);font-style:normal;font-weight:500;gap:var(--padding-pd-3xs-4,4px);justify-content:center;line-height:var(--Font-Line-height-s,20px);padding:var(--padding-pd-xs-10,10px) var(--padding-pd-xl-16,16px);text-align:center;text-decoration:none}a.search-mkp-btn:hover{background:var(--Gradient-Button-Primary-Hover,linear-gradient(90deg,var(--Primary-Blue-B400,#5245f8) 0,var(--Primary-Pink-P500,#a600a6) 100%));text-decoration:none}.box-empty-fav{height:72px}@media (max-width:767px){.box-empty-fav{height:96px}}.box-button-empty-fav{display:flex;justify-content:center}#suggestion-cards-container{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin:0 auto 80px;max-width:1400px}@media (max-width:1024px){#suggestion-cards-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){#suggestion-cards-container{gap:16px;grid-template-columns:repeat(1,1fr)}}