.main-navigation a {
	letter-spacing: 0;
	font-weight: 100;
}

ul.sub-menu li.menu-item a {
	font-size: 16px;
	text-align: center;
	font-weight: 100;
}

.main-navigation ul li.menu-item-has-children > a::after, .main-navigation ul li.page_item_has_children > a::after {
	content: none;
}

.main-navigation .sub-menu .menu-item a::before {
	display: none;
}

.single-product span.sku_wrapper {
    display: none !important;
}

/* Hide cart price and item count, keep cart icon clickable */

.woocommerce-cart-link .woocommerce-Price-amount,
.woocommerce-cart-link .woocommerce-cart-count {
    display: none !important;
}

/* Slim header */

/* Fallback for theme-generated empty entry headers */
.page .site-main > article > .entry-header {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.page .site-main > article > .entry-content {
    margin-top: 0 !important;
}

header,/* Slim header pt 2 */
.site-header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 70px !important;
}

header nav a,
.site-header nav a {
    padding-top: 12px !important;
    padding-bottom: -5px !important;
    line-height: 1.25 !important;
}

header img.custom-logo {
    max-height: 42px !important;
    width: auto !important;
} /* end slim header*/


.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background: darksalmon !important;

background-color: darksalmon !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {

background: darksalmon !important;

background-color: darksalmon !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color:#ca0606 !important;

}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {

background: darksalmon !important;

color:white !important;

text-shadow: transparent !important;

border-color:#ca0606 !important;

}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background: darksalmon !important;

box-shadow: none;

text-shadow: transparent !important;

color:white !important;

border-color:#ca0606 !important;

}



/* ==================================================
   TRANSPARENT WHITE HEADER + MATCHING DROPDOWNS
   ================================================== */

/* Main header */
#masthead {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;

    background: rgba(255, 255, 255, 0.45) !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Remove separate backgrounds inside the main menu */
#masthead .main-navigation,
#masthead .main-navigation > div,
#masthead .main-navigation > div > ul,
#masthead .main-navigation > div > ul > li {
    background: transparent !important;
    background-image: none !important;
}

/* Main menu text and cart icon */
#masthead .main-navigation > div > ul > li > a,
#masthead .woocommerce-cart-link,
#masthead .woocommerce-cart-link svg {
    color: #111111 !important;
    fill: currentColor !important;
}

/* Dropdown: exact same transparent white as the header */
#masthead .sub-menu {
    background: rgba(255, 255, 255, 0.82) !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Remove theme backgrounds from dropdown rows */
#masthead .sub-menu li,
#masthead .sub-menu a {
    background: transparent !important;
    background-image: none !important;
}

/* Dropdown text */
#masthead .sub-menu a {
    color: #111111 !important;
}

/* Subtle hover without changing the overall transparency */
#masthead .sub-menu a:hover,
#masthead .main-navigation > div > ul > li > a:hover {
    background: rgba(255, 255, 255, 0.20) !important;
    color: #111111 !important;
}

/* Make transparent header span the full page width */

#masthead.site-header.responsive-max-width {
    width: 100% !important;
    max-width: none !important;

    left: 0 !important;
    right: 0 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
}

/* Desktop only: prevent header and dropdown transparency from stacking */
@media (min-width: 769px) {
    #masthead .main-navigation .sub-menu {
        top: 80% !important;
        margin-top: 0 !important;
        transform: none !important;

        padding-top: 17px !important;
        box-sizing: border-box !important;

        background:
            linear-gradient(
                to bottom,
                transparent 0,
                transparent 17px,
                rgba(255, 255, 255, 0.6) 17px,
                rgba(255, 255, 255, 0.6) 100%
            ) !important;

        border-top: 0 !important;
    }
}

/* Mobile: return dropdown to normal menu layout */
@media (max-width: 768px) {
    #masthead .main-navigation .sub-menu {
        position: static !important;
        top: auto !important;
        margin: 0 !important;
        padding-top: 0 !important;
        transform: none !important;

        background: rgba(255, 255, 255, 0.6) !important;
        border-top: 0 !important;
    }
}
/* Prevent extra background layers */
#masthead .main-navigation .sub-menu li,
#masthead .main-navigation .sub-menu a {
    background: transparent !important;
}

/* Keep dropdown text centered */
#masthead .main-navigation .sub-menu a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}/* all good */


/* =========================================
   REFINED MENU + DROPDOWN HOVER EFFECTS
   ========================================= */

/* Smooth transition */
#masthead .main-navigation a {
    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease !important;
}

/* Main menu:
   keep the same background/transparency,
   only lift the text slightly more */
#masthead .main-navigation > div > ul > li > a:hover,
#masthead .main-navigation > div > ul > li:hover > a,
#masthead .main-navigation > div > ul > li > a:focus {
    background: transparent !important;
    color: #111111 !important;
    transform: translateY(-3px) !important;
}

/* Dropdown:
   keep text centered and stationary,
   only change the transparency on hover */
#masthead .main-navigation .sub-menu a:hover,
#masthead .main-navigation .sub-menu a:focus {
    background: rgba(255, 255, 255, 0.99) !important;
    color: #111111 !important;
    transform: none !important;
}

/* Keyboard accessibility */
#masthead .main-navigation a:focus-visible {
    outline: 1px solid rgba(17, 17, 17, 0.5) !important;
    outline-offset: -3px;
}/* all good */

/* Hide only the text of the first menu item */

#masthead .main-navigation > div > ul > li:first-child > a {
    font-size: 0 !important;
}



/* Adjust only the first menu item's logo */

#masthead .main-navigation > div > ul > li:first-child img {
    position: relative !important;
    transform: translateY(-3.9px) !important;
}

/* Make only the first menu logo larger */

#masthead .main-navigation > div > ul > li:first-child img {
    width: 63px !important;
    height: auto !important;
}

/* Solid mobile navigation panel */
@media screen and (max-width: 500px) {

    /* Main opened menu area */
    #masthead .main-navigation > div,
    #masthead .main-navigation > div > ul,
    #masthead .main-navigation .sub-menu {
    background: #ffffff !important;
			
        background-image: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    /* Continue the white panel behind the cart */
    #masthead .woocommerce-menu-container,
    #masthead .woocommerce-cart-link,
    #masthead .site-header-cart {
        background: #ffffff !important;
        background-image: none !important;
			
    }

    /* Give the opened panel enough room beneath its contents */
    #masthead .main-navigation > div {
        padding-bottom: 10px !important;
        box-sizing: border-box !important;
    }

    /* Black text and icons */
    #masthead .main-navigation a,
    #masthead .woocommerce-cart-link,
    #masthead .woocommerce-cart-link svg {
        color: #111111 !important;
        fill: currentColor !important;
    }
}

/* One outer box around the entire menu and cart — only while the menu is open */
@media screen and (max-width: 559px) {

    #masthead #site-navigation:has(#toggle:checked) {

        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 10px 10px 10px !important;
        background: #ffffff !important;
        border: 2px solid rgba(204, 95, 151, 0.55) !important;
        border-radius: 5px 5px 5px 5px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }
}



@media screen and (min-width: 559px) and (max-width: 888px) {

    /* Let the header rows wrap normally */
    #masthead .main-navigation {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
    }

    /* Keep the regular menu area flexible */
    #masthead .menu-main-menu-container {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    /* Keep the cart on the second row instead of a third */
    #masthead .woocommerce-menu-container {
        flex: 0 0 auto !important;
        align-self: flex-end !important;
        margin-left: auto !important;
			        margin-right: 10px  !important;
        margin-top: -42px !important;
    }
}


