/** Shopify CDN: Minification failed

Line 829:8 Expected identifier but found whitespace
Line 829:9 Unexpected "100%"
Line 962:28 Expected ")" to end URL token

**/
/*============================================================================
  Debut custom css
  /*================ Debut custom css================*/
.canvas-hoverd-item-btn-rotate, .canvas-hoverd-item-btn-remove {
  position: absolute;
  top: -35px;
  left: -15px;
  padding: 3px;
  background: #fff;
  border: 1px solid #000;
  z-index: 9;
  width: fit-content;
  height: fit-content;
}
.canvas-hoverd-item-btn-remove {
  left: 20px;
}
.canvas-hoverd-item-btn-rotate:hover, .canvas-hoverd-item-btn-remove:hover {
  background: #bfbfbf;
  transition: all .3s;
}
.canvas-image-bottom, .canvas-image-left, .canvas-image-right {
  position: absolute;
  /* z-index: 1; */
}
.canvas-image-bottom {
  left: -32px;
  bottom: -71px;
}
.canvas-image-left {
  left: 0;
  bottom: -26px;
}
.canvas-image-right {
  right: -90px;
  bottom: -26px;
}
li.list-view-item.draggable-item.rotated > div {
  transform: translate(-50%, -50%) rotate(-90deg);
}
li.list-view-item.draggable-item > div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #999;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: contain;
}
.product-info {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  /* justify-content: space-between; */
}
.selectedProInfoInr {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.prodInfroWrapper {
  display: flex;
  align-items: normal;
  justify-content: space-between;
}
#proDescription p {
  margin: 0 0 16px 0;
  line-height: 1.3em;
}
#proDescription:first p {
  display: none;
}
body.drawer-builder .main-content {
  margin: 0 auto;
  /* padding-inline: var(--page-padding); */
  width: 100%;
  padding-block: 65px;
  padding-inline: max( 13.5rem, 50vw - var(--scrollbar-width, 0px) / 2 - var(--page-width) / 2 );
}

/* .canvas-wrapper {
  transform: translateX(40px)
  background-image: url('https://modudrawer.com/cdn/shop/files/image_9_2.png');
  background-size: contain;
} */
.canvas-wrapper {
  position: relative;
}

.grid-wrapper {
  width: 960px;
  height: 50%;
}
.drawerBundle {
  /* width: 100%; */
   max-width: 100%; /* Ensure it doesn't exceed the container width */
  max-height: 100%; /* Ensure it doesn't exceed the container height */
  position: relative;
}
.drawerOptions.drawer-build-custom-image {
  /* width: 40%; */
  width: 50%;
  padding: 95px 0 0 0;
}
.drawerLine.drawerTotal .addToCart a, .drawerLine.drawerTotal .addToCart button {
    width: 100%;
    height: 100%;
    /* max-height: 52px; */
    max-height: 36px;
    background-color: #3F3FF8;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 33px;
    border-radius: 5px;
    /* font-size: 24px; */
    font-size: 16px;
    color: #fff;
    line-height: 27px;
    /* font-weight: 700; */
    font-weight: 500;
}
.list-view-item.draggable-item div {
  display: block !important;
}
/* .dimension-wrapper {
  margin-top: 25px;
}
.dimension-input {
  display: flex;
  padding-top: 20px;
  gap: 40px;
}
.dimension-input div {
  position: relative;
  width: 50%;
}
.dimension-input-area {
  height: 78px;
  border: 1px solid #C0C0C0;
  border-radius: 4px;
  width: 100%;
  padding: 0 18px;
}
.dimension-input-area:focus {
  border-color: #3F3FF8;
  outline: none;
}
.dimension-input-label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 18px;
  font-size: 18px;
  font-weight: 400;
} */
.dimension-wrapper {
  /* margin-top: 25px; */
  margin-bottom: 25px;
}

.dimension-input {
  /* width: 40%; */
  display: flex;
  /* padding-top: 39px; */
  /* padding-top: 5px; */
  gap: 24px;
}

.dimension-input div {
  position: relative;
  /* width: 50%; */
}

.dimension-input-area {
  /* height: 78px; */
  /* height: 100%; */
  height: fit-content;
  min-height: 50px;
  max-height: 50px;
  border: 1px solid #C0C0C0;
  border-radius: 4px;
  width: 100%;
  padding: 18px 18px 18px 18px;
  /* font-size: 14px; */
  font-size: 16px;
  display: block; 
}

.dimension-input-area:focus {
  border-color: #3F3FF8;
  outline: none;
}

.dimension-input-label {
  position: absolute;
  left: 10px;
  top: 50%;
  font-size: 14px;
  font-weight: 400;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}

.error-message {
  display: none;
  color: red;
  font-size: 11px;
  position: absolute !important;
  bottom: -18px !important;
  width: 100% !important;
}

.dimension-input-area:focus ~ .dimension-input-label,
.dimension-input-area:not(:placeholder-shown) ~ .dimension-input-label {
  top: -10px;
  transform: translateY(0);
  font-size: 14px;
  font-weight: 600;
  background: #fff;
  padding: 0 5px;
}
.dimension-heading {
  font-size: 28px;
  font-size: 45px;
  font-weight: 700;
}
.drawer-parent-wrapper {
   display: flex;
  /*align-items: start;
  justify-content: space-around;
  flex-direction: row; */
  /* new design changes */
  flex-direction: column;
  align-items: center;
}
.builtbundle {
  display: inline-block;
  width: 100%;
}
.drawerImage .list-view-item {
    background: transparent;
    border: none;
}
span.colorsName {
    text-transform: capitalize;
    /* color: #545454; */
}
.labelData {
    font-size: 18px;
    margin-bottom: 15px;
}
span.labelTitle {
  color: #35312E;
  font-weight: 700;
}

.drawerBundle div#PageContainer {
    background-color: #fbf8f1;
}
.colorsOption span{
  cursor: pointer;
  display:inline-block;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  /* width: 32px;
  height: 32px; */
  border:1px solid black;
  margin-right: 8px;
}

.colorsOption span.active {
  /* box-shadow: -2px 3px 0 0 #8a8acb; */
  position: relative;
}
.colorsOption span.active:before {
  content: '';
  position: absolute;
  top: -6px;
  left: -6px;
  width: 32px;
  height: 32px;
  /* width: 38px;
  height: 38px; */
  border: 1px solid #000;
  border-radius: 50px;
}

