.ff-secfields .ff-item-noprd.ff-full-width { grid-column:1/-1; }
@media (max-width: 650px) {
  .ff-secfields .ff-item-noprd.ff-text,
  .ff-secfields .ff-item-noprd.ff-list,
  .ff-secfields .ff-item-noprd.ff-date,
  .ff-secfields .ff-item-noprd.ff-file{ grid-column:1/-1; }
}

.ff-layout-2column .ff-secfields { display:grid; grid-template-columns: repeat(auto-fill, minmax(min(30vw,180px), 1fr)); grid-auto-flow:row; column-gap:20px; width:calc(100% - 8px); margin-top:0px; }
@media (max-width: 768px) {
  .ff-layout-2column .ff-item.ff-item-prd{ 
    display:grid; grid-template-columns:80% 20%; grid-template-rows:min(39vw,230px) 10px fit-content(16px) fit-content(32px) auto; 
    column-gap:8px; grid-template-areas:'image image' '. .' 'name cart' 'desc cart' 'detail detail';
  }
}
@media (min-width: 768px) {
  .ff-layout-2column .ff-item.ff-item-prd{ 
    display:grid; grid-template-columns:80% 20%; grid-template-rows:min(38vw,220px) 10px fit-content(16px) fit-content(32px) auto; 
    column-gap:8px; grid-template-areas:'image image' '. .' 'name cart' 'desc cart' 'detail detail';
  }
}
.ff-layout-2column .ff-item.ff-item-prd .ff-title-image { grid-area:image; cursor:pointer; object-fit:cover; width:100%; height:100%; padding-bottom:0px; }
.ff-layout-2column .ff-item.ff-item-prd label { font-size:var(--ff-font-size-1); grid-area:name; word-break:break-word; cursor:pointer; }
.ff-layout-2column .ff-item.ff-item-prd .ff-help { grid-area:desc; word-break:break-word; cursor:pointer; }
.ff-layout-2column .ff-item.ff-item-prd .ff-price{ font-size:var(--ff-font-size-1); font-weight:600; color:var(--ff-font-color); }
.ff-layout-2column .ff-item.ff-item-prd .ff-price s{ color:#dc3545; }
.ff-layout-2column .ff-item.ff-item-prd .ff-detail{ 
  grid-area:detail; word-break:break-word; cursor:pointer; 
	margin-top:0; margin-bottom:var(--ff-size-3);
}
.ff-layout-2column .ff-item.ff-item-prd .ff-detail p{ font-size:var(--ff-font-small); color:var(--ff-font-color); margin-top:0; margin-bottom:0; }
.ff-layout-2column .ff-item.ff-item-prd .ff-widget-control{ display:none; }
.ff-layout-2column .ff-item.ff-item-prd.ff-hide{ display:none; }
.ff-layout-2column .ff-item.ff-item-prd .ff-add-cart{ display:block; grid-area:cart; place-self:start end; cursor:pointer; }
.ff-layout-2column .ff-item.ff-item-prd .ff-add-cart span{ border:1.5px solid var(--ff-font-color); border-radius:3px; padding:6px; }
.ff-layout-2column .ff-item.ff-item-prd .ff-sel-cart{ display:block; position:relative; grid-area:image; cursor:pointer; color:#fff; background-color:rgb(0,0,0,.4); }
.ff-layout-2column .ff-item.ff-item-prd .ff-sel-cart .ff-sel-cart-sm{ position:absolute; left:10px; bottom:10px; }



.ff-layout-1column { max-width: 800px; }
.ff-layout-1column .ff-secfields { 
   display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-auto-flow: row; column-gap: 25px; margin-top:0px;
}
.ff-layout-1column .ff-item.ff-item-prd{ 
  display: grid; grid-template-columns: 60px 1fr 50px; grid-template-rows: 33px 27px;
  grid-auto-flow: row; column-gap: 25px; grid-template-areas: 'image name cart' 'image desc cart';
  border:0.5px dotted var(--ff-font-color); border-radius: 3px; padding-bottom:0px; margin-bottom:18px;
}
.ff-layout-1column .ff-secfields .ff-item.ff-item-noprd{ grid-column:1/-1; }
.ff-layout-1column .ff-item.ff-item-prd .ff-title-image { grid-area:image; cursor:pointer; object-fit:cover; width:100%; height:100%; padding-bottom:0px; }
.ff-layout-1column .ff-item.ff-item-prd label { grid-area:name; overflow:hidden; -webkit-line-clamp:1; padding-top:8px; cursor:pointer; }
.ff-layout-1column .ff-item.ff-item-prd .ff-help { grid-area:desc; overflow:hidden; -webkit-line-clamp:3; padding-top:4px; cursor:pointer; }
.ff-layout-1column .ff-item.ff-item-prd .ff-price { font-size:var(--ff-font-size-1); font-weight:600; color:var(--ff-font-color); }
.ff-layout-1column .ff-item.ff-item-prd .ff-price s{ color:#dc3545; }
.ff-layout-1column .ff-item.ff-item-prd .ff-detail { display:none; }
.ff-layout-1column .ff-item.ff-item-prd .ff-widget-control{ display:none; }
.ff-layout-1column .ff-item.ff-item-prd.ff-hide{ display:none; }
.ff-layout-1column .ff-item.ff-item-prd .ff-add-cart{ display:block; grid-area:cart; place-self:center center; cursor:pointer; }
.ff-layout-1column .ff-item.ff-item-prd .ff-add-cart span{ padding:6px; }
.ff-layout-1column .ff-item.ff-item-prd .ff-sel-cart{ display:block; position:relative; grid-area:image; cursor:pointer; color:#fff; background-color:rgb(0,0,0,.4); }
.ff-layout-1column .ff-item.ff-item-prd .ff-sel-cart .ff-sel-cart-sm{ position:absolute; left:0px; right:0px; bottom:2px; text-align:center; font-size:var(--ff-font-size-00); }
.ff-layout-1column .ff-item.ff-item-prd .ff-sel-cart .ff-sm-line{ font-size:var(--ff-font-size-00); }
.ff-layout-1column .ff-item.ff-item-prd .ff-sel-cart .ff-sel-cart-sm b{ font-size:var(--ff-font-size-0); }

.ff-sel-cart .ff-sm-line{ padding-top:4px; height:25px; overflow:hidden; text-overflow:ellipsis; font-size:var(--ff-font-size-0); }
.ff-sel-cart b{ font-size:var(--ff-font-size-1); font-weight:300; }

.ff-layout-default .ff-item.ff-item-prd .ff-detail { padding-top:0px; padding-bottom:8px; margin-top:-8px; }
.ff-layout-default .ff-item.ff-item-prd textarea { display:none; }
.ff-layout-default .ff-item.ff-item-prd .ff-image-not-found { display:none; }

#ff-addprd-popup .prdheader{ 
  grid-template-rows:1fr 1fr; grid-template-columns:auto 20px; 
  font-family:var(--ff-heading-font); margin-bottom:4px; 
}
#ff-addprd-popup .prdtitle{ grid-row:1/2; grid-column:1/2; font-size:var(--ff-font-size-2); font-weight:400; }
#ff-addprd-popup .prdhelp{ grid-row:2/3; grid-column:1/2; font-size:var(--ff-font-size-3); font-weight:500; }
#ff-addprd-popup .prdclose{ grid-row:1/2; grid-column:2/3; cursor:pointer; text-align:right; vertical-align:top; font-size:var(--ff-font-size-2); }
#ff-addprd-popup .prdfooter{ display:flex; align-items:flex-end; height:48px; text-align:right; }
#ff-addprd-popup .prdfooter a{ color:var(--ff-primary-color); font-family:var(--ff-paragraph-font); text-decoration:none; padding-right:8px; }

#ff-addprd-popup .prdfooter .prddel{ color:#dc3545; float:left; }
#ff-addprd-popup .prdfooter .prddel:hover{ color:#c82333; }

#ff-addprd-popup .prdwdg{ overflow-y:auto; max-height:74vh; }
#ff-addprd-popup .prdwdg label b{ color:var(--ff-primary-light); padding-left:3px; padding-right:3px; }

#ff-addprd-popup .minus{ cursor:pointer; border-radius: 4px 0 0 4px; border-right: none !important; }
#ff-addprd-popup .plus{ cursor:pointer; border-radius:0 4px 4px 0; border-left: none !important; }
#ff-addprd-popup .box, #ff-addprd-popup .col-qty, #ff-addprd-popup .list-qty{  clear:both; padding:15px 0; }
#ff-addprd-popup .list-qty li small{ float:right; }
#ff-addprd-popup .list-qty li.col-editable{ background: var(--ff-primary-color) url('/img/edit_white.svg') 103% 50% no-repeat !important; }
#ff-addprd-popup .list-qty li.col-editable small{ display:none; }
#ff-addprd-popup .list-qty li.col-discounted{ background-image:none !important; }
#ff-addprd-popup .minus, #ff-addprd-popup .plus{
  width: 28px; height: 31px; background: #fff; border: 1px solid var(--ff-font-color);
  display:inline-grid; place-content:center; margin: 0;
}
#ff-addprd-popup .number{ padding-top:10px; padding-bottom:10px; }
#ff-addprd-popup .number label{ display:flex; }
#ff-addprd-popup .number input{
  height:29px; width: 60px; text-align: center;
  border:1px solid var(--ff-font-color); border-radius:0;
  vertical-align: middle;
}
#ff-addprd-popup .col-qty ul, #ff-addprd-popup .list-qty ul{padding: 0; max-height: 45vh;}
#ff-addprd-popup .col-qty li{
  list-style: none; float: left; background: #fff;
  padding: 10px; margin: 5px; min-width: 44px; 
  border-radius: 5px; border: 1px solid var(--ff-font-color);
  vertical-align: middle; text-align: center; cursor: pointer;
}
#ff-addprd-popup .col-qty li:hover, #ff-addprd-popup .list-qty li:hover{
  border: 1px solid var(--ff-primary-color);
  color: var(--ff-primary-color);
  background: var(--ff-primary-light);
}
#ff-addprd-popup .col-qty-active, #ff-addprd-popup .col-size-active{
  background: var(--ff-primary-color) !important;
  border: 1px solid var(--ff-primary-color) !important;
  color: #fff !important;
}
#ff-addprd-popup .list-qty li {
  list-style: none; background: #fff; padding: 10px 15px;  margin: 10px 0;
  min-width: 44px; vertical-align: middle; cursor: pointer;
  border-radius: 5px; border: 1px solid var(--ff-font-color);
  
}
#ff-addprd-popup .list-qty-active{
  background: var(--ff-primary-color) url('/img/tick.svg') 95% 50% no-repeat !important;
  border: 1px solid var(--ff-primary-color) !important; color: #fff !important;
}


