.product-atb-modal{visibility:none;width:100vw;height:100%;position:fixed;top:0;left:0;pointer-events:none;z-index:2}.product-atb-modal.active{visibility:visible;pointer-events:unset;z-index:3}.product-atb-modal .modal-overlay{display:block;width:inherit;height:inherit;background-color:#000;opacity:0;transition:opacity .45s cubic-bezier(.5,.15,0,1)}.product-atb-modal.active .modal-overlay{opacity:.5}.product-atb-modal .modal-atb{position:absolute;width:100%;height:100%;max-width:500px;bottom:0;right:0;background:#fff;padding-top:var(--product-ATBModal, 0px);transform:translate(100%);transition:transform .45s cubic-bezier(.5,.15,0,1);display:flex;flex-direction:column;flex-wrap:nowrap;visibility:hidden;opacity:0}.product-atb-modal.active .modal-atb{opacity:1;visibility:visible;transform:translate(0)}.product-atb-modal .modal-atb .header-visible{padding-top:var(--header-height)}.product-atb-modal .modal-atb .product-atb-modal-header{display:flex;justify-content:space-between;align-items:center;flex-direction:row;flex-wrap:nowrap;margin:32px 24px 28px}.product-atb-modal .modal-atb .heading-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:baseline;justify-content:flex-start;gap:10px}.product-atb-modal .modal-atb .heading-container .head{color:#000;font-family:Jost-Medium;font-style:normal;font-weight:500;font-size:clamp(18px,calc(20 * (100vw / 1440)),25px);line-height:1.1}.product-atb-modal .modal-atb .heading-container .color-count{color:#00000080;font-family:Jost-Medium;font-style:normal;font-weight:500;font-size:clamp(12px,calc(14 * (100vw / 1440)),16px);line-height:1.1}.product-atb-modal .modal-atb .modal-close-button{text-align:center;cursor:pointer;background:#fff;border:.5px solid #DADADA;box-shadow:0 0 8px #16151521;border-radius:50%;width:34px;height:34px;display:flex;justify-content:center;align-items:center;transition:transform .15s cubic-bezier(.5,.15,0,1)}.product-atb-modal .modal-atb .modal-close-button:active{transform:scale(.96)}.product-atb-modal .product-variant-swiper-container{width:100%;flex-grow:1;display:block;overflow-x:hidden;overflow-y:auto}.product-atb-modal .product-variant-swiper-container::-webkit-scrollbar{width:100%;height:9px}.product-atb-modal .product-variant-swiper-container::-webkit-scrollbar-track{background:#96969666;border-radius:45px}.product-atb-modal .product-variant-swiper-container::-webkit-scrollbar-thumb{background-color:#323232;background:#5a5a5a;border-radius:45px}.product-atb-modal .product-variant-swiper-container::-webkit-scrollbar-thumb:hover{background-color:#000;background:#000}.product-atb-modal .modal-atb .swiper-size-variants .swiper,.product-atb-modal .modal-atb .swiper-color-variants .swiper{padding-left:24px;padding-right:24px;width:100%;height:auto}.product-atb-modal .modal-atb .color-variant-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;gap:11px;cursor:pointer;transition:transform .15s cubic-bezier(.5,.15,0,1)}.product-atb-modal .modal-atb .color-variant-card:active{transform:scale(.986)}.product-atb-modal .modal-atb .color-variant-image{width:100%;height:auto;border-radius:15px;box-sizing:border-box}.product-atb-modal .modal-atb .dummy-color-variants{display:block;width:100%;height:auto;aspect-ratio:9 / 11;background:#f4f4f4;border-radius:15px;box-sizing:border-box}.product-atb-modal .modal-atb .dummy-color-variants:after{content:"";display:block;width:100%;height:100%;background-image:url(https://www.jockey.in/cdn/shop/files/jockey-emblem-header.png?v=1689935156);background-repeat:no-repeat;background-size:25px;background-position:center}.product-atb-modal .modal-atb .color-variant-card.selected .dummy-color-variants,.product-atb-modal .modal-atb .color-variant-card.selected .color-variant-image,.product-atb-modal .modal-atb .dummy-color-variants:active,.product-atb-modal .modal-atb .color-variant-image:active{border:2px solid #221f20}.product-atb-modal .modal-atb .color-variant-name{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:5.75px;padding:0 4px}.product-atb-modal .modal-atb .color-variant-name .color-name{color:#121212;font-family:Jost-Regular;font-size:14.745px;font-style:normal;font-weight:400;line-height:normal}.product-atb-modal .swiper-buttons{display:flex;flex-direction:row;align-items:center;gap:15px;margin-top:23px}.product-atb-modal .swiper-buttons.hide{display:none}.product-atb-modal .swiper-buttons .swiper-next,.product-atb-modal .swiper-buttons .swiper-prev{width:clamp(26px,calc(30 * (100vw / 1440)),35px);height:clamp(26px,calc(30 * (100vw / 1440)),35px);display:flex!important;align-items:center;justify-content:center;flex-wrap:nowrap;padding:0 0 1px;border-radius:4px;background:linear-gradient(275.76deg,#221f20 -33.36%,#505050 139.52%);border:1px solid transparent;position:static;transform:unset;cursor:pointer}.product-atb-modal .swiper-buttons .swiper-next svg,.product-atb-modal .swiper-buttons .swiper-prev svg{width:auto;height:auto;transform:scale(1.3)}.product-atb-modal .swiper-buttons .swiper-next svg path,.product-atb-modal .swiper-buttons .swiper-prev svg path{fill:#fff}.product-atb-modal .swiper-buttons .swiper-next.swiper-button-disabled svg path,.product-atb-modal .swiper-buttons .swiper-prev.swiper-button-disabled svg path{fill:#221f20;fill-opacity:.51}.product-atb-modal .swiper-buttons .swiper-next.swiper-button-disabled,.product-atb-modal .swiper-buttons .swiper-prev.swiper-button-disabled{background:#fff;border:1px solid rgba(34,31,32,.44)}.product-atb-modal .seprator{display:block;width:90%;height:1px;border:1px dashed rgba(18,18,18,.2);margin:20px auto}.product-atb-modal .swiper-size-variants{position:relative}.product-atb-modal .swiper-size-variants .swiper{padding-top:2px;margin-top:-2px}.product-atb-modal .swiper-size-variants .swiper-slide{margin-right:12px}.product-atb-modal .swiper-size-variants.size-button-grid .swiper-slide{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;gap:12px}.product-atb-modal .swiper-size-variants .size-header-container{display:flex;flex-direction:row;align-items:baseline;justify-content:flex-start;flex-wrap:nowrap;padding:0 24px;margin:0 0 30px;gap:10px}.product-atb-modal .swiper-size-variants .size-header-container .size-heading{font-size:clamp(18px,calc(20 * (100vw / 1440)),25px);line-height:1.1;font-family:Jost-Medium;color:#000}.product-atb-modal .swiper-size-variants .size-header-container .size-error{display:block;font-size:15px;font-family:Jost-Regular;font-weight:400;letter-spacing:0px;color:red;line-height:20px;opacity:0;transition:opacity .15s cubic-bezier(.5,.15,0,1)}.product-atb-modal .swiper-size-variants .size-header-container .size-error.show{opacity:1}.product-atb-modal .swiper-size-variants .size-button{width:6.2rem;height:6.2rem;width:inherit;height:inherit;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:nowrap;border-radius:10px;border:1px solid rgba(0,0,0,.2);background:#fff;color:#221f20;position:relative;font-family:Jost-Medium;font-size:clamp(17px,calc(19 * (100vw / 1440)),21px);text-align:center;line-height:1.1;transform-origin:center;transition:transform .15s cubic-bezier(.5,.15,0,1);box-sizing:border-box;cursor:pointer;overflow:hidden}.product-atb-modal .swiper-size-variants .size-button.disabled{background:#fff;color:#0003}.product-atb-modal .swiper-size-variants .size-button.disabled:after{content:"";display:block;background:#ccc;width:139%;position:absolute;transform:rotate(-45deg);height:2.4px;border-radius:50px;transform-origin:center}.product-atb-modal .swiper-size-variants .size-button.selected,.product-atb-modal .swiper-size-variants .size-button:hover{background:linear-gradient(135deg,#000,#444343);color:#fff;transform:scale(1.02) translateY(-.5px)}.product-atb-modal .swiper-size-variants .size-button.disabled:hover{background:#fff;color:#0003;transform:unset}.product-atb-modal .swiper-size-variants .size-button:active{background:linear-gradient(135deg,#000,#444343);color:#fff;transform:scale(.98) translateY(1px)}.product-atb-modal .size-tool-tip-container{height:auto;border-radius:15px;border:1px solid rgba(34,31,32,.1);background:#fff;box-shadow:0 0 8px #221f2014;z-index:1;padding:18px 16px;gap:34px;position:absolute;display:flex;text-align:left;pointer-events:none;transition:opacity .25s cubic-bezier(.5,.15,0,1);width:100%;max-width:273px;opacity:0}.product-atb-modal .size-tool-tip-container:after{content:"";width:20px;height:20px;background-color:#fff;z-index:2;position:absolute;top:-9px;border-radius:0 0 6px;border:1px solid rgba(34,31,32,.1);clip-path:polygon(100% 6%,6% 100%,100% 100%);transform:scaleX(.8) rotate(225deg)}.product-atb-modal .size-tool-tip-container.right-arrow:after{right:16px}.product-atb-modal .size-tool-tip-container.show{opacity:1}.product-atb-modal .size-tool-tip-container .size-container{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:5px}.product-atb-modal .size-tool-tip-container .size-container .title{margin:0;color:#000;font-family:Jost-SemiBold;font-size:14px;font-style:normal;font-weight:600;line-height:1.1}.product-atb-modal .size-tool-tip-container .size-container .size{color:#000;font-family:Jost-Regular;font-size:14px;font-style:normal;font-weight:400;line-height:1.1}.product-atb-modal .action-buttons-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap;box-shadow:0 0 8px #221f2014;padding:20px 16px;gap:17px;position:relative;background:#fff;width:100%;z-index:1;--atc-anim-timing: cubic-bezier(.5, .15, 0, 1);--atc-anim-duration: .75s}.product-atb-modal .action-buttons-container .view-product{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:baseline;border-radius:10px;padding:19px 24px;border:1px solid #221F20;background-color:#fff;color:#221f20;font-family:Jost-Medium;font-size:16px;font-style:normal;font-weight:500;line-height:normal;text-transform:uppercase}.product-atb-modal .action-buttons-container .view-product .eye-icon{display:none}.product-atb-modal .action-buttons-container .view-product .title{margin:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-transform:inherit}.product-atb-modal .action-buttons-container .atb-qty-container{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;border:1.191px solid rgba(0,0,0,.2);border-radius:10px;padding:unset;flex-grow:1;position:relative}.product-atb-modal .action-buttons-container .atb-qty-container .atb-button{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;border-radius:8.333px;background:linear-gradient(276deg,#221f20 -33.36%,#505050 139.52%);padding:15px 22px;outline:unset;border:unset;width:100%;height:100%;z-index:1;position:absolute;overflow:hidden;transition:width .25s cubic-bezier(.5,.15,0,1);cursor:pointer}.product-atb-modal .action-buttons-container .atb-qty-container .atb-button.stage1,.product-atb-modal .action-buttons-container .atb-qty-container .atb-button.stage2{pointer-events:none}.product-atb-modal .action-buttons-container .atb-qty-container .atb-button .title{color:#fff;font-family:Jost-Regular;font-size:16px;font-style:normal;font-weight:400;line-height:normal;text-transform:uppercase;margin:0;position:absolute;width:100%;text-align:center;transition:transform var(--atc-anim-duration) var(--atc-anim-timing)}.product-atb-modal .action-buttons-container .atb-qty-container .atb-button .title.added{left:0;transform:translate(-200%)}.product-atb-modal .action-buttons-container .atb-qty-container .atb-button.atc-button-added{display:flex;opacity:0;visibility:hidden;pointer-events:none;cursor:unset}.product-atb-modal .action-buttons-container .atb-qty-container .atb-button.atc-button-sold-out .title.added,.product-atb-modal .action-buttons-container .atb-qty-container .atb-button.atc-button-added .title.added{left:0;transform:unset;transition:unset}.product-atb-modal .action-buttons-container .atb-qty-container .atb-button .title.atb{left:0;transform:translate(0)}.product-atb-modal .action-buttons-container.show-quantity .atb-qty-container .atb-button{width:calc(100% - 125px)}.product-atb-modal .action-buttons-container.sold-out .atb-qty-container .atb-button{width:100%;cursor:not-allowed;background:linear-gradient(260deg,#252223 -33.36%,#606060 139.52%)}.product-atb-modal .action-buttons-container .atb-icon-container{display:inline-flex;width:100%;height:20px;position:relative;align-items:center;justify-content:center;flex-direction:row;flex-wrap:nowrap;position:absolute;top:50%;left:0;transform:translate(-100%) translateY(-50%);transition:transform var(--atc-anim-duration) var(--atc-anim-timing)}.product-atb-modal .action-buttons-container .atb-icon-container #atc-icon-bag path{fill:#fff;stroke:#302e2f;stroke-width:.1}.product-atb-modal .action-buttons-container .atb-icon-container #atc-icon-rectangle{position:absolute;top:52%;left:50%;transform:translate(-50%) translateY(-39px);transition:transform var(--atc-anim-duration) var(--atc-anim-timing);transition-delay:calc(var(--atc-anim-duration) + .05s)}.product-atb-modal .action-buttons-container .atb-qty-container .atb-button.stage1 .title.added{transform:translate(-100%)}.product-atb-modal .action-buttons-container .atb-qty-container .atb-button.stage1 .atb-icon-container{transform:translate(0) translateY(-50%)}.product-atb-modal .action-buttons-container .atb-qty-container .atb-button.stage1 #atc-icon-rectangle{transform:translate(-50%) translateY(0)}.product-atb-modal .action-buttons-container .atb-qty-container .atb-button.stage1 .title.atb{transform:translate(100%)}.product-atb-modal .action-buttons-container .atb-qty-container .atb-button.stage1.stage2 .title.added{transform:translate(0)}.product-atb-modal .action-buttons-container .atb-qty-container .atb-button.stage1.stage2 .atb-icon-container{transform:translate(100%) translateY(-50%)}.product-atb-modal .action-buttons-container .atb-qty-container .atb-button.stage1.stage2 .title.atb{transform:translate(200%)}.product-atb-modal .action-buttons-container.style-2{align-items:center}.product-atb-modal .action-buttons-container.style-2 .atb-qty-container{padding:5px}.product-atb-modal .action-buttons-container.style-2 .atb-qty-container .atb-button{height:auto}.product-atb-modal .action-buttons-container .atb-qty-container .quantity-input-container{width:100%;height:100%;position:absolute}.product-atb-modal .action-buttons-container .atb-qty-container .quantity-input-container .delete-button{position:absolute;left:0;top:0;height:100%;background:#fff;width:calc(4.5rem / var(--font-body-scale));font-size:1.8rem;border:0;cursor:pointer;align-items:center;justify-content:center;color:#000;padding:0;border-radius:10px;display:none}.product-atb-modal .action-buttons-container .atb-qty-container .quantity-input-container .delete-button svg{width:1.7rem;height:1.7rem}.product-atb-modal .action-buttons-container .atb-qty-container .quantity-input-container .quantity{color:#221f20;width:50%;display:flex;height:100%;border:unset;min-height:unset;position:absolute;top:0;left:0;z-index:0;flex-direction:row;justify-content:flex-start;flex-wrap:nowrap}.product-atb-modal .action-buttons-container .atb-qty-container .quantity-input-container .quantity__input{color:#221f20;text-align:center;font-family:Jost-Medium;font-size:24px;font-style:normal;font-weight:500;line-height:normal;opacity:1;border:unset;padding:0;width:auto;max-width:3.5rem}.product-atb-modal .action-buttons-container.update-state .atb-qty-container .atb-button.atc-button-update,.product-atb-modal .action-buttons-container.delete-state .atb-qty-container .delete-button,.product-atb-modal .action-buttons-container.in-cart .atb-qty-container .atb-button.atc-button-added{display:flex;opacity:1;visibility:visible;pointer-events:unset}.product-atb-modal .action-buttons-container .atb-qty-container .atb-button.atc-button-sold-out,.product-atb-modal .action-buttons-container.add-state .atb-qty-container .atb-button.atc-button-sold-out,.product-atb-modal .action-buttons-container.update-state .atb-qty-container .atb-button.atc-button-sold-out,.product-atb-modal .action-buttons-container.add-state .atb-qty-container .atb-button.atc-button-update,.product-atb-modal .action-buttons-container.update-state .atb-qty-container .atb-button.atc-button-add,.product-atb-modal .action-buttons-container.in-cart.add-state .atb-qty-container .atb-button.atc-button-add,.product-atb-modal .action-buttons-container.in-cart.update-state .atb-qty-container .atb-button.atc-button-update{opacity:0;visibility:hidden;pointer-events:none}.product-atb-modal .action-buttons-container.sold-out .atb-qty-container .atb-button.atc-button-sold-out{display:flex;opacity:1;visibility:visible;pointer-events:unset}.product-atb-modal .action-buttons-container.show-quantity .atb-qty-container .atb-button.atc-button-not-serviceable{width:100%}.product-atb-modal .action-buttons-container .atb-qty-container .atb-button.atc-button-not-serviceable{opacity:0;visibility:hidden;pointer-events:none}.product-atb-modal .action-buttons-container.pincode-not-serviceable .atb-qty-container .atb-button.atc-button-not-serviceable{opacity:1;visibility:visible;pointer-events:unset}.product-atb-modal .action-buttons-container.pincode-not-serviceable .atb-qty-container .atb-button.atc-button-not-serviceable .title{transform:translate(0);transition:unset}.product-atb-modal .action-buttons-container.pinocde-not-serviceable .atb-qty-container .atb-button.atc-button-sold-out,.product-atb-modal .action-buttons-container.pinocde-not-serviceable .atb-qty-container .atb-button.atc-button-add,.product-atb-modal .action-buttons-container.pinocde-not-serviceable .atb-qty-container .atb-button.atc-button-added,.product-atb-modal .action-buttons-container.pinocde-not-serviceable .atb-qty-container .atb-button.atc-button-update{opacity:0;visibility:hidden;pointer-events:none}.modal-dummy-image{width:100%;height:auto;border-radius:15px;box-sizing:border-box}.selected .modal-dummy-image{border:2px solid #221f20}@media only screen and (max-width: 768px){.product-addedNotification{z-index:100}}@media only screen and (max-width: 600px){.product-atb-modal,.product-atb-modal.active{z-index:99}.product-atb-modal .modal-atb{transform:translateY(100%);height:auto;max-width:unset;border-top-right-radius:20px;border-top-left-radius:20px;padding-top:unset}.product-atb-modal.active .modal-atb{transform:translate(0)}.product-atb-modal .swiper-size-variants .seprator,.product-atb-modal .action-buttons-container .view-product .title,.product-atb-modal .swiper-buttons{display:none}.product-atb-modal .modal-atb .product-atb-modal-header{margin:40px 12px 18px}.product-atb-modal .modal-atb .modal-close-button{width:30px;height:30px;position:absolute;top:18px;right:18px}.product-atb-modal .modal-atb .heading-container .head{color:#121212;font-family:Jost-SemiBold;font-size:14px;font-style:normal;font-weight:600;line-height:1.1}.product-atb-modal .modal-atb .heading-container .color-count{color:#121212;font-family:Jost-Regular;font-weight:400;font-size:14px}.product-atb-modal .modal-atb .color-variant-name .color-name{color:#121212;font-family:Jost-Regular;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.product-atb-modal .swiper-size-variants .size-header-container{padding:unset;margin:20px 18px 8px}.product-atb-modal .swiper-size-variants .size-header-container .size-heading{color:#121212;font-family:Jost-SemiBold;font-size:14px;font-style:normal;font-weight:600;line-height:1.1}.product-atb-modal .action-buttons-container .view-product .eye-icon{display:flex}.product-atb-modal .product-variant-swiper-container{height:auto;overflow:hidden;margin-bottom:15px}.product-atb-modal .action-buttons-container{position:relative}.product-atb-modal .size-tool-tip-container{display:none}.product-atb-modal .modal-atb .atb-close-bar-div{padding:10px 0 18px;position:absolute;width:100%;z-index:0}.product-atb-modal .modal-atb .atb-close-bar-div .atb-close-bar{width:50px;margin:auto auto 0;background:#221f2059;height:5px;border-radius:20px;display:block!important}.product-atb-modal .modal-atb .color-variant-image{border-radius:10px}.product-atb-modal .modal-atb .color-variant-card{transition:unset}.product-atb-modal .modal-atb .color-variant-card:active{transform:unset}.product-atb-modal .swiper-size-variants .size-button{font-size:clamp(12px,calc(12 * (100vw / 430)),17px)}}@media only screen and (max-width: 345px){.product-atb-modal .action-buttons-container{gap:15px}.product-atb-modal .action-buttons-container .view-product{padding:17px 14px}.product-atb-modal .quantity__button{width:calc(3.2rem / var(--font-body-scale))}.product-atb-modal .action-buttons-container.show-quantity .atb-qty-container .atb-button{width:calc(100% - 97px);padding:11px 6px}.product-atb-modal .action-buttons-container .atb-qty-container .quantity-input-container .quantity__input{max-width:3rem}}.scrollUpBtn.super-hidden{opacity:0!important;transform:scale(.3) translateY(250%)!important;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/353/assets/card-product-atb-modal.css.map?v=54226740128142821581738922274 */
