@charset "UTF-8";
/* product info - price promotion text */
@import url("https://fonts.googleapis.com/css2?family=Bad+Script&display=swap");
@import url(https://fonts.googleapis.com/css2?family=Kalam:wght@300;400&display=swap);
.ps-product-promotion-text {
  background-color: #ffffbf;
  color: #BD7D4E;
  border: 3px dashed #FF9648;
  margin-bottom: 10px;
  padding: 5px;
  text-align: center; }

/* prwoduct info - bullet list header */
.ps-product-bullet-heading {
  margin: 0em 0 0.5em 0;
  font-style: normal;
  font-size: medium;
  color: #2a95c3;
  line-height: 1.5;
  font-weight: normal; }

.ps-product-bullet-heading-main-f {
  margin: 0em 0 0.5em 0;
  font-style: normal;
  font-size: medium;
  color: #2a95c3;
  font-weight: normal;
  line-height: 1.5; }

.ps-product-bullet-heading-addl-f {
  margin: 0em 0 0.5em 0;
  font-style: normal;
  font-size: medium;
  color: #2a95c3;
  font-weight: normal;
  line-height: 1.5; }

/* product info bullet point list */
.ps-product-bullet-point {
  background-image: url("https://www.watcho.co.uk/product_images/uploaded_images/Icons/blue-tick-1.jpg");
  background-image: url("https://www.watcho.co.uk/product_images/uploaded_images/Icons/arrow-right.png");
  background-repeat: no-repeat;
  padding-left: 20px;
  display: block;
  background-position: 0px 4px;
  margin-top: 6px;
  font-style: normal;
  color: #343434; }

/* product media info bullet point list */
.ps-product-media-bullet-point {
  background-image: url("https://www.watcho.co.uk/product_images/uploaded_images/Icons/video-icon-15px.jpg");
  background-repeat: no-repeat;
  padding-left: 20px;
  display: block;
  background-position: left;
  margin-top: 6px;
  font-style: normal;
  color: #343434; }

/* product info - featured in media header */
.ps-product-media-bullet-heading {
  margin: 1em 0 0.5em 0;
  font-style: normal;
  font-size: medium;
  color: #2a95c3;
  font-weight: normal;
  line-height: 1.5;
  padding-top: 12px;
  border-bottom: #2a95c3 1px solid; }

/* product info - collection header */
.ps-product-collection-heading,
.ps-product-how-to-guide {
  margin: 1em 0 0.5em 0;
  font-style: normal;
  font-size: medium;
  color: #2a95c3;
  font-weight: normal;
  line-height: 1.5;
  padding-top: 12px;
  border-bottom: #2a95c3 1px solid; }

/* product info - brand header */
.ps-product-brand-heading {
  margin: 1em 0 0.5em 0;
  font-style: normal;
  font-size: medium;
  color: #2a95c3;
  font-weight: normal;
  line-height: 1.5;
  padding-top: 12px;
  border-bottom: #2a95c3 1px solid; }

/* product info - silvercare service header */
.ps-product-silvercare-heading {
  background-image: url("https://www.watcho.co.uk/product_images/uploaded_images/Icons/Lifetime-1-45px.jpg");
  background-repeat: no-repeat;
  background-size: 18px;
  padding-left: 20px;
  display: block;
  background-position: left;
  margin: 1em 0 0.5em 0;
  font-style: normal;
  font-size: medium;
  font-weight: normal;
  line-height: 1.5;
  padding-top: 6px;
  border-top: none;
  border-bottom: #69C1C5 1px solid;
  color: #69C1C5; }

/* product info - our promise header */
.ps-product-promise-heading {
  margin: 1em 0 0.5em 0;
  font-style: normal;
  font-size: medium;
  font-weight: normal;
  line-height: 1.5;
  padding-top: 12px;
  border-top: none;
  border-top: #69C1C5 1px solid;
  color: #69C1C5;
  background-color: #f5f7fa;
  /* 10.07 */
  margin: 1em 0 -0.5em 0;
  /* 10.07 */ }

/* location: product detail pages */
/* instructions subsection */
.ps-product-instructions {
  background-image: url("https://www.watcho.co.uk/product_images/uploaded_images/Icons/Document-Icon-2.jpg");
  padding-left: 20px;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 16px; }

/* location: product detail pages */
/* display for link for view instructions */
.ps-instructions-link {
  /*display: inline-block;*/
  display: block;
  position: relative;
  padding-left: 6px;
  /* Font styles */
  text-decoration: none;
  /* color: #6AB3EC; */
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9); }

.ps-instructions-link:hover {
  color: #3C9CE7; }

.ps-instructions-link:before {
  content: "\25BA";
  font-size: 80%;
  display: inline-block;
  padding-right: 3px;
  pointer-events: none; }

.ps-instructions-link:hover:before {
  color: #F2BF97; }

/* location: product detail pages */
/* display for ice watch size guide link */
.ps-product-size-guide-link {
  display: inline-block;
  position: relative;
  padding-left: 6px;
  text-decoration: none;
  color: #6AB3EC; }

.ps-product-size-guide {
  background-color: #EFFAFD; }

.ps-product-size-guide-link:hover {
  background-color: #69C1C5;
  color: #FFFFFF; }

.ps-product-size-guide-link:before {
  content: "\25BA";
  font-size: 80%;
  display: inline-block;
  padding-right: 3px;
  pointer-events: none; }

/* location: product detail pages */
/* display for how to spot fake watch */
.ps-product-promise-text a {
  display: block;
  margin-top: 10px;
  /* add space above */
  text-decoration: underline; }

/* Product display page > Specs table */
.cltechspecs {
  margin-left: 5%;
  font-size: 15px;
  line-height: 1.5; }

.cltechspecs .td1 {
  width: 35%; }

.cltechspecs .td1-value {
  width: 65%; }

.kn-article {
  font-style: normal;
  color: #2a95c3;
  width: 600px;
  margin: 0 auto; }

.kn-article-heading {
  display: block;
  margin: 0.5em 0 0.5em 0em;
  font-size: x-large;
  color: #31b7d0;
  border-bottom: 2px solid #31b7d0; }

.kn-article-para1 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 0.16px; }

.kn-article-video-1 {
  margin-top: 10px;
  margin-bottom: 10px; }

/* help guide */
.help-guides {
  margin: 0.5em 0; }

.help-guide-topic-111 {
  width: 30%;
  height: 100px;
  float: left;
  margin-top: 0.5em;
  margin-left: 9%;
  margin-right: 9%;
  margin-bottom: 4em;
  border-radius: 0.25em;
  background-color: #f8f9fc;
  -webkit-box-shadow: 0 4px 4px -5px #c8c8c8;
  -moz-box-shadow: 0 4px 4px -5px #c8c8c8;
  box-shadow: 0 4px 4px -5px #c8c8c8; }

.help-guide-topic-heading-112 {
  text-align: center;
  margin: 1em 0 0 0;
  height: 40%; }

.help-guide-topic-heading-112 a {
  text-align: center;
  font-style: normal;
  font-size: 1.6em;
  color: #31D0D0;
  font-weight: normal;
  line-height: 1.5;
  border-bottom: solid 1px #31D0D0; }

.help-guide-topic-text-113 {
  text-align: center;
  margin: 0.25em 0 0.25em 0;
  font-style: normal;
  font-size: 1.1em;
  color: #A9A9A9;
  font-weight: normal;
  line-height: 1.5; }

.returns-step {
  margin-top: 0.5em;
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 4em;
  border-radius: 0.25em; }

.returns-step-title1 {
  margin: 1em 0 0.5em 0;
  font-style: normal;
  font-size: medium;
  color: #333;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 1.5;
  padding-top: 12px;
  font-family: Montserrat;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 16px; }

.returns-step-content {
  font-size: 15px;
  font-family: Montserrat;
  font-style: normal;
  color: #333;
  line-height: 1.4;
  letter-spacing: 0.16px;
  margin-left: 10%; }

.returns-step-content a {
  font-size: 16px;
  font-style: normal;
  color: #343434;
  line-height: 1.4;
  letter-spacing: 0.16px;
  text-decoration: underline; }

/* display for help guides */
.guide-article-heading1 {
  margin: 1em 0 1em 0;
  font-size: 2em;
  line-height: 1.5;
  padding-top: 12px;
  border-top: none;
  color: #69C1C5;
  border-bottom: solid 1px #69C1C5;
  max-width: 800px; }

.guide-article-intro-1,
.guide-article-content,
.guide-article-closing {
  font-size: 14px;
  font-style: normal;
  color: #343434;
  line-height: 1.4;
  letter-spacing: 0.16px;
  margin: 0 0 0.5em 0;
  /*max-width: 800px;*/ }

.guide-article-content-heading2,
.guide-article-content-heading2 a {
  font-size: 14px;
  font-style: normal;
  color: #343434;
  line-height: 1.4;
  letter-spacing: 0.16px;
  margin: 0 0 0.5em 0;
  color: #69C1C5;
  font-weight: bold;
  margin: 0.5em 0 0.25em 0;
  /*max-width: 800px;*/ }

.guide-article-content-heading2.v2 {
  color: white;
  padding: 5px;
  background-color: #69c1c5;
  border-radius: 4px;
  /*max-width: 800px;*/ }

.guide-article {
  margin: auto;
  max-width: 600px; }

.whitespace1 {
  margin: 1em 0 0 0; }

.bullet-link {
  border-bottom: dotted 1px #999; }

/* product info: watcho summary: written by text*/
/*
.ps-product-bullet-heading::after  
{ 
    content: "... Written by WatchO Team";
    font-size: smaller;
    float: right;
}
*/
/* product info: watcho summary: written by text*/
/*
.ps-product-info-heading::after  
{ 
    content: " ";
    font-size: smaller;
    float: right;
}
*/
/* header USP message */
#PSHeaderKeyPoints {
  text-align: center;
  font-size: 10px;
  text-transform: uppercase; }

.PSHKPBlock2 {
  display: inline-block;
  color: #999;
  margin-right: 1px;
  text-align: center;
  vertical-align: top;
  /*width: 239px;*/
  font-size: 11px; }

.ProductImageDescription {
  display: none; }

/* product info - left hand side - image share options */
.PrimaryProductDetails .ProductAside .AddThisButtonBox {
  text-align: right;
  background: none; }

.PinterestButtonContainer {
  text-align: right; }

.article-info-block {
  clear: both;
  border-bottom: solid 2px lightgrey; }

@media screen and (max-width: 768px) {
  .article-info-subblock {
    width: 100%; } }

@media screen and (min-width: 768px) {
  .article-info-subblock:not(.p-image) {
    width: 60%; }
  .article-info-subblock.p-image {
    width: 35%; } }

.article-info-subblock {
  /* width:420px;*/
  margin: 5px;
  color: #777777;
  font-size: 14px;
  /*line-height: 95%;*/
  text-align: justify; }

.article-info-subblock.left {
  float: left; }

.article-info-subblock.right {
  float: right; }

.presagepage {
  width: inherit !important; }

.presagepage .article-info-subblock.left {
  float: left !important; }

.presagepage .article-info-subblock.right {
  float: right !important; }

a.top-10-check-price {
  padding: 10px;
  text-decoration: none;
  color: white;
  background-color: #27cda5;
  border-radius: 15px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  float: right; }

.extended-wb.G-Shock {
  content: url("https://www.watcho.co.uk/product_images/uploaded_images/Banners/Extended-Warranty-G-Shock-WatchO-thin2.jpg"); }

.guide-collection {
  text-align: center;
  /*max-width:800px;*/ }

.guide-collection-link {
  font-size: 16px;
  color: #27cda5;
  border-bottom: dotted 1px #27cda5;
  text-decoration: none; }

.prod-faq-h {
  clear: both;
  border-bottom: #f5f4f4 1px solid;
  padding-bottom: 6px;
  width: 80%; }

/* smaller font to accommodate longer texts on straps page */
.SubCategoryListGrid[data-pr-subcatgrid-url~="/straps/brands.html"] ul li a:nth-of-type(2),
.SubCategoryListGrid[data-pr-subcatgrid-url~="/watch-straps.html"] ul li a:nth-of-type(2) {
  padding: 8px 2px 8px 2px;
  font-size: 11px; }

.SubCategoryListGrid[data-pr-subcatgrid-url~="/straps/brands.html"] h2,
.SubCategoryListGrid[data-pr-subcatgrid-url~="/watch-straps.html"] h2 {
  border: none; }

.SubCategoryListGrid[data-pr-subcatgrid-url~="/straps/brands.html"] ul li {
  border: solid 1px lightgrey; }

/*
.top-SubCategoryListGrid[data-pr-subcatgrid-url~="/jewellery.html"],
.SubCategoryListGrid[data-pr-subcatgrid-url~="/jewellery.html"] {
    display:none!important;
}
*/
.top-SubCategoryListGrid[data-pr-subcatgrid-url~="/homeware.html"],
.SubCategoryListGrid[data-pr-subcatgrid-url~="/homeware.html"] {
  display: none !important; }

.SubCategoryListGrid[data-pr-subcatgrid-url~="/our-watch-stores-milton-keynes.html"] {
  display: none !important; }

.top-SubCategoryListGrid[data-pr-subcatgrid-url~="/accessories.html"],
.SubCategoryListGrid[data-pr-subcatgrid-url~="/accessories.html"] {
  display: none !important; }

.SubCategoryListGrid[data-pr-subcatgrid-url~="/watches/swatch-watches.html"] {
  display: none !important; }

/*07.02.2024 start */
.top-SubCategoryListGrid[data-pr-subcatgrid-url~="/watches.html"],
.SubCategoryListGrid[data-pr-subcatgrid-url~="/watches.html"],
.top-SubCategoryListGrid[data-pr-subcatgrid-url~="/smartwatches.html"],
.SubCategoryListGrid[data-pr-subcatgrid-url~="/smartwatches.html"],
.top-SubCategoryListGrid[data-pr-subcatgrid-url~="/stores/"],
.SubCategoryListGrid[data-pr-subcatgrid-url~="/stores/"],
.top-SubCategoryListGrid[data-pr-subcatgrid-url~="/stores.html"],
.SubCategoryListGrid[data-pr-subcatgrid-url~="/stores.html"],
.top-SubCategoryListGrid[data-pr-subcatgrid-url~="/sale.html"],
.SubCategoryListGrid[data-pr-subcatgrid-url~="/sale.html"] {
  display: none !important; }

.article-info-subblock.meet-the-team {
  width: 320px; }

.meet-the-team h2 {
  margin-bottom: 0px; }

.meet-the-team h3 {
  margin-top: 0rem; }

.meet-the-team h4 {
  /*padding-top: 15px;*/
  font-size: 14px;
  padding-top: 5px;
  margin-top: 15px; }

.article-info-subblock .why-choose-us-link {
  color: #6db6ac;
  border-bottom: 1px dashed #27cda5; }

/* cart page: remove click here to keep shopping link*/
.KeepShopping {
  display: none; }

.ProductList .ProductDetails[data-pr-id="pr7044"]::after,
.ProductList .ProductDetails[data-pr-id="pr7046"]::after,
.ProductList .ProductDetails[data-pr-id="pr3844"]::after,
.ProductList .ProductDetails[data-pr-id="pr3845"]::after {
  content: "Personalised For Free";
  float: right;
  background-color: peru;
  color: white;
  padding: 2px 2px;
  letter-spacing: 1px;
  FONT-SIZE: 12px; }

h1[data-pr-id="pr7044"]::after,
h1[data-pr-id="pr7046"]::after,
h1[data-pr-id="pr3844"]::after,
h1[data-pr-id="pr3845"]::after {
  content: "Personalised For Free";
  float: right;
  background-color: peru;
  color: white;
  padding: 0px 2px;
  letter-spacing: 1px;
  FONT-SIZE: 12px; }

.contact-us-chat-with-us {
  display: block !important;
  font-size: small; }

/* commented as shown for first name for new accounts */
#FormField_7 {
  margin-bottom: 15px; }

label[for="FormField_7"]::after {
  content: "\000A    Handy if we need to contact you";
  white-space: pre;
  color: cadetblue; }

.productdesc-head {
  font-weight: bold;
  margin-bottom: 7px; }

.productdesc-sub {
  padding-left: 10px; }

.SubBrandListGrid .ProductList li .ProductImage {
  padding-left: 20px; }

.ps-product-promise-text {
  background-color: #f5f7fa;
  /* 10.07 */
  padding-top: 15px;
  /* 10.07 */
  padding-bottom: 10px; }

.ps-why-choose-us-gcs,
.ps-why-choose-us-official,
.ps-why-choose-us-silvercare,
.ps-why-choose-us-winner,
.ps-why-choose-us-warranty-6,
.ps-why-choose-us-warranty,
.ps-why-choose-us-silvercare,
.ps-why-choose-us-delivery2,
.ps-why-choose-us-personalisation {
  background-image: none;
  padding-left: 0px; }

.ps-why-choose-us-gcs::before,
.ps-why-choose-us-official::before,
.ps-why-choose-us-silvercare::before,
.ps-why-choose-us-winner::before,
.ps-why-choose-us-warranty-6::before,
.ps-why-choose-us-warranty::before,
.ps-why-choose-us-silvercare::before,
.ps-why-choose-us-delivery2::before,
.ps-why-choose-us-personalisation::before {
  content: "►";
  color: orange;
  padding-right: 5px; }

/* display for help guides */
.ps-product-promise-text .ps-product-promise-heading {
  margin-bottom: 0.5em;
  border-bottom: none;
  border-top: none; }

.productAttributeList .productAttributeRow {
  background-color: white;
  letter-spacing: 1px;
  font: 400 11px/110% 'Montserrat',Arial,Helvetica,sans-serif;
  padding-top: 12px;
  border-top: #ccc 1px solid;
  border-bottom: #ccc 1px solid;
  BOX-SHADOW: NONE; }

.productAttributeList .productAttributeRow:nth-of-type(2) {
  border-top: none; }

.productAttributeList .productAttributeLabel label::before {
  content: "►";
  color: orange;
  padding-right: 5px; }

.productAttributeList .productAttributeLabel label {
  PADDING: 5PX 0PX; }

.productAttributeList .productAttributeLabel,
.productAttributeList .productAttributeLabel span {
  color: #666666;
  FONT-WEIGHT: BOLD; }

.p-price-after-voucher {
  color: #6db6ac; }

.CheckoutOrderComments .PL20::before {
  content: " \A If no one is at the address at the time of the delivery, don't worry! If you don't have special arrangements agreed, the package will be securely taken to the nearest depot and the delivery company will leave you a card to notify you. You can either arrange a redelivery or collect it from depot. \A \A Please enter any other notes you would like to add:";
  font-size: 14px; }

.delivery-heading {
  color: green !important;
  font-weight: bold; }

@media (min-width: 769px) {
  .BrowseByBrandLogos {
    width: 125px;
    height: 146px;
    line-height: 146px;
    width: 180px; }
    .BrowseByBrandLogos a img {
      max-height: 75px;
      max-width: 120px; } }

.BrowseByBrandLogos {
  -webkit-border-image: none;
  color: #666666;
  display: inline-table;
  font-family: arial;
  font-size: 11px;
  margin-left: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  border: solid 1px lightgrey;
  margin-right: 3px;
  margin-top: 5px; }

.BrowseByBrandLogos.cat-casio {
  margin-right: 10px;
  width: 135px;
  margin-bottom: 18px;
  height: 110px;
  line-height: 110px; }

.BrowseByBrandLogos.cat-store {
  margin-right: 28px; }

/* project 115 - browse brand logos */
.BrowseByBrandLogos:hover {
  -webkit-box-shadow: 0 0 2px #31b7d0;
  -moz-box-shadow: 0 0 2px #31b7d0;
  box-shadow: 0 0 2px #31b7d0; }

.BrowseByBrandLogos a {
  vertical-align: middle;
  /*display: inline-block;*/
  display: table-cell; }

.BrowseByBrandLogos a img {
  vertical-align: middle;
  display: inline-block;
  /*max-height: 50px;
    max-width: 80px; */ }

.navUser-action {
  padding: 0.25rem .75rem;
  text-transform: capitalize;
  /*20.06.2024*/ }

/************************************************New Description **************************************************************/
.custom-product .desk_spec_box,
.custom-product .tab {
  float: none;
  display: inline-block; }

.custom-product .productView-description {
  width: 100%; }

.custom-product .clearfix {
  clear: both; }

.custom-product .videoGallery-main iframe {
  height: 100%;
  margin: 0 auto;
  position: static; }

.custom-product .videoGallery-main {
  padding: 0;
  display: block;
  overflow: hidden;
  height: 400px;
  width: 600px;
  margin: 0 auto; }

.custom-product ul.videoGallery-list {
  margin: 30px 0; }

.custom-product .videoGallery .toggle-content {
  border: 1px solid #ccc;
  margin-bottom: 30px;
  padding-top: 20px; }

.toggle.videoGallery {
  margin-bottom: 20px; }

.custom-product .videoGallery h4.toggle-title {
  background: #EBEBEB;
  margin: 0;
  padding: 20px; }

@media screen and (min-width: 550px) {
  .mobile_spec_box, .tab_outer img {
    display: none !important; } }

.custom-product .description-bg-image,
.productView .description-bg-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden; }

.custom-product .video-body {
  text-align: left; }

.custom-product ul.videoGallery-list {
  text-align: center; }

.custom-product .description-bg-image ul li {
  color: #fff; }

.custom-product .description-bg-image ul li strong {
  font-weight: 700; }

.custom-product .description-bg-image ul {
  margin-bottom: 0; }

.custom-product .ps-product-bullet-heading,
.custom-product .ps-product-bullet-heading-main-f {
  color: #2DB7D3;
  font-weight: 700;
  font-size: 16px; }

.custom-product .description-bg-content {
  position: relative;
  z-index: 2; }

.custom-product .description-with-images {
  padding: 20px 0;
  display: block;
  overflow: hidden; }

.custom-product .description-with-images ul {
  list-style: none;
  margin: 0; }

.custom-product .description-with-images h5 {
  font-size: 14px;
  color: #000;
  margin: 15px 0 3px; }

.custom-product .description-with-images p {
  margin: 0; }

.custom-product .description-with-images ul li {
  width: 31%;
  float: none;
  text-align: left;
  margin-right: 3%;
  padding: 10px 0 30px;
  display: inline-block;
  vertical-align: text-top; }

.custom-product .description-with-images ul li:nth-child(3n+0) {
  margin-right: 0; }

.custom-product .decription-future-img img {
  height: 200px;
  border: 1px solid #ccc;
  padding: 5px; }

@media screen and (max-width: 1260px) {
  .custom-product .description-with-images ul li {
    width: 31%; }
  .custom-product .description-with-images ul li,
  .custom-product .description-with-images ul li:nth-child(3n+0) {
    margin-right: 2%; }
  .custom-product .description-with-images ul {
    text-align: center; } }

@media screen and (max-width: 801px) {
  .custom-product .description-with-images ul li,
  .custom-product .description-with-images ul li:nth-child(3n+0) {
    margin-right: 2%; }
  .custom-product .description-with-images ul li {
    width: 30%; } }

@media screen and (max-width: 767px) {
  .custom-product .description-with-images ul li {
    width: 47.5%; }
  .custom-product .toggle-content {
    padding-top: 0; }
  .custom-product .videoGallery-main {
    padding: 10px;
    height: auto;
    width: 100%; }
  .custom-product .ps-product-bullet-heading,
  .custom-product .ps-product-bullet-heading-main-f {
    font-size: 16px; } }

@media screen and (max-width: 450px) {
  .custom-product .description-with-images ul li {
    width: 100%;
    text-align: center; }
  .custom-product .ps-product-bullet-heading,
  .custom-product .ps-product-bullet-heading-main-f {
    font-size: 16px; } }

.productView .description-bg-image {
  background-image: url(https://www.watcho.co.uk/product_images/uploaded_images/description/description-img3.jpg);
  padding: 50px 20px;
  display: block;
  margin-bottom: 20px; }

.productView .description-bg-image ul li {
  color: #fff; }

.productView .description-bg-image ul li strong {
  font-weight: 700; }

.productView .description-bg-image ul {
  margin-bottom: 0; }

.productView .ps-product-bullet-heading,
.productView .ps-product-bullet-heading-main-f {
  color: #2DB7D3;
  font-weight: 700; }

.productView .description-bg-content {
  position: relative;
  z-index: 2; }

.productView .description-with-images {
  padding: 20px 0;
  display: block;
  overflow: hidden; }

.productView .description-with-images ul {
  list-style: none;
  margin: 0; }

.productView .description-with-images h5 {
  font-size: 16px;
  color: #000;
  margin: 15px 0 3px; }

.productView .description-with-images p {
  margin: 0; }

.productView .description-with-images ul li {
  width: 48%;
  float: none;
  text-align: center;
  margin-right: 3%;
  padding: 10px 0 30px;
  display: inline-block;
  vertical-align: text-top; }

.productView .description-with-images ul li:nth-child(2n+0) {
  margin-right: 0; }

.productView .decription-future-img img {
  height: 200px;
  border: 1px solid #ccc;
  padding: 5px; }

@media screen and (max-width: 1260px) {
  .productView .description-with-images ul li {
    width: 30%; }
  .productView .description-with-images ul li,
  .productView .description-with-images ul li:nth-child(2n+0) {
    margin-right: 2%; }
  .productView .description-with-images ul {
    text-align: center; } }

@media screen and (max-width: 767px) {
  .productView .description-with-images ul li {
    width: 47%; } }

@media screen and (max-width: 450px) {
  .productView .description-with-images ul li {
    width: 100%; } }

/************************************************New Description **************************************************************/
.custom-product .description-with-images ul li {
  transition: all 0.6s ease;
  text-align: center; }

.decription-hover {
  transition: all 0.6s ease;
  height: 100%;
  padding: 30px 15px 15px; }

.custom-product .description-with-images ul li:hover .decription-hover {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.custom-product .description-with-images ul {
  display: flex;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.custom-product .description-with-images {
  overflow: visible; }

.custom-product .decription-future-img img {
  height: 235px;
  border: 0;
  width: auto;
  transition: all 0.6s ease;
  object-fit: cover;
  padding: 0; }

.custom-product .description-with-images ul li:hover:hover img {
  transform: scale(1.1); }

.custom-product {
  display: block;
  margin-top: 25px; }

.custom-product .productView-description {
  width: 100%;
  padding: 0; }

.custom-product .description-with-images p {
  text-align: justify;
  font-size: 13px;
  color: #000; }

.custom-product .description-with-images h5 {
  text-transform: capitalize;
  margin: 10px 0 15px;
  /* 28.08.2024 */
  /*
	background-color: #DDEBF7;
	color: #0a94b3;
	*/ }

.custom-product .ps-product-bullet-heading, .custom-product .ps-product-bullet-heading-main-f {
  /*color: #4CAF50;*/
  /*border-bottom: 1px solid #4CAF50;*/
  padding-bottom: 5px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 16px;
  color: #05637d;
  font-weight: normal;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000;
  line-height: 175%;
  letter-spacing: 0.5px;
  font-weight: 500; }

.custom-product .description-bg-image {
  background-image: url(https://www.watcho.co.uk/product_images/uploaded_images/description/description-img3.jpg); }

.description-bg-image::before {
  content: '';
  position: absolute;
  /*background: rgba(0,0,0,0.4);*/
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }

.clearfix {
  clear: both; }

@media screen and (max-width: 1100px) {
  .custom-product .decription-future-img img {
    height: 200px; }
  .decription-hover {
    padding: 0;
    box-shadow: none !important; } }

.card-figure .benefits_highlights_msg img {
  max-width: 85%;
  max-height: 85%;
  opacity: 80%; }

@media screen and (max-width: 991px) {
  .custom-product .ps-product-bullet-heading, .custom-product .ps-product-bullet-heading-main-f {
    font-size: 14px; }
  .card-figure .benefits_highlights_msg img {
    max-width: 75%;
    max-height: 75%;
    opacity: 80%; } }

@media screen and (max-width: 801px) {
  .custom-product .description-with-images ul li, .custom-product .description-with-images ul li:nth-child(3n+0) {
    margin-right: 4%; }
  .custom-product .description-with-images ul li:nth-child(2n+0) {
    margin-right: 0; }
  .custom-product .description-with-images ul li {
    width: 47.5%; } }

@media screen and (max-width: 450px) {
  .custom-product .description-with-images ul li, .custom-product .description-with-images ul li:nth-child(3n+0) {
    margin-right: 0; }
  .custom-product .description-with-images ul li {
    width: 100%; } }

.custom-product .productView-description {
  background: #fff; }

.custom-product .description-with-images h5, .productView .description-with-images h5 {
  font-weight: 500; }

.custom-product .description-bg-image {
  padding: 50px 20px;
  display: block;
  margin-bottom: 20px; }

.custom-product .tabs {
  text-align: center; }

.custom-product .cltechspecs {
  width: 100%; }

.custom-product .cltechspecs .td1 {
  width: 15%; }

.nomination-message {
  background-color: #f8f2cd;
  font-size: 14px;
  padding: 10px; }

.footer {
  /*background-color: #eee;*/
  background-color: #f1f1f1;
  background-color: #f7f7f7;
  /*07.10.2024 */ }

/**************** 196 start *******/
.bad-script-font {
  font-family: 'Bad Script', cursive !important; }

.bt-tomorrow h3 {
  text-transform: capitalize;
  font-size: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  flex-wrap: wrap;
  color: #4caf50; }

.h3-inner-text {
  display: block;
  color: #022f3f;
  text-transform: none;
  font-size: 20px;
  margin-bottom: 0;
  margin-right: 15px;
  font-weight: normal; }

h4.bt-tagline {
  font-size: 35px;
  margin: 0; }

ul.bt-list {
  margin: 0;
  padding: 0;
  list-style-type: none; }

ul.bt-list li {
  display: inline-block;
  margin: 10px 60px 0px; }

.bt-list h5 {
  margin: 0 0 5px;
  padding: 0;
  color: #4caf50;
  font-size: 22px;
  /*font-weight: bold;*/
  font-family: Karla,Arial,Helvetica,sans-serif; }

.bt-list h6 {
  text-transform: capitalize;
  margin: 0;
  font-size: 18px;
  /*color: #022f3f;*/
  color: #333; }

.bt-flex {
  display: flex;
  align-items: center; }

.bt-img {
  max-width: 65px; }

.bt-content {
  margin-left: 25px;
  text-align: left; }

@media only screen and (max-width: 991px) {
  .bt-tomorrow h3 {
    font-size: 19px; }
  .h3-inner-text {
    font-size: 17px; }
  ul.bt-list li {
    display: inline-block;
    margin: 0px 15px 0px; }
  .h3-inner-text {
    font-size: 18px; }
  .bt-list h6 {
    font-size: 16px; }
  .bt-img {
    max-width: 50px; }
  .bt-list h5 {
    margin: 0 0 0px; }
  .bt-content {
    margin-left: 20px;
    width: 100%; }
  ul.bt-list li {
    margin: 5px 15px 0px; } }

@media only screen and (max-width: 580px) {
  .bt-flex {
    justify-content: center;
    flex-wrap: nowrap; }
  .bt-content {
    text-align: left;
    margin-left: 20px;
    width: 100%; }
  .bt-list h5 {
    font-size: 17px;
    margin: 3px 0 2px; }
  .h3-inner-text {
    margin-bottom: 7px;
    width: 100%;
    margin-right: 0; }
  .h3-inner-text, .bt-list h6 {
    letter-spacing: 0.5px; }
  .h3-inner-text {
    font-size: 17px; }
  .bt-list h6 {
    font-size: 15px; }
  ul.bt-list li {
    margin: 5px 0px 5px;
    width: 230px; }
  .bt-tomorrow h3 {
    font-size: 16px; }
  .bt-img {
    max-width: 45px; } }

/****************************************************/
/*********************** Delighted Reviews start *******************/
.review-content {
  margin: 20px 0 40px; }

.product-review-wrapper p.productReview-body {
  -webkit-line-clamp: 3;
  display: -webkit-box;
  overflow: hidden;
  word-break: break-word;
  height: 61px;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 15px;
  text-overflow: ellipsis; }

.product-review-wrapper .productReview-title {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  word-break: break-word;
  color: #4caf50;
  font-weight: normal;
  font-size: 14px;
  min-height: 20px; }

ul.review-catchy-line strong {
  color: #00b67a; }

/**** review star wrapper *****/
.review-star-wrapper {
  position: relative;
  padding-bottom: 40px;
  width: 105px; }

.tp-stars .tp-star__shape {
  fill: #fff; }

.tp-stars--5 .tp-star:nth-of-type(-n+5) .tp-star__canvas, .tp-stars--5 .tp-star:nth-of-type(-n+5) .tp-star__canvas--half {
  fill: #00b67a;
  fill: #085067; }

.tp-stars--5 .tp-star:nth-of-type(-n+5) .tp-star__canvas-grey, .tp-stars--5 .tp-star:nth-of-type(-n+5) .tp-star__canvas-grey--half {
  fill: #808080; }

.review-header {
  margin-bottom: 5px; }

.product-review-wrapper .productReview-author {
  margin-bottom: 8px;
  text-transform: capitalize;
  min-height: 20px; }

.tp-stars .tp-star__canvas, .tp-stars .tp-star__canvas--half {
  fill: #dcdce6; }

/* the parent */
.product-review-wrapper .slick-list {
  margin: 0 -15px; }

.product-review-wrapper .slick-slide {
  margin: 0 12px; }

ul.review-catchy-line {
  list-style: none;
  text-align: center;
  margin: 20px 0 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
  ul.review-catchy-line li {
    display: inline-block; }

li.review-in-list {
  margin-right: 10px; }

h5.review-h5 {
  margin: 0;
  text-transform: inherit;
  color: #333;
  font-family: Karla,Arial,Helvetica,sans-serif; }

ul.review-catchy-line a.border-right {
  position: relative;
  padding: 0 15px 0 4px; }
  ul.review-catchy-line a.border-right::after {
    content: "";
    position: absolute;
    right: 5px;
    top: 5px;
    width: 1px;
    background-color: #555;
    height: 10px; }

.product-review-wrapper ul.tabs.related-products-list li::after {
  border-color: #00b67a !important; }

.product-review-wrapper ul.popular-products-title li a {
  color: #00b67a !important;
  font-family: 'Kalam', cursive;
  text-transform: capitalize; }

.product-review-wrapper .slick-next:hover, .product-review-wrapper .slick-prev:hover {
  background-color: #e5e5e5;
  border-color: #e5e5e5; }

.review-green-text {
  font-weight: 500;
  text-transform: capitalize;
  color: #333333;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 14px; }

.review-h3 {
  margin: 0;
  color: #022f3f;
  font-weight: 500;
  font-size: 16px;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  letter-spacing: 0.25px;
  text-transform: capitalize;
  /* 20.03.2024 */
  /*text-align: center;*/
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 15px;
  color: #333;
  padding-top: 26px;
  padding-bottom: 13px; }

.review-title-flex {
  /* 30.01.2024 */
  /*
    display: flex;
    border-bottom: 1px solid #00b67a;
    border-bottom: 1px dashed #ccc;
    align-items: center;
    */
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 7px; }

@media only screen and (max-width: 1100px) {
  ul.review-catchy-line {
    margin: 40px 0 0; }
  .product-review-wrapper .slick-dots {
    bottom: -37px; } }

@media only screen and (max-width: 767px) {
  .review-title-flex {
    justify-content: center; }
  .review-h3, .review-h5 {
    width: 100%;
    /*text-align: center;*/ } }

@media only screen and (max-width: 580px) {
  .product-review-wrapper .slick-dots {
    bottom: -32px; }
  .product-review-wrapper p.productReview-body {
    min-height: auto;
    margin: 0 0 10px; }
  ul.review-catchy-line {
    margin: 10px 0 0; }
  .review-content {
    margin: 5px 0 30px; }
  h5.review-inner-heading {
    margin: 0 0 10px; }
  .review-h3 {
    margin: 3px 0; }
  .review-catchy-line li {
    font-size: 15px; } }

/*********************** Delighted Reviews End *******************/
@media only screen and (max-width: 580px) {
  .product-review-wrapper .slick-dots {
    bottom: 0px !important;
    position: relative !important; } }

@media screen and (max-width: 400px) {
  .product-review-wrapper .slick-dots li {
    height: 1rem;
    margin: 0;
    padding: 0.8rem;
    width: 1rem; } }

.product-review-wrapper-parent {
  margin-top: 20px; }

hr {
  color: #ccc;
  border: 1px solid; }

.our-target {
  background-color: #EFFAFD;
  padding: 35px; }

.bt-list .target {
  margin: 0 0 5px;
  padding: 0;
  color: #4EBCD3;
  font-size: 26px;
  font-weight: bold;
  font-family: Karla,Arial,Helvetica,sans-serif; }

.our-target-mobile {
  padding-top: 30px; }

table {
  width: 100%;
  border-collapse: collapse; }

th {
  padding: 8px;
  text-align: left;
  border-bottom: 1px dashed #DDD; }

tr, td {
  padding: 8px;
  text-align: left;
  border-bottom: 1px dashed #DDD; }

.justify-content {
  justify-content: start;
  padding: 0 130px; }

.our-target-text {
  padding: 0 120px; }

.marginRight {
  margin-right: 0;
  padding: 13px 168px; }

.luck {
  color: #4EBCD3; }

.backcolor {
  padding: 0 20px; }

.efforts-table th, td {
  border-bottom: none; }

.efforts-table tr th:nth-child(1), .efforts-table tr td:nth-child(1) {
  border-right: 1px dashed #DDD; }

.efforts-table tr th, .efforts-table tr td {
  position: relative; }

.efforts-table tr th:after, .efforts-table tr td:after {
  content: '';
  height: 2px;
  width: 97%;
  position: absolute;
  border-bottom: 1px dashed #ddd;
  left: 0;
  right: 0;
  bottom: 0; }

.efforts-table tr th:nth-child(2), .efforts-table tr td:nth-child(2) {
  position: relative; }

.efforts-table tr th:nth-child(2):after, .efforts-table tr td:nth-child(2):after {
  left: unset; }

@media only screen and (max-width: 1024px) {
  .marginRight {
    padding: 24px 168px; } }

@media only screen and (max-width: 991px) {
  .bt-tomorrow h3 {
    font-size: 19px; }
  .h3-inner-text {
    font-size: 17px; }
  ul.bt-list li {
    display: inline-block;
    margin: 0px 15px 0px; }
  .h3-inner-text {
    font-size: 18px; }
  .bt-list h6 {
    font-size: 16px; }
  .bt-img {
    max-width: 50px; }
  .bt-list h5 {
    margin: 0 0 0px; }
  .bt-content {
    margin-left: 20px;
    width: 100%; }
  ul.bt-list li {
    margin: 5px 15px 0px; }
  .marginRight {
    margin-right: 0;
    padding: 13px 105px; }
  .justify-content {
    justify-content: start;
    padding: 0 70px; }
  .backcolor {
    padding: 0 5px; }
  .our-target-text {
    padding: 0px 56px; }
  .table {
    border: none; }
  .bt-list td + td {
    border-left: none; } }

/* sell your jewellery page */
ul.sell-jewellery-why-choose-us {
  list-style-type: none;
  padding-left: 0; }

.sell-jewellery-why-choose-us li:before {
  content: "\2713";
  color: green;
  display: inline-block;
  width: 1em;
  margin-left: -1em; }

.breadcrumb {
  background: none !important;
  padding-right: 0;
  padding-left: 0;
  margin-top: 5px;
  /* 13.01.2024 */
  color: #333; }

/* Base breadcrumb link styles */
.breadcrumb a {
  position: relative;
  color: #333;
  text-decoration: none; }

/* Pseudo-element for the border */
.breadcrumb a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  /* Adjust based on design */
  width: 100%;
  height: 1px;
  background-color: transparent;
  transition: background-color 0.3s ease; }

/* Hover effect */
.breadcrumb a:hover::after {
  background-color: #000; }

/* Focus state for accessibility */
.breadcrumb a:focus::after {
  background-color: #000; }

.breadcrumb-label:hover {
  color: black; }

.card {
  border: none !important; }

.card-title > a {
  line-height: 150%;
  font-size: 14px;
  font-size: 12px;
  /*26.07.2024*/
  color: black;
  font-weight: 400; }

#search_query {
  border-radius: 0px;
  /* 10.09.2024 */
  /*
    border-top:none;
    border-left:none;
    border-right:none;
    */
  color: #333;
  /*
    border: solid 1px #dbeaf652;
    border: solid 1px #dbeaf691;
    */
  border: solid 1px #06647e12;
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  font-size: 0.9rem; }

#search_query:focus {
  border: solid 1px #333;
  outline: none;
  /* Optionally remove the default outline */ }

.mobile-show {
  display: none; }

@media (min-width: 801px) {
  .accordion--navList .accordion-block {
    margin-top: 2rem;
    border-bottom: 1px solid #cccccc; } }

@media only screen and (min-width: 802px) and (max-width: 1280px) {
  .common_parent_filter .common_hide_container.show {
    width: 340px !important; } }

@media (min-width: 801px) {
  .common_parent_filter {
    display: flex; }
  .common_parent_filter .common_hide_container {
    width: 300px;
    width: 265px;
    /*11.09.2024 */
    margin-top: 110px;
    /*07.02.2024*/
    margin-right: 1rem;
    /*11.09.2024 */ }
  .common_parent_filter .common_hide_container .facetedSearch {
    /*width: 300px !important;*/
    width: 235px !important;
    /*11.09.2024 */ }
  .common_parent_filter .common_hide_container nav .facetedSearch .facetedSearch-navList .accordion--navList .accordion-block {
    margin-top: 0rem !important;
    border-bottom: 1px solid #f7f7f7; } }

@media (max-width: 800px) {
  .product_parent {
    flex-direction: column-reverse;
    display: flex; }
  .mobile-show {
    display: block; }
  .common_parent_filter .facetedSearch-toggle-indicator {
    width: auto; }
  .mobile-appearance {
    width: 0;
    border: none;
    padding-right: 0;
    background: transparent; }
  .common_parent_filter .facetedSearch-toggle:before,
  .common_parent_filter .facetedSearch-toggle:after {
    display: none; }
  .common_parent_filter .facetedSearch-toggle {
    border: none;
    padding: 0 1rem;
    margin-bottom: 1rem; }
  .navPages-list {
    margin-top: 30px; } }

@media (max-width: 800px) {
  .common_parent_filter {
    position: relative;
    margin-top: 10px; }
  .common_parent_filter .filter-container .sidebarBlock .mobile_alignment {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1px #eee;
    padding-bottom: 8px; }
  .common_parent_filter .page-content .mobile_hide {
    display: none; }
  .common_parent_filter .page-content .actionBar {
    position: absolute;
    top: -30px;
    right: 0px; }
  .common_parent_filter .page-content .actionBar .actionBar-section .form-field {
    border: none !important; }
  .common_parent_filter .page-content .actionBar .actionBar-section .form-field .form-label {
    color: #333;
    text-transform: uppercase;
    /*text-decoration: underline;*/
    /* 12.08.2024 */ }
  .common_parent_filter .page-content .actionBar .actionBar-section .form-field .form-select {
    width: 0; }
  .actionBar-section .form-select {
    color: #333; } }

.product_detail_custom .custom-product .productView-description .custome-details .productReviews .toggle-title {
  color: #333;
  Font-size: 14px; }

.home_page .Content .love-watcho-section .home-title-wrapper .love-watcho-gallery .productCarousel .slick-list .slick-track .productCarousel-slide .cards .custom_social img {
  width: 100%; }

.home_page .Content .award-float-none .awards-wrapper .scroll-fix-hight- .award-row .productCarousel .slick-list .slick-track .productCarousel-slide .cards .custom_social img {
  width: 100%;
  aspect-ratio: 1 / 1; }

.home_page .Content .award-float-none .awards-wrapper .scroll-fix-hight- .award-row .custom_wall .slick-dots {
  bottom: -45px; }

.home_page .custom_wall .slick-dots {
  bottom: -45px; }

.mobile-home .award-float-none .awards-wrapper .scroll-fix-hight- .award-row .productCarousel .slick-list .slick-track .productCarousel-slide .cards .custom_social img {
  width: 100%;
  aspect-ratio: 1 / 1; }

.home_page .mobile_visible,
.mobile-home .mobile_visible {
  display: none; }

.watches_page .treat_yourself .treat_yourself_row,
.home_page .treat_yourself .treat_yourself_row,
.mobile-home .treat_yourself .treat_yourself_row {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 40px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 30px; }

.watches_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
.home_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
.mobile-home .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper {
  width: 100%;
  height: 500px;
  overflow: hidden; }

.watches .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper img,
.home_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper img,
.mobile-home .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.watches_page .treat_yourself .treat_yourself_row .item_wrapper .description_wrapper,
.home_page .treat_yourself .treat_yourself_row .item_wrapper .description_wrapper,
.mobile-home .treat_yourself .treat_yourself_row .item_wrapper .description_wrapper {
  margin-top: 15px;
  letter-spacing: 1px;
  font-size: 1.1em;
  text-transform: uppercase;
  text-align: center; }

.watches_page .treat_yourself .treat_yourself_row .item_wrapper .description_wrapper .treat_btn,
.home_page .treat_yourself .treat_yourself_row .item_wrapper .description_wrapper .treat_btn,
.mobile-home .treat_yourself .treat_yourself_row .item_wrapper .description_wrapper .treat_btn {
  display: inline-block;
  text-decoration: none;
  border-bottom: 1px solid;
  color: Black; }

.watches_page .treat_yourself .treat_yourself_row .item_wrapper .description_wrapper span,
.home_page .treat_yourself .treat_yourself_row .item_wrapper .description_wrapper span {
  margin-left: 6px; }

.mobile-home .treat_yourself .treat_yourself_row .item_wrapper .description_wrapper span {
  margin-left: 6px; }

/* Media Queries */
@media screen and (max-width: 1700px) {
  .watches_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .home_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .mobile-home .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper {
    height: 465px; } }

@media screen and (max-width: 1590px) {
  .watches_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .home_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .mobile-home .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper {
    height: 430px; } }

@media screen and (max-width: 1440px) {
  .watches_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .home_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .mobile-home .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper {
    height: 380px; } }

@media screen and (max-width: 1350px) {
  .watches_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .home_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .mobile-home .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper {
    height: 350px; } }

@media screen and (max-width: 1280px) {
  .watches_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .home_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .mobile-home .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper {
    height: 326px; } }

@media screen and (max-width: 1080px) {
  .watches_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .home_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .mobile-home .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper {
    height: 310px; } }

@media screen and (max-width: 1024px) {
  .watches_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .home_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .mobile-home .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper {
    height: 280px; } }

@media screen and (max-width: 991px) {
  .watches_page .treat_yourself .treat_yourself_row,
  .home_page .treat_yourself .treat_yourself_row,
  .mobile-home .treat_yourself .treat_yourself_row {
    grid-template-columns: auto auto;
    gap: 25px; }
  .watches_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .home_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .mobile-home .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper {
    height: 400px; }
  .custom_highlight_parent_msg {
    bottom: 0; } }

@media screen and (max-width: 890px) {
  .watches_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .home_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .mobile-home .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper {
    height: 390px; } }

@media screen and (max-width: 840px) {
  .watches_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .home_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .mobile-home .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper {
    height: 340px; } }

@media screen and (max-width: 800px) {
  .home_page .desktop_visible,
  .mobile-home .desktop_visible {
    display: none; }
  .home_page .mobile_visible,
  .mobile-home .mobile_visible {
    display: block; }
  .custom_highlight_parent_msg {
    bottom: auto; } }

@media screen and (max-width: 767px) {
  .watches_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .home_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .mobile-home .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper {
    height: 310px; }
  .watches_page .treat_yourself .treat_yourself_row .item_wrapper .item_wrapper,
  .home_page .treat_yourself .treat_yourself_row .item_wrapper .item_wrapper,
  .mobile-home .treat_yourself .treat_yourself_row .item_wrapper .item_wrapper {
    margin-bottom: 15px; } }

@media screen and (max-width: 690px) {
  .watches_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .home_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .mobile-home .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper {
    height: 290px; } }

@media screen and (max-width: 645px) {
  .watches_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .home_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .mobile-home .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper {
    height: 250px; } }

@media screen and (max-width: 575px) {
  .watches_page .treat_yourself .treat_yourself_row,
  .home_page .treat_yourself .treat_yourself_row,
  .mobile-home .treat_yourself .treat_yourself_row {
    gap: 0;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 15px;
    margin-right: -12px;
    margin-left: -12px; }
  .watches_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .home_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .mobile-home .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper {
    height: 350px; }
  .watches_page .treat_yourself .treat_yourself_row .item_wrapper .item_wrapper,
  .home_page .treat_yourself .treat_yourself_row .item_wrapper .item_wrapper,
  .mobile-home .treat_yourself .treat_yourself_row .item_wrapper .item_wrapper {
    margin-bottom: 20px; }
  .watches_page .treat_yourself .treat_yourself_row .item_wrapper .description_wrapper,
  .home_page .treat_yourself .treat_yourself_row .item_wrapper .description_wrapper,
  .mobile-home .treat_yourself .treat_yourself_row .item_wrapper .description_wrapper {
    margin-top: 10px; }
  .watches_page .treat_yourself .treat_yourself_row .item_wrapper .description_wrapper .treat_btn,
  .home_page .treat_yourself .treat_yourself_row .item_wrapper .description_wrapper .treat_btn,
  .mobile-home .treat_yourself .treat_yourself_row .item_wrapper .description_wrapper .treat_btn {
    display: inline-block;
    text-decoration: none;
    border-bottom: 1px solid;
    color: Black; } }

@media screen and (max-width: 380px) {
  .watches_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .home_page .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper,
  .mobile-home .treat_yourself .treat_yourself_row .item_wrapper .img_wrapper {
    height: 250px; }
  .productView-price.d-flex {
    margin-bottom: 20px; } }

.mobile-home .custom_wall .slick-dots {
  bottom: -45px; }

@media screen and (max-width: 575px) {
  .mobile-home .treat_yourself .treat_yourself_row .item_wrapper {
    margin-bottom: 25px; } }

/*07.02.2024 */
/* display Sort by on right hand side */
.actionBar-section {
  float: right; }

/* filters : title display  */
.accordion--navList .accordion-title {
  color: #333;
  font-weight: 500;
  font-size: 13px;
  padding-bottom: 5px;
  /* text-transform: uppercase; */
  /*11.09.2024*/ }

.sidebarBlock-heading {
  color: #333;
  font-weight: 500;
  font-size: 13px;
  text-transform: uppercase; }

/* filters : values display  */
.navList-action--checkbox {
  font-size: 12px;
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  color: #333; }

.page-heading {
  margin-bottom: 1rem;
  /*
    color: rgb(2, 47, 63);
    font-size: 20px;
    */
  font-weight: 500;
  color: #333;
  text-transform: uppercase;
  font-size: 18px; }

.productReview-title {
  color: #333;
  margin-bottom: -9px;
  /* 02.10.2024 */
  text-transform: uppercase;
  font-weight: 500;
  /* 16.04.2024 */
  text-transform: none;
  font-weight: 600;
  margin-top: 21px; }

.custome-details .productReview {
  border-bottom: 1px solid #eee !important; }

/* PAGINATION */
.page .pagination .pagination-list {
  position: relative;
  margin-bottom: 60px; }

.page .pagination .pagination-list .pagination-item--next,
.page .pagination .pagination-list .pagination-item--previous {
  position: absolute;
  bottom: -40px; }

.page .pagination .pagination-list .pagination-item--next .pagination-link,
.page .pagination .pagination-list .pagination-item--previous .pagination-link {
  border: 1px solid #085067;
  padding: 8px 27px 7px; }

.page .pagination .pagination-list .pagination-item--previous {
  left: auto;
  right: 50%; }

.page .pagination .pagination-list .pagination-item--next {
  right: auto;
  left: 50%;
  float: unset; }

.page .pagination .pagination-list .pagination-item--next .pagination-link .icon svg,
.page .pagination .pagination-list .pagination-item--previous .pagination-link .icon svg {
  fill: #333; }

.common_hide_container .product-listings-description__top p a {
  color: #022f3f;
  text-decoration: none;
  border-bottom: solid 1px #022f3f;
  font-size: 13px; }

.home_page .welcome_section {
  display: flex;
  align-items: center;
  padding-top: 45px; }

.home_page .welcome_section .left_content {
  flex-grow: 1;
  flex-basis: min-content; }

.home_page .welcome_section .right_content {
  flex-grow: 1;
  flex-basis: min-content;
  padding-left: 35px; }

.home_page .wt-love-watcho-wrapper {
  display: flex;
  align-items: center; }

.home_page .wt-love-watcho-wrapper .left_content {
  flex-grow: 1;
  flex-basis: min-content; }

.home_page .wt-love-watcho-wrapper .right_content {
  flex-grow: 2;
  flex-basis: min-content; }

.store_page_wrapper hr {
  display: none; }

.footer-info-heading {
  TEXT-TRANSFORM: UPPERCASE;
  font-size: 14px;
  color: #000;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 175%; }

.footer-info-col {
  margin-bottom: 1rem; }

.footer-copyright {
  padding-top: 5px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 15px; }

.form-minMaxRow .form-field {
  margin-bottom: 15px; }

.form-minMaxRow .form-field:last-child {
  float: unset; }

.custom_redesignreview {
  font-weight: 500;
  text-transform: capitalize;
  color: #333333;
  min-height: 20px;
  margin: 0;
  color: #4CAF50;
  /* 23.04.2024 */ }

.icon--ratingFull svg {
  fill: #333; }

/* Main Grid Container */
.mens_watches_collection .treat_yourself .treat_yourself_row.treat_yourself_grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  padding: 15px;
  margin-top: 30px; }

/* Item Wrapper Styles */
.mens_watches_collection .treat_yourself .treat_yourself_row.treat_yourself_grid .item_wrapper {
  background-color: #fff;
  border: 1px solid #ededed;
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease; }

.mens_watches_collection .treat_yourself .treat_yourself_row.treat_yourself_grid .item_wrapper:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }

/* Image Wrapper (Fixed Aspect Ratio) */
.mens_watches_collection .treat_yourself .treat_yourself_row.treat_yourself_grid .item_wrapper .img_wrapper {
  width: 100%;
  height: 0;
  padding-bottom: 75%;
  /* 4:3 Aspect Ratio */
  position: relative;
  overflow: hidden; }

/* Absolute-positioned Image */
.mens_watches_collection .treat_yourself .treat_yourself_row.treat_yourself_grid .item_wrapper .img_wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; }

/* Description Wrapper */
.mens_watches_collection .treat_yourself .treat_yourself_row.treat_yourself_grid .item_wrapper .description_wrapper {
  text-align: center; }

.mens_watches_collection .treat_yourself .treat_yourself_row.treat_yourself_grid .item_wrapper .description_wrapper .treat_btn {
  display: inline-block;
  text-decoration: none;
  color: #333;
  font-weight: 400;
  font-size: 15px;
  transition: color 0.3s ease;
  position: relative;
  top: 10px;
  font-family: Montserrat; }

/* Optionally enable hover color, same as code 1 (commented out) */
.mens_watches_collection .treat_yourself .treat_yourself_row.treat_yourself_grid .item_wrapper .description_wrapper .treat_btn:hover {
  /*color: #05637d;*/ }

/* --- Responsive Adjustments --- */
/* Tablets and Small Desktops */
@media (max-width: 1024px) {
  .mens_watches_collection .treat_yourself .treat_yourself_row.treat_yourself_grid {
    grid-template-columns: repeat(auto-fit, minmax(181px, 1fr));
    gap: 15px; }
  .mens_watches_collection .treat_yourself .treat_yourself_row.treat_yourself_grid .item_wrapper .description_wrapper .treat_btn {
    font-size: 14px; } }

/* Mobile Devices */
@media (max-width: 768px) {
  .mens_watches_collection .treat_yourself .treat_yourself_row.treat_yourself_grid {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px; }
  .mens_watches_collection .treat_yourself .treat_yourself_row.treat_yourself_grid .item_wrapper .description_wrapper .treat_btn {
    font-size: 13px; } }

/* Small Mobile Devices */
@media screen and (max-width: 575px) {
  .mens_watches_collection .treat_yourself .treat_yourself_row {
    display: flex;
    gap: 12px;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 15px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    font-weight: 400; }
  .mens_watches_collection .treat_yourself .treat_yourself_row.treat_yourself_grid {
    padding: 0px; } }

/* Base Styles for .treat_yourself_grid */
.ladies_watches_collection .treat_yourself .treat_yourself_row.treat_yourself_grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  padding: 15px;
  margin-top: 30px; }

/* Item Wrapper Styles */
.ladies_watches_collection .treat_yourself .treat_yourself_row.treat_yourself_grid .item_wrapper {
  background-color: #fff;
  border: 1px solid #ededed;
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease; }

.ladies_watches_collection .treat_yourself .treat_yourself_row.treat_yourself_grid .item_wrapper:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }

/* Image Wrapper */
.ladies_watches_collection .treat_yourself .treat_yourself_row.treat_yourself_grid .item_wrapper .img_wrapper {
  width: 100%;
  height: 0;
  padding-bottom: 75%;
  /* 4:3 Aspect Ratio */
  position: relative;
  overflow: hidden; }

.ladies_watches_collection .treat_yourself .treat_yourself_row.treat_yourself_grid .item_wrapper .img_wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; }

/* Description Wrapper */
.ladies_watches_collection .treat_yourself .treat_yourself_row.treat_yourself_grid .item_wrapper .description_wrapper {
  text-align: center; }

.ladies_watches_collection .treat_yourself .treat_yourself_row.treat_yourself_grid .item_wrapper .description_wrapper .treat_btn {
  display: inline-block;
  text-decoration: none;
  color: #333;
  font-weight: 400;
  font-size: 15px;
  transition: color 0.3s ease;
  position: relative;
  top: 10px;
  font-family: Montserrat; }

.ladies_watches_collection .treat_yourself .treat_yourself_row.treat_yourself_grid .item_wrapper .description_wrapper .treat_btn:hover {
  /*color: #05637d;*/
  /* Change color on hover */ }

/* Responsive Adjustments */
/* Tablets and Small Desktops */
@media (max-width: 1024px) {
  .ladies_watches_collection .treat_yourself .treat_yourself_row.treat_yourself_grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 15px; }
  .ladies_watches_collection .treat_yourself .treat_yourself_row.treat_yourself_grid .item_wrapper .description_wrapper .treat_btn {
    font-size: 14px; } }

/* Mobile Devices */
@media (max-width: 768px) {
  .ladies_watches_collection .treat_yourself .treat_yourself_row.treat_yourself_grid {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px; }
  .ladies_watches_collection .treat_yourself .treat_yourself_row.treat_yourself_grid .item_wrapper .description_wrapper .treat_btn {
    font-size: 13px; } }

/* Small Mobile Devices */
@media screen and (max-width: 575px) {
  .ladies_watches_collection .treat_yourself .treat_yourself_row {
    display: flex;
    gap: 12px;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 15px;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    font-weight: 400; }
  .ladies_watches_collection .treat_yourself .treat_yourself_row.treat_yourself_grid {
    padding: 0px; } }

.blog_section_row {
  display: grid;
  grid-template-columns: auto auto;
  gap: 40px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 30px; }

.blog_section_row .blog_item .blog_content {
  padding-left: 50px;
  padding-right: 50px; }

.blog_section_row .blog_item .img_wrapper {
  width: auto;
  height: auto;
  overflow: hidden; }

.blog_section_row .blog_item .img_wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 2.5; }

.blog_section_row .blog_item .blog_heading {
  text-align: center; }

.blog_section_row .blog_item .blog_heading a {
  color: #333;
  font-size: 22px;
  text-decoration: none;
  font-weight: 400; }

.blog_section_row .blog_item .blog_description {
  margin-top: 15px;
  text-align: center;
  font-size: 15px; }

.blog_section_row .blog_item .blog_description span {
  display: inline-block;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 14px;
  letter-spacing: 0.25px;
  color: #333;
  line-height: 175%; }

.blog_section_row .blog_item .blog_description a {
  color: #085067;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 13px; }

.blog_section_row .blog_item .blog_heading a:hover,
.blog_section_row .blog_item .blog_description a:hover {
  color: #29b6d4;
  color: black; }

@media screen and (max-width: 800px) {
  .blog_section_row {
    display: grid;
    grid-template-columns: auto;
    gap: 0; } }

.article-h2 {
  font-size: 15px;
  color: #343434;
  line-height: 1.4;
  font-weight: bold;
  margin: 1rem 0 1em 0; }

.article-paragraph {
  line-height: 1.6;
  text-align: justify; }

.blog_content {
  max-width: 800px;
  text-align: justify;
  margin: auto;
  color: #333;
  font-family: 'Montserrat';
  line-height: 175%;
  letter-spacing: 0.5px;
  font-size: 14px; }

.blog_content h3 {
  color: #000;
  font-family: 'Montserrat';
  text-transform: capitalize;
  letter-spacing: 0.25px;
  font-weight: 500;
  font-size: 16px; }

@media only screen and (max-width: 991px) {
  .blog_section_row .blog_item .blog_content {
    padding-left: 15px;
    padding-right: 15px; }
  .blog_section_row .blog_item .blog_heading h3 {
    margin-top: 20px; }
  .blog_section_row .blog_item .blog_heading a {
    font-size: 20px; } }

@media only screen and (max-width: 800px) {
  .blog_section_row .blog_item .blog_content {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 25px; }
  .blog_section_row .blog_item .blog_heading h3 {
    margin-top: 10px; }
  .blog_section_row .blog_item .blog_heading a {
    font-size: 19px; } }

@media only screen and (max-width: 575px) {
  .blog_section_row .blog_item .blog_heading h3 {
    line-height: 25px; }
  .blog_section_row .blog_item .blog_heading a {
    font-size: 17px; } }

.custom_img_size {
  margin-left: auto;
  margin-right: auto;
  display: block;
  max-width: 800px; }

.blog_heading h3 a {
  color: #085067;
  line-height: 1.4;
  font-weight: 800;
  margin: 1rem 0 1em 0;
  font-size: 20px;
  text-decoration: none; }

.btns_wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; }

.btns_wrapper a {
  font-size: 16px;
  font-family: Montserrat;
  font-weight: 500;
  color: #57575b;
  text-align: center;
  margin-right: 5px;
  margin-bottom: 8px;
  border-radius: 2px;
  text-decoration: none;
  border: 1px solid silver;
  padding-top: 7px;
  padding-right: 15px;
  padding-bottom: 7px;
  padding-left: 15px; }

@media screen and (max-width: 767px) {
  .btns_wrapper a {
    font-size: 13px;
    font-family: Montserrat;
    margin-right: 3px;
    margin-bottom: 5px;
    border-radius: 2px;
    padding-top: 7px;
    padding-right: 12px;
    padding-bottom: 4px;
    padding-left: 12px;
    display: block; } }

.custom-highlight-msg {
  font-size: 14px;
  color: Black;
  margin-top: 5PX;
  /* 11.04.2024 */
  margin-bottom: -11px;
  /*28.06.2024*/
  /* display: none; */
  /* 16.04.2024 */ }

.custom-highlight-msg-category {
  font-size: 14px;
  color: #085067;
  margin-bottom: -20px;
  margin-top: 10PX;
  /* 11.04.2024 */
  /*display: none;*/
  /* 16.04.2024 */ }

.highlight_values {
  text-decoration: none;
  color: #085067c9;
  /* 20.04.2024 */
  color: Black;
  cursor: auto;
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  font-size: 12px; }

.benefit-highlight-details {
  background-color: #0a94b3;
  color: white;
  border-style: solid;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  line-height: normal;
  margin: 0 0 1rem;
  font-size: 1rem;
  padding: 0.875rem 2.25rem;
  border-radius: 44px;
  vertical-align: middle; }

.card-figure .benefits_highlights_msg {
  display: flex;
  justify-content: space-between;
  position: absolute;
  right: 0;
  bottom: 0; }

.benefits_highlights_msg {
  display: flex;
  justify-content: space-between;
  margin: auto;
  width: fit-content;
  color: #333;
  font-family: "Montserrat", Arial, Helvetica, sans-serif; }

.productView-images .benefits_highlights_msg {
  /* 05.11.2024 */
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  display: none;
  /* 22.01.2025 */ }

.custom_highlight_parent_msg {
  position: absolute;
  right: 0; }

.custom-highlight-msg .highlight_values p {
  margin-bottom: 0;
  margin-bottom: 5PX;
  /* 11.04.2024 */ }

.highlight_popular_word {
  /* 11.04.2024 */
  /* 20.04.2024 */
  /*
            padding: 1px 5px;
            border: solid 1px;
            */
  border-radius: 2px;
  /*
            color: white;
            background: #085067ab;
            */ }

.productView-images .benefit-item {
  text-align: center;
  margin-right: 0px;
  /* 14.05.2024 */
  /* border: solid 1px #eee;
            border-radius: 10px;
            */
  padding: 10px;
  height: 75px; }

.benefit-item .benefit-icon {
  height: 35px;
  /* 14.05.2024 */
  display: none; }

.productView-images .benefit-item .benefit-icon {
  filter: grayscale(1);
  /*05.11.2024 */ }

.product-review-wrapper-parent .product-review-wrapper .wrapper .review-content .productCarousel .slick-list .slick-track {
  margin-left: 30px;
  margin-right: 30px; }

.benefit-description {
  /*font-size: 14px;*/
  /*14.05.2024 */
  font-size: 10px;
  padding-top: 5px; }

@media screen and (max-width: 830px) {
  .custom_img_size {
    max-width: 100%; } }

@media screen and (max-width: 800px) {
  .navUser {
    background-color: #fff;
    top: 0;
    bottom: 88%; }
  .pb-mobile-0 {
    padding-bottom: 0 !important; }
  .mb-mobile-0 {
    margin-bottom: 0 !important; }
  .facetedSearch-refineFilters {
    display: none;
    /* Initially hide the element */ }
  .facetedSearch-refineFilters.show {
    display: block;
    /* Display only if condition is met */ }
  .premium-list-wrapper .nav-menu-hide-mobile {
    display: none; }
  .brad-wrapper .nav-menu-hide-mobile {
    display: none; }
  ul.menu-by-brands li.navPage-subMenu-item:nth-child(2), ul.menu-by-brands li.navPage-subMenu-item:nth-child(4) {
    margin: 0 !important; }
  ul.menu-by-brands li.navPage-subMenu-item:nth-child(3), ul.menu-by-brands li.navPage-subMenu-item:nth-child(5) {
    margin: 0 !important; } }

@media only screen and (max-width: 580px) {
  .bt-flex {
    justify-content: center;
    flex-wrap: nowrap; }
  .bt-content {
    text-align: left;
    margin-left: 10px;
    width: 100%; }
  .bt-list h5 {
    font-size: 17px;
    margin: 3px 0 2px; }
  .h3-inner-text {
    margin-bottom: 7px;
    width: 100%;
    margin-right: 0;
    font-size: 14px; }
  .h3-inner-text, .bt-list h6 {
    letter-spacing: 0.5px; }
  .bt-list h6 {
    font-size: 12px; }
  ul.bt-list li {
    margin: 5px 0px 5px;
    width: 230px; }
  .bt-tomorrow h3 {
    font-size: 16px; }
  .bt-img {
    max-width: 45px; }
  .table {
    border: none; }
  .bt-list .target {
    font-size: 17px; }
  .bt-list td + td {
    border-left: none; }
  .custom_review_wrapper .slick-list {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto; }
  .custom_review_wrapper .product-review-wrapper .wrapper .review-content .productCarousel .slick-list .slick-track {
    margin-left: 5px;
    margin-right: 5px; } }

@media screen and (max-width: 480px) {
  .custom_highlight_parent_msg {
    position: static; } }

.facetLabel_custom {
  color: #333;
  font-weight: 400;
  font-size: 15px;
  border: 1px solid #e5e5e5;
  padding: 0.1875rem 0.5rem 0.1875rem 0.6875rem;
  text-decoration: none;
  font-family: Montserrat; }

/* remove extra Spacing in product options section */
.form-label {
  margin-bottom: 0rem !important;
  /*14.05.2024 */
  color: #333;
  font-family: Montserrat;
  font-size: 15px; }

.productOptions-list {
  border-color: #eee; }

.productOptions-list-item + .productOptions-list-item {
  border-color: #eee; }

.blog_description .shop-watches-class {
  margin-top: 20px;
  margin-bottom: 20px; }

.blog-cta-action {
  text-align: center; }

.custom_review_wrapper .delighting-review-slider {
  max-width: 450px !important;
  min-width: auto;
  margin: 0 auto 30px; }

.custom_review_wrapper .delighting-review-slider .productCarousel-slide {
  margin: 0 !important;
  -webkit-box-shadow: 0px 0px 0px #c8c8c8;
  box-shadow: 0px 0px 0px #c8c8c8;
  padding: 0 !important; }

.custom_review_wrapper .delighting-review-slider .slick-list {
  width: 100%;
  margin: 0;
  max-width: 100%; }

.custom_review_wrapper .delighting-review-slider .slick-track {
  margin: 2px !important; }

.custom_review_wrapper .delighting-review-slider .slick-prev {
  left: -66px; }

.custom_review_wrapper .delighting-review-slider .slick-next {
  right: -66px; }

.custom_review_wrapper .delighting-review-slider article {
  width: 99%;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 3px #ccc;
  padding: 12px;
  margin-bottom: 20px; }

@media screen and (max-width: 580px) {
  .custom_review_wrapper .delighting-review-slider .slick-prev {
    left: -20px; }
  .custom_review_wrapper .delighting-review-slider .slick-next {
    right: -30px; } }

/* Default styling for desktop and tablet */
.card-body .card-title,
.card-body .card-text[data-test-info-type="price"] {
  display: block;
  /* Ensure these elements are displayed */ }

/* Styling for mobile devices */
@media (max-width: 767px) {
  #tab-related .card-body .card-title,
  #tab-related .card-body .card-text[data-test-info-type="price"] {
    display: none;
    /* Hide product title and price on mobile */ }
  #tab-related .card-body .brand_border:after {
    text-align: center !important;
    /* Center align the brand name */
    border: none !important;
    background: none !important; } }

.product-in-similar-category-tn a {
  display: grid;
  justify-content: center; }

.similar-products-block .slick-next, .similar-products-block .slick-prev {
  background-color: transparent !important; }

@media (min-width: 1499px) {
  .similar-products-block .slick-prev {
    left: -4px; }
  .similar-products-block .slick-next {
    right: -8px; } }

@media (max-width: 1500px) {
  .similar-products-block .slick-prev {
    left: -6px; }
  .similar-products-block .slick-next {
    right: -6px; } }

@media (max-width: 1200px) {
  .similar-products-block .slick-prev {
    left: -4px; }
  .similar-products-block .slick-next {
    right: -4px; } }

@media (max-width: 992px) {
  .similar-products-block .slick-list {
    margin: auto !important; } }

@media (max-width: 768px) {
  .similar-products-block {
    position: relative;
    /* Establishes a positioning context */
    /* Optional: Add padding or margin if needed */ }
  .similar-products-block .slick-prev,
  .similar-products-block .slick-next {
    position: absolute;
    /* Allows precise placement */
    top: 97%;
    /* Adjust to push buttons below the slider */
    transform: translateY(0);
    /* Resets any vertical translation */
    margin-left: -23px; }
  .similar-products-block .slick-prev {
    left: 40%;
    /* Adjust horizontally as needed */
    /* Space between prev and next */ }
  .similar-products-block .slick-next {
    left: 50%;
    /* Position next to prev */
    padding-left: 18px; } }

@media (max-width: 800px) {
  .facetedSearch-optionColumns {
    -moz-column-count: 2;
    column-count: 2; } }

@media (max-width: 800px) {
  .custom_review_wrapper .delighting-review-slider .productCarousel-slide {
    padding: 0px 25px !important; }
  .custom_review_wrapper .delighting-review-slider .slick-prev {
    background-color: transparent !important; } }

.why-choose-slider .heading {
  display: flex; }

.why-choose-slider .slick-dots {
  margin-bottom: 10px; }

.why-choose-slider .slick-slider.slick-dotted {
  margin-bottom: 40px; }

@media (max-width: 800px) {
  .why-choose-slider .review-h3 {
    margin-bottom: 5px;
    margin-right: 8px; }
  .why-choose-slider .heading {
    display: inline-flex;
    align-items: center;
    margin-bottom: 25px; }
  .why-choose-link {
    padding-left: 0px !important; }
  .why-choose-slider .slick-next, .why-choose-slider .slick-prev {
    top: 153px !important; }
  .why-choose-slider .slick-next {
    right: calc(50% - 72px) !important; }
  .why-choose-slider .slick-prev {
    left: calc(50% - 72px) !important; } }

/* Media Query for screens larger than 800px */
@media (min-width: 801px) {
  .why-choose-slider .review-h3 {
    margin-bottom: 15px; }
  .why-choose-slider .heading {
    display: flex;
    flex-direction: column;
    /* Stack elements vertically */
    align-items: flex-start;
    /* Align items to the left */
    margin-bottom: 40px; }
  .why-choose-link {
    padding-left: 20px !important; }
  .why-choose-slider .slick-next,
  .why-choose-slider .slick-prev {
    top: 142px !important; }
  .why-choose-slider .slick-next {
    right: calc(50% - 72px) !important; }
  .why-choose-slider .slick-prev {
    left: calc(50% - 72px) !important; } }

.why-choose-link {
  text-decoration: underline;
  border: unset;
  color: #022f3f;
  transition: all 0.5s;
  padding-left: 20px;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #333; }

.why-choose-link:hover {
  text-decoration: underline;
  border: unset;
  color: #0a94b3;
  color: #000; }

.review-catchy-line a {
  color: #333;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 14px;
  /* 17.11.2024 */ }

.review-catchy-line a:hover {
  color: #000;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 14px; }

.custom_similar_accrodinn_product {
  animation: popIn .2s; }

@keyframes popIn {
  from {
    transform: scale(0.85);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

.footer-info-list a {
  color: #333; }

.footer-info-list a:hover {
  color: black;
  font-weight: 500; }

.powered-by {
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  font-size: 11px; }

.mb-0 {
  margin-bottom: 0; }

.m-0 {
  margin: 0; }

.pb-0 {
  padding-bottom: 0 !important; }

.p-0 {
  padding: 0 !important; }

.p-15 {
  padding: 15px; }

.py-15 {
  padding-top: 15px;
  padding-bottom: 15px; }

.px-15 {
  padding-left: 49px;
  padding-right: 0px; }

@media screen and (max-width: 800px) {
  .olark-launch-button {
    visibility: hidden; } }

@media screen and (max-width: 800px) {
  .chat_us_box {
    display: none; } }

.desktop-offer {
  position: fixed;
  left: 50px;
  bottom: 15px !important;
  z-index: 9000000 !important;
  overflow: hidden; }

.desktop-offer .category-voucher-toggle {
  font-size: 17px;
  background: #ed4646;
  /*background: radial-gradient(circle, #032541 0%, #05637d 75%);*/
  color: #fff;
  padding-top: 6px;
  padding-right: 15px;
  padding-bottom: 6px;
  padding-left: 45px;
  text-decoration: none;
  display: inline-block;
  position: relative;
  border-radius: 7px;
  cursor: pointer; }

@media (min-width: 992px) {
  .why-choose-slider .slick-next, .why-choose-slider .slick-prev {
    top: 178px !important; } }

@media only screen and (max-width: 768px) {
  .desktop-offer .category-voucher-toggle {
    background: radial-gradient(circle, #032541 0%, #05637d 75%);
    /*background: radial-gradient(circle, #ed4646 0%, #333 75%);*/ } }

.desktop-offer .category-voucher-toggle p {
  margin-bottom: 0; }

.desktop-offer .category-voucher-toggle .down-arrow1 {
  font-size: 23px;
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 12px; }

.accordian-desktop-offer .down-arrow-code {
  font-size: 23px;
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 20px !important;
  z-index: 15; }

.accordian-desktop-offer .voucher-accordian .gift-accordian-voucher span {
  position: relative;
  left: -10px; }

.desktop-offer .discount_offer_info {
  height: 100%;
  overflow: hidden;
  border-radius: 10px; }

.voucher_box_category {
  font-size: 13px;
  color: #222;
  display: block;
  margin-bottom: 5px;
  padding-top: 3px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
  border-radius: 10px; }

.voucher_txt {
  font-size: 13px;
  color: #222;
  line-height: 150%;
  margin-bottom: 12px;
  display: block;
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  margin-top: 15px;
  letter-spacing: 0.25px;
  font-weight: 400; }

@media screen and (max-width: 800px) {
  .desktop-offer {
    bottom: 15px;
    display: block !important;
    left: 15px;
    width: 75%; } }

.down-arrow1.arrow-up {
  background: url("https://www.watcho.co.uk/product_images/O_Gift001.png") no-repeat center center;
  background-size: contain;
  height: 25px;
  width: 25px;
  transition: all 0.9s;
  /* Rotate the arrow 180 degrees */ }

.down-arrow-code.arrow-up-code {
  background: url("https://www.watcho.co.uk/product_images/O_Gift001.png") no-repeat center center;
  background-size: contain;
  height: 25px;
  width: 25px;
  transition: all 0.9s;
  /* Rotate the arrow 180 degrees */ }

.down-arrow1 {
  background: url("https://www.watcho.co.uk/product_images/C_Gift001.png") no-repeat center center;
  background-size: contain;
  height: 25px;
  width: 25px;
  transition: all 0.9s; }

.down-arrow-code {
  background: url("https://www.watcho.co.uk/product_images/C_Gift001.png") no-repeat center center;
  background-size: contain;
  height: 25px;
  width: 25px;
  transition: all 0.9s; }

.voucher_box {
  border: 1px solid white !important;
  border-radius: 10px;
  background-color: #f2f2f2;
  color: #000;
  padding: 0px !important;
  font-size: 21px !important;
  font-weight: 600;
  letter-spacing: 0.5px;
  background-repeat: no-repeat;
  max-width: 450px; }

@media screen and (max-width: 800px) {
  .voucher_box {
    width: 300px; } }

@media screen and (max-width: 400px) {
  .voucher_box {
    width: auto; } }

.ppvoucherline2 {
  color: #05637d;
  font-size: 21px !important;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #333;
  /* black friday */ }

.desktop-offer .category-voucher-toggle.toggle-open {
  background-color: #05637d !important;
  transition: 0.5s; }

.header {
  border-bottom: 1px solid #999 !important;
  /*border-color: #5a98ac !important;*/ }

.facetedSearch-refineFilters {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333; }

/* 27.09.2024 */
.voucher-block-content {
  background-size: cover; }

#dataofcomments {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 14px !important;
  color: #333 !important;
  line-height: 175%;
  letter-spacing: 0.25px; }

.comment_section {
  font-family: "Montserrat", Arial, Helvetica, sans-serif; }

.custom-product-description ul {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #333;
  line-height: 175%;
  letter-spacing: 0.25px; }

.custom-product-description table {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #333; }

.productGrid {
  font-family: "Montserrat", Arial, Helvetica, sans-serif; }

.common_hide_container.store_page_wrapper {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  color: #333; }

.common_hide_container.store_page_wrapper p {
  font-size: 14px;
  letter-spacing: 0.25px; }

.tab-content.has-jsContent .price_match_christmas_block, .tab-content.has-jsContent .price_match_christmas_block::after {
  display: none; }

/* Add border for main list items */
.navPages-list > li {
  /* Adjust the color as needed */ }

.navPages-list > li:last-child {
  border-bottom: none;
  /* Ensures no border on the last item */ }

/* Ensure no double border for nested sub-menu items */
.navPages-list .navPage-subMenu .brand-inner-li {
  border-bottom: none;
  /* Remove the border for sub-menu items to avoid double lines */ }

/* Add border to sub-menu items only if necessary */
.navPages-list .navPage-subMenu .brand-inner-li:not(:last-child) {
  border-bottom: 1px solid #eee;
  /* Add borders only between sub-menu items */ }

/* Explicitly remove border from empty sub-menu parent items */
.navPages-list .navPage-subMenu .navPage-subMenu-item {
  border-bottom: none !important; }

@media (max-width: 767px) {
  /* Ensure the main slider containers are centered */
  .luxury_brand_watch.slick-slider,
  .designer_watch_brand.slick-slider {
    position: relative !important;
    padding-bottom: 60px !important;
    /* Space for arrows below */
    text-align: center !important;
    /* Centers the slider horizontally */ }
  /* Make the slick-list inline-block so it can be centered by text-align: center */
  .luxury_brand_watch .slick-list,
  .designer_watch_brand .slick-list {
    display: inline-block !important;
    vertical-align: middle; }
  /* Position the arrows below the slider */
  .luxury_brand_watch .slick-arrow,
  .designer_watch_brand .slick-arrow {
    position: absolute !important;
    bottom: 0 !important;
    top: auto !important;
    transform: none !important;
    margin: 0 10px !important;
    display: inline-block !important; }
  /* Adjust arrow positioning so they appear centered horizontally beneath the slider */
  .luxury_brand_watch .slick-prev,
  .designer_watch_brand .slick-prev {
    left: 50% !important;
    transform: translateX(-120%) !important; }
  .luxury_brand_watch .slick-next,
  .designer_watch_brand .slick-next {
    left: 50% !important;
    transform: translateX(20%) !important; } }

.tab.is-active .tab-title {
  color: #333;
  font-weight: 500;
  font-family: 'Montserrat'; }

.slick-dots li.slick-active button::before {
  background: #333; }

.slick-dots li button {
  border: 1px solid #333; }

.slick-dots li button:hover::before {
  background: #333; }

/* Media Query for screens 768px and above */
@media (min-width: 768px) {
  /* Targeting only the slick buttons within the Luxury Watch Brands slider */
  .luxury_brand_watch .slick-next,
  .luxury_brand_watch .slick-prev {
    padding: 5px !important;
    background-color: rgba(229, 229, 229, 0.9) !important;
    z-index: 1 !important;
    /*border: 1px solid #e5e5e5 !important;*/
    height: 3.8125rem !important;
    margin-top: -0.9375rem !important;
    padding: 0.625rem !important;
    width: 4.5rem !important;
    position: absolute !important;
    display: block !important;
    line-height: 0 !important;
    font-size: 0 !important;
    cursor: pointer !important;
    background: transparent !important;
    color: transparent !important;
    top: 126% !important;
    transform: translate(0, -50%) !important;
    outline: none !important; }
  /* Specific positioning for the Next button */
  .luxury_brand_watch .slick-next {
    right: 44% !important; }
  /* Specific positioning for the Prev button */
  .luxury_brand_watch .slick-prev {
    left: 44% !important;
    /* Adjust as necessary */ } }

@media (min-width: 768px) {
  #tab-related .productCarousel-customer-view .slick-next {
    top: 105% !important; } }

@media (min-width: 768px) {
  #tab-related .productCarousel-customer-view .slick-prev {
    top: 105% !important; } }

@media (min-width: 768px) {
  .productCarousel-customer-view .slick-next {
    right: calc(50% - 72px) !important; } }

@media (min-width: 768px) {
  .productCarousel-customer-view .slick-prev {
    /* left: 44% !important; */
    left: calc(50% - 72px) !important; } }

/* 09.01.2025  */
a:hover, a:focus {
  color: black; }

@media (max-width: 768px) {
  .why-choose-slider .heading {
    display: inline-flex;
    /* Keep them side by side in one row */
    align-items: center;
    flex-wrap: nowrap;
    /* Prevent line breaks */
    margin-bottom: 20px;
    /* Adjust spacing as needed */
    overflow-x: auto;
    /* If extremely narrow, show horizontal scroll instead of wrapping */ }
  .why-choose-slider .review-h3 {
    margin: 0 10px 0 0;
    /* Small gap on the right before the link */
    white-space: nowrap;
    /* Don't allow heading text to wrap */
    line-height: 1.2; }
  .why-choose-link {
    padding-left: 0 !important;
    white-space: nowrap;
    /* Don’t wrap link text */
    line-height: 1.2;
    position: relative;
    top: 6px; }
  /* Existing Slick arrow positioning */
  .why-choose-slider .slick-next,
  .why-choose-slider .slick-prev {
    top: 153px !important; }
  .why-choose-slider .slick-next {
    right: calc(50% - 72px) !important; }
  .why-choose-slider .slick-prev {
    left: calc(50% - 72px) !important; } }

#International h3, #International h4 {
  color: #333; }

.alphabet-heading {
  font-size: 18px;
  text-align: center; }

.alphabet-heading span {
  color: #0a94b3;
  /* or remove if you don’t want that color at all */ }

.alphabet-heading a {
  color: #333;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  /* etc. */ }

@media (max-width: 768px) {
  .treat_yourself_grid .item_wrapper a {
    text-decoration: none !important; } }

@media (min-width: 801px) {
  .why-choose-slider .heading {
    display: flex;
    flex-direction: row;
    /* side by side */
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px; } }

.page-content.page-content--centered {
  font-family: montserrat;
  color: #333;
  font-size: 15px;
  line-height: 175%;
  letter-spacing: 0.25px; }

p.awards_description {
  font-family: 'Montserrat';
  font-size: 15px;
  color: #333; }

.panel-body {
  font-family: montserrat;
  font-size: 15px;
  color: #333; }

.panel-title {
  font-size: 20px;
  font-family: montserrat;
  color: #333; }

a.forgot-password {
  font-family: montserrat;
  font-size: 15px;
  color: #333; }

main.account.account--fixed {
  font-family: montserrat;
  font-size: 15px;
  color: #333; }

main.account.account--fixed h3 {
  color: #333; }

.page-content {
  font-family: montserrat;
  font-size: 15px;
  color: #333; }

.page-content h4 {
  color: #333; }

ul.navBar-section.account-navigation {
  color: #333;
  font-family: montserrat;
  font-size: 14px; }

/* Base styles for Next/Previous buttons inside .award_inner */
.award_inner .slick-prev,
.award_inner .slick-next {
  position: absolute;
  top: 133%;
  /* vertically centered */
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border: none;
  border-radius: 50%;
  padding: 12px 16px;
  z-index: 2;
  cursor: pointer; }

/* Position: Previous button on the left and Next on the right */
.award_inner .slick-prev {
  left: calc(50% - 72px) !important; }

.award_inner .slick-next {
  right: calc(50% - 72px) !important; }

/* Hover/focus state */
.award_inner .slick-prev:hover,
.award_inner .slick-next:hover,
.award_inner .slick-prev:focus,
.award_inner .slick-next:focus {
  background: rgba(0, 0, 0, 0.7); }

/* Media Query for medium screens (up to 992px) */
@media (max-width: 992px) {
  .award_inner .slick-prev,
  .award_inner .slick-next {
    padding: 10px 14px; }
  .award_inner .slick-prev {
    left: calc(50% - 72px) !important; }
  .award_inner .slick-next {
    right: calc(50% - 72px) !important; } }

/* Media Query for small screens (up to 600px) */
@media (max-width: 600px) {
  .award_inner .slick-prev,
  .award_inner .slick-next {
    padding: 8px 12px 14px; }
  .award_inner .slick-prev {
    left: calc(50% - 72px) !important; }
  .award_inner .slick-next {
    right: calc(50% - 72px) !important; } }

/* Media Query for very small screens (up to 400px) */
@media (max-width: 400px) {
  .award_inner .slick-prev,
  .award_inner .slick-next {
    padding: 6px 10px; }
  .award_inner .slick-prev {
    left: calc(50% - 72px) !important; }
  .award_inner .slick-next {
    right: calc(50% - 72px) !important; } }

@media (min-width: 1682px) {
  .mens_watches_collection .treat_yourself .treat_yourself_row.treat_yourself_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 20px;
    padding: 15px;
    margin-top: 30px; } }

.store_contact {
  color: #333;
  font-family: 'Montserrat'; }

.heroCarousel .slick-dots li {
  background-color: unset !important;
  left: calc(100% - 56%); }

@media (min-width: 801px) {
  .heroCarousel .slick-dots {
    bottom: 0.5rem; } }

#exampleVoteWinJewelry .form-label {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #444;
  padding-bottom: 10px; }

.width-fit-content.form-label::before {
  border: solid 1px #777; }

.pagination-item.pagination-item--previous > a, .pagination-item.pagination-item--next > a {
  color: #333; }

.pagination-item.pagination-item--previous > a, .pagination-item.pagination-item--next > a {
  color: #333; }

.pagination-list li a, .pagination-list li button {
  border-radius: 4px;
  transition: background-color 300msease-out;
  background: none;
  color: #333;
  display: block;
  font-size: 1em;
  font-weight: normal;
  line-height: inherit;
  padding: 0.3125rem 0.5rem; }

.pagination-item.pagination-item--previous > a:hover, .pagination-item.pagination-item--next > a:hover {
  color: black;
  font-weight: 450; }

#pandoraModule2025 {
  /* Base Typography */
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: #333;
  line-height: 1.75;
  letter-spacing: 0.25px;
  /* Hero Banner */
  /* Container */
  /* Intro Section */
  /* Collections Grid */
  /* Headings */
  /* Lists */
  /* Contact Form */
  /* Contact Details Section */ }
  #pandoraModule2025 .pdm2025-hero-banner {
    margin-bottom: 40px; }
    #pandoraModule2025 .pdm2025-hero-banner img {
      width: 100%;
      display: block; }
  #pandoraModule2025 .pdm2025-container {
    padding: 20px; }
  #pandoraModule2025 .pdm2025-intro {
    text-align: center;
    margin-bottom: 40px; }
  #pandoraModule2025 .pdm2025-collections-grid {
    display: grid;
    row-gap: 5px; }
    #pandoraModule2025 .pdm2025-collections-grid .pdm2025-grid-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: center;
      gap: 20px;
      grid-template-areas: "pdm2025-image pdm2025-text";
      cursor: pointer; }
      #pandoraModule2025 .pdm2025-collections-grid .pdm2025-grid-row.pdm2025-grid-row--reverse {
        grid-template-areas: "pdm2025-text pdm2025-image"; }
      #pandoraModule2025 .pdm2025-collections-grid .pdm2025-grid-row .pdm2025-image {
        grid-area: pdm2025-image; }
        #pandoraModule2025 .pdm2025-collections-grid .pdm2025-grid-row .pdm2025-image img {
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          transition: box-shadow 0.3s ease; }
        #pandoraModule2025 .pdm2025-collections-grid .pdm2025-grid-row .pdm2025-image img:hover {
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15); }
      #pandoraModule2025 .pdm2025-collections-grid .pdm2025-grid-row .pdm2025-text {
        grid-area: pdm2025-text;
        padding: 10px;
        transition: transform 0.3s ease, background-color 0.3s ease; }
        #pandoraModule2025 .pdm2025-collections-grid .pdm2025-grid-row .pdm2025-text h2 {
          font-family: 'Montserrat', sans-serif;
          color: #333;
          font-size: 18px;
          margin-bottom: 10px; }
        #pandoraModule2025 .pdm2025-collections-grid .pdm2025-grid-row .pdm2025-text p {
          font-size: 14px; }
      #pandoraModule2025 .pdm2025-collections-grid .pdm2025-grid-row:hover .pdm2025-text {
        transform: translateY(-5px);
        background-color: rgba(0, 0, 0, 0.03); }
    @media (max-width: 768px) {
      #pandoraModule2025 .pdm2025-collections-grid .pdm2025-collections-grid .pdm2025-grid-row {
        grid-template-columns: 1fr;
        grid-template-areas: "pdm2025-image" "pdm2025-text"; }
      #pandoraModule2025 .pdm2025-collections-grid .pdm2025-grid-row .pdm2025-image {
        order: 1; }
      #pandoraModule2025 .pdm2025-collections-grid .pdm2025-grid-row .pdm2025-text {
        order: 2; } }
  #pandoraModule2025 .pdm2025-heading {
    font-family: 'Montserrat', sans-serif;
    color: #333;
    font-size: 18px;
    margin-bottom: 15px; }
  #pandoraModule2025 .pdm2025-ul {
    list-style: disc;
    padding-left: 20px;
    margin-bottom: 40px; }
  #pandoraModule2025 .pdm2025-contact-form {
    background-color: #fff;
    padding: 40px 20px;
    margin-top: 40px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 4px; }
    #pandoraModule2025 .pdm2025-contact-form .pdm2025-form-row {
      display: flex;
      flex-wrap: wrap;
      gap: 20px; }
      #pandoraModule2025 .pdm2025-contact-form .pdm2025-form-row .pdm2025-form-col {
        flex: 1; }
      #pandoraModule2025 .pdm2025-contact-form .pdm2025-form-row .pdm2025-form-label {
        display: block;
        margin-bottom: 5px; }
      #pandoraModule2025 .pdm2025-contact-form .pdm2025-form-row .pdm2025-form-input {
        width: 100%;
        padding: 8px;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-family: inherit;
        font-size: inherit; }
      #pandoraModule2025 .pdm2025-contact-form .pdm2025-form-row .pdm2025-form-error {
        margin-top: 5px;
        color: red;
        font-size: 12px; }
    #pandoraModule2025 .pdm2025-contact-form .pdm2025-button {
      background-color: #333;
      color: #fff;
      padding: 12px 25px;
      border-radius: 5px;
      border: none;
      cursor: pointer;
      transition: background 0.3s;
      font-size: 1rem; }
      #pandoraModule2025 .pdm2025-contact-form .pdm2025-button:hover {
        background-color: #555; }
    #pandoraModule2025 .pdm2025-contact-form .pdm2025-success-msg {
      color: green;
      margin-top: 15px; }
  #pandoraModule2025 .pdm2025-contact-details-wrapper {
    margin-top: 40px; }
    #pandoraModule2025 .pdm2025-contact-details-wrapper .pdm2025-heading {
      margin-bottom: 20px; }
    #pandoraModule2025 .pdm2025-contact-details-wrapper .pdm2025-contact-details {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      align-items: center; }
    #pandoraModule2025 .pdm2025-contact-details-wrapper .pdm2025-contact-detail {
      flex: 1;
      display: flex;
      align-items: center;
      margin-right: 20px; }
      #pandoraModule2025 .pdm2025-contact-details-wrapper .pdm2025-contact-detail:last-child {
        margin-right: 0; }
      #pandoraModule2025 .pdm2025-contact-details-wrapper .pdm2025-contact-detail .pdm2025-contact-icon {
        margin-right: 15px; }
        #pandoraModule2025 .pdm2025-contact-details-wrapper .pdm2025-contact-detail .pdm2025-contact-icon img {
          width: 40px; }
      #pandoraModule2025 .pdm2025-contact-details-wrapper .pdm2025-contact-detail .pdm2025-contact-info h5 {
        margin: 0 0 5px;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px; }
      #pandoraModule2025 .pdm2025-contact-details-wrapper .pdm2025-contact-detail .pdm2025-contact-info .pdm2025-contact-link {
        color: #333;
        font-size: 14px;
        text-decoration: underline; }

span.rating--small {
  color: #333;
  font-size: 12px; }

.page-content h2 {
  color: #333 !important;
  font-size: 21px !important;
  font-family: "Montserrat" !important; }

#maincontent p,
#maincontent span,
#maincontent a {
  font-family: montserrat !important;
  color: #333 !important;
  font-size: 15px !important;
  line-height: 175% !important;
  letter-spacing: 0.25px !important; }

#maincontent h2 {
  font-size: 17px !important;
  /* 2px larger than 15px */ }

.navBar--sub .navBar-action {
  color: #333;
  font-size: 1rem;
  padding: 0;
  font-family: 'Montserrat'; }

.watches-content > h2 {
  color: #333; }

h4.cart-item-name > a {
  color: #222;
  font-weight: 500; }

dd.definitionList-value {
  margin-bottom: 2.41px;
  font-size: 12px; }

@media (max-width: 769px) {
  .cart-item-image {
    top: 77%; } }

/* Additional CSS for Pandora Module */
/* Collection and Heading Styles */
#pandoraModule2025 .collection-heading {
  text-transform: uppercase;
  font-weight: bold; }

#pandoraModule2025 .normal-heading {
  text-transform: none;
  font-weight: normal;
  font-size: 1rem;
  /* Same as body text */ }

/* Accordion Button & Panel Styles */
#pandoraModule2025 .cus-accordian-details-appoitment1 {
  display: block;
  margin: 34px auto 0 auto;
  text-align: center;
  padding: 10px;
  font-size: 1rem;
  border: none;
  /* background-color: #f1f1f1; */
  cursor: pointer;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border-top: solid 1px;
  border-color: grey;
  /* text-align: left; */
  outline: none;
  transition: 0.4s;
  text-transform: uppercase;
  color: #022f3f;
  font-weight: 500;
  font-size: 16px;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  letter-spacing: 0.25px;
  color: #333;
  text-transform: capitalize;
  font-size: 23px;
  font-weight: 500;
  position: relative;
  padding-left: 0; }

#pandoraModule2025 .cus-accordian-details-appoitment1.active {
  background-color: #ffc0cb; }

#pandoraModule2025 .panel {
  display: none;
  overflow: hidden;
  padding: 0 10px;
  border: none;
  margin-bottom: 20px; }

/* Additional CSS for Pandora Module */
/* Collection and Heading Styles */
#pandoraModule2025 .collection-heading {
  text-transform: uppercase;
  font-weight: bold; }

#pandoraModule2025 .normal-heading {
  text-transform: none;
  font-weight: normal;
  font-size: 1rem;
  /* Same as body text */ }

/* Accordion Button & Panel Styles */
#pandoraModule2025 .cus-accordian-details-appoitment1 {
  display: block;
  margin: 55px auto 0 auto;
  /* 7px space above and centered horizontally */
  text-align: center;
  padding: 10px;
  font-size: 1rem;
  border: none;
  background-color: #ffc0cb;
  cursor: pointer; }

#pandoraModule2025 .cus-accordian-details-appoitment1.active {
  background-color: #ffc0cb; }

#pandoraModule2025 .panel {
  display: none;
  overflow: hidden;
  padding: 0 10px;
  border: none;
  margin-bottom: 20px; }

#pandoraModule2025 .pdm2025-tile {
  background-color: #eee;
  /* Example background color */
  color: #333;
  text-align: center;
  padding: 10px 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 20px;
  /* Space between tile and intro */ }

/* New Tile Styles */
#pandoraModule2025 .pdm2025-tile {
  background-color: #eee;
  /* Example background color */
  color: #333;
  text-align: center;
  padding: 10px 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 20px;
  /* Space between tile and intro */ }

/* Store Contact Details Styles */
#pandoraModule2025 .pdm2025-contact-details-wrapper {
  margin-top: 40px;
  background-color: #f9f9f9; }

#pandoraModule2025 .contact-title {
  font-family: 'Montserrat', sans-serif;
  color: #333;
  font-size: 18px;
  margin-bottom: 20px;
  text-align: center;
  padding: 7px; }

#pandoraModule2025 .pdm2025-contact-details {
  display: flex;
  justify-content: space-around;
  align-items: flex-start; }

#pandoraModule2025 .contact-detail-block {
  flex: 1;
  margin: 0 10px;
  display: flex;
  align-items: flex-start; }

#pandoraModule2025 .contact-icon img {
  width: 40px;
  margin-right: 10px; }

#pandoraModule2025 .contact-detail-content h5 {
  margin: 0 0 5px;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px; }

#pandoraModule2025 .contact-detail-content p {
  font-size: 14px;
  margin: 5px 0; }

#pandoraModule2025 .contact-link {
  font-size: 14px;
  text-decoration: underline;
  color: #333; }

/* Mobile Specific Styles */
@media (max-width: 768px) {
  /* Hero Banner: Hide the image and use a background image instead */
  #pandoraModule2025 .pdm2025-hero-banner img {
    display: none; }
  #pandoraModule2025 .pdm2025-hero-banner {
    background-image: url("https://store-f06f69.mybigcommerce.com/product_images/Pandora.jpg");
    background-size: contain;
    background-position: center;
    min-height: 300px;
    /* Adjust as needed */
    background-repeat: no-repeat;
    padding: 51%;
    margin-bottom: 0px !important; }
  /* Make each collection row appear as a card */
  #pandoraModule2025 .pdm2025-grid-row {
    display: block;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    margin: 10px 0;
    padding: 10px;
    border-radius: 4px;
    cursor: pointer; }
  #pandoraModule2025 .pdm2025-image {
    width: 100%; }
  /* Ensure images take full width */
  #pandoraModule2025 .pdm2025-image img {
    width: 100%;
    display: block; }
  /* Mobile card header: flex layout for title and arrow */
  #pandoraModule2025 .pdm2025-text .collection-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    margin-bottom: 5px; }
  #pandoraModule2025 .pdm2025-collections-grid .pdm2025-grid-row:nth-child(odd) .pdm2025-text .collection-heading::after {
    content: "▼";
    font-size: 1rem;
    position: relative;
    top: -67px; }
  /* For even rows: sections 2 & 4 */
  #pandoraModule2025 .pdm2025-collections-grid .pdm2025-grid-row:nth-child(even) .pdm2025-text .collection-heading::after {
    content: "▼";
    display: none;
    font-size: 1rem;
    position: absolute;
    top: -67px;
    right: 121px; }
  /* When a card is expanded, hide the arrow */
  #pandoraModule2025 .pdm2025-grid-row.expanded .pdm2025-text .collection-heading::after {
    display: none; }
  /* When expanded, hide the arrow */
  #pandoraModule2025 .pdm2025-grid-row.expanded .pdm2025-text .collection-heading::after {
    display: none; }
  /* Hide the description (or collaboration extra content) by default */
  #pandoraModule2025 .pdm2025-text .description,
  #pandoraModule2025 .collaboration-content {
    display: none; }
  /* Hide the contact details list by default */
  #pandoraModule2025 .pdm2025-contact-details-wrapper .pdm2025-contact-details {
    display: none;
    flex-direction: column; }
  /* Make the contact title a clickable toggle with an arrow */
  #pandoraModule2025 .pdm2025-contact-details-wrapper .toggle-contact-details {
    cursor: pointer;
    position: relative; }
  /* Arrow indicator on the toggle header */
  #pandoraModule2025 .pdm2025-contact-details-wrapper .toggle-contact-details::after {
    content: "▼";
    font-size: 1rem;
    position: absolute;
    right: 10px;
    top: 0;
    display: none; }
  /* When expanded, hide the arrow */
  #pandoraModule2025 .pdm2025-contact-details-wrapper.expanded .toggle-contact-details::after {
    display: none; }
  /* Each contact detail block as a vertical card */
  #pandoraModule2025 .pdm2025-contact-details .contact-detail-block {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    margin: 10px 0;
    padding: 10px;
    border-radius: 4px;
    display: flex;
    align-items: center; } }

