/* cmsms stylesheet: style-mobile modified: 11/08/26 21:28:48 */
/* ===== Review carousel for landing and pricing pages (Nov 2026) ===== */

/* Review carousel on landing and pricing pages (sits first so the page styles below win) */
:where(.pricingPage, .landingPage) .wrap { position: relative; width: 100%; margin: 0 auto; }
:where(.pricingPage, .landingPage) .window { overflow: hidden; position: relative; background: #222; }
:where(.pricingPage, .landingPage) #homeTrustpilotReviewsContainer { width: 10000px; position: relative; overflow:hidden; left:-180px; height:325px; }
:where(.pricingPage, .landingPage) .slide { height: 300px; width: 300px; cursor: pointer; float: left; display: flex; flex-direction: column; justify-content: center; background:#fff; border-radius:10px; margin:50px 25px; margin-top:20px; padding:20px; box-sizing:border-box; box-shadow:0px 0px 3px #ccc; }
@media(max-width:767px) {
 :where(.pricingPage, .landingPage) .slide { width:90%; margin-left:5%; }
}
:where(.pricingPage, .landingPage) .transition { transition: .7s; }


@font-face
{
 font-family: 'UKNumberPlate';
 src: url('/assets/fonts/UKNumberPlate.woff2') format('woff2'),
      url('/assets/fonts/UKNumberPlate.woff') format('woff');
 font-weight: normal;
 font-style: normal;
 font-display: swap;
}
#viewerMain circle.control-point {
    r: 7;
}

#placeholderImg{
   height : 375px!important;
    width : 375px!important;
}

#downloadBox a#closeBox{
top : 0!important;
right : 0!important;
border: none!important;
}


#downloadBox {
	display: none;
	width: 91%!important;
	max-height: 90%;
	position: fixed;
	left: 4%!important;
	margin-left: 0%;
	background: #fff;
	padding: 15px;
	border: solid 2px #000;
	box-sizing: border-box;
	top: 6%!important;
        margin-top: auto!important;
        overflow : scroll;
        
}
#viewerMain .pv-viewport {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
    right: 0;
}
.half
{
 width:100%;
}

.half.left, .half.right
{
 float:none;
 margin:0;
 padding:0;
}

html,body
{
 height:100%;
 position:relative;
}

body
{
 text-align:center;
 font-family:'Cabin', sans-serif;
 color:#1C1821;
}

body.navOpen
{
 overflow:hidden;
}

#fullGreyBackgroundContainer
{
 position:relative;
 padding-bottom:10px;
}

.fullGreyBackground
{
 background:#F9F9F9;
}

.searchPage .fullGreyBackground
{
 background:#fff;
}

body.platePage .fullGreyBackground
{
 position:absolute;
 bottom:0;
 height:400px;
 width:100%;
}

main
{
 min-height:60%;
}

body.homePage main
{
 min-height:initial;
}

main p
{
 font-size:15px;
 line-height:22px;
 margin-bottom:20px;
 font-family:'Inter', sans-serif;
}

main p.smallPrint
{
 font-size:13px;
 margin-bottom:0;
}

main p.formToggle
{
 font-size:13px;
 margin-top:10px;
 text-align:center;
}

main p strong
{
 font-weight:bold;
}

main ul
{
 margin:0;
 padding:0;
 padding-left:16px;
 font-size:15px;
 line-height:22px;
 margin-bottom:20px;
 font-family:'Inter', sans-serif;
 list-style-type:square;
}

main #blogCategories ul, main #dashboardMenu ul, ul#selectPlanTerm
{
 padding:0;
 list-style-type:none;
}

main ul li
{
 margin-bottom:5px;
}

body.landingPage p.trustPilotStarsAndLink
{
 text-align:center;
 margin-top:20px;
 margin-bottom:40px;
}

p.trustPilotStarsAndLink a
{
 color:#000;
 text-decoration:none;
}

main p.trustPilotStarsAndLink a img
{
 border:0;
}

main h3
{
 font-size:22px;
 font-weight:700;
 margin-bottom:20px;
}

main h4
{
 font-size:18px;
 font-weight:700;
 margin-bottom:10px;
}

main h4.numberOfAdverts
{
 margin-top:20px;
}

main h4.searchResultTitle
{
 margin-bottom:20px;
}

main h4.searchResultTitleStandard
{
 margin-bottom:20px;
}

main h4.faq_q
{
 cursor:pointer;
 line-height: 1.5;
}

p.error
{
 background:#f00;
 border-radius:5px;
 padding:15px;
 margin-bottom:10px;
 text-align:center;
 color:#fff;
 font-family:'Inter', sans-serif;
 font-size:13px;
}

p.error a
{
 color:#fff;
}

p.success
{
 background:#00BC80;
 border-radius:5px;
 padding:15px;
 margin-bottom:10px;
 text-align:center;
 color:#fff;
 font-family:'Inter', sans-serif;
 font-size:13px;
}

p.success a
{
 color:#fff;
}

#linearcar-left
{
 position:absolute;
 top:50px;
 left:0;
 background:url('/uploads/images/illustrations/linearcar-left.svg') no-repeat top left;
 background-size:contain;
 width:160px;
 height:180px;
}

#linearcar-right
{
 position:absolute;
 top:650px;
 right:0;
 background:url('/uploads/images/illustrations/linearcar-right.svg') no-repeat top left;
 background-size:contain;
 width:150px;
 height:200px;
}

.content
{
 text-align:left;
 font-family:'Cabin', sans-serif;
 padding-left:15px;
 padding-right:15px;
 box-sizing:border-box;
}

.content.middle
{
 text-align:center;
}

header
{
 height:50px;
 padding-top:20px;
 padding-bottom:20px;
}

header.navOpen
{
 position:fixed;
 top:0;
 left:0;
 width:100%;
 background:#FEE04E;
 z-index:999;
}

body.landingPage header, body.homePage header
{
 background:#FEE04E;
}

header div.logo
{
 float:left;
}

header div.logo a
{
 display:block;
 margin-top:2px;
 height:40px;
 width:168px;
 background:url('/uploads/images/ptlogo.png') no-repeat top left;
 background-size: 100% 100%;
}

header div.logo a span
{
 display:none;
}

header #mobileMenu
{
 float:right;
 cursor:pointer;
}

header #mobileMenu::before
{
 content:'☰';
 font-size:35px;
 padding-top:0px;
 display:block;
}

header #mobileMenu.open::before
{
 content:'✕';
 font-size:28px;
 color: #000 !important;
 font-weight:bold;
 padding-top:7px;
 padding-right:3px;
 display:block;
}

header #mobileLogin
{
 position:absolute;
 top:32px;
 right:70px;
}

header #mobileLogin a
{
 padding:2px;
 padding-left:30px;
 display:block;
 color:#000;
 text-decoration:none;
 background:url('/uploads/images/icons/profile.svg') no-repeat 0px 0px;
 font-weight:bold;
}

header nav
{
 position:fixed;
 height:calc(100vh - 90px);
 top: 90px;
 bottom:0;
 left:0;
 width:100%;
 z-index:99999;
 overflow-y:auto;
 overflow-x:hidden;
 display:none;
 background:#FEE04E;
 height:100%;
}

header nav ul li
{
 display:block;
}

header nav ul li a
{
 display:block;
 width:100%;
 box-sizing:border-box;
 padding:12px;
 font-size:18px;
 font-weight:normal;
 color:#1C1821;
 background:#FEE04E;
 text-decoration:none;
 text-align:center;
}

header nav ul li a:hover
{
 text-decoration:underline;
}

header nav ul li#nav-more a
{
 display:none;
}

header nav ul li#nav-more ul li a
{
 display:block;
}

header nav ul li#nav-more ul
{
 display:block;
}

header nav ul li#search
{
 position:relative;
 border-bottom:solid 1px #ddd;
 padding-bottom:10px;
}

header nav ul li#search span img
{
 width:16px;
 height:16px;
}

header nav ul li#search:hover
{
 background:#eee;
}

header nav ul li#search a
{
 border-bottom:none;
 padding-bottom:5px;
}

header nav ul li#search div
{
 padding:5px;
 width:100%;
 right:0;
}

header nav ul li#search div input
{
 padding:5px;
 font-family:'Inter', sans-serif;
 font-size:16px;
 width:78%;
 height:30px;
 box-sizing:border-box;
 border:solid 1px #ddd;
}

header nav ul li#search div button
{
 padding:5px;
 font-family:'Inter', sans-serif;
 font-weight:bold;
 font-size:14px;
 width:20%;
 height:30px;
 box-sizing:border-box;
 border:solid 1px #ddd;
}

header nav ul li#nav-loggedIn, header nav ul li#nav-loggedOut
{
 display:none;
}

header nav ul li ul li
{
 display:block;
 float:none;
}

body.homePage section#hero, body.landingPage section#hero
{
 background:#FEE04E;
 padding-top:30px;
 padding-bottom:30px;
}

body.landingPage section#hero .landingPageHeroLeft
{
 text-align:center;
}

body.landingPage section#hero .landingPageHeroRight
{
 text-align:center;
 padding-top:10px;
}

body.landingPage section#hero .landingPageHeroRight img
{
 height:auto;
 width:100%;
}

body.homePage section#hero h1, body.landingPage section#hero h1, body.pricingPage h1
{
 font-size:40px;
 font-weight:700;
 line-height:50px;
 margin-bottom:30px;
}

body.homePage section#hero h2, body.landingPage section#hero h2
{
 font-size:24px;
 font-weight:500;
 line-height:34px;
 margin-bottom:30px;
}

body.homePage section#hero p, body.landingPage section#hero p
{
 font-weight:700;
 font-size:18px;
}

body.homePage section#hero p span, body.landingPage section#hero p span
{
 display:block;
 vertical-align:top;
 padding-top:5px;
 font-weight:400;
}

body.homePage section#hero img.trustpilotLogo, body.landingPage section#hero img.trustpilotLogo
{
 height:24px;
 width:98px;
 display:block;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:10px;
}

body.homePage section#hero img.trustpilotStar, body.landingPage section#hero img.trustpilotStar
{
 width:20px;
 height:auto;
 margin-right:1px;
 margin-left:1px;
}

body.homePage section#homePlans, body.landingPage section#homePlans
{
 clear:both;
 padding-top:100px;
}

body.homePage section#homePlans h2, body.landingPage section#homePlans h2
{
 font-size:32px;
 font-weight:700;
 text-align:center;
}

body.homePage section#homePlans .selectPlanTermBox h2, body.landingPage section#homePlans .selectPlanTermBox h2
{
 float:none;
}

body.homePage section#homePlans .homePlansText p, body.landingPage section#homePlans .homePlansText p
{
 text-align:center;
 padding-top:20px;
}

body.homePage section#homePlans .homePlansText, body.landingPage section#homePlans .homePlansText
{
 margin-left:auto;
 margin-right:auto;
 font-family:'Inter', sans-serif;
 font-size:14px;
}

body.homePage section#homePlans .homePlansText a, body.landingPage section#homePlans .homePlansText a
{
 color:#000;
 font-weight:bold;
}

body.homePage section#homePlans .homePlansText img, body.landingPage section#homePlans .homePlansText img
{
 width:100px;
 height:100px;
 margin-left:auto;
 margin-right:auto;
 display:block;
}

body.homePage section#homeBlogs, body.landingPage section#homeBlogs
{
 padding-top:100px;
}

body.homePage section#homeBlogs #homeBlogsText h3, body.landingPage section#homeBlogs #homeBlogsText h3
{
 font-size:24px;
 font-weight:700;
 margin-bottom:20px;
 text-align:center;
}

body.homePage section#homeBlogs #homeBlogsPosts, body.landingPage section#homeBlogs #homeBlogsPosts
{
 width:100%;
 overflow:hidden;
 position:relative;
 height:auto;
}

body.homePage section#homeBlogs #homeBlogsPosts #blogSummaryEntryWrapper2, body.homePage section#homeBlogs #homeBlogsPosts #blogSummaryEntryWrapper3, body.homePage section#homeBlogs #homeBlogsPosts #blogSummaryEntryWrapper4, body.homePage section#homeBlogs #homeBlogsPosts #blogSummaryEntryWrapper5, body.homePage section#homeBlogs #homeBlogsPosts #blogSummaryEntryWrapper6, body.homePage section#homeBlogs #homeBlogsPosts #blogSummaryEntryWrapper7, body.homePage section#homeBlogs #homeBlogsPosts #blogSummaryEntryWrapper8, body.homePage section#homeBlogs #homeBlogsPosts #blogSummaryEntryWrapper9, body.homePage section#homeBlogs #homeBlogsPosts #blogSummaryEntryWrapper10, body.landingPage section#homeBlogs #homeBlogsPosts #blogSummaryEntryWrapper2, body.landingPage section#homeBlogs #homeBlogsPosts #blogSummaryEntryWrapper3, body.landingPage section#homeBlogs #homeBlogsPosts #blogSummaryEntryWrapper4, body.landingPage section#homeBlogs #homeBlogsPosts #blogSummaryEntryWrapper5, body.landingPage section#homeBlogs #homeBlogsPosts #blogSummaryEntryWrapper6, body.landingPage section#homeBlogs #homeBlogsPosts #blogSummaryEntryWrapper7, body.landingPage section#homeBlogs #homeBlogsPosts #blogSummaryEntryWrapper8, body.landingPage section#homeBlogs #homeBlogsPosts #blogSummaryEntryWrapper9, body.landingPage section#homeBlogs #homeBlogsPosts #blogSummaryEntryWrapper10
{
 display:none;
}

body.homePage section#homeBlogs #homeBlogsPosts .blogSummaryEntry p.readMore, body.landingPage section#homeBlogs #homeBlogsPosts .blogSummaryEntry p.readMore
{
 height:auto;
 font-size:16px;
}

body.homePage section#homeQuestions, body.landingPage section#homeQuestions, body.pricingPage section#homeQuestions
{
 margin-top:50px;
 background:#F9F9F9;
 padding-top:50px;
 padding-bottom:50px;
}

body.homePage section#homeQuestions #homeQuestionsImage, body.landingPage section#homeQuestions #homeQuestionsImage, body.pricingPage section#homeQuestions #homeQuestionsImage
{
 width:150px;
 height:auto;
 margin-left:auto;
 margin-right:auto;
}

body.homePage section#homeQuestions #homeQuestionsImage img, body.landingPage section#homeQuestions #homeQuestionsImage img, body.pricingPage section#homeQuestions #homeQuestionsImage img
{
 width:100%;
 height:auto;
}

body.homePage section#homeQuestions #homeQuestionsText h3, body.landingPage section#homeQuestions #homeQuestionsText h3, body.pricingPage section#homeQuestions #homeQuestionsText h3
{
 font-size:20px;
 font-weight:700;
}

body.homePage section#homeQuestions #homeQuestionsText .home_faq, body.landingPage section#homeQuestions #homeQuestionsText .home_faq, body.pricingPage section#homeQuestions #homeQuestionsText .home_faq
{
 background:#fff;
 padding:20px;
 border-radius:6px;
 margin-top:20px;
 box-shadow:0px 0px 10px #ccc;
 cursor:pointer;
}

body.homePage section#homeQuestions #homeQuestionsText .home_faq .home_faq_q, body.landingPage section#homeQuestions #homeQuestionsText .home_faq .home_faq_q, body.pricingPage section#homeQuestions #homeQuestionsText .home_faq .home_faq_q
{
 font-family:'Inter', sans-serif;
 font-size:15px;
 font-weight:bold;
}

body.homePage section#homeQuestions #homeQuestionsText .home_faq .home_faq_a, body.landingPage section#homeQuestions #homeQuestionsText .home_faq .home_faq_a, body.pricingPage section#homeQuestions #homeQuestionsText .home_faq .home_faq_a
{
 margin-top:10px;
 color:#8E9495;
}

body.homePage section#homeQuestions #homeQuestionsText .home_faq .home_faq_a p, body.landingPage section#homeQuestions #homeQuestionsText .home_faq .home_faq_a p, body.pricingPage section#homeQuestions #homeQuestionsText .home_faq .home_faq_a p
{
 font-size:15px;
 line-height:24px;
 margin-top:0;
 margin-top:20px;
}

body.homePage section#homeQuestions #homeQuestionsText p, body.landingPage section#homeQuestions #homeQuestionsText p, body.pricingPage section#homeQuestions #homeQuestionsText p 
{
 margin-top:20px;
 font-size:13px;
}

body.homePage section#homeQuestions #homeQuestionsText p a, body.landingPage section#homeQuestions #homeQuestionsText p a, body.pricingPage section#homeQuestions #homeQuestionsText p a
{
 color:#8E9495;
}

body.homePage section#hero form fieldset legend, body.landingPage section#hero form fieldset legend
{
 display:none;
}

body.homePage section#hero form fieldset input.regNumber, body.landingPage section#hero form fieldset input.regNumber
{
 background:#fff;
 border:none;
 border-radius:5px;
 font-size:20px;
 font-family:'UKNumberPlate', serif;
 box-sizing:border-box;
 height:40px;
 text-align:center;
 text-transform:uppercase;
 margin-right:10px;
 padding-bottom:2px;
 margin-bottom:10px;
 width:100%;
}

body.homePage section#hero form fieldset button.buyButton, body.landingPage section#hero form fieldset button.buyButton, body.landingPage section#hero form fieldset button.valueButton
{
 background:#1C1821;
 border:solid 2px #1C1821;
 border-radius:5px;
 font-size:16px;
 padding-left:15px;
 padding-right:15px;
 font-family:'Cabin', sans-serif;
 font-weight:700;
 box-sizing:border-box;
 height:40px;
 text-align:center;
 color:#fff;
 cursor:pointer;
 margin-bottom:5px;
 width:100%;
 text-align:left;
}

body.landingPage section#hero form fieldset button.valueButton
{
 width:100%;
}

body.homePage section#hero form fieldset button.buyButton span, body.landingPage section#hero form fieldset button.buyButton span, body.landingPage section#hero form fieldset button.valueButton span
{
 float:right;
 margin-top:-1px;
}

body.homePage section#hero form fieldset button.sellButton, body.landingPage section#hero form fieldset button.sellButton
{
 background:#FEE04E;
 border:solid 2px #1C1821;
 border-radius:5px;
 font-size:16px;
 padding-left:15px;
 padding-right:15px;
 font-family:'Cabin', sans-serif;
 font-weight:700;
 box-sizing:border-box;
 height:40px;
 text-align:center;
 margin-right:10px;
 color:#1C1821;
 cursor:pointer;
 margin-bottom:30px;
 width:100%;
 text-align:left;
 margin-top:5px;
}

body.homePage section#hero form fieldset button.sellButton span, body.landingPage section#hero form fieldset button.sellButton span
{
 float:right;
 margin-top:-1px;
}

body.homePage section#homePlates
{
 clear:both;
 padding-top:100px;
}

body.homePage section#homePlates h3
{
 font-size:20px;
 font-weight:700;
 text-align:center;
 margin-bottom:30px;
 float:left;
 margin-top:10px;
}

body.homePage section#homePlates #homePlatesArrows, body.homePage section#homeBlogs #homeBlogsArrows, body.landingPage section#homeBlogs #homeBlogsArrows
{
 display:block;
 margin-left:auto;
 margin-right:auto;
 width:120px;
}

body.homePage section#homeBlogs #homeBlogsArrows, body.landingPage section#homeBlogs #homeBlogsArrows
{
 display:none;
}

body.homePage section#homePlates #homePlatesArrows #homePlatesArrowsLeft, body.homePage section#homeBlogs #homeBlogsArrows #homeBlogsArrowsLeft, body.landingPage section#homeBlogs #homeBlogsArrows #homeBlogsArrowsLeft, body.platePage main #arrowLeftCar, #relatedBlogsPrev, #reviewBack
{
 height:48px;
 width:48px;
 background:url('/uploads/images/icons/arrow-unselected-left.svg') no-repeat top left;
 cursor:pointer;
 float:left;
}

#reviewBack, #reviewForward
{
 margin-top:50px;
}

#relatedBlogsPrev
{
 position:absolute;
 top:15px;
 left:10px
}

body.platePage main #arrowLeftCar
{
 position:absolute;
 top:80px;
 left:0;
}

body.homePage section#homePlates #homePlatesArrows #homePlatesArrowsLeft:hover, body.homePage section#homeBlogs #homeBlogsArrows #homeBlogsArrowsLeft:hover, body.landingPage section#homeBlogs #homeBlogsArrows #homeBlogsArrowsLeft:hover, body.platePage main #arrowLeftCar:hover, #relatedBlogsPrev:hover, #reviewBack:hover
{
 background:url('/uploads/images/icons/arrow-selected-left.svg') no-repeat top left;
}

body.homePage section#homePlates #homePlatesArrows #homePlatesArrowsRight, body.homePage section#homeBlogs #homeBlogsArrows #homeBlogsArrowsRight, body.landingPage section#homeBlogs #homeBlogsArrows #homeBlogsArrowsRight, body.platePage main #arrowRightCar, #relatedBlogsNext, #reviewForward
{
 height:48px;
 width:48px;
 background:url('/uploads/images/icons/arrow-unselected-right.svg') no-repeat top left;
 cursor:pointer;
 float:right;
}

#relatedBlogsNext
{
 position:absolute;
 top:15px;
 right:10px;
}

body.platePage main #arrowRightCar
{
 position:absolute;
 top:80px;
 right:0;
}

body.homePage section#homePlates #homePlatesArrows #homePlatesArrowsRight:hover, body.homePage section#homeBlogs #homeBlogsArrows #homeBlogsArrowsRight:hover, body.landingPage section#homeBlogs #homeBlogsArrows #homeBlogsArrowsRight:hover, body.platePage main #arrowRightCar:hover, #relatedBlogsNext:hover, #reviewForward:hover
{
 background:url('/uploads/images/icons/arrow-selected-right.svg') no-repeat top left;
}

body.homePage section#homePlates #homePlatesWrapper
{
 width:100%;
 height:275px;
 overflow:hidden;
 padding-top:12px;
 padding-left:2px;
 padding-right:2px;
 position:relative;
}

body.homePage section#homePlates .homePlateEntriesContainer
{
 position:absolute;
 top:12px;
 right:100%;
 width:calc(100% - 4px);
}

body.homePage section#homePlates #homePlateEntriesContainer1
{
 left:2px;
}

body.homePage section#homePlates #homePlateEntriesContainer2, body.homePage section#homePlates #homePlateEntriesContainer3, body.homePage section#homePlates #homePlateEntriesContainer4
{
 right:calc((100% + 2px) * -1);
}

body.homePage section#homeBuySell
{
 margin-top:30px;
}

body.homePage .toggleSell, body.platePage #enquiryFormLogin
{
 display:none;
}

body.homePage section#homeBuySell h3, body.landingPage section#homeBuySell h3
{
 font-weight:700;
 font-size:24px;
 margin-bottom:15px;
 float:left;
 margin-top:5px;
}

body.homePage section#homeBuySell a.homeBuySellCta, body.landingPage section#homeBuySell a.homeBuySellCta
{
 float:right;
 background:#1C1821;
 padding:10px 10px;
 border-radius:5px;
 color:#fff;
 font-size:16px;
 text-decoration:none;
 font-weight:700;
}

body.homePage section#homeBuySell a.homeBuySellCta span
{
 float:right;
 margin-left:20px;
 font-size:14px;
}

body.homePage section#homeBuySell #homeBuySellToggles
{
 margin-top:20px;
}

body.homePage section#homeBuySell #homeBuySellToggles ul li
{
 float:left;
}

body.homePage section#homeBuySell #homeBuySellToggles ul li a
{
 display:block;
 font-weight:700;
 padding:10px 20px;
 color:#000;
 text-decoration:none;
 background: #ddd;
 border-top-right-radius: 10px;
 border-top-left-radius: 10px;
}

body.homePage section#homeBuySell #homeBuySellToggles ul li a span
{
 float:right;
 margin-left:20px;
 font-size:14px;
}

body.homePage section#homeBuySell #homeBuySellToggles ul li a.selected
{
 background:#F9F9F9;
}

body.homePage section#homeBuySell .homeBuySellContent
{
 background:#F9F9F9;
 border-top-right-radius: 10px;
 border-bottom-right-radius: 10px;
 border-bottom-left-radius: 10px;
}

body.landingPage section#homeBuySell .homeBuySellContent
{
 background:#fff;
 border-bottom-left-radius:10px;
 border-bottom-right-radius:10px;
 z-index:2;
 position:relative;
}

body.homePage section#homeBuySell .homeBuySellContent .homeBuySellContentEntry, body.landingPage section#homeBuySell .homeBuySellContent .homeBuySellContentEntry
{
 width:100%;
 box-sizing:border-box;
 float:left;
 text-align:center;
 margin-top:10px;
 margin-bottom:10px;
}

body.homePage section#homeBuySell .homeBuySellContent .homeBuySellContentEntry img, body.landingPage section#homeBuySell .homeBuySellContent .homeBuySellContentEntry img
{
 height:150px;
 width:auto;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:25px;
}

body.homePage section#homeBuySell .homeBuySellContent .homeBuySellContentEntry h4, body.landingPage section#homeBuySell .homeBuySellContent .homeBuySellContentEntry h4
{
 font-size:18px;
 font-weight:700;
 margin-bottom:25px;
}

body.homePage section#homeBuySell .homeBuySellContent .homeBuySellContentEntry p, body.landingPage section#homeBuySell .homeBuySellContent .homeBuySellContentEntry p
{
 font-size:15px;
 font-weight:400;
 line-height:22px;
 font-family:'Inter', sans-serif;
}

body.homePage section#homeBuySell2
{
 margin-top:30px;
}

body.landingPage section#homeBuySell2
{
 margin-top:80px;
 margin-bottom:80px;
}

body.homePage section#homeBuySell2 .homeBuySell2Entry, body.landingPage section#homeBuySell2 .homeBuySell2Entry
{
 width:100%;
}

body.homePage section#homeBuySell2 .homeBuySell2Entry:nth-child(1), body.landingPage section#homeBuySell2 .homeBuySell2Entry:nth-child(1)
{
 float:left;
}

body.homePage section#homeBuySell2 .homeBuySell2Entry:nth-child(2), body.landingPage section#homeBuySell2 .homeBuySell2Entry:nth-child(2)
{
 float:left;
}

body.homePage section#homeBuySell2 .homeBuySell2Entry:nth-child(3), body.landingPage section#homeBuySell2 .homeBuySell2Entry:nth-child(3)
{
 float:right;
}

body.homePage section#homeBuySell2 .homeBuySell2Entry h4, body.landingPage section#homeBuySell2 .homeBuySell2Entry h4
{
 font-weight:600;
 font-size:18px;
}

body.homePage section#homeBuySell2 .homeBuySell2Entry h4 img, body.landingPage section#homeBuySell2 .homeBuySell2Entry h4 img
{
 height:18px;
 width:18px;
 float:left;
 margin-right:10px;
 margin-bottom:10px;
}

body.homePage section#homeBuySell2 .homeBuySell2Entry p, body.landingPage section#homeBuySell2 .homeBuySell2Entry p
{
 font-family:'Inter', sans-serif;
 font-size:14px;
 line-height:18px;
 clear:both;
 margin-bottom:30px;
}

body.homePage section#homeTrustpilot, body.landingPage section#homeTrustpilot, body.pricingPage section#homeTrustpilot
{
 clear:both;
 margin-top:100px;
}

body.homePage section#homeTrustpilot a, body.landingPage section#homeTrustpilot a, body.pricingPage section#homeTrustpilot a
{
 color:#000;
 text-decoration:none;
}

body.homePage section#homeTrustpilot h3, body.landingPage section#homeTrustpilot h3, body.pricingPage section#homeTrustpilot h3
{
 font-size:30px;
 font-weight:700;
 margin-bottom:20px;
}

body.homePage section#homeTrustpilot h3 img, body.landingPage section#homeTrustpilot h3 img, body.pricingPage section#homeTrustpilot h3 img
{
 width:160px;
 height:auto;
 vertical-align:bottom;
 border:0;
}

body.homePage section#homeTrustpilot #homeTrustpilotReviews, body.pricingPage section#homeTrustpilot #homeTrustpilotReviews
{
 background:#1C1821;
}


#homeTrustpilotReviewsContainer, body.payPage #homeTrustpilotReviewsContainer, body.pricingPage #homeTrustpilotReviewsContainer
{
 width: 100%;
 position: relative;
 overflow: hidden;
 left: 0px;
 height: 325px;
}


body.landingPage .window, body.payPage .window
{
 background:#fff !important;
}

body.homePage section#homeTrustpilot #homeTrustpilotReviews #homeTrustpilotReviewsWhite, body.landingPage section#homeTrustpilot #homeTrustpilotReviews #homeTrustpilotReviewsWhite, body.payPage section#homeTrustpilot #homeTrustpilotReviews #homeTrustpilotReviewsWhite, body.landingPage section#homeTrustpilot #homeTrustpilotReviews #homeTrustpilotReviewsWhite, body.pricingPage section#homeTrustpilot #homeTrustpilotReviews #homeTrustpilotReviewsWhite
{
 background:#fff;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:200px;
}

body.homePage section#homeTrustpilot #homeTrustpilotReviews .homeTrustpilotReviewsEntry .homeTrustpilotReviewsStars, body.landingPage section#homeTrustpilot #homeTrustpilotReviews .homeTrustpilotReviewsEntry .homeTrustpilotReviewsStars, body.payPage #homeTrustpilotReviews .homeTrustpilotReviewsEntry .homeTrustpilotReviewsStars, body.pricingPage #homeTrustpilotReviews .homeTrustpilotReviewsEntry .homeTrustpilotReviewsStars
{
 width:80px;
 margin-left:auto;
 margin-right:auto;
}

body.payPage #homeTrustpilotReviews
{
 height:400px;
}

body.homePage section#homeTrustpilot #homeTrustpilotReviews .homeTrustpilotReviewsEntry .homeTrustpilotReviewsStars img, body.landingPage section#homeTrustpilot #homeTrustpilotReviews .homeTrustpilotReviewsEntry .homeTrustpilotReviewsStars img, body.payPage #homeTrustpilotReviews .homeTrustpilotReviewsEntry .homeTrustpilotReviewsStars img, body.pricingPage #homeTrustpilotReviews .homeTrustpilotReviewsEntry .homeTrustpilotReviewsStars img
{
 margin:1px;
 width:14px;
 height:14px;
}

body.homePage section#homeTrustpilot #homeTrustpilotReviews .homeTrustpilotReviewsEntry h4, body.landingPage section#homeTrustpilot #homeTrustpilotReviews .homeTrustpilotReviewsEntry h4, body.payPage section#homeTrustpilot #homeTrustpilotReviews .homeTrustpilotReviewsEntry h4, body.payPage #homeTrustpilotReviews .homeTrustpilotReviewsEntry h4, body.pricingPage #homeTrustpilotReviews .homeTrustpilotReviewsEntry h4
{
 font-weight:600;
 color:#1C1821;
 font-size:24px;
 margin-top:10px;
 text-align:center;
}

body.homePage section#homeTrustpilot #homeTrustpilotReviews .homeTrustpilotReviewsEntry p.homeTrustpilotReviewsAuthor, body.landingPage section#homeTrustpilot #homeTrustpilotReviews .homeTrustpilotReviewsEntry p.homeTrustpilotReviewsAuthor, body.payPage #homeTrustpilotReviews .homeTrustpilotReviewsEntry p.homeTrustpilotReviewsAuthor, body.pricingPage #homeTrustpilotReviews .homeTrustpilotReviewsEntry p.homeTrustpilotReviewsAuthor
{
 font-weight:bold;
 text-align:center;
}

body.homePage section#homeTrustpilot #homeTrustpilotReviews .homeTrustpilotReviewsEntry p, body.landingPage section#homeTrustpilot #homeTrustpilotReviews .homeTrustpilotReviewsEntry p, body.payPage #homeTrustpilotReviews .homeTrustpilotReviewsEntry p, body.pricingPage #homeTrustpilotReviews .homeTrustpilotReviewsEntry p
{
font-size: 15px;
line-height: 20px;
margin-top: 10px;
margin-bottom: 0;
font-family: 'Inter', sans-serif;
text-align: center;
}

body.homePage section#homeCompanies, body.landingPage section#homeCompanies, body.pricingPage section#homeCompanies
{
 clear:both;
 background:#222;
 padding:20px;
 padding-top:36px;
}

body.landingPage section#homeCompanies
{
 padding-top:136px;
 top:-80px;
 position:relative;
 z-index:1;
}

body.homePage section#homeCompanies h3, body.landingPage section#homeCompanies h3, body.pricingPage section#homeCompanies h3
{
 color:#fff;
 font-weight:700;
 font-size:26px;
 margin-bottom:30px;
}

body.homePage section#homeCompanies img.trustedLogo, body.landingPage section#homeCompanies img.trustedLogo, body.pricingPage section#homeCompanies img.trustedLogo
{
 vertical-align:middle;
 width:100px;
 height:auto;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:20px;
 display:block;
}

body.homePage main
{
 background:#222;
 color:#fff;
 padding-top:100px;
}

body.homePage main .content
{
 background:url('/uploads/images/illustrations/backofcar.png') no-repeat center bottom 30px;
 min-height:300px;
 padding-bottom:300px;
 background-size:70%;
}

body.homePage main #aboutText
{
 margin-bottom:20px;
}

body.homePage main #aboutText h2
{
 text-align:left;
 font-size:32px;
 font-weight:700;
 line-height:40px;
 margin-bottom:15px;
}

body.homePage main #aboutText p
{
 font-size:18px;
 line-height:24px;
}

body.homePage main #aboutText a
{
 display:block;
 border:solid 2px #fff;
 color:#fff;
 padding:10px;
 font-weight:500;
 font-size:18px;
 margin-top:20px;
 border-radius:5px;
 text-decoration:none;
}

body.homePage main #aboutText a span
{
 float:right;
 font-size:16px;
}

body.homePage #diagonalSeparatorContainer
{
 background:#0f0f10;
}

body.homePage #homeStats
{
 background:#0F0F10;
 color:#fff;
}

body.homePage #homeStats .homeStatsEntry
{
 padding:20px;
 text-align:center;
}

body.homePage #homeStats .homeStatsEntry:nth-child(5)
{
 clear:both;
}

body.homePage #homeStats .homeStatsEntry h3
{
 font-weight:700;
 font-size:30px;
 margin-bottom:5px;
}

body.homePage #homeStats .homeStatsEntry p
{
 color:#8E9495;
 text-transform:uppercase;
}

body.homePage #homeHeroQuote, body.landingPage #homeHeroQuote, body.pricingPage #homeHeroQuote
{
 clear:both;
 position:relative;
}

body.landingPage #homeHeroQuote
{
 top:-80px;
 margin-bottom: -80px;
}

body.homePage #homeHeroQuote #homeHeroQuoteBackground, body.landingPage #homeHeroQuote #homeHeroQuoteBackground, body.pricingPage #homeHeroQuote #homeHeroQuoteBackground
{
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100px;
 background:#0F0F10;
 z-index:-1;
}

body.landingPage #homeHeroQuote #homeHeroQuoteBackground, body.pricingPage #homeHeroQuote #homeHeroQuoteBackground
{
 background:#222;
}

body.homePage #homeHeroQuote #homeHeroQuoteImage, body.landingPage #homeHeroQuote #homeHeroQuoteImage, body.pricingPage #homeHeroQuote #homeHeroQuoteImage
{
 text-align:center;
 margin-bottom:40px;
}

body.homePage #homeHeroQuote #homeHeroQuoteImage img, body.landingPage #homeHeroQuote #homeHeroQuoteImage img, body.pricingPage #homeHeroQuote #homeHeroQuoteImage img
{
 border-radius:50%;
 width:200px;
 height:200px;
 margin-left:auto;
 margin-right:auto;
}

body.homePage #homeHeroQuote h3, body.landingPage #homeHeroQuote h3, body.pricingPage #homeHeroQuote h3
{
 font-weight:500;
 font-size:24px;
 line-height:30px;
 text-align:center;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:20px;
}

body.homePage #homeHeroQuote p, body.landingPage #homeHeroQuote p, body.pricingPage #homeHeroQuote p
{
 color:#1C1821;
 text-align:center;
 font-size:14px;
 line-height:24px;
 font-family:'Inter', sans-serif;
}

body.homePage #homeHeroQuote p span, body.landingPage #homeHeroQuote p span, body.pricingPage #homeHeroQuote p span
{
 color:#8E9495;
}

body.genericPage header
{
 margin-bottom:50px;
}

body.genericPage h1, body.searchPage h1, body.platePage h1, body.payPage h1
{
 font-size:40px;
 font-weight:700;
 margin-bottom:20px;
 text-align:left;
}

h1.middle
{
 text-align:center !important;
}

h1 span.backButton
{
 float:right;
 margin-top:10px;
 margin-right: 5px;
}

h1 span.backButton a
{
 display:block;
 border: 2px solid black;
 border-radius:5px;
 color:#000;
 padding:10px;
 text-decoration:none;
 font-size:13px;
 font-weight:normal;
}

h1 span.searchSave
{
 margin-top:10px;
 margin-bottom:10px;
 display:block;
}

h1 span.searchSave a
{
 border:solid 2px #000;
 border-radius:10px;
 padding:12px;
 font-size:14px;
 text-decoration:none;
 padding-left:40px;
 margin-left:5px;
}

