body:not(#aft-skin) .button{
  display: inline-block;
  padding: 12px 32px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 999px;
  background: #D4A76A;
  color: #2B2420;
  border: none;
  cursor: pointer;
  text-align: center;
  overflow-wrap: break-word;
  min-height: 44px;
  line-height: 1.4;
  transition: all 0.2s ease;
}
body:not(#aft-skin) .button:hover{
  background: #B8864D;
  color: #F8F4F0;
  box-shadow: 0 4px 12px rgba(180, 134, 77, 0.25);
}
body:not(#aft-skin) .button:focus-visible{
  outline: 2px solid #D4A76A;
  outline-offset: 3px;
  background: #B8864D;
  color: #F8F4F0;
}
body:not(#aft-skin) .button.secondary{
  background: transparent;
  color: #2B2420;
  border: 2px solid #2B2420;
  padding: 10px 30px;
}
body:not(#aft-skin) .button.secondary:hover{
  background: #2B2420;
  color: #F8F4F0;
  border-color: #2B2420;
  box-shadow: 0 4px 12px rgba(43, 36, 32, 0.2);
}
body:not(#aft-skin) .button.secondary:focus-visible{
  outline: 2px solid #2B2420;
  outline-offset: 3px;
  background: #2B2420;
  color: #F8F4F0;
}
body:not(#aft-skin) .component-dark-section .button{
  background: #D4A76A;
  color: #2B2420;
}
body:not(#aft-skin) .component-dark-section .button:hover{
  background: #B8864D;
  color: #F8F4F0;
}
body:not(#aft-skin) .component-dark-section .button:focus-visible{
  outline: 2px solid #D4A76A;
  outline-offset: 3px;
  background: #B8864D;
  color: #F8F4F0;
}
body:not(#aft-skin) .component-dark-section .button.secondary{
  background: transparent;
  color: #F8F4F0;
  border: 2px solid #F8F4F0;
}
body:not(#aft-skin) .component-dark-section .button.secondary:hover{
  background: #F8F4F0;
  color: #3D342E;
  border-color: #F8F4F0;
}
body:not(#aft-skin) .component-dark-section .button.secondary:focus-visible{
  outline: 2px solid #D4A76A;
  outline-offset: 3px;
  background: #F8F4F0;
  color: #3D342E;
}
body:not(#aft-skin) .dark-section .button{
  background: #D4A76A;
  color: #2B2420;
}
body:not(#aft-skin) .dark-section .button:hover{
  background: #B8864D;
  color: #F8F4F0;
}
body:not(#aft-skin) .dark-section .button:focus-visible{
  outline: 2px solid #D4A76A;
  outline-offset: 3px;
  background: #B8864D;
  color: #F8F4F0;
}
body:not(#aft-skin) .dark-section .button.secondary{
  background: transparent;
  color: #F8F4F0;
  border: 2px solid #F8F4F0;
}
body:not(#aft-skin) .dark-section .button.secondary:hover{
  background: #F8F4F0;
  color: #3D342E;
  border-color: #F8F4F0;
}
body:not(#aft-skin) .dark-section .button.secondary:focus-visible{
  outline: 2px solid #D4A76A;
  outline-offset: 3px;
  background: #F8F4F0;
  color: #3D342E;
}
body:not(#aft-skin) .v2-module .button{
  background: #D4A76A;
  color: #2B2420;
}
body:not(#aft-skin) main .button{
  background: #D4A76A;
  color: #2B2420;
}
body:not(#aft-skin) .site-header{background: #FEFDFB;border-bottom: 1px solid #E0D5CC;height: 72px;display: flex;align-items: center}
body:not(#aft-skin) .warm-tech-header-container{margin: 0 auto;width: 100%;display: flex;align-items: center;justify-content: space-between}
body:not(#aft-skin) .wordmark{
  font-size: 20px;
  font-weight: 600;
  color: #2B2420;
  letter-spacing: -0.01em;
}
body:not(#aft-skin) .warm-tech-nav-zone{
  display: flex;
  align-items: center;
  gap: 1px;
}
body:not(#aft-skin) .site-header nav{display: flex;align-items: center;gap: 1px;flex-wrap: wrap}
body:not(#aft-skin) .site-header nav a{
  font-size: 15px;
  font-weight: 500;
  color: #2B2420;
  padding: 12px 20px;
  border-left: 1px solid #E0D5CC;
  overflow-wrap: break-word;
}
body:not(#aft-skin) .site-header nav a:hover{
  color: #B8864D;
}
body:not(#aft-skin) .nav-categories summary{font-size: 15px;font-weight: 500;color: #2B2420;padding: 12px 20px;border-left: 1px solid #E0D5CC;cursor: pointer}
body:not(#aft-skin) .nav-categories summary:hover{color: #B8864D}
body:not(#aft-skin) .nav-categories div{background: #FEFDFB;border: 1px solid #E0D5CC;border-radius: 12px;box-shadow: 0 4px 16px rgba(43, 36, 32, 0.12);padding: 8px}
body:not(#aft-skin) .nav-categories div a{
  display: block;
  padding: 10px 16px;
  color: #2B2420;
  font-size: 14px;
  border-radius: 8px;
}
body:not(#aft-skin) .nav-categories div a:hover{
  background: #EDE4DB;
  color: #2B2420;
}
body:not(#aft-skin) .nav-store{
  background: #D4A76A;
  color: #F8F4F0;
  padding: 10px 24px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 500;
  margin-left: 16px;
}
body:not(#aft-skin) .nav-store:hover{
  background: #B8864D;
  color: #F8F4F0;
}
body:not(#aft-skin) section.v2-module.v2-featured div.studio-component.studio-layout div.v2-copy p:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) div.studio-component.studio-layout div.v2-products a.v2-product p:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) section.v2-module.v2-featured div.studio-component.studio-layout div.v2-products a.v2-product:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) section.v2-module.v2-categories div.studio-component.studio-layout div.v2-copy p:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) section.v2-module.v2-story div.studio-component.studio-layout div.v2-copy p:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) section.v2-module.v2-carousel div.studio-component.studio-layout div.v2-copy p:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) section.v2-module.v2-carousel div.studio-component.studio-layout div.v2-products a.v2-product:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) section.v2-module.v2-editorial div.studio-component.studio-layout div.v2-copy p:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) section.v2-module.v2-technology div.studio-component.studio-layout div.v2-copy p:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) section.v2-module.v2-family div.studio-component.studio-layout div.v2-copy p:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) section.v2-module.v2-family div.studio-component.studio-layout div.v2-products a.v2-product:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) section.v2-module.v2-visual div.studio-component.studio-layout div.v2-copy p:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) section.v2-module.v2-discover div.studio-component.studio-layout div.v2-copy p:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) div.home-modules-wrapper section.home-spotlight.section div.spotlight-copy p:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) section.section.home-category-row div.section-heading.split div p.lead:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) div.product-grid article.product-card div.product-content p:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) section.v2-module.v2-faq div.studio-component.studio-layout div.v2-copy p:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) section.v2-module.v2-faq div.studio-component.studio-layout details p:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) div.warm-tech-footer-content div a.wordmark span:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(255, 255, 255)}
body:not(#aft-skin) div.warm-tech-footer-card div.warm-tech-footer-content div a.wordmark:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(255, 255, 255)}
body:not(#aft-skin) div.studio-shop.tech-grid-shop div.shop-main-grid section.shop-intro.section p.lead:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(255, 255, 255)}
body:not(#aft-skin) div.product-grid.shop-product-grid article.product-card div.product-content p:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) main div.section.breadcrumbs:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) main section.product-detail.section div.product-info p.lead:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) div.product-info div.prose div p:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) article.page-content.section div.prose div p:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) section.shop-catalog.section:nth-child(2) div.catalog-toolbar:nth-child(1) nav.category-tabs:nth-child(2) a:nth-child(2):not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) section.shop-catalog.section:nth-child(2) div.catalog-toolbar:nth-child(1) nav.category-tabs:nth-child(2) a:nth-child(3):not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) section.shop-catalog.section:nth-child(2) div.catalog-toolbar:nth-child(1) nav.category-tabs:nth-child(2) a:nth-child(4):not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) section.shop-catalog.section:nth-child(2) div.catalog-toolbar:nth-child(1) nav.category-tabs:nth-child(2) a:nth-child(5):not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) section.shop-catalog.section:nth-child(2) div.catalog-toolbar:nth-child(1) nav.category-tabs:nth-child(2) a:nth-child(6):not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) main:nth-child(2) div.section.breadcrumbs:nth-child(1) a:nth-child(1):not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) .site-footer{background: #F8F4F0;color: #2B2420}
body:not(#aft-skin) .warm-tech-footer-card{
  max-width: 1280px;
  margin: 0 auto;
  background: #FEFDFB;
  border: 1px solid #E0D5CC;
  border-radius: 12px;
  padding: 48px 40px 32px;
}
body:not(#aft-skin) .site-footer .wordmark{
  color: #3D342E;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 32px;
}
body:not(#aft-skin) .site-footer nav{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));gap: 32px 24px;margin-bottom: 32px;border-top: 1px solid #E0D5CC;padding-top: 32px}
body:not(#aft-skin) .site-footer nav a{
  color: #2B2420;
  font-size: 14px;
  font-weight: 500;
  display: block;
  padding: 4px 0;
}
body:not(#aft-skin) .site-footer nav a:hover{
  color: #D4A76A;
}
body:not(#aft-skin) .warm-tech-footer-legal{
  border-top: 1px solid #E0D5CC;
  padding-top: 24px;
  margin-top: 24px;
}
body:not(#aft-skin) .site-footer small{color: #8B7D74;font-size: 12px;line-height: 1.5;display: block}
body:not(#aft-skin) div.warm-tech-footer-content div a.wordmark span:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) div.warm-tech-footer-card div.warm-tech-footer-content div a.wordmark:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) footer.site-footer.studio-layout div.warm-tech-footer-card div.warm-tech-footer-content small:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) .hero .hero-copy{background: #D4A76A;padding: 48px;border-radius: 999px;text-align: center;border: 2px solid #B8864D}
body:not(#aft-skin) .hero .eyebrow{
  color: #F8F4F0;
  background: #B8864D;
  padding: 6px 16px;
  border-radius: 999px;
  display: inline-block;
  margin-bottom: 16px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
body:not(#aft-skin) .hero h1{color: #F8F4F0;font-size: 42px;line-height: 1.2;font-weight: 600;overflow-wrap: break-word}
body:not(#aft-skin) .hero .hero-copy p{color: #F8F4F0;font-size: 18px;line-height: 1.6}
body:not(#aft-skin) .hero .hero-actions{
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}
body:not(#aft-skin) .hero .button{
  background: #F8F4F0;
  color: #2B2420;
  border-radius: 999px;
  padding: 12px 32px;
  font-size: 14px;
  font-weight: 600;
  overflow-wrap: break-word;
  min-height: 44px;
}
body:not(#aft-skin) .hero .button:hover{
  background: #FEFDFB;
  color: #2B2420;
}
body:not(#aft-skin) .v2-hero .v2-copy{
  background: #D4A76A;
  padding: 48px;
  border-radius: 999px;
  text-align: center;
  border: 2px solid #B8864D;
}
body:not(#aft-skin) .v2-hero h1{color: #F8F4F0;font-size: 42px;line-height: 1.2;font-weight: 600;overflow-wrap: break-word}
body:not(#aft-skin) .v2-hero .v2-actions{
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 24px;
}
body:not(#aft-skin) .v2-hero .button{
  background: #F8F4F0;
  color: #2B2420;
  border-radius: 999px;
}
body:not(#aft-skin) .v2-hero .button:hover{
  background: #FEFDFB;
  color: #2B2420;
}
body:not(#aft-skin) section.v2-module.v2-hero div.studio-component.studio-layout div.v2-copy p.eyebrow:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) section.v2-module.v2-hero div.studio-component.studio-layout div.v2-copy h1:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) section.v2-module.v2-hero div.studio-component.studio-layout div.v2-copy p:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) .product-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
  gap: 20px;
}
body:not(#aft-skin) .v2-products{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
  gap: 20px;
}
body:not(#aft-skin) .product-card{
  background: #EDE4DB;
  border: none;
  border-top: 3px solid #D4A76A;
  border-radius: 0;
  transition: transform 0.2s ease;
}
body:not(#aft-skin) .v2-product{
  background: #EDE4DB;
  border: none;
  border-top: 3px solid #D4A76A;
  border-radius: 0;
  transition: transform 0.2s ease;
}
body:not(#aft-skin) .product-content{
  padding: 20px;
}
body:not(#aft-skin) .product-card .eyebrow{
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #B8864D;
  margin-bottom: 8px;
}
body:not(#aft-skin) .v2-product .eyebrow{
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #B8864D;
  margin-bottom: 8px;
}
body:not(#aft-skin) .product-card h3 a{
  color: #2B2420;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
  overflow-wrap: break-word;
}
body:not(#aft-skin) .product-card h3 a:hover{
  color: #B8864D;
}
body:not(#aft-skin) .v2-product h3 a{
  color: #2B2420;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
  overflow-wrap: break-word;
}
body:not(#aft-skin) .v2-product h3 a:hover{
  color: #B8864D;
}
body:not(#aft-skin) .product-card p{
  color: #8B7D74;
  font-size: 14px;
  line-height: 1.6;
  margin: 8px 0;
}
body:not(#aft-skin) .v2-product p{
  color: #8B7D74;
  font-size: 14px;
  line-height: 1.6;
  margin: 8px 0;
}
body:not(#aft-skin) .card-actions{
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
@media (max-width: 820px){body:not(#aft-skin) .product-grid{
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
    gap: 16px;
  }
body:not(#aft-skin) .v2-products{
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
    gap: 16px;
  }}
body:not(#aft-skin) .category-grid{
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
}
body:not(#aft-skin) .category-tile{border: 1px solid #E0D5CC;border-top: 3px solid #D4A76A;border-radius: 0;background: #EDE4DB;transition: border 0.2s ease, box-shadow 0.2s ease}
body:not(#aft-skin) .category-tile:hover{
  border-top: 3px solid #B8864D;
  box-shadow: 0 4px 16px rgba(43,36,32,0.12);
}
body:not(#aft-skin) .category-overlay{
  padding: 20px;
}
body:not(#aft-skin) .category-overlay h3{
  font-size: 17px;
  font-weight: 600;
  color: #3D342E;
  margin: 0;
  overflow-wrap: break-word;
}
body:not(#aft-skin) .v2-category-grid{
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
}
body:not(#aft-skin) .v2-category-grid a{border: 1px solid #E0D5CC;border-top: 3px solid #D4A76A;border-radius: 0;background: #EDE4DB;transition: border 0.2s ease, box-shadow 0.2s ease;display: block;text-decoration: none}
body:not(#aft-skin) .v2-category-grid a:hover{
  border-top: 3px solid #B8864D;
  box-shadow: 0 4px 16px rgba(43,36,32,0.12);
}
body:not(#aft-skin) .v2-category-grid a h3{
  padding: 20px;
  font-size: 17px;
  font-weight: 600;
  color: #3D342E;
  margin: 0;
  overflow-wrap: break-word;
}
body:not(#aft-skin) .home-spotlight{
  background: #3D342E;
  padding: 80px 24px;
}
body:not(#aft-skin) .spotlight-copy{
  max-width: 640px;
}
body:not(#aft-skin) .spotlight-copy h2{
  font-size: 28px;
  line-height: 1.3;
  font-weight: 600;
  color: #F8F4F0;
  margin-bottom: 16px;
  overflow-wrap: break-word;
}
body:not(#aft-skin) .spotlight-copy p{
  font-size: 16px;
  line-height: 1.6;
  color: #E0D5CC;
  margin-bottom: 24px;
}
body:not(#aft-skin) .spotlight-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
body:not(#aft-skin) .home-category-row{
  background: #FEFDFB;
  padding: 80px 24px;
}
body:not(#aft-skin) .home-category-row .section-heading{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 48px;
  gap: 16px;
}
body:not(#aft-skin) .home-category-row .section-heading h2{
  font-size: 32px;
  line-height: 1.3;
  font-weight: 600;
  color: #3D342E;
  overflow-wrap: break-word;
  margin: 0;
}
body:not(#aft-skin) .home-category-row .section-heading a{
  font-size: 15px;
  font-weight: 600;
  color: #B8864D;
  padding: 10px 24px;
  border-radius: 999px;
  border: 2px solid #B8864D;
  background: transparent;
  overflow-wrap: break-word;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}
body:not(#aft-skin) .home-category-row .section-heading a:hover{
  background: #B8864D;
  color: #F8F4F0;
}
body:not(#aft-skin) div.home-modules-wrapper section.home-spotlight.section div.spotlight-copy p.eyebrow:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(255, 255, 255)}
body:not(#aft-skin) div.home-modules-wrapper section.home-spotlight.section div.spotlight-copy p:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(255, 255, 255)}
body:not(#aft-skin) div.home-modules-wrapper section.section.home-category-row div.section-heading.split a:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) .brand-story{
  background: #3D342E;
  color: #F8F4F0;
  padding: 80px 0;
}
body:not(#aft-skin) .story-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
  gap: 56px;
  padding: 0 24px;
  align-items: start;
}
body:not(#aft-skin) .story-copy{
  min-width: 280px;
}
body:not(#aft-skin) .story-copy h2{
  color: #F8F4F0;
  margin-bottom: 24px;
}
body:not(#aft-skin) .story-copy p{
  color: #E0D5CC;
  font-size: 16px;
  line-height: 1.7;
}
body:not(#aft-skin) .story-images img{
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}
body:not(#aft-skin) .feature-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
  gap: 24px;
  padding: 0 24px;
}
body:not(#aft-skin) .feature-grid .card{
  background: #EDE4DB;
  padding: 28px;
  border-radius: 0;
  border-top: 3px solid #D4A76A;
}
body:not(#aft-skin) .feature-grid h3{
  color: #3D342E;
  font-size: 20px;
  margin-bottom: 12px;
}
body:not(#aft-skin) .feature-grid p{
  color: #2B2420;
  font-size: 15px;
  line-height: 1.6;
}
body:not(#aft-skin) .v2-story{
  background: #F8F4F0;
}
body:not(#aft-skin) .v2-editorial{
  background: #FEFDFB;
}
body:not(#aft-skin) .v2-story .v2-copy h2{
  color: #3D342E;
}
body:not(#aft-skin) .v2-story .v2-copy p{
  color: #8B7D74;
}
body:not(#aft-skin) .v2-editorial .v2-copy h2{
  color: #3D342E;
}
body:not(#aft-skin) .v2-editorial .v2-copy p{
  color: #8B7D74;
}
body:not(#aft-skin) .warm-tech-brand-zone{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
  gap: 56px;
  padding: 0 24px;
}
body:not(#aft-skin) .warm-tech-copy-block{
  min-width: 280px;
}
body:not(#aft-skin) .warm-tech-copy-block h2{
  color: #3D342E;
}
body:not(#aft-skin) .warm-tech-copy-block p{
  color: #8B7D74;
}
body:not(#aft-skin) .warm-tech-media-block img{
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(43, 36, 32, 0.12);
}
body:not(#aft-skin) .component-image-text{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
  gap: 56px;
  padding: 0 24px;
}
body:not(#aft-skin) .warm-tech-tinted-band{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
  gap: 56px;
  padding: 0 24px;
}
body:not(#aft-skin) .home-store-banner{
  background: #EDE4DB;
  padding: 64px 24px;
}
body:not(#aft-skin) .store-banner-inner{
  max-width: 1280px;
  margin: 0 auto;
  text-align: center;
}
body:not(#aft-skin) .store-banner-inner .eyebrow{
  color: #2B2420;
  background: #F8F4F0;
  padding: 4px 12px;
  border-radius: 999px;
  display: inline-block;
  margin-bottom: 16px;
}
body:not(#aft-skin) .store-banner-inner h2{
  color: #3D342E;
  margin-bottom: 16px;
}
body:not(#aft-skin) .store-banner-inner p{
  color: #2B2420;
  max-width: 640px;
  margin: 0 auto 32px;
}
body:not(#aft-skin) .collection-cta{
  background: #EDE4DB;
  padding: 64px 24px;
}
body:not(#aft-skin) .collection-cta .eyebrow{
  color: #2B2420;
  background: #F8F4F0;
  padding: 4px 12px;
  border-radius: 999px;
  display: inline-block;
}
body:not(#aft-skin) .collection-cta h2{
  color: #3D342E;
}
body:not(#aft-skin) .collection-cta p{
  color: #2B2420;
}
body:not(#aft-skin) .faq-section{
  background: #F8F4F0;
  padding: 80px 24px;
}
body:not(#aft-skin) .faq-item{
  background: #FEFDFB;
  border: 1px solid #E0D5CC;
  border-radius: 0;
  padding: 20px;
  margin-bottom: 12px;
  border-top: 3px solid #D4A76A;
}
body:not(#aft-skin) details summary{
  font-size: 16px;
  font-weight: 600;
  color: #2B2420;
  cursor: pointer;
  overflow-wrap: break-word;
}
body:not(#aft-skin) details summary:hover{
  color: #B8864D;
}
body:not(#aft-skin) .faq-item p{
  color: #2B2420;
  font-size: 15px;
  line-height: 1.7;
  margin-top: 12px;
}
body:not(#aft-skin) .v2-cta{
  background: #EDE4DB;
  padding: 64px 24px;
}
body:not(#aft-skin) .v2-cta h2{
  color: #3D342E;
  text-align: center;
  margin-bottom: 16px;
}
body:not(#aft-skin) .v2-cta p{
  color: #2B2420;
  text-align: center;
  max-width: 640px;
  margin: 0 auto 32px;
}
body:not(#aft-skin) .v2-cta .eyebrow{
  background: #F8F4F0;
  color: #2B2420;
  padding: 4px 12px;
  border-radius: 999px;
  display: inline-block;
}
body:not(#aft-skin) .v2-faq{
  background: #F8F4F0;
  padding: 80px 24px;
}
body:not(#aft-skin) .v2-faq .faq-item{
  background: #FEFDFB;
  border: 1px solid #E0D5CC;
  border-top: 3px solid #D4A76A;
}
body:not(#aft-skin) .v2-faq details summary{
  color: #2B2420;
}
body:not(#aft-skin) .v2-faq details summary:hover{
  color: #B8864D;
}
body:not(#aft-skin) .v2-faq .faq-item p{
  color: #2B2420;
}
body:not(#aft-skin) .shop-intro{
  max-width: 1280px;
  margin: 0 auto 64px;
  padding: 0 24px;
  text-align: center;
}
body:not(#aft-skin) .shop-intro h1{
  margin-bottom: 16px;
}
body:not(#aft-skin) .shop-intro .lead{
  max-width: 640px;
  margin: 0 auto;
}
body:not(#aft-skin) .search{
  max-width: 600px;
  margin: 0 auto 48px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
body:not(#aft-skin) .search input{
  flex: 1 1 280px;
  padding: 12px 20px;
  border: 1px solid #E0D5CC;
  border-radius: 999px;
  background: #FEFDFB;
  color: #2B2420;
  font-size: 15px;
  font-family: inherit;
  min-height: 44px;
}
body:not(#aft-skin) .search button{
  padding: 12px 32px;
  border-radius: 999px;
  background: #D4A76A;
  color: #F8F4F0;
  border: none;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  min-height: 44px;
  overflow-wrap: break-word;
}
body:not(#aft-skin) .search button:hover{
  background: #B8864D;
}
body:not(#aft-skin) .catalog-toolbar{
  max-width: 1280px;
  margin: 0 auto 32px;
  padding: 0 24px;
}
body:not(#aft-skin) .result-count{
  font-size: 15px;
  color: #8B7D74;
  font-family: 'SF Mono', 'Consolas', 'Monaco', monospace;
  margin-bottom: 24px;
}
body:not(#aft-skin) .shop-filter-panel{
  background: #EDE4DB;
  padding: 24px;
  border-radius: 12px;
  margin-bottom: 40px;
}
body:not(#aft-skin) .category-tabs{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 12px;
}
body:not(#aft-skin) .category-tabs a{
  display: block;
  padding: 16px;
  background: #FEFDFB;
  border: 1px solid #E0D5CC;
  border-radius: 0;
  border-top: 3px solid #D4A76A;
  color: #2B2420;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  overflow-wrap: break-word;
}
body:not(#aft-skin) .category-tabs a:hover{
  background: #F8F4F0;
  color: #2B2420;
}
body:not(#aft-skin) .category-tabs .active{
  background: #D4A76A;
  color: #F8F4F0;
  border-color: #B8864D;
}
body:not(#aft-skin) .cat-count{
  display: inline-block;
  margin-left: 6px;
  padding: 2px 8px;
  background: #E0D5CC;
  color: #2B2420;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
}
body:not(#aft-skin) .category-tabs .active .cat-count{
  background: #B8864D;
  color: #F8F4F0;
}
body:not(#aft-skin) .category-dropdown{
  display: none;
}
body:not(#aft-skin) .pagination{
  display: flex;
  gap: 8px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 64px;
}
body:not(#aft-skin) .pagination a{
  display: inline-block;
  padding: 10px 16px;
  background: #FEFDFB;
  color: #2B2420;
  border: 1px solid #E0D5CC;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 500;
  min-width: 44px;
  min-height: 44px;
  text-align: center;
  overflow-wrap: break-word;
}
body:not(#aft-skin) .pagination a:hover{
  background: #D4A76A;
  color: #F8F4F0;
  border-color: #D4A76A;
}
body:not(#aft-skin) .pagination .active{
  background: #D4A76A;
  color: #F8F4F0;
  border-color: #D4A76A;
}
body:not(#aft-skin) div.shop-main-grid section.shop-intro.section form.search button.button:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) div.shop-main-grid section.shop-catalog.section div.catalog-toolbar p.result-count:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) .breadcrumbs{
  padding: 24px;
  max-width: 1280px;
  margin: 0 auto;
  font-size: 13px;
  color: #8B7D74;
  font-family: 'SF Mono', 'Consolas', 'Monaco', monospace;
}
body:not(#aft-skin) .breadcrumbs a{
  color: #B8864D;
}
body:not(#aft-skin) .product-detail{
  background: #FEFDFB;
  padding: 48px 24px;
}
body:not(#aft-skin) .product-info{
  padding: 32px;
  background: #FEFDFB;
}
body:not(#aft-skin) .product-info .eyebrow{
  display: inline-block;
  background: #EDE4DB;
  padding: 4px 12px;
  border-radius: 4px;
  color: #B8864D;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 16px;
}
body:not(#aft-skin) .product-info h1{
  font-size: 36px;
  line-height: 1.2;
  font-weight: 600;
  color: #3D342E;
  margin-bottom: 16px;
  overflow-wrap: break-word;
}
body:not(#aft-skin) .product-info .lead{
  font-size: 17px;
  line-height: 1.6;
  color: #8B7D74;
  margin-bottom: 24px;
}
body:not(#aft-skin) .prose{
  max-width: 680px;
  font-size: 16px;
  line-height: 1.8;
  color: #2B2420;
}
body:not(#aft-skin) .prose h2{
  font-size: 24px;
  line-height: 1.4;
  font-weight: 600;
  color: #3D342E;
  margin-top: 32px;
  margin-bottom: 16px;
  overflow-wrap: break-word;
}
body:not(#aft-skin) .prose h3{
  font-size: 19px;
  line-height: 1.4;
  font-weight: 600;
  color: #3D342E;
  margin-top: 24px;
  margin-bottom: 12px;
  overflow-wrap: break-word;
}
body:not(#aft-skin) .prose p{
  margin-bottom: 16px;
  color: #2B2420;
}
body:not(#aft-skin) .prose ul{
  margin: 16px 0;
  padding-left: 24px;
  color: #2B2420;
}
body:not(#aft-skin) .prose li{
  margin-bottom: 8px;
  color: #2B2420;
}
body:not(#aft-skin) .page-content{
  max-width: 1280px;
  margin: 0 auto;
  padding: 48px 24px;
  background: #FEFDFB;
}
body:not(#aft-skin) .page-content h2{
  display: inline;
  background: #EDE4DB;
  padding: 2px 8px;
  border-radius: 4px;
}
body:not(#aft-skin) main section.product-detail.section div.product-info p.eyebrow:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) main:nth-child(2) div.section.breadcrumbs:nth-child(1) a:nth-child(2):not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) main:nth-child(2) div.section.breadcrumbs:nth-child(1) a:nth-child(3):not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
@media (max-width: 760px){body:not(#aft-skin) h1{
    font-size: 32px;
  }
body:not(#aft-skin) h2{
    font-size: 26px;
  }
body:not(#aft-skin) h3{
    font-size: 20px;
  }
body:not(#aft-skin) .section{
    padding: 56px 20px;
  }
body:not(#aft-skin) .section-heading{
    margin-bottom: 32px;
  }
body:not(#aft-skin) .button{
    width: 100%;
    padding: 14px 24px;
  }
body:not(#aft-skin) .site-header{height: 64px;flex-wrap: wrap}
body:not(#aft-skin) .site-header nav{flex-wrap: wrap;gap: 12px;justify-content: center;margin-top: 12px}
body:not(#aft-skin) .product-grid{
    gap: 16px;
  }
body:not(#aft-skin) .category-grid{
    gap: 16px;
  }
body:not(#aft-skin) .feature-grid{
    gap: 16px;
  }
body:not(#aft-skin) .story-grid{
    gap: 24px;
  }
body:not(#aft-skin) .hero-copy{padding: 32px 24px}
body:not(#aft-skin) .hero-panel{padding: 32px 24px}
body:not(#aft-skin) .v2-copy{
    padding: 32px 24px;
  }
body:not(#aft-skin) .warm-tech-hero-accent-panel{
    padding: 32px 24px;
  }
body:not(#aft-skin) .spotlight-copy{
    padding: 24px;
  }
body:not(#aft-skin) .story-copy{
    padding: 24px 0;
  }
body:not(#aft-skin) .faq-item{
    padding: 16px;
  }
body:not(#aft-skin) .warm-tech-footer-card{
    margin: 20px;
    padding: 40px 20px;
  }
body:not(#aft-skin) .shop-filter-panel{
    padding: 20px;
    gap: 12px;
  }
body:not(#aft-skin) .product-info{
    padding: 24px 20px;
  }
body:not(#aft-skin) .warm-tech-tinted-band{
    padding: 40px 20px;
  }
body:not(#aft-skin) .hero-actions{
    flex-wrap: wrap;
    gap: 12px;
  }
body:not(#aft-skin) .v2-actions{
    flex-wrap: wrap;
    gap: 12px;
  }
body:not(#aft-skin) .card-actions{
    flex-wrap: wrap;
    gap: 10px;
  }}
body:not(#aft-skin) .hero .hero-copy{background: rgba(43, 36, 32, 0.85)}
body:not(#aft-skin) .hero .eyebrow{
  color: #2B2420;
  background: #F8F4F0;
}
body:not(#aft-skin) .hero h1{color: #F8F4F0}
body:not(#aft-skin) .hero .hero-copy p{color: #F8F4F0}
body:not(#aft-skin) .v2-hero .v2-copy{
  background: rgba(43, 36, 32, 0.85);
  border: 2px solid #2B2420;
}
body:not(#aft-skin) .v2-hero h1{color: #F8F4F0}
body:not(#aft-skin) .v2-hero .v2-copy p{
  color: #F8F4F0;
}
body:not(#aft-skin) .v2-hero .v2-copy .eyebrow{
  color: #2B2420;
  background: #F8F4F0;
  padding: 6px 16px;
  border-radius: 999px;
  display: inline-block;
  margin-bottom: 16px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
body:not(#aft-skin) section.v2-module.v2-hero div.studio-component.studio-layout div.v2-copy h1:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(255, 255, 255)}
body:not(#aft-skin) section.v2-module.v2-hero div.studio-component.studio-layout div.v2-copy p:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(255, 255, 255)}
body:not(#aft-skin) div.v2-tinted-band div.v2-band-container div.v2-copy-block p:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) div.image-text-band div.image-text-container div.image-text-copy-block p:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) div.tech-story-band div.tech-story-inner div.tech-story-copy-first p:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) div.mod-band-wrapper div.mod-content-grid div.mod-copy-block p:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) div.studio-component.studio-layout div.faq-band div.faq-copy-block p:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) div.warm-tech-footer-card div.warm-tech-footer-content div p:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) .v2-hero h1{color: #2B2420}
body:not(#aft-skin) .v2-hero .v2-copy p{
  color: #2B2420;
}
body:not(#aft-skin) .hero h1{color: #2B2420}
body:not(#aft-skin) .hero .hero-copy p{color: #2B2420}
body:not(#aft-skin) .button.secondary{
  border: 2px solid #2B2420;
  color: #2B2420;
}
body:not(#aft-skin) .site-footer .wordmark{
  color: #2B2420;
}
body:not(#aft-skin) .site-footer nav a{
  color: #2B2420;
}
body:not(#aft-skin) .site-footer small{color: #8B7D74}
body:not(#aft-skin) .warm-tech-footer-card .wordmark{
  color: #2B2420;
}
@media (max-width: 820px){body:not(#aft-skin) .v2-products{
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
    gap: 16px;
  }
body:not(#aft-skin) .product-grid{
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
    gap: 16px;
  }}
body:not(#aft-skin) section.v2-module.v2-hero div.studio-component.studio-layout div.v2-copy p.eyebrow:not(#aft-r1):not(#aft-r2):not(#aft-r3){
  color: #2B2420;
}
body:not(#aft-skin) section.v2-module.v2-hero div.studio-component.studio-layout div.v2-copy h1:not(#aft-r1):not(#aft-r2):not(#aft-r3){
  color: #2B2420;
}
body:not(#aft-skin) section.v2-module.v2-hero div.studio-component.studio-layout div.v2-copy p:not(#aft-r1):not(#aft-r2):not(#aft-r3){
  color: #2B2420;
}
body:not(#aft-skin) div.warm-tech-footer-content div a.wordmark span:not(#aft-r1):not(#aft-r2):not(#aft-r3){
  color: #2B2420;
}
body:not(#aft-skin) div.warm-tech-footer-card div.warm-tech-footer-content div a.wordmark:not(#aft-r1):not(#aft-r2):not(#aft-r3){
  color: #2B2420;
}
body:not(#aft-skin) footer.site-footer.studio-layout div.warm-tech-footer-card div.warm-tech-footer-content small:not(#aft-r1):not(#aft-r2):not(#aft-r3){
  color: #8B7D74;
}
body:not(#aft-skin) section.v2-module.v2-hero div.studio-component.studio-layout div.v2-copy h1:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(255, 255, 255)}
body:not(#aft-skin) section.v2-module.v2-hero div.studio-component.studio-layout div.v2-copy p:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(255, 255, 255)}
body:not(#aft-skin) footer.site-footer.studio-layout div.warm-tech-footer-card div.warm-tech-footer-content small:not(#aft-r1):not(#aft-r2):not(#aft-r3){color:rgb(17, 17, 17)}
body:not(#aft-skin) .hero .hero-copy{color: #FFFFFF}
body:not(#aft-skin) .hero h1{color: #FFFFFF}
body:not(#aft-skin) .hero .hero-copy p{color: #FFFFFF}
body:not(#aft-skin) .hero .eyebrow{
  background: #8B6A3D;
  color: #FFFFFF;
}
body:not(#aft-skin) .v2-hero .v2-copy{
  color: #FFFFFF;
}
body:not(#aft-skin) .v2-hero h1{color: #FFFFFF}
body:not(#aft-skin) .v2-hero .v2-copy p{
  color: #FFFFFF;
}
body:not(#aft-skin) .v2-hero .eyebrow{
  background: #8B6A3D;
  color: #FFFFFF;
}
body:not(#aft-skin) section.v2-module.v2-hero div.studio-component.studio-layout div.v2-copy p.eyebrow{
  color: #FFFFFF;
}
body:not(#aft-skin) section.v2-module.v2-hero div.studio-component.studio-layout div.v2-copy h1{
  color: #FFFFFF;
}
body:not(#aft-skin) section.v2-module.v2-hero div.studio-component.studio-layout div.v2-copy p{
  color: #FFFFFF;
}
body:not(#aft-skin) .v2-category-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
  gap: 20px;
}
body:not(#aft-skin) .category-tiles{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
  gap: 20px;
}
@media (max-width: 820px){body:not(#aft-skin) .v2-category-grid{
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
    gap: 16px;
  }
body:not(#aft-skin) .category-tiles{
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
    gap: 16px;
  }}
@media (max-width: 480px){body:not(#aft-skin) .v2-category-grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
body:not(#aft-skin) .category-tiles{
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }}
body:not(#aft-skin) .v2-hero .v2-copy::before{background: rgba(43, 36, 32, 0.85);border-radius: 999px}
body:not(#aft-skin) .v2-hero .eyebrow{
  color: #2B2420;
  background: #D4A76A;
  padding: 6px 16px;
  border-radius: 999px;
  display: inline-block;
  margin-bottom: 16px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
body:not(#aft-skin) .v2-hero h1{color: #FFFFFF}
body:not(#aft-skin) .v2-hero .v2-copy p{
  color: #FFFFFF;
}
body:not(#aft-skin) .hero .eyebrow{
  color: #2B2420;
  background: #D4A76A;
}
body:not(#aft-skin) .hero h1{color: #FFFFFF}
body:not(#aft-skin) .hero .hero-copy p{color: #FFFFFF}
body:not(#aft-skin) section.v2-module.v2-hero div.studio-component.studio-layout div.v2-copy p.eyebrow{
  color: #2B2420;
}
body:not(#aft-skin) section.v2-module.v2-hero div.studio-component.studio-layout div.v2-copy h1{
  color: #FFFFFF;
}
body:not(#aft-skin) section.v2-module.v2-hero div.studio-component.studio-layout div.v2-copy p{
  color: #FFFFFF;
}
/* Immutable responsive and multilingual contract guards. */
html,body{max-width:100%;margin:0;font-family:system-ui,"Noto Sans CJK JP","Yu Gothic",Meiryo,sans-serif}
*,*:before,*:after{box-sizing:border-box}
.studio-layout,.studio-layout>*,.v2-module,.v2-copy,.site-header>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
.studio-layout img{max-width:100%}
.button,.site-header nav a{max-width:100%;white-space:normal;overflow-wrap:anywhere;height:auto}
.site-header{flex-wrap:wrap}.site-header nav{flex-wrap:wrap;min-width:0}
.studio-layout h1,.studio-layout h2,.studio-layout h3{overflow-wrap:anywhere;max-width:100%}
.studio-component{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;width:100%;grid-column:1/-1}
.studio-component>.v2-products,.studio-component>.v2-category-grid,.studio-component>.v2-features,.studio-component>details{grid-column:1/-1}
.v2-featured>.studio-component,.v2-categories>.studio-component,.v2-faq>.studio-component,.v2-cta>.studio-component{display:block}
@media(max-width:760px){.studio-layout{display:flex;flex-direction:column;gap:24px}.studio-layout>*{width:100%;min-width:0}.site-header{height:auto}.button{padding:12px 16px}}

/* locked product-image layout */
html body:not(#aft-skin):not(#aft-lock) .product-gallery{position:static;display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:start;min-width:0;max-width:100%}
html body:not(#aft-skin):not(#aft-lock) .gallery-main{grid-column:2;grid-row:1;display:block;aspect-ratio:1/1;width:100%;height:auto;max-height:none;overflow:hidden;background:#fff;padding:clamp(12px,2.5vw,32px)}
html body:not(#aft-skin):not(#aft-lock) .gallery-main img{display:block;width:100%;height:100%;object-fit:contain}
html body:not(#aft-skin):not(#aft-lock) .gallery-thumbs{grid-column:1;grid-row:1;display:grid;grid-template-columns:1fr;align-content:start;gap:10px;width:auto;height:auto;max-height:560px;overflow-x:hidden;overflow-y:auto}
html body:not(#aft-skin):not(#aft-lock) .gallery-thumb{display:block;aspect-ratio:1/1;width:100%;height:auto;min-width:0;background:#fff;padding:4px;overflow:hidden}
html body:not(#aft-skin):not(#aft-lock) .gallery-thumb img{display:block;width:100%;height:100%;object-fit:contain}
html body:not(#aft-skin):not(#aft-lock) .product-image,html body:not(#aft-skin):not(#aft-lock) .spotlight-media,html body:not(#aft-skin):not(#aft-lock) .category-media,html body:not(#aft-skin):not(#aft-lock) .v2-cat-media,html body:not(#aft-skin):not(#aft-lock) .v2-pm{display:block;aspect-ratio:1/1;overflow:hidden;background:#fff;max-width:100%}
html body:not(#aft-skin):not(#aft-lock) .product-image img,html body:not(#aft-skin):not(#aft-lock) .spotlight-media img,html body:not(#aft-skin):not(#aft-lock) .v2-pm img{display:block;width:100%;height:100%;object-fit:contain}
html body:not(#aft-skin):not(#aft-lock) .category-media img,html body:not(#aft-skin):not(#aft-lock) .v2-cat-media img{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:760px){html body:not(#aft-skin):not(#aft-lock) .product-gallery{grid-template-columns:minmax(0,1fr)}html body:not(#aft-skin):not(#aft-lock) .gallery-main{grid-column:1;grid-row:1}html body:not(#aft-skin):not(#aft-lock) .gallery-thumbs{grid-column:1;grid-row:2;display:flex;max-height:none;overflow-x:auto;overflow-y:hidden}html body:not(#aft-skin):not(#aft-lock) .gallery-thumb{flex:0 0 72px;width:72px}}
/* locked Amazon call-to-action colours */
html body:not(#aft-skin):not(#aft-lock) .buy-button,html body:not(#aft-skin):not(#aft-lock) .button.buy-link,html body:not(#aft-skin):not(#aft-lock) a.buy-link{background:linear-gradient(180deg,#ffb84d,#ff9900);border-color:#e68a00;color:#111111;opacity:1;text-shadow:none;font-size:15px;line-height:1.3;letter-spacing:.01em}
html body:not(#aft-skin):not(#aft-lock) .buy-button:hover,html body:not(#aft-skin):not(#aft-lock) .button.buy-link:hover,html body:not(#aft-skin):not(#aft-lock) a.buy-link:hover,html body:not(#aft-skin):not(#aft-lock) .buy-button:focus-visible,html body:not(#aft-skin):not(#aft-lock) a.buy-link:focus-visible{background:linear-gradient(180deg,#ffc266,#ffa31a);border-color:#cc7a00;color:#111111}
html body:not(#aft-skin):not(#aft-lock) .buy-button .buy-arrow,html body:not(#aft-skin):not(#aft-lock) .buy-link .buy-arrow{color:#111111}
/* locked page flow: page sections always stack vertically and use the page width */
html body:not(#aft-skin):not(#aft-lock) main,html body:not(#aft-skin):not(#aft-lock) main :has(> section),html body:not(#aft-skin):not(#aft-lock) .studio-home,html body:not(#aft-skin):not(#aft-lock) .studio-shop,html body:not(#aft-skin):not(#aft-lock) .studio-page{display:block;columns:auto;float:none;transform:none;writing-mode:horizontal-tb;width:auto;max-width:none;min-width:0}
html body:not(#aft-skin):not(#aft-lock) main :has(> section) > section,html body:not(#aft-skin):not(#aft-lock) main > section{float:none;transform:none;left:auto;right:auto;top:auto;bottom:auto;width:auto;height:auto;aspect-ratio:auto;grid-column:auto;grid-row:auto;justify-self:auto;align-self:auto;writing-mode:horizontal-tb}
html body:not(#aft-skin):not(#aft-lock) main h1,html body:not(#aft-skin):not(#aft-lock) main h2,html body:not(#aft-skin):not(#aft-lock) main h3,html body:not(#aft-skin):not(#aft-lock) main p,html body:not(#aft-skin):not(#aft-lock) main summary{writing-mode:horizontal-tb}
/* locked product page: gallery left, product info right (stacked on phones) */
html body:not(#aft-skin):not(#aft-lock) .product-detail{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:start;width:auto;max-width:var(--content,1280px);transform:none;left:auto;right:auto;top:auto;margin-left:auto;margin-right:auto;padding-left:max(5vw,24px);padding-right:max(5vw,24px)}
html body:not(#aft-skin):not(#aft-lock) .product-detail > .product-gallery{grid-column:1;grid-row:1;min-width:0;transform:none;left:auto;right:auto;top:auto}
html body:not(#aft-skin):not(#aft-lock) .product-detail > .product-info{grid-column:2;grid-row:1;min-width:0;width:auto;max-width:none;transform:none;left:auto;right:auto;top:auto;writing-mode:horizontal-tb}
@media (max-width:860px){html body:not(#aft-skin):not(#aft-lock) .product-detail{grid-template-columns:minmax(0,1fr)}html body:not(#aft-skin):not(#aft-lock) .product-detail > .product-info{grid-column:1;grid-row:2}}
/* locked hero: image fills the section, copy sits on top of it */
html body:not(#aft-skin):not(#aft-lock) .hero:not(.hero-product){position:relative;display:grid;align-items:center;min-height:clamp(520px,72vh,760px);overflow:hidden}
html body:not(#aft-skin):not(#aft-lock) .hero:not(.hero-product) .hero-background{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;object-position:right center}
html body:not(#aft-skin):not(#aft-lock) .hero:not(.hero-product)::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(8,12,18,.86) 0%,rgba(8,12,18,.66) 34%,rgba(8,12,18,.18) 62%,rgba(8,12,18,0) 76%)}
html body:not(#aft-skin):not(#aft-lock) .hero:not(.hero-product) .hero-copy{position:relative;z-index:2;grid-row:1;grid-column:1;width:auto;max-width:min(580px,46vw);margin:0 auto 0 max(5vw,24px)}
html body:not(#aft-skin):not(#aft-lock) .hero.hero-product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;position:relative}
html body:not(#aft-skin):not(#aft-lock) .hero.hero-product .hero-background{position:static;grid-column:2;grid-row:1;width:100%;height:auto;max-height:min(70vh,640px);object-fit:contain}
html body:not(#aft-skin):not(#aft-lock) .hero.hero-product .hero-copy{position:relative;grid-column:1;grid-row:1;max-width:none;margin:0}
html body:not(#aft-skin):not(#aft-lock) .v2-hero{position:relative;overflow:hidden}
html body:not(#aft-skin):not(#aft-lock) .v2-hero .v2-background{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;margin:0}
html body:not(#aft-skin):not(#aft-lock) .v2-hero .v2-background img{display:block;width:100%;height:100%;object-fit:cover}
html body:not(#aft-skin):not(#aft-lock) .v2-hero .v2-copy,html body:not(#aft-skin):not(#aft-lock) .v2-hero .v2-original-product{position:relative;z-index:2}
/* locked page edges and dropdown */
html body:not(#aft-skin):not(#aft-lock) .site-header,html body:not(#aft-skin):not(#aft-lock) .site-footer{padding-left:max(4vw,20px);padding-right:max(4vw,20px);max-width:none;width:auto;margin-left:0;margin-right:0}
html body:not(#aft-skin):not(#aft-lock) .nav-categories{position:relative}
html body:not(#aft-skin):not(#aft-lock) .nav-categories>div{position:absolute;top:calc(100% + 10px);left:0;z-index:40;min-width:220px;max-height:70vh;overflow-y:auto}
@media (max-width:760px){html body:not(#aft-skin):not(#aft-lock) .hero:not(.hero-product){align-items:end;min-height:560px}html body:not(#aft-skin):not(#aft-lock) .hero:not(.hero-product)::after{background:linear-gradient(0deg,rgba(8,12,18,.9) 0%,rgba(8,12,18,.68) 45%,rgba(8,12,18,.08) 82%)}html body:not(#aft-skin):not(#aft-lock) .hero:not(.hero-product){min-height:620px}html body:not(#aft-skin):not(#aft-lock) .hero:not(.hero-product) .hero-copy{max-width:none;margin:0;padding:36px 6vw;background:transparent;box-shadow:none;border:0}html body:not(#aft-skin):not(#aft-lock) .hero .hero-copy h1{font-size:clamp(1.9rem,8.5vw,2.6rem);line-height:1.08}html body:not(#aft-skin):not(#aft-lock) .hero.hero-product{grid-template-columns:minmax(0,1fr)}html body:not(#aft-skin):not(#aft-lock) .hero.hero-product .hero-background{grid-column:1;grid-row:2}html body:not(#aft-skin):not(#aft-lock) .nav-categories>div{position:static;min-width:0}}
/* locked homepage module frame */
html body:not(#aft-skin):not(#aft-lock) .studio-component :is(div,section,article,aside,ul,span):not(:has(img,picture,h1,h2,h3,h4,p,a,summary,li,small,strong,em)){display:none}
html body:not(#aft-skin):not(#aft-lock) .studio-component:not(:has(> .v2-copy)){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));grid-auto-flow:row}
html body:not(#aft-skin):not(#aft-lock) .studio-component:not(:has(> .v2-copy)) > *{grid-column:auto;grid-row:auto}
html body:not(#aft-skin):not(#aft-lock) .studio-component:not(:has(> .v2-copy)) > :is(.v2-products,.v2-category-grid,.v2-features,details),html body:not(#aft-skin):not(#aft-lock) .studio-component:not(:has(> .v2-copy)) > :has(.v2-products,.v2-category-grid,.v2-features,details){grid-column:1/-1}
html body:not(#aft-skin):not(#aft-lock) .studio-component :is(div,section,article,aside,ul,span){min-width:0;max-width:100%;float:none;writing-mode:horizontal-tb}
html body:not(#aft-skin):not(#aft-lock) .v2-module:not(.v2-hero) .v2-background img{display:block;width:100%;height:auto;min-height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center}
html body:not(#aft-skin):not(#aft-lock) .v2-module:not(.v2-hero) .v2-background{aspect-ratio:auto;max-height:none}
html body:not(#aft-skin):not(#aft-lock) .v2-module:not(.v2-hero) .studio-component :is(div,span,figure,aside,section,article):has(> .v2-background):not(:has(h1,h2,h3,p,a,.button,summary)){height:auto;min-height:0;max-height:none;aspect-ratio:auto;padding:0;background:transparent;overflow:hidden}
html body:not(#aft-skin):not(#aft-lock) .v2-module:not(.v2-hero) .studio-component :is(div,span,figure,aside,section,article):has(> .v2-background):not(:has(h1,h2,h3,p,a,.button,summary)) > .v2-background{display:block;position:relative;inset:auto;width:100%;height:auto;aspect-ratio:auto;max-height:none;overflow:hidden}
html body:not(#aft-skin):not(#aft-lock) .v2-module:not(.v2-hero) .studio-component > .v2-background{display:block;width:100%;height:auto;max-height:none;overflow:hidden}
html body:not(#aft-skin):not(#aft-lock) .v2-module:not(.v2-hero) > .studio-component{width:100%;max-width:var(--content,1240px);margin-left:auto;margin-right:auto;padding-left:max(4vw,20px);padding-right:max(4vw,20px);box-sizing:border-box;transform:none;left:auto;right:auto}
html body:not(#aft-skin):not(#aft-lock) .v2-module:not(.v2-hero) > .studio-component > *{max-width:none;margin-left:0;margin-right:0;transform:none;left:auto;right:auto}
html body:not(#aft-skin):not(#aft-lock) .studio-home .home-spotlight, html body:not(#aft-skin):not(#aft-lock) .studio-home .home-category-row{max-width:var(--content,1240px);margin-left:auto;margin-right:auto;box-sizing:border-box}
html body:not(#aft-skin):not(#aft-lock) .v2-hero .studio-component{position:static;transform:none}
html body:not(#aft-skin):not(#aft-lock) .v2-hero .studio-component:not(:has(> .v2-copy)){display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;min-height:clamp(420px,62vh,720px)}
html body:not(#aft-skin):not(#aft-lock) .v2-hero .studio-component :is(div,section,article,aside,ul,span):has(.v2-background){display:contents}
html body:not(#aft-skin):not(#aft-lock) .v2-hero .studio-component :is(div,section,article,aside,ul,span):not(:has(.v2-background)){position:relative;z-index:2;transform:none}
html body:not(#aft-skin):not(#aft-lock) .v2-hero .studio-component > :is(div,section,article,aside,ul,span):not(:has(.v2-background)){width:auto;max-width:min(680px,100%);margin-left:0;margin-right:0}
html body:not(#aft-skin):not(#aft-lock) .v2-hero .studio-component.aft-hero-center{align-items:center;text-align:center}
html body:not(#aft-skin):not(#aft-lock) .v2-hero .studio-component.aft-hero-center > :is(div,section,article,aside,ul,span):not(:has(.v2-background)),html body:not(#aft-skin):not(#aft-lock) .v2-hero .studio-component.aft-hero-center .v2-copy{margin-left:auto;margin-right:auto;text-align:center}
html body:not(#aft-skin):not(#aft-lock) .v2-hero .studio-component.aft-hero-center .v2-actions{justify-content:center}
html body:not(#aft-skin):not(#aft-lock) .v2-hero .studio-component.aft-hero-center :is(h1,h2,p){margin-left:auto;margin-right:auto;text-align:center}
html body:not(#aft-skin):not(#aft-lock) .v2-hero:has(.aft-hero-center) .v2-background::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:rgba(10,12,20,.5)}
html body:not(#aft-skin):not(#aft-lock) .v2-module:not(.v2-hero) :is(div,section,article,aside):has(.v2-products,.v2-category-grid,.v2-features,details){flex-wrap:wrap}
html body:not(#aft-skin):not(#aft-lock) .v2-module:not(.v2-hero) :is(div,section,article,aside):has(.v2-products,.v2-category-grid,.v2-features,details) > :is(div,section,header,article,aside,span,hgroup):has(h2):not(.v2-products,.v2-category-grid,.v2-features,details):not(:has(.v2-products,.v2-category-grid,.v2-features,details)){grid-column:1/-1;grid-row:auto;grid-area:auto/1/auto/-1;flex:0 0 auto;width:100%;min-width:0;max-width:none;box-sizing:border-box;justify-self:stretch;margin-left:0;margin-right:0;float:none}
html body:not(#aft-skin):not(#aft-lock) .v2-module:not(.v2-hero) :is(div,section,article,aside):has(.v2-products,.v2-category-grid,.v2-features,details) > :is(.v2-products,.v2-category-grid,.v2-features,details,:has(.v2-products,.v2-category-grid,.v2-features,details):not(:has(h2))){grid-column:1/-1;grid-row:auto;grid-area:auto/1/auto/-1;width:100%;max-width:none;box-sizing:border-box;justify-self:stretch}
html body:not(#aft-skin):not(#aft-lock) .v2-module:not(.v2-hero) :is(div,section,article,aside):has(.v2-products,.v2-category-grid,.v2-features,details) > :is(div,section,header,article,aside,span,hgroup):has(h2):not(.v2-products,.v2-category-grid,.v2-features,details):not(:has(.v2-products,.v2-category-grid,.v2-features,details)) :is(div,header,hgroup):has(h2){width:auto;max-width:none;min-width:0;flex:1 1 auto}
html body:not(#aft-skin):not(#aft-lock) .v2-module:not(.v2-hero) :is(div,section,article,aside):has(.v2-products,.v2-category-grid,.v2-features,details) > :is(div,section,header,article,aside,span,hgroup):has(h2):not(.v2-products,.v2-category-grid,.v2-features,details):not(:has(.v2-products,.v2-category-grid,.v2-features,details)) :is(h2,p:not(.eyebrow)){max-width:none;min-width:min(100%,32rem)}
html body:not(#aft-skin):not(#aft-lock) .v2-module:not(.v2-hero) .studio-component :is(div,section,header,article,aside,span):has(> h2):not(:has(.v2-products,.v2-category-grid,.v2-features,details,img)) > :is(h2,p:not(.eyebrow)){min-width:min(100%,32rem)}
html body:not(#aft-skin):not(#aft-lock) .v2-module:not(.v2-hero) :is(div,section,article,aside):has(> .v2-background, > :is(div,span,figure,aside,section,article) > .v2-background):has(> :is(div,section,article,header,aside,hgroup) h2):not(:has(.v2-products,.v2-category-grid,.v2-features,details)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px);align-items:center;flex-direction:row}
html body:not(#aft-skin):not(#aft-lock) .v2-module:not(.v2-hero) :is(div,section,article,aside):has(> .v2-background, > :is(div,span,figure,aside,section,article) > .v2-background):has(> :is(div,section,article,header,aside,hgroup) h2):not(:has(.v2-products,.v2-category-grid,.v2-features,details)) > :is(.v2-background,:is(div,span,figure,aside,section,article):has(> .v2-background):not(:has(h1,h2,h3,p,a,.button,summary))){display:block;position:relative;inset:auto;z-index:1;grid-column:auto;grid-row:auto;width:100%;height:auto;min-height:0;max-height:none;margin:0;align-self:center;overflow:hidden;border-radius:inherit}
html body:not(#aft-skin):not(#aft-lock) .v2-module:not(.v2-hero) :is(div,section,article,aside):has(> .v2-background, > :is(div,span,figure,aside,section,article) > .v2-background):has(> :is(div,section,article,header,aside,hgroup) h2):not(:has(.v2-products,.v2-category-grid,.v2-features,details)) > :is(div,span,figure,aside,section,article):has(> .v2-background):not(:has(h1,h2,h3,p,a,.button,summary)) > .v2-background{display:block;position:relative;inset:auto;width:100%;height:auto;margin:0}
html body:not(#aft-skin):not(#aft-lock) .v2-module:not(.v2-hero) :is(div,section,article,aside):has(> .v2-background, > :is(div,span,figure,aside,section,article) > .v2-background):has(> :is(div,section,article,header,aside,hgroup) h2):not(:has(.v2-products,.v2-category-grid,.v2-features,details)) .v2-background img{display:block;width:100%;height:auto;min-height:0;max-height:none;object-fit:contain}
html body:not(#aft-skin):not(#aft-lock) .v2-module:not(.v2-hero) :is(div,section,article,aside):has(> .v2-background, > :is(div,span,figure,aside,section,article) > .v2-background):has(> :is(div,section,article,header,aside,hgroup) h2):not(:has(.v2-products,.v2-category-grid,.v2-features,details)) > :is(div,section,article,header,aside,hgroup):has(h2){grid-column:auto;grid-row:auto;width:auto;min-width:0;max-width:none;margin:0;position:relative;z-index:2;align-self:center}
@media (max-width:760px){html body:not(#aft-skin):not(#aft-lock) .v2-module:not(.v2-hero) :is(div,section,article,aside):has(> .v2-background, > :is(div,span,figure,aside,section,article) > .v2-background):has(> :is(div,section,article,header,aside,hgroup) h2):not(:has(.v2-products,.v2-category-grid,.v2-features,details)){grid-template-columns:minmax(0,1fr);gap:20px}}
html body:not(#aft-skin):not(#aft-lock) .v2-hero .studio-component > :is(div,section,article,aside,ul,span):has(h1):not(:has(.v2-background)),html body:not(#aft-skin):not(#aft-lock) .v2-hero .studio-component .v2-copy{min-width:min(100%,40rem)}
html body:not(#aft-skin):not(#aft-lock) .v2-hero .studio-component :is(h1,h1 ~ p:not(.eyebrow)){min-width:min(100%,36rem);max-width:min(100%,46rem)}
@media (max-width:760px){html body:not(#aft-skin):not(#aft-lock) .studio-component{display:flex;flex-direction:column;gap:20px}html body:not(#aft-skin):not(#aft-lock) .studio-component :is(div,section,article,aside,ul,span):not(.v2-products):not(.v2-category-grid):not(.v2-features):not(:has(.v2-background)){grid-template-columns:minmax(0,1fr);grid-column:auto;grid-row:auto;flex-wrap:wrap;width:auto;max-width:100%}html body:not(#aft-skin):not(#aft-lock) .studio-component :is(div,section,article,aside,ul,span):not(:has(.v2-background)) > *{grid-column:auto;grid-row:auto;min-width:0}}
