:root{--paper:#f1f2f4;--ink:#171b22;--accent:#a92f13;--line:#c8cdbf;--muted:#626b65;--soft:#e5e8e1;--image-bg:#eee;--heading-font:"Rajdhani",serif;--body-font:"Roboto",Arial,sans-serif;--heading-weight:600;}
.pg-header{background:#171b22;color:#fff}.pg-top{background:#090d13;padding:9px 4%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em}.pg-nav{display:flex;align-items:center;justify-content:space-between;padding:25px 4%}.pg-nav .brand-mark{font:700 35px var(--heading-font);text-transform:uppercase;letter-spacing:.04em}.pg-search{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #404650;padding:8px 4%}.pg-search>nav{display:flex;gap:26px;font-size:11px;text-transform:uppercase}.pg-search .site-search{background:#242a35;border-color:#515762;width:300px;color:white}.pg-search input::placeholder{color:#c4cbd5}.pg-hero{display:grid;grid-template-columns:1fr 1.15fr;padding-top:30px;gap:0}.pg-hero>div{padding:40px;background:#242b36;color:white}.pg-hero h1{font-size:70px;line-height:.96;text-transform:uppercase;margin:20px 0}.pg-hero p{font-size:14px;max-width:400px;color:#dce1e9;margin-bottom:27px}.pg-hero>img{height:590px;width:100%;object-fit:cover}.pg-hero dl{display:flex;gap:45px;margin:35px 0 0;border-top:1px solid #5d6470;padding-top:20px}.pg-hero dt{font-size:9px;letter-spacing:.1em}.pg-hero dd{margin:7px 0 0;font-size:13px}.pg-departments{padding-block:35px}.pg-departments .department-cards>a{display:grid;grid-template-columns:100px 1fr;align-items:center;border:1px solid #c2c7cf;background:white;padding:15px}.pg-departments .department-cards img{width:100px;height:100px;object-fit:contain}.pg-departments .department-cards span{font:600 22px var(--heading-font);text-transform:uppercase;padding:0 10px}.pg-shelf{padding-top:25px}.pg-shelf h2{font-size:40px;text-transform:uppercase}.card-category,.card-description,.card-extra{display:none}.card-copy h3{font:600 22px var(--heading-font)}.card-meta{font-size:11px}.card-media{background:#e5e7ea}.card-media>a{aspect-ratio:1.1}.pg-guide{margin-top:50px;background:#252b35;color:#fff;padding:35px;display:grid;grid-template-columns:1fr 1fr;gap:15px 60px;border-left:8px solid var(--accent)}.pg-guide>span{grid-column:1/-1;font-size:10px;letter-spacing:.1em;color:#c4cbd5}.pg-guide h2{font-size:40px;text-transform:uppercase;grid-row:2/4}.pg-guide p{font-size:14px;color:#dbe0e8}.pg-guide a{text-decoration:underline;font-size:13px}.pg-shop>header{padding:20px 0}.pg-shop>header>span{font-size:10px;letter-spacing:.12em}.pg-shop h1{font-size:65px;text-transform:uppercase}.pg-tabs{display:flex;gap:8px;margin:5px 0 30px;flex-wrap:wrap}.pg-tabs a{font-size:11px;border:1px solid #9da5af;padding:12px 20px;font-weight:600}.pg-tabs a:first-child{background:var(--ink);color:white}.pg-parts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pg-parts>article{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;background:white;border:1px solid #c7cdd4;padding:18px}.pg-part-image{background:#e9ebee;display:flex;align-items:center}.pg-part-image img{width:100%;object-fit:contain;aspect-ratio:1}.pg-parts small{font-size:10px;color:var(--muted)}.pg-parts h2{font-size:24px;margin:10px 0}.pg-parts p{font-size:12px}.pg-parts .pg-material{color:var(--muted);margin:8px 0 18px;font-size:11px}.pg-parts strong{display:block;font-size:20px;margin-bottom:15px}.pg-parts .primary{font-size:11px;min-height:35px;padding:8px 12px}.pg-product{display:grid;grid-template-columns:150px 1fr 1fr;gap:35px}.pg-data{border-top:4px solid var(--ink);padding-top:18px}.pg-data>span{font-size:9px;letter-spacing:.15em}.pg-data>b{display:block;font:700 26px var(--heading-font);margin-top:12px}.pg-data dl{margin:28px 0}.pg-data dt{font-size:9px;letter-spacing:.12em;margin-top:22px}.pg-data dd{margin:10px 0 0;font-size:12px}.pg-data>a{font-size:11px;text-decoration:underline}.pg-product>section{padding-top:15px}.pg-product .buy-panel>h1{font-size:39px}.pg-product .product-photo img{aspect-ratio:1.1}.pg-compat{background:#dfe4eb;margin-top:35px;padding:28px 30px;border-left:5px solid var(--accent);display:grid;grid-template-columns:1fr 1.5fr;gap:12px 40px}.pg-compat>span{font-size:10px;letter-spacing:.1em;grid-column:1/-1}.pg-compat h2{font-size:33px;text-transform:uppercase}.pg-compat p{font-size:14px}.pg-bottom{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:40px}.pg-bottom h2{font-size:30px;text-transform:uppercase;margin-bottom:20px}.pg-bottom p{font-size:14px}.primary{border-radius:0;font-weight:600}@media(max-width:1050px){.pg-search>nav{gap:15px}.pg-product{grid-template-columns:115px 1fr 1fr;gap:22px}.pg-departments .department-cards>a{grid-template-columns:1fr}.pg-departments .department-cards img{width:100%}}@media(max-width:700px){.pg-top{font-size:8px}.pg-top>a{display:none}.pg-nav{padding:20px}.pg-nav .brand-mark{font-size:28px}.pg-search>nav{display:none}.pg-search .site-search{width:100%}.pg-hero{display:flex;flex-direction:column-reverse;padding-top:20px}.pg-hero>img{height:275px}.pg-hero>div{padding:28px}.pg-hero h1{font-size:53px}.pg-hero dl{margin-top:24px;gap:20px}.pg-departments .department-cards{gap:10px}.pg-departments .department-cards>a{padding:8px}.pg-departments .department-cards img{height:80px}.pg-departments .department-cards span{font-size:15px;padding:10px 4px}.pg-guide,.pg-bottom{grid-template-columns:1fr;padding:25px;gap:20px}.pg-guide h2{grid-row:auto;font-size:31px}.pg-shop h1{font-size:48px}.pg-tabs a{padding:10px;font-size:10px}.pg-parts{grid-template-columns:1fr}.pg-parts>article{grid-template-columns:.85fr 1.15fr;padding:14px;gap:15px}.pg-parts h2{font-size:23px}.pg-product{grid-template-columns:1fr;gap:24px}.pg-data{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-top:12px}.pg-data dl{display:none}.pg-data>b{margin:0;font-size:20px}.pg-data>a{margin-left:auto}.pg-product>section{padding:0}.pg-product .buy-panel>h1{font-size:36px}.pg-compat{grid-template-columns:1fr;padding:24px}.pg-compat h2{font-size:30px}.pg-bottom{padding:0}.pg-shelf h2{font-size:33px}}

/* LOCAL FONT FACES */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/rajdhani-0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/rajdhani-1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/rajdhani-2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/rajdhani-3.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/roboto-0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/roboto-1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/roboto-2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/roboto-3.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/roboto-4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.footer{background:#10141b;color:#e7ecf5;border-top:7px solid #a92f13}.footer-name{font:700 35px var(--heading-font);text-transform:uppercase}.footer h2{text-transform:uppercase;font-size:25px;letter-spacing:.05em}.footer-bottom{border-color:#465263}@media(max-width:700px){.footer{grid-template-columns:1fr 1fr}.footer>div:first-child{grid-column:1/-1}}
