@charset "UTF-8";
/* Applies only to the four section roots; approved pages keep their styles. */
body.tyres-section-redesign{min-width:0!important;margin:0;background:#e5ebf0!important;color:#33424e;font:14px/1.55 Arial;overflow-x:clip}
body.tyres-section-redesign .tyres-section-hero{box-sizing:border-box;height:200px;margin:12px 28px 0;padding:28px 36px;border-radius:12px;background:linear-gradient(90deg,rgba(12,23,34,.67),rgba(12,23,34,.23) 47%,rgba(12,23,34,0) 75%),url('/img/home-hero-porsche.jpg') center 68%/cover no-repeat;color:#fff}
body.tyres-section-redesign .tyres-section-hero h1{margin:24px 0 0;padding:0;border:0;background:none;color:#fff;font:700 36px/1.15 Arial}
body.tyres-section-redesign .tyres-section-breadcrumbs{font:12px/18px Arial;color:#e2e9ef}
body.tyres-section-redesign .tyres-section-breadcrumbs a{color:#fff;text-decoration:none}
body.tyres-section-redesign .tyres-section-breadcrumbs span{margin-right:7px}
body.tyres-section-redesign #header,body.tyres-section-redesign .phone_right,body.tyres-section-redesign .searchShort{display:none!important}
body.tyres-section-redesign>table{width:100%!important;margin:0;background:transparent}
body.tyres-section-redesign>table>tbody>tr>td:first-child{display:none}
body.tyres-section-redesign>table>tbody>tr>td{display:block;width:100%!important}
body.tyres-section-redesign .internal-layout{display:block;width:auto!important;margin:12px 28px 32px!important;background:transparent}
body.tyres-section-redesign .internal-layout>tbody,body.tyres-section-redesign .internal-layout>tbody>tr{display:block}
body.tyres-section-redesign .internal-sidebar{display:none}
body.tyres-section-redesign .internal-layout>tbody>tr>td:last-child{display:block;width:100%;min-width:0}
body.tyres-section-redesign .content,body.tyres-section-redesign .content>tbody,body.tyres-section-redesign .content>tbody>tr,body.tyres-section-redesign .content>tbody>tr>td{display:block;width:100%!important;background:transparent!important}
body.tyres-section-redesign .content>tbody>tr:first-child,body.tyres-section-redesign .content>tbody>tr>td:first-child,body.tyres-section-redesign .content>tbody>tr>td:last-child{display:none}
body.tyres-section-redesign .content>tbody>tr:nth-child(2)>td:nth-child(2){display:block}
body.tyres-section-redesign .internal-main{display:block;padding:0!important;width:100%!important;box-sizing:border-box}
body.tyres-section-redesign .internal-breadcrumbs{display:none}
body.tyres-section-redesign .internal-page-content{padding:0;border:0;border-radius:0;background:transparent;min-height:0;box-shadow:none}
body.tyres-section-redesign .internal-page-content h2{font:700 20px/26px Arial;color:#25343f;margin:20px 0 12px}
body.tyres-section-redesign .below-h1-block{margin:12px 0;padding:16px 20px;background:#fff;border:1px solid #e1e7ec;border-radius:10px;font:14px/1.65 Arial}
body.tyres-section-redesign .internal-page-content a[href^="/tyres/select/"]:not(.tyres-results-filters__reset){display:inline-block!important;float:none!important;width:auto!important;margin:3px 5px 3px 0;padding:6px 10px;border:1px solid #dde5eb;border-radius:6px;background:#fff;font:13px/18px Arial;color:#3c576c;text-decoration:none}
body.tyres-section-redesign .tyres-section-brands{margin:14px 0;padding:13px 16px;border:1px solid #dce4eb;border-radius:10px;background:#fff}
body.tyres-section-redesign .tyres-section-brands summary{cursor:pointer;font:600 15px/22px Arial;color:#263541}
body.tyres-section-redesign .tyres-section-brands #brands{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin:14px 0 0;padding:0;background:none}
body.tyres-section-redesign .tyres-section-brands #brands>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;float:none;width:auto!important;margin:0;padding:10px;border:1px solid #e3e9ee;border-radius:7px;background:#f8fafc;color:#33434f}
body.tyres-section-redesign .tyres-section-brands #brands img{max-width:100%;width:auto;height:28px;object-fit:contain}
body.tyres-section-redesign .tyres-section-brands #brands h2{margin:0;font:13px/18px Arial}
body.tyres-section-redesign .tyres-section-result-count{margin:0 0 12px;color:#687984;font:13px/20px Arial}
body.tyres-section-redesign .tyres-results-layout{margin-top:12px!important}
body.tyres-section-redesign .tyres-results-filters__head h2{margin:0}
body.tyres-section-redesign .tyres-results-list .tr_short>td{border-bottom:0;background:transparent;padding:0}
body.tyres-section-redesign #models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin:18px 0}
body.tyres-section-redesign #models>div{box-sizing:border-box;float:none;width:auto!important;height:auto!important;min-width:0;margin:0!important;padding:20px;background:#fff;border:1px solid #e0e7ed;border-radius:10px;text-align:center}
body.tyres-section-redesign #models>div>a{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;color:#263541}
body.tyres-section-redesign #models>div>a>img{width:140px;height:140px;object-fit:contain}
body.tyres-section-redesign #models .title{display:block;margin:0;font:700 18px/23px Arial;color:#263541;background:none}
body.tyres-section-redesign #models .title img{width:18px;height:18px;object-fit:contain;vertical-align:middle}
body.tyres-section-redesign #models>div>span{display:block;margin:14px 0 0;font:700 20px/25px Arial;color:#23343f}
body.tyres-section-redesign #models .tyres-section-model-link{display:block;margin-top:16px;padding:9px 16px;border-radius:6px;background:#f00620;color:#fff;font:600 12px/18px Arial}
body.tyres-section-redesign .tyres-section-seo{box-sizing:border-box;margin:24px 0 0;padding:24px 28px;background:#fff;border:1px solid #e0e7ed;border-radius:12px;font:14px/1.7 Arial;color:#4b5c69}
body.tyres-section-redesign .tyres-section-seo>*{max-width:85ch;margin-left:auto;margin-right:auto}
body.tyres-section-redesign .tyres-section-seo p{font:14px/1.7 Arial;margin-top:12px;margin-bottom:12px}
body.tyres-section-redesign .tyres-section-seo img{max-width:100%;height:auto}
body.tyres-section-redesign .nav{margin:14px 0;font:14px/24px Arial}
@media(max-width:1199px){
 body.tyres-section-redesign .tyres-section-hero{height:180px;margin:12px 12px 0;padding:22px 18px;background-position:68% 60%}
 body.tyres-section-redesign .tyres-section-hero h1{font-size:29px;max-width:85%;margin-top:22px}
 body.tyres-section-redesign .internal-layout{margin:12px 12px 24px!important}
 body.tyres-section-redesign .tyres-section-brands #brands{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.tyres-section-redesign .tyres-section-seo{padding:18px}
 body.tyres-section-redesign #models{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 body.tyres-section-redesign #models{grid-template-columns:minmax(0,1fr)}
 body.tyres-section-redesign #models>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;text-align:left;padding:14px}
 body.tyres-section-redesign #models>div>a:first-child{display:contents}
 body.tyres-section-redesign #models>div>a>img{grid-row:1/4;width:100px;height:130px}
 body.tyres-section-redesign #models .title{grid-column:2;font-size:16px}
 body.tyres-section-redesign #models>div>span,body.tyres-section-redesign #models .tyres-section-model-link{grid-column:2;margin:0;text-align:center}
}
body.tyres-section-redesign .tyres-section-quicklinks{margin:12px 0;padding:13px 16px;border:1px solid #dce4eb;border-radius:10px;background:#fff}
body.tyres-section-redesign .tyres-section-quicklinks summary{cursor:pointer;font:600 15px/22px Arial;color:#263541}
body.tyres-section-redesign .internal-page-content>br{display:none}
body.tyres-section-redesign .tyres-section-quicklinks h2{margin:14px 0 10px}body.tyres-section-redesign .tyres-section-seo:empty{display:none}
body.tyres-section-redesign #models .tyres-section-model-brand{font:600 13px/18px Arial;color:#647582}
@media(max-width:600px){body.tyres-section-redesign #models .tyres-section-model-brand{grid-column:2}}
/* Final desktop polish; keep approved mobile presentation unchanged. */
@media(min-width:1200px){
 body.tyres-section-redesign .tyres-section-hero{background-image:linear-gradient(90deg,rgba(12,23,34,.52),rgba(12,23,34,.16) 47%,rgba(12,23,34,0) 75%),url('/img/home-hero-porsche.jpg')}
 body.tyres-section-redesign .below-h1-block{padding:12px 16px;background:rgba(255,255,255,.38);border-color:transparent;border-radius:8px;color:#4b5964;line-height:1.8;text-align:left}
 body.tyres-section-redesign .tyres-section-quicklinks,
 body.tyres-section-redesign .tyres-section-brands{margin:10px 0;padding:8px 16px;background:#f9fbfd;border-color:#dce4eb;border-radius:8px;transition:background-color .12s ease}
 body.tyres-section-redesign .tyres-section-quicklinks:hover,
 body.tyres-section-redesign .tyres-section-brands:hover{background:#fff}
 body.tyres-section-redesign .tyres-section-quicklinks summary,
 body.tyres-section-redesign .tyres-section-brands summary{font-size:14px;line-height:22px;color:#344652}
 body.tyres-section-redesign .internal-page-content>h2{font:700 22px/28px Arial;color:#243541;margin:22px 0 14px;letter-spacing:-.2px}
}
/* Section SKU cards only: center the visible information, without the empty fourth left row. */
@media(min-width:1200px){
 body.catalog-redesign.tyres-results-redesign.tyres-section-redesign .tyres-results-card__details{display:flex!important;justify-content:center!important;align-items:center!important;padding-top:0!important;padding-bottom:0!important}
 body.catalog-redesign.tyres-results-redesign.tyres-section-redesign .tyres-results-card__details .tyres-results-card__specs--original{height:63px!important;min-height:0!important}
 body.tyres-section-redesign .tyres-results-card__availability{margin-bottom:4px!important;font-size:11px;line-height:14px}
}
body.tyres-section-redesign .tyres-section-stock-title{display:block;color:#465562;font-size:11px;line-height:14px;font-weight:600}
body.tyres-section-redesign .tyres-section-stock-term{display:block;color:#65737e;font-size:11px;line-height:14px}
body.tyres-section-redesign .tyres-section-stock-count{display:block;font-size:11px;line-height:14px}
/* Align desktop availability and price with the centre of the purchase button. */
@media(min-width:1200px){
 body.catalog-redesign.tyres-results-redesign.tyres-section-redesign .tyres-results-card__purchase .tyres-results-card__availability,
 body.catalog-redesign.tyres-results-redesign.tyres-section-redesign .tyres-results-card__purchase .cost{width:100%;text-align:center!important}
}
/* Stock text shares the visible text centre, excluding the status dot. */
@media(min-width:1200px){
 body.catalog-redesign.tyres-results-redesign.tyres-section-redesign .tyres-section-stock-term{padding-left:0!important}
 body.catalog-redesign.tyres-results-redesign.tyres-section-redesign .tyres-section-stock-term:before{content:none!important}
 body.catalog-redesign.tyres-results-redesign.tyres-section-redesign .tyres-section-stock-count{position:relative;width:max-content;margin-left:auto;margin-right:auto;padding-left:0!important}
 body.catalog-redesign.tyres-results-redesign.tyres-section-redesign .tyres-section-stock-count:before{position:absolute;left:-14px!important}
}
/* Separate desktop stock and ordering; mobile retains the existing source sequence. */
body.tyres-section-redesign .tyres-section-order{display:contents}
@media(min-width:1200px){
 body.catalog-redesign.tyres-results-redesign.tyres-section-redesign .tyres-results-list tr.tyres-results-card{grid-template-columns:220px minmax(0,1fr) 110px 210px!important}
 body.catalog-redesign.tyres-results-redesign.tyres-section-redesign .tyres-results-card__purchase{display:contents!important}
 body.catalog-redesign.tyres-results-redesign.tyres-section-redesign .tyres-results-card__availability{grid-column:3;grid-row:1;align-self:center;margin:0!important;text-align:center!important;width:100%}
 body.catalog-redesign.tyres-results-redesign.tyres-section-redesign .tyres-section-order{grid-column:4;grid-row:1;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:9px 10px;box-sizing:border-box}
}
/* Desktop stock text: 30 percent larger, with the existing column geometry. */
@media(min-width:1200px){
 body.catalog-redesign.tyres-results-redesign.tyres-section-redesign .tyres-section-stock-title,
 body.catalog-redesign.tyres-results-redesign.tyres-section-redesign .tyres-section-stock-term,
 body.catalog-redesign.tyres-results-redesign.tyres-section-redesign .tyres-section-stock-count{font-size:14.3px!important;line-height:18.2px!important;white-space:normal!important}
 body.catalog-redesign.tyres-results-redesign.tyres-section-redesign .tyres-section-stock-count{max-width:100%;width:fit-content}
 body.catalog-redesign.tyres-results-redesign.tyres-section-redesign .tyres-section-stock-count:before{top:6px}
}
/* Summer copy only: rendered after the catalog and its sidebar. */
body.tyres-section-redesign .tyres-summer-info{box-sizing:border-box;min-width:0;margin:24px 0 0;padding:24px 28px;background:rgba(255,255,255,.82);border:1px solid #e1e7ec;border-radius:12px;color:#485762;font:15px/1.75 Arial,sans-serif;overflow-wrap:break-word}
body.tyres-section-redesign .tyres-summer-info__copy{max-width:850px;margin:0 auto}
body.tyres-section-redesign .tyres-summer-info h2{margin:0 0 14px;padding:0;font:700 22px/1.3 Arial,sans-serif;color:#253541}
body.tyres-section-redesign .tyres-summer-info p{margin:0 0 14px}
body.tyres-section-redesign .tyres-summer-info p:last-child{margin-bottom:0}
@media(max-width:600px){body.tyres-section-redesign .tyres-summer-info{margin-top:16px;padding:18px 16px;font-size:14px;line-height:1.7}body.tyres-section-redesign .tyres-summer-info h2{font-size:20px}}