/* Cart dropdown - single border */

.widget_shopping_cart_content {

    background: #ffffff !important;

    padding: 18px !important;

    border: 1px solid rgba(0,0,0,.08) !important;

    border-radius: 8px !important;

    box-shadow: 0 12px 30px rgba(0,0,0,.12) !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Remove borders from everything inside */

.widget_shopping_cart_content *,
.widget_shopping_cart_content ul,
.widget_shopping_cart_content li,
.widget_shopping_cart_content .woocommerce-mini-cart,
.widget_shopping_cart_content .woocommerce-mini-cart__total,
.widget_shopping_cart_content .woocommerce-mini-cart__buttons {

    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Keep spacer heights on mobile (fixes top menu spacer) */
@media only screen and (max-width: 559px) {
  .wp-block-spacer[style] { height: 52px !important; }
}

/* Osc hero - pull-over reveal (v2: spacer-proof, no white lip) */
#osc-hero{ position:sticky !important; top:0; z-index:0; }
#osc-hero + .wp-block-spacer{
  height:0 !important; min-height:0 !important; margin:0 !important; padding:0 !important;
  background:transparent !important; box-shadow:none !important; border-radius:0 !important;
}
#osc-hero + *:not(.wp-block-spacer),
#osc-hero + .wp-block-spacer + *{
  position:relative; z-index:2; background:#fff;
  border-radius:28px 28px 0 0;
  box-shadow:0 -26px 60px rgba(53,26,58,.16);
  overflow:hidden;
}
#osc-hero + *:not(.wp-block-spacer) > :first-child,
#osc-hero + .wp-block-spacer + * > :first-child{ margin-top:0 !important; }

/* Slim Subscribe section — compact cow + tight box */
#mailpoet_form_1 { max-width: 1020px !important; margin: 12px auto !important; }
#mailpoet_form_1 .mailpoet_form_column img { max-width: 300px !important; height: auto !important; display: block; margin: 0 auto; }
#mailpoet_form_1 .mailpoet_paragraph { margin-bottom: 10px !important; }
.wp-block-cover:has(#mailpoet_form_1) { min-height: 0 !important; padding-top: 5px !important; padding-bottom: 5px !important; }
.wp-block-cover:has(#mailpoet_form_1) .wp-block-cover__inner-container > p:empty { display: none !important; }


/* Menu fades solid white on hover (desktop) */
@media screen and (min-width: 560px){
  #masthead{ transition: background-color .35s ease; }
  #masthead:hover{ background-color: #ffffff !important; }
  #masthead .main-navigation .sub-menu{
    background: #ffffff !important;
    box-shadow: 0 12px 28px rgba(53,26,58,.12);
    border-radius: 0 0 10px 10px;
    padding-bottom: 14px !important;   /* <-- the new line */
  }
}


/* Sub-menu: text nudges right on hover, bg box stays put */
#masthead .main-navigation .sub-menu li:hover {
    background: rgba(255, 255, 255, 0.99) !important;
}
#masthead .main-navigation .sub-menu a:hover,
#masthead .main-navigation .sub-menu a:focus {
    background: transparent !important;
    transform: translateX(8px) !important;
}

/* ==================================================
   C&K HEADER + CART — complete block
   ================================================== */

/* ----- 1. CART ICON (custom image) ----- */
.woocommerce-cart-link svg.svg-icon { display: none !important; }
.woocommerce-cart-link::before {
  content: "" !important;
  display: inline-block !important;
  width: 38px !important;              /* ⬅ cart icon size */
  height: 38px !important;
  vertical-align: middle !important;
  position: relative !important;
  top: -6.5px !important;              /* ⬅ cart icon: negative = up, positive = down */
  background: url("https://clayandkelsy.com/wp-content/uploads/2026/07/cart-machine-512.png") no-repeat center / contain !important;
}

/* ----- 2. ACCOUNT BUTTON (icon only + hover label) ----- */
.menu-item-6206 a span { display: none !important; }
.menu-item-6206 a img {
  width: 35px !important;              /* ⬅ account icon size — keep both equal */
  height: 35px !important;
  position: relative !important;
  top: -4.2px !important;              /* ⬅ account icon: negative = up, positive = down */
}
.menu-item-6206 a { position: relative !important; }
.menu-item-6206 a::after {
  content: "My Account" !important;
  position: absolute !important;
  top: 100% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin-top: 6px !important;
  width: auto !important;              /* theme forces 0 — this restores it */
  height: auto !important;
  background: #666 !important;         /* ⬅ tooltip: lower = darker */
  color: #fff !important;
  padding: 4px 9px !important;
  border-radius: 5px !important;
  font-size: 12px !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .15s ease !important;
  z-index: 9999 !important;
}
.menu-item-6206 a:hover::after { opacity: 1 !important; }

/* ----- 3. CART JOINS THE MENU — one centered row (desktop only) ----- */
@media (min-width: 560px) {
  .main-navigation {
    display: flex !important;
    flex-wrap: wrap !important;          /* wraps gracefully on resize, no clashing */
    align-items: center !important;
    justify-content: center !important;  /* whole row stays centered */
  }
  .main-navigation .menu-main_menu-container,
  .main-navigation .woocommerce-menu-container,
  .main-navigation ul.main-menu {
    display: contents !important;        /* dissolves wrappers — cart joins the row */
  }
  /* FIX: theme makes <li> inherit 'contents' — restore their boxes
     so every dropdown anchors under its own tab */
  .main-navigation ul.main-menu > li {
    display: flex !important;
    align-items: center !important;
  }
  /* cart item: box + anchor for its dropdown, small gap after account */
  .main-navigation li.woocommerce-menu-item {
    display: flex !important;
    position: relative !important;
    margin-left: 8px !important;         /* ⬅ gap: account → cart */
  }
  .main-navigation li.woocommerce-menu-item .sub-menu {
    left: auto !important;
    right: -10px !important;             /* ⬅ cart dropdown position vs icon */
    top: 100% !important;
  }
  /* gap separating icons from the menu items */
  .menu-item-6206 { margin-left: 26px !important; }  /* ⬅ gap: menu → account */
}

/* ----- 4. MINI-CART DROPDOWN — roomy, premium (doubled ID beats old CSS) ----- */
#masthead#masthead .woocommerce-cart-widget {
  min-width: min(400px, calc(100vw - 40px)) !important;  /* ⬅ dropdown width */
  padding: 8px 24px !important;
  font-size: 15px !important;
}
#masthead#masthead .woocommerce-cart-widget * {
  font-size: 15px !important;
  line-height: 1.5 !important;
}
#masthead#masthead .woocommerce-mini-cart-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 16px 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(0,0,0,.08) !important;
}
#masthead#masthead .woocommerce-mini-cart-item:last-of-type { border-bottom: none !important; }
#masthead#masthead .woocommerce-mini-cart-item a.remove_from_cart_button {
  position: static !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  font-size: 18px !important;
}
#masthead#masthead .woocommerce-mini-cart-item > a:not(.remove_from_cart_button) {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex: 1 1 auto !important;
  white-space: nowrap !important;
  font-weight: 700 !important;
}
#masthead#masthead .woocommerce-mini-cart-item img {
  float: none !important;
  margin: 0 !important;
  width: 44px !important;                /* ⬅ thumbnail size */
  height: 44px !important;
  border-radius: 6px !important;
}
#masthead#masthead .woocommerce-mini-cart-item .quantity {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  white-space: nowrap !important;
  text-align: right !important;
}
#masthead#masthead .woocommerce-mini-cart-item .quantity del { opacity: .45 !important; }
#masthead#masthead .woocommerce-mini-cart-item .quantity ins {
  text-decoration: none !important;
  font-weight: 700 !important;
}
#masthead#masthead .woocommerce-mini-cart__total {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 16px 0 !important;
  margin: 0 !important;
  border-top: 2px solid rgba(0,0,0,.12) !important;
}
#masthead#masthead .woocommerce-mini-cart__buttons {
  display: flex !important;
  gap: 10px !important;
  padding: 4px 0 14px !important;
  margin: 0 !important;
}
#masthead#masthead .woocommerce-mini-cart__buttons a.button {
  flex: 1 1 0 !important;
  text-align: center !important;
  padding: 10px 0 !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}