.ff-jump-nav{ float:right !important; font-size:var(--ff-font-size-6) !important; color:var(--ff-font-color); cursor:pointer; }
#ff-addprd-popup .list-nav-active{
  background: var(--ff-primary-color) url('/img/location_on.svg') 95% 50% no-repeat !important;
  border: 1px solid var(--ff-primary-color) !important; color: #fff !important;
}

.ff-next-text{ display:flex; align-items:center; font-size:var(--ff-font-size-0); padding-bottom:4px; }
.ff-next-text .material-icons{ font-size:var(--ff-font-size-1); padding-left:2px; }
.ff-next-link{ display:flex; align-items:center; cursor:pointer; }

.ff-next-link h3{ 
  display:inline-block; padding-bottom:0px; border-bottom:2px solid var(--ff-primary-color); 
  font-size:var(--ff-font-size-3); color:var(--ff-primary-color); 
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

.ff-next-link .ff-dropdown { display:inline-block; color:var(--ff-primary-color); }

.ff-next-link .ff-dropdown .material-icons{ vertical-align:middle; }

.ff-next-link .ff-dropdown-content { 
  display:none; z-index:99999; min-width:160px; border-radius:2px; background-color:#fff; box-shadow:rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.ff-next-link .ff-dropdown-content .ff-jump-link {
  display:block; padding:8px 16px; font-size:var(--ff-font-size-2); text-decoration:none;
}
.ff-next-link .ff-dropdown-content .ff-curr-link{ color:gray; }
.ff-next-link .ff-dropdown-content .ff-next-link{ text-decoration:underline; }
.ff-next-link .ff-dropdown-content .ff-jump-link:hover { background-color:#f1f1f1; }

@media (hover: hover) {
  .ff-next-link .ff-dropdown:hover .ff-dropdown-content {
    display:block; position:absolute; margin-left:0px; bottom:-20px; max-height:400px; overflow-y:auto; 
  }
  .ff-next-link .ff-dropdown:hover .material-icons { transform: rotate(-90deg); }
}

@media (hover: none) {
  .ff-next-link .ff-dropdown .ff-dropdown-content.ff-popup-menu { 
    display:block; position:fixed; bottom:2vh; left:2vh; right:2vh; height:96vh; overflow-y:auto; 
  }
}


.ff-image-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  padding: 0;
}

.ff-image-list__item,
.ff-image-list__image-aspect-container {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ff-image-list__item {
  list-style-type: none;
}

.ff-image-list__image {
  width: 100%;
}

.ff-image-list__image-aspect-container .ff-image-list__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.ff-image-list__image-aspect-container {
  padding-bottom: calc(100% / 1);
}

.ff-image-list__image {
  border-radius: 0;
}

.ff-image-list--with-text-protection .ff-image-list__supporting {
  border-radius: 0 0 0 0;
}

.ff-image-list__supporting {
  color: rgba(0, 0, 0, 0.87);
  color: var(--ff-font-color, rgba(0, 0, 0, 0.87));
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px 0;
}

.ff-image-list__label {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: var(--ff-font-size-1);
  font-weight: 400;
  letter-spacing: 0.009375em;
  text-decoration: inherit;
  text-transform: inherit;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.ff-image-list--with-text-protection .ff-image-list__supporting {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 48px;
  padding: 0 16px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}

.nt-image-list {
  max-width: 900px;
}
.nt-image-list .ff-image-list__image-aspect-container {
  padding-bottom: calc(100% / 1.5);
}
.nt-image-list .ff-image-list__item {
  width: calc(100% / 5 - 4.2px);
  margin: 2px;
}
.nt-image-list .ff-image-list__image {
  border-radius: 8px;
}
.nt-image-list.ff-image-list--with-text-protection .ff-image-list__supporting {
  border-radius: 0 0 8px 8px;
}

@media (max-width: 599px) {
  .nt-image-list .ff-image-list__item {
    width: calc(100% / 3 - 4.3333333333px);
    margin: 2px;
  }
}


.ff-image-list__item { cursor:pointer; }
.ff-image-list__label{ color:var(--ff-font-color); }
.ff-image-list__image{ fill:var(--ff-font-color); }



#ff-cart-overlay{
  display:none; position:fixed; z-index:99998; left: 0; right: 0; top: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.3); opacity: 0; transition: all 0.5s ease-in-out;
}
#ff-cart-overlay.active{ display:block; opacity:1; }
#ff-cart-sidebar{
  right:-480px; top:0; width:380px; height:100%; position:fixed; overflow:auto; z-index:99999;
  background-color:#fff; font-size:14px; border:0px solid rgba(0, 0, 0, 0.3);
  transition:all 0.3s; overflow-y:auto; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.2);
}
#ff-cart-sidebar.active{ right:0; }
#ff-cart-sidebar .ff-cart-header{ 
  display:grid; align-items:center; grid-template-columns:1fr 8fr 1fr;
  color:#000; padding:27px 18px; font-size:16px; text-align:left; 
}
#ff-cart-sidebar .ff-cart-icon{ font-size:22px; }
#ff-cart-sidebar .ff-cart-close{ position:absolute; right:18px; color:#000; }
#ff-cart-sidebar .material-icons{ text-decoration:none; line-height:24px; }