.coupon-code-add:hover, .coupon-code-cancel:hover, .shipping-estimate-show:hover, .shipping-estimate-hide:hover, .gift-certificate-add:hover, .gift-certificate-cancel:hover {
  color: #333;
  font-weight: 500; }

.coupon-code-add, .coupon-code-cancel, .shipping-estimate-show, .shipping-estimate-hide, .gift-certificate-add, .gift-certificate-cancel {
  color: #333;
  padding: 0;
  text-decoration: underline;
  transition: color 0.15s ease; }

.css-10z1g2q {
  font-family: 'Montserrat' !important;
  -webkit-font-smoothing: antialiased !important;
  font-weight: 400 !important;
  letter-spacing: -0.05px !important;
  position: relative !important;
  padding: 12px !important;
  background: white !important;
  color: #333 !important;
  text-align: left !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  border-top: 1px solid #777 !important; }

.css-1k76mzs {
  height: 36px;
  text-align: center;
  text-decoration: underline !important;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-box-align: center;
  align-items: center;
  appearance: none;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 12px !important;
  padding-left: 16px;
  padding-right: 16px;
  background: none;
  color: #333 !important;
  border: 1px solid white;
  box-sizing: border-box; }

.css-a0j149 {
  background: white;
  height: 36px;
  color: #454545;
  text-align: center;
  text-decoration: underline !important;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-box-align: center;
  align-items: center;
  appearance: none;
  box-sizing: border-box;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 12px !important;
  padding-left: 16px;
  padding-right: 16px;
  margin-left: 8px;
  margin-right: 8px;
  border: 0px !important; }

div#consent-manager-update-banner {
  height: 48px;
  display: none !important;
  background-color: #f7f7f7 !important;
  font-family: 'Montserrat' !important;
  -webkit-font-smoothing: antialiased;
  font-size: 12px !important;
  font-weight: 400;
  letter-spacing: -0.05px;
  line-height: 48px; }

