@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');

/* classes used in new responsive website:

single item per page:

brand_logo_top | list_des_outer_cell | staff_tools_hidden | list_des3 | list_short | item_code | img2 | imgmessage | normal_price | a2b_left | a2b_middle | a2b_right | a2b | general_type_3 | incvat | exvat | stock_big | hot_deal_was | item_tab | item_tablinks | item_tabcontent | info | img | mini | des |

 multiple items per page:

 topbar_item | pagination-nav | pagination-btn | pagination-svg | pagination-label | active | dropdown2 | dropbtn2 | custom-dropbtn | dropdown-content2 | sort-container | custom-dropdown | pagination-btn2 | custom-dropdown-content |
 
 spacer | wrapper11 | image_outer | image_inner | mainproduct2 | product_list_table | list_des_outer_cell |  list_des | list_short | stock_prod_code_table | stockcell | stockimg | list_prod_code | plain_price | clearance_title | hot_deal_price | hot_deal_was |

 a2b_left | a2b_middle | a2b_right | a2b | 

 front page:   slideshow-container | mySlides | fade | Slide_Image | prev | next | dot | front_item_outer | front_item_inner | front_title1 | front_subtitle1 | front_price1 |  
*/


/* type 22 is the small list, for variants, related items, etc */
.type_22-wrapper { margin-top: 3px; }
.type_22-row {display:flex; align-items:flex-start; gap:8px; margin-bottom: 2px; margin-top: 1px; min-height: 65px;}
.type_22-des {flex:1 1 auto; min-width:200px; max-width:275px; padding-left:5px;}
.type_22-link {font-family:'Ubuntu',sans-serif; display:inline-block; margin-bottom:2px;}
.type_22-short {font-size:11px; color:#333;}
.type_22-price {margin-top:2px;}
.type_22-sep {height:2px;}
.type_22-img{appearance:none;border:1px solid #ddd;border-radius:6px;padding:2px;background:#fff;line-height:0;} 
.type_22-img:hover{border-color:#bbb;box-shadow:0 2px 4px rgba(0,0,0,.18)} 
.type_22-img img{display:block;width:45px;height:auto} 






.product-title-h1{font-family:'Roboto',sans-serif;color:#000;font-weight:500;letter-spacing:0.3px;font-size:22px;margin:0;padding:0; margin-bottom: 4px;}
@media(max-width:600px){.product-title-h1{font-size:20px;}}
@media(min-width:769px){.product-title-h1{width:auto;max-width:none;white-space:nowrap;}}
@media(min-width:769px){.product-title-h1 a{white-space:nowrap;}}
@media(max-width:600px){.product-title-h1{font-size:20px;padding-left:8px;}}

.prod-meta-line{display:flex;flex-wrap:wrap;flex-direction:row;margin-top:10px;}
@media(max-width:600px){.prod-meta-line{margin-top:3px;}}

/* container + title */

.pb-slot{padding-inline:8px;} /* desktop/tablet */

.pb-wrap{max-width:300px;margin:0 auto;--qty-w:2.2em; background:#cccccc;}
.pxb-title{display:block;text-align:center;font-size:12px;background:var(--btnbgnd2);color:var(--bcolor);font-weight:700;padding:6px 8px;line-height:1.2;border-top:1px solid #e3e3e3;border-bottom:0;}
/* Make Quantity Discounts header match the default .a2b button style */
.pb-title{ display:flex;  justify-content:center;  align-items:center; font-family: 'Roboto', Arial, sans-serif;  font-weight: bold; font-size: 16px; line-height: 1.3; padding: 4px 6px; color: var(--bcolor); background: var(--btnbgnd); border: 1px solid #e9e9e9; border-radius: 3px; text-align: center;   }

.image_text {  font-size: 15px; line-height: 1.3;}

/* Stock request block */
#stockrequest {  display: block;  width: 100%;  text-align: right;  padding: 0 25px 8px 5px; }


@media (max-width: 600px) {
  .image_text { font-size: 15px;   line-height: 1.4;   padding-bottom: 10px;}
  #stockrequest { padding-top: 10px; }
}

/* grid */
.pb-flex {display:flex;flex-wrap:wrap;justify-content:center;gap:6px 10px;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;padding:6px 8px;box-sizing:border-box;width:100%;}
.pb-wrap.pb-left .pb-flex{justify-content:flex-start;} /* optional left-align mode */
.pb-item{display:flex;align-items:baseline;}
.pb-qty{flex:0 0 auto;min-width:2.6em;text-align:right;font-weight:700;padding-right:2px;}
.pb-val{flex:0 1 auto;text-align:left;white-space:nowrap;}
@media (max-width:600px){.pb-wrap{max-width:min(85vw,420px);font-size:1.5em;margin-bottom:10px;} .pb-title{font-size:18px;padding:8px 10px;} .pb-flex{gap:8px 12px;padding:8px 10px;background:#cccccc;} .pb-slot{padding-inline:0;} .pb-qty{padding-right:3px;min-width:3em;} .pb-val{padding-left:2px;padding-right:5px;}}


#imagetable .img2{position:relative} 
.thumb-overlay{position:absolute;right:8px;bottom:8px;display:flex;gap:6px;z-index:2} 
.thumb-chip{display:inline-block;border:1px solid #ddd;border-radius:6px;padding:2px;background:#fff;line-height:0} 
.thumb-chip img{display:block} 
.thumb-overlay img{width:45px;height:auto} 
#product_imagesz.pi-outer{min-width:250px;width:100%} 
.pi-wrap{width:100%;min-height:300px;display:grid;place-items:center} 
.pi-main{position:relative;max-width:300px;width:100%;margin-bottom:30px} 
.pi-img{display:block;width:100%;height:auto;} 
.pi-thumbs{position:absolute;right:8px;bottom:-20px;display:flex;gap:6px;z-index:2} 
.pi-thumb{appearance:none;border:1px solid #ddd;border-radius:6px;padding:2px;background:#fff;line-height:0;cursor:pointer} 
.pi-thumb:hover{border-color:#bbb;box-shadow:0 2px 4px rgba(0,0,0,.18)} 
.pi-thumb img{display:block;width:45px;height:auto} 




#pi-lightbox[hidden]{display:none} 
#pi-lightbox{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:rgba(0,0,0,.6)} 
.pi-figure{position:relative;max-width:95vw;max-height:95vh;background:#fff;border:2px solid #888;box-shadow:0 8px 24px rgba(0,0,0,.35);padding:8px} 
#pi-lightbox-img{display:block;max-width:90vw;max-height:90vh;width:auto;height:auto} 
.pi-close{position:absolute;top:-12px;right:-12px;width:32px;height:32px;border:0;border-radius:16px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);cursor:pointer;font-size:22px;line-height:32px} 
.pi-noscroll{overflow:hidden} 
.pi-img,.pi-thumb,.pi-thumb img{cursor:url(../../layout/cursors/magnify_plus.cur),zoom-in} 
#pi-lightbox-img{cursor:url(../../layout/cursors/magnify_minus.cur),zoom-out} 
.minithumbs img,.minithumbs2 img,.thumb-overlay img{width:45px;height:auto} 
.thumb-chip:hover{border-color:#bbb;box-shadow:0 2px 4px rgba(0,0,0,.18)}

@media (max-width: 600px) 
{
  .pi-main { margin-bottom:0px; max-width: 88vw;  width: 100%;  }                  
  .pi-thumbs {    bottom: 8px;  }
  .pi-img {  border: 1px solid #e0e0e0; }
  .xpi-thumbs {    top: 8px; bottom: auto; right: -35px;  flex-direction: column; align-items: flex-end;  gap: 6px; max-height: calc(100% - 16px);   overflow-y: auto; -webkit-overflow-scrolling: touch;  }
}


#prodcellwrapz {  display: flex;   flex-wrap: wrap;   flex-direction: row;   justify-content: space-evenly; margin-top: 14px; margin-bottom: 7px;  }


/* right hand aside */

.rightmenu-tabs {position:relative; z-index:1;}

/* tabs */
.rmt__tab {font:inherit; font-size:12px; padding:6px 8px; background:#f6f7f9; border:1px solid #e6e8ef; border-bottom:1px solid #cfd6e5; border-top-left-radius:6px; border-top-right-radius:6px; cursor:pointer; white-space:nowrap; position:relative; z-index:3;}
.rmt__tab.is-active {background:#fff; border-color:#cfd6e5; border-bottom:1px solid #fff; z-index:3;}

/* panels (scrolling content) */
.rmt__panel {border:1px solid #cfd6e5; border-radius:0 0 6px 6px; background:#fff; padding:8px; padding-bottom:28px; min-height:40px; position:relative; z-index:1; max-height:250px; overflow:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch;}
.rmt__panel[hidden] {display:none;}
.rmt__panel-body--scroll {max-height:250px; overflow:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; padding-right:4px;}

/* non-scrolling bottom fade ON WRAPPER, clipped inside the panel border + curves */
.rightmenu-tabs::after {content:""; position:absolute; left:0; right:0; bottom:0; height:26px; background:linear-gradient(to bottom, rgba(255,255,255,0), #ffffff); pointer-events:none; z-index:2; clip-path:inset(0 1px 1px 1px round 0 0 5px 5px);}


/* for review form */
/* General readability */
#ba-review-form input[type="text"],
#ba-review-form .ba-select,
#ba-review-form .ba-text { font-size:15px; line-height:1.4; }
.ba-review-form-wrap { display: none; }
.ba-review-form-wrap.active { display: block; background: none; }


/* Review textarea: comfy reading/writing */
#ba-review-form .ba-text {   padding:10px; line-height:1.5; font-size:15px; }

/* Title + Rating row */
.ba-tr { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }

/* Title width control (desktop) */
.ba-title-wrap input[type="text"] { max-width:450px; }

/* Rating: keep label NEXT to the dropdown on desktop; prevent weird wrapping */
.ba-rating-wrap { display:flex; align-items:center; gap:6px; white-space:nowrap; }
.ba-rating-wrap > label { margin:0; font-size:12px; font-weight:600; }
.ba-rating-wrap .ba-select { width:auto; max-width:120px; min-width:90px; }

/* Language select sizing */
#ba-review-form select[name="language_code"].ba-select { max-width:220px; }

/* Button: high contrast + hover state */
.ba-btn {
  padding:10px 16px; border:none; border-radius:10px;
  background:#007BFF; color:#fff; font-weight:600; font-size:15px; cursor:pointer;
  transition: background .15s ease-in-out, transform .02s ease-in-out;
}
.ba-btn:hover { background:#0066d1; }
.ba-btn:active { transform: translateY(1px); }
.ba-btn:focus { outline: 2px solid #004a9f; outline-offset: 2px; }

/* Desktop tweaks */
@media (min-width: 901px) {
  /* Keep rating compact and inline with its label */
  .ba-rating-wrap .ba-select { max-width:110px; }
}

/* Mobile-first readability + touch targets */
@media (max-width: 600px) {
  #ba-review-form input[type="text"],
  #ba-review-form .ba-select,
  #ba-review-form .ba-text { font-size:16px; line-height:1.5; }

  /* Let selects be a bit smaller visually but still tappable */
  .ba-rating-wrap .ba-select { max-width:120px; }
  #ba-review-form select[name="language_code"].ba-select { max-width:200px; }

  /* Full-width button on small screens for easy tapping */
  .ba-btn { width:100%; }
}



.images-wrap { width: 100%; max-width: 350px; margin-left: auto; margin-right: auto; }
.imglayer { width: 100%; }
.product-main-img { display: block; width: 99% !important; height: auto !important;  }

@media (max-width: 600px) { #img_wrapper { width: 100% !important; } }
@media (max-width: 600px) { .images-wrap { max-width: 400px;  } }
@media (max-width: 600px) { #imagetable { width: 100% !important; table-layout: fixed; } }
@media (max-width: 600px) { #imagetable .img2 { width: 100% !important; } }

@media (max-width: 600px) { #images { height: auto !important; } }
@media (max-width: 600px) { #imglayer1, #imglayer2, #imglayer3 { width: 100% !important; max-width: 400px; margin-left: auto !important; margin-right: auto !important; } }
@media (max-width: 600px) { #imglayer1 img, #imglayer2 img, #imglayer3 img { width: 100% !important; height: auto !important; } }

#product_summaryz { max-width: 310px; min-width: 300px; margin-top: 3px; margin-bottom: 5px; padding-left: 10px; padding-right:10px; }
.product-summary-inner { min-width: 300px; max-width: 310px; border: 1px #ffffff solid; max-width: 305px; }

@media (max-width: 600px) {
  #product_summaryz { width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 6px 0 !important; padding: 0 6px !important; box-sizing: border-box; }
  .product-summary-inner { width: 100% !important; max-width: none !important; min-width: 0 !important; border: 1px #ffffff solid; }
}

@media (min-width: 1281px) {
  .images-wrap { max-width: 400px; }
}


/* === Base (desktop) === */
.a2b_small { font-family: 'Roboto', Arial, sans-serif; border-radius: 3px; font-weight: bold; padding: 4px 6px; border: 1px solid #e9e9e9; background: #f3f3f3; color: var(--bcolor); transition: background-color 0.3s ease; display: flex; justify-content: center; align-items: center; font-size: 14px; line-height: 1.3;  }
.a2b { font-family: 'Roboto', Arial, sans-serif; border-radius: 3px; font-weight: bold; padding: 4px 6px; border: 1px solid #e9e9e9; background: #f3f3f3; color: var(--bcolor); transition: background-color 0.3s ease; display: flex; justify-content: center; align-items: center; font-size: 16px; line-height: 1.3; min-height: 32px; }
.a2b:hover { cursor: pointer; background-color: var(--btnbgnd2); color: #0088ff; }
.a2b_left, .a2b_right { display: flex; align-items: center; justify-content: center; width: 24px; height: 22px; background: #ffffff; }
.a2b_left { border-right: 1px solid #e9e9e9; }
.a2b_right { border-left: 1px solid #e9e9e9; }
.a2b_left:hover, .a2b_right:hover { background-color: var(--btnbgnd2); cursor: pointer; }
.a2b_left img, .a2b_right img { max-width: 70%; max-height: 70%; width: auto; height: auto; display: block; }
.basket_bin img, .basket_remove_icon { max-width: 80%; max-height: 80%; width: auto; height: auto; display: block; }
.a2b_middle { background: #ffffff; border: none; font-size: 16px; font-weight: bold; width: 40px; text-align: center; height: 24px; padding: 2px 0; }
.qty-selector { display: flex; align-items: center; border: 1px solid #e9e9e9; background: #ffffff; border-radius: 3px; }
.a2b_submit_wrapper { margin-top: 4px; display: flex; justify-content: center; width: 100%; }

/* === Tablet  === */
@media (max-width: 1024px) {
  .a2b_left, .a2b_right { width: 30px; height: 28px; }
  .a2b_middle { width: 50px; height: 32px; font-size: 17px; }
  .a2b { font-size: 17px; padding: 6px 10px; min-height: 36px; }
  .a2b_left img, .a2b_right img { max-width: 70%; max-height: 70%; }
  .basket_bin img, .basket_remove_icon { max-width: 80%; max-height: 80%; }
}

/* === Phone  === */
@media (max-width: 600px) {
  .a2b_left, .a2b_right { width: 36px; height: 36px; }
  .a2b_middle { width: 60px; height: 40px; font-size: 18px; }
  .a2b { font-size: 18px; padding: 10px 14px; min-height: 44px; }
  .qty-selector { gap: 6px; }
  .a2b_left img, .a2b_right img { max-width: 72%; max-height: 72%; }
  .basket_bin img, .basket_remove_icon { max-width: 82%; max-height: 82%; }
}





/* Base desktop styling */
.item_code{font-size:12px;color:#aaaaaa; padding-left: 5px;}

/* Mobile override */
@media(max-width:600px){
  .item_code{font-size:12px!important; padding-left: 10px;} /* brand+model small */
  .item_code:first-of-type{display:block;font-size:16px;font-weight:400;margin-bottom:2px;} /* product code bigger, its own line */
  .item_code:not(:first-of-type){display:inline-block;font-size:12px;margin-right:6px;} /* brand + model wrap to line 2 */
}

.des a{color:#000;} .des a:link{color:#000;} .des a:visited{color:#000;} .des a:hover{color:var(--bcolor);} 
.des h4{font-size:10px;font-weight:normal;font-stretch:normal;} 
.des p{padding-top:5px;}

.pricecell {text-align:center; font-weight:bold;} /* should be obsolete */
.image_div {background: #ffffff; padding: 5px; margin: 2px; border: 1px solid #f0f0f0;}
.stock_img {border:0; width:26px; height:26px;}
.prod_id { font-size:110%; color: #666666;  }
.prod_id a{font-weight:bold;}
.img{text-align:center;}
.img2{vertical-align:top;text-align:center;}

.imgmessage{vertical-align:top;text-align:center;color:#808080;padding:3px;}
/* var(--grey); is a grey used for product - change to a global color*/

/* general pricing layout*/
.incvat{ font-family: 'Poppins', sans-serif;  color:var(--grey); font-size: 16px; font-weight: bold;}
.exvat{ font-family: 'Poppins', sans-serif; font-size:10px;  color:var(--grey);}
#clubpricecell { color:var(--grey);}
#stockbox { color:var(--grey);}
.general_type_3 { font-family: 'Open Sans', sans-serif; font-size: 13px; color:var(--grey);  }
.general_type_3a { font-family: 'Open Sans', sans-serif; font-size: 12px; color:var(--grey);  }

/* individual item listing blue_type_3 */.stock_big {  font-size: 24px; font-weight: bold; font-family: 'Poppins', sans-serif;  color:var(--grey); }

#item_header_3 { width: 100%; padding-left: 5px; padding-right:5px;}
/*#item_title_3 { width: 100%; height: 36px; vertical-align: top;  font-family: 'Poppins', sans-serif; } */
#item_title_3{width:100%;vertical-align:top;font-family:'Poppins',sans-serif;}



/* this section is primarily for multiple item listings - blue_type_2 */

.brand_logo_top  { vertical-align: middle; max-width: 98%; max-height: 75px;  }
.wrapper11 { display: flex; flex-direction: row; flex-wrap: nowrap; border: 1px solid #f3f3f3; border-radius: 3px;  }
.mainproduct2 { padding-left: 5px; padding-right: 0px; float: left; vertical-align: top; width: 80%; padding-bottom: 2px; padding-top: 0px;}
.mainproduct2_alt { padding-left: 5px; padding-right: 0px; float: left; vertical-align: top; width: 88%; padding-bottom: 2px; padding-top: 0px;}
.image_outer { float: left; vertical-align: middle; padding:5px; max-width: 154px; width: 20%; }
.image_outer_alt { float: left; vertical-align: middle; padding:3px; max-width: 85px; width: 12%; }
.list_des_outer_cell { height:100%; vertical-align: top; padding-right: 4px; padding-top: 2px; }
.list_des { font-family: 'Poppins', sans-serif; font-size: 18px; color:var(--grey); font-weight: 600; }
.list_des a:link{color:var(--grey);} .list_des a:visited{color:var(--grey);} .list_des a:hover{color:var(--bcolor);}

.list_short{font-family: 'Poppins', sans-serif; font-weight:500; display:block;margin-top:2px;font-size:14px;line-height:1.3;color:var(--grey); }
@media(max-width:600px){.list_short{font-size:14px!important; padding-left: 9px;}}


.list_prod_code { font-family: 'Open Sans', sans-serif; font-size: 12px; padding-top: 5px; color: #aaaaaa; }
.image_inner { background: #ffffff;  vertical-align: middle; height: auto; overflow: hidden; width:99%;  
max-height: 160px; max-width: 160px; height:0; position: relative; margin: auto; text-align: center; } /* padding-left: 5px; padding-right: 5px; border: 1px #e3e3e3 solid;  */
.image_inner:hover { border: 1px var(--bcolor) solid;
 -webkit-box-shadow: 0px 0px 3px var(--bcolor); -moz-box-shadow: 0px 0px 3px var(--bcolor); box-shadow: 0px 0px 3px var(--bcolor);}
.stock_cell_2018 { padding-left: 4px; vertical-align: middle; font-family: 'Poppins', sans-serif; font-size: 12px; }
.stock_prod_code_table { height: 20%; width: 100%; padding-bottom: 4px; padding-right: 2px; color:var(--grey); vertical-align: bottom; }
.product_list_table { height: 165px;; min-height: 165px; width: 100%; padding-left: 4px; background: transparent; }
.product_list_table_alt { min-height: 95px; width: 100%; padding-left: 4px; background: transparent; }
.x_subheading {padding-left: 5px; font-family: 'Poppins', sans-serif; font-size: 18px; color:var(--grey); font-style: italic; padding-top: 3px;  }
.x_subheading a:link{color:var(--grey);} .x_subheading a:visited{color:var(--grey);} .x_subheading a:hover{color:var(--bcolor);}
.hotdeal_x { width: 139px; height: 70px; border-left: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; background: #f0f0f0; }
/*background: url('../../menu/images/shop_icons/hot_deal_back_2014b.jpg');*/
.hot_deal_title { font-family: 'Open Sans', sans-serif; font-size: 12px; color: #990000; font-weight:700;}
.clearance_title { font-family: 'Open Sans', sans-serif; font-size: 12px; color: #aaaaaa; font-weight:700;}
.hot_deal_price2 { font-family:  'Open Sans', sans-serif; color:var(--grey); font-size: 26px; }
.normal_price2 { font-family:  'Open Sans', sans-serif;  arial; color:var(--grey); font-size: 26px; }
.hot_deal_price { font-family: 'Open Sans', sans-serif;  color:var(--grey); font-size: 24px; font-weight: bold;}

.hot_deal_was { font-family: 'Open Sans', sans-serif; color:var(--grey); font-size: 10px; }
.plain_price { width: 139px; height: 70px; background: transparent; vertical-align: top; }



/* title stylings for speaker impedances  and other common features  type 2 and type 3 */
.ohm_8 {color:#00bb00;}
.ohm_4 {color:#bb0000;}
.ohm_16 {color:#0000bb;}
.neo_mag {color:red; font-weight:bold;font-style:italic;}



/* --- Mobile product summary centering & width fix --- */
@media (max-width: 600px) {
  /* Stack and center the three main cells */
  #prodcellwrapz {
    flex-direction: column;
    align-items: center;        /* centers children horizontally */
    justify-content: flex-start;
    gap: 8px;
  }

  /* Make each cell behave like a full-width row, but capped nicely */
  #product_imagesz,
  #product_summaryz,
  #rightmenucellz {
    flex: 1 1 100%;
    width: 100%;
    max-width: 480px;           /* tweak this cap as you like */
    margin: 6px auto;           /* center */
  }

/* Mobile: cap panel height and allow scroll */
@media (max-width:600px){
  /* if you keep the inline min/max on the wrapper, force them off */
  #rightmenucellz > div{min-height:auto !important;max-height:none !important;}

  /* make panels scroll within a sensible viewport slice */
  #rightmenucellz .rmt__panel{max-height:35vh;overflow:auto;-webkit-overflow-scrolling:touch;padding-right:4px;box-sizing:border-box;}

  /* niceties */
  #rightmenucellz .rmt__tablist{position:sticky;top:0;z-index:1;background:#fff;}
  #rightmenucellz .rmt__panel img{max-width:100%;height:auto;}
}



  /* Ensure the summary block actually fills its row */
  #product_summaryz {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 10px !important;
    box-sizing: border-box;
  }

  /* Let the inner box expand and center as well */
  .product-summary-inner {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    border: 1px #ffffff solid;  /* keep your existing border */
  }

  /* Kill the fixed min-width that’s set inline in HTML */
  #product_body2 {
    min-width: 0 !important;
  }
}



/* --- Mobile: widen summary cells --- */
@media (max-width: 600px) {
  /* let the table go full width */
  #product_outer2,
  #product_body2 {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;   /* kills inline min-width:275px */
  }

  /* left cell (price box) */
  #clubpricecell {
    width: auto !important;
    max-width: none !important;
    display: table-cell !important;
  }

  /* right cell (add-to-basket) */
  #product_body2 > tbody > tr:first-child > td:nth-child(2) {
    min-width: 0 !important;   /* override min-width:135px */
    width: auto !important;
    max-width: none !important;
    text-align: right !important; /* preserve alignment */
  }

  /* just to be sure: let the inner summary box expand */
  .product-summary-inner {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 auto;
    box-sizing: border-box;
  }
}




@media(max-width:600px){#maintitle>table{height:auto!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;border-collapse:collapse;border-spacing:0!important;}}
@media(max-width:600px){#maintitle>table tbody,#maintitle>table tr,#maintitle>table td{height:auto!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;}}
@media(max-width:600px){#title_logo_cell{display:none!important;}}
@media(max-width:600px){#title_main_cell{width:100%!important;padding-left:6px!important;padding-right:6px!important;padding-top:0!important;padding-bottom:0!important;}}
@media(max-width:600px){.list_des_outer_cell{padding-top:0!important;padding-right:4px;}}
@media(max-width:600px){.product-title-h1{margin:0!important;line-height:1.15!important;padding-left:8px;}}
@media(max-width:600px){.list_short{display:block;margin-top:2px;}}
@media(max-width:600px){#item_title_3{height:auto!important;}}


@media (max-width: 600px) {
  #product_summaryz {
    margin-top: 0 !important;   /* instead of 6px */
  }
  #product_imagesz {
    margin-bottom: 0 !important;
  }
}
/*font-family: 'Open Sans', sans-serif;  color:var(--grey); */

/* font-family: 'Open Sans', sans-serif; color:var(--grey); */


.normal_price { font-family:'Montserrat', Arial, sans-serif; font-size: 34px; color: var(--grey); font-weight:700;}
.pricebox__price { font-family:'Montserrat', Arial, sans-serif; font-size:38px; font-weight:700; }
.pricebox { margin-bottom:5px; }
.pricebox__exvat { font-size:14px; }

/* optional: consolidate the TD padding that’s inline on #clubpricecell */
#clubpricecell { padding-left:8px; padding-bottom:3px; width:60%; max-width:60%; }

/* Base for all deal labels */p
.pricebox__label { font-size:12px; font-weight:700; }

/* Variants just set the colour/extra weight */
.pricebox__pricematch { color:#333333; }
.pricebox__hotdeal { color:#330000; }
.pricebox__xmas { color:#660000; }
.pricebox__clearance { color:#666666; }
.pricebox__black { font-weight:800; color:#000000; }

.pricebox__dealprice { font-size:34px; font-weight:700; }
.pricebox__was { font-size:12px; color:#000; }

@media (max-width:600px){
  .pricebox__label { font-size:14px; }
  .pricebox__was { font-size:14px; }
  .pricebox__dealprice { font-size:38px; color:#aaa; }
 
}

/* mobile price override — placed last so nothing overrides it */
@media (max-width:600px){
  .normal_price.pricebox__price { font-size:48px !important; line-height:1.05; weight: 900;  }
  .pricebox__exvat { font-size:17px; }
}


#product_summaryz { position:relative; }
#newpricebox { padding:5px; display:none; min-height:300px; min-width:300px; background-color:rgba(255,255,255,0.99); border:2px solid #01a7fd; position:absolute; left:-75px; top:-50px; z-index:2; }
#pencil_edit { padding:1px; background:transparent; position:absolute; right:0; top:0; z-index:1; }

.pricebox__deal { font-size:12px; color:#bb0000; }
.pricebox__save { font-size:11px; color:#0a7e07; }
.pricebox__note { font-size:10px; color:#555555; }
.pricebox__free { font-size:24px; text-align:center; color:#bb0000; }

/* next section is for category listing multiple items per page ___ NEW 7 Oct 2025 */


.pl_pb-title{  display:flex; justify-content:center; align-items:center;  font-weight: bold; font-size: 16px; line-height: 1.3;  padding: 4px 6px;  color: var(--bcolor);  background: var(--btnbgnd); border: 1px solid #e9e9e9;  border-radius: 3px; text-align: center; }
.pl_wrapper11{ display: flex; flex-direction: row; flex-wrap: nowrap;  border-radius: 8px;  background: #f5f5f5; margin-left: 5px; margin-bottom: 10px;  border: 1px solid #eeeeee; } 

.pl_mainproduct2{ flex: 1 1 auto; width: auto; max-height: none; padding-left: 5px; padding-right: 10px; vertical-align: top; padding-bottom: 10px; padding-top: 10px; }
.pl_row{ display:flex; align-items:stretch; gap:10px;  padding: 5px; border-radius: 5px;  border: 1px solid #ccc; background: #fff; min-height: 150px; max-height: 150px; box-sizing: border-box;} /* border-radius: 5px;  border: 1px solid #ccc;   */

.pl_list_des{ font-family: 'Poppins', sans-serif; font-size: 18px; color:var(--grey); font-weight: 600; }
.pl_list_des a:link{color:var(--grey);  /* this should inherit from main css so possibly redundant */ }
.pl_list_des a:visited{color:var(--grey);}
.pl_list_des a:hover{color:var(--bcolor);}
.pl_list_short{font-family: 'Poppins', sans-serif; font-weight:300; display:block;margin-top:2px;font-size:13px;line-height:1.2;color:var(--grey); }
.pl_list_prod_code{ font-family: 'Open Sans', sans-serif; font-size: 12px; padding-top: 5px; color: #aaaaaa; }
.pl_stock_cell_2018{ padding-left: 4px; vertical-align: middle; font-family: 'Poppins', sans-serif; font-size: 12px; }
.pl_normal_price{ font-family:'Montserrat', Arial, sans-serif; font-size: 34px; color: var(--grey); font-weight:700;}

.pl_qty-selector{display: flex; align-items: center; gap: 5px;}
.pl_price_below{ display: none;  font-size:22px !important; } 

.pl_maincol{ flex:1 1 auto; min-width:0; }
.pl_center{display:flex; flex-direction:column; justify-content:flex-start; padding-left:4px;  height: 100%; min-height: 125px;}
.pl_spacer{ flex: 1 1 auto; height: auto; }
.pl_stockrow{display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:6px;}
.pl_stockinfo{display:flex; align-items:center; gap:6px; min-width: 70%; width: 70%}
.pl_rightcol{ padding-left:5px; padding-right:10px; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-end; height:100%; min-height:135px;  flex:0 1 150px; box-sizing: border-box; }
.pl_pricebox {display:inline-block; padding-top:0px; padding-right:0px;}

.pl_image_outer{  padding: 10px;  display: flex;   align-items: center;  justify-content: center;  flex: 0 0 170px;  min-height: 170px;  box-sizing: border-box; }
.pl_image{  width: 150px;  height: 150px;  border-radius: 5px;  border: 1px solid #ccc;  background: #fff;  display: block;  }
.pl_image:hover{   border: 1px var(--bcolor) solid;   -webkit-box-shadow: 0 0 3px var(--bcolor);   -moz-box-shadow: 0 0 3px var(--bcolor);   box-shadow: 0 0 3px var(--bcolor); }
.pl_image_text {  font-size: 15px;  line-height: 1.3; }



@media (max-width: 900px){
  .pl_image_outer{ flex-basis: 150px; }
}

@media (max-width: 650px){
  .pl_rightcol{ display: none !important; }
  .pl_price_below{ display: block;}
  .pl_add-to-cart-container{ display: none !important; }
  .pl_normal_price{ font-size:22px !important; line-height:1.05; font-weight: 700;  } 
  .pl_list_prod_code { display: none; }
}

@media (max-width: 600px)
{
.pl_image_outer{ flex-basis: 110px; min-height: 120px; padding: 7px } 
.pl_image{ width: 100px; height:100px; border: 1px solid transparent; }
.pl_center{ min-height: 0; height: auto; padding-top: 5px; }
.pl_spacer{  display: none; }
.pl_list_des{ font-size:14px!important; padding-top: 10px; font-weight:600; padding-right: 5px;}
.pl_list_short{font-size:11px!important;  display:block; padding-top:3px; font-weight: 400;}
.pl_normal_price{ font-size:17px !important; line-height:1.05; font-weight: 700;  }
.pl_list_prod_code { display: none; }
.pl_stockrow { padding-bottom: 5px; }
.pl_stockinfo{ width: 100%; }
.pl_wrapper11{  background: #ffffff; padding: 0px; border: 2px solid #dddddd; box-sizing: border-box; margin-left: 4px; margin-right: 3px; max-width: 98%; width:98%;}
.pl_row{ border:none; padding: 1px; }
.pl_center{ min-height:60px; }
.pl_mainproduct2{ padding: 2px; }
.pl_maincol{ height: 125px; }
}

.pl_add-to-cart-container{display: flex; flex-direction: column; align-items: center; padding: 5px;}