span.bambooData {
    background-image: url(/cdn/shop/files/e4578e17ed0aa351521930f0973c6d57.png?v=1672811864);
    background-position: center;
    background-repeat: no-repeat;
}
span.whiteData {background: white;}
span.blackData {background: black;}
span.yellowData {background: #fdec65;}
span.greenData {background: #515234;}
span.redData {background: #f7a6a2;}
span.orangeData {background: #fec685;}
span.pinkData {background: #ffe1f6;}
span.brownData {background: #fed39b;}
span.blueData {background: #062B4D;}
span.ivoryData {background: #eae7da;}

/* #builder-area {
  width: 70%;
  float: left;
}

#builder-products {
  width: 30%;
  float: right;
} */

.canvas-img-wrapper {
  background-image: url('/cdn/shop/files/image_9_2.png?v=1709562454');
  width: 100%;
  height: 100%;
}
/* ---------------------------------new css--------------------------------- */
/* ---------------------------------new css--------------------------------- */
/* ---------------------------------new css--------------------------------- */
li.list-view-item:empty {
  display: none;
  
}
body.drawerBundle {
  background-color: #FCFAF6;
}

.drawer-page-content .page-width {
  padding: 0 15px;
  max-width: 1480px;
  width: 100%;
  margin-bottom:60px;
}

.drawer-page-content .drawerImage {
  flex: 0 0 auto;
  max-width: auto;
  padding: 0;
}

.drawer-page-content .drawerImage .shopify-section {
  width:980px;
  margin:0 auto;
}

/* .drawer-page-content .drawerImage .drawerOptions, .drawerOptions.drawer-build-custom-image {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  border: 2px solid #eee;
  padding: 20px;
  border-radius: 8px;
  background: #f9f9f9;
} */
.selectedProInfo {
    display: block;
    /* margin-top: 180px; */
    margin-top: 40px;
    /* margin-left: 55px; */
}
.selectedProInfo .sectionTitle
{
  float:left;
}
.selectedProductTitle {
    /* margin-top: 5px; */
    font-size: 18px;
    font-weight: 700;
}
#proDimensionContent {
  font-size: 12px;
}
.selectedProInfo .sectionContent {
    float: left;
}
.selectedProductButton {
    float: right;
      margin-top: 30px;
      
}
/*.selectedProInfo .sectionContent  */
.selectedProductDimensions {
    display: flex;
    align-items: center;
    font-size: 12px;
    flex-wrap: wrap;
    margin: 16px 0;
}
.selectedProductBlocks {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #C0C0C0;
}
.selectedProInfo .sectionContent {
    padding-left: 13px;
}
.selectedProInfo .sectionContent .selectedProductBlocks .gridInfoContent {
    margin-top: 0;
}
.selectedProInfo .sectionTitle {
    font-weight: 400;
    font-size: 18px;
}
.gridInfo {
    display: flex;
    justify-content: start;
    align-items: center;
    /* margin: 23px 0; */
    /* margin: 16px 0; */
    font-size: 12px;
}
.gridInfo .gridQuestion, .selectedProductBlocks .gridQuestion, .selectedProductDimensions .gridQuestion {
    width: 16px;
    height: 16px;
    background-color: #000;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    margin-right: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
}
#proDimensionContentRight {
  padding-left: 10px;
}
/* .selected-prod-dimensions {
  margin-top: 30px;
} */
.selectedProductBlocks .gridQuestion {
  width: 18px;
  height: 18px;
  font-size: 12px;
}
.selecte-prod-link {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  font-weight: 700;
  color: #3F3FF8;
  margin-top: 16px;
}
.diemnstion-and-drawerfunctions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* flex-wrap: wrap; */
  gap: 10px;
  /* padding-top: 20px; */
  /* padding: 10px 0; */
  padding: 10px 0 24px 0;
}
.drawerLine.drawerFunctions {
  width: 100%;
  display: flex;
  /* align-items: center; */
  align-items: end;
  /* gap: 24px; */
  gap: 10px;
  /* flex-wrap: wrap; */
}
.drawerLine.drawerFunctions > div {
  border: 1px solid #000;
  border-radius: 4px;
  text-align: center;
  width: 75px;
  /* height: 75px; */
  height: 54px;
  /* width: 80px;
  height: 80px; */
  padding: 4px;
  cursor: pointer;
  font-size: 14px;
}
.drawerLine.drawerFunctions > div:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
}
.drawerLine.drawerFunctions > div:last-child {
  border: none;
  height: auto;
  width: auto;
}
.optionImage {
  width: fit-content;
  /* margin: auto; */
}
.drawerLine.drawerFunctions div img {
  /* width: 25px;
  height: 25px; */
  /* width: 40px;
  height: 40px; */
  object-fit: cover;
}
#selectedProductImage, #selectedProductImageMobile {
  width: 150px;
  height: fit-content;
  object-fit: contain;
}
.selectedProductButton a {
    background-color: #000;
    border-radius: 5px;
    color: #fff;
    padding: 13px 22px;
    text-transform: uppercase;
    
}
.gridInfoContent {
    padding: 0 0 0 13px;
}
.drawer-page-content .drawerImage .drawerOptions .drawerLine {
  flex: 0 33.3%;
  max-width: 33.3%;
  justify-content: center;
  display: flex;
}

.drawer-page-content .drawerImage .drawerOptions .drawerSize {
  flex-direction: column;
  align-items: center;
}

.drawer-page-content .drawerImage .drawerOptions .drawerSize .drawerValue {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}

.drawer-page-content .drawerImage .drawerOptions .drawerSize .drawerValue label,
.drawer-page-content .drawerImage .drawerOptions .drawerSize .drawerValue span {
  margin-bottom: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #35312E;
}

.drawer-page-content .drawerImage .drawerOptions .drawerSize .drawerValue span {
  color: #000000;
}

.drawer-page-content .drawerImage .drawerOptions .drawerSize .drawerValue label {
  width: 100%;
  min-width: 60px;
  text-align: right;
}

.drawer-page-content .drawerImage .drawerFunctions .option .optionTitle {
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #35312E;
}

.drawer-page-content .drawerImage .drawerOptions .drawerSize .drawerValue input {
  background: #FFFFFF;
  border: 1px solid #35312E;
  border-radius: 5px;
  text-align: center;
  margin: 0 7px;
  width: 147px;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  color: #545454;
  padding: 0;
  height: 34px;
}

.drawer-page-content .drawerImage .drawerFunctions .option {
  width: 100%;
  max-width: 78px;
  text-align: center;
  cursor: pointer;
  border-left: 1px solid #000000;
}

.drawer-page-content .drawerImage .drawerFunctions .option:last-child {
  border-right: 1px solid #000000;
}

.drawer-page-content .drawerImage .drawerFunctions .optionImage {
  width: 100%;
  max-width: 100%;
  height: 45px;
}

.drawer-page-content .drawerImage .drawerFunctions .optionImage img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: contain;
}

.drawer-page-content .drawerImage .drawerOptions .drawerTotal {
  flex-direction: column;
  align-items: flex-end;
}

.drawerTotal .totalsection {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.totalprice-and-gridinfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.addCartMb {
  padding: 20px 0 0 0 ;
}
.drawerTotal .totalsection h3, .drawerTotal .totalsection span {
  /* font-size: 48px; */
  /* font-size: 24px; */
  font-size: 16px;
  padding-right: 12px;
}
.drawer-page-content .drawerImage .drawerTotal .totalsection h3 {
  margin-bottom: 0;
  margin-right: 29px;
}

.drawer-page-content .drawerImage .drawerTotal .totalsection span.totalPrice,
.drawer-page-content .drawerImage .drawerTotal .totalsection h3 {
  font-weight: 400;
  font-size: 32px;
  line-height: 44px;
  color: #35312E;
}

.drawer-page-content .drawerImage .drawerTotal .addToCart a {
  margin-top: 5px;
  display: block;
  background: #35312E;
  border-radius: 5px;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  padding: 14px 20px;
  text-transform: uppercase;
}

.drawer-page-content .drawerImage .drawerTotal .addToCart {
  width: 100%;
}

.drawer-page-content .drawerImage .drawerBundle {
  margin-top: 21px;
}
.drawer-page-content .drawerImage .drawerBundle .fs-canvas__space, .drawerBundle .fs-canvas__space {
  padding: 0 96px 68px !important;
  background:url(/cdn/shop/t/9/assets/drawer_04.png?v=74608833613920309731744980901);
  background-repeat:no-repeat;
  background-position:bottom center;
}

.drawer-page-content .drawerImage .drawerBundle .fs-canvas__space, .drawerBundle .fs-canvas__space

.drawerBundle .fs-canvas__space .horizontal {
  position: absolute;
  /* left: 0px; */
  left: -35px;
  /* left: -60px; */
  top: 57px;
  bottom: 0;
  width: 38px;
  border: 1px solid #000;
  border-right: 0;
  border-left: 0;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.drawerBundle .fs-canvas__space .vertical {
  width: 100%;
  position: relative;
  height: 38px;
  text-align: center;
  border: 1px solid #000000;
  border-top: 0;
  border-bottom: 0;
  margin-bottom: 19px;
  font-weight: 700;
  font-size: 14px;
  line-height: 38px;
  color: #000000;
}
.drawerBundle .fs-canvas__space .horizontal:before {
  content: " ";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: 100%;
  background-color: #000;
  z-index: -1;
  width: 0.5px;
}
.drawerBundle .fs-canvas__space .vertical:before {
  content: " ";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 0.5px;
  background-color: #000;
  z-index: -1;
}
.drawerBundle .fs-canvas__space .horizontal:after,
.drawerBundle .fs-canvas__space .vertical:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #FFFFFF;
  border: 1px solid #35312E;
  border-radius: 2px;
  width: 69px;
  height: 23px;
  z-index: -1;
}
#proDescription {
  font-size: 14px;
  color: #000;
  width: 100%;
  margin: 0;
  max-width: 500px;
}
.selecte-prod-desc-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  margin-top: 16px;
}

.drawerBundle .fs-canvas__canvas {
  margin:auto;
  display: block !important;
  position: relative;
  background-image: linear-gradient(#000000 1px, transparent 1.01px), linear-gradient(90deg, #000000 1px, transparent 1.01px);
  box-shadow: inset 0 0 0 1px #000;
}
.drawerBundle .fs-canvas__canvas:before, .drawerBundle .fs-canvas__canvas:after {
  content:'';
  position:absolute;
  right:100%;
  bottom:-68px;
  width:96px;
  top:0;
  background-image:url(/cdn/shop/t/9/assets/drawer_01.jpg?v=74608833613920309731744980901), url(/cdn/shop/t/9/assets/drawer1.jpg?v=74608833613920309731744980901);
  background-color:white;
  background-repeat:no-repeat, repeat-y;
  background-position:bottom, top;
}
.drawerBundle .fs-canvas__canvas:after {
  left:100%;
  right:auto;
  background-image:url(/cdn/shop/t/9/assets/drawer_03.jpg?v=74608833613920309731744980901), url(/cdn/shop/t/9/assets/drawer2.jpg?v=74608833613920309731744980901);
}
.fsGrid {
    background-size: 7.69231% 7.69231%;
    height: 715px;
    background-color: #E9E9E9 !important;
}
.hide {
  display: none;
}
/*.drawer-page-content .drawerImage .drawerBundle .canvas-wrapper {background:white; box-shadow:-5px 5px 0 0 black;}*/
/*.drawerBundle .canvas-wrapper .connected-sortable:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border: 0;
}/*
.fs-canvas__space {
    position: relative;
}
.canvas-image-wrapper-left, .canvas-image-wrapper-right, .canvas-image-wrapper-bottom {
  width: 60px;
  height: 100%;
  display: block !important;
  position: absolute;
  z-index: -1;
}
.canvas-drawer-wrapper {
  display: block;
  position: absolute;
  width: 100%;
  height: -webkit-fill-available;
}
.canvas-image-wrapper-bottom {
  /* width: 100%;
  bottom: -65px;
  height: auto;
  left: -85px;
  min-width: 112%; */
  width: 100%;
  bottom: -61px;
  height: auto;
  left: -67px;
  min-width: 118%;
}
.canvas-image-wrapper-right {
  right: -40px;
  /* right: 22px; */
}
.canvas-image-wrapper-left {
  left: -40px;
  /* left: -30px; */
  transform: rotateY(-190deg)
}
.canvas-image-wrapper {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: -10px;
  /* object-fit: contain; */
  z-index: -1;
  /* left: -15px; */
  /* left: -60px; */
  /* bottom: -110px; */
  /* bottom: -90px; */
  /* width: 100%; */
  /* z-index: 9; */
}
.drawer-page-content .drawerProduct {
  flex: 0 360px;
  max-width: 360px;
  padding:0 0 0 15px;
}
.variantData {
  /* margin: 40px 0 26px 0; */
  margin: 20px 0 20px 0;
  border: 3px solid #000;
  padding: 5px 16px;
  border-radius: 4px;
}
.drawer-page-content .drawerProduct .sidebar-products {
  width: 100%!important;
  float: none!important;
}

.drawer-page-content .drawerProduct .sidebar-products ul.products {
  display: flex;
  flex-wrap: wrap;
}
.products.connected-sortable.droppable-area2ddd {
  display: flex;
  justify-content: start;
  /* justify-content: space-between; */
  flex-wrap: wrap;
  /* row-gap: 16px;
  column-gap: 8px; */
}
.list-view-item.mineProList span {
  font-size: 14px;
  text-align: center;
  line-height: 1.2em;
  padding-top: 11px;
}
.drawer-parent-wrapper .builtbundle .sidebar-products ul.products li.list-view-item {
  position: relative;
  /* flex: 0 32.3%;
  max-width: 32.3%; */
  flex: 0 48%;
  max-width: 48%;
  background: #FFFFFF;
  margin: -1px -1px 0 0 !important;
  border: 1px solid #929292;
  margin: 5px 5px;
  padding: 0;
  /* min-height: 220px; */
  /* min-height: 253px; */
  min-height: fit-content;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  /* border-radius: 4px; */
}

.drawer-page-content .drawerProduct .sidebar-products ul.products li.list-view-item a {pointer-events:none;}

.drawer-page-content .sidebar-products ul.products li.list-view-item .product-card {
  padding: 17px 17px 7px;
}

.drawer-page-content .sidebar-products ul.products li.list-view-item .product-card .list-view-item__link {
  display: block;
  margin-bottom: 0px;
  table-layout: unset;
  text-align: center;
}

.drawer-page-content .sidebar-products ul.products li.list-view-item .product-card .list-view-item__link .list-view-item__image-column {
  display: block;
  width: 100%;
  max-width: 144px;
  margin: auto;
  max-height: 108px;
}

.drawer-page-content .sidebar-products ul.products li.list-view-item .product-card .list-view-item__link .list-view-item__image-column .list-view-item__image-wrapper {
  margin-right: 0;
}

.drawer-page-content .sidebar-products ul.products li.list-view-item .product-card .list-view-item__link .list-view-item__image-column  img {
  width: 100%;
  max-height: 1;
  object-fit: contain;
  max-block-size: 1;
}

.drawer-page-content .sidebar-products ul.products li.list-view-item .product-card .list-view-item__link>div {
  width: 100%;
  display: block;
} 

.drawer-page-content .sidebar-products ul.products li.list-view-item .product-card .list-view-item__title span.product-card__title {
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  color: #929292;
}

.custom__item--text_QnFrKb h4.h3 {
    font-size: 0 !important;
    background-image:url({{ 'infinity.svg' | asset_url }});
    background-repeat:no-repeat;
    background-size: auto 65%;
    background-position: left bottom;
}
.card {
  display: flex;
  background-color: #3f3ff81a;
  border-radius: 4px;
  padding: 16px 24px 16px 16px;
  max-width: 600px;
  margin: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  margin: 20px 0;
}

.product-card-icon {
  margin-right: 16px;
}

.title {
  font-size: 18px;
  font-weight: 400;
  color: #1f2937;
  margin: 0;
  margin-bottom: 8px;
}

.description {
  font-size: 14px;
  color: #374151;
  margin: 16px 0;
}

.link {
  color: #3F3FF8;
  text-decoration: none;
  font-weight: 500;
  position: relative;
  line-height: 24px;
  font-size: 14px;
}

.link:hover {
  text-decoration: underline;
}

.arrow {
  width: 20px;
  height: 20px;
}
.link svg {
  position: relative;
  top: 6px;
  margin-left: 4px;
}
/* ==================== Featured Collection CSS ============================ */
body.drawer-builder .product-card-style-card .product-card__image-wrapper {
  border-radius: 0;
}
body.drawer-builder .product-card-style-card .product-card__info {
  padding: 16px 0 0 0;
}
body.drawer-builder .product-card-style-card {
  background-color: transparent;
}
/* ==================== Featured Collection CSS End ============================ */
.mobile-screen {
  display: none !important;
}
.desktop-screen {
  /* uncomment to show pairs well section below the editor grid */
  display: block;
  /* display: none; */
}
/* .dimension-input {
    width: 100%;
} */
.dimension-para {
    margin: -2px 0 0 0;
    font-size: 18px;
  margin-bottom: 18px
}
.product-filter-select-wrapper, .search-and-filter, .search-input-with-icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  /* margin: 0 0 10px 0; */
}
.search-input-with-icon {
  width: 100%;
  justify-content: start;
  margin: 0;
}
.search-and-filter {
  position: relative;
  border: 1px solid #111C2D1A;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
  /* justify-content: start; */
}
.product-search-input {
  width: 100%;
  outline: none;
  border: none;
}
.search-input-with-icon input {
    background-color: white;
}
.product-select select {
  padding: 15px;
  border: 1px solid #111C2D1A;
  border-radius: 4px;
  cursor: pointer;

  &:focus {
    outline: none;
  }
}
.product-select select {
  padding: 15px;
  border: 1px solid #111C2D1A;
  border-radius: 4px;
  cursor: pointer;

  &:focus {
    outline: none;
  }
}
.product-select select option {
  cursor: pointer;
}
.product-filter {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 24px;
  border: 1px solid;
  border-radius: 4px;
  color: #000;
  cursor: pointer;
  user-select: none;
}
.product-filter-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 24px;
  border: 1px solid;
  border-radius: 4px;
  color: #000;
  cursor: pointer;
  user-select: none;
}
.product-filter-menu {
  display: none;
  position: absolute;
  right: 0;
  padding: 16px;
  background: #fff;
  box-shadow: 0 2px 6px #0000001A;
  top: 50px;
  z-index: 9;
  width: 100%;
  max-width: 220px;
  border: 1px solid #111C2D1A;
  border-radius: 4px;
}
.product-filter-menu-2 {
  display: none;
  position: absolute;
  right: 0;
  padding: 16px;
  background: #fff;
  box-shadow: 0 2px 6px #0000001A;
  top: 50px;
  z-index: 9;
  width: 100%;
  max-width: 220px;
  border: 1px solid #111C2D1A;
  border-radius: 4px;
}
.product-filter-menu-3 {
  display: none;
  position: absolute;
  right: 0;
  padding: 16px;
  background: #fff;
  box-shadow: 0 2px 6px #0000001A;
  top: 50px;
  z-index: 9;
  width: 100%;
  max-width: 220px;
  border: 1px solid #111C2D1A;
  border-radius: 4px;
}