button.con-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: normal;
  margin: 0 0 1rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  background-color: #333;
  border-color: #cccccc;
  color: #757575;
  font-size: 1rem;
  padding: 7px 21px 7px 21px;
  border-radius: 4px;
  outline: none;
  vertical-align: middle;
  border-color: #333;
  color: white;
  margin: 0px !important; }

/* Hide consent manager until ready */
#consent-manager:not(.consent-ready) {
  opacity: 0 !important;
  transition: opacity 0.3s ease !important; }

/* When ready, show it */
#consent-manager.consent-ready {
  opacity: 1 !important; }

/* Flex container */
.css-10z1g2q > div {
  display: flex;
  flex-flow: nowrap !important;
  /* Ensure items do not wrap */
  justify-content: space-between;
  align-items: baseline;
  margin-top: -16px; }

/* First child: text container */
.css-10z1g2q > div > .css-ra9y5f {
  flex: 1 1 auto;
  /* Grow and shrink as needed */
  min-width: 0;
  /* Prevent overflow issues */ }

/* Second child: button container */
.css-10z1g2q > div > .css-1wn42nw {
  flex: 0 0 auto;
  /* Keep natural size */ }

@media (max-width: 600px) {
  .css-10z1g2q > div {
    flex-direction: column;
    align-items: center;
    flex-flow: wrap !important; }
  /* Optionally adjust individual elements for better spacing on mobile */
  .css-10z1g2q > div > .css-ra9y5f,
  .css-10z1g2q > div > .css-1wn42nw {
    width: 100%;
    text-align: center; } }

