.coupon-popup, .productDetailsInner{position:relative}
#descMoreBtn, .productRightTextBx .sizeItem .sizeBx .sizeButton input[type=radio]{display:none}
.clrBtn span, .personalizedBxAmount{pointer-events:none}
.productDetails{width:100%;min-height:calc(100svh - 172px);height:auto}
.productDetails .arrowIcon{padding-inline-start:20px}
.coupon-popup{border:2px solid var(--text_clr_frontstorered);border-radius:4px;padding:4px;background-color:var(--bg_clr_frontstorered);text-align:center;color:var(--text_clr_white);max-width:100px;width:100%}
.closeIcon, .field-popup-coupon, .productDetailsInner{background:var(--bg_clr_white)}
.field-popup-coupon, .prPrice{color:var(--text_clr_frontstorered)}
button.dismiss-coupon{position:absolute;right:0;top:0;border:none;display:flex;align-items:center;justify-content:center;height:16px;width:16px;background:var(--bg_clr_frontstorebrown);border-radius:100%;line-height:18px;font-size:15px;padding:0;color:var(--text_clr_white);opacity:.8;transition:.4s}
.coupon-popup label{font-size:11px;display:block;font-weight:600;margin-block-end:0px}
.coupon-popup .aslowas{font-size:20px;font-weight:9700;display:inline-block;width:100%;vertical-align:top;line-height:24px;margin-block-start:2px}
.field-popup-coupon{width:100%;padding:2px 6px;border-radius:3px;font-size:14px;font-weight:600;margin-top:3px}
.productContainer{width:100%;padding:35px 20px 20px}
.closeIcon{width:30px;height:30px;display:inline-block;border-radius:50%;position:absolute;top:-15px;right:-15px;display:flex;align-items:center;justify-content:center}
.closeIcon span i{font-size:20px}
.productDetailsInnerBx{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;width:100%;padding:20px;border-radius:8px}
.productLeftBx{width:50%}
.product-imgs{display:flex;align-items:flex-start;justify-content:flex-start}
.img-display .zoom-icon{transform:translateX(0);position:static}
.clrBtn, .productLeftBx .productImg, .selectBtn, .size-item, ul.size-list td{position:relative}input.error{background:#f3b9b9}
.productLeftBx .productImg{width:100%;min-height:500px;height:100%;border-radius:10px!important;overflow:hidden}
.productLeftBx .productImg img{width:100%;height:100%;object-fit:cover}
.productRightBx{width:calc(50% - 20px)}
.productRightBx .productRightTextBx{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:20px}
.productRightBx .productRightTextBx .prTitleBx{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:6px}
.detailSku{font-size:16px;font-weight:500}
.productRightBx .productRightTextBx .prTitleBx .prTitle{font-size:22px;font-weight:600;line-height:1.2;color:var(--text_clr_frontstore);display:inline-block;vertical-align:top;width:100%}
.prPrice{display:flex;align-items:center;justify-content:flex-start;gap:4px;font-size:25px;font-weight:600}
.productRightTextBx .prTitleBx .stock{color:var(--tw-light);font-size:17px;font-weight:600;padding-inline:10px;text-align:center;background:var(--tw-danger);transition:var(--transition);border-radius:4px}
.productRightTextBx .prTitleBx .stock:hover{color:var(--tw-light);background:var(--tw-danger-active)}
.productRightTextBx .prTitleBx .reviewBx{display:flex;align-items:center;justify-content:flex-start;gap:6px}
.productRightTextBx .prTitleBx .reviewBx span{line-height:16px;color:var(--text_clr_grey4)}
.prPrice p{color:var(--text_clr_grey3);line-height:1;font-weight:500;margin-block-end:0;font-size:14px}
.prPrice span{color:var(--text_clr_frontstorered);font-size:22px;font-weight:600;text-decoration:line-through;padding-inline-end:10px}
#format:after, .clrBtn span{font-size:10px;color:var(--text_clr_black);position:absolute}
.prReviewItem .reviewAuthor{font-size:16px;color:var(--text_clr_grey6);font-weight:600;font-style:normal}
.prReviewItem .reviewStars{display:flex;align-items:center;justify-content:flex-start;gap:6px;padding-block:4px}
.prOffer .prDesTitle, .productRightTextBx .sizeItem .sizeTitle{font-size:18px;color:var(--text_clr_grey2);font-weight:700;width:100%;line-height:1;margin-block-end:15px}
.productRightTextBx .sizeItem .sizeBx{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap;gap:16px 12px}
.productRightTextBx .sizeItem .sizeBx .sizeButton{position:relative;display:inline-block}
.productRightTextBx .sizeItem .sizeBx .sizeButton label{cursor:pointer;font-size:12px;color:var(--text_clr_grey3);user-select:none;border:1px solid var(--clr_border);border-radius:4px;-webkit-tap-highlight-color:transparent;height:30px;width:31px;overflow:hidden;display:block;text-align:center;box-shadow:0 0 5px #e5e5e5;transition:120ms ease-in-out;display:flex;align-items:center;justify-content:center}
.productRightTextBx .sizeItem .sizeBx .sizeButton input[type=radio]:checked+label{color:var(--text_clr_white);background:var(--bg_clr_red2)}
.img-display{display:grid;grid-template-columns:1fr 34px;gap:10px;align-items:flex-start;border:1px solid #5c5c5c;padding:5px;border-radius:0 5px 5px;width:calc(100% - 100px);overflow:hidden}
.img-select{width:100px;border:1px solid #5c5c5c;border-right:none;border-top:none;border-radius:5px 0 0 5px;overflow:hidden}
.productRightTextBx .addCartBtn, .productRightTextBx .cartBtn{background:var(--bg_clr_black1);color:var(--text_clr_white);font-size:14px;font-weight:500;border-radius:4px;transition:var(--transition);width:100%;height:42px;display:flex;padding-inline:40px}
.img-select>*{border-top:1px solid #5c5c5c}
.colors button #expand-btn, .colors.expanded button #expand-btn, .img-select a, .swatch-picker input:checked+span i{display:block}
.productRightTextBx .cartBtn{align-items:center;justify-content:center}
.productRightTextBx .addCartBtn:hover, .productRightTextBx .cartBtn:hover{background:var(--bg_clr_grey7)}
.productRightTextBx .addCartBtn{line-height:1;align-items:center;justify-content:center}
.productRightTextBx .prDes .prDesTitle{font-size:20px;color:var(--text_clr_black3);font-weight:600;width:100%;line-height:1;margin-block-end:15px}
.productRightTextBx .prDes .prDesBx{font-size:14px;color:var(--text_clr_black3);font-weight:500;width:100%;font-family:Inter;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.prDes.expand #productDescHtml{-webkit-line-clamp:unset;height:auto}
.productLeftBx .prDes #productDescHtml {height: 89px;overflow: hidden;transition: all 0.3s ease;}
.productLeftBx .prDes.expand #productDescHtml {height: 100%;}
#descMoreBtn{color:#00f}
.productLeftBx .prDes #descMoreBtn {font-size: 14px;margin: 5px 0px 0px;display: inline-block;color: #c00c21;font-weight: 500;text-transform: uppercase;text-decoration: underline;}
.prOffer .prOfferBx{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;gap:10px}
.prOffer .prOfferBx .prOfferTag i{color:var(--text_clr_red2);line-height:20px}
.prOffer .prOfferBx .prOfferPara a{font-size:12px;padding-inline-start:6px;font-weight:600;color:var(--text_clr_blue1);transition:var(--transition)}
.prOffer .prOfferBx .prOfferPara a:hover{color:var(--text_clr_blue1)}
.prOffer .prOfferBx .prOfferPara{font-size:14px;color:var(--text_clr_grey2);font-weight:400;width:100%;line-height:20px}
.prOffer .prOfferBx .prOfferPara span{font-weight:700;padding-inline-end:10px}
.colors ul{width:450px;list-style-type:none;padding:0;white-space:nowrap;overflow-x:auto;scrollbar-width:auto;scrollbar-color:auto}
.colors ul::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, .3);border-radius:10px}
.colors ul::-webkit-scrollbar{height:5px!important;background-color:var(--bg_clr_grey)}
.colors ul::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, .3);background-color:var(--bg_clr_grey5)}
.colors ul li{display:flex;align-items:center;margin-right:0}
.colors ul li img{width:100px;height:100px}
.colors h3{margin-bottom:5px}
.colors{width:100%;height:100%;max-width:70%;padding-bottom:3px}
.clrBtnBx {display: flex;flex-wrap: wrap;width: 100%;justify-content: space-between;gap: 5px;}
.productRightTextBx  .clrBtnBx button {line-height: 1.3;background: #1d62af;color: var(--text_clr_white);flex: 1;padding: 14px 5px;font-size: 16px;height: auto;}
.productRightTextBx .clrBtnBx button:nth-child(even) {background: #c00c21;}
.clrBtn span{right:12px;top:16px}
#format{font-weight:600;width:190px;background:var(--bg_clr_grey);padding:8px 10px;border-radius:5px;height:42px;appearance:none}
#format:after{content:"\2193";top:0;right:0;width:10px;height:10px;font-family:FontAwesome}
.colors .color-list{max-height:90px;overflow:hidden}
.colors .color-list.expanded{max-height:none}
.colors button.active{border:1px solid var(--clr_border2);box-shadow:none}
.size-item{display:flex;flex-direction:column;align-items:center;min-height:70px;border-radius:8px;border-top:0 solid;max-width:70px;min-width:70px;margin:auto;overflow:hidden}
.size-list{width:100%;display:inline-block}
.size-list tr {border-bottom: 1px solid #ddd;}
.size-list tr:last-child {border-bottom: none;}
/* .size-list td{font-size:15px;color:#0a0a0a;text-align:center;float:left;display:table-cell;margin-right:5px;width:70px;line-height: 1.2;padding: 7px 0px;} */
.size-list td.colorname{
    min-height:105px;
    min-width:110px;
    max-width:110px;word-wrap: 
    break-word;
    /* display: flex; */
    /* flex-wrap: wrap; */
    align-items: center;
    justify-content: center;
    text-align: center;
}
.size-title{display:block;text-align:center;font-size:0.85em;font-weight:600;text-transform:uppercase;color:#000;line-height: 1.3;}
#customers th, .perSaveBtn, .size-item .out-stock{color:var(--text_clr_white)}
.size-item button{background-color:var(--text_clr_frontstore);border-top-left-radius:8px;border-top-right-radius:8px;font-weight:500;color:#fff;font-size:inherit;padding:4px;line-height:1;height:35px;width:100%}
.size-item button.active{border-color:var(--clr_border7);background-color:#e0e0e0;box-shadow:none}
.size-item .out-stock{background:var(--text_clr_frontstorered);padding:10px 6px;text-align:center;line-height:1.2;position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:center;width:100%;font-size:inherit}
.size-item .size-input{width:100%;border-radius:0 0 8px 8px;border:1px solid #d0d0d0;text-align:center;padding:0 4px;height:35px;font-size:16px;font-family:"Proxima Nova Rg";font-weight:600}
.size-item .size-input::placeholder{word-wrap:break-all}
table.specs_size{width:100%!important}
table.specs_size td{font-size:14px;font-weight:500;color:var(--text_clr_grey1);padding:10px;border:1px solid var(--clr_border7);text-align:center}
table.specs_size td:first-child{font-weight:500;text-align:start}
.personalizedBx [type=checkbox], .personalizedBx [type=radio]{color:var(--bg_clr_primary2);border-radius:3px}
.personalizedBx [type=checkbox]:focus, .personalizedBx [type=radio]:focus{outline:0;box-shadow:none}
.personalizedBx .personalizedBxAmount{color:var(--bg_clr_red2);font-size:15px;font-weight:600}
.accordionInner, .personalizeInnerBx, .sizeBxInner{width:100%}
.selectBtn{display:flex;align-items:center;justify-content:flex-start;height:50px;width:50px}
.selectBtn input, .selectBtn label{display:block;position:absolute;top:0;left:0;right:0;bottom:0}
.selectBtn input[type=radio]{opacity:.011;z-index:100}
.selectBtn input[type=radio]:checked+label{border:1px solid var(--clr_border10);border-radius:3px}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{border:none}
.selectBtn label{cursor:pointer;z-index:90;line-height:1.8em}
#selectBtnOne label{font-family:var(--font_accent1)}
.error{border:2px solid red}
#selectBtnTwo label{font-family:var(--font_secondary)}
#selectBtnThree label{font-family:var(--font_secondary1)}
.textInput input[type=text]{border:1px solid var(--border2);border-radius:4px!important;padding:10px}
.selectText{font-size:16px;font-weight:600;font-family:var(--font_accent)}
.selectText span{font-weight:300}
.swatch-picker p{color:var(--text_clr_black3);font-size:14px;font-weight:500;margin:0 0 10px}
.swatch-picker label{display:inline-block;height:30px;width:30px;position:relative;margin:0 2px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.swatch-picker label img{width:100%;height:100%}
.swatch-picker span{display:block;text-indent:100%;white-space:nowrap;overflow:hidden;position:absolute;border-radius:6px;top:0;left:0;height:100%;width:100%;border:1px solid #000}
.perSaveBtn, .sizeItemContent{align-items:center;transition:var(--transition);border-radius:4px;display:flex}
.swatch-picker input{-webkit-appearance:none;display:none}
.swatch-picker span i{position:absolute;color:var(--text_clr_black);font-size:12px;top:10px;left:0;display:none;transition:var(--transition)}
.perSaveBtn{background:var(--text_clr_orange);font-size:14px;font-weight:600;padding-inline:40px;height:42px;justify-content:center}
.perSaveBtn:hover{background:var(--text_clr_orange2)}
.sizeBxTitle{font-size:14px;font-weight:500;color:var(--text_clr_grey1);padding-block-end:6px}
.sizePrice, .sizeTitle{font-size:15px;color:var(--text_clr_grey3)}
.sizeItemInner{width:100%;padding-block:14px;border-block:1px solid var(--clr_border9);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px}
.sizeItemContent{width:100%;justify-content:space-between;cursor:pointer;padding:12px 10px}
.sizeItemContent:hover{background:var(--bg_clr_grey)}
.sizeTitle{font-weight:600;text-align:start}
.layoutSecond .tabbing-disc li a, .sizePrice{font-weight:500}
.layoutSecond div#discripton, .sizeTitle span{font-weight:400}
.sizePrice{text-align:end}
.layoutSecond .productRightBx .productRightTextBx .prTitleBx .prTitle{color:var(--text_clr_purple1);font-family:Inter;font-weight:600}
.layoutSecond .colors ul button{border:1px solid var(--clr_border2)}
.layoutSecond .productRightTextBx .prTitleBx .prPrice{color:var(--text_clr_grey7)}
.layoutSecond .productRightTextBx .prTitleBx .stock{background:var(--bg_clr_orange1)}
.layoutSecond .productRightTextBx .addCartBtn, .layoutSecond .productRightTextBx .cartBtn{font-family:Oswald;text-transform:uppercase;font-weight:500;letter-spacing:1px;padding-inline:30px;width:fit-content;background:var(--bg_clr_purple);border:.5px solid var(--clr_border_purple);color:var(--text_clr_white);text-align:start;display:flex;align-items:center;justify-content:center;border-radius:0}
.layoutSecond .size-list li, .layoutSecond table.specs_size td{border:1px solid var(--clr_border_purple2)}
.layoutSecond .colors button.active, .layoutSecond .size-list button.active{border:1px solid var(--clr_border_purple3)}
.layoutSecond .size-list li{background:var(--bg_clr_purple1)}
.layoutSecond .tabbing-disc{margin-block-end:10px}
.accordion dl, .accordion-list{border:1px solid #ddd}
.accordion dd, .accordion__panel{background-color:#eee;font-size:1em;line-height:1.5em}
.accordion-title, .accordion__Heading{font-size:16px;font-weight:500;width:100%}
.accordion{width:100%;position:relative}
.accordion__Heading{text-decoration:none;position:relative;display:inline-block;color:var(--text_clr_grey2);padding:16px 60px 16px 20px;background-color:var(--bg_clr_grey8);border:0;border:1px solid var(--clr_border2);border-block-end:0}
.accordion__Heading:hover{color:inherit}
.accordion__Heading:before{position:absolute;content:"";top:22px;transform:rotate(45deg);right:20px;height:10px;width:10px;border-style:solid;border-color:var(--bg_clr_grey7);border-width:0 2px 2px 0;line-height:.5em;transition:transform .3s ease-in-out}
.accordion-title{background:#f5f5f5;display:block;border:1px solid #949494;padding:15px;line-height:1.3;border-radius:5px}
.accordion-title.is-collapsed{border-radius:5px 5px 0 0}a.accordion-title:after{content:"\f106";margin-left:5px;font-family:"Font Awesome 6 Free";font-weight:800;line-height:1;float:right}
.accordion-title.is-collapsed:after{content:"\f107"}
.accordionInnerItem{margin:0 0 15px}
.accordionItem{height:auto;overflow:hidden;transition:max-height 1s;border-block-start:0;border:1px solid #949494;border-top:unset;background:var(--bg_clr_white);border-radius:0 0 5px 5px;max-height:max-content;padding:15px}
.accordionItem.is-collapsed{max-height:0;padding:0;border-color:transparent}
.animateIn{border:1px solid var(--clr_border2);padding:20px}
.size-input:disabled{background:var(--text_clr_grey3)}@keyframes accordionIn{0%{opacity:0;transform:scale(.9) rotateX(-60deg);transform-origin:50% 0}100%{opacity:1;transform:scale(1)}}@keyframes accordionOut{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.9) rotateX(-60deg)}}
#customers{border-collapse:collapse;width:100%}
#customers td, #customers th{border:1px solid #ddd;padding:8px}
#customers tr:nth-child(2n){background-color:#f2f2f2}
#customers tr:hover{background-color:#ddd}
#customers th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:var(--bg_clr_white)}
.skeleton-wrapper{display:flex;flex-direction:column;gap:10px;max-width:300px;padding:20px}
.skeleton-image{width:100%;height:180px;background:#e0e0e0;border-radius:8px}
.skeleton-text{width:100%;height:20px;background:#e0e0e0;border-radius:4px}
.skeleton-text.short{width:60%}
.skeleton-image, .skeleton-text{background:linear-gradient(90deg,#e0e0e0 25%,#f5f5f5 50%,#e0e0e0 75%);background-size:200% 100%}
.productLeftBx .prDes {
    margin: 15px 0 0;
    font-size: 14px;
    line-height: 1.4;
}

.productLeftBx .prDes li, .productLeftBx .prDes p {
    margin: 0 0 7px;
}
.choosecolor-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 10px;
    width: 100%;
    flex-wrap: wrap;
}

.swatch-picker .choosecolor-box p {
    margin: 0;
}

.swatch-picker .choosecolor-box label.select-allcolor {
    width: auto;
    height: auto;
    margin: 0;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    padding-left: 24px;
    min-height: 18px;
    line-height: 1.3;
    overflow: hidden;
}

.swatch-picker .choosecolor-box label.select-allcolor span {
    position: static;
    border: none;
    text-indent: unset;
    white-space: inherit;
}

.swatch-picker .choosecolor-box label.select-allcolor input[type="checkbox"] {
    position: absolute;
    display: block;
    -webkit-appearance: unset;
    opacity: 0;
    width: 100%;
    height: 100;
    left: 0;
    top: 0;
    cursor: pointer;
}

.swatch-picker .choosecolor-box label.select-allcolor span:after {
    content: "";
    width: 10px;
    height: 6px;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    position: absolute;
    left: 4px;
    top: 4px;
    transform: rotate(-45deg);
}

.swatch-picker .choosecolor-box label.select-allcolor span:before {
    content: "";
    width: 18px;
    height: 18px;
    border: 1px solid #626262;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px;
}

.swatch-picker .choosecolor-box label.select-allcolor input:checked ~ span:before {
    background: #1d62af;
    border-color: #1d62af;
}
@media only screen and (max-width: 1920px) {
    .detailSku {font-size: 14px;}
    .productRightBx .productRightTextBx .prTitleBx .prTitle {font-size: 25px;}
    .prPrice {font-size: 20px;}
    .prPrice p {font-size: 13px;}
}
@media only screen and (max-width: 1500px) {
    .img-select {width: 60px;}
    .img-display {width: calc(100% - 60px);}
    .productRightBx .productRightTextBx .prTitleBx .prTitle {font-size: 20px;}
    .productRightBx .productRightTextBx {gap: 10px;}
    .size-item .size-input {height: 33px;}
    .size-title {font-size: 13px;line-height: 1.3;}
}
@media only screen and (max-width: 1400px) {
    .size-list td {font-size: 14px;}
    .size-list td.colorname {min-width: 100px;max-width: 100px;}
}
@media only screen and (max-width: 1300px) {
   .productContainer {padding: 40px 15px 15px;} 
   .productDetailsInnerBx {padding: 15px}
    .product-imgs {flex-direction: column-reverse;}
    .img-display {width: 100%;}
    .img-select {width: 100%;display: flex;overflow: auto;border: none;border-radius: 0;}
    .img-select>* {border-right: 1px solid #5c5c5c;min-width: 65px;max-width: 80px;border-bottom: 1px solid #5c5c5c;border-top: 0px solid;}
    .img-select>*:first-child {border-left: 1px solid #5c5c5c;}
    .accordion-title {padding: 12px;font-size: 15px;}
    .accordionItem {padding: 12px;}
    .productRightBx .productRightTextBx .prTitleBx .prTitle {font-size: 18px;}
    .prPrice {font-size: 17px;}
    .detailSku {font-size: 13px;}
    .productLeftBx {width: 40%;}
    .productRightBx {width: 60%;}
}
@media only screen and (max-width: 1150px) {
    .productDetailsInnerBx {flex-wrap: wrap;}
    .productLeftBx, .productRightBx {width: 100%;}
    .size-item {min-width: 100%;}
    .size-list td.colorname {min-width: 92px;max-width: 92px;}
    .size-list td {font-size: 13px;width: 65px;}
}
@media only screen and (max-width: 640px) {
    .productRightTextBx .prTitleBx .prPrice {font-size: 18px;}
    .colors {max-width: inherit;}
    .colors ul {width: 100%;}
}
@media only screen and (max-width: 500px) {
    .productRightTextBx .prDes .prDesTitle {font-size: 20px;}
    table.specs_size td {font-size: 10px;font-weight: 500;color: var(--text_clr_grey1);padding: 3px;}
    .size-list td.colorname {width: 100%;min-height: unset;min-width: 100%;}
    .size-list tr {background: #f7f7f7;margin: 0 0 10px;display: inline-block;padding: 10px;border-radius: 5px;border: 1px solid #ddd;}
    .size-list td {font-size: 12px;width: 58px;}
    .productRightTextBx .clrBtnBx button {font-size: 14px;padding: 12px 5px;}
}