.filter-tags-checkbox {
  max-height: 280px;
  overflow: auto;
}
.filter-tags-checkbox-2 {
  max-height: 280px;
  overflow: auto;
}
.product-filter-menu p {
  margin: 0 0 5px 0;
  font-weight: 700;
  font-size: 20px;
}
.product-filter-menu-2 p {
  margin: 0 0 5px 0;
  font-weight: 700;
  font-size: 20px;
}
.product-filter-menu-3 p {
  margin: 0 0 5px 0;
  font-weight: 700;
  font-size: 20px;
}
.filter-btn-wrapper {
  padding-top: 10px;
}
.filter-button {
  width: 100%;
  color: #fff;
  padding: 12px;
  font-weight: 600;
  font-size: 18px;
  border-radius: 5px;
  border: 1px solid #3F3FF8;
}
button.filter-apply {
  background: #3F3FF8;
}
.filter-clear {
  color: #3F3FF8;
  margin-top: 10px;
}
.filter-tags-checkbox input:is([type=checkbox],[type=radio]) {
  --active: #3F3FF8;
}
.filter-tags-checkbox-2 input:is([type=checkbox],[type=radio]) {
  --active: #3F3FF8;
}
.checkbox-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 5px;
  cursor: pointer;
}
.product-pagination {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 8px;
  margin-top: 25px;
  user-select: none;
  
}
.product-pagination button {
  display: flex;
  padding: 6px 7px;
  border: 1px solid;
  border-radius: 4px;
  cursor: pointer;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
}
.page-number.active {
  border-color: #3F3FF8;
  color: #3F3FF8;
}
.product-pagination button[disabled] {
  cursor: not-allowed;
}
.product-pagination:not(:has(.page-number)) {
  display: none;
}