span.click-collect-info-icon {
  top: 16.5% !important;
  left: 26% !important;
  position: absolute !important; }

label.form-label.form-label--alternate.form-label--inlineSmall.panel_title {
  color: #333; }

.heroCarousel .slick-list.draggable {
  display: none !important; }

.similar-product-reviews {
  padding-right: 7px;
  color: #333; }

.lg-outer {
  height: 421px !important; }

.lg-sub-html {
  display: none !important; }

.lg-backdrop {
  background-color: unset !important; }

@media screen and (max-width: 767px) {
  .lg-outer {
    height: 259px !important; } }

p.card-text {
  color: #333 !important; }

.win-cards-container {
  display: flex;
  justify-content: space-between;
  /* same as .steps-container */
  gap: 1rem;
  flex-wrap: wrap;
  margin: 2rem 0;
  /* match your .win-section spacing */ }

.win-cards-container > .sg-card,
.win-cards-container > .win-card {
  flex: 1 1 calc(33.333% - 1rem);
  /* same base as .sg-card in steps */
  min-width: 250px;
  margin: 0; }

/* Disable hover effect for the message card */
.win-message-card:hover {
  transform: none !important;
  box-shadow: none !important; }

/* (Optional) If you need the win product card to mimic the .sg-card styling, you can ensure it resets to the base style: */
.win-card {
  /* Remove the max-width if needed so both cards are equal in width */
  max-width: none; }

/* Global Styles */
body.sg-body {
  margin: 0;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  color: #333;
  background-color: #fff;
  line-height: 1.6; }

/* Hero Banner */
.hero-banner {
  margin: 0 auto 1.5rem;
  position: relative;
  cursor: pointer; }

.hero-banner picture,
.hero-banner img {
  width: 100%;
  height: auto;
  display: block; }

/* Section & Text */
.sg-section {
  padding: 1.5rem 0;
  margin: 0 auto;
  border-bottom: 1px solid #eee; }

.sg-heading {
  font-size: 1.8rem;
  margin-bottom: 4rem;
  color: #333;
  text-align: center; }

.sg-text {
  margin-bottom: 0.8rem;
  color: #333;
  text-align: left; }

.sg-button {
  display: inline-block;
  padding: 0.7rem 1.5rem;
  background-color: #05637d;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  margin-top: 1rem;
  cursor: pointer;
  border: none;
  transition: background-color 0.3s ease;
  text-transform: uppercase; }

.sg-button:hover {
  background-color: #014C61; }

/* Tick List */
.sg-list-tick {
  list-style: none;
  padding-left: 0;
  color: #333;
  text-align: left; }

.sg-list-tick li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 0.75rem; }

.sg-list-tick li::before {
  content: "✔";
  color: green;
  position: absolute;
  left: 0;
  top: 0; }

/* Steps */
.steps-container {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 2rem; }

.sg-card {
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 1rem;
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-align: center;
  position: relative; }

.sg-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); }

.card-number {
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50%;
  background: #333;
  color: #fff;
  text-align: center;
  font-weight: 500;
  margin: 0 auto 0.4rem;
  transition: transform 0.3s ease; }

.sg-card:hover .card-number {
  transform: scale(1.1); }

.sg-step-title {
  text-align: center;
  margin: 1rem 0;
  color: #333;
  font-size: 1.1rem;
  font-weight: 500; }

.win-message-card:hover {
  transform: none !important;
  box-shadow: none !important; }

.win-card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  padding: 1rem;
  /* remove the old max-width */
  max-width: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease; }

.win-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); }

