.section-links .heading{display:flex;align-items:center;justify-content:center}.section-links .heading > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}.section-links .links-list{position:relative;display:flex;align-items:center;transition:opacity .15s ease,transform .15s ease;opacity:1;transform:none}.section-links .links{display:flex;flex-wrap:nowrap;align-items:baseline;gap:12px;overflow-x:auto;overflow-y:hidden;padding-bottom:6px}.section-links .links>*{display:block;border:1px solid #ddd;border-radius:6px;padding:4px 10px;white-space:nowrap;color:#333;font-size:.875rem;text-decoration:none}.section-links .links>*:focus,.section-links .links>*:hover{color:var(--theme-main)}.section-links .links .btn-close{display:none}.section-links .links>*{position:relative}.section-links .links>*[data-corner]{display:inline-block;margin-top:20px}.section-links .links>*[data-corner] .tag{position:absolute;bottom:calc(100% + 2px);left:0;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.15);border-radius:2px;margin-left:4px;padding:1px 4px;white-space:nowrap;color:#fff;font-size:.7rem}.section-links .links>*[data-corner] .tag:after{z-index:1;content:"";position:absolute;top:18px;left:10px;width:0;height:0;border:4px solid rgba(0,0,0,0)}.section-links .links>*[data-corner-color=red] .tag{background-color:var(--theme-main)}.section-links .links>*[data-corner-color=red] .tag:after{border-top-color:var(--theme-main);border-left-color:var(--theme-main)}.section-links .links>*[data-corner-color=orange] .tag{background-color:orange}.section-links .links>*[data-corner-color=orange] .tag:after{border-top-color:orange;border-left-color:orange}.section-links .links>*[data-corner-color=yellow] .tag{background-color:#ff0;color:#333}.section-links .links>*[data-corner-color=yellow] .tag:after{border-top-color:#e8e80f;border-left-color:#e8e80f}.section-links .links>*[data-corner-color=green] .tag{background-color:green}.section-links .links>*[data-corner-color=green] .tag:after{border-top-color:green;border-left-color:green}.section-links .links>*[data-corner-color=blue] .tag{background-color:blue}.section-links .links>*[data-corner-color=blue] .tag:after{border-top-color:blue;border-left-color:blue}.section-links .links>*[data-corner-color=cyan] .tag{background-color:#06b6d4}.section-links .links>*[data-corner-color=cyan] .tag:after{border-top-color:#06b6d4;border-left-color:#06b6d4}.section-links .links>*[data-corner-color=purple] .tag{background-color:purple}.section-links .links>*[data-corner-color=purple] .tag:after{border-top-color:purple;border-left-color:purple}.section-links .btn-toggle{position:absolute;top:-3px;right:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#333;border:1px solid #333;border-radius:6px}.section-links .btn-toggle>img{width:auto;height:18px}.section-links .modal{z-index:1000;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;padding-top:40px;background-color:rgba(0,0,0,.5)}.section-links .modal .links{position:relative;overflow-y:auto;flex-wrap:wrap;width:80%;max-height:80vh;background-color:#fff;border-radius:6px;padding:16px 30px 16px 16px}.section-links .modal .links>*{white-space:normal}.section-links .modal .links .btn-close{box-sizing:inherit;z-index:10;position:fixed;top:48px;right:calc(10% + 5px);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:rgba(255,0,0,.5);background-size:14px 14px;border-radius:9999px;border:1px solid #333;padding:4px}.section-links .modal .btn-toggle{display:none}.section-links .modal{opacity:1}.section-links .links-list.modal .links{animation:fadeInZoom .3s ease}@keyframes fadeInZoom{from{opacity:0}to{opacity:1}}.section-banner{overflow:hidden;border-radius:16px}.section-notice{display:flex;flex-direction:column;align-items:center;gap:10px;overflow:hidden;padding:12px;border-radius:16px;background-color:#f5f5f5;background-repeat:no-repeat;background-position:center center;background-size:cover}.section-notice [data-read-more]{position:relative}.section-notice [data-read-more]~.read-more-button{margin-top:-42px}.section-notice [data-read-more]~.read-more-button .btn-read-more{display:inline-flex;border-radius:6px;padding:4px 4px 4px 50px;background:linear-gradient(to right, rgba(255, 235, 240, 0.0001) 0%, #ffebf0 20%);color:var(--theme-main)}.section-notice [data-read-more]:after{content:"";position:absolute;right:0;bottom:0;left:0;width:100%;height:50px;background:linear-gradient(to bottom, rgba(255, 235, 240, 0.0001) 0%, #ffebf0 90%)}.section-notice [data-read-more]:not(.line-clamp-3):after{display:none}.section-notice [data-read-more]:not(.line-clamp-3)~.read-more-button{margin-top:inherit}.section-notice [data-read-more]:not(.line-clamp-3)~.read-more-button .btn-read-more{background-color:rgba(0,0,0,0);padding:0;color:#666}.section-notice .read-more-button{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%}.section-notice .read-more-button .btn-read-more{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;color:#666}.section-notice .read-more-button .btn-read-more:after{content:"";width:16px;height:16px;background-image:url(../../assets/img/chevron-down-regular-main-color.svg);background-repeat:no-repeat;background-size:16px 16px;background-position:center;transition:transform .3s ease}.section-notice .read-more-button .btn-read-more.close:after{transform:rotate(180deg);background-image:url(../../assets/img/chevron-down-regular-gray.svg)}.section-notice .inner{width:100%;max-height:250px;overflow-y:auto;background-color:rgba(0,0,0,0);color:#666;font-size:var(--size-14-16)}[class*=offcanvas].offcanvas-filter{width:80%}[class*=offcanvas].offcanvas-filter .offcanvas-body{display:flex;flex-direction:column}.offcanvas-filter .offcanvas-body{flex-direction:column;gap:16px;padding:15px}.offcanvas-filter .offcanvas-body>*{display:flex;flex-direction:column;gap:16px}.offcanvas-filter .filter-menu{width:100%}.offcanvas-filter .filter-menu .menu-list{border:1px solid #e5e5e5;border-radius:4px}.offcanvas-filter .filter-menu .menu-list>.menu-item{border-bottom:1px solid #e5e5e5}.offcanvas-filter .filter-menu .menu-list>.menu-item:last-child{border-bottom:0}.offcanvas-filter .filter-menu .menu-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:.75rem 1rem;background-color:rgba(0,0,0,0);border:0;color:#222;cursor:pointer;font-size:.9375rem;font-weight:600;letter-spacing:.04em;line-height:1.4;text-align:left}.offcanvas-filter .filter-menu .menu-toggle .menu-icon{flex:none;width:15px;height:15px;transition:transform .3s ease}.offcanvas-filter .filter-menu .menu-toggle:focus,.offcanvas-filter .filter-menu .menu-toggle:hover{color:var(--theme-main)}.offcanvas-filter .filter-menu .menu-panel{overflow:hidden;max-height:0;visibility:hidden;transition:max-height .35s ease,visibility .35s ease}.offcanvas-filter .filter-menu .menu-panel .menu-panel-inner{display:flex;flex-direction:column;min-height:0;padding-bottom:12px}.offcanvas-filter .filter-menu .menu-link{display:block;width:100%;padding:.375rem 1rem;background-color:rgba(0,0,0,0);border:0;color:#555;cursor:pointer;font-size:.875rem}.offcanvas-filter .filter-menu .menu-link:focus,.offcanvas-filter .filter-menu .menu-link:hover{color:var(--theme-main);text-decoration:underline}.offcanvas-filter .filter-menu .menu-link-top{padding:13px 14px;color:#222;font-size:.9375rem;font-weight:600}.offcanvas-filter .filter-menu .menu-link-top:focus,.offcanvas-filter .filter-menu .menu-link-top:hover{text-decoration:none}.offcanvas-filter .filter-menu .menu-link-all{font-weight:600;text-decoration:underline;text-underline-offset:4px}.offcanvas-filter .filter-menu .menu-item.open>.menu-toggle{color:var(--theme-main)}.offcanvas-filter .filter-menu .menu-item.open>.menu-toggle .menu-icon{transform:rotate(180deg)}.offcanvas-filter .filter-menu .menu-item.open>.menu-panel{max-height:480px;visibility:visible}.section-category .btn-filter{display:flex;align-items:center;gap:8px;border-radius:0 !important;border-bottom:1px solid #666}.section-category .btn-filter img,.section-category .btn-filter svg{width:auto;height:18px;fill:#666}.section-category .btn-filter:focus,.section-category .btn-filter:hover{border-bottom:1px solid var(--theme-main);color:var(--theme-main)}.section-category .btn-filter:focus svg,.section-category .btn-filter:hover svg{fill:var(--theme-main)}.section-category .select-options{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--size-16-30)}.section-category .select-options>*{display:flex;align-items:center;justify-content:center;white-space:nowrap;gap:8px;color:#333;font-size:clamp(var(--size-12-14))}.section-category .select-options .form-select{overflow:hidden;background-color:#ffebf0;border-radius:9999px;font-size:.875rem}.modal .filter-nav-list{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.modal .filter-nav-list>*{color:#0d6efd;text-decoration:underline}.modal .filter-result ul{font-size:.875rem}.modal .filter-result ul>li>*{cursor:pointer;color:#0d6efd;text-decoration:underline}.modal .filter-result ul>li>*:focus,.modal .filter-result ul>li>*:hover{color:var(--theme-main)}@media(min-width: 576px){[class*=offcanvas].offcanvas-filter{width:60%}}@media(min-width: 768px){[class*=offcanvas].offcanvas-filter{width:50%}}@media(min-width: 992px){[class*=offcanvas].offcanvas-filter{width:40%}.section-notice{padding:24px}}@media(min-width: 1200px){[class*=offcanvas].offcanvas-filter{width:100%}[class*=offcanvas].offcanvas-filter .offcanvas-body{padding:0}.section-links .links{flex-wrap:wrap}.section-links .links>a{border:none;border-radius:0;padding:4px 6px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#ccc}.section-links .links>a:focus,.section-links .links>a:hover{text-decoration-color:var(--theme-main)}.section-links .links>*[data-corner] .tag{left:60%}.section-links .links>*[data-corner-color=red] .tag{background-color:var(--theme-main)}.section-links .links>*[data-corner-color=red] .tag:after{border-top-color:var(--theme-main);border-left-color:var(--theme-main)}.section-links .links>*[data-corner-color=orange] .tag{background-color:orange}.section-links .links>*[data-corner-color=orange] .tag:after{border-top-color:orange;border-left-color:orange}.section-links .links>*[data-corner-color=yellow] .tag{background-color:#ff0;color:#333}.section-links .links>*[data-corner-color=yellow] .tag:after{border-top-color:#e8e80f;border-left-color:#e8e80f}.section-links .links>*[data-corner-color=green] .tag{background-color:green}.section-links .links>*[data-corner-color=green] .tag:after{border-top-color:green;border-left-color:green}.section-links .links>*[data-corner-color=blue] .tag{background-color:blue}.section-links .links>*[data-corner-color=blue] .tag:after{border-top-color:blue;border-left-color:blue}.section-links .links>*[data-corner-color=cyan] .tag{background-color:#06b6d4}.section-links .links>*[data-corner-color=cyan] .tag:after{border-top-color:#06b6d4;border-left-color:#06b6d4}.section-links .links>*[data-corner-color=purple] .tag{background-color:purple}.section-links .links>*[data-corner-color=purple] .tag:after{border-top-color:purple;border-left-color:purple}.section-links .btn-toggle{display:none}}.pagination{--bs-pagination-padding-x: 0.75rem;--bs-pagination-padding-y: 0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color: var(--bs-link-color);--bs-pagination-bg: var(--bs-body-bg);--bs-pagination-border-width: var(--bs-border-width);--bs-pagination-border-color: var(--bs-border-color);--bs-pagination-border-radius: var(--bs-border-radius);--bs-pagination-hover-color: var(--bs-link-hover-color);--bs-pagination-hover-bg: var(--bs-tertiary-bg);--bs-pagination-hover-border-color: var(--bs-border-color);--bs-pagination-focus-color: var(--bs-link-hover-color);--bs-pagination-focus-bg: var(--bs-secondary-bg);--bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color: #fff;--bs-pagination-active-bg: #0d6efd;--bs-pagination-active-border-color: #0d6efd;--bs-pagination-disabled-color: var(--bs-secondary-color);--bs-pagination-disabled-bg: var(--bs-secondary-bg);--bs-pagination-disabled-border-color: var(--bs-border-color);display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.page-link.active,.active>.page-link{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.page-link.disabled,.disabled>.page-link{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(var(--bs-border-width)*-1)}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x: 1.5rem;--bs-pagination-padding-y: 0.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius: var(--bs-border-radius-lg)}.pagination-sm{--bs-pagination-padding-x: 0.5rem;--bs-pagination-padding-y: 0.25rem;--bs-pagination-font-size:0.875rem;--bs-pagination-border-radius: var(--bs-border-radius-sm)}.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;color:#333}.pagination .page-item.disabled .page-link{pointer-events:none;color:#999}.pagination .page-item.disabled .page-link svg{fill:#999}.pagination .page-item .page-link{display:flex;align-items:center;justify-content:center;gap:4px;background-color:rgba(0,0,0,0);border:none;border-radius:4px;padding:8px 12px;color:#333;font-size:.875rem;line-height:1.2}.pagination .page-item .page-link>svg{width:auto;height:14px;fill:#333}.pagination .page-item .page-link[aria-label]{padding-left:10px;padding-right:10px}.pagination .page-item .page-link[aria-label] span{display:none}.pagination .page-item .page-link[aria-label]:focus,.pagination .page-item .page-link[aria-label]:hover{color:var(--theme-main);text-decoration:none;box-shadow:none}.pagination .page-item .page-link[aria-label]:focus>svg,.pagination .page-item .page-link[aria-label]:hover>svg{fill:var(--theme-main)}.pagination .page-item a.page-link:not([aria-label]):focus,.pagination .page-item a.page-link:not([aria-label]):hover{background-color:var(--theme-main);border-color:var(--theme-main);color:#fff;text-decoration:none;box-shadow:none}.pagination .page-item .hover-white{background-color:#fff;color:#333}.pagination .page-item.active .page-link:not([aria-label]){background-color:var(--theme-main);border-color:var(--theme-main);color:#fff;text-decoration:none}.page-jump-to{display:flex;align-items:center;justify-content:center;gap:12px}.page-jump-to label{white-space:nowrap;font-size:.875rem}.page-jump-to .input-group{display:flex;align-items:center;gap:4px;background-color:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:2px 8px}.page-jump-to .form-input{width:60px;height:36px;background-color:#fff;border:1px solid #e5e5e5;border-radius:6px;text-align:center}.page-jump-to .form-input:active,.page-jump-to .form-input:focus,.page-jump-to .form-input:hover{box-shadow:none}.page-jump-to .total{color:#333;font-size:.875rem}.page-jump-to .btn-jump-to{width:auto;height:36px;border-radius:4px;background-color:var(--theme-main);white-space:nowrap;padding-left:20px;padding-right:20px;color:#fff;font-size:.875rem}.page-jump-to .btn-jump-to:focus,.page-jump-to .btn-jump-to:hover,.page-jump-to .btn-jump-to:active{opacity:.8;background-color:var(--theme-main);border-color:var(--theme-main);color:#fff}@media(min-width: 1200px){.pagination .page-item .page-link{padding:8px 14px;font-size:1rem}.pagination .page-item .page-link[aria-label]{padding-left:10px;padding-right:10px}.pagination .page-item .page-link[aria-label] span{display:block}}.headline{display:flex;flex-direction:column;gap:4px}.headline .heading{font-size:var(--size-20-30);font-weight:700}.headline .tips{color:#666;font-size:var(--size-12-14)}.product-item{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;overflow:hidden;position:relative;background-color:#f3f4f6;border-radius:12px;border:1px solid #fff}.product-item .image{overflow:hidden;aspect-ratio:auto 2/3;position:relative;display:flex;align-items:center;justify-content:center}.product-item .image .tags-item{z-index:10;position:absolute;top:16px;left:16px;background-color:var(--theme-main);border-radius:6px;padding:4px 8px;color:#fff;font-size:var(--size-10);font-weight:600;text-transform:uppercase}.product-item .image .flash-sale{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;z-index:10;position:absolute;left:16px;right:16px;bottom:16px;background-color:var(--theme-main);border-radius:6px;padding:8px 16px;text-align:center;color:#fff;font-size:var(--size-12-14);font-weight:600;text-transform:uppercase}.product-item .image>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.product-item .content{padding:16px}.product-item .content .brand-name{margin-bottom:4px;color:#666;font-size:var(--size-11);font-weight:700;text-transform:uppercase}.product-item .content .title{margin-bottom:4px;color:#333;font-size:var(--size-14-16);font-weight:600;line-height:1.2}.product-item .content .score{display:flex;align-items:center;gap:6px;margin-bottom:4px}.product-item .content .score img{width:auto;height:100%;max-height:14px}.product-item .content .price{display:flex;align-items:baseline;-moz-column-gap:8px;column-gap:8px;color:var(--theme-main);font-size:var(--size-16-18);font-weight:600}.product-item .content .price del{color:#333;font-size:var(--size-12-14)}