.item-list{display:grid;gap:16px;padding:20px}.item-list[data-type=promotion],.item-list[data-type=pb]{grid-template-columns:repeat(6,minmax(0,1fr))}.item-list[data-type=event]{grid-template-columns:repeat(3,minmax(0,1fr))}.item-list a{text-decoration:none}.item-not-exist{padding:20px;height:75vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.item-not-exist h2{font-size:20px;font-weight:600;color:var(--color);margin:0}.item-not-exist p{font-size:14px;color:var(--color)}@media (max-width: 1023px){.item-list[data-type=promotion],.item-list[data-type=pb]{grid-template-columns:repeat(4,minmax(0,1fr))}.item-list[data-type=event]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 599px){.item-list[data-type=promotion],.item-list[data-type=pb]{grid-template-columns:repeat(2,minmax(0,1fr))}.item-list[data-type=event]{grid-template-columns:minmax(0,1fr)}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.event-card{width:100%;border-radius:12px;overflow:hidden;background:var(--item-background);border:1px solid var(--border-color)}.event-card figure{margin:0;width:100%;aspect-ratio:1;height:240px}.event-card figure img{width:100%;height:100%}.event-card .content-box{padding:16px;font-weight:600}.event-card .content-box h2{margin:0 0 10px;font-size:16px;color:var(--color)}.event-card .content-box .info{display:flex;justify-content:space-between;font-size:14px}.event-card .content-box .info .store.gs{color:var(--gs)}.event-card .content-box .info .store.cu{color:var(--cu)}.event-card .content-box .info .store.seven{color:var(--seven)}.event-card .content-box .info .store.emart{color:var(--emart)}.event-card .content-box .info .date{color:var(--color)}@media (max-width: 1023px){.event-card figure{height:200px}}@media (max-width: 599px){.event-card figure{height:180px}.event-card figure img{object-fit:cover}}header{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;width:100%;height:100px;padding:20px;box-sizing:border-box;border-bottom:1px solid var(--border-color);background:var(--item-background)}header img{width:200px;height:70px}header nav{display:flex;justify-content:center}header nav a{text-decoration:none;color:var(--color);font-weight:700;font-size:22px}header nav a.active{color:var(--primary-color)}header ul{display:flex;gap:clamp(1px,7vw,70px);margin:0;padding:0}header ul li{list-style:none}header div{width:200px;height:100%}@media (max-width:1023px){header div{width:0}}@media (max-width:599px){header{flex-direction:column;align-items:center;height:auto;margin-top:0;padding:10px}header>a{margin-bottom:8px}header img{display:block}header div{display:none}}footer{text-align:center;padding:50px 0;margin-top:20px;background:var(--item-background);border-top:1px solid var(--border-color)}footer p{margin:0;color:var(--color)}.product-card{text-align:center;padding:10px;position:relative;border:1px solid var(--border-color);border-radius:8px;min-height:230px;display:flex;flex-direction:column;justify-content:space-between;background:var(--item-background)}.product-card .type{width:40px;position:absolute;top:5px;right:5px;color:#fff;padding:5px;border-radius:50px;font-size:12px;font-weight:600}.product-card .one{background-color:var(--one)}.product-card .two{background-color:var(--two)}.product-card .content-box{margin-top:6px}.product-card .content-box>div:last-child{min-height:70px;display:flex;flex-direction:column;justify-content:center}.product-card figure{display:flex;align-items:center;justify-content:center;margin:0 auto;width:100%;max-width:150px;aspect-ratio:1;overflow:hidden}[data-theme=dark] :is(.product-card figure){border-radius:50%}.product-card figure img{background:#fff;width:100%;height:100%;object-fit:contain}.product-card .info{font-size:12px;font-weight:600;display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:4px}.product-card .info .category,.product-card .info .store{background:#888;color:#fff;border-radius:50px;padding:2px}.product-card .info .gs{background:var(--gs)}.product-card .info .cu{background:var(--cu)}.product-card .info .seven{background:var(--seven)}.product-card .info .emart{background:var(--emart)}.product-card h2{margin:4px 0 0;font-size:16px;color:var(--color);font-weight:500}.product-card p{margin:2px 0 0;color:#888}.search-bar{padding:20px}.search-bar h1{font-size:18px;color:var(--color);margin-bottom:15px;font-weight:700}.search-bar h1 span{color:var(--primary-color)}.search-bar .search-select{display:grid;gap:10px;margin-bottom:10px}.search-bar .search-select.promotion-grid{grid-template-columns:repeat(3,1fr)}.search-bar .search-select.pb-grid,.search-bar .search-select.event-grid{grid-template-columns:repeat(2,1fr)}.search-bar .search-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:10px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;color:var(--color);background:var(--item-background);cursor:pointer;outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='350' height='350'%3E%3Cpath fill='%23666666' d='M287 69.4a17.6 17.6 0 0 0-13-5.4H18.4c-5 0-9.3 1.8-12.9 5.4A17.6 17.6 0 0 0 0 82.2c0 5 1.8 9.3 5.4 12.9l128 127.9c3.6 3.6 7.8 5.4 12.8 5.4s9.2-1.8 12.8-5.4L287 95c3.5-3.5 5.4-7.8 5.4-12.8 0-5-1.9-9.2-5.5-12.8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px}.search-bar .search-content{display:grid;grid-template-columns:1fr auto;gap:10px}.search-bar .search-content div{position:relative}.search-bar .search-content div input{width:100%;padding:10px 40px 10px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;box-sizing:border-box;outline:none;color:var(--color);background:var(--item-background)}.search-bar .search-content div .search-button{position:absolute;right:6px;top:52%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:3px;color:var(--color);background:var(--item-background)}.search-bar .search-content .reset-button{padding:10px 20px;border:1px solid var(--border-color);border-radius:6px;background:none;cursor:pointer;font-size:14px;color:var(--color);background:var(--item-background)}@media (max-width: 599px){.search-bar .search-select{display:flex;flex-direction:column}.search-bar .search-bar{grid-template-columns:1fr}}.scroll-toggle{position:fixed;bottom:80px;right:20px;width:50px;height:50px;border-radius:50%;background-color:var(--item-background);cursor:pointer;z-index:1000;border:1px solid var(--border-color);opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease;pointer-events:none;padding:0;display:flex;align-items:center;justify-content:center}.scroll-toggle svg{color:var(--color);width:24px;height:24px;transition:color .3s ease;color:#6b7280}[data-theme=dark] :is(.scroll-toggle svg){color:#fbbf24}.scroll-toggle.visible{opacity:1;transform:translateY(0);pointer-events:all}.theme-toggle{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background-color:var(--item-background);cursor:pointer;z-index:1000;border:1px solid var(--border-color);opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease;pointer-events:none;padding:0;display:flex;align-items:center;justify-content:center}.theme-toggle svg{color:var(--color);width:24px;height:24px;transition:color .3s ease;color:#6b7280}[data-theme=dark] :is(.theme-toggle svg){color:#fbbf24}.theme-toggle.visible{opacity:1;transform:translateY(0);pointer-events:all}:root{--primary-color: #fbbf24;--background: #fff;--item-background: #fff;--color: #333;--border-color: #ddd;--gs: #007cff;--cu: #652f8d;--seven: #147350;--emart: #ffb71b;--one: #F05650;--two: #81c147}[data-theme=dark]{--background: #191a1a;--item-background: #202222;--color: #e7e7e7;--border-color: #303030}body{margin:0;font-family:Pretendard Variable,sans-serif;background:var(--background);color:var(--color)}main{max-width:1280px;margin:auto;min-height:100vh}input,select,textarea,button{font-family:inherit}.product-detail{padding:20px;display:flex;flex-direction:column;align-items:center;margin:0 auto;text-align:center}.product-detail .product-card{width:20%;box-sizing:border-box}.product-detail button{display:block;margin-top:10px;padding:10px;width:20%;border-radius:6px;color:#fff;border:none;cursor:pointer;font-weight:600}.product-detail button.gs{background:var(--gs)}.product-detail button.cu{background:var(--cu)}.product-detail button.seven{background:var(--seven)}.product-detail button.emart{background:var(--emart)}.non-promotion{margin:40px 0}.non-promotion p{font-size:18px;color:var(--color);font-weight:600;margin:2px 0}.non-promotion a{text-decoration:none;color:var(--primary-color);font-weight:600;font-size:14px}.non-promotion a svg{margin-right:4px}@media (max-width: 1023px){.product-detail button,.product-detail .product-card,.product-detail .price-history,.product-detail .promotion-history{width:100%}}.price-history{align-items:center;display:flex;flex-direction:column;justify-content:center;width:50%;margin-top:20px;background:var(--item-background);box-sizing:border-box;padding:20px;border-radius:8px;border:1px solid var(--border-color)}.price-history h2{width:100%;text-align:left;font-weight:600;color:var(--color);font-size:20px;margin:0}.price-history p{width:100%;font-size:12px;color:#888;margin:2px 0 8px;text-align:left;font-weight:600}.promotion-history{align-items:center;display:flex;flex-direction:column;justify-content:center;width:50%;margin-top:20px;background:var(--item-background);box-sizing:border-box;padding:20px;border-radius:8px;border:1px solid var(--border-color)}.promotion-history h2{width:100%;text-align:left;font-weight:600;color:var(--color);font-size:20px;margin:0}.promotion-history p{width:100%;font-size:12px;color:#888;margin:2px 0 8px;text-align:left;font-weight:600}.promotion-history table{width:100%;border-collapse:separate;border-spacing:0;color:var(--color);overflow:hidden;font-weight:600}.promotion-history table tr{color:#888}.promotion-history table tr.one{color:#fff;background:var(--one)}.promotion-history table tr.two{color:#fff;background:var(--two)}.promotion-history table td{padding:10px;border:1px solid var(--border-color);border-right:0;border-bottom:0}.promotion-history table td:last-child{border-right:1px solid var(--border-color)}.promotion-history table tr:last-child td{border-bottom:1px solid var(--border-color)}.promotion-history table tr:first-child td:first-child{border-top-left-radius:8px}.promotion-history table tr:first-child td:last-child{border-top-right-radius:8px}.promotion-history table tr:last-child td:first-child{border-bottom-left-radius:8px}.promotion-history table tr:last-child td:last-child{border-bottom-right-radius:8px}.event-detail{padding:20px;background:var(--item-background);margin:20px;border:1px solid var(--border-color);border-radius:8px}.event-detail .header{margin-bottom:20px;font-weight:600}.event-detail .header h1{color:var(--color);margin:0 0 12px}.event-detail .header div{display:flex;font-size:14px;justify-content:space-between}.event-detail .header div .store.gs{color:var(--gs)}.event-detail .header div .store.cu{color:var(--cu)}.event-detail .header div .store.seven{color:var(--seven)}.event-detail .header div .store.emart{color:var(--emart)}.event-detail .header div .date{color:var(--secondary-color)}.event-detail img{width:100%;border-radius:8px}@media (max-width: 599px){h1{font-size:20px}}