.win-details {
  margin: 1rem 0; }

.win-message {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  color: #333;
  padding: 0.5rem;
  margin-bottom: 1rem;
  text-align: left; }

.win-link {
  display: block;
  text-decoration: none;
  color: inherit; }

/* Win Modal */
.win-modal {
  display: none;
  position: fixed;
  top: 50% !important;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  max-width: 95%;
  max-height: 90%;
  min-height: 240px;
  padding: 2.25rem;
  background-color: white;
  border: 0;
  overflow: auto;
  z-index: 1005;
  border-radius: 0; }

@media only screen and (min-width: 551px) {
  .win-modal {
    left: 0;
    margin: 0 auto;
    max-width: 80%;
    right: 0;
    width: 900px;
    top: 50% !important;
    transform: translateY(-50%); } }

.win-modal-header {
  padding: 8px 20px;
  background: #085067;
  border-bottom: 1px solid #085067;
  text-align: center; }

.win-modal-header h2 {
  font-size: 22px;
  margin: 0;
  color: #085067;
  text-align: center; }

.win-modal-close {
  position: absolute;
  right: 10px;
  top: 3%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 1.2rem;
  color: #085067; }

.win-modal-body {
  padding: 1rem;
  text-align: left; }

/* Free Pack Modal */
.sg-modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5); }

