.noble_item_page_catalog .catalog-link {
    display: block;
    width: 1200px;
    max-width: 1200px;
    height: 52px;
    background-image: url('/ss-client/images/desktop-catalog-banner-20251104.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-top:20px;
}


#wrapper h1 {font-family:Montserrat, sans-serif !important;color:#000 !important; font-size:30px; font-weight:bold !Important}
.buy-box {background:unset !important; border:unset; width:100% !important; padding:0 !important;}
.buy-box .list-save-box .price-container {text-align: left !important;}

.buy-box .container-1 .qty-box input {float: left;border-radius: unset;border: none;width: 40px !important;margin:0; font-size:16px}
.buy-button-box {text-align: left !important;}
.icon3 button#AddToWishlistImage {float:left}
.buy-box .webprice.pricing {font-size:16px;font-family:Montserrat, sans-serif; color:#000; position: relative;top:-5px; font-weight:bold}
.longdescription-section p {color:#000 !important;font-size:16px !important;font-family:Montserrat, sans-serif; line-height: 25px;}
.longdescription-section div {color:#000 !important;font-size:16px !important;font-family:Montserrat, sans-serif; line-height: 25px;}
.longdescription-section ul {color:#000 !important;font-size:16px !important;font-family:Montserrat, sans-serif; line-height: 25px;}
.longdescription-section div ul li {color:#000 !important;font-size:16px !important;font-family:Montserrat, sans-serif; line-height: 25px;}
.longdescription-section li {color:#000 !important;font-size:16px !important;font-family:Montserrat, sans-serif; line-height: 25px;}
#item-availability {color:#000 !important;font-size:16px;font-family:Montserrat, sans-serif;text-align: left !important;}
#itemNumberLabel {text-align: left;color:#000; margin-bottom: 0;display:none}
.buy-box .list-save-box .price-container {padding-top:0; color:#000}
.icon3 button#AddToWishlistImage {color:#000 !important}
.item-geolocation, .item-ship-msg {display:none !important}
.buy-button-box .item-button {background-image: none !important; color:#ffffff !important; width:268px; height:40px; text-transform: uppercase;font-family:Montserrat, sans-serif; font-size:16px;background-color: #80214f;top: -5px;position: relative; text-align: center; font-weight:bold;}

#QuantityLabel {
  display:none;
}
/*
#QuantityLabel::after {
    content: "QTY:";
    color: black;
    position: absolute;
    left: 0;
    top: 0;
}
*/
.itemnumberlabel-section #itemNumberLabel {font:normal 16px Montserrat, sans-serif !important}
#item-menu-breadcrumbs, #item-menu-breadcrumbs a:link, #item-menu-breadcrumbs a:visited, #item-menu-breadcrumbs a:active {color:#d6a637}
.item-spec-h1 {display:none}
.recommenditem-image img {width:280px; height:280px; max-width:280px; max-height:280px}
.accalign {height:unset; border:unset !important; margin:5px 26px !important; width:280px !important}
.recommenditem-desc {width: 100% !important;float: none !important;display: block !important;}
.recommenditem-desc .recommenditem-adcopy {display: none;}
.recommenditem-desc .recommenditem-price {display: none;}
.recommenditem-desc .recommenditem-clickforoptions {display: none;}
.recommenditem-desc .recommenditem-addtoorder {display: none;}

.recommenditem-desc A {color:#000 !important; font-weight: normal;font-size:16px;font-family:Montserrat, sans-serif}
.col-b {margin-top:37px}
.getshortdesc + br {display: none;}

.buy-box .container-1 .buy-button-box {display: block;clear: unset;padding-top: 15px;padding-bottom: 0;width: 500px;float: left;position: relative;top: -56px;left: 200px; height:0}
.noble_prod_collection {display:block; border-bottom:solid 2px #bea03c; font-weight:bold; width:100%; font-size:30px; padding-bottom: 5px; margin:0 10px 15px 10px;font-family: Montserrat, sans-serif;color:#333c5e}
.noble_prod_specs {display:block; border-bottom:solid 2px #bea03c; font-weight:bold; width:100%; font-size:30px; padding-bottom: 5px; margin:0 10px 15px 10px;font-family: Montserrat, sans-serif;color:#333c5e}
.noble_prod_accessories {display:block; border-bottom:solid 2px #bea03c; font-weight:bold; width:100%; font-size:30px; padding-bottom: 5px; margin:0 10px 15px 10px;font-family: Montserrat, sans-serif;color:#333c5e}
.noble_prod_specs_container {width: 100%;display: flex;justify-content: space-between;align-items: center;}
.noble_prod_specs_box {flex: 1;padding: 20px;text-align: left;}
.noble_prod_specs_box:nth-child(2) {text-align:center}
.noble_prod_specs_box img {/*max-width: 30%;*/height: 300px;border-radius: 10px;}
.noble_prod_specs_box iframe {width: 100%;height: 200px;border-radius: 10px;}
.noble_prod_specs_box ul {padding: 10px;text-align: left;margin: 0 auto;display: inline-block;font-size:16px;font-family: Montserrat, sans-serif; color:#000}
.noble_prod_specs_box ul {list-style: none;padding-left: 1.2em;}
.noble_prod_specs_box ul li::before {content: "\25C6";color: inherit;display: inline-block;width: 1em;margin-left: -1.2em;}
/*.noble_prod_specs_box ul li {padding-bottom:10px}*/
.noble_prod_accessories_container {width: 100%;display: flex;justify-content: space-between;align-items: center;}
.noble_prod_accessories_box {flex: 1;padding: 20px;text-align: left;}
.noble_prod_accessories_box P {font-size:16px;font-family: Montserrat, sans-serif;line-height:25px; color:#000}
.noble_prod_accessories_box img {/*max-width: 30%;*/height: 300px;border-radius: 10px;}

.icon3 button#AddToWishlistImage {font: normal 16px Montserrat, sans-serif !important;}

.item-brand-logo {text-align:left}
.item-brand-logo a {pointer-events: none;}
.itembrandtext {color:#000}
.itembrandtext a {color:#000 !important; text-decoration: underline !important; text-decoration-color: #bea03c !important; text-decoration-thickness: 2px !important;}
.brandlogo-section, .brandtext-section {text-align:left}
.brandtext-section {margin-bottom: 25px;display:none}
.noble_item_page_catalog {margin:0 0 25px 0; position: relative}
.recommenditem-image {width: 280px !important;height: 280px !important;}

/*Angular styles*/
#desktopGallery{
	position:relative;
    width:700px;
    float:left;
}


#desktopGallery div.container.slider{
	position:relative;
	display:inline-block;
	width:100%;
}

#desktopGallery div.slide--wrapper{
	position:relative;
	display:inline-block;
	width:100%;
	padding:25px 0 0 0
}

#desktopGallery div.slide--wrapper .slide{
	position:relative;
	display:inline-block;
	width:120px;
}

#desktopGallery div.slide--wrapper .slide .slide--image,
#desktopGallery div.slide--wrapper .slide .slide--video{
	position:relative;
	display:inline-block;
	width:100px;
	height:100px;
	border:solid 1px #808080;
	margin:5px 2px;
	cursor:pointer
}

#desktopGallery div.slide--wrapper .slide .slide--image:focus,
#desktopGallery div.slide--wrapper .slide .slide--video:focus{
	border:solid 1px #376ca2;
}

#desktopGallery div.ng-scope ul.nav li.ng-scope.active{
	opacity:1;
}

#desktopGallery div.slide--wrapper .slide .slide--image img,
#desktopGallery div.slide--wrapper .slide .slide--video img{
	position:absolute;
	display:block;
	margin:auto;
	top:0;
	right:0;
	bottom:0;
	left:0;
	max-width:76px;
	max-height:76px;
}

#desktopGallery div.slide--wrapper .slide .slide--video::after{
	position:absolute;
	display:inline-block;
	top:calc(50% - 21px);
	right:calc(50% - 30px);
	bottom:calc(50% - 21px);
	left:calc(50% - 30px);
	height:42px;
	width:60px;
	content:" ";
	background: url(/ss-client/images/youtube-play.png) no-repeat;
    opacity: 0.8;
    transition: all 0.2s linear 0s;
	z-index:100
}

#desktopGallery button.arrow {
    cursor: pointer;
    position:relative;
	display:inline-block;
	width:78px;
	height:50px;
	margin:3px;
    z-index: 5;
	text-indent:-99999px;
	border:0;
	top:-50px;
	left:-30px;
	overflow:hidden;
}

#desktopGallery button.arrow.prev {
	position:absolute;
	top:0;
	left:0;
	background: url(/ss-client/Images/arrows.png) no-repeat 0px 0px;
    opacity: 0.2;
    transition: all 0.2s linear 0s;
	transform: rotate(270deg);
	top:29px;
}

#desktopGallery button.arrow.next {
	background: url(/ss-client/Images/arrows.png) no-repeat 0px -50px;
    opacity: 0.2;
    transition: all 0.2s linear 0s;
	transform: rotate(270deg);
}

#desktopGallery button.arrow.prev:hover{
	opacity:1;
}

#desktopGallery button.arrow.next:hover{
	opacity:1;
}

#desktopGallery button.arrow:focus{
	opacity:1;
}


.product-video{
	position:relative;
	display:inline-block;
	width:100%;
	max-width:556px;
	height:556px;
	
}

.product-video iframe{
	position:absolute;
	display:block;
	max-width:556px;
	max-height:556px;
	margin:auto;
	top:0;
	right:0;
	bottom:0;
	left:0
}

/* Gallery main image */

.itemimage-section{
	position:relative;
	display:inline-block;
	width:100%;
	height:556px;
	padding:0 !important;
    float:left;
}

#product-image{
	position:relative;
	display:inline-block;
	width:100% !important;
	height:556px !important;
}