#masthead#masthead .woocommerce-mini-cart__buttons a.button:not(.checkout) {
  background: transparent !important;
  color: #cc5f97 !important;
  border: 2px solid #cc5f97 !important;
}
#masthead#masthead .woocommerce-mini-cart__buttons a.button.checkout {
  background: #cc5f97 !important;
  color: #fff !important;
  border: 2px solid #cc5f97 !important;
}

/* ----- 5. LOGO GAP — mirrors the icons' gap on the right ----- */
@media (min-width: 560px) {
  .main-navigation .menu-main_menu-container ul.main-menu > li:first-child {
    margin-right: 26px !important;   /* ⬅ keep equal to the menu → account gap */
  }
}

/* [Add-on 4] Level all top-level nav labels */
.main-navigation ul.main-menu > li > a{
  display:flex !important; align-items:center !important; line-height:1.2 !important;
  padding-top:11px !important; padding-bottom:11px !important;
}

/* [Add-on 5] Center each dropdown under its button */
.main-navigation ul.main-menu > li.menu-item-has-children > ul.sub-menu{
  width:170px !important; left:calc(50% - 85px) !important; right:auto !important; text-align:center !important;
}

/* ============================================================================
   Clay & Kelsy — My Account restyle · LAYER 1 (CSS only)
   Paste into: Appearance → Customize → Additional CSS
   VERIFIED live on clayandkelsy.com/my-account/ (Varia/Maywood theme).

   Notes on the fixes that were needed for THIS theme:
   • Scoped to `.entry-content > .woocommerce` so it does NOT touch the header
     mini-cart (which is also a `.woocommerce` element).
   • Uses flex + !important for the column layout, because the theme applies its
     own width rules that otherwise collapse the two columns into a stack.
   ============================================================================ */

.woocommerce-account{
  --ck-paper:#ffffff;
  --ck-bg:#f1f0ec;
  --ck-ink:#141414;
  --ck-ink-2:#4d4a44;   /* body + nav labels — darkened for readability */
  --ck-ink-3:#706c63;   /* "> " prefix, secondary text — darkened */
  --ck-line:#e4e2db;
  --ck-line-2:#d7d4cb;
  --ck-acc:#FFD707;
  --ck-pink:#D63A70;    /* links — deepened slightly for contrast */
}

/* ---- two-column shell: sidebar + content (theme-proof) ------------------ */
.woocommerce-account .entry-content > .woocommerce{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:flex-start !important;
  gap:28px !important;
  width:100% !important;
  max-width:1120px !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation{
  flex:0 0 232px !important;
  width:232px !important;
  max-width:232px !important;
  float:none !important;
  margin:0 !important;
}
.woocommerce-account .woocommerce-MyAccount-content{
  flex:1 1 auto !important;
  width:auto !important;
  min-width:0 !important;
  float:none !important;
  margin:0 !important;
}
@media (max-width:782px){
  .woocommerce-account .entry-content > .woocommerce{
    flex-wrap:wrap !important;
    padding-top:48px !important;   /* clears the absolute site header on tablets */
  }
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content{
    flex:1 1 100% !important; width:100% !important; max-width:100% !important;
  }
}
@media (max-width:600px){
  .woocommerce-account .entry-content > .woocommerce{
    padding-top:72px !important;   /* header wraps taller on phones — more clearance */
  }
}

/* ---- sidebar nav -------------------------------------------------------- */
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style:none; margin:0; padding:0;
  border:1px solid var(--ck-line);
  background:var(--ck-paper);
}
.woocommerce-account .woocommerce-MyAccount-navigation li{
  margin:0;
  border-top:1px solid var(--ck-line);
}
.woocommerce-account .woocommerce-MyAccount-navigation li:first-child{ border-top:0; }