.sg-modal-content {
  background-color: #fff;
  margin: 10% auto;
  padding: 1.5rem;
  border-radius: 8px;
  max-width: 500px; }

.sg-modal h3 {
  margin-top: 0;
  color: #023047;
  text-align: center;
  margin-bottom: 27px; }

.sg-modal input,
.sg-modal textarea {
  width: 100%;
  padding: 0.5rem;
  margin-bottom: 1.8rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  color: #333; }

.sg-modal-close {
  float: right;
  cursor: pointer;
  font-size: 1.2rem;
  color: #999; }

.sg-message {
  margin-top: 1rem;
  font-weight: bold;
  text-align: center; }

/* FAQ */
.faq-wrapper {
  background-color: #f9f9f9;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  padding: 1.5rem;
  margin: 2rem auto;
  max-width: 800px;
  transition: transform 0.3s ease, box-shadow 0.3s ease; }

.faq-wrapper:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); }

.faq-container {
  text-align: left; }

.faq-item {
  border-bottom: 1px solid #eee;
  padding: 0.8rem 0; }

.faq-question {
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  padding: 0;
  font-size: 1.2rem;
  cursor: pointer;
  outline: none;
  position: relative;
  transition: color 0.3s ease; }

.faq-question::before {
  content: "+ ";
  font-weight: bold;
  margin-right: 0.5rem; }

.faq-question.active::before {
  content: "- "; }

.faq-question:hover {
  color: #05637d; }

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  font-size: 1rem;
  color: #555;
  margin-top: 0.5rem; }

.faq-answer.open {
  max-height: 300px;
  margin-top: 0.5rem; }

/* Responsive */
@media (max-width: 768px) {
  .steps-container, .win-cards-container {
    flex-wrap: wrap; }
  .sg-card, .win-card {
    flex: 1 1 100%; } }

@media (max-width: 600px) {
  .sg-button {
    width: 62%;
    text-align: center;
    justify-content: center; }
  .sg-modal-content {
    margin: 20% auto; } }

/* Win Section – cards exactly like “Why Sell…” */
.win-section {
  margin: 2rem 0;
  text-align: center; }

.win-cards-container {
  display: flex;
  justify-content: space-between;
  /* same as .steps-container */
  gap: 1rem;
  flex-wrap: wrap;
  margin: 2rem 0 0; }

.win-cards-container > .sg-card,
.win-cards-container > .win-card {
  flex: 1 1 calc(33.333% - 1rem);
  /* identical to .sg-card in steps */
  min-width: 250px;
  margin: 0; }

/* make Win cards the same fixed width as ‘Why Sell…’ cards */
.win-cards-container {
  display: flex;
  justify-content: center;
  /* center them in the row */
  gap: 1rem; }

