.color-options-row,.size-options-row{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:20px}.color-options-row{overflow:hidden}.color-options-row .variant-option,.size-options-row .variant-option{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;border:1px solid transparent;transition:border-color .2s ease;flex-shrink:0;cursor:pointer}.color-options-row .variant-option{width:64px;height:80px;padding:0}.product__info-wrapper .product-option{border-bottom:1px solid #c6c5c1}.size-options-row .variant-option{min-width:36px;height:36px;padding:0;font-size:12px;font-weight:300}.color-options-row .variant-option:hover:not(.inactive):not(.active),.size-options-row .variant-option:hover:not(.inactive):not(.active){border-color:#c6c5c1}.color-options-row .variant-option.active{border-color:#000;border-width:1px}.size-options-row .variant-option.active{background-color:#000;color:#fff;border-color:#000}.color-options-row .variant-option.inactive,.size-options-row .variant-option.inactive{opacity:.5;cursor:not-allowed}.color-options-row .variant-color-img{width:100%;height:100%;object-fit:cover}.variant-option-more{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;background-color:#f1efe9;border:1px solid transparent;font-size:12px;font-weight:300;cursor:pointer;flex-shrink:0;transition:border-color .2s ease}.color-options-row .variant-option-more{width:64px;height:80px}.variant-option-more:hover{border-color:#c6c5c1}.variant-option-more__count{display:flex}@media screen and (max-width: 767px){.size-options-row .variant-option.size-option:nth-of-type(n+8){display:none}}.option-btn-container{display:flex;justify-content:space-between;padding-block:20px}.option-btn-container button.option-btn.option-button.size-button{padding:0}.option-btn.option-button.size-button{border-bottom:unset;width:fit-content}.product__info-container .product-form{margin-top:0}.product-form__buttons:has(.product-form__size-btn){display:grid;grid-template-columns:auto 1fr;gap:10px}.product-form__buttons:has(.product-form__size-btn) .product-form__size-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;font-size:14px;text-align:center;text-decoration:none;transition:border-color .3s,background-color .3s;justify-content:flex-start;gap:10px;background-color:transparent;border-top:1px solid #c6c5c1;border-bottom:1px solid #c6c5c1;padding:0;border-radius:0;color:#000;text-align:left;cursor:pointer;width:100%;height:auto;width:160px}.product-form__buttons:has(.product-form__size-btn) .product-form__size-btn .product-form__size-label{color:#6f6e6b}.product-form__buttons:has(.product-form__size-btn) .product-form__size-btn:hover .product-form__size-label{color:#000}.product-form__buttons:has(.product-form__size-btn) .product-form__size-btn .selected-value__box{display:flex;align-items:center;gap:6px}.product-form__buttons:has(.product-form__size-btn) .product-form__size-btn .size-btn-arrow{display:flex;align-items:center;flex-shrink:0;transform:rotate(180deg);margin-top:1px}.product-form__buttons:has(.product-form__size-btn) .product-form__size-btn .size-btn-arrow svg{width:6px;height:auto}.product-form__buttons:has(.product-form__size-btn) .product-form__size-btn .selected-value{font-weight:400}.product-form__buttons:has(.product-form__size-btn) .product-form__size-btn .selected-value:empty{display:none}.product-form__buttons:has(.product-form__size-btn) .product-form__size-btn:has(.selected-value:not(:empty)) .product-form__size-label{display:none}.product-form__buttons:has(.product-form__size-btn) .product-form__submit{border-radius:3px}.product-form__submit{background-color:#353535;height:auto;margin:0}.product-form__submit .button-with-dots__content{font-size:14px}.product-form__submit:hover{background-color:#000}.product-form__buttons{margin-bottom:28px}#variant-popup.variant-popup--size .popup-color-options,#variant-popup.variant-popup--color .popup-size-options{display:none}#variant-popup.variant-popup--color .popup-content{display:flex;flex-direction:column}#variant-popup.variant-popup--color .popup-color-options{display:grid;grid-template-columns:repeat(4,1fr);align-content:start;gap:8px}#variant-popup.variant-popup--color .popup-color-options .variant-option{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;border:1px solid transparent;transition:border-color .2s ease;flex-shrink:0;cursor:pointer;width:100%;height:auto;padding:0}#variant-popup.variant-popup--color .popup-color-options .variant-option img{width:100%;aspect-ratio:124/155;object-fit:cover;display:block}#variant-popup.variant-popup--color .popup-color-options .variant-option span{display:none}#variant-popup.variant-popup--color .popup-color-options .variant-option:hover:not(.inactive):not(.active){border-color:#c6c5c1}#variant-popup.variant-popup--color .popup-color-options .variant-option.active{border-color:#000}.popup-color-extra{margin-top:40px}.popup-content.Color{display:grid;grid-template-columns:repeat(4,1fr);align-content:start;gap:8px}.popup-content.Color .variant-option{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;border:1px solid transparent;transition:border-color .2s ease;flex-shrink:0;cursor:pointer;width:100%;height:auto;padding:0}.popup-content.Color .variant-option img{width:100%;aspect-ratio:124/155;object-fit:cover;display:block}.popup-content.Color .variant-option span{display:none}.popup-content.Color .variant-option:hover:not(.inactive):not(.active){border-color:#c6c5c1}.popup-content.Color .variant-option.active{border-color:#000}.popup-content .variant-option.inactive{opacity:.5;cursor:not-allowed}#variant-popup.variant-popup--size .popup-select-title{justify-content:flex-start;align-items:center;gap:4px}#variant-popup.variant-popup--size .popup-select-title .size-guide-btn{color:#6f6e6b!important}#variant-popup.variant-popup--size .popup-content{display:flex;flex-direction:column}#variant-popup.variant-popup--size .popup-size-options{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:auto;align-content:start;gap:8px}#variant-popup.variant-popup--size .popup-size-options .variant-option{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;border:1px solid transparent;transition:border-color .2s ease;flex-shrink:0;cursor:pointer;width:100%;aspect-ratio:1;height:auto;align-self:start;padding:0;font-size:13px;font-weight:300;border:1px solid #c6c5c1;border-radius:0}#variant-popup.variant-popup--size .popup-size-options .variant-option:hover:not(.inactive):not(.active){border-color:#000}#variant-popup.variant-popup--size .popup-size-options .variant-option.active{background-color:#000;color:#fff!important;border-color:#000}#variant-popup.variant-popup--size .popup-size-options .variant-option.inactive{opacity:.5;cursor:not-allowed}.popup-size-extra{margin-top:40px}
