.section-product-option-compare{display:flex;justify-content:center}.section-product-option-compare .container{position:relative;display:flex;flex-direction:column;gap:28px;margin:80px 24px}.section-product-option-compare .container--header .title{font-size:26px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:-.52px}.section-product-option-compare .container--body{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 12px}.section-product-option-compare .container--body .wrapper--option{display:flex;flex-direction:column;gap:12px}.section-product-option-compare .container--body .content--option-image{position:relative;display:grid;grid-template-columns:repeat(2,1fr)}.button--leather{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid #d6dade;border-radius:4px;background-color:#fff;cursor:pointer}.button--leather .alert-circle{width:14px;height:14px;display:flex;justify-content:center;align-items:center}.button--leather .text{font-size:11px;font-weight:400;line-height:14.3px;letter-spacing:-.02em;text-align:center}.section-product-option-compare .container--body .content--option-image>.image{width:100%;aspect-ratio:3 / 4;display:flex}.section-product-option-compare .container--body .content--option-image img{width:100%;height:100%;object-fit:cover}.section-product-option-compare .container--body .content--option-info{display:flex;flex-direction:column}.section-product-option-compare .container--body .content--option-info .title{font-size:15px;font-style:normal;font-weight:500;line-height:160%;letter-spacing:-.3px}.section-product-option-compare .container--body .content--option-info .description{margin-top:4px;color:#7c8084;font-size:14px;font-style:normal;font-weight:400;line-height:160%;letter-spacing:-.28px}.section-product-option-compare .container--body .content--option-info .color{display:flex;gap:8px;margin-top:12px}.section-product-option-compare .container--body .content--option-info .colorchip{width:10px;height:10px;border:1px solid #d6dade;border-radius:1000px;margin:4px}#leather-popup--container{position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:#00000040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}#leather-popup--container.active{display:block}#leather-popup--container .leather-popup{position:absolute;top:100px;left:50%;transform:translate(-50%);width:100%;max-width:468px;height:calc(100% - 200px);display:flex;flex-direction:column;border-radius:6px;background-color:#fff;overflow:hidden}.leather-popup .popup--header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 12px}.leather-popup .popup--header .popup--title{font-size:22px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:-.44px}.leather-popup .popup--header .popup--close{width:22px;height:22px;display:flex;padding:4px;cursor:pointer}.leather-popup .popup--header .popup--close svg{width:14px;height:14px}.leather-popup .popup--body{padding:8px 24px 28px;overflow-y:overlay}.leather-popup .popup--body .popup--content{display:flex;flex-direction:column;gap:60px}.leather-popup .popup--body .content--header{display:flex;flex-direction:column;gap:30px}.leather-popup .popup--body .content--header .content--header-img{width:inherit;aspect-ratio:1.61;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.leather-popup .popup--body .content--header .content--header-img:before{content:"NATURAL LEATHER";position:absolute;color:#fff;font-size:30px;font-style:normal;font-weight:300;line-height:120%}.leather-popup .popup--body .content--header .content--header-img>*{width:100%;height:100%;object-fit:cover}.leather-popup .popup--body .content--header .content--header-txt{display:flex;flex-direction:column;gap:12px}.leather-popup .popup--body .content--header .content--header-txt>div{font-size:18px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:-.36px}.leather-popup .popup--body .leather--notice{display:flex;flex-direction:column;gap:32px;padding-bottom:80px;background-color:#eaedf0}.leather-popup .popup--body .leather--notice--caution{background-color:transparent}.leather-popup .popup--body .leather--notice--caution .item-img--grid{display:flex;flex-direction:column;gap:8px}.leather-popup .popup--body .leather--notice--caution .item-img--grid .item-img--box{background-color:transparent}.leather-popup .popup--body .leather--notice--caution .item-img--grid .item--img{aspect-ratio:auto}.leather-popup .popup--body .leather--notice--caution .item-img--grid .item--img>*{width:100%;height:auto;object-fit:cover}.leather-popup .popup--body .leather--notice--caution .leather-caution-text{font-size:18px}@media all and (max-width:1023px){.leather-popup .popup--body .leather--notice--caution .leather-caution-text{font-size:14px}}.leather-popup .popup--body .leather--notice .notice--title{display:flex;align-items:center;gap:4px;padding:16px 24px;background-color:#000}.leather-popup .popup--body .leather--notice .notice--title .notice--title-icon{width:28px;height:28px;display:flex;justify-content:center;align-items:center;margin:0 4px;padding:3.5px}.leather-popup .popup--body .leather--notice .notice--title .notice--title-icon>svg{width:21px;height:21px}.leather-popup .popup--body .leather--notice .notice--title .notice--title-text{color:#fff;font-size:22px;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.44px}.leather-popup .popup--body .leather--notice .notice--list{display:flex;flex-direction:column;gap:32px;padding:0 16px}.leather-popup .popup--body .leather--notice--caution .notice--list{padding:0}.leather-popup .popup--body .leather--notice .notice--list .notice--item{display:flex;flex-direction:column;gap:20px}.leather-popup .popup--body .leather--notice .notice--list .notice--item .item--title{font-size:18px;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.36px}.item-img--flex{display:flex;flex-direction:column;background-color:#fff}.item-img--flex .item-img--box{display:flex}.item-img--flex .item-img--box .item--img{flex:1;width:100%;aspect-ratio:1.94;display:flex;overflow:hidden}.item-img--flex .item-img--box .item--img>*{width:100%;height:100%;object-fit:cover}.item-img--flex .item-img--title{padding:6px;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:160%;letter-spacing:-.28px}.item-img--grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.item-img--grid .item-img--box{display:flex;flex-direction:column;background-color:#fff}.item-img--grid .item-img--box .item--img{width:100%;aspect-ratio:1.28;display:flex;overflow:hidden}.item-img--grid .item-img--box .item--img>*{width:100%;height:100%;object-fit:cover}.item-img--grid .item-img--box .item-img--title{padding:6px;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:160%;letter-spacing:-.28px}.item--description{display:flex;flex-direction:column;gap:8px}.item--description>div{font-size:14px;font-style:normal;font-weight:400;line-height:160%;letter-spacing:-.28px}@media all and (max-width:1023px){.section-product-option-compare .container{width:100%;max-width:420px;margin:40px 16px}.section-product-option-compare .container--body{display:grid;grid-template-columns:100%;gap:28px 0}#leather-popup--container{z-index:2000}#leather-popup--container .leather-popup{top:0;left:0;transform:translate(0);max-width:100%;height:100%;border-radius:0}#leather-popup--container .leather-popup>div{width:100%;max-width:468px;margin:0 auto}.leather-popup .popup--header .popup--title{font-size:15px;font-style:normal;font-weight:500;line-height:160%;letter-spacing:-.3px}.leather-popup .popup--body .content--header .content--header-txt>div{font-size:14px;font-style:normal;font-weight:400;line-height:160%;letter-spacing:-.28px}.leather-popup .popup--body .leather--notice .notice--title .notice--title-text{font-size:18px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:-.36px}}.leather-popup .popup--body .leather--notice--caution{padding-bottom:0}.leather-popup .popup--body .popup--content{gap:48px}@media all and (max-width:1023px){.leather-popup .popup--body .popup--content{gap:36px}.leather-popup .popup--body .leather--notice{padding-bottom:48px}.leather-popup .popup--body .leather--notice--caution{padding-bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-product-option-compare.css.map */