.win-cards-container > .sg-card,
.win-cards-container > .win-card {
  /* no grow, no shrink, exact basis = a third of container minus gap */
  flex: 0 0 calc(33.333% - 1rem);
  max-width: calc(33.333% - 1rem); }

/* 1) Make the container stretch its children to equal height */
.win-cards-container {
  display: flex;
  justify-content: space-between;
  /* or center/space-around as you prefer */
  gap: 1rem;
  align-items: stretch;
  /* <— key to equal‑height cards */ }

/* 2) Keep your third‑width basis */
.win-cards-container > .sg-card,
.win-cards-container > .win-card {
  flex: 0 0 calc(33.333% - 1rem);
  margin: 0;
  display: flex;
  flex-direction: column;
  /* so we can control the image section separately */ }

/* 3) Limit the image height so the whole card matches your other cards */
.win-card img {
  width: 72%;
  max-height: 335px;
  /* tweak this value until it lines up with “Why Sell…” cards */
  object-fit: cover;
  border-radius: 4px; }

/* 4) Push the details & button down to fill the remaining space */
.win-card .win-details,
.win-card .sg-button {
  margin-top: auto; }

/* === Win Section: no gap on desktop, full‑width stack on mobile === */
.win-cards-container {
  display: flex;
  justify-content: flex-start;
  /* align cards flush to the left */
  gap: 0;
  /* remove any gap between them */
  flex-wrap: wrap;
  /* allow wrapping on narrow screens */ }

/* Two cards side‑by‑side, each filling half the container */
.win-cards-container > .sg-card,
.win-cards-container > .win-card {
  flex: 0 0 50%;
  /* no grow, no shrink, 50% basis */
  max-width: 50%;
  /* cap at 50% */
  margin: 0;
  /* ensure no extra margins */ }

/* On mobile, each card takes full width */
@media (max-width: 768px) {
  .win-cards-container > .sg-card,
  .win-cards-container > .win-card {
    flex: 0 0 100%;
    /* full‑width */
    max-width: 100%; } }

h2.sg-heading1 {
  margin-bottom: 0 !important;
  margin-top: 0 !important; }

h3.tgif {
  color: #333;
  font-size: 18px; }

h2.sio {
  color: #fff !important; }

h5.accordion-title {
  font-weight: unset !important; }

/* Gold Prices table */
.prices-table th,
.prices-table td {
  border: 1px solid #ccc;
  padding: 0.5rem; }

.prices-table th {
  background: #f5f5f5; }

/* Reuse your .sg-modal & .sg-modal-content for the lock-modal */
#lock-modal .sg-modal-content {
  max-width: 500px;
  margin: 10% auto; }

section#gold-prices-section {
  padding-top: 0px !important; }

.sg-card.win-message-card {
  box-shadow: none; }

.sg-button27 {
  cursor: pointer;
  width: 100%;
  border-color: #ccc;
  text-align: left;
  outline: none;
  transition: 0.4s;
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  text-transform: capitalize;
  font-size: 21px;
  color: #333;
  text-align: center; }

.sg-button37 {
  border: solid 1px #777;
  color: #333;
  font-size: 16px;
  padding: 8px 20px;
  margin-top: 7px; }

.sg-button37:hover, .sg-button37:focus {
  background: #0a94b3;
  color: #fff !important; }

/* make prices look clickable */
.current-prices-display span {
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  transition: background-color 0.2s; }

.current-prices-display span:hover {
  background-color: rgba(0, 0, 0, 0.05); }

/* highlight the selected one */
.current-prices-display span.selected {
  background-color: #f7f7f7; }

@media only screen and (max-width: 600px) {
  .win-modal {
    display: none;
    position: fixed;
    top: 50% !important;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    max-width: 95%;
    max-height: 75%;
    min-height: 240px;
    padding: 2.25rem;
    background-color: white;
    border: 0;
    overflow: auto;
    z-index: 1005;
    border-radius: 0; }
  /* make the container scrollable */
  #prices-table-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
  /* ensure the table is at least as wide as its content */
  .prices-table {
    display: block;
    min-width: 600px;
    /* wide enough to show all six columns */
    width: auto;
    /* let it size itself */ }
  /* prevent cells from wrapping & keep headings aligned */
  .prices-table th,
  .prices-table td {
    white-space: nowrap; }
  .win-card img {
    width: 100%;
    max-height: 335px;
    object-fit: cover;
    border-radius: 4px; } }

/* assuming your banner’s visible height is 48px */
#consent-manager.consent-ready {
  --cookie-banner-height: 48px;
  /* make sure it sits above the voucher */
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1001; }

@media only screen and (max-width: 768px) {
  .desktop-offer .category-voucher-toggle {
    position: fixed;
    /* take it out of the normal flow */
    bottom: calc(var(--cookie-banner-height, 0px) + 8px);
    /* 8px of “breathing room” above the banner */
    z-index: 1000;
    /* just under the banner’s 1001 */
    /* your existing styling */
    background: radial-gradient(circle, #032541 0%, #05637d 75%);
    color: #fff;
    font-size: 17px;
    padding: 6px 15px 6px 45px;
    border-radius: 7px;
    cursor: pointer; } }

.filterBtn {
  background-color: white;
  border: 1px solid #cccccc;
  border-radius: 4px;
  font-family: 'Montserrat';
  color: #333;
  font-weight: 400;
  padding: 7.3px 12px;
  font-size: 13px;
  position: relative;
  top: 50px;
  left: 11px;
  transform: translateY(10px);
  transition: background-color 0.5s, transform 0.5s;
  z-index: 1; }

button#filterBtn i {
  margin-left: 8px; }

/* Hidden by default */
.common_hide_container.filter-container {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  width: 0;
  transition: max-height 0.4s ease, opacity 0.4s ease, width 0.4s ease;
  margin-right: 0rem; }

/* Shown when class 'show' is added */
.common_hide_container.filter-container.show {
  max-height: 100%;
  width: 315px;
  opacity: 1;
  padding-left: 15px;
  margin-right: 1rem; }

@media (max-width: 768px) {
  .common_hide_container.filter-container {
    max-height: none;
    opacity: 1;
    width: 100% !important;
    visibility: visible !important;
    overflow: visible; } }

@media (max-width: 569px) {
  .wishlist-tooltip-msg {
    padding: 5px 8px !important;
    white-space: normal !important;
    /* ← allow lines to wrap */
    max-width: 100vw !important;
    /* ← never wider than 80% of viewport */ } }

/* --- Thumb-slider override: square thumbs & minimal spacing --- */
.thumb-nav-row .swiper-wrapper {
  display: flex !important;
  gap: 2px !important; }

.thumb-nav-row .swiper-slide {
  flex: 0 0 auto !important;
  height: 60px !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  margin: 0 !important; }

.thumb-nav-row img.card-thumb-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important; }

@media (min-width: 768px) {
  /* hidden by default */
  .product-card-hover .thumb-nav-row {
    display: none !important;
    margin-bottom: 0 !important; }
  /* show & space on hover */
  .product-card-hover:hover .thumb-nav-row {
    display: flex !important;
    margin-bottom: 7px !important; } }

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  top: var(--swiper-pagination-top, 99%) !important;
  left: 75% !important; }

@media (max-width: 768px) {
  select#sort_custom {
    border-bottom: 1px solid #eee !important;
    border-radius: 0 !important; }
  .actionBar-section .form-field {
    background-color: unset !important; } }

@media (min-width: 768px) {
  .swiper-pagination-bullet {
    display: none !important; } }

.product-card-hover .card-figure {
  height: 330px !important; }

@media (min-width: 1024px) and (max-width: 1600px) {
  .product-card-hover .card-figure {
    height: 270px !important; } }

@media (max-width: 600px) {
  .slider.message_slider.slick-initialized.slick-slider {
    top: -7.75px !important; } }

@media (min-width: 801px) {
  .facetedSearch-refineFilters {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 10px; } }

a.facetedSearch-clearLink {
  font-family: 'Montserrat';
  font-size: 15px; }

@media (min-width: 801px) {
  .financecalc_input_wrapper {
    display: inline-block !important; }
  .financecalc_input.finance-deposit {
    height: 19px !important; } }

div#rf {
  margin-left: 8%;
  min-width: 33%; }

@media (max-width: 796px) {
  div#rf {
    margin-left: 0%; } }

/* 1) Base icon styling */
.info-icon {
  display: block;
  margin-left: 6px;
  cursor: pointer;
  position: relative;
  /* anchor for the ::after bubble */
  font-size: 0.9em;
  line-height: 1;
  float: right;
  height: 16px;
  width: 16px; }

/* 2) Tooltip bubble: position it to the LEFT of the icon */
.info-icon::after {
  content: attr(data-tooltip);
  position: absolute;
  white-space: normal;
  /* allow wrapping */
  overflow-wrap: break-word;
  word-break: break-word;
  /* ─── Position on left ─── */
  top: 50%;
  right: 100%;
  /* “attach” the bubble to the left edge */
  transform: translateX(-8px) translateY(-50%);
  /* vertically center */
  /* ─── Appearance ─── */
  background: #e5e5e5;
  color: #333;
  padding: 6px 10px;
  border-radius: 4px;
  min-width: 350px;
  /* adjust as needed */
  width: auto;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease-in-out;
  z-index: 10;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  line-height: 1.4;
  text-transform: math-auto; }

/* 3) Show on hover/focus */
.info-icon.show-tooltip:hover::after,
.info-icon.show-tooltip:focus::after {
  opacity: 1; }

/* 4) Responsive tweak (e.g. on narrow screens) */
@media (max-width: 480px) {
  .info-icon::after {
    font-size: 0.8em;
    padding: 4px 8px;
    min-width: 200px;
    /* Still pinned left, but maybe shift less: */
    right: 100%;
    transform: translateX(-4px) translateY(-50%); } }

/* 5) (Optional) Any other tooltip-related styles */
img.watcho-lc-tooltip-icon {
  height: 16px;
  width: 16px;
  vertical-align: baseline;
  float: right;
  opacity: 0.7;
  margin-top: 5px; }

.watcho-lc-tooltip-bubble {
  padding: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  color: #333;
  text-transform: math-auto; }

img.info-icon-img {
  opacity: 0.7;
  margin-top: 2.5px; }

.wow {
  font-size: 13px;
  color: #222;
  line-height: 150%;
  margin-bottom: 12px;
  display: block;
  font-family: Montserrat, Arial, Helvetica, sans-serif;
  margin-top: 15px;
  letter-spacing: 0.25px;
  font-weight: 400; }

/* KEYFRAMES */
@keyframes pdm-fadeIn {
  to {
    opacity: 1; } }

/* Container & card base */
.pdm-sections-container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  max-width: 1200px;
  margin: 2rem auto;
  padding: 0 1rem; }

.pdm-section-card {
  --pdm-delay: 0s;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transform: translateY(0);
  transition: transform .3s ease;
  animation: pdm-fadeIn .6s forwards ease;
  animation-delay: var(--pdm-delay); }

.pdm-section-card:hover {
  transform: translateY(-10px); }

/* 16:9 slider container */
.pdm-section-slider {
  opacity: 0;
  animation: pdm-fadeIn .6s forwards ease;
  animation-delay: calc(var(--pdm-delay) + .7s);
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  /* 16:9 aspect ratio */
  overflow: hidden; }

.pdm-section-slider img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none; }

.pdm-section-slider img.pdm-active {
  display: block; }

/* Slider controls */
.pdm-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border: none;
  padding: .3rem .6rem;
  cursor: pointer;
  font-size: 1.2rem; }

.pdm-arrow.prev {
  left: .5rem; }

.pdm-arrow.next {
  right: .5rem; }

.pdm-dots {
  position: absolute;
  bottom: .5rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: .3rem; }

.pdm-dot {
  width: .8rem;
  height: .8rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  cursor: pointer; }

.pdm-dot.pdm-active {
  background: #085067; }

/* Card content fade-in */
.pdm-card-content {
  opacity: 0;
  max-height: 300px;
  animation: pdm-fadeIn .6s forwards ease;
  animation-delay: calc(var(--pdm-delay) + 1.4s);
  background: rgba(255, 255, 255, 0.85);
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: background .3s ease; }

.pdm-section-card:hover .pdm-card-content {
  background: rgba(255, 255, 255, 0.6); }

/* Trigger button */
.pdm-trigger-btn {
  background: #085067;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: .75rem 1.5rem;
  font-weight: 600;
  cursor: pointer;
  transition: transform .2s ease; }

.pdm-trigger-btn:hover {
  transform: scale(1.05); }

/* Always-visible mobile button (shown via JS on small screens) */
.pdm-mobile-btn {
  display: none !important; }

/* Typography */
.pdm-card-content h2 {
  margin: 0 0 .5rem;
  font-family: Montserrat, sans-serif;
  font-size: 1.5rem;
  color: #333;
  text-transform: uppercase;
  font-style: italic;
  font-weight: 600; }

.pdm-card-content p {
  margin: 0;
  color: #444; }

/* Modal backdrop & window */
.pdm-modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 10000; }

.pdm-modal-backdrop.pdm-active {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important; }

.pdm-modal {
  background: #fff;
  border-radius: 6px;
  max-width: 54%;
  max-height: 100%;
  width: 90%;
  overflow: auto;
  padding: 2.25rem;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: hidden;
  opacity: 0;
  z-index: 10005;
  transition: opacity .3s ease, visibility .3s ease; }

.pdm-modal-backdrop.pdm-active .pdm-modal {
  visibility: visible;
  opacity: 1; }

/* Modal header & body */
.pdm-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1rem;
  border-bottom: 1px solid #eee; }

.pdm-modal-header h2 {
  margin: 0;
  font-size: 1rem;
  color: #085067; }

.pdm-modal-close {
  background: none;
  border: none;
  font-size: 1.2rem;
  cursor: pointer; }

.pdm-modal-body {
  padding-top: 1rem;
  font-family: Montserrat, sans-serif;
  color: #444; }

.pdm-modal-body .form-field {
  margin-bottom: .75rem; }

.pdm-modal-body .form-field label {
  display: block;
  margin-bottom: .25rem; }

.pdm-modal-body .form-input,
.pdm-modal-body textarea {
  width: 100%;
  padding: .5rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-family: inherit; }

.pdm-modal-body .pdm-trigger-btn {
  width: 100%;
  margin-top: .5rem; }

/* MOBILE RESPONSIVE */
@media (max-width: 767px) {
  .pdm-section-card {
    flex-direction: column; }
  .pdm-section-slider,
  .pdm-card-content {
    width: 100%;
    min-width: auto; }
  .pdm-mobile-btn {
    display: block !important;
    margin-top: 1rem;
    width: 100%; }
  .pdm-modal {
    max-width: 95%;
    max-height: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .pdm-card-content p {
    overflow: hidden !important;
    overflow-y: auto !important; }
  .pdm-trigger-btn {
    min-width: -webkit-fill-available !important; }
  .pdm-section-slider {
    padding-bottom: 50%; } }

@media (max-width: 550px) {
  .pdm-modal {
    top: 124px;
    /* adjust as needed */
    left: 50%;
    transform: translateX(-50%); }
  .pdm-arrow {
    top: 91%;
    background: none; } }

@media (min-width: 769px) {
  .pdm-card-content {
    max-height: none !important;
    max-width: 50% !important; }
  .pdm-hover-overlay {
    text-align: center !important; }
  .pdm-trigger-btn {
    min-width: -webkit-fill-available !important; } }

/* new accordions namespace */
.pdm-acc-panel-appointment,
.pdm-acc-panel-store {
  display: none; }

.pdm-acc-appointment-btn.active + .pdm-acc-panel-appointment,
.pdm-acc-store-btn.active + .pdm-acc-panel-store {
  display: block; }

.contact-title121 {
  width: 100%;
  text-align: center;
  padding: .75rem 1rem;
  background: #f7f7f7;
  border: none;
  cursor: pointer;
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: box-shadow .2s ease; }

.contact-title121:hover {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); }

.panel.custom-details-appo {
  border: 1px solid #ddd;
  border-top: none;
  padding: 2rem; }

/* ensure no collision with other accordions */
/* Mobile-only “mobile-show” */
@media (max-width: 800px) {
  .mobile-show {
    display: flex !important;
    gap: .5rem; } }

ul.menu-by-brands li.navPage-subMenu-item:nth-child(3), ul.menu-by-brands li.navPage-subMenu-item:nth-child(5) {
  margin: 0 0 2% !important; }

button.pdm-acc-appointment-btn.contact-title121 {
  margin-bottom: 21px; }

@media (max-width: 769px) {
  .w-love-watcho {
    padding-bottom: 0px !important; }
  section.productCarousel-customer-view.designer_watch_brand.slick-initialized.slick-slider {
    margin-bottom: 9%; } }

@media screen and (max-width: 480px) {
  .slick-next {
    right: calc(50% - 48px) !important; }
  .slick-prev {
    left: calc(50% - 80px) !important; } }

@media screen and (max-width: 769px) {
  .treat_yourself_grid .item_wrapper .description_wrapper .treat_btn {
    font-size: 114px; } }

@media (max-width: 800px) {
  .filter-search {
    display: block !important; } }

@media screen and (min-width: 769px) {
  .header-right span.cart-quantity {
    position: relative;
    top: -2px;
    float: right;
    margin-left: 0px !important;
    color: white;
    width: 12px !important;
    height: 12px !important;
    line-height: 1 !important; } }

.navBar--sub .navBar-item.is-active {
  background: none !important;
  border-radius: 0px !important;
  padding: 0px !important; }

@media (max-width: 769px) {
  .custom_wall .slick-prev,
  .custom_wall .slick-next {
    display: none !important; } }

/* Base */
.b82-01 {
  font-family: Montserrat;
  color: #333;
  line-height: 1.6; }

.g78-01 {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto 7px;
  top: 31%; }

/* Smooth Scroll */
html {
  scroll-behavior: smooth; }

/* Visible Helper */
.visible {
  opacity: 1 !important;
  transform: translateY(0); }

/* Section Jumper */
.n98-01 {
  position: fixed;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  z-index: 2000; }

.n98-02 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #f7f7f7;
  transition: background 0.3s, transform 0.3s; }

.n98-02:hover {
  transform: scale(1.2); }

.n98-02.active {
  background: #333;
  transform: scale(1.3); }

/* Fade-In Item Base */
.f19-01 {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease-out; }

/* Header */
.h34-01 {
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 1000;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }

/* Hero */
.v56-01 {
  position: relative;
  height: 80vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px; }

.v56-02 {
  position: absolute;
  inset: 0;
  background: url("https://store-f06f69.mybigcommerce.com/product_images/uploaded_images/Watcho_01.jpg") center/cover no-repeat;
  filter: brightness(0.7);
  transform: scale(1.1);
  animation: zoom 20s ease-in-out infinite alternate; }

@keyframes zoom {
  to {
    transform: scale(1); } }

.v56-03 {
  position: relative;
  z-index: 1;
  text-align: center;
  animation: fadeInDown 1s ease-out forwards; }

.v56-03 h1 {
  font-family: Montserrat;
  font-size: 3rem;
  margin-bottom: 0.5rem;
  color: #f7f7f7; }

.v56-03 p {
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
  color: #f7f7f7;
  padding-top: 7px; }

.v56-04 {
  padding: 0.8rem 1.5rem;
  background: #bfa17a;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  border-radius: 50px;
  transition: background 0.3s; }

.v56-04:hover {
  background: #e0c097; }

/* Sections */
.t90-01 {
  padding: 1rem 0;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease-out; }

/* About Values Grid */
.k12-01 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 2.5rem;
  margin-top: 1.5rem; }

.k12-01 li {
  background: #f9f9f9;
  padding: 1rem;
  border-radius: 10px; }

/* Impact Stats */
.j45-01 {
  background: #faf7f3;
  border-radius: 10px; }

.s23-01 {
  display: flex;
  gap: 2rem;
  justify-content: center;
  margin-top: 2rem;
  flex-wrap: wrap; }

.s23-02 {
  background: #fff;
  padding: 2rem;
  border-radius: 12px;
  text-align: center;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease-out; }

.s23-02 img {
  width: 60px;
  margin-bottom: 1rem; }

.s23-04 {
  font-size: 2.5rem;
  color: #bfa17a;
  margin-bottom: 0.5rem; }

/* Membership Cards */
.u34-01 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 2rem;
  margin-top: 2rem; }

.u34-02 {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  transition: transform 0.3s, box-shadow 0.3s;
  padding: 7%; }

.u34-02 img {
  width: 100%;
  height: 180px;
  object-fit: contain; }

.u34-02:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); }