.woocommerce-account .woocommerce-MyAccount-navigation li a{
  display:block !important;           /* theme forces inline-table — !important wins */
  width:100% !important;              /* fill the whole row so all of it is clickable */
  box-sizing:border-box;
  white-space:nowrap;                 /* keeps "> Payment methods" on one line */
  padding:12px 16px;
  font-family:"Courier New",Courier,monospace;
  font-size:14px;
  line-height:1.3;
  color:var(--ck-ink-2);
  text-decoration:none;
  border-left:3px solid transparent;
  transition:color .15s, background .15s, border-color .15s;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a::before{
  content:"> ";
  color:var(--ck-ink-3);
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{
  color:var(--ck-ink);
  background:rgba(0,0,0,.03);
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  color:var(--ck-ink);
  font-weight:700;
  border-left-color:var(--ck-acc);
  background:rgba(255,215,7,.10);
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::before{
  color:var(--ck-ink);
}
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a{
  color:var(--ck-ink-3);
}
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a:hover{
  color:var(--ck-pink);
}

/* ---- content area ------------------------------------------------------- */
.woocommerce-account .woocommerce-MyAccount-content{
  font-family:"Courier New",Courier,monospace;
  color:var(--ck-ink);
}
.woocommerce-account .woocommerce-MyAccount-content p{
  color:var(--ck-ink-2);
  line-height:1.6;
}
.woocommerce-account .woocommerce-MyAccount-content a:not(.button){
  color:var(--ck-pink);
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.woocommerce-account .woocommerce-MyAccount-content a:not(.button):hover{
  border-bottom-color:var(--ck-pink);
}
/* hide WooCommerce's redundant dashboard blurb — the sidebar nav already covers it.
   Scoped to the dashboard page only (body.woocommerce-dashboard); keeps the greeting. */
.woocommerce-dashboard .woocommerce-MyAccount-content > p:nth-of-type(2){
  display:none;
}

/* ---- tables (orders / downloads) --------------------------------------- */
.woocommerce-account .woocommerce-MyAccount-content table.shop_table{
  border:1px solid var(--ck-line);
  border-collapse:collapse;
  width:100%;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table th,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td{
  border:1px solid var(--ck-line);
  padding:12px 14px;
  font-size:13px;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table th{
  background:#faf9f6;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:11px;
  color:var(--ck-ink-3);
  text-align:left;
}

/* ---- buttons ------------------------------------------------------------ */
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button{
  display:inline-block;
  font-family:"Courier New",Courier,monospace;
  font-weight:700;
  font-size:13px;
  letter-spacing:.02em;
  padding:9px 14px;
  border:1px solid var(--ck-ink);
  background:var(--ck-ink);
  color:var(--ck-paper);
  border-radius:0;
  text-decoration:none;
  transition:background .15s, color .15s, border-color .15s;
}
.woocommerce-account .woocommerce-MyAccount-content .button:hover,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button:hover{
  background:var(--ck-acc);
  border-color:var(--ck-acc);
  color:var(--ck-ink);
}

/* ---- forms (edit account / addresses) ---------------------------------- */
.woocommerce-account .woocommerce-MyAccount-content form input.input-text,
.woocommerce-account .woocommerce-MyAccount-content form select,
.woocommerce-account .woocommerce-MyAccount-content form textarea{
  font-family:"Courier New",Courier,monospace;
  border:1px solid var(--ck-line-2);
  border-radius:0;
  padding:10px 12px;
  background:var(--ck-paper);
  color:var(--ck-ink);
}
.woocommerce-account .woocommerce-MyAccount-content form label{
  font-size:11px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--ck-ink-3);
}

/* [Add-on 1] Greeting: keep "Hello <name>", drop "(not <name>? Log out)" */
.woocommerce-dashboard .woocommerce-MyAccount-content > p:first-of-type{ font-size:0 !important; }
.woocommerce-dashboard .woocommerce-MyAccount-content > p:first-of-type::before{ content:"Hello "; font-size:20px; font-weight:400; }
.woocommerce-dashboard .woocommerce-MyAccount-content > p:first-of-type strong:first-of-type{ font-size:20px; }

/* [Add-on 2] Addresses page — clean two-card layout */
.woocommerce-account .woocommerce-Addresses{ display:grid !important; grid-template-columns:1fr 1fr; gap:24px; }
.woocommerce-account .woocommerce-Addresses::before,
.woocommerce-account .woocommerce-Addresses::after{ display:none !important; }
.woocommerce-account .woocommerce-Address{ float:none !important; width:auto !important; border:1px solid var(--ck-line); padding:24px; }
.woocommerce-account .woocommerce-Address-title{ display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:16px; }
.woocommerce-account .woocommerce-Address-title h2{ font-size:13px !important; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--ck-ink-3); margin:0; white-space:nowrap; }
.woocommerce-account .woocommerce-Address-title .edit{ font-size:12px; white-space:nowrap; }
.woocommerce-account .woocommerce-Address address{ font-style:normal; line-height:1.7; color:var(--ck-ink-2); }
@media(max-width:600px){ .woocommerce-account .woocommerce-Addresses{ grid-template-columns:1fr; } }

/* [Add-on 3] Exclamation after the greeting name */
.woocommerce-dashboard .woocommerce-MyAccount-content > p:first-of-type::after{ content:"!"; font-size:20px; font-weight:700; }

/* ---- END OF ACCOUNT EDIT ---------------------------------------------------------------------------------------------------------------- */


/* [Add-on 7] Thank-you overview strip — clean bordered card, no stray lines */
.woocommerce-order-received ul.woocommerce-order-overview{
  display:grid !important; grid-template-columns:1fr 1fr; gap:18px 24px;
  padding:24px !important; border:1px solid #e4e2db;
}
.woocommerce-order-received ul.woocommerce-order-overview li{
  border:0 !important; padding:0 !important; margin:0 !important;
  float:none !important; text-align:left !important;
}
.woocommerce-order-received ul.woocommerce-order-overview li,
.woocommerce-order-received ul.woocommerce-order-overview li *{
  word-break:normal !important; overflow-wrap:normal !important;
}
.woocommerce-order-received .woocommerce-order-overview__email{ grid-column:1 / -1; }
@media (max-width:600px){
  .woocommerce-order-received ul.woocommerce-order-overview{ grid-template-columns:1fr; }
}
/* [Add-on 8] Thank-you tables — refined type + word-break fix that wins */
.woocommerce-order-received .woocommerce-table th,
.woocommerce-order-received .woocommerce-table td,
.woocommerce-order-received table.shop_table th,
.woocommerce-order-received table.shop_table td{
  word-break:normal !important; overflow-wrap:normal !important;
  font-size:15px !important; padding:12px 14px !important;
}
.woocommerce-order-received .woocommerce-table thead th,
.woocommerce-order-received table.shop_table thead th{
  white-space:nowrap !important; font-size:12px !important;
  text-transform:uppercase; letter-spacing:.08em; color:#706c63;
}
.woocommerce-order-received .woocommerce-table--order-downloads th,
.woocommerce-order-received .woocommerce-table--order-downloads td,
.woocommerce-order-received td.download-product,
.woocommerce-order-received td.download-remaining,
.woocommerce-order-received td.download-expires,
.woocommerce-order-received td.download-file{ white-space:nowrap !important; }
.woocommerce-order-received .woocommerce-MyAccount-downloads-file{ white-space:nowrap !important; }


/* [Add-on 9] The order ticket — premium confirmation stub */
.woocommerce-order-received ul.woocommerce-order-overview{
  background:#fff;
  border:1px solid #e4e2db !important;
  border-top:3px solid #FFD707 !important;
  padding:26px 28px 28px !important;
}
.woocommerce-order-received ul.woocommerce-order-overview li{
  font-size:11px !important; font-weight:700; letter-spacing:.16em;
  text-transform:uppercase; color:#9a978e;
  line-height:1.4 !important;
}
.woocommerce-order-received ul.woocommerce-order-overview li strong{
  display:block; margin-top:7px;
  font-size:18px; font-weight:700; letter-spacing:.01em;
  text-transform:none; color:#141414;
}
.woocommerce-order-received ul.woocommerce-order-overview li.woocommerce-order-overview__email{
  border-top:1px dashed #d7d4cb !important;
  padding-top:18px !important;
}
.woocommerce-order-received .woocommerce-notice--success,
.woocommerce-order-received .woocommerce-thankyou-order-received{
  font-size:12px !important; font-weight:700; letter-spacing:.2em;
  text-transform:uppercase; color:#141414 !important;
  margin-bottom:14px !important;
}

/* [Add-on 10] Cart page — house style */
.woocommerce-cart table.shop_table{ border:1px solid #e4e2db !important; }
.woocommerce-cart table.shop_table th{
  font-size:12px !important; text-transform:uppercase; letter-spacing:.08em;
  color:#706c63; white-space:nowrap !important; padding:14px !important;
}
.woocommerce-cart table.shop_table td{
  font-size:15px !important; padding:12px 14px !important;
  word-break:normal !important; overflow-wrap:normal !important;
}
.woocommerce-cart td.product-remove a.remove{
  color:#9a978e !important; background:transparent !important;
  font-size:20px !important; font-weight:400 !important;
}
.woocommerce-cart td.product-remove a.remove:hover{ color:#D63A70 !important; background:transparent !important; }
.woocommerce-cart input.qty, .woocommerce-cart #coupon_code{
  font-family:"Courier New",Courier,monospace !important;
  border:1px solid #d7d4cb !important; border-radius:0 !important;
  background:#fff !important; color:#141414 !important; padding:9px 10px !important;
}
.woocommerce-cart .woocommerce button.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  font-family:"Courier New",Courier,monospace !important; font-weight:700 !important;
  font-size:13px !important; letter-spacing:.02em;
  background:#141414 !important; color:#fff !important;
  border:1px solid #141414 !important; border-radius:0 !important;
  transition:background .15s,color .15s,border-color .15s;
}
.woocommerce-cart .woocommerce button.button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
  background:#FFD707 !important; border-color:#FFD707 !important; color:#141414 !important;
}
.woocommerce-cart .woocommerce button.button:disabled{
  background:#f1f0ec !important; border-color:#e4e2db !important; color:#9a978e !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  font-size:15px !important; padding:16px 20px !important;
}
.woocommerce-cart .cart_totals h2{
  font-size:12px !important; font-weight:700; letter-spacing:.2em;
  text-transform:uppercase; color:#141414;
}
.woocommerce-cart .cart_totals table.shop_table{
  border:1px solid #e4e2db !important;
  border-top:3px solid #FFD707 !important;
  background:#fff;
}
.woocommerce-cart .cart_totals th{
  font-size:11px !important; text-transform:uppercase; letter-spacing:.14em; color:#9a978e;
}
.woocommerce-cart .cart_totals td{ font-weight:700; }

/* [Add-on 11] Checkout page — house style, cosmetic-only.
   No display/visibility/layout rules, so conditional fields
   (virtual vs free vs shipping) are never affected. */
.woocommerce-checkout .entry-content h3{
  font-size:13px !important; font-weight:700 !important; letter-spacing:.18em;
  text-transform:uppercase; color:#141414;
}
.woocommerce-checkout form.checkout label{
  font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:#706c63;
}
.woocommerce-checkout form.checkout label:has(input[type="checkbox"]),
.woocommerce-checkout form.checkout label:has(input[type="radio"]),
.woocommerce-checkout form.checkout .save-details label,
.woocommerce-checkout form.checkout [class*="woopay"] label,
.woocommerce-checkout form.checkout [class*="wcpay"] label{
  text-transform:none !important; letter-spacing:0 !important; font-size:14px !important; color:#4d4a44 !important;
}
.woocommerce-checkout form.checkout input.input-text:not(.phone-input),
.woocommerce-checkout form.checkout select,
.woocommerce-checkout form.checkout textarea{
  font-family:"Courier New",Courier,monospace !important;
  border:1px solid #d7d4cb !important; border-radius:0 !important;
  background:#fff !important; color:#141414 !important; padding:11px 12px !important;
}
.woocommerce-checkout form.checkout input.input-text:not(.phone-input):focus,
.woocommerce-checkout form.checkout select:focus,
.woocommerce-checkout form.checkout textarea:focus{
  border-color:#141414 !important; outline:2px solid #FFD707 !important; outline-offset:0 !important;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table{
  border:1px solid #e4e2db !important;
  border-top:3px solid #FFD707 !important;
  background:#fff;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table th{
  font-size:12px !important; text-transform:uppercase; letter-spacing:.1em;
  color:#706c63; word-break:normal !important; overflow-wrap:normal !important;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table td{
  font-size:15px !important; word-break:normal !important; overflow-wrap:normal !important;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total td,
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total th{
  font-weight:700; color:#141414;
}
.woocommerce-checkout #payment{
  background:#faf9f6 !important; border:1px solid #e4e2db !important; border-radius:0 !important;
}
.woocommerce-checkout #place_order{
  font-family:"Courier New",Courier,monospace !important; font-weight:700 !important;
  font-size:15px !important; letter-spacing:.02em;
  background:#141414 !important; color:#fff !important;
  border:1px solid #141414 !important; border-radius:0 !important;
  padding:16px 22px !important;
  transition:background .15s,color .15s;
}
.woocommerce-checkout #place_order:hover{
  background:#FFD707 !important; border-color:#FFD707 !important; color:#141414 !important;
}
.woocommerce-checkout form.checkout_coupon input#coupon_code{
  font-family:"Courier New",Courier,monospace !important;
  border:1px solid #d7d4cb !important; border-radius:0 !important;
  background:#fff !important; color:#141414 !important; padding:10px 12px !important;
}
.woocommerce-checkout form.checkout_coupon button.button{
  font-family:"Courier New",Courier,monospace !important; font-weight:700 !important;
  font-size:13px !important; background:#141414 !important; color:#fff !important;
  border:1px solid #141414 !important; border-radius:0 !important;
  transition:background .15s,color .15s;
}
.woocommerce-checkout form.checkout_coupon button.button:hover{
  background:#FFD707 !important; border-color:#FFD707 !important; color:#141414 !important;
}