h1 span.searchSave a.saveNotify
{
 background:#fff url('/uploads/images/icons/notification.png') no-repeat 5px 9px;
}

h1 span.searchSave a.saveNotify.saved
{
 background:#00BC80 url('/uploads/images/icons/notification.png') no-repeat 5px 9px;
 color:#fff;
}

h1 span.searchSave a.saveSearch
{
 background:#fff url('/uploads/images/icons/save-search.png') no-repeat 5px 9px;
}

h1 span.searchSave a.saveSearch.saved
{
 background:#00BC80  url('/uploads/images/icons/save-search.png') no-repeat 5px 9px;
 color:#fff;
}

h1 em.lastSeenText
{
 display:inline-block;
 font-size:15px;
 font-weight:normal;
 margin-bottom:10px;
 color:#A9A9A9;
 padding:5px;
}

body.platePage h1
{
 margin-top:50px;
}

body.searchPage h1
{
 margin-top:50px;
 margin-bottom:50px;
}

body form label
{
 display:block;
}

body form label span
{
 font-family:'Inter', sans-serif;
 font-size:14px;
 margin-bottom:4px;
 display:block;
 padding-top:10px;
 font-weight:bold;
}

body form label input, body form label select, body form label textarea
{
 display:block;
 width:100%;
 height:36px;
 box-sizing:border-box;
 font-family:'Inter', sans-serif;
 font-size:16px;
 border:0;
 border:solid 1px #CED0D1;
 border-radius:5px;
 margin-bottom:5px;
}

select#carImage
{
 display:none;
}

body form label textarea
{
 height:100px;
 resize:none;
}

body form label input.prePopulated, body form label textarea.prePopulated, body form button.prePopulated
{
 background:#ddd;
 cursor:not-allowed;
}

body form button.prePopulated
{
 color:#aaa;
}

body form label input.error, body form label select.error, body form label textarea.error
{
 border:solid 1px #f00;
}

body form label span.currencySymbol
{
 position:relative;
 padding-top:0;
 padding-bottom:8px;
}

body form label span.currencySymbol em
{
 position:absolute;
 z-index:9;
 top:9px;
 left:10px;
 font-weight:normal;
 font-size:16px;
}

body form label span.currencySymbol input
{
 padding-left:22px;
}

body form label.error input, body form label.error select
{
 border:solid 1px #f00;
}

body form label.error span.errorMessage
{
 color:#f00;
 font-size:13px;
 font-weight:normal;
}

body form label.checkbox input
{
 margin:0;
 padding:0;
 width:16px;
 height:16px;
 float:left;
 margin-right:10px;
}

body form label.checkbox span
{
 padding:0;
 margin:0;
 margin-bottom:10px;
 padding-top:1px;
}

#advertFormCar
{
 position: relative;
 width: 100%;
 max-width: 600px;
 margin: 0 auto 20px auto;
}

#sellFormCar #carImagePrev, #editFormCar #carImagePrev, .carImagePrev
{
 width:48px;
 height:48px;
 cursor:pointer;
 background:url('/uploads/images/icons/arrow-unselected-left.svg') no-repeat top left;
 position:absolute;
 top:130px;
 left:250px;
}

.csvUploadSellForm #sellFormCar #carImagePrev, .carImagePrev
{
 width:48px;
 height:48px;
 cursor:pointer;
 background:url('/uploads/images/icons/arrow-unselected-left.svg') no-repeat top left;
 position:absolute;
 top:130px;
 left:0px;
}

#editFormCar #carImagePrev
{
 left:100px;
}

#sellFormCar #carImagePrev:hover, #editFormCar #carImagePrev:hover, .carImagePrev:hover
{
 background:url('/uploads/images/icons/arrow-selected-left.svg') no-repeat top left;
}

#sellFormCar #carImageNext, #editFormCar #carImageNext
{
 width:48px;
 height:48px;
 cursor:pointer;
 background:url('/uploads/images/icons/arrow-unselected-right.svg') no-repeat top left;
 position:absolute;
 top:130px;
 right:250px;
}

.csvUploadSellForm #sellFormCar #carImageNext, .carImageNext
{
 width:48px;
 height:48px;
 cursor:pointer;
 background:url('/uploads/images/icons/arrow-unselected-right.svg') no-repeat top left;
 position:absolute;
 top:130px;
 right:0px;
}

#editFormCar #carImageNext
{
 right:100px;
}

#sellFormCar #carImageNext:hover, #editFormCar #carImageNext:hover, .carImageNext:hover
{
 background:url('/uploads/images/icons/arrow-selected-right.svg') no-repeat top left;
}



#advertFormCar #advertFormCarReg
{
 position: absolute;
 left: 38%;
 top: 51%;
 width: 26%;
 height: 9%;
 background: #fff;
 color: #000;
 border: solid 2px #000;
 border-radius: 4px;
 font-family: 'UKNumberPlate', serif;
 font-size: clamp(11px, 3.6vw, 22px);
 line-height: 1;
 display: flex;
 align-items: center;
 justify-content: center;
 letter-spacing: 0.05em;
 text-align: center;
 text-transform: uppercase;
 z-index: 10;
 box-sizing: border-box;
 margin: 0;
 padding: 0;
}

/* Sell/edit form - car silhouette display */
#sellFormCar, #editFormCar
{
 position: relative;
 width: 100%;
 max-width: 600px;
 margin: 0 auto -50px auto;
}

#sellFormCar #sellFormCarSilhouette, #editFormCar #sellFormCarSilhouette
{
 position: relative;
 width: 100%;
 display: block;
}

#sellFormCar img#sellFormCarImage, #editFormCar img#sellFormCarImage, .sellFormCarImage
{
 display: block;
 width: 100%;
 height: auto;
 max-width: 100%;
 border-radius: 6px;
}

#sellFormCar #sellFormCarReg, #editFormCar #sellFormCarReg, #sellFormCar .sellFormCarRegPreview
{
 position: absolute;
 left: 38%;
 top: 51%;
 width: 24%;
 height: 8%;
 background: #fff;
 color: #000;
 border: solid 2px #000;
 border-radius: 4px;
 font-family: 'UKNumberPlate', serif;
 font-size: clamp(11px, 3.6vw, 22px);
 line-height: 1;
 display: flex;
 align-items: center;
 justify-content: center;
 letter-spacing: 0.05em;
 text-align: center;
 text-transform: uppercase;
 z-index: 10;
 box-sizing: border-box;
 margin: 0;
 padding: 0;
}

#sellFormCar #sellFormGreyTop, #editFormCar #sellFormGreyTop
{
 display: none;
}


#advertFormCarSilhouette
{
 position: relative;
 width: 100%;
 display: block;
}

img.silhouetteImage
{
 display: block;
 width: 100%;
 height: auto;
 max-width: 100%;
 border-radius: 6px;
}

#advertFormCar img.sellerUploaded
{
display: block;
width: auto;
max-width: 600px;
height: auto;
max-height: 350px;
margin: 0 auto 20px auto;
border-radius: 6px;
}

#valueFormTop
{
 width:100%;
 background:#eee;
 border-top-left-radius:20px;
 border-top-right-radius:20px;
 height:50px;
}

#sellFormWrapper
{
 background:#eee;
 border-radius:20px;
 margin-bottom:20px;
}

#sellFormWrapper #sellFormQuestions
{
 padding:25px;
}

#sellFormWrapper #sellFormQuestions .formLabelWrapper, .formLabelWrapper
{
 margin-bottom:30px;
 font-family:'Inter', sans-serif;
 font-size:13px;
}

#sellFormWrapper #sellFormQuestions #sellPlateAccountFormLogin .formLabelWrapper, #sellFormWrapper #sellFormQuestions #sellPlateAccountFormRegister .formLabelWrapper, .formLabelWrapper
{
 margin-bottom:10px;
}

#sellFormWrapper #sellFormQuestions .formLabelWrapper strong, .formLabelWrapper strong
{
 font-weight:700;
 display:block;
 margin-bottom:5px;
}

#sellFormWrapper #sellFormQuestions .formLabelWrapper .formLabel, .formLabelWrapper .formLabel, table.csvUploadMini td .formLabel
{
 padding:0;
 background:#fff;
 border-radius:10px;
 border:solid 1px #ddd;
 padding:5px;
}

#sellFormWrapper #sellFormQuestions .formLabelWrapper.formLabelError .formLabel, #sellFormWrapper #sellFormQuestions .formLabelWrapper .formLabel.formLabelError
{
 border:solid 1px #f00;
}

#sellFormWrapper #sellFormQuestions .formLabelError strong
{
 color:#f00;
}

#sellFormWrapper #sellFormQuestions .formLabelWrapper .formLabel input, #sellFormWrapper #sellFormQuestions .formLabelWrapper .formLabel textarea, .formLabelWrapper .formLabel input, #sellFormWrapper #sellFormQuestions .formLabelWrapper .formLabel select, table.csvUploadMini td .formLabel input
{
 width:100%;
 padding:10px;
 box-sizing:border-box;
 height:30px;
 border:none;
 font-family:'Inter', sans-serif;
 font-size:16px;
}

#sellFormWrapper #sellFormQuestions .formLabelWrapper .formLabel textarea
{
 resize:none;
 height:100px;
}

#sellFormWrapper #sellFormQuestions .formLabelWrapper.formLabelWrapperRegistration .formLabel
{
 background:none;
 padding:0;
 border-radius:0;
 border:none;
}

#sellFormWrapper #sellFormQuestions .formLabelWrapper.formLabelWrapperRegistration .formLabel input
{
 background:#FEE04E;
 font-family:'UKNumberPlate', serif;
 font-size:40px;
 text-align:center;
 border:solid 2px #000;
 padding:10px;
 border-radius:10px;
 text-transform:uppercase;
 width:100%;
 box-sizing:border-box;
 height:auto;
}

#sellFormWrapper #sellFormQuestions .formLabelWrapper .formLabel span.currencySymbol, .formLabelWrapper .formLabel span.currencySymbol, table.csvUploadMini td .formLabel span.currencySymbol
{
 width:20px;
 float:left;
 text-align:center;
 padding-top:9px;
 font-size:14px;
 font-family:'Inter', sans-serif;
}

#sellFormWrapper #sellFormQuestions .formLabelWrapper .formLabel input.sellFormCostInput, .formLabelWrapper .formLabel input.soldFormCostInput, table.csvUploadMini td .formLabel input.sellFormCostInput
{
 width:calc(100% - 95px);
 float:left;
}

.formLabelWrapper .formLabel input.soldFormCostInput
{
 width:calc(100% - 140px);
}

#sellFormWrapper #sellFormQuestions .formLabelWrapper .formLabel span.sellFormCostVAT, .formLabelWrapper .formLabel span.soldFormRatherNot, table.csvUploadMini td .formLabel span.sellFormCostVAT
{
 width:75px;
 float:right;
 padding-top:3px;
 margin-top:5px;
}

.formLabelWrapper .formLabel span.soldFormRatherNot
{
 width:120px;
}

#sellFormWrapper #sellFormQuestions .formLabelWrapper .formLabel span.sellFormCostVAT, .formLabelWrapper .formLabel span.soldFormRatherNot, table.csvUploadMini td .formLabel span.sellFormCostVAT
{
 position: relative;
}

#sellFormWrapper #sellFormQuestions .formLabelWrapper .formLabel span.sellFormCostVAT label, .formLabelWrapper .formLabel span.soldFormRatherNot label, table.csvUploadMini td .formLabel span.sellFormCostVAT label
{
 background-color: #fff;
 border: 1px solid #ccc;
 border-radius: 50%;
 cursor: pointer;
 height: 16px;
 left: 0;
 position: absolute;
 top: 0;
 width: 16px;
}

#sellFormWrapper #sellFormQuestions .formLabelWrapper .formLabel span.sellFormCostVAT label:after, .formLabelWrapper .formLabel span.soldFormRatherNot label:after, table.csvUploadMini td .formLabel span.sellFormCostVAT label:after
{
 border: 2px solid #fff;
 border-top: none;
 border-right: none;
 content: "";
 height: 4px;
 left: 3px;
 opacity: 0;
 position: absolute;
 top: 4px;
 transform: rotate(-45deg);
 width: 8px;
}

#sellFormWrapper #sellFormQuestions .formLabelWrapper .formLabel span.sellFormCostVAT input[type="checkbox"], .formLabelWrapper .formLabel span.soldFormRatherNot input[type="checkbox"], table.csvUploadMini td .formLabel span.sellFormCostVAT input[type="checkbox"]
{
 visibility: hidden;
 width:auto;
 float:left;
 margin-right:8px;
 height:14px;
}

#sellFormWrapper #sellFormQuestions .formLabelWrapper .formLabel span.sellFormCostVAT input[type="checkbox"]:checked + label, .formLabelWrapper .formLabel span.soldFormRatherNot input[type="checkbox"]:checked + label, table.csvUploadMini td .formLabel span.sellFormCostVAT input[type="checkbox"]:checked + label
{
 background-color: #66bb6a;
 border-color: #66bb6a;
}

#sellFormWrapper #sellFormQuestions .formLabelWrapper .formLabel span.sellFormCostVAT input[type="checkbox"]:checked + label:after, .formLabelWrapper .formLabel span.soldFormRatherNot input[type="checkbox"]:checked + label:after, table.csvUploadMini td .formLabel span.sellFormCostVAT input[type="checkbox"]:checked + label:after
{
 opacity: 1;
}

#sellFormWrapper #sellFormQuestions .formLabelWrapper .formLabel.formLabelPhoto, table.csvUploadMini td .formLabel.formLabelPhoto
{
 padding:15px;
 background:#fff url('/uploads/images/icons/upload.svg') no-repeat top 9px right 9px;
 cursor:pointer;
}

#sellFormPhotoPreview, .sellFormPhotoPreviewSizer
{
 max-width:375px;
 height:auto;
 margin-top:15px;
}

#sellFormPhotoFinalPreview img
{
 width:100%;
 height:auto;
 border:solid 2px #000;
 box-sizing:border-box;
}

#sellFormWrapper #sellFormQuestions input#sellFormPhoto, #sellFormWrapper #sellFormQuestions input.sellFormPhoto
{
 display:none;
}

#sellPlateAccountFormLogin
{
 display:none;
}

#sellPlateAccountFormLogin h3, #sellPlateAccountFormRegister h3
{
 margin-top:20px;
 margin-bottom:20px;
 text-align:center;
 font-weight:700;
 font-family:'Inter', sans-serif;
 font-size:15px;
}

#sellPlateAccountFormLogin p, #sellPlateAccountFormRegister p
{
 text-align:center;
 margin-top:10px;
 margin-bottom:30px;
 font-family:'Inter', sans-serif;
 font-size:13px;
}

#sellPlateAccountFormLogin p a, #sellPlateAccountFormRegister p a
{
 color:#000;
}

hr
{
 border:none;
 border-top:solid 1px #CED0D1;
}

button.sellFormSubmit, button.submit, .submit input
{
 background:#00BC80;
 border:none;
 box-shadow:none;
 width:100%;
 padding:20px;
 box-sizing:border-box;
 font-family:'Cabin', sans-serif;
 font-weight:700;
 color:#fff;
 cursor:pointer;
 border-radius:10px;
 font-size:18px;
 text-align:left;
 margin-bottom:50px;
 -webkit-appearance: none;
 -moz-appearance: none;
}

button.submit
{
 margin-bottom:10px;
}

button.standaloneSubmit
{
 width:300px;
 margin-left:auto;
 margin-right:auto;
 display:block;
}

button.sellFormSubmit span, button.submit span
{
 float:right;
}

ul#selectPlanTerm
{
 margin-top:20px;
}

ul#selectPlanTerm li a
{
 padding:10px 20px;
 float:left;
 color:#000;
 background: #ddd;
 text-decoration:none;
 font-weight:bold;
 border-top-left-radius:10px;
 border-top-right-radius:10px;
}

ul#selectPlanTerm li a span
{
 display:block;
 float:right;
 font-size:14px;
 margin-left:20px;
}

ul#selectPlanTerm li a.selected
{
 background:#F9F9F9;
 color:#1C1821;
}

#selectPlanTermDealer
{
 font-sizetext-align:center;
 width:100%;
 display:block;
 margin: 25px auto;
}

#selectPlanTermIndividual
{
 text-align:center;
 width:100%;
 display:block;
 margin: 25px auto;
}



#selectPlanTermAnnualWrapper, #selectPlanTermMonthlyWrapper
{
 background:#F9F9F9;
 padding:20px;
 border-radius:10px;
}

#selectPlanTermMonthlyWrapper
{
 border-top-left-radius:0px;
}

#selectPlanTermAnnualWrapper
{
 display:none;
}

.selectPlanTermBox
{
 background:#fff;
 box-shadow:0px 0px 4px #6E6E6E;
 border-radius:20px;
 padding:20px 15px;
 margin-top:20px;
 text-align:center;
 position:relative;
 margin-bottom:40px;
}

.selectPlanTermBox .popularPlan
{
 position:absolute;
 top:-18px;
 left:50%;
 width:200px;
 margin-left:-100px;
 padding:10px;
 background:#00BC80;
 color:#fff;
 box-sizing:border-box;
 text-align:center;
 font-size:13px;
 font-weight:bold;
}

.selectPlanTermBox h2, main h2
{
 font-size:24px;
 font-weight:bold;
 margin-bottom:5px;
}

main h2
{
 margin-bottom:24px;
}

.selectPlanTermBox h3
{
 font-size:20px;
 margin-bottom:20px;
}

.selectPlanTermBox p
{
 font-size:16px;
 margin-bottom:20px;
 font-family: 'Inter';
}

.selectPlanTermBox ul
{
 width:240px;
 display:block;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
 margin-bottom:0;
}

.selectPlanTermBox ul li
{
 height:20px;
 margin-bottom:10px;
 display:block;
 padding-top:3px;
 padding-left:25px;
}

.selectPlanTermBox .selectPlanTermIncluded ul li
{
 background:url('/uploads/images/icons/tick-yellow.png') no-repeat 0px 1px;
 font-family:'Inter', sans-serif;
 font-size:15px;
}

.selectPlanTermBox .selectPlanTermExcluded ul li
{
 background:url('/uploads/images/icons/cross-trans.png') no-repeat 0px 1px;
 font-family:'Inter', sans-serif;
 font-size:15px;
 text-decoration: line-through;
}

.selectPlanTermBox .selectPlanTermIncluded ul li a, .selectPlanTermBox .selectPlanTermExcluded ul li a
{
 color:#000;
 text-decoration:none;
 border-bottom:dotted 1px #000;
}

.selectPlanSelectLink a
{
 display:block;
 width:100%;
 margin-left:auto;
 margin-right:auto;
 padding:15px 30px;
 text-align:center;
 color:#fff;
 text-decoration:none;
 background:#00BC80;
 border-radius:10px;
 font-weight:700;
 margin-top:20px;
 box-sizing:border-box;
}

.selectPlanSelectLink a.currentPlan
{
 background:#ddd;
 color:#000;
}

.selectPlanStartLink a
{
 display:block;
 width:300px;
 margin-left:auto;
 margin-right:auto;
 padding:15px 30px;
 text-align:center;
 color:#fff;
 text-decoration:none;
 background:#00BC80;
 border-radius:10px;
 font-weight:700;
 margin-top:20px;
 box-sizing:border-box;
}

.selectPlanStartLinkAccount a
{
 display:block;
 width:260px;
 margin-left:auto;
 margin-right:auto;
 padding:15px 30px;
 text-align:center;
 color:#000;
 text-decoration:none;
 border: 1px solid #000;
 border-radius:10px;
 font-weight:700;
 box-sizing:border-box;
 float: right;
}

p.selectPlanStartLinkAccount
{
 margin-bottom:0;
}

#payment-form
{
 margin-left:auto;
 margin-right:auto;
}

#dashboardMenuLink
{
 margin-top:0px;
 display:block;
 padding:10px;
 margin-bottom:0px;
 background:#eee;
 color:#000;
 text-decoration:none;
 box-shadow: 0px 0px 5px 5px rgba(110, 110, 110, 0.05);
 border-radius:5px;
 cursor:pointer;
 position:relative;
 top:-50px;
 font-family: Inter, sans-serif;
}

#searchFilterMobile
{
 margin-top:0px;
 display:block;
 padding:10px;
 margin-bottom:0px;
 background:#eee;
 color:#000;
 text-decoration:none;
 box-shadow: 0px 0px 5px 5px rgba(110, 110, 110, 0.05);
 border-radius:5px;
 cursor:pointer;
 position:relative;
 font-family: Inter, sans-serif;
}

#dashboardMenuLink span, #searchFilterMobile span
{
 float:right;
}

#dashboardMenu
{
 margin-top:0px;
 display:none;
 position:relative;
 top:-50px;
}

#dashboardMenu ul li a
{
 display:block;
 padding:10px;
 margin-bottom:12px;
 background:#eee;
 color:#000;
 text-decoration:none;
 box-shadow: 0px 0px 5px 5px rgba(110, 110, 110, 0.05);
 border-radius:5px;
}

#dashboardMenu ul li.active a
{
 font-weight:bold;
 background:#ddd;
}


#dashboardMain
{
 margin-top:10px;
}

#searchFilter
{
 background:#eee;
 padding:20px;
 display:none;
 border-radius: 5px;
}

#searchFilter #recentSearches .recentSearchesEntry
{
 background:#1C1821;
 color:#fff;
 border-radius:5px;
 padding:10px;
 font-size:13px;
 font-family:'Inter', sans-serif;
 float:left;
 margin-right:5px;
 margin-bottom:5px;
 padding-bottom:6px;
}

#searchFilter #recentSearches .recentSearchesEntry span
{
 float:right;
 margin-left:10px;
 margin-top:-2px;
 cursor:pointer;
}

#searchFilter #recentSearches .recentSearchesEntry span img
{
 width:16px;
 height:16px;
}

#searchFilter h4
{
 font-size:16px;
 font-weight:700;
 margin-bottom:10px;
}

#searchFilter input
{
 width:100%;
 box-sizing:border-box;
 font-family:'Inter', sans-serif;
 font-size:16px;
 padding:8px;
 border:solid 1px #CED0D1;
 border-radius:5px;
 margin-bottom:10px;
 cursor:pointer;
}

#searchFilter select
{
 color:#1C1821;
 -webkit-text-fill-color:#1C1821;
 background-color:#fff;
 opacity:1;
 -webkit-appearance: none;
 -moz-appearance: none;
 color: black;
 appearance: none;
 width:100%;
 box-sizing:border-box;
 font-family:'Inter', sans-serif;
 font-size:14px;
 padding:8px;
 border:solid 1px #CED0D1;
 border-radius:5px;
 margin-bottom:10px;
 cursor:pointer;
}

#searchFilter .select-wrapper
{
 position:relative;
 display: inline;
}

#searchFilter .select-wrapper:after
{
 content:"";
 width:0;
 height:0;
 position:absolute;
 pointer-events: none;
}

#searchFilter .select-wrapper:after
{
 border-left: 5px solid transparent;
 border-right: 5px solid transparent;
 top: .4em;
 right: .75em;
 border-top: 8px solid black;
 opacity: 0.5;
}

#searchFilter select::-ms-expand
{
 display: none;
}

#searchFilter #recentSearches
{
 margin-bottom:25px;
}

#searchFilter #searchFilterCategory span
{
 background:#fff;
 border:solid 1px #CED0D1;
 border-radius:5px;
 margin-bottom:5px;
 width:100%;
 box-sizing:border-box;
 display:block;
 position:relative;
}

#searchFilter #searchFilterCategory span input
{
 accent-color:#00BC80;
 width:14px;
 height:14px;
 position:absolute;
 top:7px;
 left:2px;
}

#searchFilter #searchFilterCategory span label
{
 font-family:'Inter', sans-serif;
 font-size:14px;
 padding:10px;
 cursor:pointer;
 padding-left:30px;
}

#searchFilter button
{
 width:100%;
 box-sizing:border-box;
 background:#00BC80;
 color:#fff;
 font-weight:700;
 font-size:16px;
 border:none;
 border-radius:5px;
 padding:15px;
 margin-top:20px;
 text-align:left;
 font-family:'Cabin', sans-serif;
 cursor:pointer;
}

#searchFilter button span
{
 float:right;
 font-size:14px;
}

#searchMain
{
 padding-top:25px;
}

.searchResults .searchResultsEntry, body.homePage #homePlates .homePlateEntry
{
 margin-top:10px;
 margin-bottom:20px;
 box-sizing:border-box;
 box-shadow:0px 0px 3px #6E6E6E;
 background:#fff;
 padding:10px;
 border-radius:10px;
 text-align:center;
 width:100%;
 position:relative;
}

.soldResultsEntry
{
 margin-bottom:20px;
 box-sizing:border-box;
 box-shadow:0px 0px 3px #6E6E6E;
 background:#fff;
 padding:10px;
 border-radius:10px;
 text-align:center;
 position:relative;
}

#soldPlates a
{
 text-decoration:none;
}

.soldResultsEntry:nth-child(3n), a:nth-child(3n) .soldResultsEntry
{
 margin-right:0px;
}

.searchResults .searchResultsEntry a, body.homePage #homePlates .homePlateEntry a
{
 color:#000;
 text-decoration:none;
}

.searchResults .searchResultsEntry.searchResultsEntryPremium .searchResultsEntryPremiumFlag, body.homePage #homePlates .homePlateEntry .searchResultsEntryPremiumFlag, #soldPlates .soldResultsEntry .searchResultsEntryPremiumFlag
{
 position:absolute;
 left:20px;
 top:-12px;
 background-size:14px 14px;
 border-radius:5px;
 border:solid 2px #CED0D1;
 text-transform:uppercase;
 color:#1C1821;
 font-size:10px;
 font-weight:bold;
 padding:5px;
 background:#fff;
}

.searchResults .searchResultsEntry.searchResultsEntryPremium .searchResultsEntryPremiumFlag img, body.homePage #homePlates .homePlateEntry .searchResultsEntryPremiumFlag img, #soldPlates .soldResultsEntry .searchResultsEntryPremiumFlag img
{
 width:12px;
 height:12px;
 float:left;
 margin-right:5px;
 margin-top:-1px;
}

.searchResults .searchResultsEntry .searchResultsEntryPlate, body.homePage #homePlates .homePlateEntry .searchResultsEntryPlate, .soldResultsEntry .soldResultsEntryPlate
{
 margin-top:10px;
 background:#FEE04E;
 color:#000;
 font-family:'UKNumberPlate', sans-serif;
 font-size:32px;
 padding:10px;
 border-radius:10px;
 border:solid 4px #1C1821;
 box-sizing:border-box;
 width:80%;
 white-space:nowrap;
 margin-left:10%;
 margin-bottom:10px;
}

.searchResults .searchResultsEntry .searchResultsEntryPrice, body.homePage #homePlates .homePlateEntry .searchResultsEntryPrice
{
 font-weight:700;
 font-size:20px;
}

.searchResults .searchResultsEntry .searchResultsEntryPrice span, body.homePage #homePlates .homePlateEntry .searchResultsEntryPrice span
{
 font-weight:400;
 font-size:15px;
}

#blogCategories ul li a
{
 float:left;
 padding:20px;
 color:#8E9495;
 text-decoration:none;
 border-top-left-radius:10px;
 border-top-right-radius:10px;
 background:#fff;
}

#blogCategories ul li a.selected
{
 color:#000;
 font-weight:bold;
 background:#F9F9F9;
}

#blogCategories ul li a span
{
 float:right;
 margin-left:15px;
}

#blogCategoryBlog, #blogCategoryGuides
{
 background:#F9F9F9;
 padding:20px;
 clear:both;
}

.blogSummaryEntry
{
 margin-bottom:20px;
}

.blogSummaryEntry a
{
 color:#000;
 text-decoration:none;
 display:block;
}

.blogSummaryEntry img
{
 width:100%;
 height:auto;
 margin-bottom:20px;
 border-radius:10px;
}

.blogSummaryEntry h2
{
 font-weight:700;
 font-size:24px;
 line-height:30px;
 margin-bottom:20px;
}

.blogSummaryEntry p
{
 color:#8E9495;
 font-size:15px;
 line-height:20px;
}

.blogSummaryEntry p.readMore
{
 color:#1C1821;
 font-weight:bold;
}

#blogContent img
{
 max-width:100%;
 height:auto;
}

#blogContent p
{
 font-family:'Inter', sans-serif;
 font-size:16px;
 line-height:24px;
 margin-bottom:20px;
}

#blogContent #blogContentWrapper
{
 width:100%;
 margin-left:auto;
 margin-right:auto;
 margin-top:50px;
}

#blogContent #blogContentWrapper strong
{
 font-weight:bold;
}

#blogContent #blogContentWrapper em
{
 font-style:italic;
}

.pagination
{
}

.paginationPrevious
{
 height:40px;
 width:20%;
 float:left;
 text-align:left;
}

.paginationNext
{
 height:40px;
 width:20%;
 float:right;
 text-align:right;
}

.paginationPrevious a, .paginationNext a
{
 border:solid 1px #000;
 padding:8px;
 height:40px;
 width:40px;
 display:block;
 box-sizing:border-box;
 border-radius:50%;
 font-size:20px;
 font-weight:bold;
 color:#000;
 text-decoration:none;
 text-align:center;
}

.paginationNext a
{
 float:right;
}

.paginationCurrent
{
 text-align:center;
 width:60%;
 float:left;
 height:40px;
 padding-top:10px;
 box-sizing:border-box;
 display:block;
}

main .faqCategory1
{
 background:#f8f8f8;
 border-radius:10px;
}

main .faqCategory2
{
 background:#fff;
}

main .faqCategoryLeft
{
 padding:5px;
 text-align:center;
}

main .faqCategoryLeft h3
{
 margin-top:20px;
}

main .faqCategoryLeft img
{
 width:200px;
 height:auto;
}

main .faqWrapper
{
 padding:5px;
}

main .faqWrapper .faqWrapperEntry
{
 background: #fff;
 padding: 20px;
 border-radius: 6px;
 margin-top: 20px;
 box-shadow: 0px 0px 10px #ccc;
 cursor: pointer;
}

main .faqWrapper .faqWrapperEntry h4
{
 margin-bottom:0;
}

main .faqWrapper .faqWrapperEntry .faq_a
{
 margin-top:10px;
}

main .faqWrapper .faqWrapperEntry .faq_a p
{
 color:#8E9495;
}

main .faqWrapper .faqWrapperEntry .faq_a p:last-child
{
 margin-bottom:0;
}

main .faqNotAnswered
{
 text-align:center;
 margin-top:30px;
}

main center.noResults
{
 padding-top:50px;
}

main center.noResults img
{
 width:260px;
 max-width:100%;
 height:auto;
}

main center.noResults h2
{
 margin-top:15px;
 margin-bottom:15px;
 font-size:20px;
 font-weight:700;
}

main center.noResults p
{
 font-family:'Inter', sans-serif;
 font-size:14px;
}

main center.noResults p a
{
 font-weight:bold;
}

main a
{
 color:#000;
}

main #sharePlate
{
 margin:20px 0px;
}

main #sharePost .sharePostText, main #sharePlate .sharePlateText
{
 margin-right:10px;
 padding-top:9px;
 font-weight:bold;
}

p.askingPrice
{
 font-family:'Cabin', sans-serif;
 font-size:16px;
 margin-bottom:10px;
}

main #sharePost .addthis_inline_share_toolbox_0njs, main #sharePlate .addthis_inline_share_toolbox_0njs
{
 clear:none !important;
 margin-top: 10px;
}

main #sharePost .addthis_inline_share_toolbox_0njs .at-share-btn, main #sharePlate .addthis_inline_share_toolbox_0njs .at-share-btn
{
 border:solid 1px #000;
 border-radius:5px;
 margin-right:6px;
}

main img.staySafeImage
{
 margin-top:100px;
 width:100%;
 height:auto;
}

main .reportAd a
{
 display:block;
 width:55px;
 border:solid 2px #000;
 border-radius:5px;
 padding:5px;
 text-decoration:none;
 background:url('/uploads/images/icons/warning.png') no-repeat 6px 6px;
 padding-left:35px;
 margin-left:auto;
 margin-right:auto;
 margin-top:50px;
}

main .reportThread a
{
 display:block;
 border:solid 2px #000;
 border-radius:5px;
 padding:10px;
 text-decoration:none;
 background:url('/uploads/images/icons/warning.png') no-repeat 6px 6px;
 padding-left:40px;
 margin-left:auto;
 margin-right:auto;
}

main .otherPlates a
{
 display:block;
 width:300px;
 border:solid 2px #000;
 border-radius:5px;
 padding:15px 25px;
 text-decoration:none;
 margin-left:auto;
 margin-right:auto;
 margin-top:10px;
}

body.platePage main .plateDisplay
{
 width:300px;
 box-sizing:border-box;
 box-shadow:0px 0px 3px #6E6E6E;
 background:#fff;
 border-radius:10px;
 text-align:center;
 background:#FEE04E;
 color:#000;
 font-family:'UKNumberPlate', sans-serif;
 font-size:36px;
 padding:12px;
 border:solid 4px #1C1821;
 margin:0px auto 20px;
}

body.platePage main .plateViews, body.platePage main .plateEnquiries
{
 height:16px;
 margin-top:20px;
 margin-bottom:20px;
 font-family:'Inter', sans-serif;
 font-size:20px;
}

body.platePage main .plateViews img, body.platePage main .plateEnquiries img
{
 vertical-align:middle;
 height:16px;
 width:auto;
 margin-right:5px;
}

body.platePage main .plateViews strong
{
 font-weight:bold;
}

body.platePage main #offerForm
{
 box-shadow:0px 0px 10px #ccc;
 border-radius:10px;
 padding:35px 25px;
 background:#fff;
 margin-bottom:50px;
 margin-left:auto;
 margin-right:auto;
 position:relative;
 z-index:99;
}

body.platePage main #offerForm #selfAdvert
{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: #ddd;
 z-index: 999;
 padding-top:260px;
 text-align:center;
 transition:all 0.3s ease-in-out;
 box-sizing:border-box;
 opacity:0;
}

body.platePage main #offerForm:hover #selfAdvert
{
 opacity:1;
}

body.platePage main #offerForm h1
{
 font-size:30px;
 margin-top:0;
 text-align:center;
}

body.platePage main #finerDetails
{
 text-align:center;
 padding-top:25px;
 padding-bottom:5px;
}

body.platePage main #finerDetails .finerDetailsCentre
{
 width:100%;
 margin-left:auto;
 margin-right:auto;
}

body.platePage main #plateWrapperMain .half
{
 width:100%;
}

body.platePage main #finerDetails .half.left
{
 width:48%;
}

body.platePage main #finerDetails .half.right
{
 width:48%;
}

body.platePage main #finerDetails .half.right img
{
 width:100%;
 height:auto;
}

.seventy.left
{
 width:68%;
 float: left;
 padding-right: 2%;
 padding-top: 10px;
 padding-bottom: 10px;
}
.seventy.left p
{
 font-size:12px;
}
.thirty.right
{
 width:28%;
 float: right;
 padding-left: 2%;
 padding-top: 10px;
 padding-bottom: 10px;
}


body.platePage main #finerDetails p.finerDetails
{
 margin-left:auto;
 margin-right:auto;
 margin-bottom:30px;
 clear:both;
}

body.platePage main #finerDetails p.finerDetails.finerDetailsFull
{
 text-align:left;
}

body.platePage main #finerDetails p.finerDetails .finerDetailsQ
{
 float:left;
 clear:both;
 font-weight:bold;
 width:30%;
 text-align:left;
}

body.platePage main #finerDetails p.finerDetails .finerDetailsA
{
 float:right;
 width:70%;
 text-align:right;
}

body.platePage #enquiryError
{
 display:none;
}

body.platePage #finerDetailsContainer
{
 background:#F9F9F9;
 margin-bottom:25px;
}

body.searchPage #datelessOptions
{
 display:none;
}

#relatedBlogs
{
 padding-top:20px;
 padding-bottom:20px;
 background:#fff;
 position:relative;
 margin-top:50px;
 height:450px;
width:100%
}

#relatedBlogs #relatedBlogsBackground
{
 position:absolute;
 bottom:0;
 left:0;
 width:100%;
 height:420px;
 background:#1C1821;
}

#relatedBlogs .relatedEntry
{
 position:absolute;
 top:0;
 left:50%;
 width:80%;
 margin-left:-40%;
}

#relatedBlogs .relatedEntry a
{
 display:block;
 text-decoration:none;
}

#relatedBlogs .relatedEntry img
{
 width:85%;
 height:auto;
 margin-top:0px;
 margin-left:0;
 border-radius:10px;
 margin-bottom:40px;
}

#relatedBlogs .relatedEntry h1
{
 color:#fff;
 font-size:20px;
 text-align:center;
}

#relatedBlogs .relatedEntry p
{
 color:#8E9495;
 width: 90%;
 margin: 20px auto;
}

#relatedBlogs .relatedEntry .relatedReadMore
{
 width:80%;
 display:block;
 padding:15px;
 border:solid 1px #fff;
 border-radius:5px;
 color:#fff;
 text-align:left;
 font-weight:bold;
 margin-left:auto;
 margin-right:auto;
}

