@font-face {
    font-family: 'poppinsmedium';
    src: url('../assets/fonts/poppins/poppins-medium-webfont.woff') format('woff2'),url('../assets/fonts/poppins/poppins-medium-webfont.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'brontidevp';
    src: url('../assets/fonts/brontide/brontidevpdemo-style2_1-webfont.woff2') format('woff2'), url('../assets/fonts/brontide/brontidevpdemo-style2_1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
    /* ============================================================
       BRAND PALETTE — keep in sync with GlobalVariables in sitecode.vb
       Change these six values to rebrand the entire site.
       ============================================================ */
    --brand-primary: #35405e;        /* main brand navy */
    --brand-primary-soft: #424b68;   /* search bar border */
    --brand-primary-deep: #3f3f73;   /* menu underline */
    --brand-accent: #6fccdd;         /* CTA buttons */
    --brand-accent-hover: #5bbccc;   /* CTA hover */
    --brand-text: #2c2c2c;           /* menu / body text */

    /* Legacy aliases — retained for any components still referencing them */
    --main-color: #0f3657;
    --sub-color: #083308;
    --main-button: #f7b833;
    --main-button-hover: #e2a72b;
    --price-highlight: #f7b833;
    --brand-orange: #f7b833;
    --price-was: #666666;            /* strikethrough / "was" (RRP) price grey */
}

html, body{background-position:center top;background-color:#f6f6f6;margin:0;padding:0;height:100%;font-family: 'poppinsmedium', sans-serif; line-height:25px}
a{outline:0;padding:0px;margin:0px;}
img{padding:0px;margin:0px;border:0px}
p{margin:0px;padding:0px}
*{outline:none;}

#outer {padding:0px;width:100%; background-image:url('../assets/layout/site/topbar.png?v=3'); background-repeat:repeat-x; background-position:top center; min-width:1300px}
#outerbot {padding:0px;width:100%; background-image:url('../assets/layout/background_bottom.jpg'); background-repeat:repeat-x; background-position:bottom}
#main {padding:0;width:1300px;margin:auto;position:relative;overflow-x: hidden!important;overflow-x: clip!important}

#topbar {background-color:#f7f7f7;clear: both;width: 100%;color: black;font-size: 14px;box-sizing: border-box}
#topbar a {color:black; text-decoration:none}

#top{width:1300px;height:83px;box-sizing: border-box}
#top .col1{width:443px;float:left;padding:0 0 0 40px;margin:0px;height:83px;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box}
#top .col1 img{position:relative;top:-5px}
#top .col2{width:657px;float:left;padding:0px;margin:0px;height:83px;display:flex;align-items:center;justify-content:center}
#top .col3{width:200px;float:left;padding:0 25px 0 0;margin:0px;height:83px;display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box}
#top .basketcontent {font-family: 'poppinsmedium', sans-serif;font-size:18px;position:relative;top:47px;left:127px;font-weight:bold;width:93px;text-align:right;line-height:23px}
#top .basketcontent a {text-decoration:none;color:#999999}
#top .basketcontent a:hover {text-decoration:underline}
.col-secure-checkout{display:none}

.main-basket-link{display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-decoration:none;color:var(--brand-primary);font-family:'poppinsmedium',sans-serif;height:44px}
.main-basket-link:hover{text-decoration:none}
.main-basket-icon{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0}
.main-basket-icon img{width:100%;height:100%}
.main-basket-count{position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-family:'poppinssemibold',sans-serif;font-weight:600;color:var(--brand-primary);text-align:center;line-height:1}
.main-basket-text{font-size:12px;font-family:'poppinsregular',sans-serif;color:var(--brand-primary);line-height:1}

#feature{width:1300px;clear:both; margin:auto; margin-top:20px}
.feature-row{display:flex;gap:20px}
.feature-row a{flex:1}
.feature-row img{display:block;width:100%;height:auto}
.feature-cards{width:1300px;margin:60px auto 0;display:flex;justify-content:space-between}
.feature-card{display:block;width:310px}
#middle .feature-card,#middle .feature-card:hover{text-decoration:none}
.feature-card img{display:block;width:310px;height:395px}
.feature-card-title{display:block;margin-top:16px;font-family:'Keep Calm',sans-serif;font-weight:400;font-size:18px;color:#000000;line-height:1.2}
.feature-card-sub{display:block;margin-top:4px;font-family:'poppinsregular',sans-serif;font-weight:400;font-size:14px;color:#333333;line-height:1.3}
#middle .feature-card:hover .feature-card-title,#middle .feature-card:hover .feature-card-sub{text-decoration:underline;text-underline-offset:2px}
.brands-section{width:1300px;margin:60px auto 60px}
.brands-heading{margin:0 0 18px;font-family:'poppinsmedium',sans-serif;font-weight:500;font-size:18px;color:#2f3540}
.brands-row{display:flex;justify-content:space-between}
.brand-card{width:240px;height:240px;background:#fff;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
a.brand-card:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(24,35,52,0.08);text-decoration:none}
.brand-card img{width:100%;height:100%;object-fit:contain;display:block}

#bottom {width:1300px;margin-top:55px;background:var(--brand-primary);color:#ffffff;font-size:14px;font-family:'Keep Calm',sans-serif;padding:30px 40px 20px;box-sizing:border-box;height:350px;position:relative}
#bottom .footer-main{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;align-items:start}
#bottom .footer-col{min-height:200px}
#bottom .footer-partner{text-align:center}
#bottom .footer-title{font-size:18px;font-weight:500;margin:7px 0 18px;line-height:1.2;color:#ffffff}
#bottom .footer-contact .footer-title,#bottom .footer-help .footer-title,#bottom .footer-partner .footer-title{margin-bottom:25px}
#bottom .footer-line{margin:0 0 10px;line-height:1.4;color:#e6ebff;font-size:14px}
#bottom .footer-label{font-weight:700;color:#ffffff}
#bottom a{color:#e6ebff;text-decoration:none;font-size:14px;margin-left:0}
#bottom a:hover{color:#ffffff;text-decoration:underline}
#bottom .newsletter-card{background:#f4f7ff;border-radius:13px;padding:18px 18px 16px;width:435px;max-width:100%;height:155px;box-sizing:border-box}
#bottom .newsletter-label{margin:3px 0 12px 11px;color:#2f3a5d;font-family:'Keep Calm',sans-serif;font-weight:400;font-size:16px;line-height:1.2}
#bottom .newsemail{border:0;height:28px;width:calc(100% - 10px);display:block;margin:10px auto 0;font-size:14px;padding:6px 10px;border-radius:4px;text-align:left;box-sizing:border-box;box-shadow:0 3px 10px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.05);outline:none}
#bottom .newsletter-submit-wrap{margin-top:22px}
#bottom .newsbutton{height:30px;width:calc(100% - 10px);display:flex;align-items:center;justify-content:center;margin:0 auto;font-family:'Keep Calm',sans-serif;font-size:14px;font-weight:400;padding:0;line-height:1;background:var(--brand-accent);border:0;color:#ffffff;cursor:pointer;-webkit-appearance:none;border-radius:8px;letter-spacing:.2px;transition:background .15s ease}
#bottom .newsbutton:hover{background:var(--brand-accent-hover);color:#ffffff}
#bottom .partner-logo-placeholder{height:150px;display:flex;align-items:center;justify-content:center;padding:0}
#bottom .partner-logo-image{display:block;max-height:150px;max-width:100%;width:auto;height:auto}
#bottom .footer-sub{position:absolute;left:14px;right:40px;bottom:10px;padding-top:0;border-top:0;display:flex;justify-content:space-between;align-items:center;gap:18px}
#bottom .footer-copy{font-size:14px;font-family:'Keep Calm',sans-serif;color:#d6def7;position:relative;left:-10px}
#bottom .footer-copy .copy-sym{font-family:'Poppins',Arial,sans-serif}
#bottom .footer-newsletter{margin-left:-26px}
#bottom .footer-newsletter .footer-title{font-size:20px}
#bottom .footer-contact,#bottom .footer-help{padding-left:33px}
#bottom .footer-help{padding-left:35px}
#bottom .footer-partner{padding-left:4px}
#bottom .footer-contact .footer-title,#bottom .footer-help .footer-title{margin-bottom:31px}
#bottom .footer-contact .footer-line,#bottom .footer-help .footer-line{padding-left:2px;font-family:'Keep Calm',sans-serif;font-weight:400;font-size:14px}
/* Payment icons - same cards as the product page, slightly smaller than the old 36px strip */
#bottom .footer-payment-cards{display:flex;align-items:center;gap:6px;position:relative;left:-35px}
#bottom .footer-payment-cards img{height:20px;width:auto;display:block;border:1px solid #e6e9ef;border-radius:6px;box-shadow:0 1px 3px rgba(24,35,52,0.10);background:#ffffff}

#pagecontent{width:1300px;font-family: 'poppinsmedium', sans-serif; clear:both; margin:auto}
#pagecontent h1 {color:#333333}
#pagecontent p {margin:10px; font-size:15px; color:#797979}
#pagecontent a{margin-left:10px;text-decoration:underline;font-size:15px;font-family: 'poppinsmedium', sans-serif; color:#797979}
#pagecontent a:hover{color:#666666;text-decoration:underline; font-weight:bold}
#pagecontent #nolink{text-decoration:none}

tr.border td {border-bottom:1pt solid #dcdcdc; border-top:1pt solid #dcdcdc;}

select {

  /* styling */
  background-color: #fff;
  border: 0px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.2em 3.5em 0.2em 1em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

    select.classic {
        background-image: url('../images/siteassets/selectarrows.jpg');
        background-repeat: no-repeat;
        background-position:right center;
        background-size: 20px;
        border:1px solid #666666;
    }

select.classic:focus {
        background-image: url('../images/siteassets/selectarrows.jpg');
        background-repeat: no-repeat;
        background-position:right center;
        background-size: 20px
}

select.classic::-ms-expand {
    display: none;
}

.reset{font-family: 'poppinsmedium', sans-serif;font-size:12px;margin-left:120px; position:relative; top:-340px}

#middle {width:1300px;clear:both}
#middle a {text-decoration:none}
#middle a:hover {text-decoration:underline}
.features-strip-link,.features-strip-link:hover,.features-strip-link:focus,.features-strip-link:active{display:block;color:#ffffff;text-decoration:none}
.features-strip{height:40px;background:var(--brand-primary);display:flex;justify-content:center;gap:247px;align-items:center;padding:0 10px;box-sizing:border-box}
.features-item{display:flex;align-items:center;justify-content:center;gap:9px;color:#ffffff;font-size:10.8px;font-family:'poppinsmedium',sans-serif;font-weight:500;line-height:1.2;text-align:center;white-space:nowrap}
.features-icon{height:22px;width:auto;object-fit:contain;flex:0 0 auto}
.features-item:nth-child(1) .features-icon{height:19.8px}
.features-item:nth-child(2) .features-icon{height:15.3px}
.features-item:nth-child(3) .features-icon{height:19.8px}

#contentdiv {min-height:200px;width:850px;float:right}

.navtable{width:100%;font-size:13px; color:#333333; padding-bottom:15px; margin-top:25px; margin-bottom:10px; border-bottom:1px solid #cccccc}
.navtablebot{width:850px;font-size:13px; color:#333333; padding-bottom:1px; float:right; border-top:1px solid #cccccc;padding-top:15px}

.subcat_title {font-size:24px; color:#333333}
.subcat_desc {font-size:13px; color:#666666}

.minibasket{display:none;width:280px;border:1px solid #666666;background-color:White;position:relative;top:-47px;z-index:10000;right:53px; border-radius:0px 0px 8px 8px}
.minibasketinner{width:100%;font-family:arial;font-size:11px;text-align:center}
.minibasketinner .header{width:94%;Background-color:#666666;padding:3px;color:white;text-align:left;margin:auto;margin-top:4px;font-size:13px;font-weight:bold}
.minibasketinner a{text-decoration:none;color:black}

#menu{width:1000px;background-color:#cccccc}
.simple-menu-wrap{height:37px;width:1300px}
.simple-menu{height:37px;display:flex;align-items:center;justify-content:center;gap:52px;box-sizing:border-box}
.simple-menu a{display:inline-flex;align-items:center;height:37px;color:#35405e;font-size:14px;font-family:'poppinsmedium',sans-serif;font-weight:607;line-height:1;text-decoration:none;box-sizing:border-box}
.simple-menu a:hover{color:#35405e;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:#35405e}
.simple-menu a.active{text-decoration:none}
.simple-menu a.active:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:#35405e}

#copywrite{width:1000px;height:80px;margin:0px auto 0 auto;padding:15px 0px 0px 10px;font-size:13px;font-weight:bold;text-align:center;color:#5e5e5d;background-repeat:no-repeat}
.search-bar{display:flex;align-items:center;border:2px solid var(--brand-primary-soft);border-radius:15px;background:#fff;width:554px;height:38px;overflow:hidden;margin-left:0}
.TextBoxSearch{flex:1;border:0;outline:none;padding:0 18px;font-size:15px;height:36px;background:transparent;font-family:'poppinsregular',sans-serif;color:#333}
.TextBoxSearch::placeholder{color:#999}
.ImageButtonSearch{width:38px;height:38px;cursor:pointer;padding:7px 11px 7px 3px;box-sizing:border-box;flex-shrink:0;border:0;background:transparent}

#arrows{width:875px;position:absolute;top:175px;height:5px;z-index:10001;left:35px}
.table1{}
.table1 tr{font-size:13px}

.productimage{width:532px;min-height:532px;margin-left:0px;float:left;text-align:right}
.productinfo {width:540px;float:right;font-family: 'poppinsmedium', sans-serif; margin-top:20px}
.productinfo h1 {font-weight:normal; padding:0px; margin:0px}
.productinfo .title{font-family: 'poppinsmedium', sans-serif; color:var(--main-color);font-size:36px; line-height:47px}
.productinfo .price {font-size:36px;color:#e40101}
.continucheckoutbutton{width:211px;height:48px}
.productinfo .stock-row{padding-top:30px;padding-bottom:0}
.productinfo .reference{font-size:14px;color:#999999;padding-top:0;padding-bottom:0}
.productinfo .points{font-size:13px;color:#5e5e5d;margin-top:10px}
.productinfo .social{width:506px;margin:10px 0px 0px 5px; padding-top:10px}
.productinfo .wishlist{font-size:12px;color:#797979}
.productinfo .qtytable{width:100%;margin:0px 0px 0px 0px;padding-top:9px;float:left;color:#797979}
.productinfo .qtybox{width:45px; height:30px; text-align:center; padding:4px; border:1px solid #666; font-size:22px; font-weight:bold; color:#666}
.productinfo .emailboxes{border:2px solid var(--brand-primary-soft)}
.notify-panel{position:relative;clear:both;margin-top:20px;padding-top:20px;margin-bottom:80px}
.notify-panel-sized{margin-top:0!important;padding-top:0!important}
.notify-panel-sized .notify-label{position:relative;top:-1px}
/* Keep the site features at the same y as the in-stock state (6px spacer) */
.details-page .notify-panel.notify-panel-sized ~ .details-features{margin-top:-8px}
/* When the notify panel is shown (temp-delisted item), pull the site features up
   14px. Has no effect when the product is available (no .notify-panel rendered). */
.details-page .notify-panel ~ .details-features{margin-top:-14px}
.notify-label{font-family:'poppinsregular',sans-serif;font-size:15px;color:#333;margin-bottom:10px}
.notify-email{width:100%;height:35px;box-sizing:border-box;padding:0 14px;font-size:15px;font-family:'poppinsregular',sans-serif;border:1px solid #666666;border-radius:8px;color:#333;outline:none}
.notify-email:focus{border-color:var(--brand-primary-soft)}
.notify-email::placeholder{color:#999}
.notify-btn{width:100%;padding:12px;margin-top:15px;font-size:16px;font-family:'Keep Calm',sans-serif;background:var(--brand-accent);color:#ffffff;border:0;border-radius:8px;cursor:pointer}
.notify-btn:hover{background:var(--brand-accent-hover);color:#ffffff}
/* Absolute + right-aligned so the message sits just under the full-width button and
   never pushes the delivery features below it down. The panel reserves margin-bottom
   for it. Only one validator (required OR regex) is ever visible at a time. */
.notify-error{position:absolute;left:0;right:0;top:100%;margin-top:6px;text-align:right;font-size:13px;color:#cc0000}

.details-page .details-breadcrumb{width:100%;font-size:13px;font-family:'poppinsregular',sans-serif;font-weight:400;color:#333333;height:auto;padding:8px 0 10px}
.details-page .details-breadcrumb a{color:#333333}
.details-page .details-breadcrumb .bc-sep{color:#333333;margin:0 6px;font-size:13px;line-height:1;vertical-align:baseline;font-weight:400}
.details-page .details-top{display:flex;gap:30px;align-items:stretch;clear:both}
.details-page .productimage{position:relative;flex:1 1 auto;align-self:flex-start;background:#ffffff;border:1px solid #e6e9ef;border-radius:12px;padding:28px 14px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:-6px 0 14px -4px rgba(24,35,52,0.10),6px 0 14px -4px rgba(24,35,52,0.10)}
.details-page .details-img-arrow{position:absolute;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#2f3540;font-size:52px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10000;padding:0}
.details-page .details-img-arrow:hover{color:#000000}
.details-page .details-img-prev{left:12px}
.details-page .details-img-next{right:12px}
/* Reserve a fixed square box for the main image so the layout never jumps while a
   newly-selected image loads (height was previously derived from the loaded image). */
.details-page .productimage > a.cloud-zoom{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1/1;text-align:center}
.details-page .productimage > a.cloud-zoom img{width:100%!important;height:100%!important;object-fit:contain;display:block}
.details-page .productinfo{flex:0 0 470px;width:470px;min-width:470px;float:none;align-self:stretch;margin-top:0;background:#ffffff;border:1px solid #e6e9ef;border-radius:12px;padding:20px 40px 15px 34px;box-sizing:border-box;box-shadow:-6px 0 14px -4px rgba(24,35,52,0.10),6px 0 14px -4px rgba(24,35,52,0.10)}
.details-page .productinfo .title{font-family:'poppinsmedium',sans-serif;font-size:18px;line-height:28px;color:#000000;font-weight:400;position:relative;top:4px}
.details-page .productinfo h1{min-height:56px}
.details-page .productinfo .price{font-family:'poppinsmedium',sans-serif;font-size:18px;line-height:1.1;font-weight:400}
.details-page .productinfo .qtytable{padding-top:0}
.details-page .buybutton,.details-page .buybutton:hover{background:#35405e;border-radius:14px;width:290px;height:50px;font-size:16px;color:#ffffff;font-family:'Keep Calm',sans-serif;font-weight:400}
.details-page .buybutton:hover{background:#424b68;color:#ffffff}
/* Size buttons (replaces the dropdown for sized products) */
/* Size area — matched to the design: label on its own line above the boxes,
   uniform equal-width size boxes, full-width pale-yellow prompt beneath. */
.details-page .details-size-row{display:flex;align-items:center;gap:5px 10px;flex-wrap:wrap;padding:6px 0 0;margin-top:-18px;margin-bottom:32px}
.details-page .details-size-label{display:block;width:100%;font-family:'poppinsregular',sans-serif;font-size:14px;color:#35405e;margin:0 0 4px}
.details-page .details-size-btn{display:inline-flex;align-items:center;justify-content:center;width:54px;min-width:54px;height:40px;padding:2px 0 0;box-sizing:border-box;text-align:center;line-height:1;background:#ffffff;border:1px solid #666666;border-radius:8px;color:#35405e;font-family:'poppinsmedium',sans-serif;font-size:14px;font-weight:400;text-decoration:none!important;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease}
.details-page .details-size-btn:hover{border-color:#35405e;color:#1f2937;text-decoration:none!important;box-shadow:0 3px 8px rgba(24,35,52,0.08)}
.details-page .details-size-btn-active,.details-page .details-size-btn-active:hover{background:#ffffff;color:#35405e;border:2px solid #35405e;box-shadow:none}
/* Sold-out size: light grey box with a corner-to-corner diagonal line through it. */
.details-page .details-size-btn-unavailable{position:relative;overflow:hidden;background:#f4f5f7;color:#9aa1ac;border-color:#d5dbe5;text-decoration:none!important;cursor:pointer}
.details-page .details-size-btn-unavailable::after{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 40'%3E%3Cline x1='0' y1='40' x2='54' y2='0' stroke='%23b9c0cb' stroke-width='1.2'/%3E%3C/svg%3E") center/100% 100% no-repeat;pointer-events:none}
.details-page .details-size-btn-unavailable:hover{border-color:#d5dbe5;color:#9aa1ac;box-shadow:none}
/* A selected sold-out size still shows the dark selected border */
.details-page .details-size-btn-active.details-size-btn-unavailable,.details-page .details-size-btn-active.details-size-btn-unavailable:hover{border:2px solid #35405e}
.details-page .details-select-size-prompt{display:flex;align-items:center;box-sizing:border-box;width:100%;height:37px;background:#fdf6e3;border:0;color:#666666;font-family:'poppinsregular',sans-serif;font-size:13px;border-radius:8px;padding:0 14px;margin:-21px 0 33px;text-align:left}
/* Add-to-basket keeps its normal colour while a size is still unchosen — it is
   relabelled "Please select a size" and unclickable, not greyed out. */
.details-page .buybutton:disabled,.details-page .buybutton[disabled]{opacity:1;cursor:not-allowed}
.details-page .details-product-meta{margin-top:10px}
.details-page .details-product-meta td{padding:0 0 3px}
.details-page .details-product-meta td.details-discount-row{padding-bottom:11px}
.details-page .details-discount-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:8px;background:#f7b833;color:#ffffff;font-family:'Keep Calm',sans-serif;font-size:12px;line-height:1;font-weight:400;text-transform:uppercase;letter-spacing:.2px}
.details-page .details-price-row{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:4px}
.details-page .details-rrp{font-family:'poppinsmedium',sans-serif;font-size:18px;font-weight:400;color:#666666!important;text-decoration:line-through}
.details-page .details-current-price-wrap{display:inline-flex;align-items:baseline;gap:0}
.details-page .details-current-price-wrap .price{color:#f7b833!important}
.details-page .details-product-meta td.details-stars-row{padding:4px 0 37px;height:16px;line-height:16px;box-sizing:content-box}
.details-stars-row > span{display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap}
.details-stars{display:inline-flex;gap:0;margin:0}
.details-stars .review-star{width:16px;height:16px;margin-right:2px}
.details-reviews-count{font-family:'poppinsmedium',sans-serif;font-weight:400;font-size:12px;color:#000000;white-space:nowrap;position:relative;top:2px}
/* Clickable top rating jumps to the Customer Reviews section */
html{scroll-behavior:smooth}
.details-rating-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:inherit;cursor:pointer}
.details-rating-link:hover .details-reviews-count{text-decoration:underline}
#customer-reviews{scroll-margin-top:20px}
.review-star{width:20px;height:20px;vertical-align:middle}
.reviews-stars-summary{display:flex;flex-wrap:wrap;align-items:center;gap:4px 2px;margin-bottom:10px}
.reviews-stars-summary .review-star{width:19px;height:19px}
.details-page .details-reviews table .review-star{width:17px;height:17px}
.reviews-stars-text{font-size:13px;color:#666;flex-basis:100%}
.details-page .details-stock-text{font-family:'poppinsregular',sans-serif;font-size:16px;color:#666666}
.details-page .details-product-ref-label,.details-page .details-product-ref-value{font-family:'poppinsregular',sans-serif;font-size:14px;color:#666666}
.details-page .details-product-ref-value{margin-left:3px}
.details-page .productinfo .reference{position:relative;top:-4px}
.details-page .details-qty-dropdown{
    width:70px!important;
    height:50px;
    border:2px solid #cfd3dc!important;
    border-radius:12px;
    padding:10px 24px 10px 14px!important;
    font-family:'Keep Calm',sans-serif;
    font-size:16px;
    color:#333333;
    background-color:#ffffff;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666666' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:right 10px center!important;
    background-size:12px 8px!important;
}
.details-page .details-thumbs{width:calc(100% - 10px);clear:both;display:grid;grid-template-columns:repeat(7,175px);justify-content:space-between;gap:11px;align-items:stretch;margin:18px 0 18px}
.details-page .details-thumbs input[type="image"]{width:100%!important;height:175px!important;max-height:none;object-fit:cover;border:1px solid #e3e7ef;border-radius:10px;background:#ffffff;padding:0;box-sizing:border-box;margin-left:0!important;box-shadow:-3px 0 8px -3px rgba(24,35,52,0.08),3px 0 8px -3px rgba(24,35,52,0.08),0 4px 10px -4px rgba(24,35,52,0.08)}
.details-page .details-description{background:#ffffff;border:1px solid #e6e9ef;border-radius:12px;padding:35px 22px 20px;margin-top:52px;font-family:'Poppins',sans-serif;font-size:14px;font-weight:400;color:#333333;line-height:1.5}
.details-page .details-description .details-section-heading{font-family:'Poppins',sans-serif;font-size:16px;font-weight:700;color:#666666;margin:0 0 19px}
.details-page .details-description .details-description-heading{margin-top:28px}
/* Description section titles - bolded by the page (all other markup is stripped) */
.details-page .details-description .desc-head{font-weight:700;font-size:15px}
.details-page .details-description span[itemprop="description"]{display:block;padding-top:47px}
/* On products with no specs block (e.g. balls), the 47px gap + heading margin above the
   description are dead space — remove them so "Description" sits at the same level the
   "Specifications" heading would (top of the card). */
.details-page .details-description:not(:has(.details-specs-grid)) span[itemprop="description"]{padding-top:0}
.details-page .details-description:not(:has(.details-specs-grid)) .details-description-heading{margin-top:0}
.details-page .details-description .details-specs-grid{display:grid;grid-template-columns:repeat(3,200px);gap:12px;margin:0 0 4px;justify-content:start}
.details-page .details-description .details-spec-item{display:flex;align-items:center;gap:12px;border:1px solid #999999;border-radius:10px;padding:0 16px;background:#ffffff;box-sizing:border-box;width:200px;height:65px}
.details-page .details-description .details-spec-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:#f3f5f9;border-radius:50%;flex:0 0 44px}
.details-page .details-description .details-spec-icon{width:32px;height:32px;object-fit:contain;display:block}
.details-page .details-description .details-spec-text{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.details-page .details-description .details-spec-label{font-family:'Poppins',sans-serif;font-size:14px;font-weight:700;color:#35405e;line-height:1.3}
.details-page .details-description .details-spec-value{font-family:'Poppins',sans-serif;font-size:14px;font-weight:400;color:#666666;line-height:1.3}
.details-page .details-reviews,.details-page .details-related{background:#ffffff;border:1px solid #e6e9ef;border-radius:12px;padding:12px 16px;box-sizing:border-box;display:flow-root}
.details-page .details-reviews{padding-left:45px;color:#666666;margin-bottom:12px}
.details-page .details-reviews p,.details-page .details-reviews table,.details-page .details-reviews td,.details-page .details-reviews .reviews-stars-text,.details-page .details-reviews .details-reviews-count{color:#666666}
.details-page .details-reviews table{border-top:1px solid #e6e9ef;padding-top:20px}
.details-page .details-reviews table:first-of-type{border-top:0;padding-top:0}
/* Line the review title's text up with the bottom of the star images */
.details-page .details-reviews table tr:first-child td{vertical-align:baseline}
.details-page .details-reviews table tr:first-child .review-star{vertical-align:baseline}
.details-page .details-reviews table tr:first-child td:nth-child(2){position:relative;top:-1px}
/* Tighten the vertical gap between the stars/title row and the name/review row by 9px (12px -> 3px) */
.details-page .details-reviews table tr:first-child td{padding-bottom:0}
.details-page .details-reviews table tr:last-child td{padding-top:3px}
.details-page .details-related .recently-viewed-header{width:100%;padding-bottom:8px;border-bottom:1px solid #dcdcdc}
#carousel3 .jcarousel-prev-horizontal,#carousel3 .jcarousel-next-horizontal{display:none!important}
.details-page .details-related .recently-viewed-wrap{width:100%}
.details-page .details-related .recently-viewed-item{padding-top:14px}
.details-page .details-features{margin-top:16px;margin-bottom:12px}
.details-page .details-feature-item{display:flex;align-items:center;gap:25px;padding:4px 0;color:#4b4f56;font-family:'poppinsregular',sans-serif;font-size:14px;line-height:1.25;text-decoration:underline;text-underline-offset:4px}
.details-page .details-feature-item span:last-child{font-family:'poppinsregular',sans-serif;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.details-page .details-feature-icon{width:28px;height:28px;object-fit:contain;flex:0 0 28px}
.details-page .details-payment-cards{display:flex;align-items:center;gap:6px;margin-bottom:16px}
.details-page .details-payment-cards img{height:22px;width:auto;display:block;border:1px solid #e6e9ef;border-radius:6px;box-shadow:0 1px 3px rgba(24,35,52,0.10)}
.details-page .details-paypal{display:flex;align-items:center;gap:10px;margin-top:4px}
.details-page .details-paypal-logo{width:93px;height:auto;flex:0 0 auto}
.details-page .details-paypal-text{font-size:13px;line-height:1.4;color:#142C8E;font-family:'poppinsregular',sans-serif}
.details-page .details-paypal-text .paypal-highlight{color:#0070ba;font-weight:700}
.details-page .feature-icon-box{display:inline-flex;width:28px;height:28px;border:1px solid #c9ced8;border-radius:5px;background:#ffffff;box-sizing:border-box;flex:0 0 28px}

.description {font-family: 'poppinsmedium', sans-serif;clear:both;width:100%;text-align:left;display:block;padding-top:20px;font-size:16px;color:var(--main-color); box-sizing: border-box;}

.baskettable {
    font-family: 'poppinsmedium', sans-serif;
    font-size:15px;
    color:#666
}
.baskettable a {
    font-family: 'poppinsmedium', sans-serif;
    font-size:15px;
    color:#666
}

.basket-page{width:1300px;padding-top:10px}
.basket-header{height:90px;display:flex;align-items:center}
.basket-header h1{margin:0;font-size:24px;color:#2f3540;line-height:1.1;font-family:'Keep Calm',sans-serif;font-weight:400}
.basket-header h1 .basket-items-count{font-size:16px;color:#5d6470;font-weight:500}
.basket-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:30px;align-items:start}
.basket-item-card{background:#ffffff;border:0;border-radius:12px;padding:0 24px 0 0;display:grid;grid-template-columns:255px minmax(0,1fr) auto;gap:12px;align-items:start;margin-bottom:30px;position:relative}
.basket-item-image{padding:15px;align-self:stretch;display:flex;align-items:center;justify-content:center}
.basket-item-image img,.basket-item-image input[type="image"]{width:200px;height:200px;object-fit:cover;border-radius:8px}
.basket-item-info{display:flex;flex-direction:column;justify-content:center;min-height:255px}
.basket-item-info a{display:block;color:#2f3540;text-decoration:none;font-size:14px;line-height:1.35;font-family:'poppinsmedium',sans-serif;font-weight:400;margin-top:22px;min-height:38px}
.basket-item-info a:hover{text-decoration:underline}
/* Fixed-height slot between the title and price. Sized to fit the longer
   out-of-stock message so the space stays identical whether the short "In stock"
   or the longer warning is shown — keeping the price/qty position consistent. */
.basket-stock-slot{height:54px;display:flex;flex-direction:column;justify-content:center}
.basket-item-stock{font-size:14px;color:#666666;font-family:'poppinsmedium',sans-serif;font-weight:400;position:relative;top:-9px}
.basket-item-info:has(.basket-stock-note) .basket-item-stock{display:none}
.basket-stock-note{
    margin:0;
    align-self:flex-start;
    width:fit-content;
    max-width:100%;
    padding:3px 12px;
    background:#fef6e5;
    border-radius:10px;
    color:#4c4a43;
    font-size:12px;
    line-height:1.15;
    font-family:'Poppins',sans-serif;
    font-weight:400;
}
.basket-item-prices{margin-top:-3px;font-size:16px}
.basket-was-price{color:var(--price-was);text-decoration:line-through;margin-right:8px;font-size:16px;font-family:'poppinsmedium',sans-serif;font-weight:400}
.basket-now-price{color:#000000;font-weight:400;font-size:16px;font-family:'poppinsmedium',sans-serif}
.basket-item-qty{margin-top:17px}
.basket-qty-dropdown{
    width:72px;
    box-sizing:border-box;
    border:1px solid #999999;
    border-radius:9px;
    padding:9.5px 32px 9.5px 12px;
    background-color:#fff;
    color:#2f3540;
    text-align:center;
    text-align-last:center;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999999' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 10px center;
    background-size:12px 8px;
}
.basket-qty-dropdown option{padding:4px 0;text-indent:0;text-align:center;text-align-last:center;direction:ltr}
.basket-qty-wrap{position:relative;display:inline-block}
.basket-qty-wrap > select.basket-qty-dropdown,
.basket-qty-wrap > select.details-qty-dropdown{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0;pointer-events:none}
.basket-qty-btn{width:72px;height:38px;box-sizing:border-box;background:#fff;border:1px solid #999999;border-radius:9px;color:#2f3540;font-family:'poppinsmedium',sans-serif;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;padding:0 22px 0 0}
.basket-qty-wrap .basket-qty-btn,
.basket-qty-wrap .basket-qty-list{width:75px}
.basket-qty-wrap .basket-qty-btn{height:50px;border:2px solid #999999;border-radius:12px;font-family:'Keep Calm',sans-serif;font-size:16px;color:#333333;padding:0 24px 0 0}
/* Basket page qty box only (details page qty keeps its own styling) */
.basket-qty-wrap:has(.basket-qty-dropdown) .basket-qty-btn{height:46px;border-width:1px;font-family:'Poppins',sans-serif;font-size:14px}
.basket-qty-wrap:has(.basket-qty-dropdown) .basket-qty-list{border-width:1px}
.basket-qty-wrap:has(.basket-qty-dropdown) .basket-qty-list li{font-family:'Poppins',sans-serif;font-size:14px}
.basket-qty-wrap .basket-qty-chevron{right:10px;border-right-color:#999999;border-bottom-color:#999999}
.basket-qty-wrap .basket-qty-list{border:2px solid #999999;border-radius:12px}
.basket-qty-wrap .basket-qty-list li{font-family:'Keep Calm',sans-serif;font-size:16px;color:#333333}
.basket-qty-btn:focus{outline:none;border-color:#666666}
.basket-qty-val{display:inline-block;line-height:1}
.basket-qty-chevron{position:absolute;right:12px;top:50%;width:8px;height:8px;border-right:2px solid #999999;border-bottom:2px solid #999999;transform:translate(0,-65%) rotate(45deg);pointer-events:none;transition:transform .15s ease}
.basket-qty-btn[aria-expanded="true"] .basket-qty-chevron{transform:translate(0,-35%) rotate(-135deg)}
.basket-qty-list{position:absolute;top:calc(100% + 4px);left:0;width:72px;background:#fff;border:1px solid #999999;border-radius:9px;list-style:none;margin:0;padding:4px 0;z-index:50;max-height:280px;overflow-y:auto;box-shadow:0 6px 18px rgba(24,35,52,.15);box-sizing:border-box}
.basket-qty-list[hidden]{display:none}
.basket-qty-list li{padding:6px 0;text-align:center;cursor:pointer;color:#2f3540;font-family:'poppinsmedium',sans-serif;font-size:14px;line-height:1.4}
.basket-qty-list li:hover,.basket-qty-list li:focus{background:#f4f7ff;outline:none}
.basket-qty-list li[aria-selected="true"]{background:#e9f0ff;font-weight:500}
.basket-item-side{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;min-height:225px}
.basket-item-ref{position:absolute;right:24px;bottom:18px;font-size:14px;color:#666666;font-family:'poppinsmedium',sans-serif;font-weight:400;white-space:nowrap}
.basket-bin-placeholder{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-top:15px;background:url('../assets/layout/bin.png') no-repeat center;background-size:contain;text-decoration:none}
.basket-bin-placeholder:hover{opacity:.8}
.basket-right{display:flex;flex-direction:column;gap:30px;width:400px}
.basket-summary-card,.basket-promo-card{background:#ffffff;border:1px solid #e5e8ee;border-radius:14px;padding:30px;box-sizing:border-box;box-shadow:0 6px 18px rgba(24,35,52,0.10)}
.basket-summary-card h3{margin:5px 0 20px;padding:0 10px 25px 10px;border-bottom:1px solid #cccccc;font-size:20px;color:#2f3540;font-family:'Poppins',sans-serif;font-weight:600;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.basket-summary-line{display:flex;justify-content:space-between;padding:8px 10px;font-size:14px;color:#000000}
.basket-summary-total{font-size:18px;font-weight:600;font-family:'poppinssemibold','Poppins',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-bottom:0;border-top:1px solid #cccccc;margin-top:12px;padding-top:26px;color:#000000}
.basket-summary-discount span:last-child{color:#000000}
.basket-checkout-main{width:100%!important;height:50px!important;font-size:16px!important;background:#35405e!important;color:#ffffff!important;border-radius:10px!important;margin-top:18px;margin-bottom:20px}
.basket-checkout-main:hover{background:#424b68!important}
.basket-paypal-wrap{margin:0 auto;padding:10px 0 0;text-align:left;width:fit-content;max-width:100%;font-size:13px;line-height:1.5;color:#5a6268}
.basket-paypal-wrap>div{margin:0 0 2px}
.basket-paypal-wrap .paypal-line1{font-size:15px;margin-bottom:4px}
.basket-paypal-wrap .paypal-highlight{color:#0070ba;font-weight:700}
.basket-paypal-wrap .paypal-amount{font-weight:700;color:#000}
.basket-cards-wrap{margin:0;padding-top:30px;display:flex;align-items:center;justify-content:center;gap:6px}
.basket-cards-wrap img{height:22px;width:auto;display:block;border:1px solid #e6e9ef;border-radius:6px;box-shadow:0 1px 3px rgba(24,35,52,0.10)}
.basket-promo-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none}
.basket-promo-card h4{margin:0;font-size:16px;color:#2f3540}
.basket-promo-arrow{display:inline-block;width:11px;height:11px;border-right:2px solid #888;border-bottom:2px solid #888;transform:rotate(-45deg);transition:transform .25s ease;flex-shrink:0}
.basket-promo-arrow.open{transform:rotate(45deg)}
.basket-promo-body{margin-top:12px}
.basket-promo-input{width:100%;box-sizing:border-box;border:1px solid #999999;border-radius:4px;height:28px;padding:6px 10px;font-size:14px;box-shadow:0 3px 10px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.05)}
.basket-promo-input::placeholder{color:#999999}
.basket-promo-btn{margin-top:10px;width:100%;height:30px;border:0;border-radius:8px;background:var(--brand-accent);color:#ffffff;font-size:14px;font-family:'Keep Calm',sans-serif;cursor:pointer}
.basket-promo-btn:hover{background:var(--brand-accent-hover)}
.basket-shipping-reminder{
    background:#d6d8de;
    border-radius:8px;
    padding:12px 14px;
    font-size:14px;
    line-height:1.35;
    color:#1f2330;
    margin-top:10px;
    text-align:center;
    font-family:'poppinsmedium',sans-serif;
    font-weight:400;
}
.basket-shipping-reminder b{font-weight:700}
.basket-hidden-btn{display:none}
.basket-empty-panel{width:100%;margin:auto;padding-bottom:275px}
.basket-empty-wrap{padding:30px 0 0 0;max-width:720px}
.basket-empty-wrap h2{margin:0 0 18px;font-size:24px;line-height:1.2;color:#2f3540;font-family:'Keep Calm',sans-serif;font-weight:400}
.basket-empty-wrap p{margin:0 0 36px;font-size:14px;line-height:1.3;color:#2f3540;font-family:'poppinsmedium',sans-serif;font-weight:400}
.basket-empty-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:290px;
    height:50px;
    border-radius:14px;
    background:var(--brand-accent);
    color:#ffffff;
    text-decoration:none!important;
    white-space:nowrap;
    font-size:16px;
    line-height:1;
    font-family:'Keep Calm',sans-serif;
    font-weight:400;
}
.basket-empty-btn:hover{background:var(--brand-accent-hover);text-decoration:none!important}

.recently-viewed-header{width:1280px;display:flex;align-items:center;justify-content:flex-start;padding-bottom:8px; margin:auto}
.recently-viewed-heading{text-align:left;color:#35405e;font-size:18px;font-family:'Keep Calm',sans-serif;font-weight:400}
.recently-viewed-clear{display:none!important}
.recently-viewed-wrap{width:1280px;margin:0 auto}
.recently-viewed-list{display:grid;grid-template-columns:repeat(5,240px);justify-content:space-between;row-gap:24px;list-style:none;margin:0;padding:0;width:100%}
.recently-viewed-list .recently-viewed-item:nth-child(n+6){display:none}
.recently-viewed-item{width:240px;padding-top:8px;text-align:left;box-sizing:border-box}
.recently-viewed-card{background:#ffffff;border:1px solid #eceff4;border-radius:10px;padding:6px 6px 14px;box-shadow:0 2px 8px rgba(24,35,52,0.04);display:flex;flex-direction:column;min-height:355px;text-align:left;box-sizing:border-box}
.recently-viewed-image-link{display:flex;align-items:center;justify-content:center;height:225px;text-decoration:none;margin-bottom:8px}
.recently-viewed-image{max-width:100%;max-height:225px;width:auto;height:auto;object-fit:contain;display:block}
.recently-viewed-stars{display:flex;align-items:center;gap:1px;margin:15px 0 6px;padding:0 8px 0 10px;min-height:12px}
.recently-viewed-stars .star{color:#f7b833;font-size:14px;line-height:1}
/* Real review stars (BuildStarsHtml) inside recently-viewed / related cards */
.recently-viewed-stars .product-stars{display:inline-flex;align-items:center;gap:1px}
.recently-viewed-stars .review-star{width:12px;height:12px;display:block}
.recently-viewed-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:30px;margin-bottom:10px;color:#3f3f47;font-size:12px!important;line-height:1.25;font-family:'poppinsmedium',sans-serif;text-decoration:none;padding:0 8px 0 10px}
.recently-viewed-title:hover{text-decoration:underline}
.recently-viewed-pricing{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:6px;margin-top:auto;padding:0 8px 0 10px;min-height:44px}
/* Recently Viewed cards: tighter badge/price gap, whole-card link, hover shadow (no zoom), no underline */
.recently-viewed-section .recently-viewed-pricing{gap:3px}
.recently-viewed-section .recently-viewed-card{position:relative;transition:box-shadow .18s ease}
.recently-viewed-section .recently-viewed-card > a:first-of-type::after{content:'';position:absolute;inset:0;z-index:3}
.recently-viewed-section .recently-viewed-card:hover{z-index:2;box-shadow:0 8px 18px rgba(24,35,52,0.12)}
.recently-viewed-section .recently-viewed-card:hover a{text-decoration:none!important}
.recently-viewed-discount{display:inline-flex;align-items:center;justify-content:center;padding:5px;border-radius:6px;background:#f7b833;color:#ffffff;font-size:8px;font-family:'Keep Calm',sans-serif;font-weight:400;line-height:1;letter-spacing:.3px;text-transform:uppercase}
.recently-viewed-price-row{display:flex;align-items:center;gap:12px}
.recently-viewed-rrp{color:#666666;font-size:12px;text-decoration:line-through}
.recently-viewed-price{color:#f7b833;font-size:12px;font-family:'poppinsmedium',sans-serif;font-weight:600}

.Overlay{position:fixed;top:0px;bottom:0px;left:0px;right:0px;overflow:hidden;padding:0;margin:0;background-color:#000;background-color:rgba(0, 0, 0, 0.5);z-index:100000;}
.Overlay.consent-bar{background:#35405e}

.cookie-consent-content {
    background: #0f3657;
    padding: 20px;
    border-radius: 10px;
    width: 650px;
    text-align: center;
    color:white;
    margin:auto;
    margin-top:100px;
}

    .cookie-consent-content p {
        font-size: 16px
    }

    .cookie-consent-content-button {
        margin: 10px;
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
    }

    .cookie-consent-content-button:hover {
        opacity: 0.8;
    }

.PnlBasketOffers {margin: auto;margin-top: 80px;z-index: 2001;padding: 10px;width: 850px;height: 640px; background-color:White; border:3px solid #666666; }

.offerboxbuy {background-image:url('../images/basket/offer_button.jpg'); background-position:0px -0px;}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){.tellafriendbutton{position:relative;top:207px;left:375px;}
}
.cookie_box{font-family:tahoma;position:fixed;bottom:0px;font-size:0.7em;z-index:1000;background:#FFFFFF;padding:4px;text-align:left;width:155px;height:65px;color:#535353;right:0px;border:1px solid #666666;padding:7px;border-top-right-radius:10px;-moz-border-top-right-radius:10px;border-top-left-radius:10px;-moz-border-top-left-radius:10px;text-align:center;border-bottom:0px; line-height:13px}
.cookie_box a:hover{color:#ffffff;text-decoration:underline;}
.DelButton{font-weight:bold}
.DelButton:hover{font-size:16px;font-weight:bold;color:Red}
.DelButton a:hover{font-size:16px;font-weight:bold;color:Red}

/* -----------SUBCATEGORY PAGE CSS ------- */

.breadcrumb{font-family: 'poppinsregular', sans-serif; clear:both;height:20px;width:1300px;margin-bottom:0px;font-size:13px;padding-top:10px; padding-bottom:0px; color:#333333}
.breadcrumb a {color: #333333; text-decoration:none}
/* Non-link breadcrumb items (current page) — never underline, normal cursor */
.breadcrumb a:not([href]){text-decoration:none!important;cursor:default}

.subcategory-page{padding-bottom:25px}
.subcategory-page .subcategory-header{width:100%;border-radius:0;padding:11px 0 8px;box-sizing:border-box;margin-top:0;margin-bottom:14px}
.subcategory-page .subcat-breadcrumb{width:100%;height:auto;padding:0;margin:0 0 20px;font-size:13px;font-family:'poppinsregular',sans-serif;font-weight:400;color:#333333}
.subcategory-page .subcat-breadcrumb a{color:#333333}
.subcategory-page .subcat-breadcrumb .bc-sep{color:#333333;margin:0 6px;font-size:13px;line-height:1;vertical-align:baseline;font-weight:400}
.subcategory-page .subcat-title-block{text-align:left}
.subcategory-page .subcat-title{margin:0;font-family:'Keep Calm',sans-serif;font-size:24px;line-height:1.2;color:#35405e;font-weight:400}
.subcategory-page .subcat-desc{margin:18px 0 0 0;padding-bottom:6px;font-family:'poppinsregular',sans-serif;font-size:14px;line-height:1.55;color:#000000;font-weight:400}
.subcategory-page .subcategory-layout{width:100%}
/* Category landing — title + sub-category chips */
.category-page .category-title{margin:0 0 6px;font-family:'Keep Calm',sans-serif;font-size:26px;line-height:1.2;color:#35405e;font-weight:400}
.category-page .category-chips{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 24px;padding:0}
.category-page .category-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;background:#ffffff;border:1px solid #e5e8ee;border-radius:999px;color:#35405e;font-family:'Poppins',sans-serif;font-size:14px;font-weight:400;text-decoration:none;transition:box-shadow .15s ease,border-color .15s ease,color .15s ease}
.category-page .category-chip:hover{border-color:#f7b833;color:#1f2937;box-shadow:0 4px 10px rgba(24,35,52,0.08);text-decoration:none}
.category-page .category-chip .category-chip-label{font-weight:400}
.category-page .category-chip .category-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 7px;border-radius:999px;background:#f3f4f7;color:#6b7280;font-size:11px;font-weight:500;line-height:1}
.category-page .category-grid-wrap{width:100%}
.category-page .category-navtable{margin-bottom:6px}
.subcategory-page #filterdiv{font-family:'poppinsmedium',sans-serif;color:#333333;width:263px;float:left;font-size:14px;margin-top:0;background:#ffffff;border:1px solid #e5e8ee;border-radius:12px;padding:14px 20px 10px;box-sizing:border-box;box-shadow:3px 4px 12px rgba(24,35,52,0.10)}
.subcategory-page #contentdiv{min-height:200px;width:1014px;float:right;padding:0 0 20px 0;margin-left:0;box-sizing:border-box;overflow:visible}
.subcategory-page .navtable{margin-top:0;padding:8px 0 0;margin-bottom:0;border-bottom:0;width:100%}
.subcategory-page .navtable tbody, .subcategory-page .navtable tr{display:flex;justify-content:space-between;align-items:center;width:100%}
.subcategory-page .navtable td{vertical-align:middle}
.subcategory-page .navtable td:nth-child(2),
.subcategory-page .navtable td:nth-child(3),
.subcategory-page .navtable td:nth-child(4){display:none}
.subcategory-page .navtable td:last-child{
    text-align:right!important;
    white-space:nowrap;
    padding-right:10px!important;
}
.subcategory-page .navtable td:first-child{
    text-align:left!important;
    font-family:'Poppins',sans-serif!important;
    font-size:14px!important;
    font-weight:400!important;
    color:#000000!important;
    padding-left:10px!important;
}
.subcategory-page .navtable td:first-child select.classic{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:0!important;
    background:transparent!important;
    background-image:none!important;
    padding:0!important;
    margin:0!important;
    min-width:0!important;
    height:auto!important;
    font-family:'Poppins',sans-serif!important;
    font-size:14px!important;
    font-weight:400!important;
    line-height:1.2!important;
    color:#000000!important;
    pointer-events:auto;
    cursor:pointer;
}
.subcategory-page .navtable td:last-child select.classic{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border:0!important;
    background-color:transparent!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666666' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:right 0 center!important;
    background-size:12px 8px!important;
    padding:9px 22px 9px 12px!important;
    height:auto!important;
    min-width:0!important;
    font-family:'Poppins',sans-serif!important;
    font-size:14px!important;
    font-weight:400!important;
    line-height:1.2!important;
    color:#000000!important;
    text-align-last:right;
}
.subcategory-page #contentdiv > div[style*="height:50px"]{height:30px!important}
.subcategory-page .navtablebot{
    padding-top:8px;
    border-top:0;
    position:static!important;
    bottom:auto!important;
    margin:30px 0 0 auto!important;
    width:1000px!important;
    text-align:center;
    float:none!important;
}
.subcategory-page .navtablebot tbody, .subcategory-page .navtablebot tr{display:flex;justify-content:center;align-items:center;width:100%}
.subcategory-page .navtablebot td:first-child,
.subcategory-page .navtablebot td:last-child{display:none!important}
.subcategory-page .navtablebot td:nth-child(2),
.subcategory-page .navtablebot td:nth-child(3),
.subcategory-page .navtablebot td:nth-child(4){display:flex!important;align-items:center;justify-content:center;width:auto!important}
.subcategory-page .navtablebot td:nth-child(3),
.subcategory-page .navtablebot td:nth-child(3) span,
.subcategory-page .navtablebot td:nth-child(3) label{
    font-family:'Poppins',sans-serif!important;
    font-size:16px!important;
    font-weight:400!important;
    color:#35405e!important;
}
.subcategory-page .navtablebot td:nth-child(3){
    min-width:120px;
    padding:0 22px;
}
.subcategory-page input[type="image"][id*="LnkBack"],
.subcategory-page input[type="image"][id*="LnkNext"]{
    width:28px;
    height:28px;
    border:0;
    vertical-align:middle;
}
.subcategory-page .navtablebot input[type="image"][id*="LnkBack"]{
    margin-right:0;
}
.subcategory-page .navtablebot input[type="image"][id*="LnkNext"]{
    margin-left:0;
}
#filterdiv {font-family: 'poppinsmedium', sans-serif;color:#333333;width:220px;float:left; font-size:13px; margin-top:10px}
#filterdiv .filter-header-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0 14px;margin-bottom:0;border-bottom:none}
#filterdiv .filter-title{font-family:'Keep Calm',sans-serif;font-size:18px;line-height:1;color:#000000;font-weight:400}
#filterdiv .title-open,#filterdiv .title-closed{margin:0 -20px;width:calc(100% + 40px);box-sizing:border-box;padding:18px 20px 18px;font-size:16px;font-weight:500;border-top:1px solid #e3e6ed;border-bottom:none;background-image:none;display:flex;align-items:center;justify-content:space-between}
#filterdiv .title-open{color:#000000;margin-bottom:6px;padding-bottom:10px}
#filterdiv .title-closed{color:#000000;margin-bottom:0}
#filterdiv .title-open a,#filterdiv .title-closed a,#filterdiv .title-open span,#filterdiv .title-closed span{text-decoration:none;color:#000000;flex:1}
#filterdiv .title-open::after,#filterdiv .title-closed::after{content:'';display:inline-block;width:12px;height:12px;border-right:2.5px solid #333;border-bottom:2.5px solid #333;flex-shrink:0;margin-left:8px}
#filterdiv .title-open::after{transform:rotate(45deg);margin-bottom:4px}
#filterdiv .title-closed::after{transform:rotate(-45deg);margin-bottom:0}
#filterdiv .ChkBox {background-color:white}
#filterdiv input[type="checkbox"]{accent-color:var(--brand-primary);width:14px;height:14px;margin:0 8px 0 0;vertical-align:middle;cursor:pointer}
#filterdiv td{padding:6px 0;font-family:'Poppins','poppinsmedium',sans-serif;font-size:14px;color:#000000;line-height:1.4}
#filterdiv td a, #filterdiv td label{font-family:'Poppins','poppinsmedium',sans-serif;font-size:14px;color:#000000;text-decoration:none}
.menu-open{width:100%;box-sizing:border-box;padding:4px 0 10px;border-bottom:none;margin:0 0 15px}
.menu-open p{padding:0px;font-size:14px}
/* Filter options that have zero matches for the current selection — stay
   visible so users see the option exists, but obviously unavailable. */
.filter-zero,.filter-zero td,.filter-zero label,.filter-zero span{color:#bbb!important;cursor:not-allowed}
.filter-zero input[type=checkbox]{opacity:.4;pointer-events:none}
.menu-closed{display:none;width:100%;box-sizing:border-box;border-bottom:none;margin:0;padding:0}
.filterreset {font-family:'Keep Calm',sans-serif;font-size:12px;line-height:1;color:#666666!important;font-weight:400;text-decoration:underline}

.productwrap {font-family:'Keep Calm', sans-serif; font-size:14px; color:#666666; padding-bottom:7px; padding-top:5px}
.productwrap a {color:#666666}
.productwrap:hover {text-decoration:underline}
.productwrap .pricewrapper{min-height:65px;padding:7px;padding-bottom:0px; width:80%}
.productwrap .pricewrapper a {color:#666666}
.subcategory-page .productwrap{position:relative;z-index:1;background:#ffffff;border:1px solid #eceff4;border-radius:10px;padding:6px 6px 22px;box-shadow:0 2px 8px rgba(24,35,52,0.04);transition:box-shadow .18s ease;box-sizing:border-box;display:flex;flex-direction:column;width:322px;height:472px}
.subcategory-page [id$="DataDisplay"] td > .productwrap{height:100%}
.subcategory-page [id$="DataDisplay"] td{align-self:stretch}
.subcategory-page .productwrap:hover{z-index:2;box-shadow:0 8px 18px rgba(24,35,52,0.12);text-decoration:none}
.subcategory-page .productwrap img{transition:transform .18s ease}
.subcategory-page .productwrap:hover img{transform:scale(1.03)}
.subcategory-page .producttag{display:none!important}
.subcategory-page [id$="DataDisplay"] td{text-align:left!important}
.subcategory-page .productwrap{text-align:left}
.subcategory-page .productwrap .pricewrapper{width:100%;min-height:62px;padding:9px 6px 4px 11px;text-align:left;box-sizing:border-box;margin-top:22px}
.subcategory-page .productwrap .product-stars + .pricewrapper{margin-top:0}
.subcategory-page .productwrap .pricewrapper a{display:block;font-size:15px;line-height:1.4;color:#000000;font-family:'Poppins',sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/* Absolutely positioned so it overlays the bottom of the image and never shifts the card layout.
   left:17px aligns with the product title (6px wrap padding + 11px pricewrapper padding).
   top:299px sits 14px above the stars (6px wrap padding + 5px img margin + 310px img = 321px bottom;
   stars start at 326px, message bottom at 312px). */
/* White box (padding offsets on left/top keep the text itself at 17px / 307px). */
.subcategory-page .product-oos-message{position:absolute;left:9px;top:303px;z-index:4;background:#ffffff;padding:4px 8px;border-radius:6px;font-family:'poppinsregular','Poppins',sans-serif;font-size:13px;font-weight:400;color:#666666;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.subcategory-page .product-stars{display:flex;align-items:center;gap:0;margin:5px 0 0 11px}
.subcategory-page .product-stars .review-star{width:14px!important;height:14px!important;display:inline-block;flex-shrink:0}
.subcategory-page .product-stars .review-star+.review-star{margin-left:-1px}
.subcategory-page .product-discount-badge{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;margin:0 0 6px 8px;padding:7px 8px 5px;border-radius:6px;background:var(--brand-orange);color:#ffffff;font-size:10px;font-family:'Keep Calm',sans-serif;font-weight:400;line-height:1;letter-spacing:.4px;text-transform:uppercase}
.subcategory-page .productwrap .product-price-spacer{display:none}
.subcategory-page .productwrap [id*="PnlSalePrice"],
.subcategory-page .productwrap [id*="PnlNormalPrice"]{padding-left:12px;box-sizing:border-box;transform:translateY(-2px)}
.subcategory-page .productwrap:not(:has(.product-discount-badge)) [id*="PnlSalePrice"],
.subcategory-page .productwrap:not(:has(.product-discount-badge)) [id*="PnlNormalPrice"]{margin-top:31px}
.subcategory-page .productwrap [id*="PnlSalePrice"]{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.subcategory-page .productwrap [id*="PnlSalePrice"] a:first-of-type,
.subcategory-page .productwrap [id*="PnlSalePrice"] a:first-of-type span{color:var(--price-was)!important;font-size:15px!important;text-decoration:line-through!important;font-family:'poppinssemibold','Poppins',sans-serif!important;font-weight:600!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.subcategory-page .productwrap [id*="PnlSalePrice"] a:last-of-type,
.subcategory-page .productwrap [id*="PnlSalePrice"] a:last-of-type span{color:var(--brand-orange)!important;font-size:15px!important;font-family:'poppinssemibold','Poppins',sans-serif!important;font-weight:600!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.subcategory-page .productwrap [id*="PnlNormalPrice"] a,
.subcategory-page .productwrap [id*="PnlNormalPrice"] span,
.subcategory-page .productwrap [id*="PnlNormalPrice"] span span{color:var(--price-was)!important;font-size:15px!important;font-family:'poppinssemibold','Poppins',sans-serif!important;font-weight:600!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.subcategory-page [id$="DataDisplay"]{width:100%!important}
.subcategory-page [id$="DataDisplay"] tbody{display:grid;grid-template-columns:repeat(3,322px);grid-auto-rows:472px;gap:12px;justify-content:center}
.subcategory-page [id$="DataDisplay"] tr{display:contents}
.subcategory-page [id$="DataDisplay"] td{display:flex!important;width:auto!important;padding:0!important;height:100%}
.subcategory-page .productwrap > a:first-of-type{display:flex;align-items:center;justify-content:center;width:310px;height:310px;margin-top:5px;margin-bottom:0}
.subcategory-page .productwrap > a:first-of-type::after{content:'';position:absolute;inset:0;z-index:3}
.subcategory-page .productwrap a{text-decoration:none}
.subcategory-page .productwrap a:hover{text-decoration:none}
.subcategory-page .subcategory-product-image{width:100%!important;height:100%!important;max-width:310px;max-height:310px;display:block;margin:0 auto;object-fit:contain}
.producttag {width:1px; height:1px}
.basket-toast-backdrop{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(150,150,150,0.6);z-index:9998;opacity:0;pointer-events:none;transition:opacity .35s ease}
.basket-toast-backdrop.show{opacity:1;pointer-events:auto}
.basket-toast{position:fixed;top:20px;right:20px;transform:translateY(-20px);width:406px;height:257px;box-sizing:border-box;display:flex;flex-direction:column;background:#ffffff;border-radius:14px;box-shadow:0 18px 50px rgba(15,22,41,.28),0 6px 16px rgba(15,22,41,.16);padding:18px;font-family:'poppinsmedium',sans-serif;z-index:9999;opacity:0;pointer-events:none;transition:opacity .35s ease,transform .35s ease}
.basket-toast.show{opacity:1;transform:translateY(0);pointer-events:auto}
.basket-toast-header{color:var(--brand-primary);font-size:16px;font-family:'poppinsregular',sans-serif;font-weight:400;margin-top:-5px;margin-bottom:10px;text-align:left;letter-spacing:.3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.basket-toast-body{display:flex;gap:12px;margin-bottom:8px;align-items:flex-start;padding:6px 0 6px}
.basket-toast-img{width:115px;height:115px;object-fit:contain;flex:0 0 auto;box-sizing:border-box;margin-top:-2px}
.basket-toast-details{flex:1;min-width:0}
.basket-toast-name{font-size:14px;color:#000000;line-height:1.3;margin-top:6px;margin-bottom:15px;font-weight:400;font-family:'poppinsregular',sans-serif;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.basket-toast-prices{font-size:14px;margin-bottom:8px;line-height:1.2}
.basket-toast-price{color:var(--brand-orange);font-weight:600;margin-right:0;font-family:'poppinssemibold','Poppins',sans-serif;font-size:14px}
/* Site-wide: when there is no RRP, the price uses the RRP grey instead of orange */
.basket-toast-prices:not(:has(.basket-toast-was:not(:empty))) .basket-toast-price{color:var(--price-was)}
.recently-viewed-price-row:not(:has(.recently-viewed-rrp)) .recently-viewed-price{color:#000000}
.details-page .details-price-row:not(:has(.details-rrp)) .details-current-price-wrap .price{color:var(--price-was)!important}
.basket-toast-was{color:var(--price-was);text-decoration:line-through;font-size:14px;margin-right:8px}
.basket-toast-was:empty{display:none;margin-right:0}
.basket-toast-qty{font-size:13px;color:#000000;font-family:'poppinsmedium',sans-serif}
.basket-toast-btn{display:block;width:100%;margin-top:auto;background:#35405e;color:#ffffff;text-align:center;padding:12px 13px;border-radius:12px;text-decoration:none;font-weight:400;font-size:15px;box-sizing:border-box;font-family:'Keep Calm',sans-serif;letter-spacing:.3px}
.basket-toast-btn:hover{background:#424b68;color:#ffffff;text-decoration:none}

.menubuttons{display:none}
#menubuttonhldr{display:none}
img{border:0px}
.navigation{height:20px;margin-top:9px;font-family:Tahoma;font-size:14px}
.navigation a{}
.navigation a:hover{text-decoration:underline}
.hptestimonials{width:90%;border-top:1px dotted #666666;margin-left:53px;margin-top:20px;padding:10px;font-family:arial;font-size:14px;color:#797979;text-align:center;padding-bottom:12px}
.banner{width:1300px;height:220px;margin-bottom:10px;margin-top:0px;clear:both}
#contacttable p{height:11px;font-size:15px;color:#797979;}
#contacttable .imgenvelope{margin-top:8px;}
#contacttable .imgat{margin-top:115px;margin-top:120px}
#contacttable .imgphone{margin-top:3px;}
#contacttable .opentitle{margin-top:50px;font-size:18px;}
#contacttable .leftcell{display:table-cell;width:35%;vertical-align:top;text-align:right}
#contacttable .rightcell{display:table-cell;width:65%;vertical-align:top}
#contactarea .contactabout{color:#797979;font-size:15px}
#contactarea p{margin-left:25px}
.Personalised{width:468px;float:left;padding-left:5px;vertical-align:top;}
.Personalised .priceholder{position:absolute;bottom:2px;right:7px;text-align:right}
.Personalised h1{font-size:24px;color:#000;font-family: 'poppinsmedium', sans-serif; padding:0px;margin:0px;margin-left:5px}
.Personalised .title{font-weight:normal; color:#666666}
.Personalised .price{font-size:24px;color:#408ce4;margin-left:10px;font-weight:bold;font-family:arial;}
.Personalised .reference{font-size:12px;color:#5e5e5d;margin-left:10px;font-family:arial;}
.Personalised .points{font-size:12px;color:#5e5e5d;margin-top:20px}
.Personalised .social{width:468px;margin:10px 0px 0px 5px;border-top:1px dotted #666666;padding-top:10px}
.Personalised .wishlist{font-size:12px;color:#797979}
.Personalised .qtytable{width:468px;margin:15px 0px 0px 10px;border-top:1px dotted #666666;padding-top:9px}
.Personalised .qtybox{width:35px}
.Personalised .emailboxes{border:2px solid var(--brand-primary-soft)}
.Personalised .textbox{border:1px solid #666666;width:250px;height:22px;padding-left:10px;font-family: 'poppinsmedium', sans-serif;color:#000000;font-size:18px;padding-top:2px}
.productcarousels{width:468px;border:1px solid #666666;margin-left:50px;float:left;}
.progress {
    position: fixed;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: transparent;
    z-index: 100000000000
}
.disabled{pointer-events:none;}
.buybuttonsub{background-image:url('../images/cat_pages/button_sprite.png');width:200px;height:40px;background-position:0px -120px}
.buybuttonsub:hover{background-image:url('../images/cat_pages/button_sprite.png');width:200px;height:40px;background-position:0px 80px}
.personalisebuttonsub{background-image:url('../images/cat_pages/button_sprite.png');width:200px;height:40px;background-position:0px -40px}
.personalisebuttonsub:hover{background-image:url('../images/cat_pages/button_sprite.png');background-position:0px 0px}
.moredetailsbuttonsub{background-image:url('../images/cat_pages/moredetails_button_sprite.png');width:200px;height:40px;background-position:0px 0px}
.moredetailsbuttonsub:hover{background-image:url('../images/cat_pages/moredetails_button_sprite.png');background-position:0px -40px}

/* Changed from Iamge Buttons to Buttons */
.buybutton{font-family:'Keep Calm',sans-serif;background-color:var(--main-button);width:290px;height:43px; font-size:22px; color:#ffffff; border:0px; cursor:pointer;-webkit-appearance:none;-webkit-border-radius:5px;border-radius:5px;}
.buybutton:hover{font-family:'Keep Calm',sans-serif;background-color:var(--main-button-hover);width:290px;height:43px; font-size:22px; color:#ffffff; border:0px; cursor:pointer;-webkit-appearance:none;-webkit-border-radius:5px;border-radius:5px;}

.buybuttonos{background-image:url('../../images/page_details/submit_button_sprite.jpg');width:122px;height:43px;cursor:pointer}
.buybuttonos{background-image:url('../../images/page_details/submit_button_sprite.jpg');width:122px;height:43px;cursor:pointer}

.checkoutbuttons{font-family:'Keep Calm',sans-serif;background-color:#35405e;width:245px;height:43px; font-size:22px; color:#ffffff; border:0px; cursor:pointer;-webkit-appearance:none;-webkit-border-radius:5px;border-radius:5px;}
.checkoutbuttons:hover{font-family:'Keep Calm',sans-serif;background-color:#424b68;width:245px;height:43px; font-size:22px; color:#ffffff; border:0px; cursor:pointer;-webkit-appearance:none;-webkit-border-radius:5px;border-radius:5px;}
.continuecheckoutbuttons{font-family:'Keep Calm',sans-serif;background-color:#35405e; font-size:22px; color:#ffffff;width:369px;height:43px;margin-top:20px; border:0px;cursor:pointer;-webkit-appearance:none;-webkit-border-radius:5px;border-radius:5px;}
.continuecheckoutbuttons:hover{font-family:'Keep Calm',sans-serif;background-color:#424b68; font-size:22px; color:#ffffff;width:369px;height:43px;border:0px;cursor:pointer;-webkit-appearance:none;-webkit-border-radius:5px;border-radius:5px;}

.continueshoppingbuttons{background-image:url('../images/basket/continue_button_sprite.jpg');width:211px;height:48px;background-position:0px -0px}
.continueshoppingbuttons:hover{background-image:url('../images/basket/continue_button_sprite.jpg');width:211px;height:48px;background-position:0px -48px}
.CustomValidatorCalloutStyle div,.CustomValidatorCalloutStyle td{border:solid 1px #a52a2a;background-color:#FFF;font-family:Arial;font-size:12px;margin:0}
.PnlPMC{margin:10px;color:#797979;font-size:12px;border-top:1px dotted #666666;padding-top:5px}
.PnlPMC .title{font-family: 'poppinsmedium', sans-serif;font-size:24px;color:#666666}
.PnlPMC .PMCtb{border:1px solid #797979;width:300px;padding:3px}
#voucherframe{width:90%;margin:auto;background-position:top left;background-repeat:no-repeat}
#voucherframe h1{color:#dd006c}

.productbanner_title {font-family: 'Arabic Typesetting'; font-size:60px; font-weight:normal; padding:0px; margin:0px; line-height:26px; margin-top:15px; margin-bottom:20px}
.productbanner_title_non {font-family: 'poppinsmedium', sans-serif; font-size:24px; font-weight:normal; padding:0px; margin:0px; line-height:26px; margin-top:15px; margin-bottom:20px}
.productbanner_text {font-family: 'poppinsmedium', sans-serif;font-size: 16px}

.Star {
    background-image: url(../images/BlankStar_25.gif);
    height: 25px;
    width: 25px;
}

.WaitingStar {
    background-image: url(../images/BlankStar_25.gif);
    height: 25px;
    width: 25px;
}

.FilledStar {
    background-image: url(../images/FilledStar_25.gif);
    height: 25px;
    width: 25px;
}

.reviewcomments {
    font-size: 16px;
    color: #000000;
    font-family: 'futuramedium';
    padding: 5px
}

.watermarked {
    font-size: 16px;
    color: #999999;
    font-family: 'futuramedium'
}

.PnlRated {
    padding: 5px;
    padding-top: 0px;
    color: #ff0000;
    clear: both
}

.pnlRating {
    margin: auto;
    margin-top: 100px;
    z-index: 2001;
    padding: 10px;
    width: 450px;
    height: 540px;
    background-color:white
}

.buybutton.disabled {
    pointer-events: none; /* Makes it non-clickable */
    opacity: 0.5; /* Faded appearance */
    cursor: not-allowed; /* Shows disabled cursor */
    filter: grayscale(100%); /* Optional: gives a greyed-out look */
}


/* ============================================================
   Merged from site.min.css on 2026-05-16
   ============================================================ */

.jcarousel-skin-tango .jcarousel-container {}

.jcarousel-skin-tango .jcarousel-direction-rtl {
    direction: rtl
}

#carousel1 .jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 440px;
    padding: 0;
    height: 160px;
    margin: auto;
    padding-top: 5px
}

#carousel2 .jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 440px;
    padding: 0;
    height: 160px;
    margin: auto;
    padding-top: 5px
}

#carousel3 .jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 1300px;
    padding: 0;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden
}

#carousel1 .jcarousel-skin-tango .jcarousel-item {
    width: 135px;
    height: 160px;
    text-align: center;
}

#carousel2 .jcarousel-skin-tango .jcarousel-item {
    width: 135px;
    height: 160px;
    text-align: center;
}

#carousel3 .jcarousel-skin-tango .jcarousel-item {
    width: 250px;
    min-height: 280px;
    text-align: center;
    margin-left:15px
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal,
.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 0
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #666
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 125px;
    right: 2px;
    width: 40px;
    height: 60px;
    cursor: pointer;
    background: url(../../images/page_details/carousel_right.png) no-repeat
}

#carousel2 .jcarousel-skin-tango .jcarousel-next-horizontal {
    right: -28px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover {
    background: url(../../images/page_details/carousel_right_grey.png) no-repeat
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 125px;
    left: 2px;
    width: 40px;
    height: 60px;
    cursor: pointer;
    background: url(../../images/page_details/carousel_left.png) no-repeat
}

#carousel2 .jcarousel-skin-tango .jcarousel-prev-horizontal {
    left: -27px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover {
    background: url(../../images/page_details/carousel_left_grey.png) no-repeat
}

/* -_____________________Slider___________________ */

/* Full-width home hero banner (replaces the old #sliderFrame slider) */
.home-hero{display:block;width:100%;height:487px;margin-top:28px;background:url('../images/banners/desktop/Slider.png') center center/cover no-repeat}
@media(min-width:1300px){.home-hero{width:100vw;margin-left:calc(50% - 50vw)}}

#sliderFrame {
    position: relative;
    width: 1300px;
    clear: both;
    height: 450px;
    padding-left: 0;
    margin: auto;
    background-color: white;
    padding-top: 18px;
    overflow:hidden;
}

#slider {
    width: 1300px;
    height: 450px;
    background: url(styleimages/loading.gif) 50% 50% no-repeat #fff;
    position: relative;
    background-color: black;
    margin: auto
}

#slider img {
    position: absolute;
    border: none;
    display: none
}

#slider a.imgLink {
    z-index: 2;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%
}

div.mc-caption-bg,
div.mc-caption-bg2 {
    position: absolute;
    width: 100%;
    height: auto;
    padding: 0;
    left: 0;
    bottom: 0;
    z-index: 3;
    overflow: hidden;
    font-size: 0
}

div.mc-caption-bg {
    background-color: #000
}

div.mc-caption {
    font: 700 14px/20px Arial;
    color: #EEE;
    z-index: 4;
    padding: 10px 0;
    text-align: center
}

div.mc-caption a {
    color: #FB0
}

div.mc-caption a:hover {
    color: #DA0
}

div.navBulletsWrapper {
    top: 420px;
    left: 4px;
    width: 150px;
    background: 0 0;
    padding-left: 20px;
    position: relative;
    z-index: 999;
    cursor: pointer
}

div.navBulletsWrapper div {
    width: 11px;
    height: 12px;
    background: url(styleimages/bullet.png) no-repeat;
    float: left;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 12px;
    border:0px solid #000
}

div.navBulletsWrapper div.active {
    background-position: 0 -11px
}

#slider {
    transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0)
}

/* -__________________________________________________________ */

#mainmenuouter ul{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}

.nav{border-radius:3px;width:1300px;margin:0 auto;height:30px;position:relative;background:#fff;border:0 solid #000}

.nav h3{color:red;padding-bottom:10px;font-size:14px}

.nav a{text-decoration:none}

.nav a:hover{text-decoration:underline}

.nav>li>div>a{padding-bottom:10px}

.nav li{list-style:none}

.nav>li{padding:0;float:left}

.nav>li>a{float:left;color:#fff;font-size:13px;text-decoration:none;line-height:43px}

.nav>li:hover>a{z-index:9999999999}

.nav>li>div {position: absolute;left: -4px;top: 35px;display: none;padding: 10px;box-shadow: 0 2px 3px rgba(0, 0, 0, .4)}

.nav>li>div p:hover {}

.nav>li>div.right {right: 0;left: auto}

.col1, .col2, .col3, .col4 {margin: 5px 0;float: left;padding: 0 10px;overflow: hidden}

.container-1, .container-2, .container-3 {
    width: 1076px;
    margin-left: 3px;
    background-color: #fff;
    margin-top: 1px;
    font-size: 13px;
    height: 345px;border-top: 0px; border-bottom: 2px solid #6e6e6e;border-right: 3px solid #6e6e6e;border-left: 3px solid #6e6e6e;

}

.container-1{background-image:url('../assets/layout/menu/menu1.jpg'); background-position:right bottom; background-repeat:no-repeat}

.container-2{background-image:url('../assets/layout/menu/menu2.jpg'); background-position:right bottom; background-repeat:no-repeat}

.container-3{background-image:url('../assets/layout/menu/menu3.jpg'); background-position:right bottom; background-repeat:no-repeat}

.container-1 .title, .container-2 .title, .container-3 .title {
    font-family: 'poppinsmedium', sans-serif;
    color: #333333;
    margin-bottom: 12px;
    font-size: 18px;
    height: 24px;
    padding: 8px;
    line-height: 22px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 0px;
}

.container-1 .title a, .container-2 .title a, .container-3 .title a {color: #333333}

.container-1 a, .container-2 a, .container-3 a {color: #333333}

.container-1 a:hover, .container-2 a:hover, .container-3 a:hover {color: #000; font-weight:500}

.container-1 .col1, .container-2 .col1, .container-3 .col1,
.container-1 .col2, .container-2 .col2, .container-3 .col2,
.container-1 .col3,  .container-2 .col3, .container-3 .col3 {width: 198px;margin-left: 2px;padding: 0 0 0 63px;float: left}

.container-1 p, .container-2 p, .container-3 p {padding-top: 2px;padding-bottom: 3px;padding-left: 2px;line-height: 22px; font-size:16px}

/* -__________________________________________________________ */

.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.noUi-handle {
    position: relative;
    z-index: 1
}

.noUi-stacking .noUi-handle {
    z-index: 10
}

.noUi-state-tap .noUi-origin {
    -webkit-transition: left .3s, top .3s;
    transition: left .3s, top .3s
}

.noUi-state-drag * {
    cursor: inherit!important
}

.noUi-horizontal {
    height: 8px
}

.noUi-horizontal .noUi-handle {
    width: 24px;
    height: 18px;
    left: -17px;
    top: -6px
}

.noUi-horizontal.noUi-extended {
    padding: 0 15px
}

.noUi-horizontal.noUi-extended .noUi-origin {
    right: -15px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 36px;
    left: -6px;
    top: -17px
}

.noUi-vertical.noUi-extended {
    padding: 15px 0
}

.noUi-vertical.noUi-extended .noUi-origin {
    bottom: -15px
}

.noUi-background {
    background: #FAFAFA;
    box-shadow: inset 0 1px 1px #f0f0f0
}

.noUi-connect {
    background: #ffffff;
    box-shadow: inset 0 0 3px rgba(51, 51, 51, .45);
    -webkit-transition: background 450ms;
    transition: background 450ms
}

.noUi-origin {
    border-radius: 2px
}

.noUi-target {
    border-radius: 4px;
    border: 1px solid #D3D3D3;
    box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB
}

.noUi-target.noUi-connect {
    box-shadow: inset 0 0 3px rgba(51, 51, 51, .45), 0 3px 6px -5px #BBB
}

.noUi-dragable {
    cursor: w-resize
}

.noUi-vertical .noUi-dragable {
    cursor: n-resize
}

.noUi-handle {
    border: 0px solid #f0f0f0;
    border-radius: 3px;
    background: var(--brand-primary);
    cursor: default;
    box-shadow: inset 0 0 1px #999, inset 0 1px 7px #999, 0 3px 6px -3px #999
}

.noUi-active {
    box-shadow: inset 0 0 1px #8775b5, inset 0 1px 7px #8775b5, 0 3px 6px -3px #BBB
}

.noUi-handle:after,
.noUi-handle:before {
    content: "";
    display: none;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #8775b5;
    left: 14px;
    top: 6px
}

.noUi-handle:after {
    left: 17px
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}

.noUi-vertical .noUi-handle:after {
    top: 17px
}

[disabled] .noUi-connect,
[disabled].noUi-connect {
    background: #B8B8B8
}

[disabled] .noUi-handle {
    cursor: not-allowed
}

.tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D3D3D3;
    font-family: 'poppinsmedium', sans-serif;
    font-size: 14px;
    font-weight: bold;
    border-radius: 3px;
    background: #ffffff;
    top: -32px;
    left: -2px;
    text-align: center;
    width: 25px;
    padding: 2px 1px
}

.tooltip strong {
    display: block;
    padding: 2px
}

.watermark {
    color: #777777
}

/* ── Delivery Information page ── */
.delivery-page-title{font-family:'Keep Calm',sans-serif;font-size:26px;font-weight:700;color:#333366;line-height:1.2;margin:40px 0 30px}
.delivery-card{background:#ffffff;border:1px solid #e8eaee;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.06);padding:50px 40px 45px;margin-bottom:60px;box-sizing:border-box}
#pagecontent .delivery-p{font-family:'Poppins',sans-serif;font-weight:400;font-size:14px;color:#333333;line-height:22.8px;margin:0 0 14px 10px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#pagecontent .delivery-intro{margin-bottom:0}
.delivery-options{margin:58px 0 34px 10px}
.delivery-opt{display:grid;grid-template-columns:1fr auto minmax(52px,auto);column-gap:30px;row-gap:6px;align-items:baseline;max-width:790px;background:#ffffff;border:1px solid #cccccc;border-radius:8px;box-shadow:0 4px 12px rgba(24,35,52,.16);padding:22px 30px 17px 40px;margin-bottom:26px;box-sizing:border-box;font-family:'Poppins',sans-serif;font-size:13px;color:#333333;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.delivery-opt-name{font-weight:600}
.delivery-opt-desc{font-weight:400}
.delivery-opt-desc strong{font-weight:600}
.delivery-opt-tier{font-weight:400;white-space:nowrap;margin-right:40px}
.delivery-opt-price{font-weight:600;text-align:right;white-space:nowrap}
.delivery-sec-head{font-family:'Poppins',sans-serif;font-weight:600;font-size:14px;color:#333333;margin:50px 0 18px 10px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.delivery-options + .delivery-sec-head{margin-top:74px}
.delivery-postcodes{border-collapse:collapse;table-layout:fixed;width:58%;min-width:560px;margin:47px 0 10px 10px;font-family:'Poppins',sans-serif;font-size:13px;color:#333333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.delivery-postcodes th{text-align:left;font-weight:600;font-size:14px;letter-spacing:.6px;text-transform:uppercase;padding:6px 10px 12px;border-bottom:1px solid #dfe3e9}
.delivery-postcodes td{padding:12px 10px;border-bottom:1px solid #eceff3;vertical-align:top}
.delivery-postcodes td.region{font-weight:600;white-space:nowrap}
.delivery-postcodes th:first-child{width:235px}
.delivery-postcodes th:nth-child(2){width:200px}
/* Inline links inside content paragraphs: defeat the legacy #pagecontent a offset/colour */
#pagecontent .delivery-p a{margin:0;font-size:inherit;color:#333366;text-decoration:underline;font-family:inherit}
.delivery-postcodes td:nth-child(2){font-weight:600}

/* ── Shop by category (search no-results) ── */
.noresults-shopby{margin:30px 0 70px}
.noresults-shopby .shopby-heading{text-align:center;font-family:'Keep Calm',sans-serif;font-weight:400;font-size:24px;color:#333366;margin:-20px 0 35px}
.noresults-shopby .feature-cards{margin-top:20px}

/* Search no-results page */
.noresults-page{min-height:300px;text-align:left}
.noresults-title{margin:-20px 0 0;font-family:'Keep Calm',sans-serif;font-size:24px;line-height:1.3;color:#35405e;font-weight:400}
#pagecontent .noresults-intro{font-family:'Poppins',sans-serif;font-size:14px;color:#333333;margin:43px 0 22px;-webkit-font-smoothing:antialiased}
.noresults-tips{list-style:none;margin:0;padding:0}
.noresults-tips li{font-family:'Poppins',sans-serif;font-size:14px;color:#333333;line-height:23px;margin:0;-webkit-font-smoothing:antialiased}
#pagecontent .noresults-title{color:#35405e}

.noresults-tips li::before{content:'• '}


/* ==================== Brand landing page (brand.aspx?mid=N) ==================== */
.brand-page{width:1300px;margin:0 auto;text-align:left}
.brand-hero{margin-top:25px}
.brand-hero img{width:100%;display:block}
.brand-sec-head{margin:0 0 20px;font-family:'Keep Calm',sans-serif;font-size:24px;line-height:1.2;color:#35405e;font-weight:500}
.brand-about-text .brand-sec-head{font-size:20px}
#pagecontent p.brand-p{font-family:'Poppins',sans-serif;font-size:14px;color:#333333;line-height:22.8px;margin:0 0 18px;padding:0;width:auto;-webkit-font-smoothing:antialiased}
.brand-about{display:flex;gap:45px;align-items:flex-start;margin:55px 0 0}
.brand-about-text{flex:1;min-width:0;padding:10px}
.brand-about-image{flex:0 0 580px}
.brand-about-image img{width:100%;display:block}
.brand-shopby{margin:75px 0 0}
.brand-shopby .feature-cards{width:auto;margin:25px 0 0;justify-content:flex-start;gap:20px}
#pagecontent .brand-range-cards a.feature-card{margin:0}
.brand-trending{margin:70px 0 0}
.brand-trending-heading{text-align:center;font-family:'Keep Calm',sans-serif;font-weight:400;font-size:24px;color:#333366;margin:0 0 30px}
.brand-trending .recently-viewed-wrap{width:1300px;margin:0 auto}
/* Match the homepage What's New product tiles exactly */
.brand-trending .recently-viewed-list{grid-template-columns:repeat(4,310px);justify-content:space-between}
.brand-trending .recently-viewed-item{width:310px}
.brand-trending .recently-viewed-card{min-height:438px;padding:8px 5px 20px;position:relative;transition:box-shadow .18s ease}
#pagecontent .brand-trending a.recently-viewed-image-link{height:300px;margin:0;width:100%}
.brand-trending .recently-viewed-image{max-height:300px;max-width:300px;transition:transform .18s ease}
.brand-trending .recently-viewed-stars{margin:10px 0 5px;padding:0 16px;min-height:18px}
.brand-trending .recently-viewed-stars .star{font-size:18px}
.brand-trending .recently-viewed-stars .review-star{width:18px;height:18px}
#pagecontent .brand-trending a.recently-viewed-title{font-size:16px!important;font-family:'Poppins',sans-serif;font-weight:400;color:#333333;min-height:42px;margin-bottom:8px;padding:0 16px;margin-left:0;text-decoration:none}
.brand-trending .recently-viewed-pricing{padding:0 16px;margin-top:0;gap:4px}
.brand-trending .recently-viewed-price-row{gap:14px}
.brand-trending .recently-viewed-price{font-size:16px;font-family:'Poppins',sans-serif;font-weight:600;color:#fbb74a}
.brand-trending .recently-viewed-rrp{font-size:16px;font-family:'Poppins',sans-serif;font-weight:400;color:var(--price-was);text-decoration:line-through}
.brand-trending .recently-viewed-discount{font-size:10px;padding:6px 9px}
.brand-trending .recently-viewed-card > a:first-of-type::after{content:'';position:absolute;inset:0;z-index:3}
.brand-trending .recently-viewed-card:hover{z-index:2;box-shadow:0 8px 18px rgba(24,35,52,0.12);text-decoration:none}
.brand-trending .recently-viewed-card:hover .recently-viewed-image{transform:scale(1.03)}
.brand-trending .recently-viewed-card:hover .recently-viewed-title,.brand-trending .recently-viewed-title:hover{text-decoration:none}
.brand-promo{display:flex;margin:70px 0 0;background:#f6f6f6}
/* The whole promo banner is one link - beat #pagecontent a:hover (underline/bold/grey) */
a.brand-promo,a.brand-promo:hover{text-decoration:none;color:inherit;cursor:pointer}
#pagecontent a.brand-promo:hover{color:inherit;text-decoration:none;font-weight:inherit}
.brand-promo-image{flex:0 0 620px}
.brand-promo-image img{width:100%;height:100%;display:block;object-fit:cover}
.brand-promo-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 60px;background:#ffffff}
.brand-promo-title{margin:0 0 25px;font-family:'Keep Calm',sans-serif;font-size:36px;color:#000000;font-weight:400;line-height:1.15}
#pagecontent p.brand-promo-text{font-family:'Keep Calm',sans-serif;font-size:20px;color:#333333;line-height:1.4;margin:0 0 30px;padding:0;max-width:520px;width:auto}
#pagecontent .brand-promo-link{display:inline-block;font-family:'Poppins',sans-serif;font-size:19px;color:#000000;text-decoration:underline!important;text-underline-offset:3px;margin-left:0}
#pagecontent a.brand-promo:hover .brand-promo-link{color:#35405e}
#pagecontent a.brand-shopall{display:block;width:340px;height:50px;line-height:50px;margin:60px auto 70px;background:#35405e;color:#ffffff!important;border-radius:25px;text-align:center;padding:0;font-family:'Keep Calm',sans-serif;font-size:16px;font-weight:400;text-decoration:none!important}
.brand-shopall:hover{background:#2a3349}

/* Listing pages: "Showing x of y" and sort rows in black */
.navtable, .navtable td, .navtablebot, .navtablebot td{color:#000000}
.navtable select.classic, .navtablebot select.classic{color:#000000}

/* Clear all: black while any filter is ticked (JS toggles the class), grey otherwise */
.filterreset.filter-active{color:#000000!important}

/* Description: text stored with the font-weight:550 span renders semi-bold */
.desc-semibold{font-family:'poppinssemibold','Poppins',sans-serif;font-weight:600;font-size:14px}


/* Delisted product message: same look as the basket low-stock note */
.delisted-note{margin:15px 0 0;width:fit-content;max-width:100%;padding:10px 12px;background:#fef6e5;border-radius:10px;color:#4c4a43;font-size:12px;line-height:1.35;font-family:'poppinsregular',sans-serif;font-weight:400}

/* Contact form: sent confirmation in the basket-page yellow note style */
.contact-sent-note{background:#fef6e5;border-radius:10px;color:#000000;font-family:'poppinsregular',sans-serif;font-weight:400;font-size:13px;line-height:1.5;padding:12px 16px;margin-top:4px;text-align:left}

/* ---- Cookie consent: bottom bar (2026-09-04). Accept = aqua brand button, Decline = quiet outline. ---- */
.consent-bar{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;height:auto;overflow:visible;margin:0;padding:0;background:#35405e;color:#fff;box-shadow:0 -8px 30px rgba(20,30,60,.35);z-index:100000000;animation:consentUp .45s ease-out}
@keyframes consentUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.consent-bar .consent-inner{max-width:1240px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-sizing:border-box}
.consent-bar .consent-text{flex:1 1 auto;min-width:0;text-align:left}
.consent-bar,.consent-bar .consent-btn{font-family:'Poppins','poppinsmedium',Arial,Helvetica,sans-serif}
.consent-bar .consent-text h2{margin:0 0 4px;font-size:16px;line-height:1.3;font-weight:500;color:#fff}
.consent-bar .consent-text p{margin:0;font-size:13px;line-height:1.5;font-weight:300;color:#e3e7f0}
.consent-bar .consent-text a{color:#fff;text-decoration:underline}
.consent-bar .consent-actions{display:flex;gap:10px;flex:0 0 auto;align-items:center}
.consent-bar .consent-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:42px;margin:0;padding:0 22px;border-radius:8px;font:inherit;font-size:14px;font-weight:500;line-height:1;cursor:pointer;white-space:nowrap;-webkit-appearance:none;appearance:none;transition:background .15s,color .15s,border-color .15s}
.consent-bar .consent-accept{background:#62ccdc;border:1px solid #62ccdc;color:#1c2133;min-width:150px;height:46px;font-size:15px;box-shadow:0 4px 14px rgba(98,204,220,.35)}
.consent-bar .consent-accept:hover{background:#4fbfd0;border-color:#4fbfd0}
.consent-bar .consent-decline{background:transparent;border:1px solid transparent;color:#b9c0d1;text-decoration:underline;text-underline-offset:3px}
.consent-bar .consent-decline:hover{border-color:rgba(255,255,255,.35);color:#fff}
@media (max-width:720px){.consent-bar .consent-inner{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px 10px}.consent-bar .consent-actions{flex-direction:row;justify-content:stretch}.consent-bar .consent-btn{flex:1 1 0;height:44px;padding:0 12px}}
@media (max-width:720px){.consent-bar .consent-accept{flex:2 1 0}.consent-bar .consent-decline{flex:1 1 0;padding:0 10px}}