/* Teksyo new design */
.drawerLine.drawerSize {
    width: 100%;
    /* max-width: 1530px; */
}

.diemnstion-and-drawerfunctions {
    background-color: #F8F8F8;
    padding: 12px 15px;
      gap: 24px;
}
.dimension-input .dimension-input-area {
    background-color: transparent;
    border: 1px solid #C0C0C0;
    min-height: 40px;
}

.dimension-input .dimension-input-label {
    background-color: #F8F8F8 !important;
}

div#changeDimension {
    background-color: #3F3FF8;
    color: white;
    border: 1px solid #3F3FF8;
    gap: 8px;
    align-items: center;
    width: 100%;
    font-size: 15px;
    max-width: 170px;
    min-height: 40px;
  height:50px;
}
div#changeDimension svg {
    width: 22px;
}
/* div#changeDimension::before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 29.3333H20C26.6667 29.3333 29.3334 26.6667 29.3334 20V12C29.3334 5.33332 26.6667 2.66666 20 2.66666H12C5.33335 2.66666 2.66669 5.33332 2.66669 12V20C2.66669 26.6667 5.33335 29.3333 12 29.3333Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 8L8 24' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 13.3333V8H18.6667' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 18.6667V24H13.3333' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
} */
.my-btns-c {
    background-color: white;
    max-width: 94px;
    min-height: 50px;
    height: 50px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    flex-direction: row !important;
}

button.btn.btn--primary.get-dimensions.get-item-info.my-btns-c {
    display: flex;
    flex-direction: column;
    color: black;
    padding: 0;
    border: 1px solid #000000;
}

button.btn.btn--primary.get-dimensions.get-item-info.my-btns-c span {
    display: flex;
    flex-direction: column;
}
.my-btns-c .img-sct {
    width: 28px;
    height: 22px;
    object-fit: contain !important;
}
input#searchTagInput {
    padding-right: 21px;
}

button.btn.btn--primary.get-dimensions.get-item-info.my-btns-c .optionImage {
    height: 25px;
}

button.btn.btn--primary.get-dimensions.get-item-info.my-btns-c .optionTitle span {
      font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 14px;
    font-weight: 400 !important;
}
button.btn.btn--primary.get-dimensions.get-item-info.my-btns-c svg.img-sct {
    width: 22px;
}

.my-btns-c .img-sct {
    width: 35px;
    height: 22px;
    object-fit: contain !important;
}

button.btn.btn--primary.get-dimensions.get-item-info.my-btns-c .optionImage {
    height: 25px;
}

button.btn.btn--primary.get-dimensions.get-item-info.my-btns-c:hover:before {
    content: none !important;
    background-color: transparent !important;
    
}
button.btn.btn--primary.get-dimensions.get-item-info.my-btns-c:hover:after {
    background-color: white !important;
}