.ulgallery{
	position:relative;
	display:inline-block;
	width:100%;
	height:556px;
}

.ligallery{
	position:relative;
	display:inline-block;
	width:100%;
	height:556px;
	list-style:none
}

.ligallery img{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	max-height:556px;
	max-width:556px;
	margin:20px 0 0 0;
}

.arrow--prev{
	position:relative;
	top:0;
	left:0;
	width:80px;
	height:50px;
	float:left
}
.arrow--next{
	position:relative;
	display:inline-block;
	width:0;
	height: 0;
}

/*RB Modifications*/
.rb-column-1 .arrow--prev {height: 60px !important;}
.rb-column-1 {width: 80px;position: relative;display: inline-block;vertical-align: top;height: 100%;margin: 0;float: left;margin-right:40px}
.col-a {width:700px !important; margin-right:30px;margin-left:0 !important}
.col-b {width:470px !important; margin-right:0 !important; margin-left:0 !important}
.rb-column-1 #desktopGallery button.arrow.prev {position: absolute;background: url(/ss-client/Images/arrows.png) no-repeat 0 0;opacity: .2;transform: rotate(-0deg)!important;left:30px !important;top:-19px !important;}
.rb-column-1 #desktopGallery button.arrow.next {transform: rotate(-0deg)!important;left:15px !important;top:-19px !important;}
.rb-column-1 #desktopGallery button.arrow {cursor: pointer;display: inline-block;width: 78px;height: 50px;margin: 3px;z-index: 5;text-indent: -99999px;border: 0;}