#relatedBlogs .relatedEntry .relatedReadMore span
{
 float:right;
}

#relatedBlogs #related2, #relatedBlogs #related3
{
 display:none;
}

main #contactHelp
{
 margin-bottom:30px;
 padding:20px;
 background:#f5f5f5;
 box-sizing:border-box;
 border-radius:10px;
 box-shadow: 0px 0px 4px #ddd;
}

main #contactHelp input#helpKeyword
{
 font-family:'Inter', sans-serif;
 font-size:16px;
 padding:10px;
 width:100%;
 box-sizing:border-box;
 margin-bottom:20px;
}

main .helpEntry
{
 padding:20px;
 margin-bottom:20px;
 background: #E8E8E8;
 border-radius: 10px;
 box-shadow: 1px 1px 1px 1px rgba(110, 110, 110, 0.05);
}

main #contactHelp .contactForm fieldset legend
{
 display:none;
}

main #contactHelp .contactForm fieldset label
{
 display:block;
 font-size:14px;
 font-family:'Inter', sans-serif;
 margin-bottom:5px;
}

main #contactHelp .contactForm fieldset input, main #contactHelp .contactForm fieldset textarea
{
 width:100%;
 padding:6px;
 margin-bottom:15px;
 box-sizing:border-box;
 font-family:'Inter', sans-serif;
 font-size:16px;
 border:solid 1px #ddd;
}

main #contactHelp .contactForm fieldset .fb_invalid label
{
 color:#f00;
}

main #contactHelp .contactForm fieldset .fb_invalid input, main #contactHelp .contactForm fieldset .fb_invalid textarea
{
 border:solid 1px #f00;
}

main #contactHelp .contactForm fieldset textarea
{
 resize:none;
 height:100px;
}

main .savedEntry
{
 padding-top:25px;
 padding-bottom:25px;
 border-bottom:solid 1px #ddd;
}

img.noMessages
{
 width:200px;
 height:auto;
}

.emptyState
{
 background:#f8f8f8;
 border-radius:10px;
 padding:30px 20px;
 text-align:center;
 margin:20px 0;
}

.emptyState img.noMessages
{
 width:220px;
 max-width:100%;
 height:auto;
 display:block;
 margin:0 auto 10px auto;
}

.emptyState p.emptyStateText
{
 margin:0 auto 18px auto;
 max-width:420px;
}

.emptyState a.emptyStateButton
{
 display:block;
 background:#00BC80;
 color:#fff;
 font-family:'Cabin', sans-serif;
 font-weight:700;
 font-size:18px;
 text-decoration:none;
 padding:14px 16px;
 border-radius:10px;
}

main .messageHeader, main .advertsHeader
{
 font-weight:bold;
 margin-bottom:10px;
}

main .messageHeaderPlate, main .advertsHeaderPlate
{
 float:left;
 width:30%;
 clear:both;
 padding:10px;
 padding-right:5px;
}

main .messageHeaderPlate, main .advertsHeaderFilter
{
 float:left;
 width:25%;
 padding:10px;
}

main .messageHeaderName
{
 float:left;
 width:25%;
 padding:10px;
 padding-right:0;
 padding-left:22px;
}

main .advertsHeaderDate, main .advertsHeaderCost
{
 float:left;
 width:25%;
 padding:10px;
 padding-right:0;
}

main .messageEntry a, main .messageEntry a:hover
{
 text-decoration:none;
}

main .messageArchivedLink
{
 margin-top:15px;
}

main .messageEntry a, main .advertsEntry
{
 display:block;
 padding:10px;
}

main .messageEntry .messageHeaderName
{
 padding:10px;
 margin-right:-5px;
 padding-left:0;
 width:25%;
}

main .advertsEntry .advertsEntryDate, main .advertsEntry .advertsHeaderCost
{
 padding:10px;
 margin-right:-2px;
 padding-left:0;
 width:25%;
}

main .messageHeaderDate, main .advertsHeaderDate, main .advertsEntryDate
{
 float:left;
 width:30%;
 padding:10px;
 padding-left:2px;
}

main .advertsHeaderButtons
{
 display:none;
}

main .messageEntry .messageHeaderDate, main .advertsEntry .advertsHeaderDate
{
 padding:10px;
 padding-left:0;
}

main .messageEntry, main .advertsEntry
{
 background:#f5f5f5;
 margin-bottom:15px;
 border-radius:10px;
 box-shadow:0px 0px 4px #ddd;
}

main .messageEntry.messageEntryUnread
{
 font-weight:bold;
 background:#ccc;
}

main .messageEntry .messageHeaderPlate, main .advertsEntryPlate
{
 width:30%;
 box-sizing:border-box;
 background:#FEE04E;
 border:solid 2px #000;
 padding-left:10px;
 border-radius:10px;
 text-align:center;
 position:relative;
 font-size:20px;
 font-family:'UKNumberPlate', sans-serif;
 margin-right:20px;
 float:left;
}

main .messageHeaderPlate, main .advertsEntryFilter
{
 width:30%;
 box-sizing:border-box;
 padding-left:0;
 float:left;
}

main .advertsEntryPlate
{
 padding:0;
}

main .advertsEntryPlate a
{
 text-decoration:none;
 display:block;
 padding:10px;
}

main .messageEntry .messageHeaderButton
{
 display:none;
}

main .advertsEntryButtons
{
 clear:both;
 padding-top:0px;
 margin-left:0px;
}

main .advertsEntryButtons.advertEntryButtonsVal, main .advertsEntryButtons.advertsEntryButtonsSearches
{
 clear:none;
 float:left;
}

main .advertsEntryButtons.advertsEntryButtonsSavedAds
{
 clear:none;
 float:right;
}

main .advertsEntryButtons.advertEntryButtonsVal
{
 width:50px;
 margin-left:15px;
}

main .advertsEntryButtons.advertsEntryButtonsNewline
{
 padding-top:10px;
}

main .advertsEntryButtonsSearches
{
 float:right;
 width:150px;
 margin-left:10px;
}

main .advertsEntryButtons.advertEntryButtonsVal .advertsEntryButton
{
 float:left;
}

main .advertsEntryButtons .advertsEntryButtonGreen a
{
 background:#00BC80;
}

main .advertsEntryButtons .advertsEntryButton
{
 position:relative;
 clear:both;
}

main .advertsEntryButtons .advertsEntryButton a
{
 border:solid 1px #000;
 border-radius:7px;
 display:block;
 padding:10px;
 width:16px;
 height:16px;
 margin-right:10px;
 float:left;
}

main .advertsEntryButtons .tooltip
{
 display:inline-block;
 padding-top:10px;
}

main .advertsEntryButtons ul
{
 display:none;
}

main .advertsEntryButtons .advertsEntryButton a img
{
 width:16px;
 height:16px;
}

.messageContent
{
 clear:both;
 background:#fff;
 padding:10px;
 display:none;
}

.messageTextEntry
{
 max-width:90%;
 padding:10px;
 box-sizing:border-box;
 clear:both;
 border-radius:5px;
 position: relative;
 margin-bottom:0;
 margin-top:14px;
}

.messageTextEntryLeft
{
 float:left;
 background:#ddd;
 margin-left:5px;
}

.messageTextEntryLeft:after
{
 content: '';
 position: absolute;
 left: 0;
 bottom: 0;
 width: 0;
 height: 0;
 border: 12px solid transparent;
 border-right-color: #ddd;
 border-left: 0;
 border-bottom: 0;
 margin-top: -10px;
 margin-left: -8px;
}

.messageTextEntryAdmin
{
width: 100%;
max-width: 100%;
display: block;
box-sizing: border-box;
padding: 10px;
border: solid 1px #ddd;
box-shadow: 0px 0px 5px 5px rgba(110, 110, 110, 0.05);
color: #000;
text-decoration: none;
border-radius: 10px;
text-align: center;
top: 14px;
margin-top: 0;
margin-bottom: 24px;
}

.messageTextEntryRight
{
 float:right;
 background:#FEE04E;
 color:#000;
 margin-right:5px;
}

.messageTextEntryRight:after
{
 content: '';
 position: absolute;
 right: 0;
 bottom: 0;
 width: 0;
 height: 0;
 border: 12px solid transparent;
 border-left-color: #FEE04E;
 border-right: 0;
 border-bottom: 0;
 margin-top: -10px;
 margin-right: -8px;
}

.messageTextEntry span.messageMeta
{
 font-size:11px;
 color:#333;
 display:block;
 padding-top:15px;
}

.messageTextEntry.messageTextEntryAdmin span.messageMeta
{
 color:#000;
 text-align:center;
}

.messageTextEntryRight span.messageMeta
{
 color:#000;
}

textarea.messageResponse
{
 width:100%;
 font-family:'Inter', sans-serif;
 font-size:16px;
 padding:5px;
 box-sizing:border-box;
 resize:none;
 height:100px;
 border-radius:10px;
 margin-top:5px;
 margin-bottom:5px;
 border:solid 1px #ccc;
}

footer
{
 background:#1C1821;
}

footer .content
{
 padding-top:20px;
 padding-bottom:50px;
}

footer #footerLeft
{
 margin-bottom:20px;
}

footer #footerLeft h3
{
 color:#fff;
 font-weight:700;
 font-size:26px;
 line-height:32px;
 margin-bottom:10px;
 text-align:center;
}

footer #footerLeft p a
{
 display:block;
 padding:15px 25px;
 border-radius:5px;
 margin-right:10px;
 text-decoration:none;
 font-weight:700;
 font-size:18px;
 width:46%;
 margin:2%;
 box-sizing:border-box;
 float:left;
}

footer #footerLeft p a span
{
 float:right;
 margin-left:30px;
}

footer #footerLeft p a.footerBuyButton
{
 border:solid 2px #FEE04E;
 background:#FEE04E;
 color:#000;
}

footer #footerLeft p a.footerSellButton
{
 border:solid 2px #fff;
 color:#fff;
}

footer #footerRight
{
 width:150px;
 margin-left:auto;
 margin-right:auto;
 clear:left;
 text-align:left;
}

footer #footerMiddle
{
 clear:both;
 padding-top:10px;
}

footer #footerMiddle h4
{
 font-weight:700;
 color:#fff;
 font-size:18px;
 margin-bottom:10px;
 margin-top:10px;
 text-align:center;
 padding-top:10px;
}

footer #footerMiddle a
{
 color:#8E9495;
 text-decoration:none;
 font-family:'Inter', sans-serif;
 font-size:14px;
 display:block;
 margin-bottom:10px;
 text-align:center;
}

footer #footerRight
{
 padding-top:10px;
 text-align:center;
}

footer #footerRight img
{
 width:40px;
 height:40px;
 border:none;
 margin-bottom:20px;
}

footer #footerBottom
{
 text-align:center;
}

footer #footerBottom p
{
 color:#fff;
 font-family:'Inter', sans-serif;
 font-size:14px;
 margin-bottom:20px;
}

footer #footerBottom p span
{
 margin-left:10px;
 margin-right:10px;
 display:block;
 padding-bottom:5px;
}

footer #footerBottom p em
{
 display:none;
}

footer #footerBottom p span a
{
 color:#fff;
 text-decoration:none;
}

footer #footerBottom p.footerSmallPrint
{
 color:#8E9495;
 font-size:13px;
}

#jsPhoto2
{
 text-align:center;
}

#jsPhoto2 img
{
 width:100%;
 height:auto;
 margin-bottom:5px;
}

#loading
{
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background:rgba(255,255,255,0.9);
 z-index:9999;
}

#loading img
{
 position:absolute;
 top:50%;
 left:50%;
 margin-left:-32px;
 margin-top:-32px;
}

body.loading
{
 overflow:hidden;
}

.StripeElement
{
 padding:10px;
 margin-bottom:10px;
 border:solid 1px #ddd;
 border-radius:5px;
}

#exp-element
{
 width:48%;
 float:left;
 box-sizing:border-box;
}

#cvc-element
{
 width:48%;
 float:right;
 box-sizing:border-box;
}

.content.plateview #viewerMain
{
 width:100% !important;
 height:100%;
margein-buttom:10px;
 margin-left:auto;
 margin-right:auto;
 overflow-x:auto;
 overflow-y:hidden;
}

#viewerMain #viewport-container
{
 position: relative;
 overflow: hidden;
    width: 100% !important;
}

#viewerMain .pv-viewport
{
 position: absolute;
 top: 0;
 left: 0;
}

#viewerMain #controlHandles, .pv-image canvas
{
 position: absolute;
top: -340px;
    
}

#viewerMain .plate
{
 cursor: move;
}

#viewerMain circle.control-point
{
 fill-opacity: .8;
 cursor: nesw-resize;
}

#viewerMain circle.control-point:first-of-type, #viewerMain circle.control-point:nth-of-type(4)
{
 cursor: nwse-resize;
}

.content.plateview #viewerSidebar
{
 width:99% !important;
 background:#eee;
 padding:30px;
 box-sizing:border-box;
 position:relative;
 z-index:99;
}

#viewerSidebar #plate-input
{
 width:100%;
 display:block;
 padding:10px;
 text-align:center;
 font-family:'UKNumberPlate', serif;
 font-size:32px;
 box-sizing:border-box;
 border:solid 1px #ddd;
 text-transform:uppercase;
 margin-bottom:15px;
}

#viewerSidebar #update-plate-btn, #viewerSidebar #input-image, #viewerSidebar input[type=radio], #viewerSidebar #save-btn
{
 display:none;
}

#viewerSidebar .radioLabel
{
 display:block;
 text-align:center;
 padding:15px;
 box-sizing:border-box;
 margin-bottom:15px;
 border:solid 1px #ddd;
}

#viewerSidebar label#labelFront
{
 width:48%;
 float:left;
 background:#fff;
}

#viewerSidebar label#labelRear
{
 width:48%;
 float:right;
 background:#ffcf00;
}

#viewerSidebar input[type=radio]:checked + label
{
 border-bottom:solid 3px #000;
}

#viewerSidebar #upload-btn
{
 display:block;
 margin-left:auto;
 margin-right:auto;
 padding:20px;
 text-align:center;
 color:#000;
 text-decoration:none;
 background:#ccc;
 border-radius:10px;
 font-weight:700;
 margin-top:20px;
 box-sizing:border-box;
 border:0;
 width:100%;
 font-size:16px;
 cursor:pointer;
}

#viewerSidebar #download-btn, #viewerSidebar #reset-btn
{
 display:block;
 margin-left:auto;
 margin-right:auto;
 padding:20px;
 text-align:center;
 color:#fff;
 text-decoration:none;
 background:#00BC80;
 border-radius:10px;
 font-weight:700;
 margin-top:20px;
 box-sizing:border-box;
 border:0;
 width:100%;
 font-size:16px;
 cursor:pointer;
}

#viewerImages
{
 clear:both;
 padding-top:2px;
 margin-bottom:20px;
}

#viewerImages img
{
 width:calc((100% - 4px) / 2);
 margin-right:2px;
 margin-bottom:2px;
 cursor:pointer;
 transition:opacity 0.3s ease-in-out;
 float:unset;
}

#viewerImages img:nth-child(3n)
{
 margin-right:0;
}

#viewerImages img:nth-child(3n+1)
{
 clear:both;
}

#viewerImages img:hover
{
 opacity:0.8;
}

#downloadWindow
{
 display:none;
 position:fixed;
 top:0;
 left:0;
 z-index:998;
 width:100%;
 height:100%;
 background:rgba(0,0,0,0.8);
}

#downloadBox
{
 display:none;
 width:94%;
 max-height:90%;
 position:fixed;
 left:3%;
 margin-left:0%;
 background:#fff;
 padding:15px;
 border:solid 2px #000;
 box-sizing:border-box;
 top:50%;
 margin-top:-75%;
 z-index:999;
}

#downloadBox h3
{
 font-size:18px;
 margin-bottom:10px;
 font-weight:bold;
 font-family:'Cabin', sans-serif;
}

#downloadBox p
{
 font-size:15px;
 margin-bottom:20px;
 line-height:20px;
}

#downloadBox p strong
{
 font-weight:bold;
}

#downloadBox a#upsellLink
{
 display:block;
 padding:10px;
 font-size:16px;
 font-weight:bold;
 background:#00BC80;
 text-align:center;
 color:#fff;
 text-decoration:none;
 margin-bottom:20px;
 border-radius:5px;
 line-height:20px;
}

#downloadBox a#upsellLink em
{
 display:block;
 font-size:12px;
 font-weight:normal;
}

#downloadBox a#triggerSaveButton
{
 display:block;
 padding:10px;
 font-size:16px;
 font-weight:bold;
 background:#000;
 text-align:center;
 color:#fff;
 text-decoration:none;
 margin-bottom:20px;
 border-radius:5px;
 line-height:20px;
}

#downloadBox a#closeBox, #modalBoxContentContainer a#closeBox
{
 color:#000;
 font-size:18px;
 position:absolute;
 top:-15px;
 right:-15px;
 background:#fff;
 height:30px;
 width:30px;
 border-radius:15px;
 border:solid 1px #000;
 box-sizing:border-box;
 padding-top:5px;
 text-align:center;
 text-decoration:none;
 z-index:10001;
}

#modalBoxContentContainer.small a#closeBox
{
 top: calc(20vh - 15px);
 right: 7vw;
 position:fixed;
}

#modalBoxContentContainer.big a#closeBox
{
 top: calc(5vh - 10px);
 right: 4vw;
 position:fixed;
}

.non-bold
{
 font-weight:normal;
 display:inline;
}
#downloadBox img
{
 width:70px;
 height:auto;
}

#downloadBox img.tpStar
{
 width:12px;
 height:12px;
 margin-left:2px;
 margin-right:2px;
}

#downloadBox .upsellTpBox
{
 border:solid 1px #ddd;
 border-radius:10px;
 padding:10px;
}

#downloadBox .upsellTpBox p
{
 margin-bottom:0;
}

.ratingStar
{
 font-size:36px;
 margin-top:5px;
 cursor:pointer;
}

.ratingStar.yellow
{
 color:#D2C20A;
}

#starCount
{
 font-size: 20px;
 vertical-align: top;
 padding-top: 3px;
 display: inline-block;
 margin-left: 10px;
}

#sold0a, #sold0b
{
 margin-top:10px;
 padding:10px;
 background:#eee;
}

#plateBadges .plateBadgesEntry
{
 float:left;
 margin-right:10px;
 margin-bottom:10px;
 border:solid 1px #000;
 border-radius:5px;
 padding:8px;
 font-size:12px;
 font-weight:bold;
}

#plateBadges .plateBadgesEntry img
{
 width:14px;
 height:14px;
 float:left;
 margin-right:5px;
 margin-top:-1px;
}

p.deleteAdvert
{
 text-align:center;
 margin-bottom:50px;
 font-size:13px;
 padding-bottom:50px;
}

p.deleteAdvert a
{
 color:#f00;
}

#subPlatesSummary
{
 margin-bottom:20px;
}

#subPlatesSummary .subPlatesSummaryEntry
{
 margin-bottom:10px;
 background:#FEE04E;
 color:#000;
 font-family:'UKNumberPlate', sans-serif;
 font-size:16px;
 padding:10px;
 border-radius:10px;
 border:solid 2px #1C1821;
 box-sizing:border-box;
 margin-right:10px;
 width:100%;
 text-align:center;
 font-size:20px;
}

#subPlatesSummary .subPlatesSummaryEntry a, #subPlatesSummary a
{
 text-decoration:none;
 display:block;
}

#subPlatesSummary a:nth-child(4n) .subPlatesSummaryEntry
{
 margin-right:0;
}

#otherSellerPlates, #recentlyViewedPlates
{
 background:#f9f9f9;
 padding-top:40px;
}

#modalBox
{
 display:none;
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background:rgba(0,0,0,0.8);
 z-index:9999;
}

#modalBoxContentContainer.big
{
 display:none;
 position:fixed;
 top:0;
 left:0;
 width:90%;
 margin-left:5%;
 padding:20px;
 box-sizing:border-box;
 background:#fff;
 position:fixed;
 margin-top:5vh;
 height:90vh;
 z-index:10000;
 overflow-y:hidden;
 overflow-x:hidden;
 border: solid 2px #000;
}

#modalBoxContentContainer.small
{
 display:none;
 position:fixed;
 top:20vh;
 left:10vw;
 width:80vw;
 padding:20px;
 box-sizing:border-box;
 background:#fff;
 max-height:60vh;
 min-height:auto;
 z-index:10000;
 overflow-y:hidden;
 overflow-x:hidden;
 border: solid 2px #000;
}

#modalBoxContentContainer.small #modalBoxContent
{
 overflow-x:hidden;
 overflow-y:auto;
 max-height:55vh;
}

#modalBoxContentContainer.big #modalBoxContent
{
 height:84vh;
 overflow-x:hidden;
 overflow-y:auto;
}

#modalBoxContent h1
{
 margin:0;
 font-size:24px;
 margin-bottom:10px;
 text-align:center !important;
 font-weight:normal !important;
}

#modalBoxContent p, #modalBoxContent ul li
{
 text-align:left;
 margin-bottom:16px;
 line-height:22px;
}

#modalBoxContent p a, #modalBoxContent ul li a
{
 color:#000;
}

#modalBoxContent ul
{
 list-style-type:square;
 padding-left:20px;
 text-align:left;
}

#modalBoxContent h3
{
 margin-top:5px;
 font-size:20px;
 margin-bottom:10px;
 text-align:left;
}

#reportForm label.cb
{
 border:solid 2px #CED0D1;
 padding:10px;
 text-align:left;
 margin-bottom:10px;
 border-radius:10px;
}

#reportForm label.cb input
{
 width:16px;
 height:16px;
 float:left;
 margin-right:10px;
 margin-top:9px;
}

#reportForm label.cb span
{
 padding-bottom:8px;
}

#reportForm label.reportText span
{
 text-align:left;
}

#reportForm label.reportText input, #reportForm label.reportText textarea
{
 border:solid 1px #CED0D1;
 border-radius:5px;
 padding:15px;
 font-size:16px;
}

label.removeTickbox input
{
 width:16px;
 height:16px;
 float:left;
 margin-top:14px;
 margin-right:10px;
}

label.removeTickbox span
{
 padding-top:15px;
}

.dashboardBox
{
 width:49%;
 border:solid 1px #ddd;
 box-shadow: 0px 0px 5px 5px rgba(110, 110, 110, 0.05);
 border-radius:10px;
 padding:20px;
 text-align:center;
 box-sizing:border-box;
 text-decoration:none;
 margin-bottom:20px;
 font-size:16px;
 font-family: Inter, sans-serif;
}

.dashboardBox img
{
 width:100px;
 margin-bottom:10px;
}
.dashboardBoxLeft
{
 float:left;
}

.dashboardBoxRight
{
 float:right;
}

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

ul.dashboardList li
{
 float:left;
 width:49%;
}

ul.dashboardList li.dashboardListRight
{
 float:right;
}
ul.dashboardList li.dashboardListFull
{
 width: 100%;
}

ul.dashboardList li a
{
 display:block;
 box-sizing:border-box;
 padding:10px;
 border:solid 1px #ddd;
 box-shadow: 0px 0px 5px 5px rgba(110, 110, 110, 0.05);
 color:#000;
 text-decoration:none;
 border-radius:10px;
 text-align:center;
 margin-bottom:10px;
}

a.trustshareLink
{
 text-decoration:none;
}

#trustshareBox
{
 background: #000;
 color: #fff;
 border-radius:10px;
 padding:10px;
 text-align:center;
 text-decoration:none;
 margin-top:10px;
 margin-bottom:10px;
}

#trustshareBox h3
{
 margin:0;
 font-size:18px;
}
#trustshareBox p
{
 margin:0;
 font-size:14px;
}

#cookieAlert
{
 position:fixed;
 left:0;
 right:0;
 bottom:0;
 padding:20px 24px;
 box-sizing:border-box;
 background:#fff;
 border-top:solid 6px #FEE04E;
 border-radius:0;
 box-shadow:0 -4px 20px rgba(0,0,0,0.15);
 z-index: 999;
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 gap:16px 28px;
}

#cookieAlert p
{
 margin:0;
 font-size:14px;
 line-height:22px;
 color:#4A4650;
}

#cookieAlert p a
{
 color:#1C1821;
 font-weight:bold;
}

#cookieAlert #cookieContent
{
 flex:1 1 480px;
 text-align:left;
}

#cookieAlert #cookieContent h3
{
 margin:0 0 6px;
 font-size:20px;
 line-height:26px;
 font-weight:bold;
}

#cookieAlert #cookieButton
{
 display:flex;
 gap:12px;
 flex:0 0 auto;
}

#cookieAlert #cookieButton a
{
 display:flex;
 align-items:center;
 justify-content:center;
 min-width:140px;
 min-height:50px;
 padding:12px 22px;
 box-sizing:border-box;
 background:#fff;
 color:#1C1821;
 border:solid 2px #1C1821;
 text-align:center;
 text-decoration:none;
 font-weight:bold;
 font-size:16px;
 border-radius:10px;
}

#cookieAlert #cookieButton a:hover
{
 background:#f3f3f3;
}

#cookieAlert #cookieButton a.cookieAccept,
#cookieAlert #cookieButton a.cookieSave
{
 background:#00BC80;
 border-color:#00BC80;
 color:#fff;
}

#cookieAlert #cookieButton a.cookieAccept:hover,
#cookieAlert #cookieButton a.cookieSave:hover
{
 background:#00a371;
 border-color:#00a371;
}

@media (max-width:600px)
{
 #cookieAlert #cookieButton
 {
  width:100%;
 }
 #cookieAlert #cookieButton a
 {
  flex:1 1 0;
  min-width:0;
  padding:12px 6px;
  font-size:15px;
 }
}

label.half.left, label.half.right
{
 width:100%;
 padding:0;
 float:none;
}

.valReceived
{
 margin-top:10px !important;
}

.advertsHeaderDateVal
{
 padding-left:10px !important;
}

#sellFormWrapper #sellFormQuestions .makeOffers
{
 clear:both;
 display:block;
 padding-top:8px;
}

#sellFormWrapper #sellFormQuestions .makeOffers input
{
 width:14px;
 height:14px;
 margin:0;
 float:left;
 margin-right:10px;
}

#sellFormWrapper #sellFormQuestions .makeOffers span
{
 padding-top:0;
 font-weight: normal;
}

.grecaptcha-badge 
{ 
 position: absolute;
 bottom:0 !important;
 z-index: 998; 
}

.reviewTestimonialEntry
{
 width: 100%;
 text-align: center;
 cursor: pointer;
 float: left;
 display: flex;
 flex-direction: column;  
 justify-content: center;
 background: #fff;
 border-radius: 10px;
 margin: 50px 25px 20px 0;
 margin-top: 20px;
 padding: 20px;
 box-sizing: border-box;
 box-shadow: 0px 0px 3px #ccc;
}

.reviewTestimonialEntry a
{
 text-decoration:none;
}

.reviewTestimonialPerson 
{
 font-weight: bold;
}

.TrustpilotReviewsStars 
{
 margin-bottom: 10px;
}

.reviewTestimonialEntry .trustpilotStar
{
 margin: 1px;
 width: 14px;
 height: 14px;
}

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

table.csvUploadMini tr.separator td
{
 padding:0;
 height:3px;
 background:#ddd;
}

table.csvUploadMini th, table.csvUploadMini td
{
 padding:10px;
 vertical-align:top;
}

table.csvUploadMini td input
{
 width:100px;
}

table.csvUploadMini td #sellFormCarReg
{
 padding:5px 10px;
 background:#FEE04E;
 border:solid 2px #000;
 border-radius:10px;
 width:106px;
 height:20px;
}

table.csvUploadMini td #sellFormCarReg input
{
 border:none;
 background:#FEE04E;
 padding:0;
 font-family:'UKNumberPlate', serif;
 font-size:20px;
 width:100%;
 text-align:center;
 text-transform:uppercase;
}

table.csvUploadMini td textarea
{
 resize:none;
 height:140px;
 resize:none;
 font-family:'Cabin', sans-serif;
 font-size:14px;
 width:100%;
 box-sizing:border-box;
 border-radius:10px;
 padding:5px;
}

table.csvUploadMini td input.sellFormPhoto
{
 display:none;
}

table.csvUploadMini td .makeOffers
{
 display:block;
 clear:both;
 margin-top:5px;
}

table.csvUploadMini td .makeOffers input
{
 width:16px;
 height:16px;
 float:left;
 margin:0;
 margin-right:10px;
}

table.csvUploadMini td .makeOffers span
{
 padding-top:2px;
}

.reviewTestimonialEntry
{
 width: 100%;
 text-align: center;
 cursor: pointer;
 float: left;
 display: flex;
 flex-direction: column;  
 justify-content: center;
 background: #fff;
 border-radius: 10px;
 margin: 50px 25px 20px 0;
 margin-top: 20px;
 padding: 20px;
 box-sizing: border-box;
 box-shadow: 0px 0px 3px #ccc;
}

.reviewTestimonialEntry a
{
 text-decoration:none;
}

.reviewTestimonialPerson 
{
 font-weight: bold;
}

.TrustpilotReviewsStars 
{
 margin-bottom: 10px;
}

.reviewTestimonialEntry .trustpilotStar
{
 margin: 1px;
 width: 14px;
 height: 14px;
}

.col1
{
 width:250px;
}

strong.miniTableLabel
{
 font-size:14px;
 display:block;
 font-weight:bold;
}

td .croppie-container
{
 margin-left:0;
}

#sellFormCar #carImagePrev, #editFormCar #carImagePrev, .carImagePrev
{
 width:48px;
 height:48px;
 cursor:pointer;
 background:url('/uploads/images/icons/arrow-unselected-left.svg') no-repeat top left;
 position:absolute;
 top:130px;
 left:0px;
}

.csvUploadSellForm #sellFormCar #carImagePrev, .carImagePrev
{
 width:48px;
 height:48px;
 cursor:pointer;
 background:url('/uploads/images/icons/arrow-unselected-left.svg') no-repeat top left;
 position:absolute;
 top:130px;
 left:0px;
}

#sellFormCar #carImagePrev:hover, #editFormCar #carImagePrev:hover, .carImagePrev:hover
{
 background:url('/uploads/images/icons/arrow-selected-left.svg') no-repeat top left;
}

.csvUploadSellForm #sellFormCar #carImageNext, .carImageNext
{
 width:48px;
 height:48px;
 cursor:pointer;
 background:url('/uploads/images/icons/arrow-unselected-right.svg') no-repeat top left;
 position:absolute;
 top:130px;
 right:0px;
}

#sellFormCar #carImageNext:hover, #editFormCar #carImageNext:hover, .carImageNext:hover
{
 background:url('/uploads/images/icons/arrow-selected-right.svg') no-repeat top left;
}

.cis
{
 display:none;
}
#viewerMain #controlHandles, .pv-image canvas {
    position: absolute;
    top: 0px;
    left: 0px;
}

/*mobilercstart*/


.slidecontainer { 
    margin: 35px 0 35px 0; 
}
.slidecontainer div {
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 10px;
}
.slidecontainer.se {
    padding-left: 3px;
}



.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 25px;
  background: #ffcf00;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #333;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #04AA6D;
  cursor: pointer;
}

.homeTrustpilotReviewsEntry.slide a
{
 text-decoration:none;
 display:block;
}
.om-holder .om-container .om-middle .om-iframe-container .om-workspace-content .powered-by {
 display: none !important;
}
.greybg {
background: #F9F9F9;
padding: 2% !important;
border-radius: 10px !important;
}
.trustshare-close-btn {
position: absolute;
z-index: 10000;
right: 4px;
top: 4px;
border: 1px solid #aaa;
padding: 5px;
border-radius: 50%;
line-height: 8px;
height: 8px;
width: 8px;
cursor: pointer;
pointer-events: all;
}

#selectPlanTermMonthlyWrapper.selected .col.onethird:nth-child(3) ul li:nth-child(10) a,
#selectPlanTermMonthlyWrapper.selected .col.onethird:nth-child(3) ul li:nth-child(11) a,
#selectPlanTermAnnualWrapper.selected .col.onethird:nth-child(2) ul li:nth-child(10) a,
#selectPlanTermAnnualWrapper.selected .col.onethird:nth-child(2) ul li:nth-child(11) a {
background: yellow;
}

.planPopular
{
 background:#edffee;
}

#messageBox
{
 border:solid 1px #ccc;
 border-radius:10px;
 padding:10px;
 position:relative;
}

#messageBox textarea
{
 border:none;
 outline:none;
}

#messageBox button
{
 position:absolute;
 bottom:5px;
 right:5px;
 border-radius:50%;
 background:#00BC80;
 height:50px;
 width:50px;
 color:#fff;
 border:none;
 font-size: 30px;
 padding: 0 0 0 8px;
 text-align:center;
 cursor:pointer;
}

#messageBox button:hover
{
 background:#000;
}

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

ul.switcher li
{
 display:inline-block;
 padding:5px 10px;
 background:#ddd;
 cursor:pointer;
 float:left;
 margin:0;
 margin-top:6px;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
}

ul.switcher li.active
{
 background:#F9F9F9;
 font-weight:bold;
 padding:8px 20px;
 margin-top:0;
}

.switchContent
{
 background: #F9F9F9;
 padding:30px 30px 10px 30px;
 border-top-right-radius: 10px;
 border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
 clear:both;
}

table.escrowDetails
{
 border:solid 1px #000;
 border-collapse:collapse;
 margin-bottom:15px;
 width:100%;
}

table.escrowDetails th, table.escrowDetails td
{
 border:solid 1px #000;
 padding:10px;
 text-align:left;
}

.stripeTrusted
{
 border:solid 2px #000;
 background:#eee;
 padding:10px;
 margin-bottom:15px;
}

.stripeTrusted img
{
 float:right;
 margin-left:15px;
 margin-bottom:10px;
 width:150px;
 height:auto;
}

.stripeTrusted p
{
 margin-bottom:0;
}

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

ul.tabList li
{
 float:left;
 padding:0;
 margin:0;
}

ul.tabList li a
{
 display:inline-block;
 padding:5px 10px;
 text-decoration:none;
 background:#ddd;
 border-right:solid 1px #fff;
}

ul.tabList li.selected a
{
 background:#FEE04E;
 font-weight:bold;
 padding:8px;
 margin-top:-6px;
}

#tabContents
{
 border:solid 2px #FEE04E;
 padding:10px;
 margin-bottom:20px;
}

#tabContents .messageEntry
{
 padding:10px !important;
}

#tabContents .messageEntry a
{
 padding:0 !important;
}

#tabContents a .messageHeaderButton
{
 display:inline-block !important;
 padding:11px;
 border:solid 2px #000;
 border-radius:5px;
}

#tabContents .messageHeaderName, #tabContents .messageHeaderDate
{
 display:none;
}

#tabContents .messageEntry .messageHeaderName
{
 display:block;
 width:100%;
}

#tabContents .messageEntry .messageHeaderDate
{
 display:block;
 width:100%;
}

#tabContents .messageHeaderPlate
{
 width:calc(100% - 120px) !important;
}






/* Message Actions Buttons - Mobile */
.messageEntry {
    padding-bottom: 110px !important;
    position: relative;
}

.messageEntry .messageActions {
    position: absolute;
    left: 20px;
    right: auto;
    bottom: 10px;
    display: block;
    padding: 0 !important;
}

.messageEntry .messageActions a,
.messageEntry .messageActions button {
    border: solid 1px #000;
    border-radius: 7px;
    display: flex;
    align-items: center;
    padding: 10px !important;
    margin: 0 0 10px 0;
    cursor: pointer;
    background: transparent;
    line-height: 1;
    box-sizing: border-box;
    width: auto;
    height: auto;
    text-decoration: none;
    color: #000;
}

.messageEntry .messageActions a:last-child,
.messageEntry .messageActions button:last-child {
    margin-bottom: 0;
}

.messageEntry .messageActions a img,
.messageEntry .messageActions button img {
    width: 16px;
    height: 16px;
    display: block;
    margin-right: 10px;
    flex-shrink: 0;
}

.messageEntry .messageActions .tooltip {
    display: inline-block;
    padding: 0;
    font-size: 14px;
    line-height: 16px;
    position: static;
    background: none;
    color: #000;
    width: auto;
    border: none;
    box-shadow: none;
    transform: none;
    white-space: nowrap;
    font-family: Cabin;
    text-decoration: none !important;
}



/* Message Tabs */
#messageTabs {
    margin-bottom: 0;
}

#messageTabs ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#messageTabs ul li {
    float: left;
    margin-right: 5px;
    margin-bottom: 0;
}

#messageTabs ul li a {
    display: block;
    font-weight: 700;
    padding: 10px 20px;
    color: #000;
    text-decoration: none;
    background: #ddd;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

#messageTabs ul li a.selected {
    background: #F9F9F9;
}

/* Message Tab Content */
.messageTabContent {
    background: #F9F9F9;
    padding: 20px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

/* Message Filter Sub-tabs */
#messageFilterTabs {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

#messageFilterTabs ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#messageFilterTabs ul li {
    display: inline-block;
    margin-right: 15px;
}

#messageFilterTabs ul li a {
    display: block;
    padding: 5px 15px;
    color: #666;
    text-decoration: none;
    font-size: 14px;
    border-radius: 5px;
    transition: all 0.2s;
}

#messageFilterTabs ul li a.selected {
    background: #fff;
    color: #000;
    font-weight: 700;
}