button.btn.btn--primary.get-dimensions.get-item-info.my-btns-c:hover {
    color: black;
}

button.btn.btn--primary.get-dimensions.get-item-info.my-btns-c:before {
    content: none;
}

button.btn.btn--primary.get-dimensions.get-item-info.my-btns-c:after {
    content: none;
}

button.btn.btn--primary.get-dimensions.get-item-info.my-btns-c {
    background-color: white !important;
}

input.dimension-input-area:focus {
    color: #3F3FF8;
    border-color: #3F3FF8;
}
.addCartMb {
    margin-left: auto;
}

.addCartMb .drawerLine.drawerTotal {
    display: flex;
}

.drawerLine.drawerFunctions {
    align-items: center;
}

did.totalsection span {
    font-size: 25px !important;
    color: #35312E
}


did.totalsection {
    margin-right: 18px;
}
.addToCart.mu-ads button {
    min-width: 170px;
    min-height: 50px !important;
    font-size: 18px !important;
}


div#changeDimension .optionTitle {
    display: flex;
    gap: 6px;
    align-items: center;
}

.my-selected-opt {
    background-color: white;
    border: 1px solid #111C2D1A !important;
    margin: 0;
    min-height: 49px;
    height: 100%;
    max-width: 200px;
    width: 100%;
    border-radius: 4px !important;
}

.my-selected-opt select {
    border: 0;
    width: 100%;
}

.builtbundle {
    /* max-width: 1530px; */
    width: 100%;
}

.drawerOptions.drawer-build-custom-image {
    width: 100%;
    /* max-width: 1530px; */
}

.product-filter-select-wrapper {
    background-color: #f8f8f8;
    padding-inline: 15px;
    border-radius: 4px;
    flex-wrap: wrap;
    /* gap: 16px; */
}

.search-and-filter.search-and-filter-2 {
    max-width: 320px;
    background-color: white;
    width: 100%;
    flex-shrink: 0;
}


.my-sem-dbs {
    display: flex;
    gap: 20px;
    width: max-content;
    flex-grow: 1;
  flex-wrap: wrap;
}

.search-and-filter.search-and-filter-2 {}

.variantData {
    display: flex;
    align-items: center;
    gap: 36px;
    border: 0;
  flex-wrap:wrap;
  margin: 0;
}
div#builder-products {
    margin-top: 2rem;
}


.variantData .colorsName {
    font-size: 17px !important;
    color: #545454 !important;
}

.colorsOption span {
    width: 28px;
    height: 28px;
    border-radius: 3px;
    border: 0;
}
.colorsOption span.active:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    width: 32px;
    height: 32px;
    border: 3px solid #000;
    border-radius: 4px;
}

.builtbundle {
    /* max-width: 1530px; */
    width: 100%;
}

.drawerOptions.drawer-build-custom-image {
    width: 100%;
    /* max-width: 1530px; */
}

.product-filter-select-wrapper {
    background-color: #f8f8f8;
    padding-inline: 15px;
    border-radius: 4px;
    flex-wrap: wrap;
    /* gap: 16px; */
    padding-block: 12px;
}

.search-and-filter.search-and-filter-2 {
    max-width: 200px;
    background-color: white;
    width: 100%;
    flex-shrink: 0;
}


.my-sem-dbs {
    display: flex;
    gap: 24px;
    width: max-content;
    flex-grow: 1;
}

.search-and-filter.search-and-filter-2 {}

.variantData {
    display: flex;
    align-items: center;
    gap: 36px;
    border: 0;
}

.variantData div {
    margin: 0;
    line-height:0;
}

.variantData .colorsName {
    font-size: 17px !important;
    color: #545454 !important;
}

.colorsOption span {
    width: 28px;
    height: 28px;
    border-radius: 3px;
    border: 0;
}
.my-selected-opt {
}


.product-select.my-selected-opt, .search-and-filter.my-selected-opt {
    position: relative;
}

/* .product-select.my-selected-opt:before, .search-and-filter.my-selected-opt:before {
     content: '';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 17px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  background-image: url("data:image/svg+xml;utf8,<svg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.5 9.25L0 0.75H17L8.5 9.25Z' fill='%23D9D9D9'/></svg>");

} */
input:is([type=checkbox],[type=radio]):checked {
  --active: #3F3FF8
}
div#prd-1 svg {
    /* display: none; */
    cursor: pointer;
}

div#prd-1, input {cursor: pointer;}


.product-select.my-selected-opt select::-ms-expand {
    display: none;
}

select#productOptionsTagselect::-ms-expand {
    display: none;
}

select#productOptionsTag {
    appearance: none;
}

.colorsOption span:before {
    content: '';
    position: absolute;
    top: -4px !important;
    left: -4px !important;
    width: 36px !important;
    height: 36px !important;
    border: 2px solid #000 !important;
    border-radius: 4px !important;
}

p.info-dragger {
    margin: 0;
    margin-block: 15px 12px;
    font-size: 14px;
    color: white;
    background-color: black;
    padding: 0 8px;
    width: fit-content;
    border: 5px;
    display: flex;
    gap: 8px;
    border-radius: 2px;
    align-items: center;
    margin-left: 38px;
}

p.info-dragger svg {width: 7.5px;height: 7.5px;cursor: pointer;}
div#prd-3 {
    max-width: 100%;
    border: 0 !important;
    border-radius: 0;
}

@media (max-width: 1435px) {
  did.totalsection span {
    font-size: 27px !important;
    color: #35312E;
}
  did.totalsection {
    margin-right: 0px;
}
  div#changeDimension {
    font-size: 15px;
    max-width: 196px;
    gap: 1px;
}
  .diemnstion-and-drawerfunctions {
    gap: 12px;
}
  .dimension-input {
    gap: 12px;
}
}
/* new design end  */




@media (max-width: 1399px) {
  /* .dimension-input {
    width: 100% !important;
  } */
  .drawerLine.drawerFunctions {
    justify-content: space-between;
  }
  did.totalsection span {
    font-size: 25px !important;
    color: #35312E;
}
  .my-btns-c {
    width: 75px !important;
}
    .product-filter-select-wrapper {
    padding-block: 18px;
  }
  .my-sem-dbs {
    gap: 15px
  }
}

@media (max-width: 1280px) {
  .my-btns-c {
    flex-shrink: 0;
    width: 75px !important;
}
  .my-btns-c .img-sct {
    width: 22px;
    height: 24px;
    object-fit: contain !important;
}
  .my-sem-dbs {
  padding-block: 0px
}
  
  
}

@media (max-width: 1250px) and (min-width: 1152px) {
  .drawerBundle {
    /*width: 85%;*/
  }
  .grid-wrapper {
    /* display: flex; */
    justify-content: center;
  }
  .grid-wrapper {
    /*width: 65%;*/
  }
}

@media (max-width: 1025px) {

.diemnstion-and-drawerfunctions {
    flex-wrap: wrap;
}

.dimension-input {
    width: 100%;
}

.drawerValue {
    width: 50%;
}
p.info-dragger svg {
    width: 15.5px;
    height: 15.5px;
}
  div#changeDimension .optionTitle svg {
    flex-shrink: 0;
    width: 25px;
}
}
@media (max-width: 825px) {
  .my-btns-c {
    flex-shrink: 0;
    width: 81px !important;
}
  .drawerLine.drawerFunctions {
    /* flex-direction: column; */
    flex-wrap: wrap;
}

div#changeDimension {
    max-width: 100%;
    width: 100%;
    flex-wrap: wrap;
  min-height: 45px;
  height: 45px
}

.addCartMb {
    width: 100% !important;
    max-width: 100%;
}