.itemimage-section {clear: none !important;width: 100% !important;}
.socialmedia-section {top: -29px;}
div.LeftNavBG {display:none}
div#MainPageContent {float: none !important;max-width: 1200px !important;min-width: 1200px !important;width: 100% !important;margin-bottom:100px}

#wrapper {width: 1200px !important; font-family:Montserrat, sans-serif !important}
#item-menu-breadcrumbs, #item-menu-breadcrumbs a:link, #item-menu-breadcrumbs a:visited, #item-menu-breadcrumbs a:active {font:normal 16px Montserrat, sans-serif !important; color: #000000; padding-left:0}
div#product-image {width: 700px !important;height:700px !important}
.ligallery img {width: 100% !important;height: auto !important;max-height: 700px !important;max-width: 700px !important;}
.ligallery {height:auto !important}
.ulgallery {height:auto !important}
.itemimage-section {height:auto !important}
ul.ulgallery {padding: 0;margin: 0;}

.noble_collapsible_panels .header {cursor: pointer;display: inline-flex;align-items: center;font-weight: bold;padding: 8px 0;}
.noble_collapsible_panels .arrow {display: inline-block;margin-left: 5px;transition: transform 0.3s ease;font-size:16px;position: relative;top:3px;left:5px;}
.noble_collapsible_panels .collapsed .arrow {transform: rotate(-90deg);}
.itembrandtext {font:16px Montserrat, sans-serif !important}
.itembrandtext a {font:16px Montserrat, sans-serif !important}



