.page-product-block{
  width:100%;
  margin:0;
  padding:0;
  text-align:left;
}
.storefront-product-heading{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  padding:4px 0 10px;
}
.storefront-product-heading h2{
  margin:0;
  font-size:19px;
  line-height:1.3;
}
.storefront-product-heading strong{
  flex:0 0 auto;
  color:#087ca7;
  font-size:15px;
}
.storefront-product-visual{
  width:100%;
  overflow:hidden;
  margin:0 0 14px;
  border-radius:8px;
  background:#edf2f5;
}
.storefront-product-visual[hidden]{display:none}
.storefront-product-visual img{
  display:block;
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
}
.page-product-block>h3,
.page-product-block .market-size-choice>h3{
  margin:0 0 7px;
  color:#26394b;
  font-size:13px;
  line-height:1.3;
}
.page-product-block .colors.market-colors{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  overflow:visible;
  padding:0 0 14px;
}
.page-product-block .market-colors .color-choice{
  display:inline-flex;
  flex:0 1 auto;
  flex-direction:row;
  align-items:center;
  gap:5px;
  min-width:0;
  min-height:34px;
  border:1px solid #d5dce3;
  border-radius:6px;
  padding:3px 7px 3px 3px;
  background:#fff;
  color:#314456;
  font-size:10px;
  font-weight:700;
  line-height:1.15;
}
.page-product-block .market-colors .color-choice.active{
  border-color:#0899cf;
  box-shadow:0 0 0 1px #0899cf;
}
.page-product-block .market-colors .swatch{
  flex:0 0 27px;
  width:27px;
  height:27px;
  margin:0;
  border-radius:4px;
  background-position:center!important;
  background-size:cover!important;
}
.page-product-block .market-size-choice{
  display:block;
  width:100%;
  margin:0 0 13px;
}
.page-product-block .market-size-list{
  display:flex;
  width:100%;
  flex-wrap:wrap;
  gap:6px;
}
.page-product-block .market-size-list button{
  min-width:43px;
  border-radius:5px;
  padding:7px 12px;
  font-size:11px;
}
.page-product-block .storefront-cart{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:7px 9px;
  margin:0;
  padding:7px;
}
.storefront-cart .cart-add{
  align-self:start;
  width:100%;
  min-width:0;
  min-height:32px;
  height:32px;
  margin:0;
  padding:5px 9px;
  font-size:9px;
  line-height:1;
}
.storefront-cart-head{
  min-width:0;
  min-height:32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:4px 8px;
  border:1px solid #d7dfe8;
  border-radius:6px;
  background:#fff;
}
.storefront-cart .storefront-cart-head>h3{
  margin:0;
  font-size:12px;
}
.storefront-cart .cart-lines{
  grid-column:2;
  grid-row:2;
  min-width:0;
  border-radius:6px;
  background:#fff;
}
.storefront-cart .cart-line{
  display:grid;
  grid-template-columns:minmax(0,1fr) 24px 24px 24px;
  gap:4px;
  padding:5px 0;
  font-size:9px;
}
.storefront-cart .cart-line strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.storefront-cart .cart-line button{
  min-width:24px;
  width:24px;
  height:24px;
  overflow:hidden;
  padding:0;
  font-size:0;
}
.storefront-cart .cart-line button:before{font-size:12px}
.storefront-cart .cart-line button[data-minus]:before{content:'−'}
.storefront-cart .cart-line button[data-plus]:before{content:'+'}
.storefront-cart .cart-line button[data-remove]:before{content:'×'}
.storefront-cart .cart-total{
  display:flex;
  align-items:baseline;
  justify-content:flex-end;
  gap:5px;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
  font-size:10px;
}
.storefront-cart .cart-total span{font-size:8px;color:#718092}
.storefront-cart .cart-total b{float:none;font-size:13px;color:#087ca7;white-space:nowrap}
@media(max-width:420px){
  .storefront-product-heading h2{font-size:17px}
  .storefront-product-heading strong{font-size:13px}
  .page-product-block .storefront-cart{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px}
  .storefront-cart .cart-add{min-width:0;width:100%;padding:5px 7px;font-size:8px}
  .storefront-cart-head{padding:4px 6px}
  .storefront-cart .cart-total b{font-size:12px}
}