@media only screen and (max-device-width: 480px){
  #ff-cart-sidebar{ width:100%; }
}

.ff-cart-items{ padding:0px; color:#000; }
.ff-cart-items li{ 
  padding-left:18px; padding-right:18px; padding-top:8px; padding-bottom:10px;
  list-style-type:none; cursor:pointer; display:grid; grid-template-columns:2fr 6fr 2fr; 
}
.ff-cart-items li:hover{ background-color:#F6F6F7; }
.ff-cart-items li .ff-cart-image{ text-align:left; object-fit:cover; width:55px; height:55px; }
.ff-cart-items li .ff-cart-title{ text-align:left; font-weight:400; font-size:14px; line-height:24px; }
.ff-cart-items li .ff-cart-price{ text-align:right; font-weight:500; }
.ff-cart-items li s{ display:block; }
.ff-cart-items li .ff-cart-edit{ font-size:12px; vertical-align:bottom; padding-left:6px; }
.ff-cart-items li .ff-cart-quantity{ text-align:left; line-height:18px; font-size:12px; color:#666; }
.ff-cart-items .ff-cart-total{ padding-bottom:0px; }
.ff-cart-items .ff-cart-top-total div{ border-top:solid 1px #000; }
.ff-cart-items .ff-cart-total .ff-cart-totxt{ grid-column-start:1; grid-column-end:3; text-align:left; padding-top:12px; }
.ff-cart-items .ff-cart-total .ff-cart-price{ text-align:right; padding-top:12px; }
.ff-cart-items .ff-cart-total:hover{ cursor:auto; background-color:#fff; }
.ff-cart-noitem .ff-cart-title{ padding-left:24px; }
.ff-cart-items .ff-cart-total .ff-cart-checkout{ 
  grid-column-start:1; grid-column-end:4; margin-top:10px; padding:10px; 
  background-color:var(--ff-primary-color); border:solid 0px var(--ff-primary-color); 
  border-radius:2px; color:#fff; font-weight:400; font-size:16px; line-height:24px; letter-spacing:.6px;
}
.ff-cart-total .ff-cart-checkout .material-icons{ font-size:16px; }


#ff-search-overlay{
  display:none; position:fixed; z-index:99998; left: 0; right: 0; top: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.3); opacity: 0; transition: all 0.5s ease-in-out;
}
#ff-search-overlay.active{ display:block; opacity:1; }
#ff-search-sidebar{
  right:-480px; top:0; width:380px; height:100%; position:fixed; overflow:auto; z-index:99999;
  background-color:#fff; font-size:14px; border:0px solid rgba(0, 0, 0, 0.3);
  transition:all 0.3s; overflow-y:auto; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.2);
}
#ff-search-sidebar.active{ right:0; }
#ff-search-sidebar .ff-search-products{ }
#ff-search-sidebar .ff-search-header{
  display:grid; align-items:center; grid-template-columns:1fr 8fr 1fr;
  border-bottom:solid 0px #000; color:#000; padding:25px 18px; font-size:16px; text-align:left;
}
#ff-search-sidebar #ff-search-categories{ }
#ff-search-sidebar .ff-search-noitem .ff-search-title{ padding-left:24px; }
#ff-search-sidebar .ff-search-head{ font-weight:500; text-align:left; padding-left:18px; }
#ff-search-sidebar .ff-search-icon{ font-size:22px; }
#ff-search-sidebar #ff-search-text{ border:solid 0px #000; }
#ff-search-sidebar #ff-search-text:focus{ outline:none; box-shadow:none; }
#ff-search-sidebar .ff-search-close{ text-align:right; color:#000; }
#ff-search-sidebar .material-icons{ text-decoration:none; line-height:24px; color:#000; }
#ff-search-sidebar ul{ padding:0px; color:#000; }
#ff-search-sidebar #ff-search-categories li{ 
  padding-left:18px; padding-right:18px; padding-top:8px; padding-bottom:10px;
  list-style-type:none; cursor:pointer; display:grid; grid-template-columns:2fr 8fr; 
}
#ff-search-sidebar #ff-search-items li{ 
  padding-left:18px; padding-right:18px; padding-top:8px; padding-bottom:10px;
  list-style-type:none; cursor:pointer; display:grid; grid-template-columns:2fr 7fr 1fr; 
}
#ff-search-sidebar ul li:hover{ background-color:#F6F6F7; }
#ff-search-sidebar ul li .ff-search-title{ text-align:left; font-weight:400; font-size:14px; line-height:24px; }
#ff-search-sidebar ul li .ff-search-altimage{ text-align:left; padding-left:8px; font-size:42px; line-height:46px; }
#ff-search-sidebar ul li .ff-search-image{ text-align:left; object-fit:cover; width:55px; height:55px; }
#ff-search-sidebar ul li .ff-search-edit{ text-align:right; }
#ff-search-sidebar ul li .ff-search-quantity{ text-align:left; line-height:18px; font-size:12px; color:#666; }