/* [Add-on 12] Place-order face lift + free-cart Download Now flow */
.woocommerce-checkout #payment{ padding:26px !important; }
.woocommerce-checkout #place_order{
  display:block !important; width:100% !important; box-sizing:border-box;
  background:#FFD707 !important; color:#141414 !important; border:1px solid #FFD707 !important;
  font-size:17px !important; padding:18px 24px !important; letter-spacing:.04em;
  margin-top:14px;
}
.woocommerce-checkout #place_order:hover{
  background:#141414 !important; color:#fff !important; border-color:#141414 !important;
}
#ck-download-now{
  display:inline-block; font-family:"Courier New",Courier,monospace; font-weight:700;
  font-size:15px; letter-spacing:.03em; background:#FFD707; color:#141414;
  border:1px solid #FFD707; padding:13px 20px; margin:6px 0 0; cursor:pointer;
  transition:background .15s,color .15s,border-color .15s;
}
#ck-download-now:hover{ background:#141414; border-color:#141414; color:#fff; }
@media (max-width:600px){
  #ck-download-now{ display:block; width:100%; box-sizing:border-box; }
}

/* [Add-on 13] Order/download button above the newsletter signup */
.woocommerce-checkout #payment .form-row.place-order{
  display:flex; flex-direction:column;
}
.woocommerce-checkout #payment .form-row.place-order #place_order{
  order:-1;
  margin:0 0 18px !important;
}

/* [Add-on 14] Button row above the WooPay save box */
.woocommerce-checkout #payment{ display:flex; flex-direction:column; }
.woocommerce-checkout #payment > *{ order:1; }
.woocommerce-checkout #payment > .form-row.place-order{ order:2; }
.woocommerce-checkout #payment > .woopay-save-new-user-container{ order:3; }

/* [Add-on 15] Even padding in the payment box */
.woocommerce-checkout #payment{ padding:28px !important; }
.woocommerce-checkout #payment > .form-row.place-order{ margin:0 !important; padding:0 !important; }
.woocommerce-checkout #payment > .woopay-save-new-user-container{ margin:18px 0 0 !important; }
.woocommerce-checkout #payment ul.wc_payment_methods{ margin:0 0 18px !important; padding:0 !important; }
.woocommerce-checkout #payment > .form-row.place-order > :last-child{ margin-bottom:0 !important; }
.woocommerce-checkout #payment > .woopay-save-new-user-container :last-child{ margin-bottom:0 !important; }

/* [Add-on 16] Footer: tighten top & bottom space */
footer.site-footer{ padding-top:8px !important; padding-bottom:8px !important; }
footer.site-footer .widget-area{ margin-bottom:0 !important; }
#ck-footer{ padding-top:36px !important; padding-bottom:10px !important; }
#ck-footer .base{ margin-top:30px !important; padding-top:14px !important; }