.addCartMb .drawerLine.drawerTotal {
    justify-content: space-between;
}
  p.info-dragger {
    margin-left: 0
  }
  div#shideButton, .get-dimensions.get-item-info.my-btns-c, .option.clear.my-btns-c {
    width: 100% !important;
    max-width: 100%;
    flex: 1 1 0;
    min-height: 45px;
    height: 45px !important;
    gap: 0.6rem;
}
  .dimension-heading {font-size: 24px;}
  .dimension-para {font-size:16px;}

  .addCartMb div {
    flex-direction: column-reverse;
}

.addToCart.mu-ads button {
    min-height: 45px !important;
}

.dimension-input .dimension-input-area {
    min-height: 45px;
    height: 45px;
}
  did.totalsection span {
    font-size: 22px;
  }
  .my-sem-dbs > div:nth-of-type(-n+2) {
  /* your styles here */
  max-width: 100%;
  /* margin: auto; */
  width: 48%;
}


.my-sem-dbs {
    gap: 7px;
  justify-content: space-between;
}

.search-and-filter.search-and-filter-2 {
    max-width: 100%;
}


.variantData {
    margin: 0;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 7px;
    align-items: center;
    padding: 0;
    justify-content: space-between;
    width: 100%;
}
  
.colorsOption span {
    width: 18px;
    height: 18px;
}

.colorsOption span:before {
    width: 26px !important;
    height: 26px !important;
    border-width: 1px !important;
}

  div#productOptionsTagWrapper {
    height: 45px;
}

div#productOptionsTagWrapper .dropdown-label {padding-block: 19px;}

/* .custom-dropdown .dropdown-options {
    top: 65px !important;
} */

div#prd-1 {
    margin: 0;
    height: 45px;
}

.search-input-with-icon {
    height: 100%;
}

/* .product-filter-menu.product-filter-size-selector {
    top: 65px;
} */

.search-and-filter.search-and-filter-2 {
    height: 45px;
}

/* .product-filter-menu-2 {
    top: 65px;
} */
.colorsOption span {
  margin-right: 7px;
}
  .variantData .colorsName {
    font-size: 15px !important;
    color: #545454 !important;
}
  button.addToCartBTN.product-form__submit.btn.btn--primary {
    font-size: 15px !important;
}
  .addToCart.mu-ads button {
    padding: 22px !important;
}
  .variantData .labelData span {
    font-size: 14px !important;
}

  .addCartMb.my-cd-card-2 {
      width: 100vw !important;
      max-width: 100vw;
      margin-left: -1.5rem;
      margin-bottom: 1rem;
  }
  
  .addCartMb.my-cd-card-2 button.addToCartBTN.product-form__submit.btn.btn--primary {
      border-radius: 0;
  }
}

.my-cd-card-2 { display: none}
.my-cd-card-1 { display: block}

@media (max-width: 640px) {
  .my-cd-card-2 { display: block}
  .my-cd-card-1 { display: none}
  .drawerLine.drawerFunctions > div:last-child {
    width: 100%;
  }
  .drawer-parent-wrapper .builtbundle .sidebar-products ul.products li.list-view-item {
    flex: 0 33.333% !important;
    max-width: 33.333% !important;
  }
  .drawerLine.drawerFunctions {
    flex-wrap: wrap;
  }
  .drawer-page-content .drawerImage .drawerBundle .fs-canvas__space, .drawerBundle .fs-canvas__space {
    /* padding: 0 12px 0 60px !important; */
    padding: 0 12px 0 12px !important;
  }
  .canvas-image-wrapper-bottom {
    bottom: -23px !important;
    left: -21px !important;
    min-width: 113% !important;
    /* left: -25px !important;
    min-width: 114% !important; */
  }
  .canvas-image-wrapper-left, .canvas-image-wrapper-right {
    width: 30px;
  } 
  .canvas-image-wrapper-left {
    /* left: -20px !important; */
    /* left: -14px !important; */
    /* left: -10px !important; */
    left: -9px !important;
  }
  .canvas-image-wrapper-right {
    /* right: -5px !important; */
    right: -10px !important;
  }
  .drawerBundle .fs-canvas__space .horizontal, .drawerBundle .fs-canvas__space .vertical {
    font-size: 10px;
    /* width: 28px; */
  }
  .drawerLine.drawerFunctions {
    width: 100%;
    justify-content: space-between;
  }
  .drawerBundle .fs-canvas__space .horizontal {
    left: 0;
  }
  body.drawer-builder .main-content {
    /* padding: 44px 16px; */
    padding: 44px 10px;
  }
  body.drawer-builder .shopify-section:has(.section--featured-collection) {
    padding-inline: 0;
  }
  .selectedProInfoInr {
    flex-wrap: wrap;
  }
  #selectedProductImage {
    width: 100px;
  }
  .selecte-prod-link, .selectedProductDimensions {
    font-size: 16px;
  }
  #proDescription p {
    line-height: 1.3em;
  }
  .selectedProductBlocks {
    margin-top: 10px;
  }
  .canvas-image-wrapper {
    bottom: -35px;
    left: 40px;
  }
  .fsGrid {
    height: 300px;
  }
  .drawerBundle .fs-canvas__space .horizontal:after,
  .drawerBundle .fs-canvas__space .vertical:after, .drawerBundle .fs-canvas__space .vertical:after {
    /* width: 42px; */
    width: 52px;
    /* width: 55px; */
    font-size: 12px;
  }
  .selectedProInfo {
    margin-top: 70px;
    /* margin-bottom: 70px; */
  }
  /* .grid-wrapper {
    flex-direction: column-reverse !important;
  } */
  p.info-dragger {
    font-size: 12px;
  }
  p.info-dragger svg {
    width: 9.5px;
    height: 9.5px;
}
}
.confirmation-message .confirm-btn {
    background: black;
    color: #fff;
    border-radius: 6px;
    height: fit-content;
    padding: 6px 24px;
}
.confirmation-message .cancel-btn {
  padding: 0;
  margin-left: 20px;
  border: 0;
}
@media (max-width:375px) {
  .canvas-image-wrapper-right {
    right: -9px !important;
  }
  .canvas-image-wrapper-bottom {
    left: -20px !important;
    min-width: 112% !important;
  }
  .canvas-image-wrapper-left, .canvas-image-wrapper-right {
    width: 10px !important;
  }
}
@media (max-width:625px) and (min-width:320px) {
  .drawer-parent-wrapper .builtbundle .sidebar-products ul.products li.list-view-item {
    min-height: unset;
    /* aspect-ratio: 7/8; */
  }
}
@media (max-width:425px) and (min-width:376px) {
  .canvas-image-wrapper-left, .canvas-image-wrapper-right {
    width: 10px !important;
  }
  .canvas-image-wrapper-right {
    /* right: -10px !important; */
    right: -10px !important;
  }
  .canvas-image-wrapper-bottom {
    /* left: -21px !important;
    min-width: 109% !important; */
    left: -21px !important;
    min-width: 113% !important;
    z-index: -1;
  }
}
@media (min-width: 1152px) {
  .drawerLine.drawerFunctions {
    width: 100%;
    flex-wrap: nowrap;
  }
  .drawerLine.drawerFunctions > div {
    width: 100%;
  }
}
@media (max-width: 1000px) {
  .grid-wrapper {
    width: 672px;
    text-align:center;
  }
  .drawer-page-content .drawerImage .drawerBundle .fs-canvas__space, .drawerBundle .fs-canvas__space {
    padding: 0 67.2px 48.3px !important;
    background-size: auto 48.3px;
  }
  .drawerBundle .fs-canvas__canvas:before, .drawerBundle .fs-canvas__canvas:after {
    width: 67.2px;
    bottom: -48.3px;
    background-size:67.2px auto;
  }
  
  p.info-dragger {
    margin-left:31px;
  }

  .dimension-wrapper {
    margin-bottom:10px;
  }

}

