/*
Theme Name: OQ
Theme URI:
Description: Custom Wordpress theme for Studio Otman Qrita
Author: Fahd Idaghdour
Author URI: http://fahdos.com
Version: 2.2
*/

/* Fonts */
@font-face { font-family: "Helvetica Neue"; src: url("assets/fonts/HelveticaNeue-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Helvetica Neue"; src: url("assets/fonts/HelveticaNeue-Italic.woff") format("woff"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Helvetica Neue"; src: url("assets/fonts/HelveticaNeue-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Helvetica Neue"; src: url("assets/fonts/HelveticaNeue-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; }

:root {
  --font-body: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --w-display: 700;
  --w-caption: 400;

  --swatch-1: rgba(0, 0, 0, 0.85);
  --swatch-2: rgba(0, 0, 0, 0.75);
  --swatch-3: rgba(0, 0, 0, 0.6);
  --swatch-4: rgba(0, 0, 0, 0.4);
  --swatch-5: rgba(0, 0, 0, 0.25);
  --nav-grey: rgba(158, 158, 158, 0.95);
  --nav-hover: rgba(0, 0, 0, 0.81);
  --page-bg: #fff;

  --pad: 1rem;
  --ease-open: cubic-bezier(.24, 1, .29, 1);
  --ease-close: cubic-bezier(.24, 1, .22, 1);
  --overlay-duration: .4s;
  --vh: 100vh;
}

/* Base */
html { font-size: calc(8.247px + 0.3273vw); -webkit-text-size-adjust: 100%; }
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: #fff; }
body {
  font-family: var(--font-body);
  font-size: .85rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--swatch-3);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-wrap: break-word;
}
img { display: block; max-width: 100%; }
a { color: var(--swatch-3); text-decoration: none; }
a:hover { color: var(--swatch-4); }
a:active, .linked:active { opacity: .7; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; margin: 0; cursor: pointer; text-align: inherit; }

.site { position: relative; width: 100%; flex: 1 1 auto; min-height: var(--vh); }

/* Typography */
.bodycopy { font-family: var(--font-body); font-size: .85rem; line-height: 1.2; color: var(--swatch-3); }

.h2 {
  font-family: var(--font-display);
  font-weight: var(--w-display);
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: -0.01em;
  color: var(--nav-grey);
  margin: 0;
}
.h2 a { color: var(--nav-grey); transition: none; }
.h2 a:hover { color: var(--nav-hover); }
.h2 a.active { color: #000; }

.caption {
  display: block;
  font-family: var(--font-display);
  font-weight: var(--w-caption);
  font-size: .8rem;
  line-height: 1.2;
  letter-spacing: 0;
  color: var(--swatch-3);
}
.caption a, a.caption { color: var(--swatch-3); }
.caption a:hover, a.caption:hover { color: var(--swatch-4); }

/* Columns */
.cols { display: flex; flex-wrap: nowrap; align-items: stretch; width: 100%; gap: var(--gutter, 0px); }
.cols > .col { flex: var(--span, 1) 1 0; min-width: 0; }
.cols.g-1 { --gutter: 1rem; }
.cols.g-05 { --gutter: .5rem; }
.t-left { text-align: left; } .t-center { text-align: center; } .t-right { text-align: right; }
.br1 { height: 1.2em; } .br3 { height: 3.6em; } .br6 { height: 7.2em; }

/* Pages */
.page { position: relative; display: flex; justify-content: flex-start; min-height: var(--vh); }
.page-layout { position: relative; display: flex; flex-grow: 1; align-items: flex-start; justify-content: flex-start; width: 0; max-width: 100%; margin: 0 auto; }
.page-content { position: relative; display: flex; flex-direction: column; width: 100%; padding: var(--pad); text-align: left; }
.page--bg { background-color: var(--page-bg); }

/* Nav desktop */
.nav-desktop {
  position: fixed; inset: 0 0 auto 0; z-index: 499;
  height: var(--vh); display: flex; align-items: center; justify-content: center;
  pointer-events: none;
}
.nav-desktop .page-layout { max-width: 85%; align-items: center; justify-content: center; flex-grow: 0; width: 85%; }
.nav-desktop .page-content { align-items: center; text-align: center; }
.nav-desktop .h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.738vw;
  white-space: nowrap;
  pointer-events: auto;
  margin-bottom: 1.265rem;
}
.nav-desktop .logo { display: block; width: 100%; }
.nav-desktop .logo-h, .nav-desktop > .logo { flex: 0 0 27.5%; }
.nav-desktop .nav-links { white-space: nowrap; padding-left: .5em; }
.nav-desktop .logo img { width: 100%; height: auto; }
.nav-desktop .h2 > a, .nav-desktop .h2 > span { pointer-events: auto; }

/* Nav mobile */
.nav-mobile { display: none; }

/* Footer */
.footer { position: absolute; left: 0; right: 0; bottom: 0; z-index: 497; pointer-events: none; }
.footer .page-layout { width: 100%; }
.footer .page-content { padding: 1.7rem var(--pad) var(--pad); }
.footer .page-content > span { white-space: nowrap; }
.footer .bodycopy, .footer .caption { color: var(--swatch-4); }
.footer * { pointer-events: auto; }
.cart-link-nav.is-empty, .cart-link.is-empty { cursor: default; }

/* Media */
.media { display: inline-flex; flex-direction: column; vertical-align: bottom; position: relative; margin: 0; width: var(--scale, 100%); }
.media .frame { position: relative; width: 100%; height: 0; padding-bottom: var(--ratio, 100%); overflow: hidden; }
.media .frame img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.media figcaption.caption { margin-top: 1em; width: 100%; }
a.media { cursor: pointer; color: inherit; }
a.media:hover { color: inherit; }
a.media:hover .caption { color: var(--swatch-3); }

.media .frame img { opacity: 0; transition: opacity .25s ease-in-out; }
.media .frame img.is-loaded { opacity: 1; }

/* Home slideshow */
.home main.page { align-items: center; }
.home main.page .page-layout { align-items: center; }
.home main.page .page-content { align-items: center; text-align: center; height: var(--vh); justify-content: center; }
.slideshow { position: relative; width: 100%; height: 100%; }
.slideshow .slide { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; visibility: hidden; }
.slideshow .slide.is-active { visibility: visible; }
.slideshow .slide img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }
.slideshow .zone { position: absolute; top: 0; bottom: 0; width: 50%; z-index: 3; }
.slideshow .zone.prev { left: 0; cursor: url("assets/img/cursor-left.svg") 16 16, w-resize; }
.slideshow .zone.next { right: 0; cursor: url("assets/img/cursor-right.svg") 16 16, e-resize; }

