/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/styles/sections/opk-collection.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/.opk_pagination .base_btn{padding:0;width:56px;aspect-ratio:1}.opk_pagination .base_btn:hover{color:#fcfcfc!important}.opk_pagination .page,.opk_pagination .page a{transition:color .3s ease,transform .3s ease,box-shadow .3s ease,background-color .3s ease}.opk_pagination .page a{padding:0 28px;min-height:50px;line-height:50px;font-size:20px;text-transform:uppercase;color:#25355a;font-weight:600;display:inline-flex;justify-content:center;align-items:center;gap:4px;text-align:center;white-space:nowrap;font-family:var(--font-family-2),sans-serif;-webkit-text-decoration:none;text-decoration:none;cursor:pointer}.opk_pagination .page a:hover,.opk_pagination .page a:focus{-webkit-text-decoration:none;text-decoration:none}@media screen and (max-width:479px){.opk_pagination .page a{width:100%}}.opk_pagination .page a{border-radius:12px;border:3px solid #25355a;background-color:#fcfcfc;box-shadow:4px 4px #25355a;transition:transform .3s ease,box-shadow .3s ease,color .3s ease,background-color .3s ease}.opk_pagination .page a:focus,.opk_pagination .page a:hover{box-shadow:2px 2px #25355a;color:#25355a;transform:translate(2px,2px);background-color:transparent}.opk_pagination .page a{padding:0;min-width:56px}.opk_pagination .page a:hover{color:#25355a!important}.opk_pagination .page:not(.current){font-family:var(--font-family-2),sans-serif;font-weight:600;font-size:24px;align-self:center}.opk_pagination .page:not(.current):not(:has(a)){padding-left:18px;padding-right:18px}.opk_pagination .page.current{padding:0 28px;min-height:50px;line-height:50px;font-size:20px;text-transform:uppercase;color:#25355a;font-weight:600;display:inline-flex;justify-content:center;align-items:center;gap:4px;text-align:center;white-space:nowrap;font-family:var(--font-family-2),sans-serif;-webkit-text-decoration:none;text-decoration:none;cursor:pointer}.opk_pagination .page.current:hover,.opk_pagination .page.current:focus{-webkit-text-decoration:none;text-decoration:none}@media screen and (max-width:479px){.opk_pagination .page.current{width:100%}}.opk_pagination .page.current{border-radius:12px;border:3px solid #25355a;background-color:#fcfcfc;box-shadow:4px 4px #25355a;transition:transform .3s ease,box-shadow .3s ease,color .3s ease,background-color .3s ease}.opk_pagination .page.current:focus,.opk_pagination .page.current:hover{box-shadow:2px 2px #25355a;color:#25355a;transform:translate(2px,2px);background-color:transparent}.opk_pagination .page.current{padding:0;min-width:56px;background-color:#f4943f;color:#fcfcfc}.opk_pagination .row,.opk_pagination .columns{padding:0}@media screen and (max-width:767px){.opk_pagination .page:not(.current){display:none}}@media screen and (max-width:767px){.opk_pagination .page:nth-child(2){display:inline-flex}}@media screen and (max-width:767px){.opk_pagination .page:has(+.next){display:inline-flex}}@media screen and (max-width:767px){.opk_pagination .page:nth-child(2).current+.page{display:inline-flex}}@media screen and (max-width:767px){.opk_pagination .prev{margin-right:15px}}@media screen and (max-width:767px){.opk_pagination .next{margin-left:15px}}.opk_pagination{margin-top:40px!important}.opk_pagination__numbers{display:inline-flex;text-align:center;position:relative}@media screen and (min-width:768px){.opk_pagination__numbers{gap:12px}}@media screen and (max-width:767px){.opk_pagination__numbers{gap:8px}}.opk_pagination__icon{width:24px;height:24px}.opk_facets{flex:auto;max-width:100%;min-height:auto}.opk_facets .facets__form{height:auto!important}.opk_facets .facets__wrapper{display:flex;align-items:center;gap:12px}.opk_facets .thb-filter{border-bottom:0}.opk_facets .thb-filter-content{width:320px}.opk_dropdown{position:relative}.opk_dropdown__head{text-transform:uppercase;color:#fcfcfc;font-weight:600;display:inline-flex;justify-content:center;align-items:center;gap:4px;text-align:center;white-space:nowrap;font-family:var(--font-family-2),sans-serif;-webkit-text-decoration:none;text-decoration:none;cursor:pointer}.opk_dropdown__head:hover,.opk_dropdown__head:focus{-webkit-text-decoration:none;text-decoration:none}@media screen and (max-width:479px){.opk_dropdown__head{width:100%}}.opk_dropdown__head{border-radius:12px;border:3px solid #25355a;background:#f4943f;box-shadow:4px 4px #25355a;transition:transform .3s ease,box-shadow .3s ease}.opk_dropdown__head:focus,.opk_dropdown__head:hover{box-shadow:2px 2px #25355a;color:#fcfcfc;transform:translate(2px,2px)}.opk_dropdown__head{padding:0 28px;min-height:50px;line-height:50px;font-size:20px;gap:10px}.opk_dropdown__icon{display:block;width:8px;height:8px}.opk_dropdown__body{z-index:1;position:absolute;top:calc(100% + 12px);padding:17px;width:320px;border-radius:12px;border:3px solid #25355a;background-color:#25355a;transition:opacity .3s ease}.opk_dropdown__body:not(.dropdown--active .opk_dropdown__body){opacity:0;pointer-events:none}.opk_dropdown__list{overflow-y:auto;max-height:400px}.opk_dropdown__list::-webkit-scrollbar{width:3px!important;height:8px}.opk_dropdown__list::-webkit-scrollbar-track{background-color:#fcfcfc33!important;border-radius:10px}.opk_dropdown__list::-webkit-scrollbar-thumb{background-color:#fcfcfc!important;border-radius:10px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.opk_dropdown__list::-webkit-scrollbar-thumb:hover{background-color:#f4943f!important}.opk_dropdown__list li:not(:last-child){margin-bottom:16px}.opk_facet_drawer{border-radius:0;background-color:#25355a;color:#fcfcfc}@media screen and (max-width:479px){.opk_facet_drawer{width:100%}}.opk_facet_drawer .opk_collapsible__details{border-color:#fcfcfc66}.opk_facet_drawer .opk_collapsible__title{padding:20px 0;color:inherit;font-family:var(--font-family-2),sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:1;text-transform:uppercase}.opk_facet_drawer .opk_collapsible__icon{display:block;width:20px;height:20px}.opk_facet_drawer .opk_collapsible__content{padding-bottom:30px}.opk_facet_drawer .opk_collapsible__list{padding-left:16px!important;max-height:344px!important;overflow-y:auto}.opk_facet_drawer .opk_collapsible__list::-webkit-scrollbar{width:3px!important;height:8px}.opk_facet_drawer .opk_collapsible__list::-webkit-scrollbar-track{background-color:#fcfcfc33!important;border-radius:10px}.opk_facet_drawer .opk_collapsible__list::-webkit-scrollbar-thumb{background-color:#fcfcfc!important;border-radius:10px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.opk_facet_drawer .opk_collapsible__list::-webkit-scrollbar-thumb:hover{background-color:#f4943f!important}.opk_facet_drawer .opk_collapsible__list_item:not(:last-child){margin-bottom:16px}.opk_facet_drawer__header{padding-left:16px;padding-right:16px;background-color:#25355a}.opk_facet_drawer__header .opk_facet_drawer__header_in{padding:17px 0 19px;border-bottom:none}.opk_facet_drawer__header{border-bottom:1px solid rgba(252,252,252,.4)}.opk_facet_drawer__header_title{font-family:var(--font-family-2),sans-serif;font-weight:700;line-height:1;text-transform:uppercase}@media screen and (min-width:768px){.opk_facet_drawer__header_title{font-size:max(36px,min(6vw,42px))}}@media screen and (max-width:767px){.opk_facet_drawer__header_title{font-size:36px}}.opk_facet_drawer__header_close_icon{width:24px;height:24px}.opk_facet_drawer__content{padding:16px}.opk_popup_product .opk_product__vendor{color:#25355a;font-family:var(--font-family-2),sans-serif;font-size:20px!important;font-style:normal;font-weight:700;line-height:1.3;text-transform:uppercase!important}.opk_popup_product .opk_product__vendor:not(:last-child){margin-bottom:12px}.opk_popup_product .product__tax{display:none}.opk_popup_product .price{font-family:var(--font-family-2),sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:1;text-transform:uppercase}.opk_popup_product .price del{color:#1d1d1b33;font-weight:400}.opk_popup_product .thb-product-detail .product-title{font-size:32px;font-weight:700;line-height:1;text-transform:uppercase}.opk_popup_product .thb-product-detail .product-title:not(:last-child){margin-bottom:24px}.opk_popup_product .base_btn{padding-left:16px;padding-right:16px}.opk_popup_product .single-add-to-cart-button--text{display:flex;align-items:center;gap:10px}.opk_popup_product .product-short-description{font-weight:500}.opk_popup_product .opk_btn_icon{margin-bottom:4px}.opk_popup_product .shopify-payment-button__button{padding:0 24px;min-height:56px;line-height:56px;font-size:20px;text-transform:uppercase;color:#fcfcfc;font-weight:600;display:inline-flex;justify-content:center;align-items:center;gap:4px;text-align:center;white-space:nowrap;font-family:var(--font-family-2),sans-serif;-webkit-text-decoration:none;text-decoration:none;cursor:pointer}.opk_popup_product .shopify-payment-button__button:hover,.opk_popup_product .shopify-payment-button__button:focus{-webkit-text-decoration:none;text-decoration:none}@media screen and (max-width:479px){.opk_popup_product .shopify-payment-button__button{width:100%}}.opk_popup_product .shopify-payment-button__button{border-radius:12px;border:3px solid #25355a;background:#f4943f;box-shadow:4px 4px #25355a;transition:transform .3s ease,box-shadow .3s ease}.opk_popup_product .shopify-payment-button__button:focus,.opk_popup_product .shopify-payment-button__button:hover{box-shadow:2px 2px #25355a;color:#fcfcfc;transform:translate(2px,2px)}.opk_popup_product .shopify-payment-button__button{border-radius:12px!important;border:3px solid #25355a!important;font-weight:600!important;line-height:50px!important;font-size:20px!important}.opk_popup_product .shopify-payment-button__button:hover{background:#f4943f!important}.opk_popup_product .product-form{margin-bottom:24px}.opk_popup_product variant-selects .form__label{font-family:var(--font-family-2),sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:1;text-transform:uppercase}.opk_popup_product variant-selects label{border:3px solid #25355a}.opk_popup_product variant-selects label span{font-family:var(--font-family-2),sans-serif;font-size:14px;font-weight:700;line-height:1;padding-top:2px;color:#25355a}.opk_popup_product variant-selects .product-form__input--color input[type=radio]+label{margin:2px 9px 2px 2px}.opk_decor_set_1__dots{aspect-ratio:156/39;z-index:4;position:absolute;color:#0bbbef;top:19.9%;transform:rotate(-44deg)}@media screen and (min-width:1200px){.opk_decor_set_1__dots{width:156px;left:-56px}}@media screen and (max-width:1199px){.opk_decor_set_1__dots{display:none}}.opk_decor_set_1__gear{z-index:4;position:absolute;bottom:13.4%;color:#0bbbef;pointer-events:none}@media screen and (min-width:1200px){.opk_decor_set_1__gear{width:108px;right:-52px}}@media screen and (max-width:1199px){.opk_decor_set_1__gear{display:none}}.opk_decor_set_1__spring_1{z-index:4;position:absolute;aspect-ratio:139/85;color:#007b3d;transform:rotate(-55deg);bottom:39%}@media screen and (min-width:1200px){.opk_decor_set_1__spring_1{width:139px;left:-33px}}@media screen and (max-width:1199px){.opk_decor_set_1__spring_1{display:none}}.opk_decor_set_1__spring_2{z-index:4;position:absolute;aspect-ratio:139/85;color:#f4943f;transform:rotate(8deg);top:31.6%}@media screen and (min-width:1200px){.opk_decor_set_1__spring_2{width:139px;right:-26px}}@media screen and (max-width:1199px){.opk_decor_set_1__spring_2{display:none}}.opk_input{padding:19px 20px 17px!important;margin:0!important;height:56px!important;font-family:var(--font-family-2),sans-serif;font-size:20px!important;font-style:normal;font-weight:400;line-height:1;border-radius:12px!important;border:3px solid #25355a!important;background-color:#fcfcfc!important}.opk_input::-moz-placeholder{opacity:1!important;color:#1d1d1b33!important}.opk_input::placeholder{opacity:1!important;color:#1d1d1b33!important}.opk_checkbox{position:relative}.opk_checkbox__input{display:none}.opk_checkbox__svg{pointer-events:none;z-index:2;position:absolute;left:0;top:0;height:0;width:24px;transition:opacity .3s ease}.opk_checkbox__svg.opk_checkbox__svg--area{color:#fcfcfc}.opk_checkbox:has(.opk_checkbox__input:checked) .opk_checkbox__svg.opk_checkbox__svg--area{opacity:0}.opk_checkbox__svg.opk_checkbox__svg--mark{color:#f4943f}.opk_checkbox:not(:has(.opk_checkbox__input:checked)) .opk_checkbox__svg.opk_checkbox__svg--mark{opacity:0}.opk_checkbox:has(.opk_checkbox__label--disabled) .opk_checkbox__svg{color:#fcfcfc66}.opk_checkbox__label{display:block;padding:4px 5px 0 32px;color:#fcfcfc;font-family:var(--font-family-2),sans-serif;font-size:20px!important;font-style:normal;font-weight:600;line-height:1;text-transform:uppercase;cursor:pointer;transition:background-color .3s ease,color .3s ease}.opk_checkbox__label.opk_checkbox__label--disabled{color:#fcfcfc66;cursor:no-drop}@media screen and (min-width:768px){.opk_checkbox__label:focus,.opk_checkbox__label:hover{color:#fcfcfc66}}.opk_checkbox__input:checked+.opk_checkbox__svg{height:24px;animation:draw-checkbox ease-in-out .3s forwards}.opk_checkbox__input:checked~.opk_checkbox__label{color:#f4943f}.opk_checkbox__input:checked~.opk_checkbox__label:after{background-color:#f4943f;border:1px solid #f4943f}@keyframes draw-checkbox{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}.opk_collection{position:relative;flex:auto;padding-top:0}@media screen and (min-width:768px){.opk_collection{padding-bottom:82px}}@media screen and (max-width:767px){.opk_collection{padding-bottom:34px}}.opk_collection .active-facets{gap:12px;align-items:center}.opk_collection .active-facets__button{text-transform:uppercase;color:#25355a;font-weight:600;display:inline-flex;justify-content:center;align-items:center;gap:4px;text-align:center;white-space:nowrap;font-family:var(--font-family-2),sans-serif;-webkit-text-decoration:none;text-decoration:none;cursor:pointer}.opk_collection .active-facets__button:hover,.opk_collection .active-facets__button:focus{-webkit-text-decoration:none;text-decoration:none}@media screen and (max-width:479px){.opk_collection .active-facets__button{width:100%}}.opk_collection .active-facets__button{border-radius:12px;border:3px solid #25355a;background-color:#fcfcfc;box-shadow:4px 4px #25355a;transition:transform .3s ease,box-shadow .3s ease,color .3s ease,background-color .3s ease}.opk_collection .active-facets__button:focus,.opk_collection .active-facets__button:hover{box-shadow:2px 2px #25355a;color:#25355a;transform:translate(2px,2px);background-color:transparent}.opk_collection .active-facets__button{padding:0 24px;min-height:56px;line-height:56px;font-size:20px;border-radius:28px}.opk_collection .active-facets__button svg{width:100%;height:100%}.opk_collection .active-facets__button span{min-width:auto;display:block;width:20px;height:20px;margin-bottom:2px}@media screen and (max-width:479px){.opk_collection .active-facets__button{width:-moz-fit-content;width:fit-content}}.opk_collection .active-facets__button-remove{position:relative;margin-left:12px;font-family:var(--font-family-2),sans-serif;font-size:20px;font-style:normal;font-weight:600;line-height:1;text-transform:uppercase;color:#25355a;-webkit-text-decoration:none;text-decoration:none}.opk_collection .active-facets__button-remove:after{position:absolute;bottom:0;left:0;display:block;width:100%;height:2px;opacity:0;background-color:#25355a;transition:opacity .3s ease;content:""}.opk_collection .active-facets__button-remove:hover:after{opacity:1}.opk_collection price-slider{display:flex;flex-direction:column-reverse;gap:35px}.opk_collection price-slider .price_slider_amount{display:flex;align-items:center;gap:24px}.opk_collection price-slider .price_slider_amount span{color:#fcfcfc;font-weight:700}.opk_collection price-slider .price_slider_amount__single{display:inline-flex}.opk_collection price-slider .field__input{height:56px;width:100%;padding:0 20px;margin:0;line-height:56px;color:#1d1d1b;text-align:right;font-family:var(--font-family-2),sans-serif;font-size:20px;font-style:normal;font-weight:400;border-radius:12px;background-color:#fcfcfc}.opk_collection price-slider .noUi-connect{background-color:#fcfcfc}.opk_collection price-slider .noUi-connects{background-color:#1d1d1b;opacity:.5}.opk_collection price-slider .noUi-handle{width:24px;height:24px;top:-10px;border:none;border-radius:50%}.opk_collection .facets--bar:has(.active-facets__button){display:block;margin-bottom:40px}.opk_collection .collection-container{margin-bottom:3px!important}.opk_collection__wrap{overflow:hidden;position:relative;padding-bottom:3px;padding-top:3px}@media screen and (min-width:768px){.opk_collection__wrap{min-height:500px}}.opk_collection__result{padding-left:var(--gl-indent);padding-right:var(--gl-indent)}.opk_collection__result_container{z-index:10;position:relative}.opk_collection__head{z-index:20;position:relative}@media screen and (min-width:1068px){.opk_collection__head{display:flex;align-items:center;gap:20px}}@media(max-width:1067px)and (min-width:768px){.opk_collection__head{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}}@media screen and (max-width:767px){.opk_collection__head{display:grid;grid-template-columns:100%;grid-gap:8px;gap:8px}}@media screen and (max-width:1067px){.opk_collection__head .custom-select,.opk_collection__head .opk_sort_btn{width:100%}}.opk_collection__head:not(:last-child){margin-bottom:13px}.opk_collection__products{margin:0!important;display:grid}.opk_collection__products .opk_product_card{height:100%;margin:0!important}.opk_collection__products .column{padding-left:0!important;padding-right:0!important;max-width:100%!important}@media screen and (min-width:1200px){.opk_collection__products.medium-up-5{grid-template-columns:repeat(5,1fr);gap:20px}}@media(max-width:1199px)and (min-width:1024px){.opk_collection__products.medium-up-5{grid-template-columns:repeat(4,1fr);gap:20px}}@media(max-width:1023px)and (min-width:768px){.opk_collection__products.medium-up-5{grid-template-columns:repeat(3,1fr);gap:20px}}@media screen and (min-width:1024px){.opk_collection__products.medium-up-4{grid-template-columns:repeat(4,1fr);gap:20px}}@media(max-width:1023px)and (min-width:768px){.opk_collection__products.medium-up-4{grid-template-columns:repeat(3,1fr);gap:20px}}@media screen and (max-width:767px){.opk_collection__products.medium-up-3{grid-template-columns:repeat(3,1fr);gap:20px}}@media screen and (max-width:767px){.opk_collection__products{grid-template-columns:repeat(2,1fr);gap:16px}}@media screen and (min-width:1068px){.opk_collection__filter_mibile_trigger{display:none}}@media screen and (max-width:479px){.opk_collection__filter_mibile_trigger{justify-content:space-between;padding-right:19px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/opk-collection.css.map */