@media (max-width: 600px) {
  .grid-wrapper {
    width: 480px;
  }
  .drawer-page-content .drawerImage .drawerBundle .fs-canvas__space, .drawerBundle .fs-canvas__space {
    padding: 0 48.0px  34.5px !important;
    background-size: auto 34.5px;
  }
  .drawerBundle .fs-canvas__canvas:before, .drawerBundle .fs-canvas__canvas:after {
    width: 48.0px;
    bottom: -34.5px;
    background-size:48.0px auto;
  }
  p.info-dragger {
    margin-left:20px;
  }
}

@media (max-width: 480px) {
  .grid-wrapper {
    width: 384px;
  }
  .drawer-page-content .drawerImage .drawerBundle .fs-canvas__space, .drawerBundle .fs-canvas__space {
    padding: 0 38.4px 20.7px !important;
    background-size: auto 27.7px;
  }
  .drawerBundle .fs-canvas__canvas:before, .drawerBundle .fs-canvas__canvas:after {
    width: 38.4px;
    bottom: -20.7px;
    background-size:38.4px auto;
  }

  p.info-dragger {
    margin-left:13px;
  }
}

@media (max-width: 1152px) {
  .drawer-parent-wrapper .builtbundle .sidebar-products ul.products li.list-view-item {
    flex: 48%;
    max-width: 48%;
  }
  .dimension-heading {
    font-size: 28px;
  }
  .drawerOptions.drawer-build-custom-image {
    width: 100%;
    padding: 0;
  }
  .drawer-parent-wrapper {
    flex-direction: column;
  }
  .mobile-screen {
    display: block !important;
  }
  .desktop-screen {
    display: none !important;
  }
  .drawerOptions.drawer-build-custom-image {
    margin-top: 20px;
  }
}
.drawer-parent-wrapper .builtbundle .sidebar-products ul.products li.list-view-item {
  /* flex: 0 33.333%;
  max-width: 33.333%; */
  flex: 0 20%;
  max-width: 20%;
}
@media (min-width:1250px) {
  /* .dimension-input {
    gap: 10px;
  } */
  .drawerLine.drawerFunctions {
    flex-wrap: nowrap;
  }
  .dimension-heading {
    font-size: 45px;
    font-weight: 700;
  }
  /* .dimension-input {
    width: 50%;
  } */
}
@media (max-width:1024px) and (min-width:781px) {
  .custom__item--text_QnFrKb h4.h3 {
    background-size:100% auto;
    background-position:left center;
   }
}
@media (max-width:780px){
    .diemnstion-and-drawerfunctions {
      flex-wrap: wrap;
    }
  .custom__item--text_QnFrKb h4.h3 {
    background-size:70px auto;
    background-position:left center;
    flex:0 0 82px;
   }
}
@media (max-width:1280px) {
  .canvas-image-wrapper-bottom {
    bottom: -45px;
    left: -55px;
    min-width: 119%;
  }
  .canvas-image-wrapper-right {
    right: -30px
  }
  .canvas-image-wrapper-left {
    left: -35px;
  }
  div#changeDimension svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}
}
#shopify-section-custom_content_jEiF49 .page-width {
      margin-bottom:0 !important;
}

.shipingMarquee {
  display: flex;
  justify-content: space-between;
  align-items: center;
  animation: shipingMarquee 10s linear infinite;
  animation-duration: 50s;
}
.shipingMarquee img {
  padding-right: 30px;
}

@keyframes shipingMarquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}


.drawer-page-content .drawerProduct .sidebar-products ul.products {max-height:840px;overflow:auto;}

@media only screen and (max-width: 1535px) {
  body.drawer-builder .main-content {
    padding-inline: 3.7rem;
    padding-block: 50px;
  }
}

@media only screen and (max-width: 1500px) {
 
  .drawer-page-content .drawerImage {
    padding: 0 15px;
    margin:auto;
  }
  .drawer-page-content .drawerProduct {
    max-width: 980px;
    width: 980px;
    flex:0 0 980px;
    margin: auto;
    padding: 50px 0 0 !important;
  }
  .drawer-page-content .drawerProduct .sidebar-products ul.products li.list-view-item {
    flex: 0 180px;
    background: #fff;
    max-width: 180px;
  }
  .drawer-page-content .drawerImage .drawerFunctions .option .optionTitle {
    font-size: 15px;
    line-height: 20px;
  }
  .drawer-page-content .drawerImage .drawerTotal .addToCart {
    width: 100%;
    max-width: 209px;
  }
    .drawer-page-content .drawerImage .drawerBundle .fs-canvas__space .vertical {
      
      left: -12px;
          font-size: 17px;
  }
    .drawer-page-content .drawerImage .drawerBundle .fs-canvas__space .horizontal:after, .drawer-page-content .drawerImage .drawerBundle .fs-canvas__space .vertical:after {
      width: 57px;
      
  }
    /* .selectedProInfo {
      margin-left: 60px;
  } */
    .drawer-page-content .drawerImage .drawerTotal .totalsection span.totalPrice, .drawer-page-content .drawerImage .drawerTotal .totalsection h3 {
      font-size: 27px;
      line-height: 40px;
      
  }
}
@media only screen and (max-width: 1280px) { 
    body.drawer-builder .main-content {
      padding-inline: 1.5rem;
      padding-block: 30px;
    }
}
@media only screen and (max-width: 1000px) {
  .drawer-page-content .drawerImage .shopify-section {
      width: 660px;
  }

  .drawer-page-content .drawerProduct {
      max-width: 660px;
      width: 660px;
  }

  .drawer-page-content .drawerProduct .sidebar-products ul.products li.list-view-item {
    flex: 0 120px;
    background: #fff;
    max-width: 120px;
  }

  #shopify-section-drawerImage .drawerLength label, #shopify-section-drawerImage .drawerWidth label {
    font-size: 15px !important;
  }

  .drawer-page-content .drawerImage .drawerOptions .drawerSize .drawerValue label, .drawer-page-content .drawerImage .drawerOptions .drawerSize .drawerValue span {
    font-size:13px;
  }

  .drawer-page-content .drawerImage .drawerOptions .drawerSize .drawerValue input {width:80px;}

  .drawer-page-content .drawerImage .drawerTotal .totalsection span.totalPrice, .drawer-page-content .drawerImage .drawerTotal .totalsection h3 {font-size:22px;}

  .drawer-page-content .drawerImage .drawerTotal .addToCart a {font-size:16px;}

  .canvas-hoverd-item-btn-rotate, .canvas-hoverd-item-btn-remove {position:static;margin: 20px 0.5% 0;width: 49%;max-width:300px;}
  .canvas-hoverd-item-btn-rotate span, .canvas-hoverd-item-btn-remove span {display:block !important;font-size:14px;font-weight:400;font-family: var(--font-body-family);}
}

