.shop{display:flex;flex-direction:column}.shop .shop-header{z-index:0;position:-webkit-sticky;position:sticky;top:var(--header-height);background-size:cover;background-position:50%;background-repeat:no-repeat;height:260px;overflow:hidden;transition:opacity .2s}.shop .shop-header:before{z-index:-1;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgb(255,255,255) 15%,rgba(255,255,255,.8))}.shop .shop-header.hide{opacity:0;pointer-events:none}.shop .shop-header .shop-header-img{z-index:0;position:-webkit-sticky;position:sticky;top:0;left:0;width:100%;height:100%;object-fit:cover;max-width:1024px;box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3)}.shop .shop-header .shop-header-more-btn{z-index:0;position:absolute;top:.5rem;right:.5rem;border:none;border-radius:50%}.shop .shop-body{z-index:2;background-color:var(--background);border-radius:.5rem;margin-top:-1rem;position:relative;box-shadow:0 -4px 8px rgba(0,0,0,.12)}.shop .shop-body .shop-info{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem 1rem 0}.shop .shop-body .shop-info svg{stroke:var(--background);stroke-width:.5px}.shop .shop-body .shop-info .shop-info-header{flex:1 1;display:flex;flex-direction:row;align-items:center;gap:1rem;position:relative}.shop .shop-body .shop-info .shop-info-header .shop-menu-toggle{z-index:3;position:absolute;top:-50%;left:-4px;transform:translate(-4px,-50%);background-color:var(--background);border-radius:3rem;box-shadow:var(--background) 0 0 0 .5rem,rgba(0,0,0,.12) 0 -6px 8px .5rem}.shop .shop-body .shop-info .shop-info-header .profile-img{border-radius:50%;background:var(--background);box-shadow:0 0 0 5px var(--background)}.shop .shop-body .shop-info .shop-info-header .shop-name-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.shop .shop-body .shop-info .shop-info-header .shop-name-wrapper .shop-name{font-size:1.5rem;line-height:1;font-weight:700}.shop .shop-body .shop-info .shop-info-header .shop-name-wrapper .shop-rating{display:flex;align-items:center;gap:.25rem;font-size:1rem;border-radius:.5rem;font-weight:700}.shop .shop-body .shop-info .shop-info-header .shop-name-wrapper .shop-rating.new{color:var(--primary-color)}.shop .shop-body .shop-info .shop-info-list{display:flex;flex-direction:column;gap:.5rem;padding:0 .5rem}.shop .shop-body .shop-info .shop-info-list .shop-info-item{display:flex;gap:.5rem}.shop .shop-body .shop-info .shop-info-list .shop-info-item.shop-notice{flex:1 1;display:flex;align-items:center;background-color:var(--background);margin-bottom:1rem}.shop .shop-body .shop-info .shop-info-list .shop-info-item.shop-notice p{height:-moz-fit-content;height:fit-content;white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.shop .shop-body .shop-info .shop-info-list .shop-info-item .value{display:flex;align-items:center}.shop .shop-body .shop-additional-info{display:flex;gap:1rem;margin:1rem}.shop .shop-body .shop-additional-info .shop-notice{flex:1 1;display:flex;align-items:center;padding:1.25rem 1rem;border-radius:.5rem;background-color:var(--background);border:1px solid var(--gray-alpha-300)}.shop .shop-body .shop-additional-info .shop-notice p{height:-moz-fit-content;height:fit-content;white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.shop .shop-body .shop-additional-info .shop-action-wrapper{flex:1 1;display:grid;align-items:center;grid-template-columns:repeat(4,1fr);padding:.75rem 0;border:1px solid var(--gray-alpha-300);border-radius:.5rem}.shop .shop-body .shop-additional-info .shop-action-wrapper svg{stroke:var(--background);stroke-width:.5px}.shop .shop-body .shop-additional-info .shop-action-wrapper .shop-action-item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:80%}.shop .shop-body .shop-additional-info .shop-action-wrapper .shop-action-item:not(:last-child){border-right:1px solid var(--gray-alpha-300)}.shop .shop-body .shop-additional-info .shop-action-wrapper .shop-action-item.disabled{opacity:.5;pointer-events:none}.shop .shop-body .shop-additional-info .shop-action-wrapper .shop-action-item .favorite-icon{transition:color .2s ease-in-out,stroke .2s ease-in-out}.shop .shop-body .shop-additional-info .shop-action-wrapper .shop-action-item .favorite-icon.active{stroke:var(--favorite-color);color:var(--favorite-color);animation:pulse .5s}.shop .shop-body .shop-additional-info .shop-action-wrapper .shop-action-item .icon{font-size:2rem}.shop .shop-body .shop-additional-info .shop-action-wrapper .shop-action-item label{margin-top:-.25rem;margin-bottom:.25rem}.shop .shop-body .shop-coupon-btn-wrapper{width:100%;padding:0 1rem}.shop .shop-body .shop-coupon-btn-wrapper .shop-coupon-btn{display:flex;justify-content:flex-start;gap:.5rem;background:linear-gradient(to right,var(--primary-color),var(--primary-color-hover));color:var(--background);padding:.85rem 2rem;font-size:1rem;font-weight:700;width:100%;opacity:.9}.shop .shop-body .shop-coupon-btn-wrapper .shop-coupon-btn .icon{margin-left:-.5rem}.shop .shop-body .shop-coupon-btn-wrapper .shop-coupon-btn .coupon-name{transition:opacity .15s ease-in-out}.shop .shop-body .shop-coupon-btn-wrapper .shop-coupon-btn.animating .coupon-name{opacity:0}.shop .shop-body .shop-item-search{display:flex;justify-content:flex-end;align-items:center;margin-top:2rem;margin-bottom:1rem;gap:1rem}.shop .shop-body .shop-item{display:flex;flex-direction:column;min-height:400px}.shop .shop-body .shop-item .shop-item-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));width:100%;grid-gap:1rem;gap:1rem;padding:1.5rem 1rem}.shop .shop-body .shop-item .shop-item-body.full-width{gap:0;opacity:.8}.shop .shop-body .shop-item .shop-item-body.full-width,.shop .shop-body .shop-item .shop-item-body.full-width .no-items{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center}.shop .shop-footer{background-color:var(--background)}.shop .shop-footer,.shop .shop-guide{z-index:1;border-top:1px solid var(--gray-alpha-300)}.shop .shop-guide{background-color:var(--background-hover);display:flex;align-items:stretch;padding:3rem 0}.shop .shop-guide .shop-guide-info{display:flex;align-items:flex-start;gap:1rem}.shop .shop-guide .shop-guide-info .guide-list{display:flex;flex-direction:column;gap:.5rem;width:100%}.shop .shop-guide .shop-guide-info .guide-list .guide-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem 1rem;border:1px solid var(--gray-alpha-300);background-color:var(--background);border-radius:.5rem}.shop .shop-guide .shop-guide-info .guide-list .guide-item .guide-item-title{flex:1 1;display:flex;font-weight:700;gap:.5rem}.shop .shop-guide .shop-guide-info .guide-list .guide-item .guide-item-title .guide-item-title-text{white-space:pre-wrap;line-height:1.4}.shop .shop-guide .shop-guide-info .guide-list .guide-item .guide-item-description{flex:4 1;font-size:.875rem;white-space:break-spaces;width:100%}.shop-pay{width:100%;min-height:calc(100dvh + var(--header-height)*-1)}.shop-pay,.shop-pay .pay-card-container{display:flex;flex-direction:column;justify-content:center}.shop-pay .pay-card-container{align-items:center;padding:1.5rem .5rem;max-width:1180px;margin-left:auto;margin-right:auto}.shop-pay .pay-card-container .pay-card{display:flex;flex-direction:column;width:100%;max-width:520px;background:var(--background);border:1px solid var(--gray-alpha-300);border-radius:1rem;overflow:hidden;box-shadow:var(--box-shadow)}.shop-pay .pay-card-container .pay-card .pay-header{display:flex;flex-direction:column;align-self:stretch}.shop-pay .pay-card-container .pay-card .pay-header .pay-hero{background-size:cover;background-position:50%;height:20vh;height:20dvh;min-height:140px;margin-bottom:-1rem;box-shadow:inset 0 -3px 7px -3px rgba(0,0,0,.3)}.shop-pay .pay-card-container .pay-card .pay-header .pay-shop-info{z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--background);gap:.75rem;padding:1rem 1.25rem .5rem}.shop-pay .pay-card-container .pay-card .pay-header .pay-shop-info .pay-logo{width:64px;height:64px;margin-top:calc(-32px - 1rem);margin-left:auto;margin-right:auto;background:var(--background);box-shadow:var(--background) 0 0 0 .25rem,rgba(0,0,0,.12) 0 -6px 8px .25rem;border-radius:50%;border:1px solid var(--gray-alpha-300)}.shop-pay .pay-card-container .pay-card .pay-header .pay-shop-info .pay-title{display:flex;flex-direction:column;text-align:center}.shop-pay .pay-card-container .pay-card .pay-header .pay-shop-info .pay-title .pay-shop{font-size:.875rem}.shop-pay .pay-card-container .pay-card .pay-header .pay-shop-info .pay-title .pay-item{font-size:1.5rem;font-weight:700}.shop-pay .pay-card-container .pay-card .pay-header .pay-amount{flex:1 1;display:flex;flex-direction:column;justify-content:center;font-size:3rem;font-weight:900;line-height:1.2;text-align:center;padding:0 1.25rem 1rem}.shop-pay .pay-card-container .pay-card .pay-header .pay-amount .value{display:flex;justify-content:center;align-items:baseline}.shop-pay .pay-card-container .pay-card .pay-header .pay-amount .value .unit{font-size:1.25rem;margin-left:.25rem}.shop-pay .pay-card-container .pay-card .pay-header .pay-amount .pay-deadline{padding:.25rem 1rem;margin-top:.5rem;font-size:.875rem;text-align:center;font-weight:400;opacity:.5}.shop-pay .pay-card-container .pay-card .pay-divider{height:1px;background:var(--gray-alpha-300);margin:1rem}.shop-pay .pay-card-container .pay-card .pay-brands{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:1rem;opacity:.85}.shop-pay .pay-card-container .pay-card .no-brands{display:flex;align-items:center;justify-content:center;min-height:10rem;font-size:1.1rem;background-color:var(--false-color-bg);color:var(--false-color);padding:.5rem 1rem;margin:1.5rem 1rem;border-radius:.5rem;text-align:center;white-space:pre-wrap;line-height:1.4;box-shadow:var(--false-color) 0 0 0 1px inset}.shop-pay .pay-card-container .pay-card .pay-content{display:flex;flex-direction:column}.shop-pay .pay-card-container .pay-card .pay-content .pay-card-wrapper{display:flex;flex-direction:column;width:100%;padding:0 1.5rem 1.5rem;overflow:hidden}.shop-pay .pay-card-container .pay-card .pay-content .pay-card-wrapper .action-wrapper{display:flex;justify-content:space-between;font-size:.875rem;margin-top:2.5rem}.shop-pay .pay-card-container .pay-card .pay-content .pay-card-wrapper .action-wrapper .setting-btn{opacity:.4;text-decoration:underline}.shop-pay .pay-card-container .pay-card .pay-content .pay-card-wrapper .action-wrapper .last-payment-date{opacity:.4;letter-spacing:-.5px}.shop-pay .pay-card-container .pay-card .pay-content .pay-card-wrapper .pay-btn{width:100%;padding:.75rem 1rem;border-radius:.5rem;font-weight:700;font-size:1.125rem;margin:2rem auto .5rem;box-shadow:var(--box-shadow)}.shop-pay .pay-card-container .pay-card .pay-content .login-btn{display:flex;justify-content:center;align-items:center;gap:.25rem;color:var(--blue-color);background-color:var(--blue-color-bg);width:calc(100% - 2rem);font-size:1.125rem;font-weight:700;margin:-.25rem auto 0;border-radius:.75rem;padding:1rem 0;opacity:.7;box-shadow:0 0 0 1px var(--blue-color) inset;position:relative}.shop-pay .pay-card-container .pay-card .pay-content .login-btn .recommend-label{position:absolute;top:-.5rem;left:-.25rem;display:flex;align-items:center;gap:.5rem;font-size:.75rem;background-color:var(--blue-color);color:var(--background);padding:.25rem .75rem .25rem .5rem;border-radius:3rem}@media(min-width:1180px){.shop .shop-header{height:360px}.shop .shop-header .shop-header-img{position:absolute;top:.5rem;left:50%;transform:translateX(-50%);border-radius:.75rem;height:calc(100% - 2rem)}.shop .shop-header .shop-header-more-btn{top:0;right:1rem}.shop .shop-body .shop-additional-info,.shop .shop-body .shop-info{max-width:1180px;margin-left:auto;margin-right:auto}.shop .shop-body .shop-additional-info{margin-top:2rem;padding-left:1rem;padding-right:1rem}.shop .shop-body .shop-coupon-btn-wrapper,.shop .shop-body .shop-item-search{max-width:1180px;margin-left:auto;margin-right:auto}.shop .shop-body .shop-item-search{padding-left:1rem;padding-right:1rem}.shop .shop-body .shop-item-tabs{max-width:1180px;margin-left:auto;margin-right:auto}.shop-pay .pay-card-container .pay-card{flex-direction:row;align-items:center;justify-content:center;max-width:unset;min-height:calc(60vh + var(--bottom-nav-height)*-1);min-height:calc(60dvh + var(--bottom-nav-height)*-1)}.shop-pay .pay-card-container .pay-card .pay-header{min-width:380px}.shop-pay .pay-card-container .pay-card .pay-header .pay-amount{padding-bottom:2rem}.shop-pay .pay-card-container .pay-card .pay-divider{width:1px;height:auto;align-self:stretch;margin:0}.shop-pay .pay-card-container .pay-card .pay-content{width:100%}.shop-pay .pay-card-container .pay-card .pay-content .pay-brands{padding-top:1.5rem}.shop-pay .pay-card-container .pay-card .pay-content .pay-card-wrapper{max-width:560px;margin:0 auto}}@media(hover:hover)and (pointer:fine){.shop .shop-body .shop-info .shop-info-header .shop-name-wrapper .shop-rating:hover{text-decoration:underline}.shop .shop-body .shop-coupon-btn-wrapper .shop-coupon-btn:hover{opacity:.7}.shop .shop-body .shop-additional-info .shop-action-wrapper .shop-action-item .favorite-icon:hover{color:var(--favorite-color);animation:pulse .5s}}@media(max-width:1179px){.shop .shop-body .shop-info{flex-direction:column;align-items:flex-start}.shop .shop-body .shop-info .shop-info-header .shop-menu-toggle{top:-46%;left:-4px;transform:translate(-4px,-46%)}.shop .shop-body .shop-info .shop-info-list{width:100%;margin-bottom:.5rem}.shop .shop-body .shop-info .shop-info-list .shop-info-item{width:100%}.shop .shop-body .shop-additional-info{flex-direction:column-reverse}.shop .shop-body .shop-item-search{align-items:stretch;margin-top:1rem;margin-left:1rem;margin-right:1rem}.shop .shop-body .shop-item .shop-item-body{grid-template-columns:repeat(2,1fr)}.shop .shop-guide .shop-guide-info .guide-list .guide-item{flex-direction:column}.shop .shop-guide .shop-guide-info .guide-list .guide-item .guide-item-title .guide-item-title-text{white-space:normal}.shop-pay .pay-card-container{padding:0;max-width:100vw;width:100%}.shop-pay .pay-card-container .pay-card{border:none;border-radius:0;box-shadow:none;min-height:calc(100vh + var(--bottom-nav-height)*-1);min-height:calc(100dvh + var(--bottom-nav-height)*-1)}.shop-pay .pay-card-container .pay-card .pay-header .pay-shop-info{border-radius:.75rem .75rem 0 0}.shop-pay .pay-card-container .pay-card .pay-content .pay-card-wrapper{padding-bottom:2.5rem}}