/* [Add-on 17] Contact page — house style */
.page-id-110 .jetpack-contact-form-container::before{
  content:"[ contact ]"; display:block;
  font-family:"Courier Prime","Courier New",monospace;
  font-size:11px; font-weight:700; letter-spacing:.2em; text-transform:uppercase;
  color:#8b877d; margin-bottom:10px;
}
.page-id-110 .jetpack-contact-form-container > form::before,
.page-id-110 .jetpack-contact-form-container > div::before{
  content:"Say hello."; display:block;
  font-family:"Courier Prime","Courier New",monospace;
  font-size:30px; font-weight:700; letter-spacing:-.01em; color:#141414;
  margin:0 0 28px;
}
.page-id-110 .grunion-field-label{
  font-size:11px !important; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:#706c63 !important; margin-bottom:6px;
}
.page-id-110 .grunion-field-label span{
  font-size:10px; letter-spacing:.08em; color:#9a978e; text-transform:none;
}
.page-id-110 .contact-form input[type="text"],
.page-id-110 .contact-form input[type="email"],
.page-id-110 .contact-form input[type="tel"],
.page-id-110 .contact-form select,
.page-id-110 .contact-form textarea{
  font-family:"Courier Prime","Courier New",monospace !important;
  font-size:15px;
  border:1px solid #d7d4cb !important; border-radius:0 !important;
  background:#fff !important; color:#141414 !important;
  padding:12px 13px !important;
}
.page-id-110 .contact-form input:focus,
.page-id-110 .contact-form select:focus,
.page-id-110 .contact-form textarea:focus{
  border-color:#141414 !important; outline:2px solid #FFD707 !important; outline-offset:0 !important;
}
.page-id-110 .contact-form button[type="submit"],
.page-id-110 .contact-form .wp-block-button__link{
  font-family:"Courier Prime","Courier New",monospace !important; font-weight:700 !important;
  font-size:14px !important; letter-spacing:.03em;
  background:#141414 !important; background-image:none !important;
  color:#fff !important; border:1px solid #141414 !important; border-radius:0 !important;
  padding:14px 24px !important;
  transition:background .15s,color .15s,border-color .15s;
}
.page-id-110 .contact-form button[type="submit"]:hover,
.page-id-110 .contact-form .wp-block-button__link:hover{
  background:#FFD707 !important; border-color:#FFD707 !important; color:#141414 !important;
}
.page-id-110 .wp-block-jetpack-contact-info{
  border-top:1px solid #e0ddd4; margin-top:40px; padding-top:22px;
  font-size:14px; line-height:1.8; color:#4d4a44;
}
.page-id-110 .wp-block-jetpack-contact-info em{ font-style:normal; }
.page-id-110 figure.wp-block-image{ margin-top:36px; }
.page-id-110 figure.wp-block-image img{ border:1px solid #e0ddd4; }

/* [Add-on 18] Shop page — by-collection carousels */
#ck-shop{--paper:#f1f0ec;--card:#fff;--ink:#141414;--ink2:#4d4a44;--mut:#8b877d;--line:#e0ddd4;--acc:#FFD707;--pink:#D63A70;font-family:"Courier Prime","Courier New",Courier,monospace;color:var(--ink);max-width:1280px;margin:0 auto;padding:4px 24px 56px;box-sizing:border-box;}
#ck-shop *{box-sizing:border-box;}
#ck-shop .mast{margin:0 0 44px;}#ck-shop .eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--mut);}
#ck-shop .mast h2{font-size:34px;font-weight:700;letter-spacing:-.01em;margin:10px 0 0;}#ck-shop .mast p{color:var(--ink2);margin:12px 0 0;max-width:58ch;font-size:14px;line-height:1.7;}
#ck-shop .row{margin:0 0 48px;}#ck-shop .row__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:12px;margin-bottom:22px;border-bottom:1px solid var(--ink);}
#ck-shop .row__super{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);}#ck-shop .row__title{font-size:16px;font-weight:700;margin-top:6px;}#ck-shop .row__count{color:var(--mut);font-size:12px;font-weight:400;}
#ck-shop .row__nav{display:flex;gap:8px;flex:none;}#ck-shop .arw{width:36px;height:36px;border:1px solid var(--line);background:var(--card);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink);transition:.15s;padding:0;}
#ck-shop .arw:hover{background:var(--ink);color:#fff;border-color:var(--ink);}#ck-shop .arw:disabled{opacity:.28;cursor:default;background:var(--card);color:var(--ink);border-color:var(--line);}#ck-shop .arw svg{width:15px;height:15px;}
#ck-shop .track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none;}#ck-shop .track::-webkit-scrollbar{display:none;}
#ck-shop .card{flex:0 0 256px;scroll-snap-align:start;text-decoration:none;color:inherit;display:block;}#ck-shop .card__img{position:relative;aspect-ratio:1/1;background:var(--card);border:1px solid var(--line);overflow:hidden;}
#ck-shop .card__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease;}#ck-shop .card:hover .card__img img{transform:scale(1.045);}
#ck-shop .card__tag{position:absolute;top:10px;left:10px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--acc);color:var(--ink);padding:3px 8px;}#ck-shop .card__tag--free{background:var(--ink);color:#fff;}
#ck-shop .card__name{font-size:14px;font-weight:700;margin:13px 0 3px;line-height:1.25;}#ck-shop .card__price{font-size:13px;color:var(--ink2);}#ck-shop .card__price del{color:var(--mut);margin-right:8px;}#ck-shop .card__price ins{text-decoration:none;color:var(--pink);}
#ck-shop .state{color:var(--mut);font-size:13px;padding:48px 0;}
@media(max-width:640px){#ck-shop{padding:4px 16px 44px;}#ck-shop .mast h2{font-size:26px;}#ck-shop .row__nav{display:none;}#ck-shop .card{flex-basis:72vw;max-width:300px;}#ck-shop .track{scroll-snap-type:x mandatory;}}
.woocommerce-shop .woocommerce-products-header,.woocommerce-shop .woocommerce-result-count,.woocommerce-shop .woocommerce-ordering,.woocommerce-shop ul.products,.woocommerce-shop nav.woocommerce-pagination{display:none !important;}

/* [Add-on 19] Shop — tighten space before the footer */
#ck-shop{ padding-bottom:8px !important; }
.woocommerce-shop main.site-main{ padding-bottom:10px !important; }
/* [Add-on 20] Shop — hide the "Home / Shop" breadcrumb */
.woocommerce-shop .woocommerce-breadcrumb{ display:none !important; }

/* ============================================================
   CK — Add-on 21 · Single PRODUCT page (all /product/ pages)
   Scoped to body.single-product → only WooCommerce product-template
   pages. Synth hero Pages (/moo-osc/, /dem-osc/…) are untouched.
   ============================================================ */
body.single-product{
  --p-ink:#141414; --p-ink2:#4d4a44; --p-mut:#8b877d;
  --p-line:#e6e3dc; --p-line2:#d7d4cb; --p-paper:#f5f3ee;
  --p-acc:#FFD707; --p-pink:#D63A70;
  --p-head:104px;                 /* header clearance; JS refines it live */
}
body.single-product article.responsive-max-width{
  max-width:1120px !important; padding-top:var(--p-head); padding-bottom:8px;
}
@media (max-width:1180px){ body.single-product article.responsive-max-width{ padding-left:26px; padding-right:26px; } }
body.single-product .woocommerce-notices-wrapper{ margin-top:0; }

body.single-product nav.woocommerce-breadcrumb{
  font-family:"Courier Prime","Courier New",monospace;
  font-size:11px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--p-mut); margin:0 0 34px; padding:0;
}
body.single-product nav.woocommerce-breadcrumb a{ color:var(--p-ink2); text-decoration:none; transition:color .15s; }
body.single-product nav.woocommerce-breadcrumb a:hover{ color:var(--p-ink); }

body.single-product div.product{
  display:grid !important; grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);
  gap:14px 60px; align-items:start;
}
body.single-product div.product > .woocommerce-product-gallery,
body.single-product div.product > .summary{ float:none !important; width:auto !important; margin:0 !important; padding:0 !important; }
body.single-product div.product > .woocommerce-tabs,
body.single-product div.product > .related,
body.single-product div.product > .up-sells,
body.single-product div.product > .woocommerce-product-gallery + .clear,
body.single-product div.product > .clear{ grid-column:1 / -1; }