@media only screen and (max-device-width: 480px){
  #ff-search-sidebar{ width:100%; }
}

.ff-section .ff-title:first-child{ }
.ff-section .ff-title .ff-category-switch{ vertical-align:middle; cursor:pointer; }




/* NEW ADD TO CART STYLES (PRD OVERVIEW) */
#ff-addprd-overlay {
  z-index: 9;
}
#ff-addprd-popup {
  z-index: 503;
  opacity: 1;
  font-family: var(--ff-paragraph-font);
  position: fixed;
  display: none;
  max-height: 90vh;
}
#ff-addprd-popup .prdtab-header {
  border-bottom: 2px solid !important;
  cursor: pointer;
  border-top-left-radius: 0.375em;
  border-top-right-radius: 0.375em;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 4px;
  padding-top: 2px;
  font-size: 0.875em;
  line-height: 1.9em;
  border-bottom-color: rgb(0 0 0 / 15%) !important;
}
#ff-addprd-popup .prdtab-headercontainer {
  margin-top: 1em;
  margin-bottom: 0.5em;
  display: flex;
  align-items: center;
}

#ff-addprd-popup .prdtab-content {
  display: none;
}

@media (min-width: 768px) {
  #ff-addprd-popup .prdtab-content {
    max-height: 60vh;
  }
  #ff-addprd-popup .col-qty ul, #ff-addprd-popup .list-qty ul {
    overflow: auto;
  }
}