#ItemQuantityWrapper {
    display: flex;
    align-items: center;
}

#ItemQuantityWrapper input {
    width: 50px;
    text-align: center;
    margin: 0 5px;
}

.qty-btn {
    background-color: #fff;
	border:solid 1px black;
    color: #000;
    width: 40px;
    height: 40px;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*
.qty-btn:hover {
    background-color: #444;
}
	*/


	
.nc_qty {color:#000; font-size:16px; padding-left:15px}
.buy-wrapper {width: 100% !important;margin: 0 !important;}
.brandlogo-section .item-brand-logo img {width:250px}


.zoom-wrapper {
  position: relative;
  display: inline-block;  /* ensures wrapper matches image size */
  width: 700px;
    height: 700px;
}

.zoom-trigger {
  position: absolute;
  bottom: -10px;
  right: 10px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 2000;
  display: block;           /* ensure absolute positioning works */
}

.zoom-trigger svg {
  width: 100%;
  height: 100%;
  display: block;          /* makes SVG fill the div correctly */
  stroke: yellow;
}

.zoom-wrapper .zoom-trigger {display:block}

.zoom-trigger svg line,
.zoom-trigger svg rect {
  stroke:#000000;      /* change corner lines color */
  fill: #000000;        /* change the small solid square inside */
}

.zoom-trigger:hover svg line,
.zoom-trigger:hover svg rect {
  stroke:#bea03c;
  fill: #bea03c;
}



/* Modal overlay */
.custom-modal {
  display: none;               /* fully hidden until JS shows it */
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.8);
  justify-content: center;
  align-items: center;
  z-index: 5000;
}

/* Zoomed image (with fade-in effect) */
.custom-modal img {
  max-width: 90%;
  max-height: 90%;
  border: 4px solid #fff;
  box-shadow: 0 0 20px rgba(0,0,0,0.6);

  /*opacity: 0;*/                     /* start hidden */
  transform: scale(0.95);         /* tiny shrink for effect */
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.custom-modal.show img {
  opacity: 1;
  transform: scale(1);            /* grow to normal size */
}

/* Close button */
.custom-modal .close-btn {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  z-index: 6000;
}


.purchase-kit-section .item-selection-wrapper {text-align:left !important;color: #000 !important;
    font-size: 16px !important;
    font-family: Montserrat, sans-serif;
	margin-top:15px
}
.purchase-kit-section .kit-includes {text-align: left !important; font-weight: bold !Important;}
.purchase-kit-section #KitValidationMessage {margin-top:15px}
.specifications-section {margin: 0 10px 15px 10px;padding: 8px 0;}
#item-specifications-info div {
  position: relative;
  padding-left: 25px;
}

#item-specifications-info div::before {
  content: "\25C6";
  position: absolute;
  left: 0;
  font-size:16px;font-family: Montserrat, sans-serif; color:#000
}
.FCimg a img {max-width:120px !important; height:auto !important; width:auto !important}
/* Hide the image */
.icon1 input[aria-label="Restricted Shipping Icon"] {
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    font:normal 16px Montserrat, sans-serif !important; color:#fff;
}

/* Background, text, and icon inside */
.icon1:has(input[aria-label="Restricted Shipping Icon"])::after {
    content: "\26A0  RESTRICTED SHIPPING";
    background: black url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M14 3h7v7h-2V6.41l-9.29 9.3-1.42-1.42L17.59 5H14V3z"/><path d="M5 5h9v2H7v10h10v-7h2v9H5z"/></svg>') no-repeat right 110px center;
    background-size: 16px 16px;
    padding-right: 0; /* space for the icon */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    color: #fff;
}
.ui-dialog-titlebar>button.ui-button:after {display:none}

.icon1:has(input[aria-label="Ring Size Icon"])::after {
    content: "RING SIZE CHART";
    background: black url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'><path d='M14 3h7v7h-2V6.41l-9.29 9.3-1.42-1.42L17.59 5H14V3z'/><path d='M5 5h9v2H7v10h10v-7h2v9H5z'/></svg>") no-repeat right 140px center;
    background-size: 16px 16px;
    padding-right: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    color: #fff;
}