#messageFilterTabs ul li a:hover {
    background: #fff;
}

/* Message preview text - tablet/mobile */
.messageEntry .messagePreview {
    margin: 0;
    font-size: 12px;
    margin-top: 5px;
    height: 20px;
    overflow: hidden;
    padding-right: 0;
}

/* Message Header - hide on mobile */
.messageHeader {
    display: none;
}

/* Message preview text - mobile */
.messageEntry .messagePreview {
    margin: 0;
    font-size: 12px;
    margin-top: 5px;
    height: 20px;
    overflow: hidden;
    padding-right: 0;
    margin-bottom: 40px;
}

/* Message Input Container */
.messageInputContainer {
    margin-top: 20px;
}

.messageSafetyNote {
    font-size: 13px;
    color: #856404;
    background: #fff3cd;
    border: 1px solid #ffeeba;
    border-radius: 8px;
    padding: 12px 15px;
    margin-bottom: 15px;
}

.messageSafetyNote strong {
    display: block;
    margin-bottom: 3px;
}

.messageInputWrapper {
    display: flex;
    align-items: flex-end;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 10px;
    background: #fff;
}

.messageInput {
    flex: 1;
    border: none;
    outline: none;
    resize: none;
    font-size: 14px;
    font-family: 'Inter', sans-serif;
    min-height: 50px;
    max-height: 150px;
    padding: 5px;
    line-height: 1.4;
}

.messageInput::placeholder {
    color: #999;
}

.messageInputActions {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 10px;
    border-left: 1px solid #eee;
    margin-left: 10px;
}

.messageAttachBtn {
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
}

.messageAttachBtn:hover {
    opacity: 1;
}

.messageAttachBtn img {
    width: 20px;
    height: 20px;
}

.messageFileInput {
    display: none;
}

.messageSendBtn {
    background: #00BC80;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.messageSendBtn img {
    width: 18px;
    height: 18px;
    filter: invert(1);
}

.messageFileSelected {
    display: none;
    font-size: 13px;
    color: #155724;
    background: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: 8px;
    padding: 10px 15px;
    margin-top: 10px;
}

.messageFileSelected.active {
    display: block;
}

/* Message Thread Actions */
.messageThreadActions {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #eee;
}

.messageReportLink {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #999;
    text-decoration: none;
    font-size: 13px;
    transition: color 0.2s;
    margin: 20px 0;
}

.messageReportLink:hover {
    color: #666;
}

.messageReportLink img {
    width: 16px;
    height: 16px;
    opacity: 0.5;
}




/* Search Results Section Wrappers */
.searchResultsSectionWrapper {
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.searchResultsSectionPremium {
    background: #f5f5f5;
    border: 1px solid #ddd;
}

.searchResultsSectionStandard {
    border: 1px solid #ddd;
}

.searchResultsSectionWrapper .searchResultTitle {
    margin-top: 0;
    margin-bottom: 35px;
    text-align: center;
}

.searchResultsSection {
    display: flex;
    flex-wrap: wrap;
}

/* Badges for Standard Adverts */
.searchResultsEntry.searchResultsEntryStandard .searchResultsEntryPremiumFlag {
    position: absolute;
    left: 20px;
    top: -12px;
    background-size: 14px 14px;
    border-radius: 5px;
    border: solid 2px #CED0D1;
    text-transform: uppercase;
    color: #1C1821;
    font-size: 10px;
    font-weight: bold;
    padding: 5px;
    background: #fff;
}

.searchResultsEntry.searchResultsEntryStandard .searchResultsEntryPremiumFlag img {
    width: 12px;
    height: 12px;
    float: left;
    margin-right: 5px;
    margin-top: -1px;
}

/* Spacing between result cards */
.searchResultsSectionMixed .searchResultsEntry {
    margin-bottom: 40px;
}

/* Premium cards: small PREMIUM AD label on the bottom edge */
.searchResults .searchResultsEntry .searchResultsEntryPremiumLabel {
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 10px;
    background: #F9F9F9;
    font-size: 10px;
    line-height: 14px;
    font-weight: 800;
    letter-spacing: 0.14em;
    color: rgba(138, 109, 0, 0.5);
    white-space: nowrap;
    text-decoration: none;
    pointer-events: none;
}

/* Load More Buttons */
.loadMoreContainer {
    display: block;
    clear: both;
    width: 100%;
    text-align: center;
    margin: 30px 0 20px 0;
}

.loadMoreBtn {
    display: inline-block;
    box-sizing: border-box;
    min-width: 280px;
    border: solid 2px #1C1821;
    border-radius: 10px;
    padding: 14px 30px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    background: #1C1821;
    transition: all 0.2s;
}

.loadMoreBtn:hover {
    background: #55B985;
    border-color: #55B985;
    color: #fff;
}

.loadAllBtn {
    display: block;
    min-width: 0;
    width: auto;
    margin: 14px auto 0 auto;
    padding: 4px 10px;
    border: none;
    background: none;
    color: #1C1821;
    font-size: 14px;
    font-weight: normal;
    text-decoration: underline;
}

.loadAllBtn:hover {
    background: none;
    color: #55B985;
}

/* Message Thread Actions */
.messageThreadActions {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #eee;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.messageActionLink {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #666;
    text-decoration: none;
    font-size: 13px;
    transition: color 0.2s;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #f9f9f9;
    margin-bottom: 20px;
    text-wrap: auto;
    max-width: 70px;
}

.messageActionLink:hover {
    color: #000;
    background: #eee;
    border-color: #ccc;
}

.messageActionLink img {
    width: 16px;
    height: 16px;
    opacity: 0.6;
}

.messageActionLink:hover img {
    opacity: 1;
}




/* Escrow Tabs */
#escrowTabs {
    margin-bottom: 0;
}

#escrowTabs ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#escrowTabs ul li {
    float: left;
    margin-right: 5px;
    margin-bottom: 0;
}

#escrowTabs ul li a {
    display: block;
    font-weight: 700;
    padding: 10px 20px;
    color: #000;
    text-decoration: none;
    background: #ddd;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

#escrowTabs ul li a.selected {
    background: #F9F9F9;
}

/* Escrow Tab Content */
.escrowTabContent {
    background: #F9F9F9;
    padding: 20px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 20px;
}

/* Escrow Filter Sub-tabs */
#escrowFilterTabs {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

#escrowFilterTabs ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#escrowFilterTabs ul li {
    display: inline-block;
    margin-right: 15px;
}

#escrowFilterTabs ul li a {
    display: block;
    padding: 5px 15px;
    color: #666;
    text-decoration: none;
    font-size: 14px;
    border-radius: 5px;
    transition: all 0.2s;
}

#escrowFilterTabs ul li a.selected {
    background: #fff;
    color: #000;
    font-weight: 700;
}

#escrowFilterTabs ul li a:hover {
    background: #fff;
}

/* Escrow Transaction Entries */
.escrowTransactions {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.escrowEntry {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
}

.escrowEntryPlate {
    background: #FFD700;
    border: 2px solid #000;
    border-radius: 5px;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: bold;
    font-family: 'UKNumberPlate', sans-serif;
    text-align: center;
    margin-bottom: 15px;
}

.escrowEntryDetails {
    margin-bottom: 15px;
}

.escrowEntryDetails p {
    margin: 5px 0;
    font-size: 14px;
}

.escrowEntryActions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 15px;
}

a.escrowBtn {
    display: block;
    padding: 10px 15px;
    border: 2px solid #000;
    border-radius: 8px;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    color: #000;
    background: #fff;
}

a.escrowBtn.escrowBtnSecondary {
    background: #f5f5f5;
}

.escrowEntryRef {
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 12px;
    color: #999;
    text-align: center;
}

/* Escrow Terms Page */
.escrowTermsBox {
    max-width: 600px;
}

.escrowTermsBox h3 {
    margin-top: 25px;
    margin-bottom: 15px;
}

.escrowTermsBox ul {
    margin: 15px 0;
    padding-left: 20px;
}

.escrowTermsBox ul li {
    margin-bottom: 8px;
}

.escrowSummary {
    width: 100%;
    max-width: 350px;
    margin: 15px 0;
    border-collapse: collapse;
}

.escrowSummary th,
.escrowSummary td {
    padding: 10px 15px;
    text-align: left;
    border: 1px solid #ddd;
}

.escrowSummary th {
    background: #f5f5f5;
    width: 140px;
}

a.escrowTermsButton {
    display: inline-block;
    padding: 15px 30px;
    background: #1abc9c;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
}

a.escrowTermsButton:hover {
    background: #16a085;
}

.escrowTermsNote {
    font-size: 13px;
    color: #666;
    margin-top: 10px;
}

/* Escrow Payout Notice */
.escrowPayoutNotice {
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
}

.escrowPayoutNotice h3 {
    margin: 0 0 10px 0;
    font-size: 18px;
    color: #856404;
}

.escrowPayoutNotice p {
    margin: 0 0 15px 0;
    color: #856404;
}

.escrowPayoutNotice p:last-child {
    margin-bottom: 0;
}

a.escrowPayoutButton {
    display: inline-block;
    padding: 12px 25px;
    background: #1abc9c;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
}

a.escrowPayoutButton:hover {
    background: #16a085;
}

/* Escrow Terms Checkbox */
label.checkboxLabel {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 20px 0;
    cursor: pointer;
}

label.checkboxLabel input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-top: 2px;
    flex-shrink: 0;
}


/* Escrow Payment Page Mobile Overrides */
.escrowProgress {
    flex-wrap: wrap;
}

.escrowProgressStep {
    flex: 1 1 50%;
    margin-bottom: 5px;
}

.escrowProgressStep:not(:last-child)::after {
    display: none;
}

.escrowTrustSignals {
    flex-direction: column;
}

.escrowActions {
    flex-direction: column;
}


/* Escrow Payment Page */
.escrowPaymentPage {
    max-width: 700px;
}

/* Progress Indicator */
.escrowProgress {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    padding: 0;
}

.escrowProgressStep {
    flex: 1;
    text-align: center;
    padding: 15px 10px;
    background: #f0f0f0;
    color: #999;
    font-size: 14px;
    position: relative;
}

.escrowProgressStep:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    border: 10px solid transparent;
    border-left-color: #f0f0f0;
    z-index: 1;
}

.escrowProgressStep span {
    display: block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 50%;
    background: #ccc;
    color: #fff;
    margin: 0 auto 8px;
    font-weight: bold;
}

.escrowProgressStep.completed {
    background: #d4edda;
    color: #155724;
}

.escrowProgressStep.completed::after {
    border-left-color: #d4edda;
}

.escrowProgressStep.completed span {
    background: #28a745;
}

.escrowProgressStep.current {
    background: #fff3cd;
    color: #856404;
}

.escrowProgressStep.current::after {
    border-left-color: #fff3cd;
}

.escrowProgressStep.current span {
    background: #ffc107;
}

/* Payment Summary Box */
.escrowPaymentSummary {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 25px;
}

.escrowPaymentSummary h3 {
    margin: 0 0 15px 0;
    font-size: 18px;
}

.escrowPaymentSummary table {
    width: 100%;
}

.escrowPaymentSummary td {
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}

.escrowPaymentSummary td:last-child {
    text-align: right;
}

.escrowPaymentSummary tr.total td {
    border-bottom: none;
    padding-top: 15px;
    font-size: 20px;
    font-weight: bold;
    color: #28a745;
}

/* Bank Details Box */
.escrowBankDetails {
    background: #fff;
    border: 2px solid #28a745;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 25px;
}

.escrowBankDetails h3 {
    margin: 0 0 10px 0;
    font-size: 18px;
    color: #28a745;
}

.escrowBankDetails > p {
    margin: 0 0 15px 0;
    color: #666;
}

.escrowBankDetails table {
    width: 100%;
}

.escrowBankDetails td {
    padding: 12px 0;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
}

.escrowBankDetails td:first-child {
    color: #666;
    width: 140px;
}

.escrowBankDetails .escrowAmount {
    font-size: 24px;
    color: #28a745;
}

.escrowBankDetails .copyBtn {
    background: #eee;
    border: none;
    padding: 5px 12px;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    margin-left: 10px;
}

.escrowBankDetails .copyBtn:hover {
    background: #ddd;
}

.escrowRefNote {
    margin: 15px 0 0 0;
    padding: 10px 15px;
    background: #fff3cd;
    border-radius: 5px;
    font-size: 14px;
    color: #856404;
}

/* Status Boxes */
.escrowStatusBox {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 25px;
}

.escrowStatusBox h3 {
    margin: 0 0 10px 0;
    font-size: 18px;
}

.escrowStatusBox p {
    margin: 0 0 10px 0;
}

.escrowStatusBox p:last-child {
    margin-bottom: 0;
}

.escrowStatusBox.escrowStatusSuccess {
    background: #00BC80;
    border-color: #00BC80;
}

.escrowStatusBox.escrowStatusSuccess h3 {
    color: #155724;
}

.escrowStatusBox.escrowStatusComplete {
    background: #00BC80;
    border-color: #00BC80;
}

.escrowStatusBox.escrowStatusComplete h3 {
    color: #155724;
}

.escrowStatusBox.escrowStatusWarning {
    background: #fff3cd;
    border-color: #ffc107;
}

.escrowStatusBox.escrowStatusWarning h3 {
    color: #856404;
}

.escrowStatusBox.escrowStatusCancelled {
    background: #f8d7da;
    border-color: #dc3545;
}

.escrowStatusBox.escrowStatusCancelled h3 {
    color: #721c24;
}

/* Warning Box */
.escrowWarningBox {
    background: #f8d7da;
    border: 1px solid #dc3545;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 25px;
}

.escrowWarningBox p {
    margin: 0 0 10px 0;
    color: #721c24;
}

.escrowWarningBox p:last-child {
    margin-bottom: 0;
}

/* Info Box */
.escrowInfoBox {
    background: #e8f4fd;
    border: 1px solid #3498db;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 25px;
}

.escrowInfoBox p {
    margin: 0 0 15px 0;
}

/* Fee split calculator (Trustap) */
.escrowSplitPanel {
    margin: 0 0 25px 0;
}

.escrowSplitPanel .escrowSplitToggle {
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #1C1821;
    text-decoration: underline;
    cursor: pointer;
    text-align: left;
}

.escrowSplitPanel .escrowSplitToggle span {
    display: inline-block;
    transition: transform 0.2s;
}

.escrowSplitPanel .escrowSplitToggle.open span {
    transform: rotate(180deg);
}

.escrowSplitBody {
    margin-top: 12px;
    background: #fff;
    border: 1px solid #DADADA;
    border-radius: 14px;
    padding: 18px 16px;
}

.escrowSplitBody[hidden] {
    display: none;
}

.escrowSplitBody > p {
    margin: 0 0 15px 0;
    font-size: 14px;
    color: #4A4650;
}

.escrowSplitRow {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
}

.escrowSplitRow label {
    flex: 1;
}

.escrowSplitRow label span {
    padding-top: 0;
}

.escrowSplitRow label input {
    font-size: 16px;
    margin-bottom: 0;
}

.escrowSplitPanel .escrowSplitBtn {
    background: #1C1821;
    color: #fff;
    border: 0;
    border-radius: 10px;
    padding: 0 24px;
    height: 44px;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.escrowSplitPanel .escrowSplitBtn:hover {
    background: #000;
}

.escrowSplitResult {
    margin-top: 18px;
}

.escrowSplitResult:empty {
    display: none;
}

.escrowSplitError {
    margin: 0;
    font-size: 14px;
    color: #D62828;
}

.escrowSplitTable {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #E6E6E6;
    border-radius: 12px;
    overflow: hidden;
    font-size: 14px;
}

.escrowSplitTable th,
.escrowSplitTable td {
    padding: 9px 10px;
    text-align: left;
    border-bottom: 1px solid #E6E6E6;
}

.escrowSplitTable th {
    background: #F3F3F3;
    font-size: 13px;
    font-weight: 600;
}

.escrowSplitTable tr:last-child td {
    border-bottom: 0;
}

.escrowSplitTable tr.best td {
    background: #EAF9F3;
    font-weight: 600;
}

.escrowSplitNote {
    margin: 14px 0 0 0;
    font-size: 14px;
    color: #4A4650;
}

.escrowSplitPanel .escrowSplitUse {
    display: block;
    width: 100%;
    margin-top: 14px;
    padding: 15px 20px;
    background: #00BC80;
    color: #fff;
    border: 0;
    border-radius: 10px;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
}

.escrowSplitPanel .escrowSplitUse:hover {
    background: #00A670;
}

/* What Happens Next */
.escrowNextSteps {
    background: #e8f4fd;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 25px;
}

.escrowNextSteps h3 {
    margin: 0 0 15px 0;
    font-size: 18px;
    color: #2980b9;
}

.escrowNextSteps ul {
    margin: 0;
    padding: 0 0 0 20px;
}

.escrowNextSteps li {
    margin-bottom: 10px;
    color: #2c3e50;
}

.escrowNextSteps li:last-child {
    margin-bottom: 0;
}

/* Trust Signals */
.escrowTrustSignals {
    display: flex;
    gap: 20px;
    margin-bottom: 25px;
}

.escrowTrustItem {
    flex: 1;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
}

.escrowTrustIcon {
    width: 40px;
    height: 40px;
    object-fit: contain;
    flex-shrink: 0;
}

.escrowTrustItem div {
    font-size: 13px;
    line-height: 1.4;
}

.escrowTrustItem strong {
    display: block;
    margin-bottom: 3px;
    font-size: 14px;
}

/* Reference */
.escrowReference {
    color: #999;
    font-size: 13px;
    margin-bottom: 20px;
}

/* Action Buttons */
.escrowActions {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}

.escrowBtn {
    display: inline-block;
    padding: 12px 25px;
    background: #00BC80;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 600;
    text-align: center;
}

.escrowBtn:hover {
    background: #218838;
    color: #fff;
}

.escrowBtn.escrowBtnSecondary {
    background: #fff;
    color: #333;
    border: 2px solid #333;
}

.escrowBtn.escrowBtnSecondary:hover {
    background: #f5f5f5;
    color: #333;
}

.escrowBtn.escrowBtnDanger {
    background: #e74c3c;
}

.escrowBtn.escrowBtnDanger:hover {
    background: #c0392b;
}

/* Cancel Link */
.escrowCancel {
    font-size: 13px;
}

.escrowCancel a {
    color: #999;
}

.escrowCancel a:hover {
    color: #e74c3c;
}

/* Payout Notice */
.escrowPayoutNotice {
    background: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 25px;
}

.escrowPayoutNotice h3 {
    margin: 0 0 10px 0;
    font-size: 18px;
    color: #856404;
}

.escrowPayoutNotice p {
    margin: 0 0 15px 0;
    color: #856404;
}

.escrowPayoutNotice p:last-child {
    margin-bottom: 0;
}

a.escrowPayoutButton {
    display: inline-block;
    padding: 12px 25px;
    background: #28a745;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
}

a.escrowPayoutButton:hover {
    background: #218838;
}

/* Checkbox Label */
label.checkboxLabel {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 20px 0;
    cursor: pointer;
}

label.checkboxLabel input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-top: 2px;
    flex-shrink: 0;
}
/* Escrow Payment Page Mobile Overrides */
.escrowProgress {
    flex-wrap: wrap;
}

.escrowProgressStep {
    flex: 1 1 50%;
    margin-bottom: 5px;
}

.escrowProgressStep:not(:last-child)::after {
    display: none;
}

.escrowTrustSignals {
    flex-direction: column;
}

.escrowActions {
    flex-direction: column;
}


/* Safety Warning Gap */
.messageSafetyNote {
 margin-top: 15px;
}

/* Send Button */
.messageSendBtn:hover {
 background: #00a06d;
}

/* Escrow Status Boxes */
a.escrowStatusBox {
 display: block;
 padding: 20px;
 border-radius: 10px;
 margin: 20px 0;
 text-decoration: none;
 color: #fff;
 transition: transform 0.1s, box-shadow 0.1s;
}

a.escrowStatusBox:hover {
 transform: translateY(-2px);
 box-shadow: 0 4px 12px rgba(0,0,0,0.15);
 color: #fff;
}

a.escrowStatusBox strong {
 display: block;
 font-size: 16px;
 margin-bottom: 8px;
}

a.escrowStatusBox p {
 margin: 0;
 font-size: 14px;
 opacity: 0.9;
}

/* Escrow Status Variants */
.escrowStatusPrompt {
 background: #00BC80;
}

.escrowStatusPending {
 background: #c59c17;
}

.escrowStatusHeld {
 background: #333;
}

.escrowStatusInfo {
 background: #555;
}

.escrowStatusSuccess {
 background: #28a745;
}

.escrowStatusComplete {
 background: #28a745;
}

.escrowStatusCancelled {
 background: #dc3545;
}

.escrowStatusDisputed {
 background: #c59c17;
}

/* Escrow Info Panels */
.escrowInfoPanel {
 background: #f8f9fa;
 border: 1px solid #dee2e6;
 border-radius: 10px;
 padding: 20px;
 margin: 20px 0;
}

.escrowInfoPanel h3 {
 margin: 0 0 15px 0;
 font-size: 18px;
}

.escrowInfoPanel ul {
 margin: 0;
 padding: 0 0 0 20px;
}

.escrowInfoPanel li {
 margin-bottom: 10px;
}

.escrowInfoPanel li:last-child {
 margin-bottom: 0;
}

.escrowWarningPanel {
 background: #fff3cd;
 border: 1px solid #ffc107;
 border-radius: 10px;
 padding: 20px;
 margin: 20px 0;
}

.escrowWarningPanel h3 {
 margin: 0 0 10px 0;
 font-size: 18px;
 color: #856404;
}

.escrowWarningPanel p {
 margin: 0;
 color: #856404;
}

.messageInputDisabled {
 opacity: 0.6;
 pointer-events: none;
}
.messageInputDisabled .messageInput {
 background-color: #f5f5f5;
 cursor: not-allowed;
}
.messageDisabledNote {
 padding: 10px;
 color: #666;
 font-size: 14px;
 font-style: italic;
}

.landingStats {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 15px;
    font-size: 14px;
    color: #555;
}
.landingStats span {
    white-space: nowrap;
}


.priceOptions {
    margin-bottom: 15px;
}
.priceOption {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 15px 10px;
    margin-bottom: 8px;
    border: 2px solid #ddd;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}
.priceOption:hover {
    border-color: #ccc;
    background: #fafafa;
}
.priceOption input[type="radio"] {
    display: none;
}
.priceOption:has(input:checked) {
    border-color: #00BC80;
    background: #f0fdf7;
}
.priceOptionLabel {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
    text-align: center;
}
.priceInputWrapper {
    margin-top: 10px;
}


.phonePromptBanner {
    background: #f0fdf7;
    border: 1px solid #00BC80;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
}
.phonePromptContent strong {
    font-size: 16px;
    display: block;
    margin-bottom: 5px;
    color: #333;
}
.phonePromptContent p {
    margin: 0 0 15px 0;
    color: #555;
}
.phonePromptButton {
    display: inline-block;
    background: #00BC80;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    margin-right: 15px;
}
.phonePromptButton:hover {
    background: #00a06d;
    color: white;
}
.phonePromptDismiss {
    color: #666;
    font-size: 14px;
}

.formLabelCheckbox {
    margin-top: 5px;
}
.formLabelCheckbox label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #555;
    cursor: pointer;
}
.formLabelCheckbox input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: #00BC80;
}

.sellFormTrustStrip {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin: 0 0 25px 0;
    font-size: 14px;
    color: #00BC80;
    font-weight: 600;
}
.sellFormTrustStrip span {
    white-space: nowrap;
}

.offerEmailCheckWrapper button {
    margin-top: 10px;
}

.sellFormTestimonial {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin: 0 0 25px 0;
    font-size: 14px;
}
.sellFormTestimonial .testimonialStar {
    width: 16px;
    height: 16px;
    margin: 0 -3px;
}
.sellFormTestimonial .testimonialQuote {
    color: #666;
    font-style: italic;
    text-align: center;
}
.sellFormTestimonial .testimonialAuthor {
    color: #999;
}

.heroQuotePhoto {
  display: none;
}

.heroQuotePhoto.active {
  display: block;
}

#heroQuoteCarousel {
  min-height: 1px;
}

.heroQuoteSlide {
  display: none;
}

.heroQuoteSlide.active {
  display: block;
  animation: heroQuoteFade 0.6s ease;
}

@keyframes heroQuoteFade {
  from { opacity: 0; }
  to { opacity: 1; }
}

.heroQuoteDots {
  text-align: center;
  margin-top: 24px;
}

.heroQuoteDot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ccc;
  margin: 0 5px;
  cursor: pointer;
}

.heroQuoteDot.active {
  background: #f4c430;
}
.heroQuotePhotoCredit a {
  color: #999;
  text-decoration: underline;
}
.heroQuoteSlide h3 p {
  font-size: inherit !important;
  line-height: inherit !important;
  font-family: inherit !important;
  color: inherit !important;
  margin: 0 !important;
}

/* Save Advert button moved out of the H1 */
.titleRow
{
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 justify-content:space-between;
 gap:10px;
}

.titleRow span.searchSave
{
 margin:0;
}

.titleRow span.searchSave a
{
 border:solid 2px #000;
 border-radius:10px;
 padding:12px;
 font-size:14px;
 text-decoration:none;
 padding-left:40px;
 margin-left:10px;
 font-weight: bold;
}

.titleRow span.searchSave a.saveNotify
{
 background:#fff url('/uploads/images/icons/notification.png') no-repeat 5px 9px;
}

.titleRow span.searchSave a.saveNotify.saved
{
 background:#00BC80 url('/uploads/images/icons/notification.png') no-repeat 5px 9px;
 color:#fff;
}

.titleRow span.searchSave a.saveSearch
{
 background:#fff url('/uploads/images/icons/save-search.png') no-repeat 5px 9px;
}

.titleRow span.searchSave a.saveSearch.saved
{
 background:#00BC80  url('/uploads/images/icons/save-search.png') no-repeat 5px 9px;
 color:#fff;
}


/* a11y-colour-fix */
p.success,
h1 span.searchSave a.saveNotify.saved,
h1 span.searchSave a.saveSearch.saved,
button.sellFormSubmit, button.submit, .submit input,
.selectPlanTermBox .popularPlan,
.selectPlanSelectLink a,
.selectPlanStartLink a,
#searchFilter button,
#viewerSidebar #download-btn, #viewerSidebar #reset-btn,
#downloadBox a#upsellLink,
#messageBox button,
ol.escrowSteps li.current span,
.escrowBtn,
.phonePromptButton,
.titleRow span.searchSave a.saveNotify.saved,
.titleRow span.searchSave a.saveSearch.saved
{
 color:#1C1821;
}

body.homePage section#homeQuestions #homeQuestionsText .home_faq .home_faq_a, body.landingPage section#homeQuestions #homeQuestionsText .home_faq .home_faq_a, body.pricingPage section#homeQuestions #homeQuestionsText .home_faq .home_faq_a,
body.homePage section#homeQuestions #homeQuestionsText p a, body.landingPage section#homeQuestions #homeQuestionsText p a, body.pricingPage section#homeQuestions #homeQuestionsText p a,
body.homePage #homeStats .homeStatsEntry p,
body.homePage #homeHeroQuote p span, body.landingPage #homeHeroQuote p span, body.pricingPage #homeHeroQuote p span,
#blogCategories ul li a,
.blogSummaryEntry p,
main .faqWrapper .faqWrapperEntry .faq_a p,
#relatedBlogs .relatedEntry p,
footer #footerMiddle a,
footer #footerBottom p.footerSmallPrint
{
 color:#6B7273;
}

footer #footerBottom p span a
{
 display:inline-block;
 padding:6px 4px;
}


/* a11y-footer-fix */
footer #footerMiddle a,
footer #footerBottom p.footerSmallPrint
{
 color:#8E9495;
}


/* a11y-fix3 */
body.homePage #homeStats .homeStatsEntry p
{
 color:#8E9495;
}

footer #footerMiddle a
{
 display:inline-block;
 padding:5px 0;
}


/* blogNextSteps */
#blogNextSteps
{
 background:#FEE04E;
 color:#1C1821;
 border-radius:10px;
 padding:25px;
 margin:40px 0;
}

#blogNextSteps h2
{
 margin:0 0 15px 0;
}

#blogNextSteps ul
{
 margin:0;
 padding-left:20px;
}

#blogNextSteps li
{
 margin-bottom:8px;
}

#blogNextSteps a
{
 color:#1C1821;
 font-weight:700;
 text-decoration:underline;
}

/* ===== Offers and buy requests (advert buy card, offer cards in the conversation, pay card). All classes start with "pto". ===== */
:root {
 --pto-ink: #1C1821;
 --pto-muted: #4A4650;
 --pto-line: #E6E6E6;
 --pto-yellow: #FEE04E;
 --pto-green: #00BC80;
 --pto-green-soft: #EAF9F3;
 --pto-bubble: #E9E9E9;
}

