#collection .wrapper-list{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:2rem 0 4rem}@media (min-width:1500px){#collection .wrapper-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));justify-content:start}}@media (min-width:992px) and (max-width:1200px){#collection .wrapper-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:991px){#collection .wrapper-list{gap:14px;grid-template-columns:1fr 1fr}}#collection .wrapper-list .item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-height:350px;overflow:hidden;transition:box-shadow .2s ease}#collection .wrapper-list .item:hover{box-shadow:0 4px 16px #00000014}#collection .wrapper-list .image{aspect-ratio:1/1;border-radius:0;display:block;max-height:350px;-o-object-fit:cover;object-fit:cover;width:100%}@media (max-width:767px){.wrapper-breadcrumbs[data-v-9a313b59]{padding:10px 0!important}}.title-section[data-v-9a313b59]{color:#111928;font-family:Quicksand,Noto Sans SC,Noto Sans TC,PingFang SC,PingFang TC,Microsoft YaHei,Microsoft JhengHei,sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);font-style:normal;font-weight:700;line-height:1.08;margin-top:1.5rem}@media (max-width:767px){.title-section[data-v-9a313b59]{font-size:clamp(1.25rem,4vw,1.5rem);margin-bottom:0}}.image-popup[data-v-9a313b59]{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:visibility 0s,opacity .5s linear;visibility:hidden;width:100%;z-index:-100}.image-popup.show[data-v-9a313b59]{opacity:1;visibility:visible;z-index:1000000}.image-popup .wrapper-item .image[data-v-9a313b59]{height:500px}@media (max-width:767px){.image-popup .wrapper-item .image[data-v-9a313b59]{height:auto;width:350px}}.image-popup .wrapper-item .closer[data-v-9a313b59]{display:flex;justify-content:flex-end;margin-bottom:9px}.image-popup .wrapper-item .closer .icon-closer[data-v-9a313b59]{align-items:center;background-color:#fff;background-color:#fff!important;box-shadow:0 2px 8px 2px #b9a7a714;-webkit-box-shadow:0 2px 8px 2px hsla(0,11%,69%,.08);-moz-box-shadow:0 2px 8px 2px hsla(0,11%,69%,.08);cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}