body.single-product .woocommerce-product-gallery{ position:sticky; top:calc(var(--p-head) - 20px); }
body.single-product .woocommerce-product-gallery__wrapper{ margin:0; }
body.single-product .woocommerce-product-gallery__image{ border:1px solid var(--p-line); background:#fff; overflow:hidden; }
body.single-product .woocommerce-product-gallery__image img{ display:block; width:100%; height:auto; }
body.single-product .woocommerce-product-gallery__trigger{
  top:14px !important; right:14px !important; width:38px; height:38px;
  border:1px solid var(--p-line2); background:rgba(255,255,255,.94); border-radius:0;
  display:flex; align-items:center; justify-content:center; padding:0; box-shadow:none;
  transition:background .15s,border-color .15s;
}
body.single-product .woocommerce-product-gallery__trigger:hover{ background:var(--p-ink); border-color:var(--p-ink); }
body.single-product .woocommerce-product-gallery__trigger:hover img{ filter:invert(1); }
body.single-product .flex-control-thumbs{ margin:14px 0 0; display:flex; gap:10px; padding:0; }
body.single-product .flex-control-thumbs li{ width:auto; margin:0; list-style:none; }
body.single-product .flex-control-thumbs li img{ border:1px solid var(--p-line); width:66px; height:66px; object-fit:cover; opacity:.7; }
body.single-product .flex-control-thumbs li img.flex-active,
body.single-product .flex-control-thumbs li img:hover{ opacity:1; border-color:var(--p-ink); }

body.single-product .summary.entry-summary{ padding:2px 0 0 !important; }
body.single-product .ck-eyebrow{
  font-family:"Courier Prime","Courier New",monospace; font-size:11px; font-weight:700;
  letter-spacing:.2em; text-transform:uppercase; color:var(--p-mut); margin:0 0 14px;
}
body.single-product .product_title.entry-title{
  font-size:clamp(26px,3.1vw,40px); font-weight:700; line-height:1.08; letter-spacing:-.02em;
  color:var(--p-ink); margin:0 0 20px !important; padding:0;
}
body.single-product .summary > .price,
body.single-product .summary p.price{
  font-family:"Courier Prime","Courier New",monospace; font-size:23px; font-weight:400;
  color:var(--p-ink); margin:0 0 24px; padding-bottom:24px; border-bottom:1px solid var(--p-line);
}
body.single-product .summary > .price del{ color:var(--p-mut); font-size:18px; margin-right:12px; opacity:1; }
body.single-product .summary > .price ins{ text-decoration:none; color:var(--p-pink); }
body.single-product .woocommerce-product-details__short-description{ color:var(--p-ink2); font-size:15px; line-height:1.78; margin:0 0 28px; }
body.single-product .woocommerce-product-details__short-description p{ margin:0 0 12px; }
body.single-product .woocommerce-product-details__short-description p:last-child{ margin-bottom:0; }
body.single-product .summary .stock{
  font-family:"Courier Prime","Courier New",monospace; font-size:12px; letter-spacing:.06em;
  text-transform:uppercase; color:var(--p-mut); margin:0 0 18px;
}
body.single-product .summary .stock.in-stock::before{ content:"● "; color:#5a8f5a; }
body.single-product .summary .stock.out-of-stock{ color:var(--p-pink); }

body.single-product form.cart{ display:flex !important; gap:12px; align-items:stretch; flex-wrap:wrap; margin:0 0 22px !important; }
body.single-product form.cart .quantity{ flex:0 0 auto; margin:0 !important; }
body.single-product form.cart .quantity .qty{
  width:80px; height:56px; border:1px solid var(--p-line2) !important; background:#fff;
  font-family:"Courier Prime","Courier New",monospace; font-size:16px; text-align:center;
  color:var(--p-ink); border-radius:0 !important; -moz-appearance:textfield;
}
body.single-product form.cart .quantity .qty:focus{ outline:none; border-color:var(--p-ink) !important; }
body.single-product .woocommerce div.product form.cart .button,
body.single-product form.cart .single_add_to_cart_button{
  flex:1 1 auto; min-width:210px; height:56px; padding:0 26px !important;
  background:var(--p-ink) !important; color:#fff !important; border:1px solid var(--p-ink) !important; border-radius:0 !important;
  font-family:"Courier Prime","Courier New",monospace !important; font-weight:700 !important; font-size:13px !important;
  letter-spacing:.16em; text-transform:uppercase; cursor:pointer; opacity:1 !important; text-shadow:none !important;
  transition:background .18s,color .18s,box-shadow .18s,transform .05s; box-shadow:5px 5px 0 rgba(255,215,7,0);
}
body.single-product form.cart .single_add_to_cart_button:hover{ background:#fff !important; color:var(--p-ink) !important; box-shadow:5px 5px 0 var(--p-acc); }
body.single-product form.cart .single_add_to_cart_button:active{ transform:translate(2px,2px); box-shadow:2px 2px 0 var(--p-acc); }

body.single-product .wcpay-express-checkout-wrapper,
body.single-product .wc-block-components-express-payment,
body.single-product .ppc-button-wrapper{ max-width:100%; margin-top:14px !important; }
body.single-product .wcpay-express-checkout-wrapper{ position:relative; padding-top:26px; margin-top:24px !important; border-top:1px solid var(--p-line); }
body.single-product .wcpay-express-checkout-wrapper::before{
  content:"[ or ]"; position:absolute; top:-9px; left:50%; transform:translateX(-50%);
  background:#fff; padding:0 12px; font-family:"Courier Prime",monospace; font-size:10px; letter-spacing:.18em; color:var(--p-mut);
}

body.single-product .product_meta{
  margin:30px 0 0; padding:24px 0 0; border-top:1px solid var(--p-line);
  font-family:"Courier Prime","Courier New",monospace; font-size:12px; line-height:2.05; color:var(--p-mut);
}
body.single-product .product_meta > span{ display:block; letter-spacing:.03em; }
body.single-product .product_meta .sku_wrapper,
body.single-product .product_meta .posted_in,
body.single-product .product_meta .tagged_as{ text-transform:uppercase; letter-spacing:.09em; }
body.single-product .product_meta a{ color:var(--p-ink2); text-decoration:none; text-transform:none; letter-spacing:0; }
body.single-product .product_meta a:hover{ color:var(--p-ink); text-decoration:underline; text-underline-offset:3px; }

body.single-product .woocommerce-tabs{ margin-top:72px; }
body.single-product .woocommerce-tabs ul.tabs{
  padding:0 !important; margin:0 !important; list-style:none; display:flex; flex-wrap:wrap; gap:0;
  border-bottom:1px solid var(--p-ink) !important;
}
body.single-product .woocommerce-tabs ul.tabs::before,
body.single-product .woocommerce-tabs ul.tabs::after{ display:none !important; }
body.single-product .woocommerce-tabs ul.tabs li{ background:none !important; border:0 !important; border-radius:0 !important; margin:0 !important; padding:0 !important; }
body.single-product .woocommerce-tabs ul.tabs li::before,
body.single-product .woocommerce-tabs ul.tabs li::after{ display:none !important; }
body.single-product .woocommerce-tabs ul.tabs li a{
  display:block; padding:14px 22px !important; margin-bottom:-1px;
  font-family:"Courier Prime","Courier New",monospace; font-size:12px; font-weight:700 !important;
  letter-spacing:.13em; text-transform:uppercase; color:var(--p-mut) !important; border-bottom:2px solid transparent; text-shadow:none;
}
body.single-product .woocommerce-tabs ul.tabs li a:hover{ color:var(--p-ink) !important; }
body.single-product .woocommerce-tabs ul.tabs li.active a{ color:var(--p-ink) !important; border-bottom-color:var(--p-acc); }
body.single-product .woocommerce-Tabs-panel{ padding-top:30px; font-size:15px; line-height:1.78; color:var(--p-ink2); }
body.single-product .woocommerce-Tabs-panel > h2:first-child{ position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
body.single-product .woocommerce-Tabs-panel p{ margin:0 0 14px; }
body.single-product .woocommerce-Tabs-panel .jp-relatedposts,
body.single-product #jp-relatedposts{ display:none !important; }

body.single-product table.shop_attributes,
body.single-product .woocommerce-product-attributes{ width:100%; border-collapse:collapse; font-family:"Courier Prime","Courier New",monospace; font-size:14px; margin:0; }
body.single-product table.shop_attributes th,
body.single-product table.shop_attributes td{ border:1px solid var(--p-line) !important; padding:13px 18px !important; text-align:left; background:none; }
body.single-product table.shop_attributes th{ background:var(--p-paper); color:var(--p-ink); font-weight:700; width:180px; text-transform:uppercase; letter-spacing:.06em; font-size:12px; }
body.single-product table.shop_attributes td{ color:var(--p-ink2); }
body.single-product table.shop_attributes p{ margin:0; }

body.single-product #reviews .comment-reply-title,
body.single-product #reviews #comments > h2{ font-size:16px; font-weight:700; color:var(--p-ink); }
body.single-product #review_form input[type=text],
body.single-product #review_form input[type=email],
body.single-product #review_form textarea{
  border:1px solid var(--p-line2) !important; border-radius:0 !important; background:#fff;
  font-family:"Courier Prime","Courier New",monospace; padding:12px 14px;
}
body.single-product #review_form input:focus,
body.single-product #review_form textarea:focus{ outline:none; border-color:var(--p-ink) !important; }
body.single-product #review_form #submit{
  background:var(--p-ink) !important; color:#fff !important; border:1px solid var(--p-ink) !important; border-radius:0 !important;
  font-family:"Courier Prime",monospace !important; font-weight:700 !important; letter-spacing:.14em; text-transform:uppercase;
  font-size:12px !important; padding:13px 24px !important;
}
body.single-product #review_form #submit:hover{ background:#fff !important; color:var(--p-ink) !important; }

body.single-product .related.products,
body.single-product .up-sells.products{ margin-top:80px; }
body.single-product .related.products > h2,
body.single-product section.related > h2,
body.single-product .up-sells > h2{
  font-size:16px; font-weight:700; letter-spacing:.01em; color:var(--p-ink);
  padding-bottom:13px; margin:0 0 28px; border-bottom:1px solid var(--p-ink);
}
body.single-product .related.products > h2::before,
body.single-product section.related > h2::before{
  content:"[ more from the studio ]"; display:block; font-size:10px; font-weight:700;
  letter-spacing:.2em; text-transform:uppercase; color:var(--p-mut); margin-bottom:9px;
}
body.single-product .related ul.products,
body.single-product .up-sells ul.products{
  display:grid !important; grid-template-columns:repeat(4,1fr); gap:24px 20px;
  list-style:none; margin:0 !important; padding:0 !important;
}
body.single-product .related ul.products::before,
body.single-product .related ul.products::after{ display:none !important; }
body.single-product .related ul.products li.product,
body.single-product .up-sells ul.products li.product{
  width:auto !important; margin:0 !important; padding:0 !important; float:none !important; text-align:left !important;
  display:flex !important; flex-direction:column;
}
body.single-product .related li.product > a:first-child,
body.single-product .up-sells li.product > a:first-child{ display:block; }
body.single-product .related li.product .button,
body.single-product .related li.product .added_to_cart,
body.single-product .up-sells li.product .button{ margin-top:auto !important; align-self:flex-start; }
body.single-product .related li.product > a img,
body.single-product .up-sells li.product > a img{
  border:1px solid var(--p-line); aspect-ratio:1/1; object-fit:cover; width:100%; height:auto;
  margin:0 0 13px !important; transition:transform .45s ease;
}
body.single-product .related li.product:hover > a img{ transform:scale(1.04); }
body.single-product .related li.product .woocommerce-loop-product__title,
body.single-product .up-sells li.product .woocommerce-loop-product__title{
  font-size:14px !important; font-weight:700 !important; color:var(--p-ink); padding:0 !important; margin:0 0 4px !important; line-height:1.3;
}
body.single-product .related li.product .price,
body.single-product .up-sells li.product .price{ font-size:13px !important; color:var(--p-ink2) !important; margin:0; }
body.single-product .related li.product .price del{ color:var(--p-mut); margin-right:7px; }
body.single-product .related li.product .price ins{ text-decoration:none; color:var(--p-pink); }
body.single-product .related li.product .button,
body.single-product .up-sells li.product .button{
  display:inline-block; margin-top:11px !important; padding:8px 14px !important;
  font-family:"Courier Prime","Courier New",monospace !important; font-size:11px !important; font-weight:700 !important;
  letter-spacing:.1em; text-transform:uppercase; background:#fff !important; color:var(--p-ink) !important;
  border:1px solid var(--p-line2) !important; border-radius:0 !important; box-shadow:none !important; min-width:0;
}
body.single-product .related li.product .button:hover,
body.single-product .up-sells li.product .button:hover{ background:var(--p-ink) !important; color:#fff !important; border-color:var(--p-ink) !important; }
body.single-product .related li.product .added_to_cart{
  display:inline-block; margin-top:8px; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--p-pink); text-decoration:none;
}

@media (max-width:900px){
  body.single-product div.product{ grid-template-columns:1fr; gap:30px; }
  body.single-product .woocommerce-product-gallery{ position:static; top:auto; }
  body.single-product .related ul.products,
  body.single-product .up-sells ul.products{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:640px){
  body.single-product article.responsive-max-width{ padding-left:18px; padding-right:18px; }
  body.single-product form.cart .single_add_to_cart_button{ min-width:0; width:100%; }
  body.single-product .woocommerce-tabs{ margin-top:48px; }
  body.single-product .woocommerce-tabs ul.tabs li a{ padding:12px 15px !important; font-size:11px; }
  body.single-product .related.products{ margin-top:56px; }
}

/* menu: show only the "i am" logo image, hide its text label */
.menu-item-6316 > a > span{ display:none !important; }
.menu-item-6316 > a > img{ margin:0 !important; }

/* "I am" menu item: logo only (no text), sized cleanly */
.menu-item-6316 > a > span{ display:none !important; }
.menu-item-6316 > a > img{
  height:20px !important;   /* logo height — change to taste (was 13px) */
  width:auto !important; max-width:none !important; margin:0 !important;
  vertical-align:middle;
}