/* Buttons */
.ptoBtn {
 display: inline-block;
 box-sizing: border-box;
 flex: 1 1 130px;
 min-width: 130px;
 margin: 0;
 padding: 13px 10px;
 border: 2px solid var(--pto-ink);
 border-radius: 12px;
 background: #fff;
 color: var(--pto-ink);
 font-family: 'Inter', sans-serif;
 font-size: 16px;
 font-weight: 600;
 line-height: 1.2;
 text-align: center;
 text-decoration: none;
 cursor: pointer;
 list-style: none;
}
.ptoBtn::-webkit-details-marker { display: none; }
.ptoBtn:hover { filter: brightness(0.96); }
.ptoBtnGreen { background: var(--pto-green); border-color: var(--pto-green); color: var(--pto-ink); }
.ptoBtnYellow { background: var(--pto-yellow); border-color: var(--pto-yellow); color: var(--pto-ink); }
.ptoBtnGhost { background: #fff; border-color: var(--pto-ink); color: var(--pto-ink); }
.ptoBtnDark { background: var(--pto-ink); border-color: var(--pto-ink); color: #fff; }
.ptoBtnWide { display: block; width: 100%; flex: none; font-size: 17px; padding: 16px 20px; }
.ptoLinkBtn { background: none; border: 0; padding: 0; color: var(--pto-muted); font-family: 'Inter', sans-serif; font-size: 12px; text-decoration: underline; cursor: pointer; }

/* Cards in the conversation */
.ptoCard {
 clear: both;
 box-sizing: border-box;
 margin: 16px 0;
 padding: 20px 22px;
 background: #fff;
 border: 1px solid var(--pto-line);
 border-radius: 14px;
 color: var(--pto-ink);
 font-family: 'Inter', sans-serif;
}
.ptoKicker { margin: 0; font-size: 12px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: var(--pto-muted); }
.ptoTitle { margin: 6px 0 0; font-family: 'Cabin', sans-serif; font-size: 20px; font-weight: 700; line-height: 1.3; color: var(--pto-ink); }
.ptoAmountRow { margin: 6px 0 0; }
.ptoAmount { font-family: 'Cabin', sans-serif; font-size: 34px; font-weight: 700; line-height: 1.2; }
.ptoMuted { font-size: 14px; color: var(--pto-muted); }
.ptoVat { font-size: 14px; font-weight: 600; color: var(--pto-muted); }
.ptoIncVat { font-size: 14px; font-weight: 600; color: var(--pto-muted); }
.ptoIncVatLine { margin: 2px 0 10px 0; font-size: 14px; font-weight: 600; color: var(--pto-muted); }
.ptoVatNote { display: block; margin-top: 6px; }
.ptoIncBlock { display: block; }
.ptoNote { margin: 10px 0 0; font-size: 14px; line-height: 1.5; color: var(--pto-muted); }
.ptoCentre { text-align: center; }
.ptoSmall { font-size: 12px; }
.ptoNote a { color: var(--pto-ink); }

.ptoActions { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0 0; }
.ptoCounter { flex: 1 1 130px; min-width: 130px; }
.ptoCounter[open] { flex-basis: 100%; order: 3; }
.ptoCounter summary { display: block; }
.ptoCounterBody { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; margin-top: 12px; }
.ptoCounterBody label { flex: 1 1 200px; font-size: 14px; font-weight: 600; }
.ptoCounterBody .ptoBtn { flex: 0 0 auto; padding: 11px 18px; }
.ptoCurrency { display: flex; align-items: center; margin-top: 6px; border: 2px solid var(--pto-line); border-radius: 12px; background: #fff; overflow: hidden; }
.ptoCurrency em { padding: 0 0 0 14px; font-style: normal; font-size: 18px; font-weight: 600; }
.ptoCurrency input { width: 100%; box-sizing: border-box; border: 0; padding: 12px 14px 12px 6px; font-family: 'Inter', sans-serif; font-size: 18px; background: transparent; outline: none; }
.ptoCurrency:focus-within { border-color: var(--pto-ink); }

/* Offer you sent, or one that has finished */
.ptoSent {
 clear: both;
 box-sizing: border-box;
 max-width: 75%;
 margin: 10px 0;
 padding: 10px 14px;
 background: #fff;
 border: 2px solid var(--pto-yellow);
 border-radius: 14px 14px 4px 14px;
 color: var(--pto-ink);
 font-family: 'Inter', sans-serif;
}
.ptoSentMine { float: right; }
.ptoSentTheirs { float: left; border-radius: 14px 14px 14px 4px; }
.ptoSentDeclined, .ptoSentWithdrawn, .ptoSentCountered, .ptoSentClosed { border-color: var(--pto-line); color: var(--pto-muted); }
.ptoSentAccepted { border-color: var(--pto-green); }
.ptoSentLabel { display: block; font-size: 12px; font-weight: 600; letter-spacing: 0.02em; color: var(--pto-muted); }
.ptoSentAmount { font-family: 'Cabin', sans-serif; font-size: 22px; font-weight: 700; line-height: 1.3; }
.ptoSentMeta { display: block; margin-top: 4px; text-align: right; font-size: 11px; color: var(--pto-muted); }
.ptoCancel { margin: 4px 0 0; text-align: right; }

/* Green line when something is accepted */
.ptoPillRow { clear: both; margin: 14px 0; text-align: center; font-family: 'Inter', sans-serif; font-size: 13px; color: var(--pto-muted); }
.ptoPill { display: inline-block; padding: 5px 14px; background: var(--pto-green-soft); border: 1px solid var(--pto-green); border-radius: 20px; color: var(--pto-ink); font-weight: 500; }
.ptoPillNo { background: #fff; border-color: var(--pto-line); }

/* Pay card */
.ptoTable { width: 100%; margin: 12px 0 0; border-collapse: collapse; font-size: 14px; line-height: 1.6; color: var(--pto-muted); }
.ptoTable td { padding: 0; border: 0; }
.ptoTable td + td { text-align: right; font-weight: 700; color: var(--pto-ink); }
.ptoTable .ptoTotal td { padding-top: 6px; border-top: 1px solid var(--pto-line); font-size: 16px; font-weight: 700; color: var(--pto-ink); }
.ptoPay .ptoBtnWide { margin-top: 16px; }

/* Buy now and Make an offer inside the conversation */
.ptoBuyBar .ptoBuyButtons { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-start; }
.ptoBuyForm { display: flex; flex: 1 1 130px; min-width: 130px; margin: 0; }
.ptoBuyForm .ptoBtn { width: 100%; }
.ptoOffer { flex: 1 1 130px; min-width: 130px; }
.ptoOffer[open] { flex-basis: 100%; order: 3; }
.ptoOfferForm { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; margin: 12px 0 0; }
.ptoOfferForm label { flex: 1 1 200px; font-size: 14px; font-weight: 600; }
.ptoOfferForm .ptoBtn { flex: 0 0 auto; padding: 11px 18px; }
.ptoOfferForm .ptoNote { flex: 1 1 100%; margin: 0; }

/* Quick replies above the message box */
.ptoChips { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0 10px; }
.ptoChip { padding: 7px 14px; border: 1px solid #DADADA; border-radius: 20px; background: #fff; color: var(--pto-ink); font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 500; text-decoration: none; }
.ptoChip:hover { border-color: var(--pto-ink); }

/* Advert page buy card */
.ptoBuyCard {
 position: relative;
 z-index: 99;
 box-sizing: border-box;
 margin: 0 0 20px;
 padding: 24px;
 background: #fff;
 border: 1px solid var(--pto-line);
 border-radius: 14px;
 box-shadow: 0 8px 28px rgba(28, 24, 33, 0.08);
 color: var(--pto-ink);
 font-family: 'Inter', sans-serif;
}
.ptoBigPrice { margin: 4px 0 0; font-family: 'Cabin', sans-serif; font-size: 40px; font-weight: 700; line-height: 1.15; }
.ptoBuyCard .ptoBuyButtons { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 0; }
.ptoBuyCard .ptoBuyForm { flex: 1 1 100%; }
.ptoBuyCard .ptoBtnWide { flex: 1 1 100%; }
.ptoBuyCard .ptoOffer { flex: 1 1 130px; }
.ptoSeller { margin: 18px 0 0; padding-top: 14px; border-top: 1px solid var(--pto-line); font-size: 13px; color: var(--pto-muted); }
.ptoSeller strong { display: block; color: var(--pto-ink); }

/* The message form on the advert page opens when a button is pressed */
.ptoJs .ptoFormPanel { display: none; }
.ptoJs .ptoFormPanel.ptoOpen { display: block; }
body.platePage main #offerForm.ptoFormPanel { box-sizing: border-box; width: auto; max-width: none; margin: 0 0 24px; padding: 24px; border: 1px solid var(--pto-line); border-radius: 14px; box-shadow: 0 8px 28px rgba(28, 24, 33, 0.08); }
/* One box: the buttons are replaced by the form once a button is clicked */
.ptoBuyCard.ptoFormOpen .ptoBuyButtons { display: none; }
body.platePage main .ptoBuyCard #offerForm.ptoFormPanel { margin: 16px 0 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; }
.ptoSendingAs { margin: 10px 0 14px; font-size: 14px; color: var(--pto-ink); }
.ptoFormTitle { margin: 0 0 8px; font-family: 'Cabin', sans-serif; font-size: 24px; font-weight: 700; color: var(--pto-ink); }
#ptoAmountRow { margin: 0 0 14px; }
#ptoAmountRow label > span:first-child { font-weight: 600; }

/* Advert page hero: front (white) plate above the rear (yellow) plate */
.plateStack { display: flex; flex-direction: column; gap: 12px; margin: 0 0 30px; }
body.platePage main .plateStack .plateDisplay { margin-bottom: 0; box-shadow: 0 6px 14px rgba(28, 24, 33, 0.28); }
body.platePage main .plateStack .plateDisplay + .plateDisplay { margin-top: 0; }
body.platePage main .plateDisplay.plateFront { background: #fff; }

/* Buy card: badges on top, seller and share along the bottom */
.ptoBadgeRow { display: flow-root; margin: 0 0 4px; }
.ptoBadgeRow #plateBadges { display: flow-root; }
.ptoBadgeRow #plateBadges .plateBadgesEntry { margin-bottom: 8px; }
.ptoCardFoot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; margin: 18px 0 0; padding: 14px 0 0; border-top: 1px solid var(--pto-line); }
.ptoCardFoot .ptoSeller { margin: 0; padding: 0; border: 0; }
.ptoCardFoot #sharePlate { display: flex; align-items: center; min-width: 340px; margin: 0; }
.ptoCardFoot #sharePlate .sharethis-inline-share-buttons { flex: 1 1 240px; min-width: 240px; }
.ptoCardFoot #sharePlate .sharePlateText { float: none; margin: 0 10px 0 0; padding: 0; font-size: 13px; }

/* Grey band starts half way down the card */
.ptoBand { position: relative; z-index: 0; padding: 0 0 24px; }
.ptoBand::before { content: ""; position: absolute; z-index: -1; top: 50%; right: 0; bottom: -24px; left: 0; background: #F9F9F9; box-shadow: 0 0 0 100vmax #F9F9F9; clip-path: inset(0 -100vmax); }
.ptoBand .ptoBuyCard { margin-bottom: 0; }
body.platePage .fullGreyBackground { display: none; }

/* Form header: title on the left, Back on the right */
.ptoPanelHead { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 10px; }
.ptoPanelHead .ptoFormTitle { margin: 0; }
.ptoBack { flex: 0 0 auto; padding: 9px 16px; border: 1px solid var(--pto-ink); border-radius: 10px; font-size: 15px; font-weight: 600; line-height: 1; color: var(--pto-ink); text-decoration: none; }
#ptoMsgRow[hidden] { display: none; }

/* Buy with confidence card (replaces the line drawing on the advert page) */
.ptoSafe { box-sizing: border-box; margin: 0 0 20px; padding: 24px; background: #fff; border: 1px solid var(--pto-line); border-radius: 14px; box-shadow: 0 8px 28px rgba(28, 24, 33, 0.08); color: var(--pto-ink); font-family: 'Inter', sans-serif; text-align: left; }
.ptoSafeIcon { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; margin: 0 0 14px; border-radius: 50%; background: var(--pto-yellow); }
.ptoSafeIcon svg { width: 30px; height: 30px; }
.ptoSafeIcon .ptoShield { fill: var(--pto-ink); }
.ptoSafeIcon .ptoTick { fill: none; stroke: var(--pto-yellow); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.ptoSafeTitle { margin: 0 0 12px; font-family: 'Cabin', sans-serif; font-size: 22px; font-weight: 700; color: var(--pto-ink); }
.ptoSafeList { margin: 0; padding: 0; list-style: none; }
.ptoSafeList li { position: relative; margin: 0 0 10px; padding: 0 0 0 28px; font-size: 14px; line-height: 1.5; }
.ptoSafeList li::before { content: ""; position: absolute; top: 2px; left: 0; width: 18px; height: 18px; border-radius: 50%; background: var(--pto-green) url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27m6.5 12.5 3.8 3.8 7.2-7.6%27 fill=%27none%27 stroke=%27%231C1821%27 stroke-width=%273.2%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E") center / 12px no-repeat; }

/* Save Advert button: a real box so the photo below can never cover it */
.titleRow span.searchSave a { display: inline-block; }
body.platePage .titleRow { align-items: center; margin: 50px 0 20px; }
body.platePage .titleRow h1.pagetitle { margin: 0; }

/* Staying safe: the right-hand column is the Buy with confidence card, with Report this ad as a quiet link in its footer */
body.platePage main .thirty.right { box-sizing: border-box; position: sticky; top: 20px; width: 28%; margin: 10px 0; padding: 24px; background: #fff; border: 1px solid var(--pto-line); border-radius: 14px; box-shadow: 0 8px 28px rgba(28, 24, 33, 0.08); }
body.platePage main .thirty.right .ptoSafe { margin: 0; padding: 0; background: none; border: 0; border-radius: 0; box-shadow: none; }
body.platePage main .thirty.right .reportAd { margin: 18px 0 0; padding: 16px 0 0; border-top: 1px solid var(--pto-line); }
body.platePage main .thirty.right .reportAdText { margin: 0 0 8px; font-family: 'Inter', sans-serif; font-size: 14px; line-height: 1.4; color: var(--pto-ink); }
body.platePage main .thirty.right .reportAd a { display: inline-block; width: auto; margin: 0; padding: 2px 0 2px 28px; border: 0; border-radius: 0; background-position: 0 50%; font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 600; line-height: 1.4; color: var(--pto-ink); text-decoration: underline; white-space: nowrap; }

/* Make an offer button fills its row; the duplicate quick-reply chip is not needed because the card above already has the button */
.ptoOffer > .ptoBtn { display: block; }
.ptoChip[data-offer] { display: none; }

/* My Adverts: search box, pager and short button labels */
main p.selectPlanStartLinkAccount a { background: #00BC80; border: 2px solid var(--pto-ink); color: var(--pto-ink); }
main p.selectPlanStartLinkAccount a:hover { background: #FEE04E; }
.advertsSearch { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 14px 0 18px; }
.advertsSearch input[type="text"] { flex: 1 1 220px; box-sizing: border-box; min-height: 46px; padding: 0 14px; border: 2px solid var(--pto-ink); border-radius: 10px; font: inherit; }
.advertsPlanCost { margin-left: 6px; color: #666; font-size: 14px; font-weight: 400; }
.advertsToolbar { clear: both; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 20px; padding-top: 24px; }
main .advertsFilter { display: flex; flex: 1 1 320px; align-items: center; gap: 10px; margin: 0; padding: 0; }
main .advertsFilter input[type="search"] { flex: 1 1 200px; box-sizing: border-box; width: auto; min-width: 0; height: 46px; margin: 0; padding: 0 14px; border: 2px solid var(--pto-ink); border-radius: 10px; background: #fff; font: inherit; }
main .advertsFilter select { flex: 0 0 auto; box-sizing: border-box; width: auto; max-width: 100%; height: 46px; margin: 0; padding: 0 12px; border: 2px solid var(--pto-ink); border-radius: 10px; background: #fff; font: inherit; }
main .advertsManage { position: relative; flex: 0 0 auto; }
main .advertsManage summary { box-sizing: border-box; display: flex; align-items: center; gap: 8px; height: 46px; padding: 0 18px; border: 2px solid var(--pto-ink); border-radius: 10px; background: #fff; font-weight: 600; cursor: pointer; list-style: none; }
main .advertsManage summary::-webkit-details-marker { display: none; }
main .advertsManage summary::after { content: ""; width: 7px; height: 7px; margin: -3px 0 0 4px; border: solid var(--pto-ink); border-width: 0 2px 2px 0; transform: rotate(45deg); }
main .advertsManage summary:hover, main .advertsManage[open] summary { background: #FEE04E; }
main .advertsManageMenu { position: absolute; top: calc(100% + 6px); right: 0; z-index: 20; box-sizing: border-box; min-width: 220px; padding: 6px; border: 2px solid var(--pto-ink); border-radius: 10px; background: #fff; box-shadow: 0 6px 18px rgba(0,0,0,.12); }
main .advertsManageMenu a { display: block; text-align: left; margin: 0; padding: 10px 12px; border-radius: 6px; color: var(--pto-ink); font-weight: 600; text-decoration: none; }
main .advertsManageMenu a:hover { background: #FEE04E; }
.advertsPager { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 18px 0 26px; }
.advertsPager a { box-sizing: border-box; padding: 10px 16px; border: 2px solid var(--pto-ink); border-radius: 10px; color: var(--pto-ink); font-weight: 600; text-decoration: none; }
.advertsPager span { font-size: 14px; }
main .advertsEntryButtons .ttShort { display: none; }

/* Account buttons: one design in every stylesheet (View, Edit, Stats, Remove, Subscription, Notifications) */
main .advertsEntryButtons .advertsEntryButton a { box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0 4px; padding: 0; border: 2px solid var(--pto-ink); border-radius: 10px; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: 20px 20px; }
main .advertsEntryButtons .advertsEntryButton a:hover { background-color: #FEE04E; }
main .advertsEntryButtons .advertsEntryButtonGreen a, main .advertsEntryButtons .advertsEntryButtonGreen a:hover { background-color: #00BC80; }
main .advertsEntryButtons .advertsEntryButton a img { display: block; width: 20px; height: 20px; }
/* My Adverts row: buttons sit on the right while the row has room, and drop under the plate (left aligned) when it does not. Same in every stylesheet. */
main .advertsEntry { container-type: inline-size; }
main .advertsEntryButtons.advertsEntryButtonsNewline { float: right; width: auto; margin: 0 -4px 0 0; padding: 0; }
@container (max-width: 700px) {
 main .advertsEntryButtons.advertsEntryButtonsNewline { float: none; clear: both; display: flex; flex-direction: row-reverse; justify-content: flex-end; margin: 0 0 0 -4px; padding: 12px 0 0; }
}
/* Message centre buttons (View thread, Mark as read/unread, Archive): same design, same position rule as My Adverts */
:is(#tabContents, main) .messageEntry { container-type: inline-size; position: relative; padding: 20px !important; }
:is(#tabContents, main) .messageEntry > a { padding: 0 !important; }
:is(#tabContents, main) .messageEntry .messagePreview { margin-bottom: 0; }
:is(#tabContents, main) .messageEntry .messageActions { position: absolute; top: 22px; right: 20px; left: auto; bottom: auto; display: flex; flex-direction: row; align-items: center; gap: 8px; padding: 0 !important; }
:is(#tabContents, main) .messageEntry .messageActions a, :is(#tabContents, main) .messageEntry .messageActions button { box-sizing: border-box; display: flex; align-items: center; justify-content: center; position: relative; width: 40px; height: 40px; margin: 0 !important; padding: 0 !important; border: 2px solid var(--pto-ink); border-radius: 10px; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: 20px 20px; color: var(--pto-ink); line-height: 1; text-decoration: none !important; cursor: pointer; opacity: 1; }
:is(#tabContents, main) .messageEntry .messageActions a:hover, :is(#tabContents, main) .messageEntry .messageActions button:hover { background-color: #FEE04E; opacity: 1; }
:is(#tabContents, main) .messageEntry .messageActions a img, :is(#tabContents, main) .messageEntry .messageActions button img { display: none; }
:is(#tabContents, main) .messageEntry .messageActions a:has(img[src$="/views.png"]) { background-image: url('/uploads/images/icons/views.svg'); }
:is(#tabContents, main) .messageEntry .messageActions button:has(img[src$="/unread.png"]) { background-image: url('/uploads/images/icons/unread.svg'); }
:is(#tabContents, main) .messageEntry .messageActions button:has(img[src$="/cross-trans.png"]) { background-image: url('/uploads/images/icons/cross-trans.svg'); }
:is(#tabContents, main) .messageEntry .messageActions .tooltip { display: none; position: absolute; top: 48px; right: 0; left: auto; z-index: 9; width: 150px; padding: 10px; border-radius: 5px; background: #000; color: #fff; font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 400; line-height: 1.3; text-align: center; white-space: normal; }
:is(#tabContents, main) .messageEntry .messageActions .tooltip::after { content: ""; position: absolute; bottom: 100%; right: 15px; left: auto; margin: 0; border: 5px solid transparent; border-bottom-color: #000; }
:is(#tabContents, main) .messageEntry .messageActions a:hover .tooltip, :is(#tabContents, main) .messageEntry .messageActions button:hover .tooltip { display: block; }
@container (max-width: 560px) {
 :is(#tabContents, main) .messageEntry .messageActions { position: static; clear: both; justify-content: flex-start; margin: 14px 0 0; }
 :is(#tabContents, main) .messageEntry .messageActions .tooltip { top: 48px; left: 0; right: auto; }
 :is(#tabContents, main) .messageEntry .messageActions .tooltip::after { left: 15px; right: auto; }
}

/* Back buttons and the message thread heading */
main h1 span.backButton a { box-sizing: border-box; display: flex; align-items: center; padding: 12px 18px; border: 2px solid var(--pto-ink); border-radius: 10px; background: #fff; color: var(--pto-ink); font-size: 15px; font-weight: 600; line-height: 1; }
main h1 span.backButton a:hover { background: #FEE04E; }
main h1 em.threadSubline { display: block; margin: 8px 0 0; color: #666; font-size: 15px; font-style: normal; font-weight: 400; line-height: 1.5; }
main h1 em.threadSubline strong { color: var(--pto-ink); font-weight: 600; }
main h1 em.threadSubline a { color: var(--pto-ink); text-decoration: underline; }
main h1 em.threadSubline .threadActiveNow { color: #008a5c; font-weight: 600; }
/* Message thread: date headings, times and read receipts */
main .messageDay { clear: both; margin: 26px 0 12px; color: #8e8e93; font-size: 12px; font-weight: 600; line-height: 1.4; text-align: center; }
main .messageTextEntry .messageMeta { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 12px; margin: 8px 0 0; font-size: 12px; line-height: 1.4; }
main .messageTextEntry .messageSystem { font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
main .messageTextEntry .messageReceipt { color: inherit; opacity: .75; }
main .messageTextEntry .messageReceiptRead { padding-left: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") no-repeat 0 50% / 13px 13px; opacity: 1; font-weight: 600; }
/* Message thread: Mark as unread / Archive / Report buttons */
main .messageThreadActions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 22px 0 34px; padding: 18px 0 0; border-top: 1px solid var(--pto-line); }
main .messageThreadActions a.messageActionLink { box-sizing: border-box; display: flex; align-items: center; justify-content: center; gap: 10px; min-width: 0; width: auto; max-width: none; height: 46px; margin: 0; padding: 0 18px; border: 2px solid var(--pto-ink); white-space: nowrap; text-wrap: nowrap; border-radius: 10px; background: #fff; color: var(--pto-ink); font-size: 15px; font-weight: 600; line-height: 1; text-decoration: none; }
main .messageThreadActions a.messageActionLink:hover { background: #FEE04E; }
main .messageThreadActions a.messageActionLink img { display: block; flex: 0 0 auto; width: 20px; height: 20px; margin: 0; opacity: 1; }
main .messageThreadActions a.messageActionUnarchive img { transform: rotate(45deg); }
/* Sharp icons: where a page still uses the old small PNG, show the SVG instead */
main .advertsEntryButtons .advertsEntryButton a:has(img[src$="/views.png"]) { background-image: url('/uploads/images/icons/views.svg'); }
main .advertsEntryButtons .advertsEntryButton a:has(img[src$="/edit.png"]) { background-image: url('/uploads/images/icons/edit.svg'); }
main .advertsEntryButtons .advertsEntryButton a:has(img[src$="/stats.png"]) { background-image: url('/uploads/images/icons/stats.svg'); }
main .advertsEntryButtons .advertsEntryButton a:has(img[src$="/subs.png"]) { background-image: url('/uploads/images/icons/subs.svg'); }
main .advertsEntryButtons .advertsEntryButton a:has(img[src$="/cross-trans.png"]) { background-image: url('/uploads/images/icons/cross-trans.svg'); }
main .advertsEntryButtons .advertsEntryButton a:has(img[src$="/notification.png"]) { background-image: url('/uploads/images/icons/notification.svg'); }
main .advertsEntryButtons .advertsEntryButton a:has(img[src$=".png"]) img { opacity: 0; }
/* Save Advert / Save Search / notify buttons in the page title */
h1 span.searchSave a.saveSearch, h1 span.searchSave a.saveSearch.saved, .titleRow span.searchSave a.saveSearch, .titleRow span.searchSave a.saveSearch.saved { background-image: url('/uploads/images/icons/save-search.svg'); background-size: 20px 20px; background-position: 9px 50%; }
h1 span.searchSave a.saveNotify, h1 span.searchSave a.saveNotify.saved, .titleRow span.searchSave a.saveNotify, .titleRow span.searchSave a.saveNotify.saved { background-image: url('/uploads/images/icons/notification.svg'); background-size: 20px 20px; background-position: 9px 50%; }

/* Dealer keywords: tags under each advert, with a quick editor */
main .advertsKeywords { clear: both; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; padding: 12px 0 0; border-top: 1px solid var(--pto-line); font-size: 13px; }
main .advertsEntry > .advertsKeywords { margin-top: 12px; }
main .advertsKeywordLabel { margin-right: 4px; color: #666; }
main .advertsKeywordTag { display: inline-block; padding: 2px 11px; background: #fff; border: 1.5px solid var(--pto-ink); border-radius: 99px; font-weight: 600; line-height: 1.5; }
main .advertsKeywordTagNone { background: #fff0f0; border: 1.5px dashed #b3261e; color: #b3261e; }
main .advertsKeywordEdit { margin: 0; padding: 2px 6px; background: none; border: 0; color: inherit; font: inherit; font-weight: 600; text-decoration: underline; cursor: pointer; }
main .advertsKeywordForm { flex: 1 1 100%; margin-top: 6px; padding: 14px; background: #fff; border: 2px solid var(--pto-ink); border-radius: 10px; }
main .advertsKeywordForm[hidden] { display: none; }
main .advertsKeywordForm label { font-weight: 700; }
main .advertsKeywordFormRow { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
main .advertsKeywordFormRow input[type="text"] { flex: 1 1 260px; height: 42px; box-sizing: border-box; margin: 0; padding: 0 12px; border: 2px solid var(--pto-ink); border-radius: 10px; font: inherit; }
main .advertsKeywordFormRow button { height: 42px; margin: 0; padding: 0 18px; background: #fff; border: 2px solid var(--pto-ink); border-radius: 10px; color: var(--pto-ink); font: inherit; font-weight: 700; cursor: pointer; }
main .advertsKeywordFormRow .advertsKeywordSave { background: #00BC80; }
main .advertsKeywordFormRow button:hover { background: #FEE04E; }
main .advertsKeywordForm p { margin: 8px 0 0; color: #666; font-size: 12px; }
main .advertsKeywordNotice { margin: 0 0 18px; font-size: 13px; color: #666; }
main .advertsKeywordNotice a { text-decoration: none; }
main .advertsKeywordNotice .advertsKeywordTag { margin-right: 6px; }

/* Bulk edit: one compact row per plate, 25 per page */
main .bulkEdit { container-type: inline-size; }
main .bulkEditIntro { margin: 0 0 18px; color: #666; font-size: 14px; }
main .bulkEditToolbar { margin-bottom: 12px; }
main .bulkEditSearch { height: 46px; margin: 0; padding: 0 22px; background: #fff; border: 2px solid var(--pto-ink); border-radius: 10px; color: var(--pto-ink); font: inherit; font-weight: 700; cursor: pointer; }
main .bulkEditSearch:hover { background: #FEE04E; }
main .bulkEditFilter { margin: 0 0 18px; font-size: 14px; }
main .bulkEditFilter label.bulkEditCheck { margin: 0 6px 0 0; }
main .bulkEditTable { padding: 4px 18px; background: #f5f5f5; border-radius: 12px; }
main .bulkEditHead, main .bulkEditRow { display: grid; grid-template-columns: 150px 210px minmax(0, 1fr) minmax(0, 1fr) 100px; gap: 14px; align-items: start; }
main .bulkEditHead { padding: 14px 0; border-bottom: 1px solid #dcdcdc; font-weight: 700; }
main .bulkEditRow { padding: 14px 0; border-bottom: 1px solid #e2e2e2; }
main .bulkEditRow:last-child { border-bottom: 0; }
main .bulkEditTop, main .bulkEditText { display: contents; }
main .bulkEditPlate { grid-column: 1; }
main .bulkEditPrice { grid-column: 2; }
main .bulkEditActions { grid-column: 5; grid-row: 1; }
main .bulkEditKeywords { grid-column: 3; grid-row: 1; }
main .bulkEditDescription { grid-column: 4; grid-row: 1; }
main .bulkEditLabel { display: none; margin-bottom: 4px; font-size: 13px; font-weight: 700; }
main .bulkEditPlate .advertsEntryPlate { float: none; display: inline-block; width: auto; margin: 0; padding: 0; }
main .bulkEditPlate .advertsEntryPlate a { display: block; box-sizing: border-box; width: 132px; padding-left: 6px; padding-right: 6px; text-align: center; white-space: nowrap; }
main .bulkEditPriceBox { display: flex; align-items: center; gap: 6px; width: 150px; margin: 0 0 6px; }
main .bulkEditInput { display: block; width: 100%; box-sizing: border-box; margin: 0; padding: 9px 11px; background: #fff; border: 2px solid var(--pto-ink); border-radius: 10px; color: var(--pto-ink); font: inherit; font-size: 14px; line-height: 1.4; }
main textarea.bulkEditInput { min-height: 62px; resize: vertical; }
main .bulkEditInput:focus { background: #FFF8D1; outline: none; }
main .bulkEditInput:disabled { background: #ececec; }
main label.bulkEditCheck { display: inline-flex; align-items: center; gap: 6px; margin: 0 12px 0 0; font-size: 14px; font-weight: 400; white-space: nowrap; cursor: pointer; }
main label.bulkEditCheck input[type="checkbox"] { -webkit-appearance: auto; appearance: auto; position: static; display: inline-block; flex-shrink: 0; width: 20px; height: 20px; margin: 0; padding: 0; opacity: 1; accent-color: #00BC80; }
main label.bulkEditCheck span { font-weight: 400; }
main .bulkEditActions { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
main .bulkEditEdit { color: var(--pto-ink); font-size: 14px; font-weight: 600; text-decoration: underline; white-space: nowrap; }
main label.bulkEditDelete { margin: 0; }
main .bulkEditFoot { display: flex; flex-direction: column; gap: 22px; margin: 22px 0 0; padding: 0 0 70px; }
main .bulkEditSave { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; }
main .bulkEditSave button.submit { flex: 0 0 auto; display: inline-block; width: auto; min-width: 0; max-width: none; height: 48px; margin: 0; padding: 0 30px; text-align: center; background: #00BC80; border: 2px solid var(--pto-ink); border-radius: 10px; color: var(--pto-ink); font: inherit; font-weight: 700; opacity: 1; cursor: pointer; }
main .bulkEditSave button.submit:hover { background: #FEE04E; }
main .bulkEditSave a { color: var(--pto-ink); font-size: 14px; white-space: nowrap; }
main .bulkEditPager { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; padding: 18px 0 0; border-top: 1px solid var(--pto-line); font-size: 14px; }
main .bulkEditPagerButtons { display: flex; gap: 10px; }
main .bulkEditPager button { height: 42px; margin: 0; padding: 0 16px; background: #fff; border: 2px solid var(--pto-ink); border-radius: 10px; color: var(--pto-ink); font: inherit; font-weight: 700; white-space: nowrap; cursor: pointer; }
main .bulkEditPager button:hover { background: #FEE04E; }
main .bulkEditPagerInfo { white-space: nowrap; }
main .bulkEditJump { display: flex; align-items: center; gap: 8px; margin-left: auto; }
main .bulkEditJump label { margin: 0; white-space: nowrap; }
main .bulkEditJump input[type="number"] { width: 76px; height: 42px; box-sizing: border-box; margin: 0; padding: 0 10px; border: 2px solid var(--pto-ink); border-radius: 10px; font: inherit; }
@container (max-width: 960px) {
 main .bulkEditHead { display: none; }
 main .bulkEditPlate, main .bulkEditPrice, main .bulkEditActions, main .bulkEditKeywords, main .bulkEditDescription { grid-column: auto; grid-row: auto; }
 main .bulkEditRow { display: block; padding: 16px 0; }
 main .bulkEditTop { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin: 0 0 12px; }
 main .bulkEditText { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
 main .bulkEditPrice { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 4px; }
 main .bulkEditPriceBox { margin: 0 8px 0 0; }
 main .bulkEditActions { flex-direction: row; align-items: center; gap: 16px; margin-left: auto; }
 main .bulkEditText .bulkEditLabel { display: block; }
}
@container (max-width: 560px) {
 main .bulkEditText { grid-template-columns: minmax(0, 1fr); }
 main .bulkEditActions { margin-left: 0; width: 100%; }
}

main .advertsMore { clear: both; margin: 22px 0 0; padding: 0 0 60px; text-align: center; }
main .advertsMore p { margin: 0 0 10px; color: #666; font-size: 13px; }
main p.advertsMore a, main .advertsMore a.advertsMoreButton { display: inline-block; height: 46px; box-sizing: border-box; padding: 0 26px; background: #fff; border: 2px solid var(--pto-ink); border-radius: 10px; color: var(--pto-ink); font-weight: 700; line-height: 42px; text-decoration: none; cursor: pointer; }
main .advertsMore a.advertsMoreButton { margin: 0 4px 8px; }
main .advertsMore a.advertsMoreAll { background: #f5f5f5; }
main .advertsMore a.advertsMoreButton:hover { background: #FEE04E; }

/* Small screens */
.ptoCard { padding: 16px; }
.ptoSent { max-width: 90%; }
.ptoBigPrice { font-size: 34px; }
.ptoBuyCard { padding: 22px; }
.ptoCardFoot { flex-direction: column; align-items: flex-start; }
.seventy.left { float: none; box-sizing: border-box; width: 100%; padding-left: 0; padding-right: 0; }
body.platePage main .thirty.right { float: none; position: static; width: 100%; margin: 20px 0; padding: 20px; }
.ptoCardFoot #sharePlate { min-width: 0; }
.ptoPanelHead { align-items: flex-start; }
main .advertsEntryButtons { margin: 18px 0 0; padding: 0; }
main .advertsEntryButtons .advertsEntryButton { display: flex; align-items: center; gap: 12px; float: none; clear: both; box-sizing: border-box; min-height: 48px; margin: 0 0 10px; padding: 0 14px; border: 2px solid var(--pto-ink); border-radius: 10px; background: #fff; }
main .advertsEntryButtons.advertEntryButtonsVal .advertsEntryButton { float: none; }
main .advertsEntryButtons .advertsEntryButton a { display: block; float: none; order: -1; width: 20px; height: 20px; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; }
main .advertsEntryButtons .advertsEntryButton a::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
main .advertsEntryButtons .advertsEntryButton a img { display: block; width: 20px; height: 20px; }
main .advertsEntryButtons .tooltip { display: block; padding: 0; font-size: 15px; font-weight: 600; line-height: 1.3; }
main .advertsEntryButtons .advertsEntryButtonGreen { background: #00BC80; border-color: var(--pto-ink); }
main .advertsEntryButtons .advertsEntryButtonGreen a { background: none; }
main .advertsEntryButtons.advertEntryButtonsVal, main .advertsEntryButtons.advertsEntryButtonsSearches, main .advertsEntryButtons.advertsEntryButtonsSavedAds { float: none; clear: both; width: auto; margin: 14px 0 0; }
main .advertsEntryButtons.advertsEntryButtonsSearches, main .advertsEntryButtons.advertsEntryButtonsSavedAds { display: flex; flex-direction: column; }
main .advertsEntryButtons.advertsEntryButtonsSearches .advertsEntryButton:last-child, main .advertsEntryButtons.advertsEntryButtonsSavedAds .advertsEntryButton:last-child { order: -1; }
main .advertsEntryButtons.advertsEntryButtonsNewline { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; float: none; clear: both; width: auto; margin: 0; padding: 18px 0 0; }
main .advertsEntryButtons.advertsEntryButtonsNewline .advertsEntryButton { min-width: 0; margin: 0; padding: 0 12px; gap: 10px; }
main .advertsEntryButtons.advertsEntryButtonsNewline .tooltip { font-size: 14px; }
main .advertsFilter { flex-basis: 100%; flex-direction: column; align-items: stretch; }
main .advertsFilter input[type="search"] { flex: 0 0 auto; width: 100%; }
main .advertsFilter select { width: 100%; }
main .advertsManage { flex: 1 1 100%; }
main .advertsManage summary { justify-content: space-between; }
main .advertsManageMenu { left: 0; right: 0; }
main .messageThreadActions { grid-template-columns: 1fr 1fr; }
main .messageThreadActions a.messageActionLink { min-width: 0; padding: 0 12px; }
main .messageThreadActions a.messageActionLink:last-child { grid-column: 1 / -1; }
main .advertsEntryButtons .ttFull { display: none; }
main .advertsEntryButtons .ttShort { display: inline; }
main .advertsEntryButtons .advertsButtonView { order: 1; }
main .advertsEntryButtons .advertsButtonEdit { order: 2; }
main .advertsEntryButtons .advertsButtonStats { order: 3; }
main .advertsEntryButtons .advertsButtonRemove { order: 4; }
main .advertsEntryButtons .advertsButtonManage { order: 5; grid-column: 1 / -1; }
.advertsSearch input[type="text"], .advertsSearch button { width: 100%; }
.ptoBuyBar .ptoBuyButtons { flex-direction: column; align-items: stretch; }
.ptoBuyBar .ptoBuyForm, .ptoBuyBar .ptoOffer { flex: none; width: 100%; min-width: 0; }
.ptoChips { flex-direction: column; margin: 16px 0 12px; }
.ptoChip { box-sizing: border-box; width: 100%; padding: 11px 16px; border-radius: 12px; font-size: 14px; text-align: center; }
main h1:has(> span.backButton) { font-size: 26px; line-height: 1.25; }
main h1 span.backButton { margin-top: 2px; }
main h1 span.backButton a { padding: 7px 10px; font-size: 12px; white-space: nowrap; }
body.platePage .titleRow { margin-bottom: 28px; }
body.platePage main #plateWrapperMain .plateStack { gap: 14px; margin: 0 0 32px; }
body.platePage main #plateWrapperMain #advertFormCar { margin: 0 0 28px; }
.ptoBadgeRow #plateBadges .plateBadgesEntry { margin-bottom: 12px; }
.ptoBuyButtons { gap: 12px; }
:is(#tabContents, main) .messageEntry { margin: 0 0 14px; padding: 16px !important; }
:is(#tabContents, main) .messageEntry > a { display: grid; grid-template-columns: auto 1fr; column-gap: 14px; align-items: center; padding: 0 !important; }
:is(#tabContents, main) .messageEntry > a > .clear { display: none; }
:is(#tabContents, main) .messageEntry .messageHeaderPlate { grid-row: 1 / span 2; float: none; box-sizing: border-box; width: auto !important; margin: 0; padding: 10px 14px; font-size: 22px; line-height: 1.1; white-space: nowrap; text-align: center; }
:is(#tabContents, main) .messageEntry .messageHeaderName, :is(#tabContents, main) .messageEntry .messageHeaderDate { grid-column: 2; float: none; width: auto; margin: 0; padding: 0; text-align: left; }
:is(#tabContents, main) .messageEntry .messageHeaderName { align-self: end; font-weight: 700; }
:is(#tabContents, main) .messageEntry .messageHeaderDate { align-self: start; font-size: 13px; color: var(--pto-muted); }
:is(#tabContents, main) .messageEntry .messagePreview { grid-column: 1 / -1; height: auto; margin: 14px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
:is(#tabContents, main) .messageEntry .messageActions { position: static; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 14px 0 0; padding: 0 !important; }
:is(#tabContents, main) .messageEntry .messageActions > :last-child { grid-column: 1 / -1; }
:is(#tabContents, main) .messageEntry .messageActions a, :is(#tabContents, main) .messageEntry .messageActions button { box-sizing: border-box; width: 100%; min-width: 0; justify-content: flex-start; min-height: 44px; margin: 0 !important; padding: 0 8px 0 38px !important; background-position: 11px 50%; }
:is(#tabContents, main) .messageEntry .messageActions .tooltip, :is(#tabContents, main) .messageEntry .messageActions a:hover .tooltip, :is(#tabContents, main) .messageEntry .messageActions button:hover .tooltip { display: block; position: static; width: auto; padding: 0; background: none; color: var(--pto-ink); font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.2; white-space: normal; text-align: left; }
:is(#tabContents, main) .messageEntry .messageActions .tooltip::after { display: none; }
:is(#tabContents, main) .messageEntry .messageActions { margin-left: 0; }
.titleRow { flex-wrap: nowrap; gap: 12px; }
.titleRow h1.pagetitle { flex: 1 1 auto; min-width: 0; font-size: 26px; line-height: 1.2; }
.titleRow span.searchSave { flex: 0 0 auto; }
.titleRow span.searchSave a { margin-left: 0; padding: 12px 10px 12px 38px; font-size: 13px; white-space: nowrap; }
body.platePage main #plateWrapperMain { display: flex; flex-direction: column; }
body.platePage main #plateWrapperMain > .half.left { order: -2; }
body.platePage main #plateWrapperMain > .half.right { order: -1; }
body.platePage main #plateWrapperMain .plateStack { margin: 0 0 16px; }
body.platePage main #plateWrapperMain .plateStack .plateDisplay { width: 100%; box-sizing: border-box; margin-left: 0; margin-right: 0; }
body.platePage main #plateWrapperMain #advertFormCar { max-width: none; margin: 0 0 20px; }
body.platePage main #plateWrapperMain #advertFormCar img.sellerUploaded { width: 100%; max-width: 100%; max-height: none; margin: 0; }
/* Saved adverts - two half-width buttons side by side, clear of the plate */
main .advertsEntry .advertsEntryButtons.advertsEntryButtonsSavedAds { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; float: none; clear: both; width: auto; margin: 18px 0 0; padding: 0; }
main .advertsEntry .advertsEntryButtons.advertsEntryButtonsSavedAds .advertsEntryButton { flex: 1 1 0; min-width: 0; margin: 0; padding: 0 10px; gap: 8px; }
main .advertsEntry .advertsEntryButtons.advertsEntryButtonsSavedAds .tooltip { font-size: 14px; line-height: 1.2; }
main .advertsEntry .advertsEntryButtons.advertsEntryButtonsSavedAds .clear { display: none; }
main .advertsEntry .advertsEntryPlate:has(+ .advertsEntryButtonsSavedAds) { margin-bottom: 18px; }
/* Open conversation note at the top of the buy card */
.ptoThreadRow { margin: 0 0 14px; padding: 10px 12px; background: var(--pto-green-soft, #EAF9F3); border: 1px solid var(--pto-green, #00BC80); border-radius: 8px; font-size: 14px; line-height: 1.5; color: var(--pto-ink, #1C1821); }
.ptoThreadRow a { color: var(--pto-ink, #1C1821); font-weight: 600; text-decoration: underline; }

/* Seller payment request box, compact */
.ptoBuyBar:has(> form.ptoOfferForm) { padding: 14px 16px; }
.ptoBuyBar > .ptoKicker { margin: 0; }
.ptoBuyBar > form.ptoOfferForm { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; margin: 10px 0 0; }
.ptoBuyBar > form.ptoOfferForm label { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 14px; font-weight: 600; flex: 0 0 auto; }
.ptoBuyBar > form.ptoOfferForm .ptoCurrency { width: 130px; flex: 0 0 auto; }
.ptoBuyBar > form.ptoOfferForm .ptoCurrency input { height: 40px; font-size: 16px; }
.ptoBuyBar > form.ptoOfferForm .ptoBtn { width: auto; min-height: 40px; padding: 0 18px; font-size: 15px; flex: 0 0 auto; }
.ptoBuyBar > form.ptoOfferForm + .ptoNote { margin: 10px 0 0; font-size: 13px; }

.ptoBuyBar:has(> form.ptoOfferForm) { text-align: left; }
.ptoBuyBar > form.ptoOfferForm { justify-content: flex-start; }

/* Seller payment request line v2 */
.ptoThreadRow { position: relative; margin: 0 0 14px; padding: 14px 16px 14px 60px; background: #EAF9F3; border: 2px solid #00BC80; border-radius: 10px; font-size: 15px; font-weight: 500; line-height: 1.5; color: #1C1821; text-align: left; }
.ptoThreadRow::before { content: ""; position: absolute; left: 14px; top: 50%; width: 32px; height: 32px; margin-top: -16px; border-radius: 50%; background: #00BC80 url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22%231C1821%22 d=%22M4 4h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H9l-5 4v-4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z%22/%3E%3C/svg%3E") center / 18px 18px no-repeat; }
.ptoThreadRow a { display: inline-block; color: #1C1821; font-weight: 700; text-decoration: underline; }
.ptoReqBar { margin: 18px 0 16px; }
.ptoReqBar::before { top: 35px; }
.ptoReq > summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; list-style: none; cursor: pointer; }
.ptoReq > summary::-webkit-details-marker { display: none; }
.ptoReqMsg { flex: 1 1 auto; min-width: 0; font-size: 15px; font-weight: 600; }
.ptoReqBar .ptoBtn { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; flex: 0 0 auto; width: auto; min-width: 0; height: 42px; min-height: 0; margin: 0; padding: 0 20px; font-family: inherit; font-size: 15px; font-weight: 700; line-height: 1; white-space: nowrap; }
.ptoReqClose { display: none; flex: 0 0 auto; font-size: 14px; font-weight: 600; text-decoration: underline; }
.ptoReq[open] .ptoReqOpen { display: none; }
.ptoReq[open] .ptoReqClose { display: inline; }
.ptoReqForm { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 10px 12px; margin: 12px 0 0; }
.ptoReqForm label { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 14px; font-weight: 600; }
.ptoReqBar .ptoCurrency { width: 140px; height: 42px; margin: 0; border-radius: 10px; box-sizing: border-box; }
.ptoReqBar .ptoCurrency em { padding-left: 12px; font-size: 15px; }
.ptoReqBar .ptoCurrency input { height: 38px; padding: 0 12px 0 6px; font-size: 15px; }
.ptoReqNote { margin: 10px 0 0; font-size: 13px; font-weight: 400; line-height: 1.5; color: #4A4650; }
@media (max-width: 520px) { .ptoReq > summary { flex-wrap: wrap; } .ptoReqBar .ptoReqOpen, .ptoReqForm .ptoBtn { width: 100%; } }

/* Badge on the Asking price line v2 */
.ptoPriceHead { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 8px 16px; }
.ptoPriceHead .ptoPriceMain { min-width: 0; }
.ptoPriceHead .ptoBadgeRow { display: block; flex: 0 0 auto; margin: 0 0 0 auto; }
.ptoPriceHead .ptoBadgeRow #plateBadges { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.ptoPriceHead .ptoBadgeRow #plateBadges .plateBadgesEntry { float: none; margin: 0; }
.ptoPriceHead .ptoBadgeRow a, .ptoPriceHead .ptoBadgeRow a:hover { text-decoration: none; }

/* Plate viewer plate shadow */
#plateCanvas { filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.45)); }

/* Badge on the Asking price line mobile v4 */
body .ptoPriceHead { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "kicker badges" "price price"; align-items: start; gap: 6px 12px; }
body .ptoPriceHead .ptoPriceMain { display: contents; }
body .ptoPriceHead .ptoKicker { grid-area: kicker; }
body .ptoPriceHead .ptoBigPrice { grid-area: price; }
body .ptoPriceHead .ptoBadgeRow { grid-area: badges; margin: 0; }
body .ptoPriceHead .ptoBadgeRow #plateBadges { flex-direction: column; align-items: flex-end; flex-wrap: nowrap; }

/* Plate viewer reset button and thumbnails */
body #viewerSidebar #reset-btn { color: #fff !important; }
body #viewerImages { visibility: visible !important; }
body div#viewerImages img { background: #eee; }

/* Plate viewer corner points hidden */
body #controlHandles.pvCornersHidden circle { display: none !important; }

/* Plate viewer thumbnail proportions */
body div#viewerImages img { height: auto !important; }
body div#viewerImages img#upload-btn { height: auto !important; }

/* Plate viewer smaller thumbnails and control points */
body div#viewerImages { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; }
body div#viewerImages img { flex: 0 0 calc((100% - 18px) / 4) !important; width: calc((100% - 18px) / 4) !important; height: auto !important; margin: 0 !important; clear: none !important; }
body #viewerMain circle.control-point { r: 12; fill: #111; fill-opacity: .65; stroke: #fff; stroke-width: 2; }

/* Plate viewer download pop-up */
body #downloadBox a#searchLink { display: block; padding: 10px; font-size: 16px; font-weight: bold; background: #fff; text-align: center; color: #00BC80; border: solid 2px #00BC80; text-decoration: none; margin-bottom: 20px; border-radius: 5px; line-height: 20px; box-sizing: border-box; }
body #downloadBox a#searchLink em { display: block; font-size: 12px; font-weight: normal; }
body #downloadBox a#searchLink:hover { background: #00BC80; color: #fff; }

/* Plate viewer download pop-up v2 */
body div#downloadBox { overflow-x: hidden !important; overflow-y: auto !important; }
body #downloadBox a#searchLink { display: block; padding: 10px; font-size: 16px; font-weight: bold; background: #fff; text-align: center; color: #00BC80; border: solid 2px #00BC80; text-decoration: none; margin-bottom: 20px; border-radius: 5px; line-height: 20px; box-sizing: border-box; }
body #downloadBox a#searchLink em { display: block; font-size: 12px; font-weight: normal; }
body #downloadBox a#searchLink:hover { background: #00BC80; color: #fff; }
body #downloadBox h3 { padding-right: 36px; }

/* Plate viewer download pop-up v3 */
body div#downloadBox { overflow-x: hidden !important; overflow-y: auto !important; }
body #downloadBox h3 { text-align: center; padding: 0 36px; margin-bottom: 16px; }
body #downloadBox h4 { font-size: 16px; font-weight: bold; margin: 0 0 6px; font-family: 'Cabin', sans-serif; }
body #downloadBox #pvPopCols { display: flex; gap: 16px; margin-bottom: 16px; }
body #downloadBox .pvPopSell, body #downloadBox .pvPopBuy { border: solid 1px #ddd; border-radius: 10px; padding: 14px; display: flex; flex-direction: column; text-align: center; box-sizing: border-box; }
body #downloadBox .pvPopSell { flex: 1.5; }
body #downloadBox .pvPopBuy { flex: 1; }
body #downloadBox .pvPopSell p, body #downloadBox .pvPopBuy p { margin-bottom: 12px; }
body #downloadBox .pvPopBuy p { flex: 1; }
body #downloadBox .pvPopSell .upsellTpBox { flex: 1; margin-bottom: 12px; }
body #downloadBox .pvPopSell a#upsellLink { margin-bottom: 0; }
body #downloadBox a#searchLink { display: block; padding: 10px; font-size: 16px; font-weight: bold; background: #fff; text-align: center; color: #00BC80; border: solid 2px #00BC80; text-decoration: none; margin: 0; border-radius: 5px; line-height: 20px; box-sizing: border-box; }
body #downloadBox a#searchLink:hover { background: #00BC80; color: #fff; }
body #downloadBox #pvPopCols { flex-direction: column; }
body #downloadBox h3 { font-size: 16px; }

/* Plate viewer download pop-up mobile compact */
body #downloadBox .pvPopSell .upsellTpBox { display: none; }
body #downloadBox .pvPopBuy p { display: none; }
body #downloadBox .pvPopSell p { margin-bottom: 8px; font-size: 14px; line-height: 19px; }
body #downloadBox h3 { margin-bottom: 12px; }
body #downloadBox #pvPopCols { gap: 10px; margin-bottom: 10px; }
body #downloadBox .pvPopSell, body #downloadBox .pvPopBuy { padding: 10px; }
body #downloadBox .pvPopSell a#upsellLink { margin-top: 4px; }

/* Plate viewer download pop-up figures */
body #downloadBox .pvStats { display: flex; gap: 8px; margin-bottom: 10px; }
body #downloadBox .pvStat { flex: 1; background: #f3faf7; border-radius: 8px; padding: 6px 4px; }
body #downloadBox .pvStat b { display: block; font-size: 20px; line-height: 22px; font-weight: bold; color: #00946a; font-family: 'Cabin', sans-serif; }
body #downloadBox .pvStat span { display: block; font-size: 10px; line-height: 13px; letter-spacing: .3px; text-transform: uppercase; margin-top: 2px; }
body #downloadBox .pvHide { display: none; }

/* Plate viewer upload crop */
html.pvCropOpen { overflow: hidden; }
body #pvCrop { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99999; background: rgba(0,0,0,.8); display: flex; align-items: center; justify-content: center; padding: 12px; box-sizing: border-box; }
body #pvCrop .pvCropBox { background: #fff; border-radius: 12px; padding: 18px; max-width: 700px; width: 100%; max-height: 100%; overflow-y: auto; box-sizing: border-box; text-align: center; }
body #pvCrop h3 { margin: 0 0 6px 0; font-size: 20px; }
body #pvCrop p { margin: 0 0 12px 0; }
body #pvCrop .pvCropStage { position: relative; display: inline-block; line-height: 0; overflow: hidden; border-radius: 4px; touch-action: none; user-select: none; -webkit-user-select: none; }
body #pvCrop img.pvCropImg { display: block; max-width: 100%; max-height: 55vh; width: auto; height: auto; border-radius: 4px; pointer-events: none; }
body #pvCrop .pvCropFrame { position: absolute; box-sizing: border-box; border: 3px solid #00be82; border-radius: 4px; box-shadow: 0 0 0 9999px rgba(0,0,0,.6); cursor: move; touch-action: none; }
body #pvCrop .pvCropBtns { display: flex; gap: 10px; margin-top: 14px; }
body #pvCrop .pvCropBtns button { flex: 1; padding: 12px; border-radius: 6px; font-size: 16px; font-weight: bold; cursor: pointer; border: solid 2px #00be82; font-family: inherit; }
body #pvCrop .pvCropUse { background: #00be82; color: #fff; }
body #pvCrop .pvCropCancel { background: #fff; color: #00946a; }

/* Advert photo crop: hide the old cropping box */
body #jsPhoto .croppie-container { height: 0; overflow: hidden; opacity: 0; pointer-events: none; margin: 0; }

/* Advert form notes boxes tall enough for the hint */
body .formLabelWrapper textarea { min-height: 128px !important; }

/* Pay page: figures inside the intro */
body.payPage.r2plan .r2Intro .r2Stats { margin: 16px 0 18px; }

/* Pay page: feature popups */
body.payPage.r2plan .r2PlanFeat a { color: inherit; text-decoration: underline dotted; text-underline-offset: 3px; cursor: pointer; }
body.payPage.r2plan .r2PlanFeat a:hover { color: var(--r2-green-dark, #0b7a55); }

/* Small popup: no inner scrollbar */
body #modalBoxContentContainer.small { max-height: 65vh; overflow-y: auto; }
body #modalBoxContentContainer.small #modalBoxContent { max-height: none; overflow-y: visible; }
body #modalBoxContentContainer.small #modalBoxContent p:last-child { margin-bottom: 0; }

/* Small popup v2: fit to text */
html body #modalBoxContentContainer.small { height: auto !important; max-height: 85vh !important; overflow-y: auto !important; overflow-x: hidden !important; }
html body #modalBoxContentContainer.small #modalBoxContent { height: auto !important; max-height: none !important; overflow: visible !important; }
html body #modalBoxContentContainer.small #modalBoxContent > * { max-height: none !important; overflow: visible !important; }
html body #modalBoxContentContainer.small #modalBoxContent p:last-child { margin-bottom: 0 !important; }

/* CSV upload: processing screen */
.csvSubmitButton { margin-top: 40px; }
.csvLoadingOverlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.95); z-index: 9999; justify-content: center; align-items: center; flex-direction: column; }
.csvLoadingOverlay.csvLoadingShow { display: flex; }
.csvLoadingBox { text-align: center; }
.csvLoadingBox h2 { margin-top: 30px; }
.csvLoadingBox p { color: #666; }
.csvSpinner { width: 60px; height: 60px; border: 5px solid #e0e0e0; border-top: 5px solid #28a745; border-radius: 50%; animation: csvSpin 1s linear infinite; margin: 0 auto; }
@keyframes csvSpin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* CSV upload: file and VAT form */
#csvUploadForm { background: #fff; border: 1px solid #e3e3e3; border-radius: 10px; padding: 24px; max-width: 640px; margin: 24px 0; box-sizing: border-box; }
#csvUploadForm .csvField { margin: 0 0 22px 0; }
#csvUploadForm .csvLabel { display: block; font-weight: 700; margin: 0 0 8px 0; }
#csvUploadForm .csvFileInput { display: block; width: 100%; box-sizing: border-box; padding: 18px; border: 2px dashed #c9c9c9; border-radius: 8px; background: #fafafa; font: inherit; cursor: pointer; }
#csvUploadForm .csvFileInput:hover { border-color: #00BC80; }
#csvUploadForm .csvFileInput::file-selector-button { background: #1C1821; color: #fff; border: 0; border-radius: 6px; padding: 9px 16px; margin-right: 14px; font: inherit; font-weight: 700; cursor: pointer; }
#csvUploadForm .csvSelect { display: block; width: 100%; box-sizing: border-box; padding: 12px 14px; border: 1px solid #c9c9c9; border-radius: 8px; background: #fff; font: inherit; }
#csvUploadForm .csvHint { display: block; margin: 6px 0 0 0; font-size: 13px; color: #5F5A66; }
#csvUploadForm .csvTwo { margin: 0 0 22px 0; padding: 14px 16px; background: #f4f4f4; border-radius: 8px; }
#csvUploadForm .csvTwo summary { cursor: pointer; font-weight: 700; }
#csvUploadForm .csvTwo p { margin: 14px 0 0 0; }
#csvUploadForm .csvTwo input[type=file] { display: block; margin: 6px 0 0 0; max-width: 100%; }
#csvUploadForm .submit { margin: 0; }
@media (max-width: 600px) { #csvUploadForm { padding: 16px; } }

/* Advert page plate font 38px */
body.platePage main .plateDisplay { font-size: 38px; }

/* Offer card buttons on phones: Accept on its own row, Counter offer and Decline the same height side by side */
.ptoActions .ptoBtnGreen { flex: 1 1 100%; }
.ptoActions .ptoCounter, .ptoActions .ptoCounter ~ .ptoBtnGhost { flex: 1 1 calc(50% - 5px); min-width: 0; }
.ptoActions .ptoBtnGreen + .ptoBtnGhost { flex: 1 1 100%; }
.ptoActions .ptoCounter summary, .ptoActions .ptoCounter ~ .ptoBtnGhost { min-height: 52px; display: flex; align-items: center; justify-content: center; }

/* Message thread: calmer layout v2 */
main #messageThreadContentUpdate { border-top: 1px solid #E6E3EA; }
main .ptoChips { display: none; }
main .messageSafetyNote { font-size: 12px; line-height: 1.45; color: #6B6670; background: none; border: 0; border-radius: 0; padding: 0; margin: 8px 0 0; }
main .messageSafetyNote strong { display: inline; margin: 0; font-weight: 600; }
main .messageThreadActions { display: flex; flex-wrap: nowrap; gap: 8px; margin: 14px 0 32px; padding: 12px 0 0; border-top: 1px solid #E6E3EA; }
main .messageThreadActions a.messageActionLink { display: flex; flex: 1 1 0; align-items: center; justify-content: center; width: auto; min-width: 0; max-width: none; margin: 0; padding: 8px 6px; border: 1px solid #D9D6DE; border-radius: 8px; background: #fff; box-shadow: none; color: #5F5A66; font-size: 12px; font-weight: 500; text-decoration: none; white-space: nowrap; }
main .messageThreadActions a.messageActionLink:hover { background: #FAFAFA; border-color: #BDB8C4; color: #1C1821; }
main .messageThreadActions a.messageActionLink img { display: none; }

/* Message thread: space around offer cards */
main #messageThreadContentUpdate .messageTextEntry + .ptoCard { position: relative; top: 16px; margin-top: 0; margin-bottom: 16px; }

/* Offer panel: total breakdown */
.ptoIncVatLine .ptoTotalInline { color: var(--pto-ink); font-weight: 700; }
#ptoAmountRow .ptoSum { margin: 12px 0 0; padding: 10px 16px; background: #F4F1F6; border-radius: 12px; font-size: 14px; }
#ptoAmountRow .ptoSum[hidden] { display: none; }
#ptoAmountRow .ptoSum div { display: flex; justify-content: space-between; padding: 2px 0; color: var(--pto-muted); }
#ptoAmountRow .ptoSum div b { color: var(--pto-ink); font-weight: 600; }
#ptoAmountRow .ptoSum div.ptoSumTotal { margin-top: 5px; padding-top: 6px; border-top: 1px solid #D9D4DE; color: var(--pto-ink); font-size: 16px; font-weight: 700; }
#ptoAmountRow .ptoSum div.ptoSumTotal b { font-weight: 700; }
body.platePage main #finerDetails p.finerDetails .finerDetailsTotal { display: block; font-weight: 700; }

/* Offer panel: fees and help */
.ptoHelpHost { position: relative; }
.ptoHelp { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; margin: 0 0 0 4px; border: 1px solid currentColor; border-radius: 50%; background: #fff; color: var(--pto-muted); font-family: 'Inter', sans-serif; font-size: 11px; font-style: normal; font-weight: 600; letter-spacing: 0; line-height: 1; text-transform: none; vertical-align: middle; cursor: help; }
.ptoHelp:hover, .ptoHelp:focus { border-color: var(--pto-ink); color: var(--pto-ink); outline: 0; }
.ptoHelp::after { content: attr(data-tip); display: none; position: absolute; top: calc(100% + 6px); right: 0; left: 0; z-index: 30; padding: 10px 12px; border-radius: 8px; background: var(--pto-ink); box-shadow: 0 6px 20px rgba(28, 24, 33, 0.25); color: #fff; font-size: 13px; font-weight: 400; line-height: 1.45; text-align: left; white-space: normal; }
.ptoHelp:hover::after, .ptoHelp:focus::after { display: block; }
.ptoTable { position: relative; }
.ptoSecure { color: var(--pto-ink); font-weight: 600; }
.ptoSafeLead { margin: 0 0 12px; font-size: 14px; font-weight: 600; line-height: 1.5; }

/* Offer panel: fee notes */
.ptoExplain { font-size: 13px; line-height: 1.5; }
.ptoSecure { color: var(--pto-ink); font-weight: 600; }
.ptoSafeLead { margin: 0 0 12px; font-size: 14px; font-weight: 600; line-height: 1.5; }

/* Finer details: fee line */
body.platePage main #finerDetails p.finerDetails .finerDetailsLine { display: block; }

/* Price breakdown boxes and help */
#ptoBuySum { margin: 12px 0 14px; padding: 10px 16px; background: #F4F1F6; border-radius: 12px; font-size: 14px; }
#ptoBuySum[hidden] { display: none; }
#ptoBuySum div { display: flex; justify-content: space-between; padding: 2px 0; color: var(--pto-muted); }
#ptoBuySum div b { color: var(--pto-ink); font-weight: 600; }
#ptoBuySum div.ptoSumTotal { margin-top: 5px; padding-top: 6px; border-top: 1px solid #D9D4DE; color: var(--pto-ink); font-size: 16px; font-weight: 700; }
#ptoBuySum div.ptoSumTotal b { font-weight: 700; }
.ptoHelp { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 15px; height: 15px; margin: 0 0 0 5px; border-radius: 50%; background: #DDD9E3; color: #4A4650; font-family: 'Inter', sans-serif; font-size: 10px; font-style: normal; font-weight: 600; letter-spacing: 0; line-height: 1; text-transform: none; vertical-align: middle; cursor: help; }
.ptoHelp:hover, .ptoHelp:focus { background: var(--pto-ink); color: #fff; outline: 0; }
.ptoHelp::after { content: attr(data-tip); display: none; position: absolute; bottom: calc(100% + 8px); left: 50%; z-index: 30; box-sizing: border-box; width: 240px; max-width: 70vw; padding: 10px 12px; transform: translateX(-50%); border-radius: 8px; background: var(--pto-ink); box-shadow: 0 6px 20px rgba(28, 24, 33, 0.25); color: #fff; font-size: 13px; font-weight: 400; line-height: 1.45; text-align: left; white-space: normal; pointer-events: none; }
.ptoHelp:hover::after, .ptoHelp:focus::after { display: block; }

/* Price breakdown boxes and help v2 */
#ptoBuySum { margin: 12px 0 14px; padding: 10px 16px; background: #F4F1F6; border-radius: 12px; font-size: 14px; }
#ptoBuySum[hidden] { display: none; }
#ptoBuySum div { display: flex; justify-content: space-between; padding: 2px 0; color: var(--pto-muted); }
#ptoBuySum div b { color: var(--pto-ink); font-weight: 600; }
#ptoBuySum div.ptoSumTotal { margin-top: 5px; padding-top: 6px; border-top: 1px solid #D9D4DE; color: var(--pto-ink); font-size: 16px; font-weight: 700; }
#ptoBuySum div.ptoSumTotal b { font-weight: 700; }
.ptoHelp { display: inline-flex; align-items: center; justify-content: center; width: 15px; height: 15px; margin: 0 0 0 5px; border-radius: 50%; background: #DDD9E3; color: #4A4650; font-family: 'Inter', sans-serif; font-size: 10px; font-style: normal; font-weight: 600; letter-spacing: 0; line-height: 1; text-transform: none; vertical-align: middle; cursor: help; }
.ptoHelp:hover, .ptoHelp:focus { background: #1C1821; color: #fff; outline: 0; }
.ptoTipBox { position: fixed; z-index: 1000; box-sizing: border-box; width: 240px; max-width: calc(100vw - 16px); padding: 10px 12px; border-radius: 8px; background: #1C1821; box-shadow: 0 6px 20px rgba(28, 24, 33, 0.25); color: #fff; font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 400; line-height: 1.45; text-align: left; pointer-events: none; }
.ptoTipBox[hidden] { display: none; }

/* Message thread: plate in the header */
main .threadPlate { display: inline-block; box-sizing: border-box; margin: 0 0 6px; padding: 4px 16px; border: 2px solid #000; border-radius: 10px; background: #FEE04E; color: #000; font-family: 'UKNumberPlate', sans-serif; font-size: 30px; font-weight: normal; line-height: 1.2; text-decoration: none; white-space: nowrap; }
main a.threadPlate:hover { background: #FFE768; color: #000; }

/* Price help: one tooltip, wider */
.ptoHelp::after { content: none; display: none; }
.ptoTipBox { width: 340px; }

/* Price help: tooltip width */
.ptoTipBox { width: max-content; max-width: min(460px, calc(100vw - 16px)); }

/* Accepted offer card with steps */
.ptoAccepted { text-align: left; }
.ptoAcceptedHead { display: flex; gap: 14px; align-items: flex-start; }
.ptoOkIcon { display: flex; flex: 0 0 36px; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #00BB86; }
.ptoOkIcon svg { width: 20px; height: 20px; fill: none; stroke: #fff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.ptoAcceptedHead .ptoTitle { margin: 0; }
.ptoAcceptedHead .ptoMuted { margin: 6px 0 0; }
.ptoPaidBox { margin: 16px 0 0; padding: 12px 16px; border-radius: 12px; background: #F4F1F6; color: var(--pto-ink); font-size: 15px; }
.ptoPaidBox b { margin-left: 2px; font-family: 'Cabin', sans-serif; font-size: 22px; }
.ptoSteps { display: flex; margin: 18px 0 0; padding: 0; list-style: none; font-size: 12px; }
.ptoSteps li { position: relative; flex: 1 1 0; margin: 0; padding: 20px 4px 0; color: #8A8590; font-weight: 600; line-height: 1.3; text-align: center; }
.ptoSteps li::before { content: ""; position: absolute; top: 0; left: 50%; z-index: 1; box-sizing: border-box; width: 14px; height: 14px; margin-left: -7px; border: 2px solid #CFCAD6; border-radius: 50%; background: #fff; }
.ptoSteps li::after { content: ""; position: absolute; top: 6px; left: 50%; width: 100%; height: 2px; background: #E1DDE7; }
.ptoSteps li:last-child::after { display: none; }
.ptoSteps li.ptoDone, .ptoSteps li.ptoNow { color: var(--pto-ink); }
.ptoSteps li.ptoDone::before { border-color: #00BB86; background: #00BB86; }
.ptoSteps li.ptoDone::after { background: #00BB86; }
.ptoSteps li.ptoNow::before { border-color: #FEE04E; background: #FEE04E; box-shadow: 0 0 0 3px #FFF6C2; }
@media (max-width: 560px) {
.ptoSteps { display: block; font-size: 13px; }
.ptoSteps li { padding: 0 0 12px 26px; text-align: left; }
.ptoSteps li::before { top: 1px; left: 0; margin-left: 0; }
.ptoSteps li::after { top: 16px; bottom: -2px; left: 6px; width: 2px; height: auto; }
}

/* Thread header asking line and green accepted card */
main .threadAsking { display: block; margin: 8px 0 0; color: #5F5A66; font-size: 11px; font-style: normal; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }
main .threadAsking + em.threadSubline { margin-top: 4px; }
.ptoCard.ptoAccepted { padding: 19px 21px; border: 2px solid #00BB86; }

/* Offer panel: no title, back button right */
.ptoPanelHead .ptoBack { margin-left: auto; }
.ptoFormTitle[hidden] { display: none; }

/* Offer panel: secure payment note in breakdown */
#ptoAmountRow .ptoSum p.ptoSumNote { margin: 8px 0 0; padding: 0; color: var(--pto-muted); font-size: 12px; line-height: 1.4; }

/* Closed thread notice */
main .threadClosedBox { margin: 10px 0 16px; padding: 18px 20px; border: 1px solid #E2DEE6; border-radius: 12px; background: #F8F7F9; }
main .threadClosedBox strong { display: block; color: var(--pto-ink); font-size: 15px; font-weight: 700; }
main .threadClosedBox p { margin: 4px 0 14px; color: var(--pto-muted); font-size: 14px; line-height: 1.5; }
main .threadClosedBox a.threadClosedBtn { display: inline-block; padding: 9px 18px; border: 2px solid var(--pto-ink); border-radius: 10px; background: #fff; color: var(--pto-ink); font-size: 14px; font-weight: 600; line-height: 1.2; text-decoration: none; }
main .threadClosedBox a.threadClosedBtn:hover { background: var(--pto-ink); color: #fff; }

/* Sign-up form */
main .passwordWrap { position: relative; display: block; }
main .passwordWrap input { padding-right: 48px; }
main .passwordWrap button.passwordToggle { position: absolute; top: 50%; right: 6px; width: 38px; height: 38px; min-width: 0; margin: -19px 0 0; padding: 0; border: 0; border-radius: 6px; background: transparent; box-shadow: none; color: #6B6573; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; }
main .passwordWrap button.passwordToggle:hover, main .passwordWrap button.passwordToggle:focus-visible { color: #1C1A21; }
main .passwordWrap button.passwordToggle svg { display: block; width: 22px; height: 22px; }
main .passwordWrap button.passwordToggle .passwordSlash { display: none; }
main .passwordWrap button.passwordToggle.on .passwordSlash { display: inline; }
main .offerWebsite { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }


/* Sign-up form 2 */
main .passwordWrap input, main #enquiryForm .passwordWrap input { display: block; margin: 0; }
main .passwordWrap button.passwordToggle, main #enquiryForm .passwordWrap button.passwordToggle { top: 0; bottom: 0; right: 2px; height: auto; width: 44px; margin: 0; }
a.accountSwitchPill { display: inline-block; padding: 9px 18px; border: 1px solid #1C1A21; border-radius: 999px; background: #fff; color: #1C1A21; font-size: 14px; line-height: 1.2; text-decoration: none; }
a.accountSwitchPill strong { text-decoration: underline; }
a.accountSwitchPill:hover { background: #F3F1F5; }
main #enquiryForm p.forgotLink { margin: 8px 0 18px; text-align: right; font-size: 13px; }
main #enquiryForm p.forgotLink a { color: #1C1A21; text-decoration: underline; }


/* Sign-up form 3 */
main #enquiryForm button.submit.ptoSending { opacity: 0.7; cursor: progress; pointer-events: none; }
:is(#tabContents, main) .messageEntry .messageActions button:has(img[src$="/archive.png"]) { background-image: url('/uploads/images/icons/archive.svg'); }
:is(#tabContents, main) .messageEntry .messageActions button:has(img[src$="/unarchive.png"]) { background-image: url('/uploads/images/icons/unarchive.svg'); }


/* ===== Merged from separate stylesheets (Nov 2026) ===== */

/* Plan and pay pages */
body.r2plan { --r2-ink: #1C1821; --r2-muted: #4A4650; --r2-line: #E6E6E6; --r2-yellow: #FEE04E; --r2-green: #00BC80; --r2-green-dark: #0B7A55; --r2-green-soft: #EAF9F3; --r2-bg: #FAFAFA; }
body.r2plan main { background: var(--r2-bg); padding: 28px 0 56px; min-height: 0; }
body.r2plan main > .content { width: auto; max-width: 980px; margin: 0 auto; padding: 0 24px; box-sizing: border-box; text-align: left; }
body.payPage.r2plan main > .content { max-width: 640px; }
body.r2plan main .content > br { display: none; }
body.r2plan .r2Step { margin: 0 0 8px; font: 700 13px/1.4 'Inter', sans-serif; letter-spacing: .08em; text-transform: uppercase; color: var(--r2-muted); }
body.r2plan main h1, body.r2plan main h1.middle { text-align: left !important; margin: 0 0 10px; padding: 0; font: 700 34px/1.2 'Cabin', sans-serif; color: var(--r2-ink); }
body.r2plan main p.middle { text-align: left; margin: 0 0 16px; font: 400 16px/1.55 'Inter', sans-serif; color: var(--r2-muted); }
body.r2plan main h3.middle:empty { display: none; }
body.r2plan main p.middle a { color: var(--r2-ink); text-decoration: underline; }
body.r2plan .sellFormTestimonial { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 6px 4px; background: #fff; border: 1px solid var(--r2-line); border-radius: 14px; padding: 18px 22px; margin: 18px 0 0; text-align: left; }
body.r2plan .sellFormTestimonial .testimonialStar { width: 18px; height: 18px; margin: 0; }
body.r2plan .sellFormTestimonial .testimonialQuote { flex: 1 1 100%; margin-top: 6px; text-align: left; font: italic 400 17px/1.45 'Inter', sans-serif; color: var(--r2-ink); }
body.r2plan .sellFormTestimonial .testimonialAuthor { flex: 1 1 100%; text-align: left; font: 400 14px/1.4 'Inter', sans-serif; color: var(--r2-muted); }
body.r2plan .sellFormTestimonial + p.middle { margin: 12px 0 0; padding: 14px 18px; background: var(--r2-green-soft); border-radius: 12px; color: var(--r2-ink); font-weight: 500; }
body.r2plan ul.r2Facts { display: flex; flex-wrap: wrap; gap: 8px 26px; margin: 16px 0 0; padding: 0; list-style: none; }
body.r2plan ul.r2Facts li { margin: 0; padding: 0; font: 400 14px/1.4 'Inter', sans-serif; color: var(--r2-muted); }
body.r2plan ul.r2Facts li strong { color: var(--r2-ink); font-weight: 700; }
body.r2plan ul#selectPlanTerm { display: inline-flex; gap: 2px; margin: 26px 0 18px; padding: 4px; background: #EDEDED; border-radius: 999px; }
body.r2plan ul#selectPlanTerm li { margin: 0; padding: 0; list-style: none; }
body.r2plan ul#selectPlanTerm li a { float: none; display: block; padding: 9px 22px; background: transparent; border-radius: 999px; font: 600 15px/1.2 'Inter', sans-serif; color: var(--r2-muted); }
body.r2plan ul#selectPlanTerm li a span { display: none; }
body.r2plan ul#selectPlanTerm li a.selected { background: #fff; color: var(--r2-ink); box-shadow: 0 1px 3px rgba(0, 0, 0, .18); }
body.r2plan #selectPlanTermMonthlyWrapper, body.r2plan #selectPlanTermAnnualWrapper { background: none; padding: 0; border-radius: 0; flex-direction: column; gap: 22px; }
body.r2plan #selectPlanTermMonthlyWrapper { display: flex; }
body.r2plan #selectPlanTermAnnualWrapper[style*="display: block"] { display: flex !important; }
body.r2plan #selectPlanTermMonthlyWrapper > .clear, body.r2plan #selectPlanTermAnnualWrapper > .clear { display: none; }
body.r2plan #selectPlanTermMonthlyWrapper > .half, body.r2plan #selectPlanTermAnnualWrapper > .half { float: none; width: auto; margin: 0; padding: 0; order: 2; }
body.r2plan #selectPlanTermMonthlyWrapper > .half:has(.planPopular), body.r2plan #selectPlanTermAnnualWrapper > .half:has(.planPopular) { order: 1; }
body.r2plan .selectPlanTermBox { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 112px; grid-template-areas: "name price" "sub price" "rule rule" "inc cta" "exc cta"; column-gap: 36px; align-items: start; margin: 0; padding: 24px 26px; background: #fff; border: 2px solid var(--r2-line); border-radius: 16px; box-shadow: none; text-align: left; }
body.r2plan .selectPlanTermBox.planPopular { border-color: var(--r2-green); }
body.r2plan .selectPlanTermBox::before { content: ""; grid-area: rule; border-top: 1px solid var(--r2-line); margin: 18px 0 16px; }
body.r2plan .selectPlanTermBox .popularPlan { position: absolute; top: -13px; right: 26px; left: auto; width: auto; margin: 0; padding: 5px 14px; background: var(--r2-green); color: #fff; border-radius: 999px; font: 700 13px/1.2 'Inter', sans-serif; }
body.r2plan .selectPlanTermBox h2 { grid-area: name; margin: 0; font: 700 24px/1.25 'Cabin', sans-serif; color: var(--r2-ink); }
body.r2plan .selectPlanTermBox p { grid-area: sub; margin: 4px 0 0; font: 400 15px/1.45 'Inter', sans-serif; color: var(--r2-muted); }
body.r2plan .selectPlanTermBox h3 { grid-area: price; justify-self: end; margin: 0; width: 112px; text-align: right; font: 400 15px/1.3 'Inter', sans-serif; color: var(--r2-muted); }
body.r2plan .selectPlanTermBox h3::first-line { font: 700 28px/1.2 'Cabin', sans-serif; color: var(--r2-ink); }
body.r2plan .selectPlanTermIncluded { grid-area: inc; }
body.r2plan .selectPlanTermExcluded { grid-area: exc; }
body.r2plan .selectPlanTermBox ul { width: auto; margin: 0; padding: 0; text-align: left; }
body.r2plan .selectPlanTermBox ul li, body.r2plan .selectPlanTermBox .selectPlanTermIncluded ul li, body.r2plan .selectPlanTermBox .selectPlanTermExcluded ul li { position: relative; display: block; height: auto; margin: 0 0 8px; padding: 0 0 0 26px; background: none; font: 400 15px/1.45 'Inter', sans-serif; color: var(--r2-ink); text-decoration: none; }
body.r2plan .selectPlanTermIncluded ul li::before { content: "\2713"; position: absolute; left: 0; top: 0; font-weight: 700; color: var(--r2-green-dark); }
body.r2plan .selectPlanTermExcluded ul li::before { content: "\2715"; position: absolute; left: 1px; top: 0; font-weight: 700; color: #9A969E; }
body.r2plan .selectPlanTermExcluded ul li { color: #8A868E; }
body.r2plan .selectPlanTermBox .selectPlanTermIncluded ul li a, body.r2plan .selectPlanTermBox .selectPlanTermExcluded ul li a { color: inherit; border-bottom: 1px dotted #B5B1B9; text-decoration: none; }
body.r2plan .selectPlanTermExcluded ul li a { text-decoration: line-through; }
body.r2plan .selectPlanSelectLink { grid-area: cta; align-self: end; justify-self: end; margin: 0; }
body.r2plan .selectPlanSelectLink a { width: auto; min-width: 190px; margin: 0; padding: 15px 28px; box-sizing: border-box; background: #fff; border: 2px solid var(--r2-ink); border-radius: 10px; color: var(--r2-ink); text-align: center; font: 700 17px/1.2 'Cabin', sans-serif; }
body.r2plan .selectPlanSelectLink a:hover { background: var(--r2-yellow); }
body.r2plan .planPopular .selectPlanSelectLink a { background: var(--r2-green); border-color: var(--r2-green); color: #fff; }
body.r2plan .planPopular .selectPlanSelectLink a:hover { background: var(--r2-green-dark); border-color: var(--r2-green-dark); }
body.r2plan #selectPlanTermDealer, body.r2plan #selectPlanTermIndividual { display: block; width: auto; margin: 22px 0 0; text-align: left; font: 400 15px/1.5 'Inter', sans-serif; }
body.r2plan #selectPlanTermDealer a, body.r2plan #selectPlanTermIndividual a { color: var(--r2-ink); text-decoration: underline; }
body.r2plan main center { display: block; text-align: left; }
body.r2plan button.submit.standaloneSubmit { width: 100%; max-width: 360px; margin: 6px 0 0; display: block; }
body.payPage.r2plan main h3.middle { margin: 14px 0 18px; padding: 18px 22px; background: #fff; border: 1px solid var(--r2-line); border-radius: 14px; text-align: left; font: 400 17px/1.7 'Inter', sans-serif; color: var(--r2-ink); }
body.payPage.r2plan main h3.middle strong { display: inline-block; margin: 0 8px 0 0; padding: 4px 14px 1px; background: var(--r2-yellow); border: 2px solid var(--r2-ink); border-radius: 6px; font: 400 22px/1.15 'UKNumberPlate', 'Cabin', sans-serif; letter-spacing: .04em; color: #000; white-space: nowrap; vertical-align: middle; }
body.payPage.r2plan main p.middle { padding: 14px 18px; background: var(--r2-green-soft); border-radius: 12px; color: var(--r2-ink); font-weight: 500; }
body.payPage.r2plan main p.middle.smallPrint { margin: -6px 0 16px; padding: 0; background: none; text-align: left; font: 400 14px/1.4 'Inter', sans-serif; color: var(--r2-muted); }
body.payPage.r2plan main p.middle.smallPrint a { color: var(--r2-ink); text-decoration: underline; }
body.payPage.r2plan #payment-form { width: auto; max-width: none; margin: 18px 0 0; padding: 24px; background: #fff; border: 1px solid var(--r2-line); border-radius: 14px; box-sizing: border-box; }
body.payPage.r2plan #payment-form button#submit { display: block; width: 100%; margin: 20px 0 0; padding: 18px 20px; background: var(--r2-green); border-radius: 10px; color: #fff; text-align: center; font: 700 18px/1.2 'Cabin', sans-serif; }
body.payPage.r2plan #payment-form button#submit:hover { background: var(--r2-green-dark); }
body.payPage.r2plan #payment-form button#submit span { float: none; margin-left: 6px; }
body.payPage.r2plan #payment-form button#submit:disabled { opacity: .7; cursor: default; }
body.payPage.r2plan #jqueryErrorMsg p.error { margin: 16px 0 0; padding: 12px 16px; background: #FDECEC; border-radius: 10px; color: #9B1C1C; font: 500 15px/1.45 'Inter', sans-serif; }
body.payPage.r2plan .r2Secure { margin: 12px 0 0; text-align: center; font: 400 13px/1.5 'Inter', sans-serif; color: var(--r2-muted); }
@media (max-width: 760px) {
 body.r2plan main { padding: 20px 0 40px; }
 body.r2plan main > .content { padding: 0 16px; }
 body.r2plan main h1, body.r2plan main h1.middle { font-size: 28px; }
 body.r2plan .selectPlanTermBox { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "name price" "sub price" "rule rule" "inc inc" "exc exc" "cta cta"; column-gap: 16px; padding: 22px 18px; }
 body.r2plan .selectPlanTermBox h3 { width: 112px; }
 body.r2plan .selectPlanTermBox .popularPlan { right: 18px; }
 body.r2plan .selectPlanSelectLink { justify-self: stretch; margin-top: 12px; }
 body.r2plan .selectPlanSelectLink a { display: block; min-width: 0; width: 100%; }
 body.r2plan ul#selectPlanTerm { display: flex; }
 body.r2plan ul#selectPlanTerm li { flex: 1 1 0; }
 body.r2plan ul#selectPlanTerm li a { text-align: center; padding: 9px 10px; }
 body.payPage.r2plan #payment-form { padding: 18px; }
}
body.payPage.r2plan .r2Step { display: none; }
body.payPage.r2plan main h1.middle { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
body.payPage.r2plan .content:has(.r2Intro) > h3.middle, body.payPage.r2plan .content:has(.r2Intro) > p.middle:not(.smallPrint) { display: none; }
body.payPage.r2plan .r2Intro { margin: 0 0 18px; }
body.payPage.r2plan .r2PlansHead { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 8px; text-align: left; font: 700 24px/1.35 'Cabin', sans-serif; color: var(--r2-ink); }
body.payPage.r2plan .r2Plate { display: inline-block; padding: 4px 14px 1px; background: var(--r2-yellow); border: 2px solid var(--r2-ink); border-radius: 6px; font: 400 22px/1.15 'UKNumberPlate', 'Cabin', sans-serif; letter-spacing: .04em; color: #000; white-space: nowrap; }
body.payPage.r2plan .r2IntroNote { margin: 0; text-align: left; font: 400 15px/1.55 'Inter', sans-serif; color: var(--r2-muted); }
body.payPage.r2plan .r2Plans { margin: 0 0 20px; }
body.payPage.r2plan .r2Plan { position: relative; display: block; margin: 0 0 14px; background: #fff; border: 2px solid var(--r2-line); border-radius: 16px; text-align: left; color: var(--r2-ink); text-decoration: none; }
body.payPage.r2plan .r2PlanSel { border-color: var(--r2-green); }
body.payPage.r2plan a.r2PlanAlt:hover { border-color: var(--r2-ink); }
body.payPage.r2plan .r2PlanBadge { position: absolute; top: -12px; right: 20px; padding: 4px 12px; background: var(--r2-green); border-radius: 999px; color: #fff; font: 700 12px/1.2 'Inter', sans-serif; }
body.payPage.r2plan .r2PlanTop { display: flex; align-items: center; gap: 14px; padding: 18px 20px 14px; }
body.payPage.r2plan .r2Radio { flex: 0 0 auto; width: 22px; height: 22px; box-sizing: border-box; border: 2px solid #9A969E; border-radius: 50%; background: #fff; }
body.payPage.r2plan .r2PlanSel .r2Radio { border-color: var(--r2-green); box-shadow: inset 0 0 0 4px #fff; background: var(--r2-green); }
body.payPage.r2plan .r2PlanName { flex: 1 1 auto; min-width: 0; display: block; }
body.payPage.r2plan .r2PlanName strong { display: block; font: 700 20px/1.25 'Cabin', sans-serif; }
body.payPage.r2plan .r2PlanName span { display: block; margin-top: 2px; font: 400 14px/1.4 'Inter', sans-serif; color: var(--r2-muted); }
body.payPage.r2plan .r2PlanPrice { flex: 0 0 auto; text-align: right; }
body.payPage.r2plan .r2PlanPrice strong { display: block; font: 700 24px/1.2 'Cabin', sans-serif; }
body.payPage.r2plan .r2PlanPrice span { display: block; font: 400 13px/1.3 'Inter', sans-serif; color: var(--r2-muted); }
body.payPage.r2plan .r2PlanAlt .r2PlanTop { padding: 14px 20px; }
body.payPage.r2plan .r2PlanAlt .r2PlanName strong { font-size: 17px; }
body.payPage.r2plan .r2PlanAlt .r2PlanPrice strong { font-size: 20px; }
body.payPage.r2plan .r2PlanBody { margin: 0 20px; padding: 14px 0 16px; border-top: 1px solid var(--r2-line); }
body.payPage.r2plan ul.r2PlanFeat { margin: 0 0 8px; padding: 0; list-style: none; columns: 2; column-gap: 28px; }
body.payPage.r2plan ul.r2PlanFeat li { position: relative; break-inside: avoid; margin: 0 0 7px; padding: 0 0 0 24px; font: 400 15px/1.45 'Inter', sans-serif; }
body.payPage.r2plan ul.r2PlanFeat li::before { content: "\2713"; position: absolute; left: 0; top: 0; font-weight: 700; color: var(--r2-green-dark); }
body.payPage.r2plan .r2More { margin: 0 0 8px; }
body.payPage.r2plan .r2More summary { cursor: pointer; font: 600 14px/1.4 'Inter', sans-serif; color: var(--r2-ink); text-decoration: underline; }
body.payPage.r2plan .r2More ul.r2PlanFeat { margin: 10px 0 0; }
body.payPage.r2plan .r2Due { margin: 12px 0 0; padding: 12px 0 0; border-top: 1px solid var(--r2-line); }
body.payPage.r2plan .r2Due p { margin: 0; }
body.payPage.r2plan .r2Due { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
body.payPage.r2plan .r2DueAmt { flex: 0 0 auto; text-align: right; }
body.payPage.r2plan .r2DueAmt strong { display: block; font: 700 28px/1.15 'Cabin', sans-serif; color: var(--r2-green-dark); }
body.payPage.r2plan .r2DueAmt span { display: block; font: 600 13px/1.3 'Inter', sans-serif; color: var(--r2-ink); }
body.payPage.r2plan .r2DueNote { flex: 1 1 auto; font: 400 15px/1.45 'Inter', sans-serif; color: var(--r2-ink); }
body.payPage.r2plan .r2PlansLinks { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 16px; margin: 0; text-align: left; font: 400 14px/1.6 'Inter', sans-serif; }
body.payPage.r2plan .r2PlansLinks a.r2Dealer { margin-left: auto; }
body.payPage.r2plan .r2PlansLinks a { display: inline-block; font: 400 14px/1.6 'Inter', sans-serif; color: var(--r2-ink); text-decoration: underline; }
body.payPage.r2plan .r2Stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0 0 20px; padding: 0; list-style: none; background: #E4F6EE; border-radius: 16px; }
body.payPage.r2plan .r2Stats li { margin: 0; padding: 20px 8px; text-align: center; border-left: 1px solid rgba(11, 122, 85, .16); }
body.payPage.r2plan .r2Stats li:first-child { border-left: 0; }
body.payPage.r2plan .r2Stats strong { display: block; font: 700 30px/1.15 'Cabin', sans-serif; color: var(--r2-green-dark); }
body.payPage.r2plan .r2Stats span { display: block; margin-top: 4px; font: 400 14px/1.3 'Inter', sans-serif; color: var(--r2-ink); }
body.payPage.r2plan header nav, body.payPage.r2plan header #mobileMenu, body.payPage.r2plan header #mobileLogin { display: none; }
body.payPage.r2plan header .content::after { content: "Secure checkout"; position: absolute; top: 50%; right: 24px; transform: translateY(-50%); padding-left: 22px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234A4650'%3E%3Cpath d='M17 9V7a5 5 0 0 0-10 0v2H5v12h14V9h-2zM9 7a3 3 0 0 1 6 0v2H9V7z'/%3E%3C/svg%3E") no-repeat left center / 16px 16px; font: 500 15px/1 'Inter', sans-serif; color: var(--r2-muted); }
body.payPage.r2plan header .content { position: relative; }
body.payPage.r2plan .r2Reviews { max-width: 980px; margin: 0 auto; padding: 24px 24px 56px; box-sizing: border-box; text-align: left; }
body.payPage.r2plan .r2Reviews h2 { margin: 0 0 16px; font: 700 22px/1.3 'Cabin', sans-serif; color: var(--r2-ink); }
body.payPage.r2plan .r2ReviewGrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
body.payPage.r2plan .r2Review { padding: 20px; background: #fff; border: 1px solid var(--r2-line); border-radius: 14px; }
body.payPage.r2plan .r2Stars { display: block; margin: 0 0 8px; font-size: 18px; line-height: 1; letter-spacing: 2px; color: var(--r2-green); }
body.payPage.r2plan .r2Review h3 { margin: 0 0 6px; font: 700 18px/1.3 'Cabin', sans-serif; color: var(--r2-ink); text-align: left; }
body.payPage.r2plan .r2Review p { margin: 0 0 10px; font: 400 15px/1.5 'Inter', sans-serif; color: var(--r2-muted); }
body.payPage.r2plan .r2Review p.r2ReviewBy { margin: 0; font-weight: 700; color: var(--r2-ink); }
@media (max-width: 760px) {
 body.payPage.r2plan .r2PlansHead { font-size: 21px; }
 body.payPage.r2plan .r2PlanTop { padding: 16px 16px 12px; gap: 12px; }
 body.payPage.r2plan .r2PlanAlt .r2PlanTop { padding: 12px 16px; }
 body.payPage.r2plan .r2PlanBody { margin: 0 16px; }
 body.payPage.r2plan ul.r2PlanFeat { columns: 1; }
 body.payPage.r2plan .r2DueAmt strong { font-size: 24px; }
 body.payPage.r2plan .r2Stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 body.payPage.r2plan .r2Stats li:nth-child(3) { border-left: 0; }
 body.payPage.r2plan .r2Stats li:nth-child(n+3) { border-top: 1px solid rgba(11, 122, 85, .16); }
 body.payPage.r2plan .r2Stats strong { font-size: 24px; }
 body.payPage.r2plan header .content::after { right: 16px; }
 body.payPage.r2plan .r2Reviews { padding: 8px 0 40px 16px; }
 body.payPage.r2plan .r2Reviews h2 { font-size: 20px; }
 body.payPage.r2plan .r2ReviewGrid { display: flex; gap: 12px; overflow-x: auto; padding: 0 16px 8px 0; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
 body.payPage.r2plan .r2Review { flex: 0 0 82%; scroll-snap-align: start; box-sizing: border-box; }
}

/* Live activity blocks */
.r2Live,.r2LiveSide,.r2Slim { box-sizing:border-box;font-family:'Inter',Arial,sans-serif;color:#1C1821 }
.r2Live *,.r2LiveSide *,.r2Slim * { box-sizing:border-box }
.r2Live[hidden],.r2LiveSide[hidden],.r2Slim[hidden],.r2LiveSell[hidden] { display:none }
.r2LivePlate { display:inline-block;background:#FEE04E;border:3px solid #1C1821;border-radius:7px;padding:5px 14px 2px;font:24px/1.1 'UKNumberPlate','Cabin',sans-serif;letter-spacing:.04em;color:#000;white-space:nowrap }
.r2LiveDot { display:inline-block;width:12px;height:12px;margin-right:10px;border-radius:50%;background:#00BC80;box-shadow:0 0 0 5px rgba(0,188,128,.2);vertical-align:middle;animation:r2LivePulse 2.4s ease-in-out infinite }
@keyframes r2LivePulse { 0%,100%{box-shadow:0 0 0 4px rgba(0,188,128,.22)}50%{box-shadow:0 0 0 7px rgba(0,188,128,.08)} }
@media (prefers-reduced-motion:reduce) {
 .r2LiveDot { animation:none }
}
.r2Live { background:#fff;padding:34px 24px 0;text-align:center }
.r2Live>* { max-width:1100px;margin-left:auto;margin-right:auto }
.r2LiveHead h2 { margin:0;font:700 24px/1.25 'Cabin',sans-serif;color:#1C1821 }
.r2LiveHead p { margin:4px 0 0;font:400 14px/1.4 'Inter',sans-serif;color:#4A4650 }
.r2LiveCards { display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:20px }
.r2LiveCards>.r2LiveCard { flex:0 0 calc(25% - 10.5px);min-width:0 }
.r2LiveCards>.r2LiveCard:nth-child(n+5) { display:none }
.r2LiveCard { display:flex;flex-direction:column;align-items:center;gap:9px;padding:15px 12px 14px;background:#f8f8f8;border:1px solid #E6E6E6;border-radius:10px;text-align:center;text-decoration:none;color:#1C1821 }
a.r2LiveCard:hover { border-color:#1C1821 }
.r2LiveNow { background:#fff;border-color:#00BC80 }
.r2LiveWhat { display:block;font:600 14px/1.3 'Inter',sans-serif;color:#1C1821 }
.r2LiveWhen { display:block;font:400 13px/1.2 'Inter',sans-serif;color:#4A4650 }
.r2LiveNow .r2LiveWhen { font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#00BC80 }
.r2LiveStats { display:flex;margin-top:30px }
.r2LiveStat { flex:1 1 0;min-width:0;padding:0 14px;text-align:center }
.r2LiveStat b { display:block;font:700 28px/1.1 'Cabin',sans-serif;color:#1C1821 }
.r2LiveStat span { display:block;margin-top:4px;font:400 14px/1.35 'Inter',sans-serif;color:#4A4650 }
.r2LiveSell { box-sizing:border-box;font-family:'Inter',Arial,sans-serif;color:#1C1821 }
.r2LiveSell>.r2Live { padding:34px 24px 36px;border-bottom:1px solid #E6E6E6 }
.r2Live>.r2LiveBar { max-width:none;margin:34px -24px 0;background:#E4F6EE;color:#1C1821;padding:20px 24px }
.r2LiveBar .r2SlimItem b { color:#0B7A55 }
.r2Slim { background:#E4F6EE;color:#1C1821;padding:20px 24px }
.r2SlimIn { display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:8px 24px;max-width:1100px;margin:0 auto;text-align:center;font:400 15px/1.4 'Inter',sans-serif }
.r2SlimItem b { font:700 22px/1 'Cabin',sans-serif;color:#0B7A55 }
.r2Slim .r2LiveDot { width:10px;height:10px;margin-right:9px }
.r2LiveSide { margin-top:20px;padding:16px 14px;background:#fff;border:1px solid #E6E6E6;border-radius:10px }
.r2LiveSide .r2LiveHead h2 { font:700 16px/1.3 'Cabin',sans-serif }
.r2LiveSide .r2LiveDot { width:10px;height:10px;margin-right:8px }
.r2LiveSideNote { margin:14px 0 0;padding-top:12px;border-top:1px solid #E6E6E6;font:400 13px/1.4 'Inter',sans-serif;color:#4A4650 }
.r2LiveRows { display:flex;flex-direction:column;gap:12px;margin-top:14px }
.r2LiveRow { display:flex;align-items:center;gap:10px;text-decoration:none;color:#1C1821 }
a.r2LiveRow:hover .r2LivePlate { border-color:#000 }
.r2LiveRow .r2LivePlate { flex:0 0 auto;min-width:84px;text-align:center;padding:3px 8px 1px;font-size:15px;border-width:2px;border-radius:5px }
.r2LiveRowTxt { display:block;min-width:0 }
.r2LiveRowTxt .r2LiveWhat { font-size:13px }
.r2LiveRowTxt .r2LiveWhen { margin-top:2px;font-size:12px }
.r2LiveSide { display:none!important }
.r2Live { padding:28px 16px 0 }
.r2LiveSell>.r2Live { padding:28px 16px 30px }
.r2Live>.r2LiveBar { margin:26px -16px 0;padding:16px }
.r2LiveHead h2 { font-size:21px }
.r2LiveCards { gap:10px }
.r2LiveCards>.r2LiveCard { flex:0 0 calc(50% - 5px) }
.r2LiveCards.r2LiveSwipe { flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px;margin-right:-16px;padding-right:16px;scrollbar-width:none }
.r2LiveCards.r2LiveSwipe::-webkit-scrollbar { display:none }
.r2LiveCards.r2LiveSwipe>.r2LiveCard { display:flex;flex:0 0 62%;scroll-snap-align:start }
.r2LiveCard { padding:13px 8px 12px }
.r2LivePlate { font-size:21px;padding:4px 11px 1px }
.r2LiveWhat { font-size:13px }
.r2LiveStats { display:grid;grid-template-columns:1fr 1fr;gap:20px 0;margin-top:24px }
.r2LiveStat { padding:0 8px }
.r2LiveStat:nth-child(3):last-child { grid-column:1 / -1 }
.r2LiveStat b { font-size:26px }
.r2Slim { padding:16px }
.r2SlimIn { flex-direction:column;gap:6px }
.r2LiveSell[hidden],.r2Slim[data-live][hidden] { display:block;visibility:hidden;min-height:63px }
.r2Live[data-live="home"][hidden] { display:block;visibility:hidden;min-height:303px }
.r2LiveSell[hidden].r2LiveOff,.r2Slim[data-live][hidden].r2LiveOff,.r2Live[data-live="home"][hidden].r2LiveOff { display:none;min-height:0 }
.r2LiveSell:not([hidden]),.r2Slim[data-live]:not([hidden]),.r2Live[data-live="home"]:not([hidden]) { animation:r2LiveIn .35s ease }
@keyframes r2LiveIn { from{opacity:0}to{opacity:1} }
.r2LiveSell[hidden],.r2Slim[data-live][hidden] { min-height:113px }
.r2Live[data-live="home"][hidden] { min-height:352px }
.r2Live[data-live="home"][hidden] { min-height:360px }
@media (prefers-reduced-motion:reduce) {
 .r2LiveSell:not([hidden]),.r2Slim[data-live]:not([hidden]),.r2Live[data-live="home"]:not([hidden]) { animation:none }
}
.r2LiveSell[data-ssr],.r2Slim[data-ssr] { animation:none!important }
.r2Live.r2LiveBarOnly { padding-top:0;padding-bottom:0 }
.r2Live.r2LiveBarOnly>.r2LiveBar { margin-top:0;margin-bottom:0 }
.r2LiveRowTxt { flex:1 1 auto }

/* Sell form proof box */
#sellForm .sfBox { max-width:none;margin:14px 0 4px;background:#fff;border:1px solid #e3e3e3;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:12px 18px;text-align:center }
#sellForm .sfStats { display:grid;grid-template-columns:repeat(3,1fr) }
#sellForm .sfStat { padding:0 8px;border-right:1px solid #eee }
#sellForm .sfStat:last-child { border-right:0 }
#sellForm .sfStat b { display:block;font-size:22px;line-height:1.15;color:#1a1a1f }
#sellForm .sfStat b i { font-style:normal;color:#00b67a }
#sellForm .sfStat span { font-size:12px;color:#666 }
#sellForm .sfRevs { display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;padding-top:9px;border-top:1px solid #eee }
#sellForm .sfStars { white-space:nowrap }
#sellForm .sfStars img { width:15px;height:15px;margin:0 1px;vertical-align:middle }
#sellForm .sfRev { display:none;margin:0;font-size:13px;font-style:italic;color:#444 }
#sellForm .sfRev.on { display:block }
#sellForm .sfRev em { color:#999 }
#sellForm .sfTicks { display:flex;justify-content:center;gap:22px;margin:9px 0 0;padding:9px 0 0;border-top:1px solid #eee;list-style:none;font-size:13px;font-weight:600;color:#00a36c }
#sellForm .sfTicks li { margin:0;padding:0 }
#sellForm .sfTicks li::before { content:"\2713\00a0" }
@media (max-width:600px) {
 #sellForm .sfBox { margin:12px 12px 10px;padding:12px }
 #sellForm .sfStat b { font-size:19px }
 #sellForm .sfRevs { flex-direction:column;gap:4px;text-align:center }
 #sellForm .sfTicks { gap:12px;font-size:12px }
 #sellForm #sellFormCar { display:none }
}
#sellForm #sellFormWrapper #sellFormQuestions .formLabelWrapper .formLabel textarea { height:64px;resize:vertical }
@media (max-width:600px) {
 #sellForm #sellFormWrapper #sellFormQuestions .formLabelWrapper .formLabel textarea { height:80px }
}

/* Free-guide pop-ups */
.ptGuideOverlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100000; background: rgba(0, 0, 0, 0.65); display: flex; align-items: center; justify-content: center; padding: 16px; box-sizing: border-box; overflow-y: auto; }
.ptGuideBox { position: relative; background: #fff; border-radius: 8px; width: 100%; max-width: 620px; margin: auto; padding: 40px 32px 32px; box-sizing: border-box; color: #222; font-family: inherit; text-align: center; }
.ptGuideBox:focus { outline: none; }
.ptGuideBox * { box-sizing: border-box; }
.ptGuideBox h2 { margin: 0 0 10px; font-size: 26px; line-height: 1.25; font-weight: bold; color: #222; }
.ptGuideBox p { margin: 0 0 10px; font-size: 16px; line-height: 1.45; }
.ptGuideClose { position: absolute; top: 8px; right: 12px; width: 36px; height: 36px; padding: 0; border: 0; background: none; font-size: 32px; line-height: 1; color: #222; cursor: pointer; }
.ptGuideStep { display: grid; grid-template-columns: 1fr 150px; gap: 4px 20px; align-items: center; }
.ptGuideStep[hidden] { display: none; }
.ptGuideText { text-align: center; }
.ptGuideGrab, .ptGuideGreat { color: #00a651; font-size: 26px !important; font-weight: bold; margin: 0 0 10px; }
.ptGuideInside { font-weight: bold; text-align: left; margin: 14px 0 4px !important; }
.ptGuideText ul { margin: 0; padding: 0; list-style: none; text-align: left; font-size: 16px; line-height: 1.5; }
.ptGuideText li:before { content: "\2022\00a0"; }
.ptGuideCover { text-align: center; }
.ptGuideCover img { display: block; width: 150px; max-width: 100%; height: auto; margin: 0 auto; }
.ptGuideChoices { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 18px; }
.ptGuideYes, .ptGuideNo { display: block; width: 100%; padding: 14px 10px 16px; border: 0; border-radius: 8px; cursor: pointer; font-family: Georgia, "Times New Roman", serif; }
.ptGuideYes { background: #00a651; color: #fff; border-bottom: 8px solid #007a3b; }
.ptGuideNo { background: #c5c8cb; color: #444; border-bottom: 8px solid #9a9d9f; }
.ptGuideYes strong, .ptGuideNo strong { display: block; font-size: 44px; line-height: 1.1; font-weight: bold; }
.ptGuideYes span, .ptGuideNo span { display: block; font-size: 18px; line-height: 1.3; }
.ptGuideYes:hover { background: #009448; }
.ptGuideNo:hover { background: #b8bbbe; }
.ptGuideEmailRow { grid-column: 1 / -1; margin-top: 14px; }
.ptGuideEmail { display: block; width: 100%; height: 56px; padding: 0 14px; border: 1px solid #999; border-radius: 0; font-size: 18px; text-align: center; font-family: inherit; color: #222; background: #fff; margin: 0 0 12px; }
.ptGuideHp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.ptGuideSend { display: block; width: 100%; padding: 16px 10px; border: 0; border-bottom: 6px solid #007a3b; border-radius: 8px; background: #00a651; color: #fff; font-size: 24px; font-weight: bold; font-family: inherit; cursor: pointer; }
.ptGuideSend:hover { background: #009448; }
.ptGuideSend:disabled { opacity: 0.6; cursor: default; }
.ptGuideError { color: #b00020; font-weight: bold; margin: 0 0 10px !important; }
.ptGuideError[hidden] { display: none; }
.ptGuideBox p.ptGuideSmall { margin: 12px 0 0; font-size: 13px; color: #555; }
.ptGuideSmall a { color: #222; text-decoration: underline; }
.ptGuideThanks { grid-template-columns: 1fr; padding: 24px 0 8px; }
.ptGuideThanksText { font-size: 22px !important; margin: 0 0 24px !important; }
.ptGuideGreatBtn strong { font-size: 28px; }
@media (max-width: 600px) {
 .ptGuideBox { padding: 24px 18px 22px; }
 .ptGuideStep { grid-template-columns: 1fr; }
 .ptGuideBox h2 { font-size: 22px; }
 .ptGuideGrab, .ptGuideGreat { font-size: 22px !important; }
 .ptGuideCover { order: 2; }
 .ptGuideCover img { width: 110px; }
 .ptGuideChoices { order: 3; grid-template-columns: 1fr; gap: 12px; margin-top: 8px; }
 .ptGuideYes strong, .ptGuideNo strong { font-size: 34px; }
 .ptGuideYes span, .ptGuideNo span { font-size: 16px; }
 .ptGuideEmailRow { order: 3; }
 .ptGuideSend { font-size: 19px; }
}

/* Pay page review carousel */
:where(.payPage) .wrap { position: relative; width: 100%; margin: 0 auto; }
:where(.payPage) .window { overflow: hidden; position: relative; background: #222; }
:where(.payPage) #homeTrustpilotReviewsContainer { width: 10000px; position: relative; overflow:hidden; left:-180px; height:325px; }
:where(.payPage) .slide { height: 300px; width: 300px; cursor: pointer; float: left; display: flex; flex-direction: column; justify-content: center; background:#fff; border-radius:10px; margin:50px 25px; margin-top:20px; padding:20px; box-sizing:border-box; box-shadow:0px 0px 3px #ccc; }
@media(max-width:767px) {
 :where(.payPage) .slide { width:90%; margin-left:5%; }
}
:where(.payPage) .transition { transition: .7s; }


/* ===== Merged from the landing page style block (Nov 2026) ===== */

/* Landing, home and guide pages */
body.r2.landingPage section#hero { position:relative;overflow:hidden;background:#FEE04E;padding:14px 24px 56px }
body.r2.landingPage section#hero .content { width:auto;max-width:700px;margin:0 auto;position:relative;z-index:1 }
body.r2.landingPage section#hero .landingPageHeroLeft { float:none;width:auto;text-align:center }
body.r2.landingPage section#hero h1 { margin:30px 0 0;font:700 52px/1.15 'Cabin',sans-serif;color:#1C1821 }
body.r2.landingPage section#hero h2 { margin:20px auto 0;max-width:600px;font:400 22px/1.45 'Cabin',sans-serif;color:#1C1821 }
body.r2.landingPage section#hero form { margin:28px 0 0 }
body.r2.landingPage section#hero form fieldset { display:flex;justify-content:center;gap:6px;border:0;margin:0;padding:0;min-width:0 }
body.r2.landingPage section#hero form fieldset input.regNumber { width:300px;max-width:100%;height:46px;margin:0;padding:0 10px 2px;border:0;border-radius:4px;background:#fff;font-size:20px }
body.r2.landingPage section#hero form fieldset input.regNumber::placeholder { font-family:'Inter',sans-serif;font-size:15px;font-weight:600;text-transform:none;color:#6B6870;opacity:1 }
body.r2.landingPage section#hero form fieldset button.buyButton, body.r2.landingPage section#hero form fieldset button.valueButton { width:auto;height:46px;margin:0;padding:0 18px;border:0;border-radius:4px;background:#1C1821;color:#fff;font:600 15px 'Inter',sans-serif;text-align:center;white-space:nowrap;cursor:pointer }
body.r2.landingPage section#hero form fieldset button.buyButton span, body.r2.landingPage section#hero form fieldset button.valueButton span { float:none;margin:0 }
body.r2.landingPage section#hero p.trustPilotStarsAndLink { margin:24px 0 0 }
.r2 .r2Plates { position:absolute;left:0;right:0;top:0;bottom:0;z-index:0;pointer-events:none }
.r2 .r2Plate { position:absolute;display:block }
.r2 .r2Plate b { display:block;font-weight:400;background:rgba(255,255,255,.9);color:rgba(28,24,33,.78);border:2px solid rgba(28,24,33,.38);border-radius:7px;padding:5px 13px 3px;font-family:'UKNumberPlate',sans-serif;letter-spacing:.04em;line-height:1;white-space:nowrap;box-shadow:0 5px 12px rgba(28,24,33,.08) }
.r2 .r2Plate i { position:absolute;font-style:normal;background:rgba(254,224,78,.95);color:rgba(28,24,33,.7);border:2px solid rgba(28,24,33,.5);border-radius:5px;padding:1px 7px;font:700 10px/1.3 'Inter',sans-serif;letter-spacing:.14em }
.r2 .r2Ben { background:#fff;border-bottom:1px solid #E6E6E6;padding:36px 24px;text-align:left }
.r2 .r2BenIn { max-width:990px;margin:0 auto;display:flex }
.r2 .r2BenItem { flex:1;min-width:0;text-align:center;padding:0 20px }
.r2 .r2BenIco { display:flex;width:52px;height:52px;border-radius:50%;background:#FEE04E;margin:0 auto 14px;align-items:center;justify-content:center;font:700 26px/1 'Cabin',sans-serif;color:#1C1821 }
.r2 .r2BenTxt h3 { margin:0;font:700 20px/1.3 'Cabin',sans-serif;color:#1C1821 }
.r2 .r2BenTxt p { margin:8px 0 0;font:15px/1.55 'Inter',sans-serif;color:#4A4650 }
.r2 .r2How { padding:60px 24px 0;text-align:left }
.r2 .r2HowIn { max-width:990px;margin:0 auto }
.r2 .r2How h2 { margin:0;font:700 28px/1.2 'Cabin',sans-serif;color:#1C1821 }
.r2 .r2HowPanel { margin-top:22px;background:#ECECEE;border-radius:12px;padding:30px 30px 28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px }
.r2 .r2Step { min-width:0 }
.r2 .r2Scr { position:relative;background:#fff;border:1px solid #C9C9CC;border-radius:12px;box-sizing:border-box;overflow:hidden;box-shadow:0 14px 30px rgba(28,24,33,.20);line-height:normal;text-align:left;color:#1C1821 }
.r2 .r2ScrD { height:290px }
.r2 .r2ScrM { display:none }
.r2 .r2Bar { height:30px;box-sizing:border-box;background:#E4E4E6;border-bottom:1px solid #D2D2D5;display:flex;align-items:center;gap:6px;padding:0 10px }
.r2 .r2Bar i { display:block;width:9px;height:9px;border-radius:50%;background:#FF5F57 }
.r2 .r2Bar i:nth-child(2) { background:#FEBC2E }
.r2 .r2Bar i:nth-child(3) { background:#28C840 }
.r2 .r2Url { margin-left:8px;flex:1;min-width:0;background:#fff;border-radius:5px;padding:3px 8px;font:8.5px 'Inter',sans-serif;color:#6B6870;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.r2 .r2Bar em { font-style:normal;background:#1C1821;color:#FEE04E;border-radius:4px;padding:2px 6px;font:700 8px 'Inter',sans-serif;letter-spacing:.08em }
.r2 .r2ScrD .r2ScrBody { padding:66px 16px 12px;height:258px;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;justify-content:center }
.r2 .r2Fade { display:none }
.r2 .r2Shot { position:relative }
.r2 .r2Shot::after { content:"";position:absolute;left:1px;right:1px;top:30px;height:calc((100% - 30px) * .5);z-index:1;pointer-events:none;background:linear-gradient(to bottom,rgba(28,24,33,.86) 0%,rgba(28,24,33,.48) 40%,rgba(28,24,33,.12) 75%,rgba(28,24,33,0) 100%) }
.r2 .r2Shot h3 { position:absolute;left:1px;right:1px;top:30px;z-index:2;margin:0;padding:14px 14px 0;text-align:center;font:700 19px/1.25 'Cabin',sans-serif;color:#fff }
.r2 .r2Step p { margin:14px auto 0;max-width:280px;text-align:center;font:14px/1.5 'Inter',sans-serif;color:#4A4650 }
.r2 .r2HowCta { grid-column:1/-1;text-align:center;margin-top:2px;font:15px 'Inter',sans-serif }
.r2 .r2HowCta a,.r2 .r2Cta a,.r2 .r2TileGo { color:#1C1821;text-decoration:none }
.r2 .r2HowCta a { font-weight:600;border-bottom:2px solid #1C1821;padding-bottom:2px }
.r2 .r2Band { margin-top:80px;background:#1C1821;color:#fff;padding:72px 24px 60px;text-align:left }
.r2 .r2BandIn { max-width:900px;margin:0 auto }
.r2 .r2Band h2 { margin:0;font:700 36px/1.2 'Cabin',sans-serif;color:#FEE04E;text-align:center }
.r2 .r2BandSub { margin:12px auto 0;max-width:560px;text-align:center;font:16px/1.55 'Inter',sans-serif;color:#D8D6DC }
.r2 .r2Cmp { margin-top:40px }
.r2 .r2CmpHead { display:flex;padding-bottom:14px }
.r2 .r2CmpHead .r2CmpL { flex:0 0 190px }
.r2 .r2CmpHead .r2CmpA { flex:1;text-align:left }
.r2 .r2CmpHead .r2CmpA span { display:inline-block;background:#FEE04E;color:#1C1821;border-radius:6px;padding:5px 14px;font:700 14px 'Inter',sans-serif }
.r2 .r2CmpHead .r2CmpB { flex:1;text-align:left;padding-top:5px;font:700 14px 'Inter',sans-serif;color:#8F8C94 }
.r2 .r2CmpRow { display:flex;align-items:center;padding:20px 0;border-top:1px solid #3A3540 }
.r2 .r2CmpRow .r2CmpL { flex:0 0 190px;font:600 12px 'Inter',sans-serif;letter-spacing:.1em;color:#9A979E }
.r2 .r2CmpRow .r2CmpA { flex:1;min-width:0;display:flex;gap:12px;padding-right:30px;font:600 17px 'Inter',sans-serif;color:#fff }
.r2 .r2CmpRow .r2CmpB { flex:1;min-width:0;display:flex;gap:12px;font:17px 'Inter',sans-serif;color:#8F8C94 }
.r2 .r2CmpRow i { font-style:normal }
.r2 .r2CmpRow .r2CmpA i { color:#FEE04E }
.r2 .r2CmpName { display:none }
.r2 .r2BandQuote { margin:34px auto 0;max-width:640px;text-align:center;border-top:1px solid #3A3540;padding-top:30px }
.r2 .r2BandQuote p { margin:0;font:21px/1.5 'Cabin',sans-serif;color:#fff }
.r2 .r2BandQuote cite { display:block;margin-top:10px;font:normal 13px 'Inter',sans-serif;color:#9A979E }
.r2 .r2BandLink { display:block;width:max-content;max-width:100%;margin:30px auto 0;font:600 15px 'Inter',sans-serif;color:#FEE04E;border-bottom:2px solid #FEE04E;text-decoration:none }
.r2 .r2Content { padding:80px 24px 0;text-align:left;color:#1C1821 }
.r2 .r2Content .r2W { max-width:990px;margin:0 auto }
.r2 .r2Part + .r2Part { margin-top:70px }
.r2 .r2Content h2 { margin:0;font:700 28px/1.2 'Cabin',sans-serif;color:#1C1821 }
.r2 .r2Content h3 { margin:30px 0 0;font:700 20px/1.3 'Cabin',sans-serif;color:#1C1821 }
.r2 .r2Content p { margin:12px 0 0;font:16px/1.6 'Inter',sans-serif;color:#1C1821 }
.r2 .r2Content a { font-weight:600;text-decoration:underline;color:#1C1821 }
.r2 .r2Content ul { margin:12px 0 0;padding-left:20px;list-style:disc;font:16px/1.6 'Inter',sans-serif }
.r2 .r2Content li { margin:0 0 6px }
.r2 .r2W blockquote,.r2 .r2Callout { margin-top:14px;background:#FEE04E;border:2px solid #1C1821;border-radius:12px;padding:18px 20px;font:16px/1.65 'Inter',sans-serif }
.r2 .r2Tbl { border-collapse:collapse;width:100%;margin-top:14px }
.r2 .r2Tbl th { padding:13px 14px;border-bottom:1px solid #E6E6E6;text-align:left;vertical-align:top;line-height:1.5;font:700 14px 'Cabin',sans-serif;background:#F6F4EA }
.r2 .r2Tbl td { padding:13px 14px;border-bottom:1px solid #E6E6E6;text-align:left;vertical-align:top;line-height:1.5;font:15px 'Inter',sans-serif }
.r2 .r2Tbl tr.r2Hi td { background:#FFF6CC;font-weight:600 }
.r2 .r2Content .r2Cta { margin:22px 0 0 }
.r2 .r2Content .r2Cta a { display:inline-block;background:#1C1821;color:#fff;border:0;border-radius:8px;padding:13px 22px;font:600 15px 'Inter',sans-serif;text-decoration:none }
.r2 .r2Content .r2CtaBtn a { display:inline-block;background:#1C1821;color:#fff;border:0;border-radius:8px;padding:13px 22px }
.r2 .r2Tiles { display:flex;flex-wrap:wrap;gap:18px;margin-top:24px }
.r2 .r2Content a.r2Tile { flex:1 1 280px;min-width:0;display:block;border:2px solid #1C1821;border-radius:12px;padding:20px 18px;text-align:center;font-weight:400;text-decoration:none }
.r2 .r2TilePlate { display:flex;align-items:center;justify-content:center;max-width:210px;height:54px;margin:0 auto 14px;background:#FEE04E;border:4px solid #1C1821;border-radius:9px;font-family:'UKNumberPlate','Cabin',sans-serif;font-size:32px;letter-spacing:.04em;color:#000;box-sizing:content-box }
.r2 .r2Content .r2Tile h3 { margin:0;font:700 20px/1.3 'Cabin',sans-serif }
.r2 .r2Content .r2Tile p { margin:6px 0 0;max-width:none;font:14px/1.5 'Inter',sans-serif;color:#4A4650 }
.r2 .r2TileGo { display:inline-block;margin-top:12px;font:600 14px 'Inter',sans-serif;border-bottom:2px solid #1C1821;padding-bottom:1px }
.r2 .r2Quotes { padding:70px 24px 0;text-align:center }
.r2 .r2QIn { max-width:990px;margin:0 auto }
.r2 .r2Quotes h2 { margin:0;font:700 28px/1.2 'Cabin',sans-serif;color:#1C1821 }
.r2 .r2QRow { margin-top:34px;display:flex;align-items:stretch }
.r2 .r2Q { flex:1;min-width:0;margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 40px }
.r2 .r2Q + .r2Q { border-left:1px solid #E6E6E6 }
.r2 .r2QImg { display:block;width:84px;height:84px;border-radius:50%;object-fit:cover;object-position:50% 22%;background:#ECECEE }
.r2 .r2Q blockquote { margin:18px 0 0;padding:0;flex:1 }
.r2 .r2Q blockquote p { margin:0;font:18px/1.5 'Cabin',sans-serif;color:#1C1821 }
.r2 .r2Q figcaption { margin-top:16px;font:14px/1.4 'Inter',sans-serif }
.r2 .r2Q figcaption b { display:block;font-weight:600 }
.r2 .r2Q figcaption span { display:block;font-size:13px;color:#4A4650 }
.r2 .r2Q a { margin-top:12px;font:600 14px 'Inter',sans-serif;color:#1C1821;text-decoration:none;border-bottom:1.5px solid #1C1821 }
.r2 .r2Strip { margin-top:70px;background:#222;color:#fff;padding:40px 24px 44px;text-align:center }
.r2 .r2Strip h2 { margin:0;font:700 26px/1.25 'Cabin',sans-serif;color:#fff }
.r2 .r2Logos { margin:28px auto 0;max-width:1240px;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent) }
.r2 .r2Track { display:flex;width:max-content;animation:r2Scroll 45s linear infinite }
.r2 .r2Logos:hover .r2Track { animation-play-state:paused }
.r2 .r2LogoSet { display:flex;align-items:center }
.r2 .r2Logos img.trustedLogo { display:block;flex:none;width:100px;height:auto;margin:0 24px }
@keyframes r2Scroll { from{transform:translateX(0)}to{transform:translateX(-50%)} }
@media (prefers-reduced-motion:reduce) {
 .r2 .r2Track { animation:none;width:auto;flex-wrap:wrap;justify-content:center }
 .r2 .r2LogoSet { flex-wrap:wrap;justify-content:center;gap:18px 0 }
 .r2 .r2LogoDup { display:none }
 .r2 .r2Logos { -webkit-mask-image:none;mask-image:none }
}
.r2 .r2Plates { position:relative;left:auto;right:auto;top:auto;bottom:auto;height:140px;margin:16px -24px -56px }
.r2 .r2Plate:nth-child(n+3) { display:none }
.r2 .r2Plate:nth-child(1) { left:6%!important;right:auto!important;top:40px!important;transform:rotate(-7deg)!important }
.r2 .r2Plate:nth-child(2) { left:auto!important;right:8%!important;top:74px!important;transform:rotate(6deg)!important }
.r2 .r2Plate:nth-child(1) b { font-size:29px!important }
.r2 .r2Plate:nth-child(2) b { font-size:24px!important }
body.r2.landingPage section#hero .content { z-index:2 }
.r2 .r2HowPanel { grid-template-columns:1fr;max-width:560px;margin-left:auto;margin-right:auto }
.r2 .r2BenIn { max-width:760px }
body.r2.landingPage section#hero { padding:6px 18px 0 }
body.r2.landingPage section#hero h1 { margin-top:18px;font-size:36px }
body.r2.landingPage section#hero h2 { margin-top:14px;font-size:18px }
body.r2.landingPage section#hero form { margin-top:22px }
body.r2.landingPage section#hero form fieldset { flex-direction:column;gap:6px }
body.r2.landingPage section#hero form fieldset input.regNumber { width:100%;padding:0 10px 2px }
body.r2.landingPage section#hero form fieldset button.buyButton, body.r2.landingPage section#hero form fieldset button.valueButton, body.r2.landingPage section#hero form fieldset button.sellButton { width:100%;height:46px;margin:0 }
body.r2.landingPage section#hero p.trustPilotStarsAndLink { margin-top:20px;font-size:13px }
.r2 .r2Plates { margin:10px -18px 0 }
.r2 .r2Ben { border-bottom:0;padding:50px 18px 0 }
.r2 .r2BenIn { flex-direction:column;gap:22px }
.r2 .r2BenItem { display:flex;gap:14px;text-align:left;padding:0 }
.r2 .r2BenIco { flex:0 0 44px;width:44px;height:44px;margin:0;border:2px solid #1C1821;box-sizing:border-box }
.r2 .r2BenTxt h3 { font-size:20px }
.r2 .r2BenTxt p { margin-top:4px }
.r2 .r2How { padding:50px 18px 0 }
.r2 .r2How h2 { font-size:24px }
.r2 .r2HowPanel { margin-top:20px;padding:22px 16px;gap:26px;max-width:none }
.r2 .r2ScrD { display:none }
.r2 .r2ScrM { display:block }
.r2 .r2ScrM .r2ScrBody { padding:70px 16px 18px }
.r2 .r2Shot h3 { text-align:left;padding:14px 16px 0;font-size:20px }
.r2 .r2Step p { margin:6px 0 0;max-width:none;text-align:left;font-size:14px;line-height:1.55 }
.r2 .r2HowCta { margin-top:-6px }
.r2 .r2Band { margin-top:56px;padding:48px 18px 44px }
.r2 .r2Band h2 { font-size:28px }
.r2 .r2BandSub { margin-top:10px;font-size:15px }
.r2 .r2Cmp { margin-top:24px }
.r2 .r2CmpHead { display:none }
.r2 .r2CmpRow { display:block;padding:18px 0 }
.r2 .r2CmpRow .r2CmpL { font-size:11px }
.r2 .r2CmpRow .r2CmpA { margin-top:8px;gap:10px;padding-right:0;font-size:16px;line-height:1.4 }
.r2 .r2CmpRow .r2CmpB { margin-top:8px;gap:10px;font-size:14px;line-height:1.4 }
.r2 .r2CmpName { display:inline;font-weight:600 }
.r2 .r2BandQuote { margin-top:20px;padding-top:24px }
.r2 .r2BandQuote p { font-size:18px }
.r2 .r2BandLink { margin-top:22px }
.r2 .r2Content { padding:56px 18px 0 }
.r2 .r2Part + .r2Part { margin-top:50px }
.r2 .r2Content h2 { font-size:24px;line-height:1.25 }
.r2 .r2Content h3 { margin-top:24px;font-size:18px }
.r2 .r2Content p,.r2 .r2Content ul { font-size:15px;margin-top:10px }
.r2 .r2W blockquote,.r2 .r2Callout { padding:16px;font-size:15px }
.r2 .r2Tbl,.r2 .r2Tbl tbody,.r2 .r2Tbl tr,.r2 .r2Tbl td { display:block;width:auto }
.r2 .r2Tbl thead { display:none }
.r2 .r2Tbl tr { margin-top:10px;padding:14px;background:#fff;border:1px solid #CED0D1;border-radius:10px }
.r2 .r2Tbl tr.r2Hi { background:#FFF6CC;border:2px solid #1C1821 }
.r2 .r2Tbl td,.r2 .r2Tbl tr.r2Hi td { padding:0;border:0;background:transparent;font-size:15px;font-weight:400;line-height:1.5 }
.r2 .r2Tbl td:first-child { font:700 17px 'Cabin',sans-serif }
.r2 .r2Tbl td + td::before { content:attr(data-label);display:block;margin-top:8px;font:600 11px 'Inter',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#6B6870 }
.r2 .r2Tiles { flex-direction:column;gap:14px;margin-top:20px }
.r2 .r2Content a.r2Tile { flex:none;padding:16px }
.r2 .r2TilePlate { height:50px;font-size:28px;max-width:200px;margin-bottom:12px }
.r2 .r2Content .r2Tile h3 { font-size:18px }
.r2 .r2TileGo { margin-top:10px }
.r2 .r2Quotes { padding:50px 18px 0 }
.r2 .r2Quotes h2 { font-size:24px }
.r2 .r2QRow { display:block;margin-top:26px }
.r2 .r2Q { padding:0 6px }
.r2 .r2Q + .r2Q { border-left:0;border-top:1px solid #E6E6E6;margin-top:28px;padding-top:28px }
.r2 .r2QImg { width:72px;height:72px }
.r2 .r2Q blockquote { margin-top:14px }
.r2 .r2Q blockquote p { font-size:16px }
.r2 .r2Q figcaption { margin-top:12px }
.r2 .r2Q a { margin-top:10px }
.r2 .r2Strip { margin-top:50px;padding:34px 18px 30px }
.r2 .r2Strip h2 { font-size:22px }
.r2 .r2Logos { margin-top:20px }
.r2 .r2Logos img.trustedLogo { width:84px;margin:0 18px }
body.r2.landingPage section#hero .r2Pill { display:inline-block;border:1.5px solid #1C1821;border-radius:20px;padding:5px 14px;font:700 12px/1.3 'Inter',sans-serif;letter-spacing:.12em;margin-top:30px }
body.r2.r2Home section#hero h1 { margin-top:18px;font-size:56px }
body.r2.landingPage section#hero form fieldset button.sellButton { width:auto;height:46px;margin:0;padding:0 18px;border:1px solid #1C1821;border-radius:4px;background:transparent;color:#1C1821;font:600 15px 'Inter',sans-serif;text-align:center;white-space:nowrap;cursor:pointer }
body.r2.landingPage section#hero form fieldset button.sellButton span { float:none;margin:0 }
.r2 .r2Stats { background:#fff;border-bottom:1px solid #E6E6E6;padding:30px 24px }
.r2 .r2StatsIn { max-width:990px;margin:0 auto;display:flex;gap:20px }
.r2 .r2StatItem { flex:1;min-width:0;text-align:center }
.r2 .r2StatItem b { display:block;font:700 34px/1.1 'Cabin',sans-serif;color:#1C1821 }
.r2 .r2StatItem > span { display:block;margin-top:6px;font:600 11px/1.4 'Inter',sans-serif;letter-spacing:.1em;color:#4A4650 }
.r2 .r2StatItem .r2M { display:none }
.r2 .r2Tabs { margin-top:28px;display:flex;gap:2px }
.r2 .r2Tabs + .r2HowPanel { margin-top:0 }
.r2 .r2Tabs button { display:block;border:0;border-radius:8px 8px 0 0;padding:12px 18px;font:700 16px/1.2 'Cabin',sans-serif;color:#1C1821;background:#E0E0E0;cursor:pointer }
.r2 .r2Tabs button.on { background:#ECECEE }
.r2 .r2Tabs button:hover { background:#d6d6d9 }
.r2 .r2Tabs button.on:hover { background:#ECECEE }
.r2 .r2HowPanel[hidden] { display:none }
.r2 .r2Tabs { display:none }
.r2js .r2Tabs { display:flex }
.r2 .r2HowTabbed + .r2HowTabbed { margin-top:34px }
.r2js .r2HowTabbed + .r2HowTabbed { margin-top:0 }
.r2 .r2HowTabbed { border-top-left-radius:0 }
.r2 .r2Content .r2Cols { display:flex;gap:40px;margin-top:30px }
.r2 .r2Content .r2Col { flex:1;min-width:0 }
.r2 .r2Content .r2Col h3 { margin:0 }
.r2 .r2Content .r2Col p { margin:8px 0 0;max-width:none }
.r2 .r2Content .r2Col p.r2Cta { margin-top:22px }
.r2 .r2Tabs { max-width:560px;margin-left:auto;margin-right:auto }
.r2 .r2Content .r2Cols { gap:24px }
body.r2.landingPage section#hero .r2Pill { margin-top:20px;font-size:11px }
body.r2.r2Home section#hero h1 { font-size:34px;margin-top:14px }
body.r2.landingPage section#hero form fieldset button.sellButton { width:100% }
.r2 .r2Stats { padding:26px 18px }
.r2 .r2StatsIn { display:grid;grid-template-columns:1fr 1fr;gap:22px 14px }
.r2 .r2StatItem b { font-size:30px }
.r2 .r2StatItem > span { font-size:10px;margin-top:4px }
.r2 .r2StatItem .r2D { display:none }
.r2 .r2StatItem .r2M { display:inline }
.r2 .r2Tabs { margin-top:20px;max-width:none }
.r2 .r2Tabs button { padding:11px 18px }
.r2 .r2Content .r2Cols { flex-direction:column;gap:26px }
.r2 .r2Content .r2Col p.r2Cta { margin-top:14px }
body.r2 .selectPlanStartLink a,body.r2 .selectPlanSelectLink a,body.r2 .selectPlanTermBox .popularPlan,body.r2 .selectPlanStartLink a:hover { color:#1C1821 }
.r2 .r2Stats { background:#1C1821;border-bottom:0 }
.r2 .r2StatItem b { color:#fff }
.r2 .r2StatItem > span { color:#D6D2DC }
.r2 .r2Quotes { padding-top:70px }
.r2 .r2Q + .r2Q { border-left:1px solid #D9D9DD }
body.r2 section#homeQuestions { background:#ECECEE }
body.r2 section#homeQuestions #homeQuestionsImage { float:left;width:260px;margin-left:50px;text-align:left }
.r2 .r2FaqArt { position:relative;margin-top:6px;padding:14px 0 0 }
.r2 .r2FaqCard { background:#fff;border:1px solid #C9C9CC;border-radius:12px;box-shadow:0 14px 30px rgba(28,24,33,.18);overflow:hidden;color:#1C1821;font-family:'Inter',sans-serif }
.r2 .r2FaqBody { padding:16px 16px 18px;display:flex;flex-direction:column;gap:10px }
.r2 .r2FaqPlate { align-self:center;background:#FEE04E;border:4px solid #1C1821;border-radius:9px;padding:6px 16px 3px;font:32px/1 'UKNumberPlate','Cabin',sans-serif;letter-spacing:.04em;color:#000 }
.r2 .r2FaqQ,.r2 .r2FaqA { max-width:84%;box-sizing:border-box;padding:8px 11px;border-radius:12px;font-size:12.5px;line-height:1.4 }
.r2 .r2FaqQ { align-self:flex-start;background:#ECECEE;border-bottom-left-radius:3px }
.r2 .r2FaqA { align-self:flex-end;background:#1C1821;color:#fff;border-bottom-right-radius:3px }
.r2 .r2FaqSafe { align-self:center;margin-top:4px;background:#FEE04E;color:#1C1821;border-radius:20px;padding:5px 12px;font:700 11px/1.3 'Inter',sans-serif }
body.r2 section#homeQuestions #homeQuestionsImage { float:none;margin:0 auto 22px;max-width:300px;width:auto }
.r2 .r2Q + .r2Q { border-left:0 }
.r2 .r2Content .r2Col .r2Cta a { display:inline-block;background:#1C1821;color:#fff;border:0;border-radius:8px;padding:13px 22px;font:600 15px 'Inter',sans-serif }
.r2 .r2Content .r2Cols { margin-bottom:44px }
body.r2 section#homeBlogs { padding-bottom:56px }
.r2 .r2FaqAsk { background:#fff;border:1px solid #C9C9CC;border-radius:12px;box-shadow:0 14px 30px rgba(28,24,33,.18);padding:22px 18px 22px;text-align:center;font-family:'Inter',sans-serif;color:#1C1821 }
.r2 .r2FaqAsk .r2FaqPlate { display:inline-block }
.r2 .r2FaqAsk h4 { margin:16px 0 0;font:700 19px/1.3 'Cabin',sans-serif }
.r2 .r2FaqAsk p { margin:6px 0 0;font-size:14px;line-height:1.5;color:#4A4650 }
.r2 .r2FaqAsk a { display:inline-block;margin-top:14px;background:#1C1821;color:#fff;border-radius:8px;padding:11px 20px;font:600 14px 'Inter',sans-serif;text-decoration:none }
.r2 .r2FaqPlateBig { display:flex;align-items:center;justify-content:center;aspect-ratio:3.6/1;background:linear-gradient(#FFE867,#FEDB1F);border:5px solid #1C1821;border-radius:12px;box-shadow:inset 0 2px 0 rgba(255,255,255,.55),0 18px 34px rgba(28,24,33,.28);font:64px/1 'UKNumberPlate','Cabin',sans-serif;letter-spacing:.04em;color:#000;transform:rotate(-4deg) }
body.r2:not(.r2Home) .r2Quotes { padding-top:0 }
body.r2:not(.r2Home) .r2Quotes::before { content:"";display:block;max-width:990px;height:1px;margin:70px auto;background:#D9D9DE }
body.r2:not(.r2Home) .r2Quotes::before { margin:50px auto }
.r2 .r2Mail { font-family:'Inter',sans-serif;text-align:left }
.r2 .r2MailSub { font-size:11px;font-weight:700;color:#1C1821;margin-bottom:10px }
.r2 .r2Pdf { display:flex;align-items:center;gap:10px;border:1px solid #C9C9C9;border-radius:8px;padding:10px 12px;background:#fff }
.r2 .r2PdfIcon { flex:none;display:flex;align-items:center;justify-content:center;width:38px;height:44px;border-radius:5px;background:#D93025;color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em }
.r2 .r2PdfName { min-width:0;display:flex;flex-direction:column;gap:2px }
.r2 .r2PdfName b { font-size:12px;color:#1C1821;overflow-wrap:anywhere }
.r2 .r2PdfName i { font-style:normal;font-size:11px;color:#5D5963 }
.r2 .r2MockNote { margin-top:10px;font:500 12px/1.4 'Inter',sans-serif;color:#5D5963 }
.r2 .r2Plates { opacity:1 }
.r2 .r2Plate b { transition:opacity .35s }
.r2 .r2Plate b.r2Fade { opacity:0 }
.r2 .r2Plates.r2Ready { opacity:1 }
.r2 section#homeTrustpilot { padding-bottom:50px }
.r2 .r2Rev { max-width:1100px;margin:30px auto 0;padding:0 24px }
.r2 .r2RevTrack { display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:4px 2px 12px }
.r2 .r2RevTrack::-webkit-scrollbar { display:none }
.r2 .r2RevCard { flex:0 0 calc((100% - 32px) / 3);scroll-snap-align:start;box-sizing:border-box;background:#fff;border:1px solid #D9D9DE;border-radius:12px;padding:22px 20px;text-align:center }
.r2 .r2RevCard a { display:block;color:#1C1821;text-decoration:none }
.r2 .r2RevCard .homeTrustpilotReviewsStars { width:80px;margin:0 auto }
.r2 .r2RevCard .homeTrustpilotReviewsStars img { width:14px;height:14px;margin:1px }
.r2 .r2RevCard p.r2RevTitle { margin:12px 0 0;font:600 20px/1.3 'Cabin',sans-serif;color:#1C1821;text-align:center }
.r2 .r2RevCard p { margin:10px 0 0;font:400 15px/1.5 'Inter',sans-serif;color:#1C1821;text-align:center }
.r2 .r2RevCard p.homeTrustpilotReviewsAuthor { font-weight:700 }
.r2 .r2RevNav { display:flex;justify-content:center;gap:12px;margin-top:14px }
.r2 .r2RevBtn { width:44px;height:44px;border-radius:50%;border:1px solid #1C1821;background:#fff;cursor:pointer;position:relative;padding:0 }
.r2 .r2RevBtn::before { content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;border-left:2px solid #1C1821;border-bottom:2px solid #1C1821;transform:translate(-30%,-50%) rotate(45deg) }
.r2 .r2RevNext::before { transform:translate(-70%,-50%) rotate(-135deg) }
.r2 .r2Lock { width:9px;height:11px;margin-right:4px;vertical-align:-1px;color:#8A8790 }
.r2 .r2RevCard { flex-basis:calc((100% - 16px) / 2) }
@media (max-width:640px) {
 .r2 .r2Rev { padding:0 10px }
 .r2 .r2RevTrack { padding-left:9%;padding-right:9% }
 .r2 .r2RevCard { flex-basis:100%;scroll-snap-align:center }
}
@media (prefers-reduced-motion:reduce) {
 .r2 .r2RevTrack { scroll-behavior:auto }
}
body.r2.navOpen { padding-top:90px }
.r2 .r2SlideNav { display:none }
html body.r2 section#homePlates h3 { float:none;text-align:center;margin-bottom:18px }
html body.r2 section#homePlates #homePlatesArrows,html body.r2 section#homeBlogs #homeBlogsArrows { display:none }
html body.r2 section#homePlates #homePlatesWrapper,html body.r2 section#homeBlogs #homeBlogsPosts { display:flex;gap:14px;width:100%;height:auto;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;box-sizing:border-box;padding:14px 9% 10px;position:relative }
html body.r2 section#homePlates #homePlatesWrapper::-webkit-scrollbar,html body.r2 section#homeBlogs #homeBlogsPosts::-webkit-scrollbar { display:none }
html body.r2 section#homePlates .homePlateEntriesContainer,html body.r2 section#homeBlogs #homeBlogsPosts .blogSummaryEntryWrapper { display:contents!important;position:static!important }
html body.r2 section#homePlates .homePlateEntry { flex:0 0 100%;width:auto;margin:0;scroll-snap-align:center;float:none }
html body.r2 section#homePlates .homePlateEntry .searchResultsEntryPlate { width:90%;margin-left:5%;font-size:28px }
html body.r2 section#homeBlogs #homeBlogsPosts .blogSummaryEntry { flex:0 0 100%;width:auto;margin:0;scroll-snap-align:center;float:none;display:block }
html body.r2 section#homeBlogs #homeBlogsPosts .blogSummaryEntry img { aspect-ratio:16/10;object-fit:cover;margin-bottom:12px }
html body.r2 section#homeBlogs #homeBlogsPosts .blogSummaryEntry h2 { font-size:18px;line-height:24px;margin-bottom:8px }
html body.r2 section#homeBlogs #homeBlogsPosts .blogSummaryEntry p { font-size:14px;line-height:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden }
html body.r2 section#homeBlogs #homeBlogsPosts .blogSummaryEntry p.readMore { display:block;font-size:14px }
.r2 .r2SlideNav { display:flex;justify-content:center;gap:12px;margin-top:6px }
html body.r2 section#homeQuestions #homeQuestionsImage { max-width:210px;margin:0 auto 40px;padding-bottom:14px }
.r2 .r2FaqPlateBig { font-size:40px;border-width:4px;border-radius:10px }
.r2 .r2FaqArt { padding:10px 0 18px }
.r2 .r2Clone { display:none }
.r2 .r2NoSnap { scroll-snap-type:none!important }
@media (max-width:640px) {
 .r2 .r2RevTrack .r2Clone { display:contents }
}
.r2 #homePlatesWrapper .r2Clone,.r2 #homeBlogsPosts .r2Clone { display:contents }
html body.r2 section#homePlates #homePlatesWrapper { display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:100%;gap:14px }
html body.r2 section#homePlates .homePlateEntry { margin:0 }
body.r2 header.navOpen nav { display:block;opacity:0;transform:translateY(-16px);transition:opacity .24s ease,transform .24s ease }
body.r2 header.navOpen.r2NavIn nav { opacity:1;transform:none }
body.r2 header.navOpen nav>ul>li { opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease }
body.r2 header.navOpen.r2NavIn nav>ul>li { opacity:1;transform:none;transition:opacity .3s ease,transform .3s ease }
body.r2 header.navOpen.r2NavIn nav>ul>li:nth-child(1) { transition-delay:.05s }
body.r2 header.navOpen.r2NavIn nav>ul>li:nth-child(2) { transition-delay:.09s }
body.r2 header.navOpen.r2NavIn nav>ul>li:nth-child(3) { transition-delay:.13s }
body.r2 header.navOpen.r2NavIn nav>ul>li:nth-child(4) { transition-delay:.17s }
body.r2 header.navOpen.r2NavIn nav>ul>li:nth-child(5) { transition-delay:.21s }
body.r2 header.navOpen.r2NavIn nav>ul>li:nth-child(6) { transition-delay:.25s }
body.r2 header.navOpen.r2NavIn nav>ul>li:nth-child(n+7) { transition-delay:.29s }
@media (prefers-reduced-motion:reduce) {
 body.r2 header.navOpen nav,body.r2 header.navOpen nav>ul>li { transition:none!important }
}
.r2 .r2Content .r2W > * + h2 { margin-top:70px }
.r2 .r2Content .r2W blockquote { margin:14px 0 0;color:#1C1821 }
.r2 .r2Content .r2W blockquote p { margin:0 }
.r2 .r2Content .r2W blockquote p + p { margin-top:8px }
.r2 .r2Tbl tr.r2TH th { padding:13px 14px;border-bottom:1px solid #E6E6E6;text-align:left;vertical-align:top;font:700 14px 'Cabin',sans-serif;background:#F6F4EA }
.r2 .r2Tbl tr.r2TH { display:none }
.r2 .r2Content .r2W > * + h2 { margin-top:50px }
.r2 .r2m-1 { left:22px;top:46px;transform:rotate(-9deg) }
.r2 .r2m-2 { font-size:35px }
.r2 .r2m-3 { right:-12px;top:-12px;transform:rotate(9deg) }
.r2 .r2m-4 { left:165px;top:275px;transform:rotate(3deg) }
.r2 .r2m-5 { font-size:22px }
.r2 .r2m-6 { left:-10px;bottom:-12px;transform:rotate(8deg) }
.r2 .r2m-7 { right:28px;top:28px;transform:rotate(7deg) }
.r2 .r2m-8 { font-size:27px }
.r2 .r2m-9 { left:50%;bottom:-12px;margin-left:-30px;transform:rotate(-4deg) }
.r2 .r2m-10 { right:150px;top:305px;transform:rotate(-5deg) }
.r2 .r2m-11 { display:flex;gap:6px;margin-bottom:12px }
.r2 .r2m-12 { flex:1;border:1px solid #C9C9C9;border-radius:6px;padding:8px 10px;font-size:12px;color:#8A8790;font-family:Inter,sans-serif }
.r2 .r2m-13 { display:grid;grid-template-columns:repeat(2,1fr);gap:8px;font-family:Inter,sans-serif }
.r2 .r2m-14 { border:1px solid #E6E6E6;border-radius:8px;padding:8px 4px;text-align:center }
.r2 .r2m-15 { display:inline-block;background:#FEE04E;border:2px solid #1C1821;border-radius:5px;padding:3px 8px;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:15px;letter-spacing:.04em;line-height:1 }
.r2 .r2m-16 { margin-top:3px;font-size:11px;font-weight:600 }
.r2 .r2m-17 { position:absolute;left:84%;top:124px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35)) }
.r2 .r2m-18 { font-family:Inter,sans-serif;text-align:left }
.r2 .r2m-19 { font-size:11px;color:#4A4650 }
.r2 .r2m-20 { font-family:Cabin,sans-serif;font-size:30px;font-weight:700;line-height:1.1 }
.r2 .r2m-21 { position:absolute;left:38%;top:168px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35)) }
.r2 .r2m-22 { font-family:Inter,sans-serif }
.r2 .r2m-23 { display:flex }
.r2 .r2m-24 { flex:1;text-align:center }
.r2 .r2m-25 { width:24px;height:24px;line-height:20px;box-sizing:border-box;margin:0 auto 4px;border-radius:50%;font-size:12px;font-weight:600;background:#00BC80;color:#1C1821;border:2px solid #00BC80 }
.r2 .r2m-26 { width:24px;height:24px;line-height:20px;box-sizing:border-box;margin:0 auto 4px;border-radius:50%;font-size:12px;font-weight:600;background:#fff;color:#00BC80;border:2px solid #00BC80 }
.r2 .r2m-27 { width:24px;height:24px;line-height:20px;box-sizing:border-box;margin:0 auto 4px;border-radius:50%;font-size:12px;font-weight:600;background:#fff;color:#4A4650;border:2px solid #CED0D1 }
.r2 .r2m-28 { display:flex;font-size:10px;color:#4A4650;text-align:center;line-height:1.25 }
.r2 .r2m-29 { flex:1 }
.r2 .r2m-30 { margin-top:14px;background:#EAF9F3;border:1px solid #00BC80;border-radius:10px;padding:12px;text-align:center;font-size:13px;font-weight:600 }
.r2 .r2m-31 { margin-top:8px;text-align:center;font-size:11px;color:#4A4650 }
.r2 .r2m-32 { position:absolute;left:78%;top:204px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35)) }
.r2 .r2m-33 { font-size:11px;font-weight:600 }
.r2 .r2m-34 { margin-top:3px;border:1px solid #C9C9C9;border-radius:6px;padding:7px 10px;font-size:12px }
.r2 .r2m-35 { margin-top:8px;font-size:11px;font-weight:600 }
.r2 .r2m-36 { position:absolute;left:84%;top:196px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35)) }
.r2 .r2m-37 { display:flex;justify-content:flex-start }
.r2 .r2m-38 { max-width:80%;background:#E9E9E9;border-radius:12px 12px 12px 3px;padding:7px 10px;font-size:12px }
.r2 .r2m-39 { margin-top:8px;border:1px solid #E6E6E6;border-radius:10px;padding:10px }
.r2 .r2m-40 { font-size:10px;font-weight:600;letter-spacing:.04em;color:#4A4650 }
.r2 .r2m-41 { font-family:Cabin,sans-serif;font-size:22px;font-weight:700;line-height:1.2 }
.r2 .r2m-42 { position:absolute;left:31%;top:194px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35)) }
.r2 .r2m-43 { left:70px;top:210px;transform:rotate(-4deg) }
.r2 .r2m-44 { font-size:30px }
.r2 .r2m-45 { left:-12px;top:-12px;transform:rotate(-7deg) }
.r2 .r2m-46 { left:14px;top:6px;transform:rotate(6deg) }
.r2 .r2m-47 { right:-10px;bottom:-12px;transform:rotate(-10deg) }
.r2 .r2m-48 { right:70px;top:6px;transform:rotate(-7deg) }
.r2 .r2m-49 { font-size:33px }
.r2 .r2m-50 { right:22px;top:270px;transform:rotate(4deg) }
.r2 .r2m-51 { font-size:23px }
.r2 .r2m-52 { font-size:11px;color:#6B6870;margin-top:8px }
.r2 .r2m-53 { border:1px solid #C9C9C9;border-radius:6px;padding:8px 10px;font-size:13px;margin-top:3px }
.r2 .r2m-54 { background:#F2F2F3;border-radius:8px;padding:8px 10px;font-size:12px }
.r2 .r2m-55 { margin-top:10px;font-size:10px;font-weight:700;letter-spacing:.08em;color:#6B6870 }
.r2 .r2m-56 { font:700 22px Cabin,sans-serif }
.r2 .r2m-57 { font-size:11px;color:#6B6870 }
.r2 .r2m-58 { margin-top:12px;font:700 18px Cabin,sans-serif }
.r2 .r2m-59 { margin-top:6px;font-size:13px;color:#00875F;font-weight:600 }
.r2 .r2m-60 { border:1px solid #C9C9C9;border-radius:6px;padding:8px 10px;font-size:12px;color:#8A8790 }
.r2 .r2m-61 { margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:center }
.r2 .r2m-62 { border:1px solid #E6E6E6;border-radius:8px;padding:8px 4px }
.r2 .r2m-63 { display:inline-block;background:#FEE04E;border:2px solid #1C1821;border-radius:5px;padding:3px 8px;font:700 16px 'Barlow Condensed',sans-serif;letter-spacing:.04em;line-height:1 }
.r2 .r2m-64 { margin-top:4px;font-size:12px;font-weight:600 }
.r2 .r2m-65 { font:700 24px Cabin,sans-serif }
.r2 .r2m-66 { margin-top:6px;font-size:13px;color:#4A4650 }
.r2 .r2m-67 { left:26px;top:300px;transform:rotate(5deg) }
.r2 .r2m-68 { font-size:24px }
.r2 .r2m-69 { left:24px;top:30px;transform:rotate(-3deg) }
.r2 .r2m-70 { right:34px;top:14px;transform:rotate(-6deg) }
.r2 .r2m-71 { font-size:26px }
.r2 .r2m-72 { right:120px;top:250px;transform:rotate(8deg) }
.r2 .r2m-73 { margin-top:4px;border:1px solid #C9C9C9;border-radius:6px;padding:9px 10px;font-size:13px }
.r2 .r2m-74 { margin-top:4px;border:1px solid #C9C9C9;border-radius:6px;padding:9px 10px;font-size:12px;color:#8A8790 }
.r2 .r2m-75 { position:absolute;left:72%;top:176px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35)) }
.r2 .r2m-76 { font-size:11px;font-weight:600;letter-spacing:.06em;color:#4A4650 }
.r2 .r2m-77 { margin-top:8px;display:inline-block;background:#FEE04E;border:2px solid #1C1821;border-radius:5px;padding:4px 10px;font-family:UKNumberPlate,sans-serif;font-size:20px;line-height:1 }
.r2 .r2m-78 { margin-top:12px;border-radius:4px;background:#E6E6E8;height:8px;width:100% }
.r2 .r2m-79 { margin-top:7px;border-radius:4px;background:#E6E6E8;height:8px;width:85% }
.r2 .r2m-80 { margin-top:7px;border-radius:4px;background:#E6E6E8;height:8px;width:60% }
.r2 .r2m-81 { margin-top:12px;font-size:11px;color:#4A4650 }
.r2 .r2m-82 { font-size:10px;font-weight:700;letter-spacing:.08em;color:#6B6870 }
.r2 .r2m-83 { margin-top:8px }
.r2 .r2m-84 { margin-top:10px;font-size:13px }
.r2 .r2RevTrack { scroll-padding-left:2px;scroll-padding-right:2px }
/* Advert removal warning */
main .advertRemoveWarning { display: none; margin: 18px 0 6px; padding: 16px 18px; border: 1px solid #E2DEE6; border-radius: 12px; background: #F8F7F9; }
main .advertRemoveWarning.advertRemoveShow { display: block; }
main .advertRemoveWarning p { margin: 0; color: var(--pto-ink); font-size: 14px; line-height: 1.5; }
main p.advertSoldNote { display: none; }
main p.advertSoldNote.advertRemoveShow { display: block; }
main a.advertKeepButton { display: none; box-sizing: border-box; width: 100%; padding: 20px; margin-bottom: 10px; border-radius: 10px; background: #00BC80; color: #1C1821; font-family: 'Cabin', sans-serif; font-size: 18px; font-weight: 700; text-align: left; text-decoration: none; }
main a.advertKeepButton.advertRemoveShow { display: block; }
main a.advertKeepButton span { float: right; }
main button.submit.advertRemoveSecondary { padding: 18px; border: 2px solid #1C1821; background: #fff; color: #1C1821; }