@media only screen and (max-width: 700px) {
  .drawer-page-content .drawerImage .shopify-section {
      width: 100%;
  }

  .drawer-page-content .drawerProduct {
      max-width: 100%;
      width: 100%;
  }

  .drawer-page-content .drawerImage .drawerBundle .fs-canvas__space .vertical:after {
    transform: rotate(90deg) translate(-50%, -50%);
        transform-origin: left;
        margin: -10px;
  }

  .drawer-page-content .drawerImage .drawerBundle .fs-canvas__space .vertical .vertValue {
    transform: rotate(90deg);
    transform-origin: center;
  }

  .drawer-page-content .drawerImage .drawerBundle .fs-canvas__space {padding:0 0 0 25px!important;}

  .drawer-page-content .drawerImage {padding:0;}
  .drawer-page-content .drawerImage .drawerTotal .totalsection h3 {margin-right:5px;}
  .drawer-page-content .drawerImage .drawerOptions .drawerLine {margin-top:0 !important;}
  .drawer-page-content .drawerImage .drawerTotal .addToCart a {padding-left:5px;padding-right:5px;}

  .drawer-page-content .drawerImage .drawerOptions {margin:0 -30px; border-radius:0;}
  .drawer-page-content .drawerImage .drawerFunctions .option {margin-top:10px;}

  .drawer-page-content .drawerProduct{margin-top:0 !important;}
    .drawer-page-content .drawerProduct .sidebar-products ul.products li.list-view-item {width:33.33%; flex:0 0 33.33%;}
  .canvas-hoverd-item-btn-rotate, .canvas-hoverd-item-btn-remove {
      top: -35px;
    }

}

@media only screen and (max-width:480px){
  #shopify-section-header .announcement-bar__message {font-size:14px !important;}

  .shipingMarquee {animation-duration:10s;}
  .shipingMarquee .img-main-sec:nth-child(3n+1) {
      height: 32px;
  }
  
  .shipingMarquee .img-main-sec:nth-child(3n+2) {height: 43px;}
  
  .shipingMarquee .img-main-sec:nth-child(3n+3) {height: 38px;}
}


/* ========================= ====================== */
.share-btns-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.share-btns-container .get-dimensions.get-item-info {
    padding: 0;
    background: transparent;
    border: 0;
    outline: none;
    color: #3f3ff8;
    text-decoration: underline;
    padding-inline: 10px;
    font-size: 15px;
    height: fit-content;
    margin-top: 11px;
}

p.copied-to-clipboard {
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid #e7e8ea;
    padding: 10px 16px 10px 15px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px -4px #0000005c;
    background-color: #000000;
    color: #ffffff;
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    position: fixed;
    top: 114px;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease-in-out;
    font-weight: 400;
    z-index: 9;
    width: fit-content;
}
p.copied-to-clipboard.active {
    opacity: 1;
    visibility: visible;
    top: calc(114px + 8px )
}
p.copied-to-clipboard svg {
    width: 23px;
    height: 23px;
    color: #ffffff;
    margin-top: 0px;
}

.custom-dropdown .dropdown-options {
  display: none;
  position: absolute;
  width: 100%;
  background: white;
  border: 1px solid #ccc;
  max-height: 200px;
  overflow-y: auto;
  z-index: 10;
  display: none;
  position: absolute;
  right: 0;
  padding: 16px;
  background: #fff;
  box-shadow: 0 2px 6px #0000001A;
  top: 50px;
  z-index: 9;
  width: 100%;
  max-width: 220px;
  border: 1px solid #111C2D1A;
  border-radius: 4px;
}
.custom-dropdown.open .dropdown-options {
  display: block;
}
.custom-dropdown .dropdown-options li {
  display: flex ;
    align-items: center;
    gap: 6px;
    margin-bottom: 5px;
    cursor: pointer;
}


div#productOptionsTagWrapper {
    display: flex;
    align-items: center;
}

div#productOptionsTagWrapper .dropdown-label {height: fit-content;font-size: 14px;color: #838383; cursor: pointer;padding: 10px;padding-top: 13px;width: 100%;}

label.checkbox-wrapper.filter-apply {
    font-size: 14px;
    line-height: 1.1;
}


@media (max-width:768px){
  li.list-view-item.active:before {display:none !important;}
}

/* Drawer Builder: force square color swatches to 23x23px on all breakpoints */
body.drawer-builder .colorsOption span {
  width: 22px !important;
  height: 22px !important;
  border-radius: 3px !important;
}
/* Hide ring for non-selected swatches */
body.drawer-builder .colorsOption span:not(.active):before {
  display: none !important;
}
/* Selected ring: add gap by increasing to 30x30 */
body.drawer-builder .colorsOption span.active:before {
  width: 30px !important;
  height: 30px !important;
  border-width: 2px !important;
  border-radius: 4px !important;
  top: -4px !important;
  left: -4px !important;
}

/* Drawer Builder swatch alignment with global rules */
body.drawer-builder .colorsOption span { width: 20px !important; height: 20px !important; border-radius: 3px !important; }
body.drawer-builder .colorsOption span:before { display: none !important; }
body.drawer-builder .colorsOption span.active { outline: 2px solid #000 !important; outline-offset: 2px !important; }

/* Drawer Builder product grid → collections-like */
#builder-products ul.products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
@media (min-width: 768px) { #builder-products ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1024px) { #builder-products ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* Card */
.db-card { display: flex; flex-direction: column; gap: 10px; }
.db-card__image { display: block; border-radius: 8px; overflow: hidden; background: #f6f6f6; }
.db-card__img { width: 100%; height: auto; aspect-ratio: 1/1; object-fit: contain; object-position: center; display: block; }
/* Ensure hidden state collapses image properly */
.db-card__img.hide { display: none !important; }

/* ===== Drawer Builder grid + card hard overrides ===== */
body.drawer-builder .drawer-page-content .drawerProduct .sidebar-products ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 240px)) !important;
  gap: 16px !important;
  justify-content: start !important;
}

/* Neutralize legacy flex widths and reversed column on tiles */
body.drawer-builder .drawer-page-content .drawerProduct .sidebar-products ul.products li.list-view-item {
  flex: initial !important;
  max-width: initial !important;
  width: auto !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* Square image wrapper and layered images */
.db-card__image {
  position: relative;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  background: #f6f6f6;
}
.db-card__image::before { content: ""; display: block; padding-top: 100%; }
.db-card__image .db-card__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.db-card__info { display: grid; gap: 6px; }
.db-card__title.h6 { margin: 0; }

/* Ensure breakpoints do not re-clamp tile widths in Drawer Builder */
@media (max-width: 1535px), (max-width: 1280px), (max-width: 1000px), (max-width: 640px) {
  body.drawer-builder .drawer-page-content .drawerProduct .sidebar-products ul.products li.list-view-item {
    flex: initial !important;
    max-width: initial !important;
    width: auto !important;
  }
}

/* ===== Strong, ID-based overrides to match actual DOM (#builder-products > #product-show) ===== */
body.drawer-builder #builder-products.sidebar-products { width: 100% !important; max-width: none !important; }
body.drawer-builder #builder-products.sidebar-products ul#product-show.products { 
  display: grid !important; 
  grid-template-columns: repeat(auto-fill, minmax(240px, 240px)) !important; 
  gap: 16px !important; 
  justify-content: start !important;
}
body.drawer-builder #builder-products.sidebar-products ul#product-show.products > li.list-view-item { 
  flex: none !important; 
  width: auto !important; 
  max-width: none !important; 
  min-width: 0 !important; 
}

/* As a catch‑all, trump legacy flex rule bound to the class trio */
body.drawer-builder .products.connected-sortable.droppable-area2ddd { 
  display: grid !important; 
  grid-template-columns: repeat(auto-fill, minmax(240px, 240px)) !important; 
  gap: 16px !important; 
  justify-content: start !important;
}

/* Info: inherit theme product fonts; .h6 applies theme typography */
.db-card__info { display: grid; gap: 6px; }
.db-card__title.h6 { margin: 0; }
.db-card__meta { display: flex; align-items: center; justify-content: space-between; font-size: 0.9rem; }
.db-card__price { font-weight: 600; }