/**
 * @package global.v2.css
 * @author Simply Wired <info@simplywired.ca>
 * @copyright (c) 2026, Simply Wired
 * @version 0.0.1
 */

@import url("variables.v2.css");
@import url("breadcrumb.v2.css");
@import url("container.css");
@import url("forms.css");
@import url("footer.css");
@import url("headers.css");
@import url("mobile.css");

[data-target] {
  cursor:pointer;
}
a {
  color:rgba(255, 95, 66, .85);
  font-family:"DM Sans", sans-serif;
  text-decoration:none;
  transition:.2s color ease-in-out;
}
a:hover {
  color:rgba(255, 95, 66, 1);
}
body {
  color:rgb(36, 36, 36);
  font-family:"DM Sans", sans-serif;
  font-size:1.25rem;
  min-height:100%;
  margin:0;
  padding:0;
}
.cards {
  display:flex;
  flex-wrap:wrap;
  gap:1.25rem;
}
.cards > .card {
  border-radius:.25rem;
  box-shadow:0 .25rem .5rem 0 rgba(0, 0, 0, .2);
  cursor:pointer;
  display:flex;
  flex-direction:column;
  justify-content:space-evenly;
  width:calc(25% - 1.25rem);
  transition:.3s;
}
.cards > .card:hover {
  box-shadow:0 .5rem 1rem 0 rgba(0, 0, 0, .2);
}
.cards > .card > img {
  aspect-ratio:1;
  background:rgb(14, 14, 14);
  border-radius:.25rem .25rem 0 0;
  height:auto;
  object-fit:cover;
  overflow:hidden;
  width:100%;
}
.cards > .card > .card-body {
  padding:.75rem 1rem;
}
.cards > .card > .card-body > .price {
  color:rgb(68, 68, 68);
  font-size:1rem;
  margin-bottom:0;
}
.cards > .card > .card-body > h5 {
  font-size:1rem;
  font-weight:normal;
  margin:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.cards > .card > .card-footer {
  margin-top:auto;
}
.cards > .card > .card-footer > button {
  background-color:rgb(255, 95, 66);
  border:0;
  border-radius:0 0 .25rem .25rem;
  color:rgb(255, 255, 255);
  cursor:pointer;
  display:block;
  font-size:.925rem;
  outline:none;
  padding:.75rem 0;
  width:100%;
}
input[name=quantity][type=number] {
  display:block;
  font-size:1rem;
  height:2rem;
  margin:0 0 .75rem 0;
  padding:0 .75rem;
}
.cards > .card > input[name=quantity] {
  display:block;
  font-size:1rem;
  height:2rem;
  margin:0 0 .75rem 0;
  padding:0 .75rem;
}
.cart-menu-item {
  display:flex;
  gap:.825rem;
}
.cart-menu-item > svg {
  cursor:pointer;
}
.cart-menu-item > :nth-child(1) {
  fill:rgb(36, 36, 36);
  height:1.25rem;
  margin:auto 0;
  width:auto;
}
.cart-menu-item > :nth-child(2) {
  color:rgb(255, 255, 255);
  fill:rgb(255, 95, 66);
  font-size: 90px;
  height:1.25rem;
  margin:auto 0;
  padding:0;
  stroke:rgb(255, 255, 255);
  stroke-width:3px;
  width:auto;
}
.cart-summary {
  display:flex;
  flex-direction:column;
  width:100%;
}
@media only screen and (min-width:961px) {
  .cart-summary {
    flex-direction:row;
    gap:3.25rem;
  }
}
.cart-summary > :nth-child(1) {
  flex:1 1 auto;
}
.cart-summary > :nth-child(1) > div {
  border-bottom:1px solid rgba(0, 0, 0, .2);
  display:flex;
  gap:1.25rem;
  max-width:100%;
  overflow:hidden;
  padding:1.25rem 0;
}
@media (max-width:36rem) {
  .cart-summary > :nth-child(1) > div {
    gap:.325rem !important;
  }
}
.cart-summary > :nth-child(1) > div > :nth-child(1) > a > img {
  flex:0 0 auto;
  height:auto;
  object-fit:contain;
  width:6.25rem;
}
.cart-summary > :nth-child(1) > div > :nth-child(1), .cart-summary > :nth-child(1) > div > :nth-child(5) {
  flex:0 0 auto;
}
.cart-summary > :nth-child(1) > div > :nth-child(2) {
  display:flex;
  flex:1 1 50%;
  flex-direction:column;
  gap:.75rem;
  overflow:hidden;
}
.cart-summary > :nth-child(1) > div > :nth-child(2) > * {
  margin:0;
  padding:0;
}
.cart-summary > :nth-child(1) > div > :nth-child(2) > :nth-child(1) > a {
  font-size:1rem;
  font-weight:normal;
  display:block;
  margin:0 0 .75rem 0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.cart-summary > :nth-child(1) > div > :nth-child(2) > :nth-child(2) {
  font-size:.875rem;
}
.cart-summary > :nth-child(1) > div > :nth-child(3), .cart-summary > :nth-child(1) > div > :nth-child(4) {
  flex:1 1 25%;
}
@media (max-width:36rem) {
  .cart-summary > :nth-child(1) > div > :nth-child(2) {
    flex:1 1 auto !important;
  }
  .cart-summary > :nth-child(1) > div > :nth-child(3), .cart-summary > :nth-child(1) > div > :nth-child(4) {
    flex:1 1 auto !important;
  }
}
.cart-summary > :nth-child(1) > div > :nth-child(3) > input {
  font-size:1rem;
  height:2rem;
  margin:0 auto;
  padding:0 .75rem;
  width:5rem;
}
@media (max-width:36rem) {
  .cart-summary > :nth-child(1) > div > :nth-child(3) > input {
    width:2.5rem !important;
  }
}
.cart-summary > :nth-child(1) > div > :nth-child(4) {
  font-size:1rem;
  text-align:center;
}
.cart-summary > :nth-child(1) > div > :nth-child(5) > svg {
  cursor:pointer;
}
.cart-summary > :nth-child(1) > h2, .cart-summary > :nth-child(2) > h2 {
  border-bottom:1px solid rgba(0, 0, 0, .2);
  color:rgb(1, 158, 170);
  font-size:1.25rem;
  padding:1.25rem 0;
  margin:0;
}
@media only screen and (min-width:961px) {
  .cart-summary > :nth-child(2) {
    flex:0 0 auto;
    width:17.5rem;
  }
}
.cart-summary > :nth-child(2) > :nth-child(2) {
  padding:.825rem 0 0 0;
}
.cart-summary > :nth-child(2) > :nth-child(2), .cart-summary > :nth-child(2) > :nth-child(3) {
  display:flex;
  justify-content:space-evenly;
  width:100%;
}
.cart-summary > :nth-child(2) > :nth-child(2) > dd, .cart-summary > :nth-child(2) > :nth-child(3) > dd {
  flex:1;
  font-size:1rem;
  text-align:right;
}
.cart-summary > :nth-child(2) > :nth-child(2) > dt, .cart-summary > :nth-child(2) > :nth-child(3) > dt {
  flex:1;
  font-size:1rem;
}
.cart-summary > :nth-child(2) > :nth-child(3) {
  border-bottom:1px solid rgba(0, 0, 0, 0.2);
  padding:0 0 1.65rem 0;
}
.cart-summary > :nth-child(2) > :nth-child(4) {
  display:flex;
  justify-content:space-evenly;
  padding:.825rem 0;
  width:100%;
}
.cart-summary > :nth-child(2) > :nth-child(4) > dd {
  flex:1;
  font-size:1.25rem;
  text-align:right;
}
.cart-summary > :nth-child(2) > :nth-child(4) > dt {
  flex:1;
  font-size:1.25rem;
}
.cart-summary > :nth-child(2) > :nth-child(5) {
  background-color:rgb(255, 95, 66);
  border:0;
  color:rgb(255, 255, 255);
  cursor:pointer;
  display:block;
  font-size:1rem;
  padding:.5rem .75rem;
  width:100%;
}
.cart-summary > :nth-child(2) > :nth-child(6) {
  align-items:center;
  display:flex;
  font-family:Helvetica, sans-serif;
  font-size:.875rem;
  font-weight:500;
  justify-content:center;
}
.cart-summary > :nth-child(2) > :nth-child(6) > svg {
  fill:rgb(36, 36, 36);
  height:1rem;
  width:auto;
}
.d-flex {
  display:flex;
}
.introduction {
  display:flex !important;
  gap:1rem;
  visibility:visible !important;
}
.introduction > div {
  flex:0 0 calc(50% - (1rem / 2)) !important;
}
.introduction > :nth-child(1) > picture, .introduction > :nth-child(1) > picture > img {
  height:auto;
  width:100%;
}
.introduction > :nth-child(2) {
  color:rgb(35, 35, 35);
  display:flex;
  flex-direction:column;
  font-size:1.15rem;
  justify-content:center;
  padding:0;
}
.introduction > :nth-child(2) > :first-child {
  margin-top:auto;
}
.introduction > :nth-child(2) > :last-child {
  margin-bottom:auto;
}
.introduction > :nth-child(2) > h2 {
  font-size:3.75rem;
  font-weight:normal;
  line-height:3.75rem;
  margin:0;
  padding:0 0 .75rem 0;
}
.introduction > :nth-child(2) > p {
  color:rgb(35, 35, 35);
  font-size:1.25rem;
  justify-content:center;
}
.introduction > :nth-child(2) > p:first-of-type {
  margin:0;
  padding-top:0;
}
.introduction > :nth-child(2) > p:not(:first-of-type) {
  padding-top:1.15rem;
}
.introduction > :nth-child(2) > p > em {
  color:rgb(1, 158, 170);
}
.main-menu {
  border-bottom:1px solid rgb(222, 226, 230);
  box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, 0.1);
  margin-bottom:.825rem;
}
.main-menu > .container {
  display:flex;
  padding:.75rem 0;
}
.main-menu > .container > img {
  height:75px;
  width:auto;
}
.main-menu > .container > :nth-child(2) {
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  gap:.85rem;
  list-style:none;
  margin:auto;
  padding:0;
}
.main-menu > .container > :nth-child(2) > li {
  margin:auto .75rem;
}
.main-menu > .container > :nth-child(2) > li > a {
  border-bottom:.125rem solid rgb(255, 255, 255);
  font-size:1.225rem;
  padding-bottom:.125rem;
  transition:.2s border-bottom-color ease-in-out;
}
.main-menu > .container > :nth-child(2) > li > a:hover {
  border-bottom:.125rem solid rgb(255, 95, 66);
}
nav.menu-cart {
  background-color:rgb(255, 255, 255);
  display:flex;
  flex-direction:column;
  height:100%;
  overflow-x:hidden;
  position:fixed;
  right:0;
  top:0;
  transition:0.5s;
  width:0;
  z-index:2;
}
nav.menu-cart a {
  color:rgb(129, 129, 129);
  display:block;
  font-size:2.25rem;
  padding:.5rem;
  text-decoration:none;
  transition:0.3s;
}
nav.menu-cart a:hover, nav.menu-cart a:focus {
  color:rgb(241, 241, 241);
}
@media screen and (max-height:450px) {
  nav.menu-cart a {
    font-size:1.25rem;
  }
}
.menu-cart > .menu-cart-header {
  display:flex;
}
nav.menu-cart > .menu-cart-header > button.menu-cart-close {
  background-color:transparent;
  border:none;
  cursor:pointer;
  font-size:3.75rem;
  margin:.5rem .75rem 0 auto;
}
@media screen and (max-height:450px) {
  nav.menu-cart > .menu-cart-header > button.menu-cart-close {
    font-size:40px;
    right:35px;
    top:15px;
  }
}
.menu-cart > .menu-cart-header > h3 {
  color:rgb(36, 36, 36);
  font-family:"DM Sans", sans-serif;
  font-size:1.25rem;
  font-weight:500;
  margin:auto 0;
  padding:.5rem .75rem;
}
.menu-cart > .menu-cart-header > h3 > span {
  color:rgb(36, 36, 36);
  font-size:1rem;
  font-weight:normal;
}
.menu-cart > .receipt {
  display:flex;
  flex-direction:column;
  flex-grow:1;
  padding:0 .75rem;
}
.menu-cart > .receipt > .disclaimer {
  align-items:center;
  display:flex;
  font-family:"DM Sans", sans-serif;
  font-size:.925rem;
  justify-content:center;
}
.menu-cart > .receipt > .products {
  flex-grow:1;
  overflow-y:auto;
  max-width:100%;
  width:100%;
}
.menu-cart > .receipt > .products > div {
  display:flex;
  gap:.75rem;
  width:100%;
}
.menu-cart > .receipt > .products > div > :nth-child(1) {
  background-color:rgb(245, 245, 245);
  display:flex;
  flex-direction:column;
  height:6.25rem;
  width:6.25rem;
}
.menu-cart > .receipt > .products > div > :nth-child(1) > img {
  object-fit:contain;
}
.menu-cart > .receipt > .products > div > :nth-child(2) {
  flex:1 1 0;
  overflow:hidden;
}
.menu-cart > .receipt > .products > div > :nth-child(2) > :nth-child(1) {
  display:block;
  font-size:1rem;
  font-weight:normal;
  margin:0 0 .75rem 0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:100%;
}
.menu-cart > .receipt > .products > div > :nth-child(2) > :nth-child(2) {
  display:block;
  font-size:.875rem;
  font-weight:normal;
  margin:0;
  overflow:hidden;
  white-space:nowrap;
  width:100%;
}
.menu-cart > .receipt > .products > div > :nth-child(3) {
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path d="M232.7 69.9L224 96L128 96C110.3 96 96 110.3 96 128C96 145.7 110.3 160 128 160L512 160C529.7 160 544 145.7 544 128C544 110.3 529.7 96 512 96L416 96L407.3 69.9C402.9 56.8 390.7 48 376.9 48L263.1 48C249.3 48 237.1 56.8 232.7 69.9zM512 208L128 208L149.1 531.1C150.7 556.4 171.7 576 197 576L443 576C468.3 576 489.3 556.4 490.9 531.1L512 208z" fill="%23242424"/></svg>');
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  cursor:pointer;
  display:inline-block;
  height:1.5rem;
  width:1.5rem;
}
.menu-cart > .receipt > .secure {
  align-items:center;
  display:flex;
  font-family:Helvetica, sans-serif;
  font-size:.875rem;
  font-weight:500;
  justify-content:center;
}
.menu-cart > .receipt > .secure > svg {
  fill:rgb(36, 36, 36);
  height:1rem;
  width:auto;
}
.menu-cart > .receipt > .total {
  border-top:rgb(36, 36, 36) 1px solid;
  display:flex;
  margin-top:.75rem;
  padding-top:.75rem;
}
.menu-cart > .receipt > .total > * {
  font-family:"DM Sans", sans-serif;
  font-size:1.25rem;
}
.menu-cart > .receipt > .total > :nth-child(2) {
  margin-left:auto;
}
.menu-cart > .receipt > button {
  border:1px solid rgb(255, 95, 66);
  color:rgb(255, 95, 66);
  cursor:pointer;
  font-family:"DM Sans", sans-serif;
  font-size:1rem;
  padding:.5rem .75rem;
}
.menu-cart > .receipt > button.button-cart {
  margin-top:.75rem;
}
.menu-cart > .receipt > button.button-checkout {
  background-color:rgb(255, 95, 66);
  color:rgb(255, 255, 255);
}
.menu-cart-overlay {
  background-color:rgb(0, 0, 0);
  background-color:rgba(0, 0, 0, .9);
  display:none;
  flex-direction:column;
  height:100%;
  opacity:0;
  overflow-x:hidden;
  position:fixed;
  right:0;
  top:0;
  transition:opacity 0.5s ease, visibility 0.5s ease;
  visibility:hidden;
  width:100%;
  z-index:1;
}
.product-card {
  border-radius:.25rem;
  box-shadow:0 .25rem .5rem 0 rgba(0, 0, 0, .2);
  cursor:pointer;
  transition:.3s;
  width:18.4%;
}
.product-card:hover {
  box-shadow:0 .5rem 1rem 0 rgba(0, 0, 0, .2);
}
.product-card > .product-card-image {
  aspect-ratio:1;
  background:rgb(14, 14, 14);
  border-radius:.25rem .25rem 0 0;
  overflow:hidden;
  position:relative;
  width:100%;
}
.product-card > .product-card-image > img {
  border-radius:.25rem .25rem 0 0;
  display:block;
  height:100%;
  object-fit:contain;
  width:100%;
  z-index:2;
}
.product-card > .product-card-body {
  font-family:"DM Sans", sans-serif;
  font-size:.925rem;
  padding:.75rem 1rem;
  text-align:center;
}
.product-card > .product-card-body > h3 {
  color:rgb(35, 35, 35);
  font-family:"DM Sans", sans-serif;
  font-size:1.25rem;
  margin:0;
  overflow:hidden;
  padding:0;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.product-card > .product-card-footer {
   margin-top:auto;
 }
.product-card > .product-card-footer > button {
  background-color:rgb(255, 95, 66);
  border:0;
  border-radius:0 0 .25rem .25rem;
  color:rgb(255, 255, 255);
  cursor:pointer;
  display:block;
  font-size:.925rem;
  outline:none;
  padding:.75rem 0;
  width:100%;
}
.product-card > .product-card-footer > input[name=quantity][type=number] {
  box-sizing:border-box;
  display:block;
  font-size:1rem;
  height:2rem;
  margin:0 0 .75rem 0;
  padding:0 .75rem;
  width:100%;
}
.product-card > button {
  background-color:rgb(255, 95, 66);
  border:0;
  border-radius:0 0 .25rem .25rem;
  color:rgb(255, 255, 255);
  display:block;
  font-family:"DM Sans", sans-serif;
  font-size:.925rem;
  outline:none;
  padding:.75rem 0;
  width:100%;
}
.product-cards {
  display:flex;
  flex-direction:column;
  width:100%;
}
.product-cards > button {
  background-color:rgb(1, 158, 170);
  border:0;
  border-radius:.25rem;
  color:rgb(255, 255, 255);
  display:block;
  font-family:"DM Sans", sans-serif;
  font-size:.925rem;
  margin-top:.625rem;
  outline:none;
  padding:.75rem 0;
  width:100%;
}
.product-cards > h2 {
  color:rgb(35, 35, 35);
  font-family:"DM Sans", sans-serif;
  font-size:1.45rem;
  font-weight:normal;
}
.product-cards > div {
  display:flex;
  gap:2%;
}
.product-cards > div > div {
  cursor:pointer;
  flex-grow:0;
  flex-shrink:0;
  /*width:20%;*/
}
.product-details {
  display:flex;
  gap:1.75rem;
}
.product-details > :nth-child(1) {
  display:flex;
  flex-direction:column;
  flex-shrink:0;
  height:fit-content;
  width:30rem;
}
.product-details > :nth-child(1) > div {
  display:flex;
  gap:.75rem;
  margin-top:1.25rem;
  overflow-x:auto;
  overflow-y:hidden;
}
.product-details > :nth-child(1) > div > div {
  border-radius:.25rem;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  height:2.8125rem;
  justify-content:space-evenly;
  transition:.3s;
  width:2.8125rem;
}
.product-details > :nth-child(1) > img {
  height:auto;
  object-fit:cover;
  object-position:50% 50%;
  width:100%;
}
.product-details > :nth-child(2) {
  display:flex;
  flex-direction:column;
}
.product-details > :nth-child(2) > .description {
  display:block;
  font-size:1.125rem;
  line-height:2.5rem;
  margin-bottom:.75rem;
}
.product-details > :nth-child(2) > h3 {
  color:rgb(255, 95, 66);
  font-size:1.75rem;
  font-weight:normal;
  margin:0 0 .75rem 0;
  word-wrap:break-word;
}
.product-details > :nth-child(2) > .price {
  color:rgb(68, 68, 68);
  display:block;
  font-size:1.125rem;
  margin-bottom:.75rem;
  margin-top:auto;
}
.product-details > :nth-child(2) > .shipping {
  display:block;
  font-size:1.125rem;
  font-style:italic;
  font-weight:bold;
  line-height:2.5rem;
  margin-bottom:auto;
}
.product-details > :nth-child(2) > button {
  background-color:rgb(255, 95, 66);
  border:0;
  color:rgb(255, 255, 255);
  cursor:pointer;
  display:block;
  font-size:.925rem;
  outline:none;
  padding:.75rem 0;
  width:100%;
}
.product-details > :nth-child(2) > input {
  margin-top:auto;
}
.product-page {
  display:flex;
  flex-direction:column;
  margin-top:3rem;
}
.related-products {
  display:flex;
  flex-direction:column;
}
.related-products > div {
  display:flex;
  gap:1.25rem;
}
.related-products > div > .card {
  border-radius:.25rem;
  box-shadow:0 .25rem .5rem 0 rgba(0, 0, 0, .2);
  cursor:pointer;
  display:flex;
  flex:1;
  flex-direction:column;
  justify-content:space-evenly;
  min-width:0;
  transition:.3s;
}
.related-products > div > .card:hover {
  box-shadow:0 .5rem 1rem 0 rgba(0, 0, 0, .2);
}
.related-products > div > .card > img {
  aspect-ratio:1;
  background:rgb(14, 14, 14);
  border-radius:.25rem .25rem 0 0;
  height:auto;
  object-fit:cover;
  overflow:hidden;
  width:100%;
}
.related-products > div > .card > .card-body {
  padding:.75rem 1rem;
}
.related-products > div > .card > .card-body > .price {
  color:rgb(68, 68, 68);
  font-size:1rem;
}
.related-products > div > .card > .card-body > h5 {
  font-size:1rem;
  font-weight:normal;
  margin:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.related-products > div > .card > .card-footer {
  margin-top:auto;
}
.related-products > div > .card > .card-footer > button {
  background-color:rgb(255, 95, 66);
  border:0;
  border-radius:0 0 .25rem .25rem;
  color:rgb(255, 255, 255);
  display:block;
  font-size:.925rem;
  outline:none;
  padding:.75rem 0;
  width:100%;
}
.related-products > div > .card > .card-footer > input {
  box-sizing:border-box;
  width:100%;
}
.related-products > h2 {
  color:rgb(255, 95, 66);
  font-size:1.45rem;
  font-weight:normal;
  text-align:center;
}
.section-divider {
  background-color:rgba(0, 0, 0, 0.1);
  border:solid rgba(0, 0, 0, .15);
  border-width:1px 0;
  box-shadow:inset 0 .5em 1.5em rgba(0, 0, 0, 0.1),inset 0 .125em .5em rgba(0, 0, 0, 0.15);
  height:3rem;
  margin-top:2rem;
  width:100%;
}
.shipping-notice {
  background-color:rgb(1, 158, 170);
  color:rgb(255, 255, 255);
  font-family:"DM Sans", sans-serif;
  font-size:.925rem;
  font-weight:500;
  padding:.45rem 0;
  text-align:center;
  text-transform:uppercase;
}
.spacer {
  border-top:1px solid rgba(0, 0, 0, 0.175);
  height:0;
  margin:.75rem 0;
  padding:0;
}