main[data-template=shops]{--pp:max(12px, 3.25rem);padding-block-start:calc(var(--header-height) + var(--pp))}main[data-template=shops] .top{margin-block-end:max(22px,2.5rem)}@media (width<=828px){main[data-template=shops] .top{margin-block-end:12px}}main[data-template=shops] .top .dropdown sl-button{min-width:220px}main[data-template=shops] .top .wrapper{border-bottom:1px solid #d8d8d8;justify-content:space-between;align-items:center;gap:24px;padding-bottom:24px;display:flex}@media (width<=828px){main[data-template=shops] .top .wrapper{flex-direction:column;align-items:flex-start;gap:20px;padding-bottom:12px}}main[data-template=shops] .top .wrapper .left h1{line-height:1.1}main[data-template=shops] .top .wrapper .right{flex-wrap:wrap;align-items:center;gap:max(12px,1.375rem);display:flex}@media (width>=828px){main[data-template=shops] .top .wrapper .right{justify-content:flex-end}}@media (width<=828px){main[data-template=shops] .top .wrapper .right{grid-template-columns:auto auto;gap:8px;width:100%;display:grid}}main[data-template=shops] .top .wrapper .right a{border-radius:var(--border);background-color:var(--bg,#fff);cursor:pointer;will-change:background-color;align-items:center;gap:12px;padding-block:max(8px,.75rem);padding-inline:max(22px,2.5rem);transition:background-color .68s;display:flex}@media (width<=828px){main[data-template=shops] .top .wrapper .right a{padding-inline:18px}}main[data-template=shops] .top .wrapper .right a svg{width:18px;height:auto}main[data-template=shops] .top .wrapper .right a span{font-size:var(--font-size-18);line-height:1;display:inline-flex}main[data-template=shops] .top .wrapper .right a span.text{color:var(--text-primary)}main[data-template=shops] .top .wrapper .right a.active,main[data-template=shops] .top .wrapper .right a:hover{--bg:var(--Timberwolf)}main[data-template=shops] .top .wrapper .right button{font-size:var(--font-size-18);text-align:left;will-change:background-color;cursor:pointer;padding-block:12px;padding-inline:22px 15px;line-height:1;transition:background-color .48s}main[data-template=shops] .top .wrapper .right button:hover{background-color:var(--Timberwolf)}main[data-template=shops] .top .wrapper .right button:focus-visible{background-color:var(--ascent);color:#fff}main[data-template=shops] .content{padding-bottom:80px}main[data-template=shops] .content .wrapper{grid-template-columns:repeat(5,1fr);gap:30px;display:grid}@media screen and (width<=1900px){main[data-template=shops] .content .wrapper{grid-template-columns:repeat(auto-fit,minmax(296px,1fr))}}@media (width<=828px){main[data-template=shops] .content .wrapper{grid-template-columns:1fr}}main[data-template=shops] .shop-item{border-radius:var(--border);cursor:pointer;width:100%;overflow:hidden}main[data-template=shops] .shop-item h3{padding-bottom:8px;font-weight:700}main[data-template=shops] .shop-item .wrap{flex-direction:column;width:100%;height:100%;display:flex}main[data-template=shops] .shop-item .img-wrapper{background-color:var(--background-secondary);justify-content:center;align-items:center;height:172px;display:flex;position:relative}main[data-template=shops] .shop-item .img-wrapper .status{align-items:center;gap:8px;display:inline-flex;position:absolute;bottom:18px;left:24px}main[data-template=shops] .shop-item .img-wrapper .status span.dot{background-color:var(--Silver,#a5a5a5);border-radius:50%;width:8px;height:8px;display:inline-flex}main[data-template=shops] .shop-item .img-wrapper .status span.dot.active{background-color:var(--Japanese-Laurel,#397828)}main[data-template=shops] .shop-item .img-wrapper .status span.text{font-size:var(--font-size-14);color:var(--text-primary);line-height:1}main[data-template=shops] .shop-item .img-wrapper img{object-fit:contain;object-position:center;will-change:transform;width:100%;max-width:140px;max-height:90px;transform:scale(var(--sc,1));transition:transform .48s}main[data-template=shops] .shop-item .info{background:#f8f8f8fc;border-radius:0 0 20px 20px;flex-direction:column;flex-grow:1;padding:28px;display:flex}main[data-template=shops] .shop-item .info .description{padding-bottom:24px}main[data-template=shops] .shop-item .info .description p{color:var(--text-secondary)}main[data-template=shops] .shop-item .info .dates{flex-direction:column;gap:12px;padding-bottom:40px;display:flex}main[data-template=shops] .shop-item .info .dates .date{grid-template-columns:48px 1fr;display:grid}main[data-template=shops] .shop-item .info .dates .date p{font-size:var(--font-size-16);color:var(--text-secondary);line-height:1}main[data-template=shops] .shop-item .info .dates .date p.label{font-weight:700}main[data-template=shops] .shop-item .info .btn-group{align-items:center;width:100%;margin-top:auto;display:flex}main[data-template=shops] .shop-item .info .btn-group .right{align-items:center;gap:12px;display:flex}main[data-template=shops] .shop-item .info .btn-group .right span{align-items:center;display:flex}main[data-template=shops] .shop-item .info .btn-group .right>div{align-items:center;gap:4px;display:flex}main[data-template=shops] .shop-item .info .btn-group .right{margin-right:auto;padding-right:6px}@media (hover:hover) and (pointer:fine){main[data-template=shops] .shop-item:hover{--sc:1.05}}