:root{--transition-effect-speed: .6s;--transition-hover-speed: .2s}.ap2022-sr-only{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%)}.flex-align-left{justify-content:flex-start}.flex-align-center{justify-content:center}.flex-align-right{justify-content:flex-end}@media (max-width: 750px){.flex-align-mo-left{justify-content:flex-start}.flex-align-mo-center{justify-content:center}.flex-align-mo-right{justify-content:flex-end}}.flex-valign-top{align-items:flex-start}.flex-valign-middle{align-items:center}.flex-valign-bottom{align-items:flex-end}@media (max-width: 750px){.flex-valign-mo-top{align-items:flex-start}.flex-valign-mo-middle{align-items:center}.flex-valign-mo-bottom{align-items:flex-end}}.text-align-left{text-align:left}.text-align-center{text-align:center}.text-align-right{text-align:right}@media (max-width: 750px){.text-align-mo-left{text-align:left}.text-align-mo-center{text-align:center}.text-align-mo-right{text-align:right}}.astr-breadcrumb{display:inline-flex;align-items:center;max-width:var(--page-width);padding:18px 0;color:#3a3a3c}.astr-breadcrumb li{position:relative;font-size:12px;line-height:1}.astr-breadcrumb li:not(:first-child){margin-left:6px;padding-left:12px}.astr-breadcrumb li:not(:first-child):before{position:absolute;left:0;top:calc(50% - 3px);width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid var(--primary-color);content:""}.astr-breadcrumb li a{text-decoration:none;color:inherit}@media (max-width: 750px){.astr-breadcrumb{display:none}}.astr-button{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 32px;background-color:var(--bg-color, var(--primary-color));border:1px solid var(--border-color, var(--primary-color));color:var(--color, #fff);font-size:16px;line-height:1;text-decoration:none;transition:all .2s}.astr-button:not(.astr-button--type2):hover{--color: var(--primary-color);--bg-color: #fff;--border-color: var(--primary-color) }.astr-button--buy{width:100%;height:60px}.astr-button--full{width:100%}.astr-button--type2{--color: var(--text-base-color);--bg-color: #fff;--border-color: #fff }.astr-button--type2:hover{--color: #fff;--bg-color: var(--primary-color) }.astr-button--outline{--color: var(--text-base-color);--bg-color: #fff;--border-color: #d9d9d9 }.astr-button--outline:hover{--color: var(--primary-color);--border-color: var(--primary-color) }@media (max-width: 750px){.astr-button--buy{height:48px}.astr-button--mo-size{height:42px;padding:0 24px;font-size:14px}.astr-button--mo-full{width:100%}.astr-button--mo-fit{width:auto}}.prd-item{display:block;text-decoration:none;color:inherit}.prd-item--disabled{opacity:.2;cursor:not-allowed}.prd-item__thumb{position:relative;aspect-ratio:1/1;overflow:hidden}.prd-item__thumb img{width:100%;-o-object-fit:cover;object-fit:cover}.prd-item__thumb .flag{position:absolute;top:10px;left:10px;padding:2px 4px;background-color:var(--primary-color);color:#fff;font-size:11px;line-height:1;font-weight:400}.prd-item__infor{margin-top:var(--gap, 20px)}.prd-item__infor .name{display:block;font-weight:500;word-break:break-word;min-height:3em}.prd-item__infor:not(.prd-item__infor--min) .name{font-size:20px;line-height:1.5}@media (max-width: 750px){.prd-item__infor:not(.prd-item__infor--min) .name{font-size:16px}}.prd-item__infor--min .name{font-size:16px;line-height:1.5}@media (max-width: 750px){.prd-item__infor--min .name{font-size:12px;line-height:1}}.prd-item .astr-label{margin-top:var(--gap, 20px);flex-wrap:wrap}@media (max-width: 750px){.prd-item .astr-label{margin-top:12px}}.card-item{position:relative;padding:40px;background-color:var(--bg-color, #f7f7f7)}.card-item__title{display:block;margin-bottom:24px;color:var(--color, var(--primary-color));font-weight:600;word-break:break-word;font-size:16px;line-height:1.5}@media (max-width: 750px){.card-item__title{font-size:12px}}.card-item__desc{word-break:break-word;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:14px;line-height:1.43}@media (max-width: 750px){.card-item__desc{font-size:12px;line-height:1}}.card-item__more{display:flex;align-items:center;-moz-column-gap:4px;column-gap:4px;margin-top:40px;color:inherit;text-decoration:none;font-size:14px;line-height:1.43}@media (max-width: 750px){.card-item__more{font-size:12px;line-height:1.5}}.card-item__more:before{position:absolute;top:0;right:0;bottom:0;left:0;content:""}.card-item__more:after{width:16px;height:16px;background:center center/16px auto url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M1 8L14 8" stroke="%23222"/><path d="M10 4L14 8L10 12" stroke="%23222"/></svg>') no-repeat;content:""}@media (max-width: 750px){.card-item{padding:20px}.card-item__title{margin-bottom:8px}.card-item__more{display:flex;align-items:center;margin-top:24px}}.astr-label{display:flex;align-items:flex-start;gap:4px}.astr-label .label{padding:2px 4px;color:var(--color, var(--primary-color));background-color:var(--bg-color, #f2f4f6);font-size:14px;line-height:1.43}.astr-label--lg .label{padding:6px 12px}.astr-accordion{border-top:1px solid #222}.astr-accordion__item{border-bottom:1px solid #d9d9d9}.astr-accordion__title{position:relative;display:block;padding:24px 20px 24px 0;text-decoration:none;color:inherit;font-size:14px;line-height:1.43}.astr-accordion__title:after{position:absolute;transform:rotate(-180deg);top:24px;right:0;width:16px;height:16px;background:center/cover url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 20 20" fill="none"><path d="M2 14L10 6L18 14" stroke="%23222" stroke-width="1.6"/></svg>') no-repeat;content:""}.astr-accordion__title--active:after{transform:rotate(0)}.astr-accordion__content{display:none;overflow:hidden;word-break:break-word;padding-bottom:32px}.astr-accordion__title--active+.astr-accordion__content{display:block}.astr-pagination{display:flex;justify-content:center;-moz-column-gap:40px;column-gap:40px;margin-top:var(--margin-top, 56px)}.astr-pagination:has(.astr-pagination__pager:empty){display:none}.astr-pagination__pager{display:flex;align-items:center;-moz-column-gap:12px;column-gap:12px}.astr-pagination .navi{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.astr-pagination .navi:before{width:6px;height:12px;background-color:#333;content:""}.astr-pagination .navi--disabled:before{background-color:#d9d9d9}.astr-pagination .navi--next:before{-webkit-mask:center center/cover url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="14" viewBox="0 0 8 14" fill="none"><path d="M1 1L7 7L1 13" stroke="%23333"/></svg>') no-repeat;mask:center center/cover url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="14" viewBox="0 0 8 14" fill="none"><path d="M1 1L7 7L1 13" stroke="%23333"/></svg>') no-repeat}.astr-pagination .navi--prev:before{-webkit-mask:center center/cover url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="14" viewBox="0 0 8 14" fill="none"><path d="M7 1L1 7L7 13" stroke="%23333"/></svg>') no-repeat;mask:center center/cover url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="14" viewBox="0 0 8 14" fill="none"><path d="M7 1L1 7L7 13" stroke="%23333"/></svg>') no-repeat}.astr-pagination .page{position:relative;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:4px 6px;font-size:16px;color:var(--text-base-color);text-decoration:none}.astr-pagination .page--now{font-weight:700;color:var(--primary-color)}.astr-pagination .page--now:after{position:absolute;inset:auto 6px 0;height:2px;background-color:var(--primary-color);content:""}@media (max-width: 750px){.astr-pagination,.astr-pagination__pager{-moz-column-gap:8px;column-gap:8px}.astr-pagination .navi{width:24px;height:24px}.astr-pagination .page{min-width:24px;height:24px;padding:2px 4px;font-size:14px}.astr-pagination .page--now:after{inset:auto 4px 0;height:2px}}.astr-top-banner{position:relative;max-width:1920px;margin:0 auto;overflow:hidden}.astr-top-banner__image{display:block}.astr-top-banner__image img{display:block;width:100%}.astr-top-banner__content{position:absolute;top:0;right:0;bottom:0;left:0}.astr-top-banner__content .page-width{display:flex;align-items:center;height:100%}.astr-top-banner__content .banner-title{width:clamp(290px,calc(580 / var(--page-width-cqi) * 100cqi),580px);margin:0 auto 0 0;word-break:break-word;color:var(--color, var(--text-base-color));font-weight:700;font-size:clamp(25.2px,calc(36 / var(--page-width-cqi) * 100cqi),36px);line-height:1.5}@media (max-width: 750px){.astr-top-banner__content .banner-title{font-size:clamp(14px,calc(25.2 / var(--page-width-cqi) * 100cqi),25.2px);line-height:1.43}}.astr-top-banner__content--right .banner-title{margin:0 0 0 auto}@media (max-width: 750px){.astr-top-banner__content .page-width{align-items:flex-start;padding-top:clamp(12px,calc(24 / var(--page-width-cqi) * 100cqi),24px);padding-bottom:clamp(12px,calc(24 / var(--page-width-cqi) * 100cqi),24px)}.astr-top-banner__content .banner-title{display:flex;align-items:flex-end;width:clamp(148px,calc(296 / var(--page-width-cqi) * 100cqi),296px);min-height:50%}.astr-top-banner__content--right .page-width{align-items:flex-end}.astr-top-banner__content--right .banner-title{align-items:flex-start;width:clamp(128px,calc(256 / var(--page-width-cqi) * 100cqi),256px)}}.astr-sub-banner{max-width:1920px;margin:0 auto;padding:40px 0;background-color:var(--bg-color, #f3f5f9);text-align:center;font-weight:500;word-break:break-word;font-size:16px;line-height:1.5}@media (max-width: 750px){.astr-sub-banner{font-size:12px}}@media (max-width: 750px){.astr-sub-banner{padding:16px 0}}.plp-banner img{display:block}[data-interaction=true] [data-visible]:is([class*=-effect]),[data-interaction=true] [data-visible] [class*=-effect]{transition-property:transform,opacity;transition-duration:var(--transition-effect-speed)}[data-interaction=true] [data-visible]:is([class*=fade-]),[data-interaction=true] [data-visible] [class*=fade-]{opacity:0}[data-interaction=true] [data-visible].zoom-obj-effect,[data-interaction=true] [data-visible] .zoom-obj-effect{transform:scale(1.2);transition-duration:1s}[data-interaction=true] [data-visible].zoom-in-out-effect,[data-interaction=true] [data-visible] .zoom-in-out-effect{opacity:0;transform:scale(.5);transform-origin:center;transition-timing-function:cubic-bezier(.175,1.085,.52,1.275)}[data-interaction=true] [data-visible=true]:is([class*=fade-]),[data-interaction=true] [data-visible=true] [class*=fade-]{opacity:1}[data-interaction=true] [data-visible=true]:is([class*=-top-effect],[class*=-left-effect],[class*=-right-effect],[class*=-bottom-effect]),[data-interaction=true] [data-visible=true] :is([class*=-top-effect],[class*=-left-effect],[class*=-right-effect],[class*=-bottom-effect]){transform:translate(0)}[data-interaction=true] [data-visible=true].zoom-obj-effect,[data-interaction=true] [data-visible=true] .zoom-obj-effect{transform:scale(1)}[data-interaction=true] [data-visible=true].zoom-in-out-effect,[data-interaction=true] [data-visible=true] .zoom-in-out-effect{opacity:1;transform:scale(1)}[data-interaction=true] [class*=-top-effect]{transform:translateY(var(--transform-top))}[data-interaction=true] [class*=-left-effect]{transform:translate(var(--transform-left))}[data-interaction=true] [class*=-right-effect]{transform:translate(var(--transform-right))}[data-interaction=true] [class*=-botttom-effect]{transform:translateY(var(--transform-bottom))}.zoom-img:is(img),.zoom-img img{transform:scale(1) rotate(.001deg);transform-origin:center center;transition-duration:var(--transition-hover-speed)}.zoom-img:hover:is(img),.zoom-img:hover img{transform:scale(1.1) rotate(.001deg)}.astr-dropbox{position:relative;max-width:375px}.astr-dropbox__btn{position:relative;z-index:2;width:100%;height:40px;padding:0 48px 0 16px;border:1px solid #d9d9d9;background-color:#fff;text-align:left;cursor:pointer;font-size:14px;line-height:1.43}.astr-dropbox__btn:after{position:absolute;top:calc(50% - 8px);right:16px;width:16px;height:16px;background:center center/16px auto url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M13 5.5L8 10.5L3 5.5" stroke="%23222"/></svg>') no-repeat;content:""}.astr-dropbox__btn--active:after{transform:rotate(-180deg)}.astr-dropbox__list{position:absolute;z-index:1;overflow:hidden;left:0;right:0;background-color:#fff;height:0;transition:all .2s ease-in-out}.astr-dropbox__list li{border-width:0 1px;border-color:#d9d9d9;border-style:solid}.astr-dropbox__list li:first-child{border-top-width:1px}.astr-dropbox__list li:last-child{border-bottom-width:1px}.astr-dropbox__list--top{bottom:39px;border-bottom:none;transform-origin:bottom}.astr-dropbox__list--bottom{top:39px;border-top:none}.astr-dropbox__list .list-button{display:flex;align-items:center;width:100%;height:40px;padding:0 16px;cursor:pointer;font-size:14px;line-height:1.43;color:var(--text-base-color);text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;text-align:left}.astr-dropbox__list .list-button:focus,.astr-dropbox__list .list-button:hover{background-color:#f7f7f7;color:var(--primary-color)}.astr-pdp{--title-bottom: 48px }@media (max-width: 750px){.astr-pdp{--title-bottom: 24px }}.astr-pdp__wrap{position:relative;container:article/inline-size;margin:0 auto;padding-top:var(--padding-top, 80px);padding-bottom:var(--padding-bottom, 80px);background-color:var(--bg-color, #fff)}.astr-pdp__wrap--npd{padding:0!important}@media (max-width: 750px){.astr-pdp__wrap{padding-top:var(--padding-top-mo, 40px);padding-bottom:var(--padding-bottom-mo, 40px)}}.astr-pdp__title{margin-bottom:var(--title-bottom)}.astr-pdp__title .head-title{display:block;word-break:break-word;color:var(--color-black);font-weight:700;font-size:36px;line-height:1.5;margin-bottom:48px}@media (max-width: 750px){.astr-pdp__title .head-title{font-size:24px;margin-bottom:24px}}.astr-pdp__title .sub-title{margin-top:12px;word-break:break-word;color:var(--color, #000);font-size:16px;line-height:1.5}@media (max-width: 750px){.astr-pdp__title .sub-title{font-size:14px;line-height:1.43}}@media (max-width: 750px){.astr-pdp__title .sub-title{margin-top:4px}}.astr-pdp__grid{display:flex}.astr-pdp__grid-image{flex:1;aspect-ratio:77/70;overflow:hidden}.astr-pdp__grid-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.astr-pdp__grid-content{display:flex;align-items:center;justify-content:center;flex:1;aspect-ratio:77/70;background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:var(--bg-color, #fff)}.astr-pdp__grid-content .inner{flex:1;padding:0 50px;text-align:center}.astr-pdp__grid-content .inner-block{display:flex;flex-direction:column;text-align:center;row-gap:24px}.astr-pdp__grid-content .inner-block:not(:first-child){margin-top:64px}.astr-pdp__grid-content .inner-block .grid-title,.astr-pdp__grid-content .inner-block .grid-text{color:var(--color, var(--text-base-color));word-break:break-word;margin-top:var(--margin-top, 0)}.astr-pdp__grid-content .inner-block .grid-title:is(strong){display:block}@media (max-width: 750px){.astr-pdp__grid{display:block;margin:0 var(--page-mobile-margin)}.astr-pdp__grid-content .inner{padding:0 var(--page-mobile-padding)}.astr-pdp__grid-content .inner-block{row-gap:12px}.astr-pdp__grid-content .inner-block:not(:first-child){margin-top:24px}.astr-pdp__grid-content .inner-block .grid-title,.astr-pdp__grid-content .inner-block .grid-text{margin-top:var(--margin-top-mo, 0)}}.astr-pdp__full-image{display:block;overflow:hidden}.astr-pdp__full-image img{display:block;width:100%}@media (max-width: 750px){.astr-pdp__full-image{margin:0 var(--page-mobile-margin)}}.astr-pdp .swiper-pagination{position:static}.astr-pdp .swiper-pagination-bullets{margin-top:24px;--swiper-pagination-bullet-width: 6px;--swiper-pagination-bullet-height: 6px;--swiper-pagination-bullet-horizontal-gap: 6px }
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-products.css.map */