#ff-addprd-popup .prdtab-active {
  display: block;
  min-height: 22vh;
}

@media (min-width: 768px) {
  #ff-addprd-popup .prdtab-active {
    overflow: auto;
  }
}

#ff-addprd-popup .prdtab-header {
  border-bottom: 2px solid !important;
  cursor: pointer;
  border-top-left-radius: 0.375em;
  border-top-right-radius: 0.375em;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 4px;
  padding-top: 2px;
  font-size: 0.875em;
  line-height: 1.9em;
  border-bottom-color: rgb(0 0 0 / 15%) !important;
}

#ff-addprd-popup .prddescription ul {
  padding: 32px;
}

#ff-addprd-popup .prdtab-active-header {
  pointer-events: none;
  border-bottom: 2px solid !important;
  border-bottom-color: var(--ff-primary-900) !important;
  font-weight: 500 !important;
}

@media (min-width: 760px) {
  #ff-addprd-popup {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 90vh;
    width: 750px;
    border-radius: 0.375em;
    border-width: 1px;
    border-color: rgb(0 0 0 / 15%);
  }
}

#ff-addprd-popup .ff-cart-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.5em;
}

@media (min-width: 768px) {
  #ff-addprd-popup .ff-cart-container {
    flex-direction: row;
    gap: 2em;
  }
}