.slideshow--inline { height: auto; }
.slideshow--inline .slides { position: relative; width: 100%; }
.slideshow--inline .slide { position: relative; inset: auto; display: none; }
.slideshow--inline .slide.is-active { display: block; visibility: visible; }
.slideshow--inline .slide .media { width: 100%; }
.slide-nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 4; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; }
.slide-nav:active { opacity: .7; }
.slide-nav.prev { left: 15px; } .slide-nav.next { right: 15px; }
.slide-nav svg { width: 100%; height: 100%; stroke: rgba(255, 255, 255, .9); stroke-width: 1.5px; fill: none; }
.slideshow--single .slide-nav { display: none; }

/* Lists */
.list .page-content { align-items: flex-start; }
.list .col--center > div { text-align: center; }
.list .col--center .media { display: inline-flex; width: min(var(--scale, 100%), calc(75vh * var(--ar, 1))); }

/* Overlays */
.overlay-content {
  position: fixed; inset: 0; z-index: 999;
  overflow: auto; overscroll-behavior: none;
  max-height: 100dvh;

  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, .25) transparent;
}
.overlay-content::-webkit-scrollbar { width: 8px; }
.overlay-content::-webkit-scrollbar-track { background: transparent; }
.overlay-content::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, .25); border-radius: 8px; border: 2px solid transparent; background-clip: content-box; }
.overlay-content::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, .4); }
.overlay-content[hidden] { display: none; }
.overlay-content .page { background-color: #fff; min-height: 100dvh; }
.index-page .overlay-content .page { background-color: rgba(255, 255, 255, 0.95); }
.overlay-content.is-opening .page { animation: overlayOpen var(--overlay-duration) var(--ease-open) both; }
.overlay-content.is-closing .page { animation: overlayClose var(--overlay-duration) var(--ease-close) both; }
@keyframes overlayOpen { from { opacity: 0; } to { opacity: 1; } }
@keyframes overlayClose { from { opacity: 1; } to { opacity: 0; } }
html.has-overlay, html.has-overlay body { overflow: hidden; }

.sheet .page { justify-content: center; }
.sheet .page-layout { max-width: 99%; }
.sheet .page-content { background-color: #fff; align-items: stretch; }

/* Index */
.index-head .caption { line-height: .85; }
.index-grid { container-type: inline-size; width: 100%; }
.grid {
  --g: 9.756cqw;
  display: grid;
  grid-template-columns: repeat(var(--grid-cols, 5), minmax(0, 1fr));
  column-gap: var(--g);
  row-gap: var(--g);
  margin-top: var(--g);
  align-items: end;
  width: 100%;
}
.grid .media { width: 100%; }
.grid .media figcaption.caption { margin-bottom: 0; text-align: left; }

/* Contact */
.contact .page { justify-content: flex-start; }
.contact .page-layout { max-width: 100%; }
.contact .logo-big { display: block; width: 100%; }
.contact .logo-big img { width: 100%; height: auto; }

/* Headings */
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.logo-h { display: inline; font: inherit; margin: 0; letter-spacing: inherit; }
h1.plain { font: inherit; color: inherit; margin: 0; }

/* Information */
.page.contact .cols.g-1 { margin-bottom: 10px; }
.page.contact .cols.m-stack { gap: 10px; }

/* Product */
.product-meta .credits { margin-top: 1.2em; }
.btn-order {
  font-family: var(--font-body); font-size: .85rem; line-height: 1.2;
  color: var(--swatch-3); background: none; border: 0; padding: 0; cursor: pointer; text-align: left;
}
.btn-order:hover { color: var(--swatch-4); }
.btn-order:active { opacity: .7; }
.btn-order[disabled] { cursor: default; color: var(--swatch-5); }
.product-price { display: block; margin-top: 0; color: var(--swatch-3); }
.product-price .price-old { text-decoration: line-through; color: var(--swatch-4); margin-right: .35em; }
.cart-link { color: var(--swatch-3); }
.cart-link:hover { color: var(--swatch-4); }
.flash { color: #000; }

/* Cart */
.cart-row { border-top: 1px solid rgba(0, 0, 0, .15); padding: .5rem 0; }
.cart-row:last-of-type { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.cart-thumb { width: 100%; max-width: 6rem; }
.cart-thumb .frame { padding-bottom: 133.333%; }
.qty { display: inline-flex; align-items: center; gap: .6em; white-space: nowrap; }
.qty button { color: var(--swatch-3); padding: 0 .15em; }
.qty button:hover { color: var(--swatch-4); }
.link-btn { color: var(--swatch-3); cursor: pointer; }
.link-btn:hover { color: var(--swatch-4); }
.cart-empty[hidden], .cart-filled[hidden] { display: none; }
.totals-line { display: flex; justify-content: space-between; gap: 1em; }
.totals-line + .totals-line { margin-top: 0; }
.totals-line.total { color: var(--swatch-1); margin-top: 1.2em; }

/* Checkout */
.field { display: block; margin-bottom: .5em; }
.field label { display: block; margin-bottom: .25em; }
.input, .select {
  width: 100%;
  font-family: var(--font-body); font-size: .85rem; line-height: 1.2;
  color: var(--swatch-1);
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 10em;
  padding: .58em .9em .55em .9em;
  outline: none;
  -webkit-appearance: none; appearance: none;
}
.select {
  padding-right: 2em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M6.5 8.5 10 5l3.5 3.5M6.5 11.5 10 15l3.5-3.5' fill='none' stroke='rgba(0,0,0,0.6)' stroke-width='1'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right .5em center; background-size: 1.4em;
}
.input:focus, .select:focus { border-color: rgba(0, 0, 0, .45); }
.input::placeholder { color: var(--swatch-4); }
.input.is-invalid { border-color: rgba(200, 0, 0, .55); }
textarea.input { border-radius: 1.2em; resize: vertical; min-height: 6em; }
.row-2 { display: flex; gap: .5em; } .row-2 > * { flex: 1 1 0; min-width: 0; }
.btn-pill {
  display: inline-block;
  font-family: var(--font-body); font-size: .85rem; line-height: normal;
  background: rgba(0, 0, 0, .15); color: var(--swatch-2);
  padding: .5em 1em; border-radius: 10em; cursor: pointer; text-align: left; border: 0;
}
.btn-pill:hover { color: var(--swatch-1); }
.btn-pill:active { opacity: .7; }
.btn-pill[disabled] { opacity: .4; cursor: default; }
.check { display: flex; gap: .5em; align-items: center; cursor: pointer; margin: .25em 0; }
.check input { accent-color: #000; margin: 0; }
.muted { color: var(--swatch-4); }
.section-title { margin-bottom: 1.2em; }
.step + .step { margin-top: 2.4em; }
.confirm[hidden], .checkout-form[hidden] { display: none; }

/* Mobile */
@media (max-width: 767px) {
  html { font-size: calc(2.24vw * 1.5); }
  :root { --pad: .75rem; }

  .nav-desktop { display: none; }
  .nav-mobile {
    display: block; position: fixed; top: 0; left: 0; right: 0; z-index: 499;
  }
  .nav-mobile .page-content { text-align: center; }
  .nav-mobile .h2 { font-size: 1.35rem; }
  .nav-mobile .logo { display: block; width: 100%; }
  .nav-mobile .logo img { width: 100%; height: auto; }
  .has-mobile-nav { padding-top: var(--nav-h, 7.94rem); }

  .cols.m-stack { flex-direction: column; gap: 0; }
  .page.contact .cols.m-stack { gap: 10px; }
  .cols.m-stack > .col:empty { display: none; }
  .cols.m-nostack { flex-direction: row; }

  .home main.page { min-height: calc(var(--vh) - var(--nav-h, 7.94rem)); }
  .home main.page .page-content { height: calc(var(--vh) - var(--nav-h, 7.94rem)); }
  .grid { --grid-cols: 3; --g: 0px; row-gap: 1rem; margin-top: 1rem; }
  .sheet .page-layout { max-width: 100%; }
  .product-meta .col + .col { margin-top: 1.2em; }
  .row-2 { flex-direction: column; gap: 0; }
}

/* Close button */
.overlay-content a[data-close] {
  position: fixed;
  top: var(--pad);
  right: calc(var(--pad) + var(--close-offset, 0px));
  z-index: 1000;
}
.overlay-content .sheet { --close-offset: .5vw; }
.overlay-content .col:has(> a[data-close]),
.overlay-content .col > div:has(> a[data-close]) { min-height: calc(.8rem * 1.2); }
@media (max-width: 767px) {
  .overlay-content .sheet { --close-offset: 0px; }
}

/* Home drag */
.slideshow--scrub { cursor: ew-resize; touch-action: pan-y; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }
.slideshow--scrub.is-dragging { cursor: ew-resize; }
.slideshow--scrub img { pointer-events: none; -webkit-user-drag: none; }

/* Hero */
.product-hero, .project-hero {
  --img-h: 90vh;
  display: flex; align-items: center; justify-content: center;
  height: calc(100vh - 40px);
  margin-top: calc(-1 * (var(--pad) + .8rem * 1.2));
}
.product-hero .slideshow, .project-hero .slideshow { width: 100%; }
.product-hero .slide .media, .project-hero .slide .media {
  display: block; margin: 0 auto;
  width: min(100%, calc(var(--img-h) * var(--ar, 1)));
}
.product-hero .slide, .project-hero .slide { cursor: pointer; }
.product-hero + .br3, .project-hero + .br3 { height: 20px; }

/* Video */
.video-embed { position: relative; width: 100%; padding-bottom: 56.25%; background: #000; }
.video-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* Entry content */
.product-meta .col-order { margin-left: 3rem; }
.product-meta .product-price { margin-top: .5em; }

.entry-content {
  font-family: var(--font-display);
  font-weight: var(--w-caption);
  font-size: .8rem;
  line-height: 1.2;
  color: var(--swatch-3);
}
.entry-content > *:first-child { margin-top: 0; }
.entry-content > *:last-child { margin-bottom: 0; }
.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content blockquote,
.entry-content figure,
.entry-content table { margin: 0 0 1.2em; }
.entry-content h1, .entry-content h2, .entry-content h3,
.entry-content h4, .entry-content h5, .entry-content h6 {
  font: inherit; color: var(--swatch-1); margin: 0 0 1.2em;
}
.entry-content ul, .entry-content ol { padding-left: 1.2em; }
.entry-content li + li { margin-top: 0; }
.entry-content blockquote { padding-left: 1.2em; border-left: 1px solid rgba(0, 0, 0, .15); }
.entry-content a { color: var(--swatch-3); text-decoration: underline; text-underline-offset: .15em; text-decoration-thickness: 1px; }
.entry-content a:hover { color: var(--swatch-4); }
.entry-content strong, .entry-content b { font-weight: 500; color: var(--swatch-1); }
.entry-content img { max-width: 100%; height: auto; }
.entry-content figcaption { margin-top: .5em; color: var(--swatch-4); }
.entry-content hr { border: 0; height: 1px; background: rgba(0, 0, 0, .15); margin: 1.2em 0; }
.entry-content .alignleft { float: left; margin: 0 1.2em 1.2em 0; }
.entry-content .alignright { float: right; margin: 0 0 1.2em 1.2em; }
.entry-content .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.entry-content::after { content: ""; display: table; clear: both; }

@media (max-width: 767px) {
  .product-meta .col-order { margin-left: 0; }
}


/* Titles */
.sheet h1.bodycopy, .page-content h1.bodycopy { margin: 0; font-weight: 400; }

/* WooCommerce */
.woo-content { font-family: var(--font-body); font-size: .85rem; color: var(--swatch-3); }
.woo-content a { color: var(--swatch-3); }
.woo-content a:hover { color: var(--swatch-4); }
.woo-content table { width: 100%; border-collapse: collapse; }
.woo-content th, .woo-content td { padding: .5rem 0; text-align: left; vertical-align: top; border-bottom: 1px solid rgba(0, 0, 0, .15); font-weight: 400; }
.woo-content th { color: var(--swatch-4); }
.woo-content img { max-width: 6rem; height: auto; }
.woo-content .quantity input { width: 4em; }

.woo-content input[type="text"],
.woo-content input[type="email"],
.woo-content input[type="tel"],
.woo-content input[type="password"],
.woo-content input[type="number"],
.woo-content textarea,
.woo-content select,
.woo-content .select2-selection {
  font-family: var(--font-body); font-size: .85rem; line-height: 1.2;
  color: var(--swatch-1); background: transparent;
  border: 1px solid rgba(0, 0, 0, .2); border-radius: 10em;
  padding: .58em .9em .55em; width: 100%; outline: none;
  -webkit-appearance: none; appearance: none;
}
.woo-content textarea { border-radius: 1.2em; min-height: 6em; }
.woo-content input:focus, .woo-content textarea:focus, .woo-content select:focus { border-color: rgba(0, 0, 0, .45); }
.woo-content .form-row { margin: 0 0 .5em; }
.woo-content label { display: block; margin-bottom: .25em; color: var(--swatch-3); }

.woo-content .button,
.woo-content button[type="submit"],
.woo-content .checkout-button,
.woo-content #place_order {
  font-family: var(--font-body); font-size: .85rem; line-height: normal;
  background: rgba(0, 0, 0, .15); color: var(--swatch-2);
  padding: .5em 1em; border: 0; border-radius: 10em; cursor: pointer;
}
.woo-content .button:hover, .woo-content #place_order:hover { color: var(--swatch-1); }
.woo-content .button:active { opacity: .7; }

.woo-content .cart_totals h2,
.woo-content #order_review_heading,
.woo-content .woocommerce-billing-fields h3,
.woo-content h2, .woo-content h3 { font: inherit; color: var(--swatch-1); margin: 1.2em 0 .5em; }

.woocommerce-message, .woocommerce-info, .woocommerce-error {
  list-style: none; margin: 0 0 1.2em; padding: .5em 1em;
  background: rgba(0, 0, 0, .05); border-radius: 1.2em; color: var(--swatch-2);
}
.woocommerce-error li { list-style: none; }

@media (max-width: 767px) {
  .woo-content th, .woo-content td { display: block; border: 0; padding: .2rem 0; }
  .woo-content tr { display: block; border-bottom: 1px solid rgba(0, 0, 0, .15); padding: .5rem 0; }
}

/* Woo blocks */
.woo-content .wc-block-components-button,
.woo-content .wc-block-cart__submit-button,
.woo-content .wc-block-components-checkout-place-order-button {
  font-family: var(--font-body); font-size: .85rem; font-weight: 400; line-height: normal;
  background: rgba(0, 0, 0, .15); color: var(--swatch-2);
  padding: .5em 1em; border: 0; border-radius: 10em; min-height: 0; text-decoration: none;
}
.woo-content .wc-block-components-button:hover { background: rgba(0, 0, 0, .2); color: var(--swatch-1); }
.woo-content .wc-block-components-text-input input[type="text"],
.woo-content .wc-block-components-text-input input[type="email"],
.woo-content .wc-block-components-text-input input[type="tel"],
.woo-content .wc-block-components-combobox input,
.woo-content .wc-block-components-select__container {
  border-radius: 10em; border: 1px solid rgba(0, 0, 0, .2); background: transparent;
  font-family: var(--font-body); font-size: .85rem; color: var(--swatch-1);
}
.woo-content .wc-block-components-text-input label,
.woo-content .wc-block-components-checkout-step__title,
.woo-content .wc-block-components-title,
.woo-content .wc-block-components-totals-item__label { font-family: var(--font-body); font-size: .85rem; font-weight: 400; color: var(--swatch-3); }
.woo-content .wc-block-components-product-name { font-family: var(--font-body); font-size: .85rem; color: var(--swatch-2); }
.woo-content .wc-block-components-totals-item__value,
.woo-content .wc-block-components-formatted-money-amount { font-family: var(--font-body); color: var(--swatch-2); }
.woo-content .wc-block-components-sidebar,
.woo-content .wc-block-components-panel,
.woo-content .wc-block-cart-items,
.woo-content .wc-block-components-totals-wrapper { border-color: rgba(0, 0, 0, .15); background: transparent; }
.woo-content .wc-block-components-checkout-step { border: 0; padding-left: 0; }
.woo-content .wc-block-components-checkout-step__heading-content,
.woo-content .wc-block-components-checkout-step__description { color: var(--swatch-4); }
.woo-content .wc-block-cart-item__image img { max-width: 6rem; }

/* Project meta */
.project-meta .entry-content { font-size: .8rem; }

/* Woo classic cart / checkout */

.woo-content .quantity input[type="number"] { width: 4.5em; text-align: center; padding: .3em .5em; border-radius: 10em; }
.woo-content .cart-row .media { width: 100%; }
.woo-content .woocommerce-shipping-totals ul,
.woo-content #shipping_method { list-style: none; margin: 0; padding: 0; }
.woo-content #shipping_method li { display: flex; align-items: center; gap: .5em; margin: .25em 0; }
.woo-content .wc_payment_methods { list-style: none; margin: 0; padding: 0; }
.woo-content .wc_payment_methods li { margin: 0 0 .5em; }
.woo-content .wc_payment_method label { display: inline-flex; gap: .5em; align-items: center; }
.woo-content .payment_box { padding: .5em 0 0; font-size: .8rem; color: var(--swatch-4); }
.woo-content .woocommerce-privacy-policy-text { font-size: .8rem; color: var(--swatch-4); }
.woo-content .cart-row { border-top: 1px solid rgba(0, 0, 0, .15); padding: .5rem 0; }
.woo-content .cart-row:last-of-type { border-bottom: 1px solid rgba(0, 0, 0, .15); }