/* Figma revision: Dunlop page, 10 November 2026. Shared brand styles remain in site.css. */
[hidden]{display:none!important}
.shop{background:#f21b1b}.menu span:first-child{background:var(--yellow)}
.home-page .hero-artwork{background-image:url('../design/current/newHome-imgContainer.png')}
.home-page .finder-heading>img{width:33px;height:33px}
.home-page .centers{position:relative;background:linear-gradient(-23.2393deg,#f6e500 24.171%,#fff 49.617%);color:#000;z-index:0}
.home-page .centers .eyebrow{color:#000}
.home-page .centers .center{color:#fff;background:#111}
.home-page .centers .section-heading{align-items:end}
.home-page .centers form{border-color:#000;background:#fff}
.center-actions>a{background:#fff;color:#000}.center-actions>button{background:#25d366;color:#fff}
.home-page .all-centers{display:flex;align-items:center;gap:0;background:#000;color:#fff;padding:0 0 0 22px;font-size:11px;line-height:1;font-weight:800;letter-spacing:2px;text-transform:uppercase;width:max-content;margin-left:auto}
.home-page .all-centers span{background:var(--yellow);border:1px solid #000;border-radius:0;margin-left:22px}
.home-page .all-centers span img{filter:brightness(0)}
.home-page .history{background:radial-gradient(ellipse at 80% 0,rgba(246,229,0,.12),transparent 55%),#000;z-index:1}
.home-page .categories{border-top:1px solid #f6e50066;border-bottom:1px solid #f6e50066}
.home-page .categories-background{opacity:1}
.home-page .category-photo{object-fit:cover}
.home-page .category h3{font-size:34px}
.home-page .about{position:relative;isolation:isolate;background:#000;padding-top:140px;min-height:0;overflow:hidden}
.about-background,.about-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:-2}
.home-page .about:after{content:'';position:absolute;inset:0;background:linear-gradient(109.5538deg,#000 39.984%,transparent 129.18%),#0000005e;z-index:-1}
.about-art{z-index:0;object-fit:fill}.home-page .about-grid{position:relative;z-index:1}
.home-page .about-grid>p{padding:38px 0 0;max-width:680px;align-self:center}
.home-page .about-grid>div{padding-bottom:112px}
.home-page .about .d-mark{width:120px;height:120px;margin-left:-20px;margin-bottom:20px}
@media(min-width:1000px){
 .home-page .centers{margin-top:-121px;height:1049px;padding:120px 0}
 .home-page .centers .section-heading{height:165px;margin-bottom:36px}
 .home-page .centers form{width:550px;margin-bottom:0}
 .home-page .center-grid{gap:16px}.home-page .center-photo{height:auto;aspect-ratio:348/216}
 .home-page .center-copy{min-height:237px;padding:26px 22px}
 .home-page .center-actions>a,.home-page .center-actions>button{min-height:52px}
 .home-page .history{margin-top:-35px;padding-top:140px;height:880px;min-height:880px}
 .home-page .history .section-heading{margin-bottom:85px}
 .home-page .categories{height:984px;min-height:0;padding-top:120px}
 .home-page .categories h2{margin-bottom:56px}.home-page .category{height:506px}
 .home-page .about{height:724px;padding-bottom:140px}
 .home-page .newsletter{margin-top:-87px;gap:40px}
 .home-page footer{position:relative;z-index:0;margin-top:-121px;padding-top:199px;padding-bottom:64px;min-height:494px}
 .home-page .newsletter{z-index:2}
}
@media(min-width:1000px) and (max-width:1650px){
 .home-page .center-copy{padding:18px 15px;min-height:237px}.home-page .center h3{font-size:19px}
 .home-page .centers form{width:45%}.home-page .category h3{font-size:28px}
 .home-page .about-grid>div{padding-bottom:70px}.home-page .about-grid>p{padding-top:30px}
 .home-page .newsletter{gap:30px}
}
@media(max-width:999px){
 .home-page .hero-artwork{background:url('../design/current/newMobile-imgSection.png') center top/auto 430px no-repeat #000}
 .home-page .hero-artwork .hero-stripe{display:none}
 .home-page .centers{margin-top:27px;height:740px;padding:56px 0 60px;background:linear-gradient(144.5598deg,#fff 40.811%,#f5e400 123.15%)}
 .home-page .centers .section-heading{margin-bottom:28px}.home-page .centers .eyebrow{font-size:9px;letter-spacing:2.88px;margin-bottom:7px}
 .home-page .centers h2{font-size:30px;line-height:30.6px}.home-page .centers form{margin-top:24px;height:50px}
 .home-page .center-grid{gap:12px;padding-bottom:4px}.home-page .center{min-width:280px;width:280px}
 .home-page .center-photo{height:175px}.home-page .center-copy{padding:16px;min-height:157px}
 .home-page .center h3{font-size:15px}.home-page .city{font-size:8px}.home-page .icon-copy{font-size:11px;line-height:16.5px}
 .home-page .center-actions>a,.home-page .center-actions>button{min-height:46px;font-size:8px}
 .home-page .all-centers{margin-top:24px;font-size:8px;padding-left:16px}.home-page .all-centers span{width:40px;height:40px;margin-left:16px}
 .home-page .history{margin-top:-17px;height:809px;padding:56px 0 64px;min-height:0}.home-page .history .section-heading{margin-bottom:36px}
 .home-page .history-grid{gap:16px}.home-page .history-photo picture>img{height:246px}.home-page .history-copy>p{font-size:12px;line-height:19.5px}
 .home-page .categories{height:1024px;min-height:0;padding:56px 0 60px}
 .home-page .categories h2{font-size:30px;line-height:28.5px;margin-bottom:24px}
 .home-page .category-grid{display:grid;grid-template-columns:1fr;gap:16px;margin:0;padding:0;overflow:visible}
 .home-page .category{min-width:0;width:100%;height:244px}
 .home-page .category-photo{object-fit:cover}.home-page .category>div{padding:18px 20px 14px;gap:8px}
 .home-page .category h3{font-size:22px;line-height:23px}.home-page .category p{font-size:9px;min-height:0;letter-spacing:2px;line-height:14px}
 .home-page .category hr{margin:8px 0;width:32px}.home-page .category .text-link{font-size:8px;margin-top:8px}
 .home-page .category .text-link img{display:none}.home-page .corner{width:56px;height:56px}
 .home-page .about{height:706px;padding:48px 0 120px}.home-page .about-background{content:url('../design/current/newMobile-imgSection2.png')}
 .home-page .about-art{display:none}.home-page .about-grid>div{padding-bottom:20px}
 .home-page .about .d-mark{width:70px;height:70px;margin-left:-10px;margin-bottom:18px}
 .home-page .about-grid>p{padding:0;line-height:20.4px;font-size:12px}
 .home-page .newsletter{margin-top:-70px;min-height:307px}.home-page .newsletter h2{font-size:22px;line-height:22.44px}
 .home-page footer{padding-top:36px;min-height:457px}.home-page .categories-background{content:url('../design/current/newMobile-imgSection1.png')}
}
/* Catalog and detail share navigation, newsletter, cards, and breadcrumb styles. */
.catalog-page,.detail-page{background:#fff;color:#000}
.catalog-page .header,.detail-page .header,.catalog-page footer,.detail-page footer{color:#fff}
.catalog-hero{position:relative;isolation:isolate;height:662px;overflow:hidden;color:#fff;background:#000}
.catalog-hero-photo,.catalog-hero-mask{position:absolute;inset:0;z-index:-3}
.catalog-hero-photo{background:url('../design/current/models-imgSection.png') center/cover}
.catalog-hero-mask{background:linear-gradient(90deg,#000e 0%,#000a 34%,#0000 70%),linear-gradient(0deg,#000 0%,transparent 40%);z-index:-2}
.catalog-hero-mask:after{content:'';position:absolute;inset:-86px 0 0;background:#000;opacity:.7;mask:url('../design/current/models-imgBackground.svg') 0 0/100% 948px no-repeat}
.catalog-diagonal{position:absolute;left:30%;top:-86px;width:44%;height:948px;z-index:-1}
.catalog-hero-copy{padding-top:151px;position:relative}
.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:12px;text-transform:uppercase;font-size:9px;letter-spacing:2px;font-weight:800;margin-bottom:32px}
.breadcrumbs>span:last-child{color:var(--yellow)}
.catalog-hero-copy>.outline{font-size:24px;font-weight:800;line-height:1.1;margin-bottom:28px}
.catalog-hero h1{font-size:88px;line-height:1.05;letter-spacing:-1px;text-transform:uppercase;font-weight:900;color:var(--yellow);margin-bottom:28px}
.catalog-hero-copy>p:last-child{max-width:490px;font-size:14px;line-height:22px}
.catalog-hero .quick{top:284px}
.line-picker{padding:32px 40px 60px}.line-heading{display:flex;justify-content:space-between;gap:20px;font-size:10px;text-transform:uppercase;letter-spacing:3px;font-weight:800;margin-bottom:16px}
.line-heading a{letter-spacing:1.8px}
.line-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.line-card{background:#111;position:relative;isolation:isolate;color:#fff;min-height:190px;padding:75px 26px 24px;clip-path:polygon(0 0,100% 0,100% 88%,93% 100%,0 100%)}
.line-card:before{content:'';position:absolute;inset:0;z-index:-1;background:url('../design/current/models-imgImage.png') center/cover;opacity:.55}
.line-card h2{font-size:24px;line-height:24px;min-height:48px}.line-card p{font-size:8px;letter-spacing:1.5px;text-transform:uppercase;margin-top:8px}.line-card>span{display:block;background:var(--yellow);width:30px;height:2px;margin-top:16px}
.line-card:hover,.line-card.selected{outline:3px solid var(--yellow);outline-offset:-3px}.line-card.selected h2{color:var(--yellow)}
.catalog-results{background:linear-gradient(#fff 70%,#fbf3a6);padding:12px 0 190px;scroll-margin-top:30px}
.catalog-results>.wrap{padding:0 40px}
.results-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd;padding-bottom:22px;margin-bottom:34px}
.section-kicker{font-size:10px;font-weight:800;letter-spacing:3px;text-transform:uppercase;margin-bottom:12px}
.results-heading h2,.specifications h2,.related-heading h2{font-size:40px;line-height:40px}.results-count{font-size:12px;color:#555;margin-top:18px}
.results-heading form{display:flex;align-items:center;gap:12px}.results-heading label{font-size:9px;letter-spacing:2px;text-transform:uppercase;font-weight:800}.results-heading select{height:44px;padding:10px 30px 10px 16px;background:#fff;color:#000;font-size:12px;border:1px solid #000}
.catalog-layout{display:grid;grid-template-columns:331px minmax(0,1fr);gap:18px;align-items:start}
.catalog-filters{background:var(--yellow);padding:26px 30px 40px;min-height:863px}
.catalog-filters .section-kicker{font-size:8px;line-height:13px;letter-spacing:2px}.catalog-filters h2{font-size:30px;line-height:32px;margin:16px 0 24px}
.your-size{background:#fff;padding:20px 18px;margin-bottom:22px}.your-size>p:first-child{font-size:9px;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px}
.your-size>strong{font-size:27px;letter-spacing:2px;white-space:nowrap}.your-size>div{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;border-bottom:1px solid #000;padding-bottom:14px;margin:6px 0 14px;text-transform:uppercase}
.your-size>p:last-child{font-size:10px;line-height:15px;color:#555}.catalog-tabs{display:flex;border:1px solid #000;padding:3px;gap:3px}.catalog-tabs button{font-size:9px;letter-spacing:1px;text-transform:uppercase;flex:1;color:#000;font-weight:800;padding:10px 4px}
.catalog-tabs button[aria-pressed=true]{background:#000;color:var(--yellow)}
.clear-filters{display:block;text-transform:uppercase;font-weight:800;letter-spacing:1.5px;font-size:8px;text-decoration:underline;margin:16px 0}
.measure-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.measure-filters label,.vehicle-filters label{font-size:8px;letter-spacing:1px;text-transform:uppercase;font-weight:800}
.measure-filters select{display:block;width:100%;margin-top:8px;font-size:12px;padding:12px 5px;background:#fff;color:#000;border:0}
.vehicle-filters{display:grid;gap:12px}.vehicle-filters input{width:100%;background:#fff;color:#000;border:0;display:block;padding:12px;margin-top:6px;font-size:13px}
.catalog-filters fieldset{border:0;padding:0;margin:24px 0}.catalog-filters legend{font-size:9px;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;font-weight:800}
.catalog-filters fieldset label{display:flex;align-items:center;gap:8px;border:1px solid #000;width:max-content;min-width:130px;font-size:10px;padding:8px;margin-bottom:6px}
.catalog-filters input[type=checkbox]{margin:0;accent-color:#000}.catalog-filters .black{width:100%;height:48px;font-size:9px;padding:0 12px;letter-spacing:2px}
.models-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px;align-items:stretch}
.model-card{background:#000;border:1px solid #000;color:#fff;display:flex;flex-direction:column;min-width:0}
.model-image{position:relative;background:radial-gradient(ellipse at 50% 48%,#fff 25%,#e8e8e3 100%);aspect-ratio:323/297;overflow:hidden}
.model-image>img{position:absolute;inset:8% 10% 4%;width:80%;height:88%;object-fit:contain;filter:drop-shadow(0 18px 18px #0004)}
.tire-type{position:absolute;top:14px;left:14px;z-index:2;background:#000;color:var(--yellow);font-size:9px;font-weight:800;padding:7px 9px;letter-spacing:1.5px}
.new-label{position:absolute;top:14px;left:62px;z-index:2;background:#f21b1b;padding:7px 9px;color:#fff;font-size:9px;letter-spacing:1.44px;text-transform:uppercase;font-weight:800}
.card-corner{position:absolute;top:0;right:0;width:56px;height:56px;background:var(--yellow);clip-path:polygon(0 0,100% 0,100% 100%)}
.model-copy{border-top:2px solid var(--yellow);padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.model-line{font-size:9px;font-weight:800;letter-spacing:2.16px;color:var(--yellow);text-transform:uppercase}.model-copy h3{font-size:20px;line-height:22px;margin-top:5px}
.model-description{font-size:12px;line-height:18px;color:#aaa;min-height:36px;margin-top:6px}
.rim-tags{display:flex;gap:5px;margin:14px 0}.rim-tags span{font-size:8px;border:1px solid #444;padding:5px 7px;color:#ccc}
.model-bottom{display:flex;justify-content:space-between;gap:10px;align-items:end;margin-top:auto}.model-bottom small{font-size:9px;color:#888;line-height:14px}
.model-bottom a,.model-bottom button{font-size:9px;line-height:14px;letter-spacing:1.4px;color:var(--yellow);text-transform:uppercase;font-weight:800;padding:0;text-align:right}
.model-bottom a:hover,.model-bottom button:hover{text-decoration:underline}.catalog-total{font-size:11px;color:#555;margin:60px 0 0}
.catalog-message{font-size:14px;line-height:22px;border:1px solid #ccc;background:#fff;padding:20px;margin-bottom:20px}.catalog-message a{text-decoration:underline}
.catalog-page .newsletter,.detail-page .newsletter{margin-top:-87px;gap:40px;z-index:2}.catalog-page footer,.detail-page footer{margin-top:-121px;min-height:494px;padding-top:199px;padding-bottom:64px}
/* Product detail. */
.detail-hero h1{font-size:64px;line-height:70px;color:#fff}.detail-hero .catalog-hero-copy{padding-top:210px}
.detail-hero .catalog-hero-photo{background-image:url('../design/current/detailHero-imgSection.png')}
.detail-hero .catalog-hero-copy>p{font-size:14px;line-height:22px;max-width:620px}.detail-hero .catalog-hero-copy>.detail-intro{font-size:18px;line-height:26px;margin-bottom:14px}
.detail-hero .primary{margin-top:26px;font-size:10px;min-height:44px;padding:14px 22px;letter-spacing:2px;gap:14px}
.product-overview{padding:0 40px 80px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:64px;min-height:683px;position:relative}
.product-info{padding-top:44px}.product-labels{display:flex;align-items:center;gap:10px;font-size:10px;line-height:18px;letter-spacing:2px;text-transform:uppercase}
.product-labels>b{background:var(--yellow);padding:6px 8px}.product-labels>span{color:#555}
.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:24px 0 52px}
.benefit-grid>div{background:#000;color:#fff;padding:20px 14px;min-height:116px}.benefit-grid span{display:block;color:var(--yellow);font-size:12px;margin-bottom:16px;font-weight:900}
.benefit-grid h2{font-size:11px;letter-spacing:.88px;line-height:16px}
.measure-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.measure-heading h2,.measure-heading a{font-size:10px;letter-spacing:2.4px}.measure-heading a{text-decoration:underline;letter-spacing:1.8px;font-weight:800;text-transform:uppercase}
.rim-selector{display:flex;gap:8px;margin-bottom:18px}.rim-selector button,.spec-tabs button{border:1px solid #bbb;background:#fff;color:#000;padding:12px 16px;font-size:12px;font-weight:800}
.rim-selector button[aria-pressed=true],.spec-tabs button[aria-pressed=true]{background:#000;color:var(--yellow);border-color:#000}
.size-selector{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.size-selector button{border:1px solid #d4d4d4;color:#000;min-height:44px;padding:12px 16px;font-size:14px;font-weight:800}
.size-selector button[aria-pressed=true]{background:var(--yellow);border-color:#000}
.selected-specs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;background:var(--yellow);padding:18px 20px;margin-bottom:18px}
.selected-specs small{display:block;text-transform:uppercase;font-size:8px;letter-spacing:1.76px;font-weight:800;margin-bottom:8px}.selected-specs strong{display:block;font-size:20px;line-height:24px;white-space:nowrap;font-weight:900}.selected-specs strong span{font-size:11px;white-space:nowrap;font-weight:700}
.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product-actions>a{width:100%;min-width:0;min-height:54px;height:auto;font-size:11px;letter-spacing:2.42px;padding:12px 14px;gap:10px}
.product-actions img{width:16px}.product-extra{display:flex;gap:20px;margin-top:18px}.product-extra button{color:#555;font-size:11px;display:flex;align-items:center;gap:6px;padding:0}.product-extra img{width:14px;height:14px}
.product-gallery{position:relative;margin-top:-140px;z-index:2;align-self:start}
.gallery-main{height:558px;background:radial-gradient(ellipse at 50% 48%,#fff 25%,#e8e8e3 100%);border:1px solid #bbb;position:relative;padding:40px 24px 68px}
.gallery-main>.card-corner{width:85px;height:85px}.gallery-main>#product-image{width:94.47%;height:100%;margin:auto;object-fit:contain}
.gallery-controls{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.gallery-controls>p{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#888}.gallery-controls b{color:#000}
.gallery-controls>div{display:flex;gap:6px}.gallery-controls button{width:40px;height:40px;display:grid;place-items:center;border:1px solid #aaa}.gallery-controls button:last-child{background:var(--yellow);border-color:#000}.gallery-controls button img{width:16px}
.gallery-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px}
.gallery-thumbs button{background:#f3f3ef;border:1px solid #ddd;position:relative;aspect-ratio:1;padding:10%;overflow:hidden}
.gallery-thumbs button img{height:100%;width:100%;object-fit:contain}.gallery-thumbs button[aria-pressed=true]{border:1px solid #000;border-bottom:3px solid var(--yellow)}
.product-technology{position:relative;isolation:isolate;overflow:hidden;background:#0a0a0a;color:#fff;min-height:716px}
.technology-background{position:absolute;inset:0;z-index:-2;width:121%;height:100%;max-width:none;object-fit:cover;opacity:.55}
.product-technology:after{position:absolute;content:'';inset:0;z-index:-1;background:linear-gradient(90deg,#0a0a0a33,#0a0a0a 55%)}
.technology-grid{display:grid;grid-template-columns:.9fr 1.3fr;gap:80px;padding:90px 40px}
.technology-grid .section-kicker{color:#bbb}.technology-grid h2{font-size:46px;line-height:44px;margin-bottom:30px}.technology-grid h2>span:not(.outline){color:var(--yellow)}
.tread-image{width:260px;height:342px;background:#f1f1ed;clip-path:polygon(0 0,100% 0,100% 92%,90% 100%,0 100%);display:grid;place-items:center}.tread-image img{height:70%;width:91%;object-fit:contain}
.technology-features{padding-top:30px}.technology-features article{display:flex;gap:30px;border-bottom:1px solid #242424;padding:26px 0 32px}.technology-features article>span{color:transparent;-webkit-text-stroke:1px var(--yellow);font-size:44px;font-weight:900}
.technology-features h3{font-size:20px;line-height:24px;margin-bottom:12px}.technology-features p{font-size:14px;line-height:23px;color:#aaa}
.specifications{padding:90px 40px 40px;scroll-margin-top:30px}.spec-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}
.spec-tabs{display:flex;gap:6px}.spec-tabs button{font-size:11px;padding:13px 17px}
.spec-table-scroll{overflow:auto;border:1px solid #ddd}.specifications table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.specifications thead{background:#000;color:#fff;text-transform:uppercase;font-size:9px;letter-spacing:1.8px}.specifications th,.specifications td{padding:16px 22px}
.specifications tbody tr{border-bottom:1px solid #eee;font-size:14px;height:52px}.specifications tbody th{font-size:16px;font-weight:900}.specifications td small{font-size:12px;color:#888}.specifications td:nth-last-child(2){font-size:12px;color:#666}.specifications td:last-child{text-align:right;font-size:9px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.specifications tbody tr.selected{background:#fffde6}
.measure-help{font-size:12px;line-height:20px;color:#888;margin-top:18px}
.related-models{background:linear-gradient(#fff 45%,#fbf3a6);padding:90px 0 190px}.related-models>.wrap{padding:0 40px}.related-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px}
.related-controls{display:flex;align-items:center;gap:8px}.related-controls>span{font-size:10px;letter-spacing:2px;color:#777;margin-right:8px}.related-controls button{width:40px;height:40px;border:1px solid #ccc}.related-controls button:last-child{background:var(--yellow);border-color:#000}
.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.related-all{display:flex;margin:40px auto 0;width:max-content;font-size:10px;height:44px;letter-spacing:2px;gap:30px}.related-all img{width:18px}
@media(min-width:1000px) and (max-width:1650px){
 .catalog-layout{grid-template-columns:250px 1fr}.catalog-filters{padding:24px 20px}.catalog-filters h2{font-size:26px}.your-size>strong{font-size:20px}
 .models-grid{gap:18px 12px}.model-copy{padding:16px 13px}.model-copy h3{font-size:17px}.model-description{font-size:11px;line-height:17px}.model-bottom{flex-wrap:wrap}.model-bottom a,.model-bottom button{font-size:8px}
 .line-card{padding:60px 18px 22px}.line-card h2{font-size:21px}.line-card p{font-size:7px;letter-spacing:1px}
 .product-overview{gap:35px}.product-labels{flex-wrap:wrap}.benefit-grid{margin-bottom:35px}.selected-specs{padding:16px 12px;gap:8px}.selected-specs strong{font-size:16px}.selected-specs strong span{font-size:9px}
 .product-actions>a{font-size:9px;letter-spacing:1.3px}.gallery-main{height:510px}.technology-grid{gap:40px}.technology-grid h2{font-size:40px}.technology-features h3{font-size:17px}
}
@media(max-width:999px){
 .catalog-hero{height:560px}.catalog-hero-copy{padding-top:140px}.catalog-hero-copy>.outline{font-size:16px;line-height:20px;max-width:240px}.catalog-hero h1{font-size:44px;line-height:46px;margin-bottom:20px}.catalog-hero-copy>p:last-child{font-size:13px;line-height:20px;max-width:280px}.catalog-hero-photo{background-position:60% center}.catalog-diagonal{top:0;height:100%;left:5%;width:90%}.catalog-hero .quick{top:140px}.breadcrumbs{font-size:8px;letter-spacing:1px;gap:6px;max-width:300px;margin-bottom:28px}
 .line-picker{padding:28px 0 40px}.line-heading{font-size:8px;letter-spacing:1px}.line-heading a{letter-spacing:1px}.line-grid{grid-template-columns:1fr 1fr;gap:10px}.line-card{min-height:150px;padding:44px 15px 18px}.line-card h2{font-size:19px;line-height:20px;min-height:40px}.line-card p{font-size:7px;letter-spacing:.8px;line-height:12px}.line-card>span{margin-top:12px}
 .catalog-results{padding-top:0;padding-bottom:130px}.catalog-results>.wrap{padding:0}.results-heading{gap:16px;align-items:start;margin-bottom:24px}.results-heading h2{font-size:25px;line-height:28px}.section-kicker{font-size:8px;letter-spacing:2px}.results-count{font-size:11px;margin-top:12px}.results-heading form{display:block}.results-heading label{font-size:8px;display:block;margin-bottom:6px}.results-heading select{height:38px;width:112px;font-size:10px;padding:8px}
 .catalog-layout{grid-template-columns:1fr;gap:24px}.catalog-filters{min-height:0;padding:24px 20px}.catalog-filters h2{font-size:27px;line-height:28px;margin-bottom:20px}.your-size{padding:16px}.your-size>strong{font-size:24px}.catalog-filters fieldset{display:flex;flex-wrap:wrap;gap:6px}.catalog-filters fieldset label{margin:0;min-width:130px}.catalog-filters .black{font-size:10px}
 .models-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.model-copy{padding:12px 10px}.model-copy h3{font-size:15px;line-height:17px}.model-line{font-size:7px;letter-spacing:1px;min-height:16px}.model-description{font-size:10px;line-height:15px;min-height:60px}.model-bottom{flex-direction:column;align-items:start;gap:12px}.model-bottom a,.model-bottom button{font-size:8px;letter-spacing:.8px;text-align:left}.model-bottom small{font-size:8px}.rim-tags{gap:3px;margin:10px 0}.rim-tags span{font-size:7px;padding:4px}.tire-type{font-size:7px;top:8px;left:8px;padding:5px}.new-label{font-size:7px;top:8px;left:43px;padding:5px}.card-corner{width:34px;height:34px}.catalog-total{margin-top:30px;font-size:10px}
 .catalog-page .newsletter,.detail-page .newsletter{margin-top:-70px;min-height:307px}.catalog-page footer,.detail-page footer{margin-top:0;padding-top:36px;padding-bottom:20px;min-height:457px}
 .detail-hero{height:590px}.detail-hero .catalog-hero-copy{padding-top:140px}.detail-hero h1{font-size:38px;line-height:42px;max-width:280px}.detail-hero .catalog-hero-copy>.detail-intro{font-size:15px;line-height:21px;max-width:280px}.detail-hero .catalog-hero-copy>p{font-size:12px;line-height:19px;max-width:285px}.detail-hero .primary{font-size:9px;padding:12px 16px}
 .product-overview{display:flex;flex-direction:column;padding:0 0 56px;gap:28px}.product-gallery{order:-1;margin-top:-55px;width:100%}.gallery-main{height:390px;padding:28px 18px 65px}.gallery-main>.card-corner{width:60px;height:60px}.gallery-controls>p{font-size:8px;letter-spacing:1px}.gallery-controls button{width:36px;height:36px}.gallery-thumbs{gap:8px}.product-info{padding-top:0}.product-labels{font-size:8px;letter-spacing:1.5px;flex-wrap:wrap;gap:8px}.benefit-grid{gap:6px;margin:20px 0 30px}.benefit-grid>div{padding:14px 10px;min-height:110px}.benefit-grid h2{font-size:10px;line-height:15px;letter-spacing:.3px}.benefit-grid span{font-size:11px;margin-bottom:12px}.measure-heading h2,.measure-heading a{font-size:8px;letter-spacing:1px}.size-selector button{font-size:12px;min-height:44px;padding:11px 12px}.selected-specs{padding:16px 10px;gap:10px;grid-template-columns:1fr 1fr}.selected-specs>div:first-child{grid-column:1/-1}.selected-specs strong{font-size:20px}.selected-specs small{font-size:7px;letter-spacing:1px}.product-actions>a{font-size:9px;letter-spacing:1px;padding:12px 9px}.product-extra{gap:15px;flex-wrap:wrap}.product-extra button{font-size:10px}
 .product-technology{min-height:0}.technology-grid{grid-template-columns:1fr;padding:56px 0;gap:28px}.technology-grid h2{font-size:36px;line-height:35px}.tread-image{width:180px;height:240px}.technology-features{padding:0}.technology-features article{gap:16px;padding:24px 0}.technology-features article>span{font-size:36px}.technology-features h3{font-size:17px;line-height:21px}.technology-features p{font-size:12px;line-height:20px}
 .specifications{padding:56px 0 30px}.spec-heading{flex-direction:column;align-items:start;gap:22px}.specifications h2,.related-heading h2{font-size:27px;line-height:29px}.spec-tabs button{min-height:44px}.specifications th,.specifications td{padding:14px}.specifications tbody th{font-size:14px}.measure-help{font-size:11px;line-height:18px}
 .related-models{padding:40px 0 130px}.related-models>.wrap{padding:0}.related-heading{align-items:start;gap:16px;flex-direction:column}.related-controls span{font-size:9px}.related-controls button{width:44px;height:44px}.related-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-right:-20px;padding-right:20px}.related-grid .model-card{min-width:260px;width:260px;scroll-snap-align:start}.related-grid .model-copy h3{font-size:20px}.related-grid .model-description{font-size:12px;line-height:18px;min-height:36px}.related-grid .model-copy{padding:18px}.related-grid .model-line{font-size:9px}.related-grid .model-bottom{flex-direction:row;align-items:center}.related-all{font-size:9px;gap:20px;padding:0 20px}
}
@media(max-width:360px){.models-grid{grid-template-columns:1fr}.model-image{aspect-ratio:1.3}.model-copy h3{font-size:19px}.model-description{min-height:0}.model-bottom{flex-direction:row;align-items:center}.model-line{font-size:9px}.catalog-hero h1{font-size:38px}.product-actions{grid-template-columns:1fr}.home-page .category h3{font-size:20px}.home-page .newsletter{min-height:325px}}
/* Keep original asset compositing and contain the scrollable specification table. */
.catalog-hero-mask:after{mask-image:url('../design/current/models-imgBackground1.svg');opacity:.88}
.detail-hero .catalog-hero-mask:after{mask-image:url('../design/current/detailHero-imgBackground.svg')}
.gallery-main>#product-image,.gallery-thumbs img,.tread-image img{mix-blend-mode:multiply}
.spec-table-scroll{position:relative}
.sr-only{top:0;left:0;clip-path:inset(50%)}
.card-corner{clip-path:none;mask:url('../design/current/models-imgBackground.svg') center/100% 100% no-repeat}
.home-page .corner{clip-path:none;mask:url('../design/current/newHome-imgBackground5.svg') center/100% 100% no-repeat}
@media(min-width:1000px){
 .home-page footer,.catalog-page footer,.detail-page footer{padding-bottom:40px}
 .product-overview{padding-bottom:28px}
 .specifications{padding-bottom:19px}
 .related-models{padding-bottom:220px}
}
@media(max-width:999px){.home-page .categories-background{opacity:.3}}
.home-page picture.category-photo>img{width:100%;height:100%;object-fit:cover}
.related-controls button:disabled{opacity:.35;cursor:default}
@media(max-width:999px){
 /* The mobile Figma artwork already contains its diagonal and dark treatment. */
 .home-page .hero-divider,.home-page .hero-artwork .hero-shade{display:none}
}
@media(max-width:999px){.line-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.line-card{min-width:0}.line-card h2{overflow-wrap:anywhere}}
@media(max-width:360px){.line-grid{grid-template-columns:1fr}}
/* Home audit against Figma, 13 November: updated mobile carousel and footer. */
.categories-kicker{display:none}
@media(max-width:999px){
 .home-page .hero-artwork{background-image:url('../design/review-20261113/imgSection.png')}
 .home-page .hero-copy{top:auto;bottom:186px}
 .home-page .hero-copy .eyebrow{display:block;font-size:9px;line-height:11px;letter-spacing:2.88px;color:#ddd;margin:0 0 10px}
 .home-page .hero .hero-title{font-size:clamp(38px,12.82vw,50px);line-height:.95;letter-spacing:-.5px;margin:0 0 6px}
 .home-page .hero-copy .outline{font-size:clamp(22px,6.92vw,27px);line-height:27px;letter-spacing:.135px;font-weight:900}
 .home-page .hero-copy .primary{height:44px;min-width:156px;font-size:10px;letter-spacing:2.2px;margin-top:24px}
 .home-page .brand img{content:url('../design/review-20261113/imgDunlop1.png');width:118px;height:29px;margin-left:-14px}
 .home-page .categories{height:534.29px;padding:56px 0 60px}
 .home-page .categories-background{content:url('../design/review-20261113/imgSection1.png')}
 .home-page .categories-kicker{display:block;font-size:9px;letter-spacing:2.88px;color:#bbb;font-weight:700;text-transform:uppercase;margin-bottom:9px}
 .home-page .categories h2{line-height:30.6px;margin-bottom:28px}
 .home-page .category-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-right:-20px;padding:0 20px 4px 0;scrollbar-width:thin;scrollbar-color:#444 transparent}
 .home-page .category{flex:0 0 273px;width:273px;min-width:273px;height:252.52px;scroll-snap-align:start}
 .home-page .category>div{padding:0 18px 20px}
 .home-page .category-photo{height:188.52px}
 .home-page .category h3{font-size:22px;line-height:26.4px}
 .home-page .category p{font-size:8px;line-height:10px;letter-spacing:2px;margin-top:8px}
 .home-page .category hr{display:none}
 .home-page .category .text-link{font-size:9px;letter-spacing:1.98px;line-height:11px;margin-top:14px}
 .home-page .category .text-link img{display:block;width:10px;height:10px;border:0;padding:0}
 .home-page .about-background{content:url('../design/review-20261113/imgSection2.png')}
 .home-page footer{background:#161616;padding-top:48px;padding-bottom:28px;min-height:457px}
 .home-page .footer-logo{width:90.44px;height:18px;margin:0;mix-blend-mode:lighten}
 .home-page footer p{max-width:350px;font-size:12px;line-height:19.5px}
 .home-page .social button{border-color:#ffffff1f}.home-page .legal{border-color:#ffffff1f}
}
@media(max-width:999px){
 .home-page .hero-artwork{background-size:100% 100%}
 .home-page .hero-artwork .hero-shade{display:block;inset:auto;left:-488px;top:-199px;width:1133px;height:605px;opacity:.88;clip-path:none;mask:url('../design/review-20261113/imgBackground.svg') 0 0/100% 100% no-repeat}
 .home-page .hero-artwork .hero-stripe{display:block;content:url('../design/review-20261113/imgVector2.svg');left:-148.1px;top:-198px;width:498.52px;height:605px;max-width:none}
 .home-page .japanese{display:flex;align-items:center;left:161px;right:auto;top:251px;bottom:auto;width:576px;height:228px;font-size:90px;line-height:111.6px}
 .home-page .hero-copy{bottom:149.5px}
 .home-page .hero-controls{bottom:85.5px}
 .home-page .quick{top:150px}.home-page .quick img{width:20px;height:23px}
}