:root{--paper:#fff9e9;--ink:#43331e;--accent:#a96016;--line:#c8cdbf;--muted:#626b65;--soft:#e5e8e1;--image-bg:#eee;--heading-font:"Bitter",serif;--body-font:"Open Sans",Arial,sans-serif;--heading-weight:600;}
.ht-header{background:#fffdf6;border-top:5px solid var(--ink)}.ht-top{padding:9px 4%;background:#eadfc4;font-size:10px;letter-spacing:.08em;display:flex;justify-content:space-between}.ht-main{display:flex;justify-content:space-between;gap:35px;align-items:center;padding:27px 4%}.ht-main .brand-mark{font:700 29px var(--heading-font)}.ht-main .site-search{width:360px;background:white}.ht-nav{padding:16px 4%;display:flex;gap:35px;border-block:1px solid var(--line);font-size:12px;font-weight:600}.ht-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;padding-top:40px;align-items:center}.ht-intro h1{font-size:47px;line-height:1.18;margin:20px 0}.ht-intro p{max-width:420px;font-size:14px;margin-bottom:28px}.ht-intro>img{width:100%;height:500px;object-fit:cover;border:8px solid white;box-shadow:0 0 0 1px var(--line)}.ht-counter{padding-top:50px}.ht-counter>h2{font-size:31px;margin-bottom:24px}.ht-counter .department-cards>a{display:grid;grid-template-columns:90px 1fr;align-items:center;background:#eee4cf;border:1px solid var(--line);padding:15px;gap:18px}.ht-counter .department-cards img{width:90px;height:95px;object-fit:contain}.ht-counter .department-cards span{font-size:15px;line-height:1.4}.ht-shelf{padding-top:60px}.ht-shelf h2{font-size:31px}.ht-guide{margin-top:50px;background:#e9dbbb;padding:35px;display:grid;grid-template-columns:1fr 1fr;gap:15px 50px}.ht-guide>span{grid-column:1/-1;font-size:10px;letter-spacing:.1em}.ht-guide h2{font-size:35px;grid-row:2/4}.ht-guide p{font-size:14px}.ht-guide a{text-decoration:underline;font-weight:600;font-size:13px}.ht-shop>header{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:30px 0}.ht-shop h1{font-size:42px}.ht-shop>header>a{font-size:12px;text-decoration:underline}.ht-table-head{display:grid;grid-template-columns:2.5fr 1fr .8fr;gap:28px;padding:14px 18px;background:var(--ink);color:white;font-size:10px;letter-spacing:.1em}.ht-list article{display:grid;grid-template-columns:2.5fr 1fr .8fr;gap:28px;align-items:center;border-bottom:1px solid var(--line);padding:20px 0}.ht-list article>a{display:flex;align-items:center;gap:25px}.ht-list article>a>img{width:145px;height:135px;object-fit:contain;background:#f1e8d5}.ht-list small{display:block;font-size:10px;color:var(--muted);margin-bottom:10px}.ht-list h2{font-size:21px;margin-bottom:8px}.ht-list p{font-size:12px;max-width:350px}.ht-size{font-size:13px}.ht-size small{margin-top:10px}.ht-add{display:flex;flex-direction:column;align-items:start;gap:12px}.ht-add strong{font-size:20px}.ht-add button{background:var(--accent);color:#fff;padding:10px 12px;font-size:12px}.ht-add a{font-size:11px;text-decoration:underline}.card-category,.card-extra{display:none}.card-description{font-size:12px}.card-copy h3{font:600 17px var(--heading-font)}.card-meta{font-size:11px}.card-media{background:#eee6d5}.ht-detail>header{display:flex;justify-content:space-between;align-items:end;border-block:2px solid var(--ink);padding:25px 0;gap:25px;margin-bottom:35px}.ht-detail>header h1{font-size:43px}.ht-detail>header>span{font-size:13px}.ht-product{display:grid;grid-template-columns:1.15fr 1fr;gap:60px}.ht-product>aside{padding-top:10px}.ht-spec{background:#efe3c7;padding:5px 25px 20px;margin-top:24px}.ht-use{border-left:4px solid var(--accent);padding:0 24px;margin-top:30px}.ht-use h2{font-size:24px}.ht-use p{font-size:13px;margin-top:15px}.ht-bottom{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:50px}.ht-bottom h2{font-size:28px;margin-bottom:20px}.ht-bottom p{font-size:14px}.primary{border-radius:0}@media(max-width:900px){.ht-main .site-search{max-width:250px}.ht-nav{gap:22px}.ht-counter .department-cards>a{grid-template-columns:1fr}.ht-counter .department-cards img{width:100%;height:100px}.ht-intro h1{font-size:39px}}@media(max-width:700px){.ht-top{font-size:8px}.ht-top a{display:none}.ht-main{padding:22px 20px;gap:15px}.ht-main .brand-mark{font-size:23px}.ht-main .site-search,.ht-nav{display:none}.ht-intro{grid-template-columns:1fr;gap:25px;padding-top:25px}.ht-intro>img{height:280px;grid-row:1}.ht-intro h1{font-size:35px}.ht-counter .department-cards{gap:10px}.ht-counter .department-cards>a{padding:10px}.ht-counter .department-cards span{font-size:12px}.ht-guide{grid-template-columns:1fr;padding:25px}.ht-guide h2{grid-row:auto;font-size:29px}.ht-shop>header{display:block}.ht-shop h1{font-size:33px}.ht-shop>header>a{display:inline-block;margin-top:20px}.ht-table-head{display:none}.ht-list article{grid-template-columns:1fr auto;gap:15px}.ht-list article>a{grid-column:1/-1;gap:18px}.ht-list article>a>img{width:110px;height:110px}.ht-list h2{font-size:19px}.ht-list p{font-size:11px}.ht-size{padding-left:5px;font-size:12px}.ht-add{align-items:end;gap:8px}.ht-add strong{font-size:18px}.ht-add a{display:none}.ht-detail>header{display:block}.ht-detail>header h1{font-size:33px}.ht-detail>header>span{display:block;margin-top:14px}.ht-product,.ht-bottom{grid-template-columns:1fr;gap:28px}.ht-product>aside{padding:0}.ht-bottom{margin-top:30px}.ht-shelf h2{font-size:27px}}

/* LOCAL FONT FACES */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/bitter-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: 'Bitter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/bitter-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: 'Bitter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/bitter-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: 'Bitter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/bitter-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: 'Bitter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/fonts/bitter-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;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/opensans-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: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/opensans-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: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/opensans-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: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/opensans-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: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/fonts/opensans-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:#e8d9b8;border-top:7px double #887144}.footer-name{font:700 27px var(--heading-font)}.footer h2{font-size:20px}.footer-bottom{border-top:1px solid #b6a582}@media(max-width:700px){.footer{grid-template-columns:1fr 1fr}.footer>div:first-child{grid-column:1/-1}}

.footer{color:var(--ink)}
.footer p,.footer a,.footer h2,.footer-bottom{color:inherit}