/* Full width add ot basket areaa*/
@media screen and (min-width : 1440px) and (max-width : 1913px) {#firstdetails {padding-right: 32px;}}
@media screen and (min-width : 1914px) { #firstdetails { padding-right: 32px;}}
#prodInfoLeft { width:60%}
#prodInfoRight {width: 40%;height: 100%;position: sticky;top: calc(75px + 16px);}
@media screen and (max-width: 767.99px){#prodInfoLeft, #prodInfoRight {width: 100%;}}
@media screen and (max-width: 1023.99px) and (min-width: 768px){#prodInfoLeft, #prodInfoRight {width: 100%;}}
.productPageTop .container {background: #ffffff;}
@media screen and (min-width : 1440px) and (max-width : 1913px) {#firstdetails {}}
@media screen and (min-width : 1914px) {#firstdetails {padding-right: 32px;}}
.dropdownA2B {background: #f2f2f2;padding: 0;}
@media screen and (max-width: 1023.99px) and (min-width: 0px){#prodInfoRight {align-items: center;max-width: 100%;}}
.productPageTop > div > div.maxInner {overflow: inherit;padding: 0;display: flex;margin: auto;text-align: center;flex-direction: column;align-items: flex-start;max-width: 100%;}
.breadcrumbs {margin-bottom:8px;margin: auto;background: #efefef;width: 100%;padding: 8px;}
.breadcrumbs a:last-child { opacity:8}
.iGscPrice {display: block;margin: 0;}


/* Miv modiactions*/
#detailMiv { padding: 16px; z-index: 0;}
#detailMiv .imgCtr:after {padding-bottom: 75%}
.productPageTop, .productPageTop .container {background: #e8e8e8;padding: 0;}
.colourPicker { order:-1}
#cart-target { order:-1}


/* Miv modiactions*/
#detailMiv {outline: none;}
#detailMiv .imgCtr:after {padding-bottom: 100%}
.productPageTop, .productPageTop .container {background: #ffffff;border-bottom: none;max-width: 100%;}
.MIVicon div, .MIVicon2 a { color:#fff}
.MIVicon div {background: #00000096;}
.MIVicon2 a { background:#d02929}

/* Brands text added*/
#Brand:before {content:"Brand |"; opacity:0.5}

/* Prices */
.percentOff {color: #EC0028}


/* sidebar modifications  */
.ctaMain { display:none}
.detailOrder > div {grid-column: 1/13 !important;}


/* Colour picker  */
.colourPicker {border: 1px solid #f6f6f6;background: #f6f6f6;margin: 0 0 8px 0 !important;position:relative;width: 100%;padding: 8px 8px 8px 8px !important;}
.colourPicker:after {content: "View other options";position:absolute;top: -11px;background: #ffffff;padding: 0 18px;font-size: 11px;border: 1px solid #f6f6f6;}

/* Long Description  */
#ModularLongDescription ul li {list-style: none;margin: 0;border-bottom: 1px solid #d8d8d8;padding: 3px 12px;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;width: 100%;font-size: smaller;}
#ModularLongDescription ul li strong {min-width: 150px;padding-right: 8px;}
#ModularLongDescription ul li:nth-child(odd){background: #efefef;}


/* Append Pre order to Available items  */
.add-to-cart-area-msg-stock[data-amountmsg="Available"]:after {content: attr(data-amountmsg) "  for pre-order"} 


/* hide Click and collect pill   */
#cart-pills { display:none}

/* Klana Pill */
#firstdetails > .kl.kl-cta {order: -1;display: flex;flex-flow: row wrap;padding: 8px 0 8px 0;background: #ffffff;color: #662b39;align-items: center;margin: 0px;border-top: 1px solid #efefef;} 
#firstdetails > .kl.kl-cta img {max-width: 56px;margin-right: 18px;border-radius: 4px;background: #ffc8d6;padding: 4px 8px;} 
#firstdetails > .kl.kl-cta p {margin: 0;font-size: 12px;flex-grow: 1;} 
#firstdetails > .kl.kl-cta .learn {font-size: 11px;text-decoration: underline;margin: 0;} 
.kl.kl-pop {max-width: 660px;padding: 44px;}
.kl.kl-pop h3 {font-size: 32px; margin: 0;}
.kl.kl-pop ul {padding: 16px 32px 32px 64px; background: #efefef;}
.kl.kl-pop ul li {display: flex;align-content: center;flex-flow: row wrap;justify-content: flex-start;align-items: center;margin-top: 16px;position: relative;}
.kl.kl-pop ul li::before {content: '';width: 15px;height: 15px;background: #343434;border: 2px solid #efefef;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;position: absolute;left: -30px;top: 5px;z-index: 2;}
.kl.kl-pop ul li::after {content: '';width: 2px;position: absolute;top: 18px;left: -24px;z-index: 1;background: #676161;height: 100%;} 
.kl.kl-pop ul li:last-child::after {display: none;}
.kl.kl-pop ul li img {max-width: 60px;padding: 10px 8px;background: #ffb3c7;border-radius: 7px;margin-left: 6px;} 
.kl.kl-pop a {display: block;text-align: center;background: #636363;color: #fff;padding: 10px;font-family: 'citrfontbold';} 
.kl.kl-pop a:hover {background: var(--but-bg-color);}

/* Add to Baket overrides */
#cart-target, .cc-lookup-service-wrapper {background: #f6f6f6;padding: 8px !important;border-radius: 3px;}
.cc-lookup-service-entrysection[data-ilc=''][data-productid=''] + div { display:none}
.cc-lookup-service-entrysection[data-ilc=''][data-productid='']:before {background: rgb(255 255 255 / 0%);}
#OZ-custombutton {order:1;background: #FAFAFA !important;}
.cc-lookup-service-warningtext {font-family: 'citrfontreg';font-size: 11px;text-align: center;border-top: 1px solid #e0e0e0;padding-top: 8px;margin-top: 4px;color: initial;}
.add-to-cart-area-2:after {font-size: 11px;}
.cc-lookup-service-wrapper img[src*='CC.png'] { width:80px}
.cc-lookup-service-lookupbutton-location {border: 1px solid #bad4ed;}

/* Change MIV display  */
#detailMiv {outline: none;margin: 0;border-bottom: none;background: transparent;}
#prodInfoRight {position: sticky;top: 56px;height: 100%;z-index: 6;}
.productPageTop {padding-right: 0;}
.dark { background:#afafaf}
@media screen and (min-width: 1025px) {
	.MIVicon {top: 24px;left: 24px;}
	#brand-logo-area {padding: 16px;}
	#prodInfoLeft {width: 65%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: flex-start;border-right: 1px solid #ebebeb;}
	#prodInfoRight {width: 35%;}
	#prodInfoLeft #detailMivThumb {max-width: 215px;order: -1;width: auto;height: auto;padding: 24px;flex-flow: row wrap;-webkit-align-items: flex-start;align-items: flex-start;position: sticky;top: 56px;}
	#prodInfoLeft #detailMivThumb > a, #prodInfoLeft #detailMivThumb > div {flex-grow: unset;width: 96px;margin: 4px;}
	#prodInfoLeft #detailMiv {flex:1; height: 100%;padding: 32px;border-left: 1px solid #ebebeb;}
	#prodInfoLeft div[class*="css-image"] {height: auto; background-position: top center !important;}
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
	.MIVicon {top: 16px;left: 16px;}
	#brand-logo-area  {padding: 8px !important;}
	#detailMiv {padding: 16px !important;border-bottom: none;}
	#prodInfoLeft div[class*="css-image"] {position: sticky; top: 75px;}
	#prodInfoLeft #detailMivThumb {max-width: 198px !important;padding: 16px !important;}
}

/* Call to actions */
.ctadetail {display:flex;flex-wrap: wrap;clear:both;margin-top: 12px;padding-top: 12px;float: left;border-top: 1px solid #e6e6e6;height: auto;}
.ctadetail > a {display:none;width: 50%;position: relative;margin: 12px 0;float: left;color: #000;flex-basis: 250px;flex-grow: 1;cursor: pointer;}
.ctadetail > a:nth-child(odd){ padding-right:16px}
.ctadetail .txtMain {font-size: 13px;padding: 0 0 0 22px;}
.ctadetail .txtSub {display: none;line-height:100%;}
.ctadetail .icon {position:absolute;left: 0;top: -3px;color: #d02b47;}
.ctadetail .icon:before {font-family: feather;content: "\e116";font-size: 16px;display: inline-block;font-family: feather;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.ctadetail > a:hover .txtMain span {border-bottom: 1px solid #9b9b9b;}
.txtMain span {border-bottom: 1px solid #d1d1d1;}
.ctadetail > a:hover .txtSub span { color:blue;}
.product-cta-img.containImg { background-size:contain !important; background-repeat:no-repeat !important}
.product-cta {max-width: 600px;width:100%;margin:0 auto;background:white;padding: 0;}
.product-cta-img {width: 40%;min-height: 400px;text-align:center;background: #333;display: flex;vertical-align: middle;justify-content: center;align-items: center;color: #fff;font-size: 100px;background-size: cover !important;background-position: center !important;display: none;}
.product-cta .zflex-v {width: 100%;padding:32px;}
.product-cta a {color: royalblue;border-bottom: 1px solid #c8d2ee;}
.ctaMain > div {  padding: 32px}
#returnsPane { display:none}
#financeTopPanel a{color: #1b6897;font-size: 13px;text-decoration: none;background: #ffffff;padding: 8px 0 8px 0;display: block;/* border-bottom: 1px solid #efefef; */}
#financeTopPanel a::after {display: inline-block;content: "Learn more";border: none;border-radius: 0;width: auto;height: auto;text-align: center;margin: 0;font-size: 11px;position: relative;bottom: -4px;float: right;text-decoration: underline;}
#financeLink::before {background-image: url(/layout/v12Logo.png);background-size: 43px;background-position: center;background-color: #422412;border-radius: 4px;content: "v12";color: RGBA(0, 0, 0, 0);display: inline-block;background-repeat: no-repeat;font-size: 17px;width: 56px;height: 26px;margin-right: 18px;filter: invert(1);}
.productPrices {margin-bottom: 0px !important;}
@media screen and (max-width: 767px){
    #firstdetails > .kl.kl-cta .learn { display:none}
    #financeTopPanel a::after { display:none}
    #financeTopPanel a, .kl.kl-cta p {font-size: 10px !important;}
    #firstdetails > .kl.kl-cta img  {
    margin-right: 18px;}
}


/* Product call to actions */
.productSize, .productbike {border: 1px solid #b7b7b7;padding: 8px 16px;font-size: 12px;text-align: center;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.productbike { flex-grow:1}
.productbike:hover, .productSize:hover { background:#373740;}
.productbike:hover a, .productSize:hover a { color:#fff}
.productSize:before, .productbike:before {font-family: feather;margin: 8px;position: relative;top: -1px;}
.productSize:before {content: "\e112";}
.productbike:before {content: "\e122";}


/* Star buy to actions */
div[id*="starbuyBtnDisplay"], .starbuyDisplayPanel-Inner  {background: #d02b47;border-radius: 0px;/* background: linear-gradient(90deg, #d02b47 0%, #f5546f 100%); */}
div[id*="starbuyBtnDisplay"]:hover:after {background: #bb1531;}
.starbuyDisplayPanel-Close {border: 1px solid #d02b47;color: #d02b47;}
.starbuyDisplayPanel-Close:hover {background: #d02b47;border: 1px solid #d02b47;}
#starbuyDisplayPanel .sbuytag { border-bottom:none}
#starbuysV2target { order:1}


/* Price override */
.nowPrice {font-family: 'citrfontbold';font-size: 16px;color: #282828;}
#detailMivThumb > a:last-of-type{ display: none;}           

/* C&C override - hide the non uk store message*/
.cc-lookup-service-wrapper .col-1.ctrMgr8-bottom.no-user-select { display:none}


/* C&C override - hide the non uk store message*/
.bikes .cc-lookup-service-lookupresults:empty:before { content: ""; display: none;}  
.bikes .cc-lookup-service-lookupresults:before {content:"please allow up to 1 hour for all bikes listed as immediate collection";background: #E37F00;color: white;padding: 4px 8px;font-size: 10px;text-transform: uppercase;font-family: 'citrfontbold';}


/* Buyer guide - format table*/
#buyersGuidePane table {text-align: justify;border-collapse: collapse;width: 100%;padding: 0 !important;overflow: auto;-webkit-overflow-scrolling: touch;margin: 32px 0; display: block;overflow-x: auto;}#buyersGuidePane table tbody {display: table;width: 100%;}
#buyersGuidePane th, #buyersGuidePane tr, #buyersGuidePane td, #SizingGuide th { padding: 10px 16px; margin: 0; color: #0a0a0a; font-size: small; border: 1px solid #e6e7f1;}
#buyersGuidePane tbody tr:nth-of-type(odd) {background-color: #efefef;}
#buyersGuidePane tr:nth-of-type th { text-align: left; font-weight: bold; font-size: larger; line-height: 200%;}
#buyersGuidePane table tr:last-of-type td {border-bottom: none}


/* Change MIV display  */
#detailMiv {outline: none;margin: 0;border-bottom: none;background: transparent;}
#prodInfoRight {position: sticky;top: 75px;height: 100%;z-index: 6;}
.productPageTop {padding-right: 0;}
@media screen and (min-width: 1025px) {
	.MIVicon { top:40px; left:40px}
	#brand-logo-area { padding:32px}
	#prodInfoLeft {width: 65%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: flex-start;border-right: 1px solid #ebebeb;}
	#prodInfoRight {width: 35%;}
	#prodInfoLeft #detailMivThumb {max-width: 256px;order: -1;width: auto;height: auto;padding: 24px;flex-flow: row wrap;-webkit-align-items: flex-start;align-items: flex-start;position: sticky;top: 75px;}
	#prodInfoLeft #detailMivThumb > a, #prodInfoLeft #detailMivThumb > div {flex-grow: unset;width: 96px;margin: 4px;outline: 1px solid #efefef;}
	#prodInfoLeft #detailMiv {flex:1; height: 100%;padding: 32px;border-left: 1px solid #ebebeb;}
	#prodInfoLeft div[class*="css-image"] {height: auto; background-position: top center !important;}
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
	.MIVicon { top:24px; left:24px}
	#brand-logo-area  { padding:16px !important}
	#detailMiv {padding: 16px !important;border-bottom: none;}
	#prodInfoLeft div[class*="css-image"] {position: sticky; top: 75px;}
	#prodInfoLeft #detailMivThumb {max-width: 240px !important;padding: 16px !important;}
}

/* Starbuy overide display  
div#starbuyDisplayPanel { display: inline-block !important; z-index: 0; position: relative; background: #d02b47; padding: 0;}
.starbuyDisplayPanel-Inner { width:100%}
div#ctl01_starbuyBtnDisplay { display:none}
.starbuyDisplayPanel-Inner-Close a {background: #fff;margin: 0;color: #d02b47;}
.starbuyDisplayPanel-Inner-Close div { display:none}
.starbuyDisplayPanel-Inner-Close {background: #d02b47;padding: 1px 32px 32px 32px;}
.starbuyDisplayPanel-Inner-Close a:hover {background: #fff;color: #d02b47;box-shadow: 0 8px 4px 0 rgb(22 29 37 / 10%);}  */


/* Colour overide  */
.cc-lookup-service-lookupbutton-location{ background: #ecf7f2; border: 1px solid #c7ebdc; color: #30644e;}
.cc-lookup-service-entry .cc-lookup-service-lookupbutton, .cc-lookup-service-lookupresults-store .add-to-cart-area-button {background: #0f995f;}
span.icon-drop.coStandard {color:#30644e}

/* Customer Rewards overide  */
div#CustomerRewardPane {order: -2;margin: 8px 0 8px 0;}
div#CustomerRewardPane  > div {text-align: left;order: -2;font-size: 10px;color: #0a3745;}
#lblPoints {font-size: 16px;margin: 0 3px;color: #0a3745;}
.crTextDesc {font-size: 12px;}
.kl-cta {order: -2 !important;}
.productPrices {order: -2 !important;}
.ctaMain {display:inline-block;order: -1;}
.maxInner.cssGrid.detailOrder {display:flex;flex-direction: column;}
.ctaMessage {max-width: 100%;}
.ctaTitle {margin: 0;}
#rewardsMessagePane {padding: 16px !important;}
.ctaIcon { position:relative}
.icon-heart:before { content: ""; background: url(/layout/Customer-Rewards-Small-Icon.png); background-size: contain; margin: 0; display: block; height: 35px; width: 100%; min-width: 35px; background-repeat: no-repeat; background-position: center; left: 0px; top: 10px; position: relative;}
.customerRewardsCtr { text-align:left}
.customerRewardsCtr:before {content: "";background: url(/layout/Customer-Rewards-Small-Icon.png);background-size: contain;margin: 0;display: block;height: 21px;min-width: 30px;background-repeat: no-repeat;background-position: left center;left: 0px;top: 0;position: relative;float: left;}
@media screen and (max-width: 768px) {
    div#rewardsMessagePane {padding: 0px !important;;}
}   

div#CustomerRewardPane { font-weight: 400; line-height: 20px; background-color: #FFFFFF; border-style: solid; border-color: #eae7e4; border-radius: 0px; border-width: 1px; padding-left: 14px; padding-right: 14px; padding-top: 14px; padding-bottom: 14px;}
div#detailfast-starbuys { margin: 8px 0;}   



/* sizee Guide */
.size-chart {width: 100%;}
.size-chart tr {border-top: 1px solid #d7d7d7;margin: 0;display: inline-flex;float: left;clear: both;width: 100%;align-content: center;align-items: center;justify-content: flex-start;}
.size-chart tr:last-of-type {border-bottom: 1px solid #d7d7d7;}
.size-chart td {padding: 8px 16px;}
.size-chart tr:nth-child(odd) {background: #f4f4f4;}
.size-chart tr td:first-of-type {/* width: 20%; */min-width: 40px;font-family: 'citrfontbold';}
.size-chart tr td:nth-child(2)  {flex-grow:1}
.size-chart .slideOption {display:inline-block;padding: 4px 16px;text-align: center;background: #d02b47;}