.u34-04 {
  align-self: normal;
  margin: 0 1rem 1rem;
  text-decoration: none;
  color: #fff;
  background: #05637d;
  padding: 0.5rem 1rem;
  border-radius: 30px;
  font-size: 0.9rem;
  text-align: center; }

.u34-04:hover {
  background: #f7f7f7;
  color: #05637d; }

/* Store Cards */
.st56-01 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 2rem;
  margin-top: 2rem; }

.st56-02 {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  transition: transform 0.3s, background-color 0.3s, box-shadow 0.3s;
  padding: 7%; }

.st56-02 img {
  height: 200px;
  object-fit: cover; }

.st56-02:hover {
  transform: translateY(-8px);
  background-color: #faf7f3;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12); }

/* Shared Card Look & Hover */
.s23-02,
.u34-02,
.st56-02 {
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08); }

.s23-02:hover,
.u34-02:hover,
.st56-02:hover {
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12); }

/* Unique Entrance Animations */
.animate-from-left,
.animate-from-bottom,
.animate-from-right,
.animate-scale-up,
.animate-rotate-in {
  opacity: 0;
  transition: all 0.6s ease-out; }

.animate-from-left {
  transform: translateX(-50px);
  transition-duration: 0.7s; }

.animate-from-bottom {
  transform: translateY(50px); }

.animate-from-right {
  transform: translateX(50px);
  transition-duration: 0.7s; }

.animate-scale-up {
  transform: scale(0.8); }

.animate-rotate-in {
  transform: rotate(-10deg);
  transition-duration: 0.8s; }

.animate-from-left.visible,
.animate-from-bottom.visible,
.animate-from-right.visible,
.animate-scale-up.visible,
.animate-rotate-in.visible {
  opacity: 1;
  transform: none;
  padding: 27px; }

/* “Our Story” Card Hover Effect */
#about {
  transition: background-color 0.3s ease;
  background-color: #fff;
  overflow: visible; }

#about:hover {
  background-color: #f7f7f7;
  border-radius: 10px; }

#about:hover .k12-01 li {
  background-color: #fff !important;
  transition: background-color 0s;
  animation: jingle-shake 0.6s ease-in-out both; }

/* Jingle-Shake Keyframes */
@keyframes jingle-shake {
  0% {
    transform: translateX(0); }
  20% {
    transform: translateX(-3px) rotate(-1deg); }
  40% {
    transform: translateX(3px) rotate(1deg); }
  60% {
    transform: translateX(-2px) rotate(-1deg); }
  80% {
    transform: translateX(2px) rotate(1deg); }
  100% {
    transform: translateX(0); } }

/* Fade-In-Down Keyframes */
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px); }
  to {
    opacity: 1;
    transform: translateY(0); } }

/* Section Title Override */
h3,
h2.f19-01.visible {
  color: #333 !important;
  padding-bottom: 3%; }

/* Team Slider & Modal */
.team-slider {
  width: 90% !important;
  max-width: 1200px !important;
  margin: 2rem auto !important;
  position: relative !important; }

.team-slider .swiper-slide {
  opacity: 0.8;
  transition: opacity 0.3s, transform 0.3s;
  cursor: pointer; }

.team-slider .swiper-slide-active,
.team-slider .swiper-slide:hover {
  opacity: 1;
  transform: scale(1.05); }

.team-slider .swiper-slide img {
  width: 100%;
  border-radius: 12px;
  display: block; }

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: calc(100% + 10px);
  width: 27px;
  height: 27px;
  padding: 10px; }

.team-slider .swiper-button-prev {
  left: calc(50% - 40px); }

.team-slider .swiper-button-next {
  left: calc(50% + 13px); }

.swiper-button-prev:after,
.swiper-button-next:after {
  font-size: 1.5rem; }

/* Modal Overlay */
.team-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
  align-items: center;
  justify-content: center;
  padding: 1rem;
  z-index: 10000; }

.team-modal__content {
  background: #fff;
  border-radius: 12px;
  max-width: 600px;
  width: 95%;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative; }

.team-modal__close {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  font-size: 2rem;
  color: #333;
  cursor: pointer; }

.team-modal__img {
  width: 100%;
  object-fit: cover;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px; }

.team-modal__body {
  padding: 1rem;
  overflow-y: auto;
  scroll-behavior: smooth;
  flex: 1; }

.team-modal__body h3 {
  margin-bottom: 0.5rem;
  font-size: 1.5rem; }

.team-modal__body .nickname {
  font-size: 1rem;
  color: #05637d;
  margin-bottom: 0.75rem;
  display: block;
  text-rendering: geometricPrecision;
  font-style: oblique;
  font-weight: 600; }

.team-modal__body p {
  margin: 0.5rem 0;
  line-height: 1.4; }

.team-modal__body p strong {
  color: #333; }

/* Responsive: ≤767px */
@media (max-width: 767px) {
  .v56-01 {
    height: 81vh !important;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px; }
  .v56-02 {
    background: url("https://cdn11.bigcommerce.com/s-f06f69/images/stencil/original/image-manager/about-us-mobile-team.jpg?t=1750677250") center/cover no-repeat !important;
    background-size: cover !important;
    background-position: center top !important; }
  .v56-03.g78-01 {
    width: 100% !important;
    padding: 1.5rem 1rem !important;
    top: 24% !important;
    margin-top: 0 !important; }
  .v56-03 h1 {
    font-size: 2rem !important;
    margin-bottom: 0.5rem !important; }
  .v56-03 p {
    font-size: 1rem !important;
    margin-bottom: 1rem !important; }
  .team-slider {
    width: 100% !important;
    max-width: 100% !important;
    padding: 1rem 0 !important; }
  .team-slider .swiper-slide {
    width: 90% !important;
    margin: 0 auto !important;
    opacity: 1 !important;
    transform: none !important; }
  .team-slider .swiper-slide-active {
    transform: scale(1.1) !important; }
  .team-slider .swiper-slide img {
    max-height: 300px !important;
    object-fit: cover !important;
    border-radius: 12px !important; }
  .team-modal__content {
    width: 95% !important;
    max-width: 95% !important;
    max-height: 95vh !important; } }

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: calc(100% + 40px);
  /* 10px below the slider */
  width: 27px;
  height: 27px;
  padding: 10px;
  z-index: 10;
  /* <<< make sure they float above */
  color: #333; }

.team-slider .swiper-button-prev {
  left: calc(50% - 40px); }

.team-slider .swiper-button-next {
  left: calc(50% + 13px); }

/* make the .g78-01 around #team act as our visible overflow container */
#team .g78-01 {
  position: relative;
  overflow: visible;
  /* allow arrows to escape */ }

/* keep the slider itself clipping its slides */
#team .team-slider {
  overflow: hidden; }

/* now absolutely position arrows against that .g78-01 */
#team .swiper-button-prev,
#team .swiper-button-next {
  position: absolute;
  top: calc(100% + 43px);
  /* adjust gap to taste */
  width: 27px;
  height: 27px;
  padding: 10px;
  z-index: 10;
  color: #333; }

#team .swiper-button-prev {
  left: calc(50% - 40px); }

#team .swiper-button-next {
  left: calc(50% + 13px); }

@media (max-width: 767px) {
  /* let the team section wrapper go full-width */
  #team .g78-01 {
    width: 100%;
    max-width: none;
    padding: 0 1rem;
    /* optional gutter */
    margin: 0 auto; } }

/* 1) Fix the wrapper so it doesn’t get that 31% top-shift */
#team .g78-01 {
  position: relative;
  /* allow overflow & arrows */
  overflow: visible;
  /* let arrows sit outside */
  top: 0 !important;
  /* cancel that 31% from the global rule */
  margin: 0 auto 2rem;
  /* give a little bottom spacing */
  width: 100%;
  /* full width on mobile & up */
  max-width: 1200px;
  /* same max as before */
  padding: 0 1rem;
  /* optional side gutter */ }

/* 2) Make the slider itself full-width, but still clip its slides */
#team .team-slider {
  width: 100% !important;
  max-width: none !important;
  overflow: hidden;
  /* keep slides from bleeding out */
  padding: 0;
  /* remove any mobile padding you added */ }

/* 3) Let Swiper handle slide sizing on mobile—remove your 90% hack */
#team .team-slider .swiper-slide {
  margin: 7px !important;
  /* no extra centering margin */ }

/* 4) Tweak arrow gap if needed */
#team .swiper-button-prev,
#team .swiper-button-next {
  top: calc(100% + 43px) !important; }

/* 5) Narrower spaceBetween on mobile for a tighter look (optional) */
@media (max-width: 479px) {
  /* you can also reduce the spaceBetween in JS via breakpoints, but CSS padding works too */
  #team .team-slider {
    padding: 0 0.5rem; } }

/* ─── Mobile: single-slide, full-width ───────────────────────────────── */
@media (max-width: 767px) {
  /* make the container full-bleed on phones */
  #team .g78-01 {
    width: 100% !important;
    max-width: none !important;
    padding: 0 1rem;
    margin-bottom: 2rem;
    top: 0 !important;
    /* cancel out any leftover top:31% */ }
  /* each slide fills the wrapper exactly */
  #team .team-slider .swiper-slide {
    width: 100% !important;
    margin: 0 !important; }
  /* fade transition for mobile */
  .team-slider .swiper-slide {
    opacity: 0;
    transition: opacity 0.5s ease-in-out; }
  .team-slider .swiper-slide-active {
    opacity: 1; } }

/* ─── Slider Wrapper (only for #team) ───────────────────────────────────── */
#team .g78-01 {
  position: relative !important;
  top: 0 !important;
  overflow: visible !important; }

/* ─── Desktop Slider Container ──────────────────────────────────────────── */
.team-slider {
  width: 90%               !important;
  max-width: 1200px        !important;
  margin: 2rem auto        !important;
  overflow: hidden         !important; }

/* ─── Desktop Slides ────────────────────────────────────────────────────── */
.team-slider .swiper-slide {
  opacity: 0.8             !important;
  transition: opacity 0.3s ease, transform 0.3s ease !important; }

/* ─── Navigation Arrows ────────────────────────────────────────────────── */
.swiper-button-prev,
.swiper-button-next {
  top: calc(100% + 10px) !important;
  z-index: 10              !important; }

/* ─── Mobile Overrides (≤767px) ─────────────────────────────────────────── */
@media (max-width: 767px) {
  /* wrapper full-width */
  #team .g78-01 {
    width: 100%            !important;
    max-width: none        !important;
    padding: 0 1rem        !important;
    margin-bottom: 2rem    !important; }
  /* slider full-width, no desktop padding */
  .team-slider {
    width: 100%            !important;
    max-width: none        !important;
    padding: 0             !important; }
  /* each slide = 100% + fade effect */
  .team-slider .swiper-slide {
    width: 100%            !important;
    margin: 0              !important;
    opacity: 0             !important;
    transition: opacity 0.5s ease-in-out !important; }
  .team-slider .swiper-slide-active {
    opacity: 1             !important; } }

/* ─── Team Slider Overrides ─────────────────────────────────────────────── */
/* 1) Allow arrows to escape without shifting your hero */
#team .g78-01 {
  position: relative    !important;
  overflow: visible     !important; }

/* 2) Desktop slider container */
.team-slider {
  width: 90%            !important;
  max-width: 1200px     !important;
  margin: 2rem auto     !important;
  overflow: hidden      !important; }

/* 3) Desktop slides */
.team-slider .swiper-slide {
  opacity: 0.8                     !important;
  transition: opacity 0.3s ease, transform 0.3s ease !important; }

.team-slider .swiper-slide-active,
.team-slider .swiper-slide:hover {
  opacity: 1        !important;
  transform: scale(1.05) !important; }

/* 4) Arrow positioning */
.swiper-button-prev,
.swiper-button-next {
  top: calc(100% + 10px) !important;
  z-index: 10             !important; }

/* 5) Mobile-specific: full-width + fade */
@media (max-width: 767px) {
  #team .g78-01 {
    width: 100%        !important;
    max-width: none    !important;
    margin-bottom: 2rem !important; }
  .team-slider {
    width: 100%        !important;
    max-width: none    !important;
    padding: 0         !important; }
  .team-slider .swiper-slide {
    width: 100%        !important;
    margin: 0          !important;
    opacity: 0         !important;
    transition: opacity 0.5s ease-in-out !important; }
  .team-slider .swiper-slide-active {
    opacity: 1         !important; }
  .jcole {
    padding-bottom: 12% !important; }
  img.xylo {
    width: 100%;
    height: 100%; }
  .myto {
    margin-bottom: 12% !important; } }

p.f19-01.visible {
  text-align: center !important;
  padding-bottom: 1% !important; }

h3, h2.f19-01.visible {
  text-align: center !important;
  padding-bottom: 1% !important; }

@media screen and (min-width: 768px) {
  ul.k12-01.f19-01.visible {
    list-style: none; } }

/* 1) Make the awards section wrapper allow overflow */
#awards .g78-01 {
  position: relative !important;
  overflow: visible !important;
  top: 0 !important;
  margin-bottom: 2rem; }

/* 2) Keep the slider itself clipping its slides */
#awards .awards-slider {
  overflow: hidden !important; }

/* 3) Absolutely position the arrows against that wrapper */
#awards .swiper-button-prev,
#awards .swiper-button-next {
  position: absolute !important;
  top: calc(100% + 43px) !important;
  width: 27px;
  height: 27px;
  padding: 10px;
  z-index: 10;
  color: #333; }

#awards .swiper-button-prev {
  left: calc(50% - 40px) !important; }

#awards .swiper-button-next {
  left: calc(50% + 13px) !important; }

.xylo {
  border-radius: 10%; }

h4.card-title.product-custom-tag.tag-new.article_tag {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis; }

img.watches-page-large-logo {
  margin-top: 65%;
  margin-left: -48%; }

#sizeGuideOverlay {
  position: fixed;
  top: 12%;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  z-index: 10000 !important; }

#sizeGuideOverlay .size-guide-modal {
  margin: auto;
  /* vertically & horizontally center inside the overlay */
  background: #fff;
  max-width: 800px;
  width: 90%;
  max-height: 90%;
  overflow-y: auto;
  padding: 1.5rem;
  border-radius: 6px;
  position: relative; }

.size-guide-modal {
  position: relative;
  background: #f5f5f5;
  border-radius: 8px;
  max-width: 640px;
  width: 90%;
  max-height: calc(100vh - 4rem);
  overflow-y: auto;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.15); }

.size-guide-modal .close-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 32px;
  height: 32px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  color: #333;
  z-index: 10000; }

.size-guide-container__header {
  text-align: center;
  padding: 1.25rem 1rem;
  background: #e9e9e9;
  border-bottom: 1px solid #d0d0d0; }

.size-guide-container__header h3 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 500;
  color: #333; }

.size-guide-container__measurements-table table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed; }

.size-guide-container__measurements-table th,
.size-guide-container__measurements-table td {
  padding: 0.6rem 0.8rem;
  font-size: 0.9rem;
  text-align: left;
  border-bottom: 1px solid #e0e0e0; }

.size-guide-container__measurements-table thead {
  background: #fdfdfd; }

.size-guide-container__measurements-table tbody tr:nth-child(even) {
  background: #fafafa; }

.size-guide-container__info {
  padding: 1.25rem;
  text-align: center;
  font-size: 0.9rem;
  color: #444; }

.size-guide-container__download .button {
  margin-top: 0.75rem;
  text-decoration: underline;
  background: none;
  border: none;
  color: #333;
  font-size: 0.9rem;
  padding: 0;
  cursor: pointer; }

.size-guide-link {
  text-decoration: underline;
  cursor: pointer;
  color: inherit;
  white-space: nowrap; }

.size-guide-link svg {
  width: 1em;
  height: 1em;
  margin-right: 0.25em;
  fill: currentColor; }

/* make *only* that label a flexbox container */
label.has-size-guide {
  display: flex;
  align-items: center;
  /* vertical center */ }

/* push the injected link to the very right */
label.has-size-guide .size-guide-link {
  margin-left: auto;
  text-decoration: underline;
  cursor: pointer;
  white-space: nowrap;
  display: inline-flex;
  align-items: center; }

/* icon tweaks */
label.has-size-guide .size-guide-link svg {
  width: 1em;
  height: 1em;
  margin-right: 0.25em;
  fill: currentColor; }

@media (max-width: 480px) {
  .size-guide-container__measurements-table table,
  .size-guide-container__measurements-table thead,
  .size-guide-container__measurements-table tbody,
  .size-guide-container__measurements-table th,
  .size-guide-container__measurements-table td,
  .size-guide-container__measurements-table tr {
    display: block; }
  /* hide headers off-screen */
  .size-guide-container__measurements-table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .size-guide-container__measurements-table tr {
    margin-bottom: 0.75rem;
    border: 1px solid #ddd;
    padding: 0.5rem; }
  .size-guide-container__measurements-table td {
    position: relative;
    padding-left: 50%;
    white-space: normal; }
  .size-guide-container__measurements-table td:before {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    width: 45%;
    padding-right: 0.5rem;
    white-space: nowrap;
    font-weight: 600; }
  /* label each cell with the header text */
  .size-guide-container__measurements-table td:nth-of-type(1):before {
    content: "Ring Size"; }
  .size-guide-container__measurements-table td:nth-of-type(2):before {
    content: "Circumference"; }
  .size-guide-container__measurements-table td:nth-of-type(3):before {
    content: "Ring Size"; }
  .size-guide-container__measurements-table td:nth-of-type(4):before {
    content: "Circumference"; }
  .size-guide-container__measurements-table td:nth-of-type(5):before {
    content: "Ring Size"; }
  .size-guide-container__measurements-table td:nth-of-type(6):before {
    content: "Circumference"; } }