#ff-addprd-popup .ff-navheader {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#ff-addprd-popup .ff-jumpto {
  font-size: 1.125em;
  line-height: 1.65em;
  font-weight: 600;
  line-height: normal;
}
#ff-addprd-popup .prdheader {
  margin-top: 2em;
  max-width: 55%;
  flex: 0.8;
}

#ff-addprd-popup .prdclose {
  position: absolute;
  top: 0em;
  float: right;
  display: flex;
  height: 2em;
  width: 2em;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  text-align: center;
  font-size: 1em;
  line-height: 1.5em;
  right: 0px;
}

@media (min-width: 768px) {
  #ff-addprd-popup .prdclose {
    top: -1.2em;
  }
}

@media (min-width: 768px) {
  #ff-addprd-popup .prdheader {
    margin-top: 0px;
  }
}

#ff-addprd-popup .prdcart {
  flex: 1 1 0%;
}

#ff-addprd-popup .ff-prdimg {
  width: 100%;
  cursor: zoom-in;
  border-radius: 0.375em;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
/* TODO:Multiple IMG Support for clean.js */
#ff-addprd-popup .ff-prdadditionalimgcontainer-wrapper {
  display: none;
}
@media (min-width: 768px) {
  #ff-addprd-popup .prdheader {
    margin-top: 0px;
  }
}
:is([dir="ltr"] #prdtab-cart-header) {
  margin-left: 0.2em;
}

:is([dir="rtl"] #prdtab-cart-header) {
  margin-right: 0.2em;
}

:is([dir="ltr"] .prdwdg .plus),:is([dir="ltr"]  .prdwdg .minus) {
  float: left;
}

:is([dir="rtl"] .prdwdg .plus),:is([dir="rtl"]  .prdwdg .minus) {
  float: right;
}

:is([dir="rtl"] .prdwdg input#prdtext) {
  float: right;
}
:is([dir="ltr"] .prdwdg input#prdtext) {
  float: left;
}
#ff-addprd-popup .ff-navheader .ff-navclose {
  cursor: pointer;
}

#ff-addprd-popup .ff-navheader .ff-navclose:hover {
  opacity: 0.9;
}


/* END NEW ADD TO CART STYLES (PRD OVERVIEW) */