/*
Theme Name: BiaronQHicks Custom Theme
Author: Slothifer
Description: A custom WooCommerce theme with neon/cyan styling and mobile-first layout.
Version: 1.0.0
Text Domain: biaronqhicks
Tags: custom-colors, custom-logo, custom-menu, e-commerce, one-column, two-columns, responsive-layout
*/

:root{
--shop-header-gap: 112px;
--shop-max-width: 1100px;
--shop-grid-max-width: 860px;
--shop-gap: 20px;
--panel-pad: 24px;
--cyan: #00ffff;
--cyan10: rgba(0, 255, 255, 0.10);
--cyan25: rgba(0, 255, 255, 0.25);
}


*,*::before,*::after{ box-sizing:border-box; }
html{ line-height:1.4; height:auto; min-height:100%; }
body{ margin:0; color:#0ff; overflow-x:hidden; background:url('assets/background/background.webp') no-repeat center/cover fixed; min-height:100vh; position:relative; z-index:0; }


/* Gutenberg wrappers */
.wp-block-cover, .wp-block-cover.alignfull, .wp-block-columns, .wp-block-group, .wp-block-cover__inner-container, .wp-block-column{ background:transparent; box-shadow:none; border:0; }
.wp-block-cover .wp-block-cover__inner-container, .wp-block-columns .wp-block-column{ background:rgba(0,0,0,.40); color:#0ff; padding:2rem; border-radius:10px; }


#background-overlay{ position:fixed; inset:0; background:rgba(0,0,0,.60); pointer-events:none; z-index:1; }
header, .site-header, nav, #page, .site, main, #content, .site-content, footer, #colophon{ position:relative; z-index:3; }
body::before, body.post-type-archive-product::before, body.tax-product_cat::before, body.tax-product_tag::before, body.single-product::before{ content:none !important; }


h1{ font-size:clamp(32px,5vw,85px); }
h2{ font-size:clamp(24px,3.2vw,48px); color:#0ff; text-shadow:0 0 5px #0ff; }


/* === Section blocks === */
section{ min-width:90vw; max-width:900px; margin:2rem auto; padding:4rem 2rem; display:flex; flex-direction:column; align-items:center; text-align:center; background:rgba(255,255,255,.15); box-shadow:0 0 20px rgba(0,255,255,.75); border-radius:10px; }
/* Homepage override: wider sections */
.home section{ max-width:1600px; min-height:800px; }


/* About section font adjustments */
#about, .about-section, section#about p { font-size:24px; white-space:normal; text-align:center; }


header{text-align:center; color:#0ff; text-shadow:0 0 10px #0ff; }
nav ul{ list-style:none; display:flex; justify-content:center; gap:2rem; margin:.5rem 0 0; padding:0; }
nav a{ font-size: 36px; color:#0ff; font-weight:700; text-decoration:none; padding:.2rem; transition:.3s; }
nav a:hover{ color:#0ff; text-shadow:0 0 8px rgb(0, 195, 255),0 0 15px #0ff; }


#rain{ position:fixed; inset:0; pointer-events:none; z-index:2; overflow:hidden; }
#rain .raindrop{ position:absolute; top:-10vh; width:2px; height:16px; border-radius:1px; background:rgba(168,180,192,.45); box-shadow:0 0 6px rgba(216,224,232,.25); animation:fall 2.2s linear infinite; }
@keyframes fall{ 0%{ transform:translate(-8px,-10vh); opacity:.95 } 100%{ transform:translate(8px,110vh); opacity:.35 } }


.woocommerce .site-main, .woocommerce #woocommerce-wrapper{ max-width:var(--shop-max-width); margin-inline:auto; }
.woocommerce-message, .woocommerce-error, .woocommerce-info{ background:rgba(0,0,0,.6); border:1px solid var(--cyan25); padding:10px 14px; border-radius:10px; }


.woocommerce ul.products{ display:grid; grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); gap:clamp(12px, 2vw, 24px); padding:2rem 0; margin:8px auto; list-style:none; justify-items:center; clear:both; }
.woocommerce ul.products li.product{ background:rgba(0,0,0,.55); border:1px solid var(--cyan10); border-radius:14px; padding:16px; display:flex; flex-direction:column; transition: box-shadow .25s, transform .25s; max-width:320px; width:100%; }
.woocommerce ul.products li.product img{ width:100%; height:auto; border-radius:12px; box-shadow:0 0 15px rgba(0,255,255,.5); transition: transform .25s, box-shadow .25s; }
.woocommerce ul.products li.product:hover{ box-shadow:0 0 0 2px var(--cyan10), 0 0 24px var(--cyan10) inset; transform:translateY(-1px); }


.woocommerce ul.products li.product h2.woocommerce-loop-product__title{ font-size:1rem; line-height:1.3; min-height:2.6em; }
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price{ color:#0ff; font-size:1.2rem; text-shadow:0 0 5px #000; }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .single-product .single_add_to_cart_button{ background:#000; color:var(--cyan); border:1px solid var(--cyan); border-radius:10px; text-transform:uppercase; font-weight:700; letter-spacing:.02em; transition:.2s; }
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .single-product .single_add_to_cart_button:hover{ background:var(--cyan); color:#000; box-shadow:0 0 0 2px var(--cyan); }


.post-type-archive-product .woocommerce{ background:rgba(0,0,0,.55); border:1px solid var(--cyan25); border-radius:14px; box-shadow:0 0 20px rgba(0,255,255,.2); padding:clamp(16px,3vw,32px); margin: clamp(24px,6vw,64px) auto clamp(28px,5vw,56px); max-width:1200px; }
.post-type-archive-product .woocommerce-products-header .page-title{ text-align:center; margin:0 0 .75rem; color:#0ff; }


.post-type-archive-product .woocommerce-result-count, .post-type-archive-product .woocommerce-ordering{ float:none; display:inline-block; margin:0 .5rem 1rem; line-height:40px; }
.post-type-archive-product .woocommerce-ordering select{ height:40px; padding:0 .75rem; border:1px solid var(--cyan25); background:transparent; }


.single-product .product{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; max-width:1100px; margin:0 auto; padding:24px; background:rgba(0,0,0,.4); border-radius:12px; box-shadow:0 0 20px rgba(0,255,255,.5); }
@media (max-width:900px){ .single-product .product{ grid-template-columns:1fr; } }
.single-product .product_title{ color:#0ff; text-shadow:0 0 8px #0ff; font-size:2.5rem; margin:0 0 1rem; }
.single-product .woocommerce-Price-amount{ font-size:1.6rem; color:#0ff; text-shadow:0 0 5px #0ff; font-weight:700; }


.woocommerce div.product div.images img, .woocommerce-product-gallery img{ display:block !important; max-width:100% !important; height:auto !important; opacity:1 !important; visibility:visible !important; border:2px solid #0ff; border-radius:12px; background:#000; box-shadow:0 0 20px rgba(0,255,255,.6); }


.single-product .related.products, .single-product .upsells.products{ display:none !important; }


.woocommerce form.checkout{ max-width:960px; margin:0 auto; background:rgba(255,255,255,.03); padding:40px; border-radius:12px; box-shadow:0 0 20px rgba(0,255,255,.2); }
@media (max-width:768px){ .woocommerce form.checkout{ padding:20px; } }


footer, #colophon{ text-align:center; color:cyan; }
.text-center{ text-align:center; }
.hidden{ display:none !important; }


/* OPTIONAL Shop no-scroll */
/* html.post-type-archive-product, body.post-type-archive-product{ overflow:hidden !important; height:100dvh !important; } */


/* About: ensure centered text (uses existing property) */
.home #about p, .home .about-section p { text-align:center; overflow-wrap: anywhere; color: #0ff;}


/* Services section: make list items larger and centered */
.home #services li {display:block; margin:12px auto; padding:14px 18px; border:1px solid var(--cyan25); border-radius:10px; background:rgba(0,0,0,.35); box-shadow:0 0 12px rgba(0,255,255,.25) inset; font-size:24px;}
.home #services { text-align:center; }


/* === HOME: Services section — bigger & centered (minimal changes) === */
.home #services, .home section#services { text-align: center; }
.home #services details, .home #services .services-list { display: inline-block; }
.home #services summary, .home #services li, .home #services a { font-size: 24px; }
.home #services ul { list-style: none; padding: 0; margin: 12px auto; max-width: 720px }


/* HOME: Services & sections restored larger size */
.home section { max-width: 1400px; height: 1400px}
.home #services li a { display:block; text-decoration:none; }

.home #services summary, .home #services li, .home #services a { font-size: 34px; justify-content: center; }
.home section#about, 
.home #about {
	color: #0ff;
	justify-content: center;
}

.home #services > details,
.home #services > ul > li {
  margin:12px auto;
  max-width:720px;
  border:1px solid var(--cyan25);
  border-radius:10px;
  background:rgba(255,255,255,.35);
  box-shadow:0 0 12px rgba(0,255,255,.25) inset;
}

/* Header row + body inside the same box for <details> items */
.home #services > details > summary { padding:14px 18px; cursor:pointer; }
.home #services > details[open] > *:not(summary) {
  padding:0 18px 14px;
  border-top:1px solid var(--cyan25);
}

/* <li> items become single-line cards; link fills the box */
.home #services > ul > li > a { display:block; padding:14px 18px; text-decoration:none; }

.home #services a[href*="contact"]{
  display:inline-block;
  margin:14px auto 0;
  padding:12px 18px;
  border:1px solid var(--cyan25);
  border-radius:10px;
  background: cyan;
  box-shadow:0 0 12px rgba(0, 0, 0, .5) inset;
  font-weight:700;
  text-decoration:none;
  color: #000;
}
.home #services a[href*="contact"]:hover{
  background:rgba(255,255,255,.55);
  box-shadow:0 0 0 2px var(--cyan25), 0 0 16px rgba(0,0,0,.35) inset;
  color:#0ff;
}

.home section#services, .home #services { justify-content: center; }

.home #services > details > summary,
.home #services > ul > li > a,
.home section#services h2,
.home #services h2 { color: var(--cyan); }

.home #services p { color: var(--cyan) !important; text-align: center; font-weight: 700; font-size: 24px; }

.home section#unique, .home #what-sets-us-apart { justify-content: center; color: #0ff; overflow-wrap: anywhere; }

.home #unique p { color: var(--cyan) !important; font-weight: 700; font-size: 24px; overflow-wrap: anywhere; }

.home #unique .inner{
  margin: 10px auto;
  max-width: 680px;
  padding: 12px 16px;
  border: 1px solid var(--cyan25);
  border-radius: 10px;
  background: rgba(0,0,0,.35);
  box-shadow: 0 0 10px rgba(0,0,255,.20) inset;
}

#music {
	justify-content: center;
}

#music p {
	font-size: 32px;
	color: #0ff;
}

.home #music a img[src$=".svg"]:hover,
.home #music a img[src$=".png" i]:hover,
.home #social-media a img[src$=".svg"]:hover,
.home #social-media a img[src$=".png" i]:hover {
  filter: drop-shadow(0 0 6px rgba(0,255,255,.60))
          drop-shadow(0 0 14px rgba(0,255,255,.40));
  box-shadow: none;
}

.home #social-media .my-media { justify-content:center; }

.home #social-media p {
	font-size: 32px;
	color: #0ff;
	font-weight: 700;
}

.home #contact label { font-size:24px; }
.home #contact input,
.home #contact select,
.home #contact textarea { font-size:20px; padding:12px 14px; text-align: center;}
.home #contact .glow-button { font-size:20px; padding:12px 18px; }

.home #contact form { display:flex; flex-direction:column; gap:12px; max-width: 900px; align-self: center; width: 100%; }
.home #contact label { display:block; color: #0ff;}
.home #contact input,
.home #contact select,
.home #contact textarea { width:100%; }

.home #contact #name,
.home #contact #email,
.home #contact #reason { max-width: 450px; align-self: center;}

.home #contact #message { max-width: 450px; height: 250px; align-self: center; }

.home #contact .glow-button {
  font-size:16px;
  padding:8px 14px;
  background: var(--cyan);
  color:#000;
  border:1px solid var(--cyan);
  width: 250px;
  align-self: center;
  margin-top: 20px;
  border-radius: 12px;
}

.home #contact .glow-button:hover {
  background:#000;
  color: var(--cyan);
}

.home #contact #contact-info p {
  font-size: 20px;      /* pick your size */
  color: var(--cyan);
}

body.post-type-archive-product ul.products li.product,
body.tax-product_cat ul.products li.product,
body.tax-product_tag ul.products li.product {
  background: rgba(0,0,0,.35);
  border: 1px solid var(--cyan25);
  border-radius: 12px;
  align-self: center;
  justify-content: center;
  box-shadow: 0 0 12px rgba(0,255,255,.25) inset;
  text-align: center;
  color: #0ff;
}

body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
  :is(#woocommerce-wrapper, .woocommerce, .site-main) {
  max-width: 1600px;
  height: 800px;
  margin-top: 24px;
  background: rgba(255,255,255,.25);
  align-self: center;
  justify-content: center;
  justify-items: center;
  border: 1px solid var(--cyan25);
  border-radius: 12px;
  box-shadow: 0 0 12px rgba(0,255,255,.25) inset;
  text-align: center;
  overflow: hidden; /* contains floats if your theme uses them */
  grid-template-columns: repeat(4, 1fr);
  

}

/* Center the grid/list itself */
body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag) ul.products {
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  justify-items: center;   /* if theme uses flex */
  display: grid;    /* if theme uses CSS grid */
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 24px;
  font-size: 24px;

}

body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag) ul.products::before,
body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag) ul.products::after {
  content: none !important;
  display: none !important;
}

/* Overlay hidden by default; visible when cart is open */
#side-cart-overlay { display:none; position:fixed; inset:0; z-index:9998; }
body.cart-open #side-cart-overlay { display:block; }

/* Drawer */
/* Overlay: dim page behind the drawer */
#side-cart-overlay{
  position:fixed; inset:0; z-index:9998;
  display:none;                           /* shown when body.cart-open */
  background: rgba(0,0,0,.45);
  backdrop-filter: blur(2px);
}
.cart-open #side-cart-overlay{ display:block; }

/* Drawer: solid panel (no transparency) */

h3#side-cart-title {
	display: flex;
	justify-content: center;
}

#side-cart{
  position:fixed; top:0; right:0; height:100vh; width:360px; max-width:90vw;
  transform: translateX(100%); transition: transform .3s ease; z-index:9999;
  background: #0b0f14;                    /* <- solid, not transparent */
  color: #e6ffff;
  box-shadow: -12px 0 24px rgba(0,0,0,.4);
  border-left: 1px solid rgba(0,255,255,.15);
}
.cart-open #side-cart{ transform: translateX(0); }



.woocommerce-mini-cart__total {
	display: flex;
	justify-content: center;
}

.remove_from_cart_button {
	justify-content: center;
	align-items: self;
	align-content: center;
}

.woocommerce-mini-cart-item.cart_list {
	margin-left: 14px;
	flex-wrap: wrap;
}
/* Header stays solid while scrolling */
#side-cart .side-cart-header{
  position: sticky; top:0;
  background: #0b0f14;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(0,255,255,.15);
}
#side-cart h3{ margin:0; font-size:20px; color: var(--cyan, #00ffff);  }
#side-cart #side-cart-close{ cursor:pointer; background:none; border:0; color:cyan; font-size:20px; }

/* Make Woo mini-cart buttons readable */
#side-cart .widget_shopping_cart .buttons a{
  display:inline-block; padding:10px 14px; margin-right:8px; border-radius:6px;
  text-decoration:none; justify-content: center;
}
#side-cart .widget_shopping_cart .buttons a.button{
  background: var(--cyan, #00ffff); color:#000; border:1px solid var(--cyan, #00ffff);
}
#side-cart .widget_shopping_cart .buttons a.button:hover{
  background:#000; color: var(--cyan, #00ffff);
}
#side-cart .widget_shopping_cart .buttons a.checkout{
  background: transparent; color: var(--cyan, #00ffff); border:1px solid var(--cyan, #00ffff);
}
#side-cart .widget_shopping_cart .buttons a.checkout:hover{
  background:#000; color: var(--cyan, #00ffff);
}

/* Images/text inside mini-cart */
#side-cart .widget_shopping_cart_content a{ color: var(--cyan, #00ffff); }
#side-cart .widget_shopping_cart_content img{ border-radius:6px; }

#side-cart .mini-cart-buttons .mini-cart-button.view-cart {
  display: none !important;
}

#side-cart .mini-cart-buttons {
  display: flex;
  justify-content: center;   /* or: 'stretch' for full width */
  margin-top: 10px;
}

#side-cart .mini-cart-buttons .mini-cart-button.checkout {
	display: none;
}

span.bqh-mini-link {
	flex-wrap: wrap; margin-left: 14px;
}

.widget_shopping_cart .buttons .button.checkout,
#side-cart .widget_shopping_cart .buttons .button.checkout {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border-radius: 10px;
  background: var(--cyan, #00ffff);
  color: #000;
  border: 1px solid var(--cyan, #00ffff);
  text-decoration: none;
  font-weight: 700;
}
.widget_shopping_cart .buttons .button.checkout:hover,
#side-cart .widget_shopping_cart .buttons .button.checkout:hover {
  background: #000;
  color: var(--cyan, #00ffff);
}

/* Side cart: cyan subtotal label + amount */
#side-cart .side-cart-contents .woocommerce-mini-cart__total,
#side-cart .side-cart-contents .woocommerce-mini-cart__total strong {
  color: var(--cyan, #00ffff) !important;
}

/* Line items: "3 × $59.99" and all amounts */
#side-cart .side-cart-contents .quantity,
#side-cart .side-cart-contents .woocommerce-Price-amount,
#side-cart .side-cart-contents .amount {
	margin-left: 12px;
  color: cyan;
}

.side-cart-contents .cart_list {
	margin-left: 14px;
	flex-wrap: wrap;
}

.woocommerce-mini-cart-item {
	
	position: relative;
}


.woocommerce-mini-cart-item a.remove_from_cart_button {
	position: absolute;
	right: 210px;
	top: 55px;
	transform: translateY(10%);
	
}


#floating-cart {
  position: fixed;
  top: 205px;            /* distance from the very top of the page */
  right: 350px;           /* distance from the right edge */
  z-index: 100000;
  
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 999px;
  
  background: #0b0f14;
  border: 1px solid rgba(0, 255, 255, 0.35);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

#floating-cart img {
  width: 40px;
  height: 40px;
  display: block;
}

#floating-cart:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(0,0,0,.45);
  background: #000;
}

/* Icon & badge (optional) */
#floating-cart .fc-count{
  position:absolute; right:-8px; top:-8px;
  min-width:24px; height:24px; line-height:24px;
  padding:0 6px; border-radius:12px;
  background: var(--cyan,#00ffff); color:#000; font-weight:700; font-size:12px;
  border:1px solid rgba(0,0,0,.25);
}

body:is(.tax-product_cat, .tax-product_tag) .woocommerce {
  max-width: var(--shop-max-width);
  margin: clamp(24px,6vw,64px) auto clamp(28px,5vw,56px);
  padding: clamp(16px,3vw,32px);
  background: rgba(0,0,0,.55);
  border: 1px solid var(--cyan25);
  border-radius: 14px;
  box-shadow: 0 0 20px rgba(0,255,255,.2);
}

/* Title centered + cyan */
body:is(.tax-product_cat, .tax-product_tag) .woocommerce-products-header__title.page-title,
body:is(.tax-product_cat, .tax-product_tag) .page-title {
  text-align: center;
  margin: 0 0 .75rem;
  color: var(--cyan, #00ffff);
}

/* Result count / sorting centered on one row */
body:is(.tax-product_cat, .tax-product_tag) .woocommerce-result-count,
body:is(.tax-product_cat, .tax-product_tag) .woocommerce-ordering {
  display: hidden;

}
body:is(.tax-product_cat, .tax-product_tag) .woocommerce-ordering select {
  display: hidden;
}

/* Center the products grid inside the panel */
body:is(.tax-product_cat, .tax-product_tag) ul.products {
  max-width: var(--shop-grid-max-width);
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px,1fr));
  gap: clamp(12px, 2vw, 24px);
  justify-items: center;
  list-style: none;
}

/* Remove Woo's :before/:after clears that can push the grid off-center */
body:is(.tax-product_cat, .tax-product_tag) ul.products::before,
body:is(.tax-product_cat, .tax-product_tag) ul.products::after {
  content: none !important;
  display: none !important;
}

body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
  .woocommerce-result-count,
body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag)
  .woocommerce-ordering {
  display: none !important;
}

/* ===== Global subcategory card styling ===== */
.woocommerce ul.products li.product-category { display: flex; }

.woocommerce-mini-cart__buttons {
	display: flex;
	justify-content: center;
}

.woocommerce ul.products li.product-category > a {
  flex: 1;
  display: block;
  text-align: center;
  padding: 14px;
  border-radius: 16px;
  background: rgba(11, 15, 20, 0.65);
  border: 1px solid var(--cyan10);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .35);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
  text-decoration: none;
}

.woocommerce ul.products li.product-category > a:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px var(--cyan10);
  background: rgba(11, 15, 20, 0.80);
}

.woocommerce ul.products li.product-category img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
}

.woocommerce ul.products li.product-category .woocommerce-loop-category__title {
  margin: 12px 0 0;
  font-weight: 700;
  font-size: 20px;
  color: var(--cyan, #00ffff);
}

.woocommerce ul.products li.product-category .woocommerce-loop-category__title .count {
  background: var(--cyan, #00ffff);
  color: #000;
  border-radius: 999px;
  padding: 0 .45rem;
  margin-left: .4rem;
  font-size: 12px;
}

body.tax-product_cat .add_to_cart_button,
body.tax-product_cat .ajax_add_to_cart,
body.tax-product_cat a.button.product_type_simple,
body.tax-product_cat a.button.product_type_variable,
body.tax-product_cat a.button.product_type_grouped {
  display: none !important;
}

.woocommerce-no-js .woocommerce-product-gallery { 
  opacity: 1 !important;
  visibility: visible !important;
}
.woocommerce-no-js .woocommerce-product-gallery__wrapper {
  transition: none !important;
  transform: none !important;
}
.woocommerce-no-js .woocommerce-product-gallery .flex-control-nav {
  display: block; /* show thumbs in no-JS */
}

/* Extra guard: make sure images themselves are never hidden */
.woocommerce div.product div.images img,
.woocommerce-product-gallery img {
  opacity: 1 !important;
  visibility: visible !important;
}

.single-product .woocommerce-tabs{
  /* if your product page uses a 2-col grid, span both columns */
  grid-column: 1 / -1;
  width: 100%;
  clear: both;                 /* beat themes that still float columns */
  display: flex;
  flex-direction: column;
  align-items: center;         /* center the whole tabs block */
}

/* Center the tab labels */
.single-product .woocommerce-tabs .tabs{
  display: flex !important;
  justify-content: center;
  gap: 10px;
  margin: 0 0 16px;
  border: 0;
}

/* The actual content panels (Description & Reviews) */
.single-product .woocommerce-tabs .panel{
  max-width: var(--shop-max-width, 1100px);
  width: 100%;
  margin: 0 auto 24px;         /* <- center inside container */
  text-align: center;          /* center text within panel */
}

/* If your theme renders #reviews outside the tabs, center it too */
.single-product #reviews{
  max-width: var(--shop-max-width, 1100px);
  width: 100%;
  margin: 24px auto;
  text-align: center;
}

/* Optional: center the panel headings */
.single-product .woocommerce-tabs .panel h2,
.single-product #reviews > .woocommerce-Reviews-title{
  text-align: center;
  margin-top: 0;
}

.single-product .woocommerce-tabs .panel,
.single-product #reviews{
  background: rgba(255, 255, 255,.35);
  border: 1px solid var(--cyan25);
  border-radius: 14px;
  box-shadow: 0 0 20px rgba(0,255,255,.20);
  padding: clamp(16px, 3vw, 32px);
}

.single-product .woocommerce-tabs .panel{
  max-width: var(--shop-max-width, 1100px);
  margin: 0 auto 24px;
  padding: clamp(16px, 3vw, 32px);
  background: rgba(255,255,255,.35);
  border: 1px solid var(--cyan25);
  border-radius: 14px;
  box-shadow: 0 0 20px rgba(0,255,255,.20);
}

/* FIX: remove the SECOND (inner) container when #reviews is inside the panel */
.single-product .woocommerce-tabs .panel #reviews{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}

/* If some themes output #reviews OUTSIDE the tabs, give that one the container */
.single-product > #reviews{
  max-width: var(--shop-max-width, 1100px);
  margin: 24px auto;
  padding: clamp(16px, 3vw, 32px);
  background: rgba(255, 255, 255,.35);
  border: 1px solid var(--cyan25);
  border-radius: 14px;
  box-shadow: 0 0 20px rgba(0,255,255,.20);
}

.product_meta {
  display: none !important;
}

.single-product .product{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:24px;
  align-items:center;              /* vertically center image + summary */
}

/* Stop legacy floats from fighting the layout */
.single-product div.product div.images,
.single-product div.product div.summary{
  float:none !important;
}

/* Center the content inside the summary column */
.single-product div.product div.summary{
  display:flex;
  flex-direction:column;
  align-items:center;              /* horizontal centering */
  text-align:center;               /* text centering */
  gap:12px;
}

/* Title + price centered */
.single-product .product_title{
  text-align:center;
  margin:0 0 .5rem;
}

.single-product div.product p.price,
.single-product div.product span.price{
  display:block;
  text-align:center;
  margin:0 0 1rem;
}

/* Make sure theme floats don't fight the layout */
.single-product .cart .quantity,
.single-product .single_add_to_cart_button{
  float: none !important;
}

/* Optional: tidy the quantity input */
.single-product .cart .quantity input[type="number"]{
  min-width: 110px;
  text-align: center;
}

/* Button: black bg + cyan text by default */
.single-product .single_add_to_cart_button{
  background: #000;
  color: var(--cyan, #00ffff);
  border: 1px solid var(--cyan, #00ffff);
  border-radius: 10px;
  padding: 10px 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .02em;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}

/* Hover: invert — cyan bg + black text */
.single-product .single_add_to_cart_button:hover{
  background: var(--cyan, #00ffff);
  color: #000;
  box-shadow: 0 0 0 2px var(--cyan, #00ffff);
}

.single-product form.cart{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}
.single-product .cart .quantity,
.single-product .single_add_to_cart_button{ float:none !important; }

/* --- FORCE button colors (classic template) --- */
.single-product div.product form.cart .single_add_to_cart_button.button,
.single-product div.product form.cart .single_add_to_cart_button.button.alt{
  background:#000 !important;
  color:var(--cyan, #00ffff) !important;
  border:1px solid var(--cyan, #00ffff) !important;
  border-radius:10px;
  padding:10px 18px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.02em;
  transition:background .2s ease, color .2s ease, box-shadow .2s ease;
}
.single-product div.product form.cart .single_add_to_cart_button.button:hover,
.single-product div.product form.cart .single_add_to_cart_button.button.alt:hover{
  background:var(--cyan, #00ffff) !important;
  color:#000 !important;
  box-shadow:0 0 0 2px var(--cyan, #00ffff);
}

/* --- If you’re using the Woo Blocks product template, include this too --- */
.wp-block-woocommerce-add-to-cart-form button,
.wp-block-woocommerce-product-button button.wp-element-button{
  background:#000 !important;
  color:var(--cyan, #00ffff) !important;
  border:1px solid var(--cyan, #00ffff) !important;
  border-radius:10px;
}
.wp-block-woocommerce-add-to-cart-form button:hover,
.wp-block-woocommerce-product-button button.wp-element-button:hover{
  background:var(--cyan, #00ffff) !important;
  color:#000 !important;
}

.single-product #review_form_wrapper form{
  max-width: 450px;      /* change width of the whole form */
  margin: 0 auto;        /* keeps it centered */
  display: grid;
  gap: 12px;
  justify-content: center;
  align-self: center;
}
.single-product #review_form_wrapper label{ color: var(--cyan); font-size: 24px;}

.single-product #review_form_wrapper input[type="text"],
.single-product #review_form_wrapper input[type="email"],
.single-product #review_form_wrapper select{
  width: 350px;           /* input widths */
  font-size: 18px;       /* adjust input text size */
  padding: 10px 12px;
}

.single-product #review_form_wrapper textarea{
  width: 100%;           /* textarea width */
  min-height: 180px;     /* height of the comment box */
  font-size: 18px;       /* textarea text size */
  padding: 10px 12px;
}

/* Submit button styling */
.single-product #review_form_wrapper input#submit{
  margin: 8px auto 0;
  display: inline-block;
  background: #000;
  color: var(--cyan);
  border: 1px solid var(--cyan);
  border-radius: 10px;
  padding: 10px 18px;
}
.single-product #review_form_wrapper input#submit:hover{
  background: var(--cyan);
  color: #000;
}

.single-product .coming-soon-note ~ p.price,
.single-product .coming-soon-note ~ .price { display:none !important; }

:root{
  --prod-cols: 3;        /* how many cards per row */
  --card-h: 440px;       /* uniform card height */
  --min-card: 280px;     /* min width per card before wrapping */
}

/* One row, centered, with fixed number of columns */
body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag) .woocommerce ul.products{
  display: grid;
  grid-template-columns: repeat(var(--prod-cols), minmax(var(--min-card), 1fr));
  grid-auto-rows: 1fr;             /* rows are same height; extra items wrap to next row */
  gap: 28px;
  justify-content: center;
}

body.page-see-more,
body.term-see-all { /* if See More is a product category named see-all */
  overflow-y: auto !important;
  height: auto !important;              /* page can scroll when needed */
}

/* Let the glass/panel wrapper grow to fit; remove any fixed height */
body.page-see-more .site-main > .woocommerce,
body.page-see-more .entry-content > .woocommerce,
body.term-see-all .site-main > .woocommerce,
body.term-see-all .entry-content > .woocommerce {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* If you had a global fixed height on archives, neutralize it here */
body.page-see-more :is(#woocommerce-wrapper, .woocommerce, .site-main),
body.term-see-all   :is(#woocommerce-wrapper, .woocommerce, .site-main) {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Center the container and keep your frosted look */
body.page-see-more .woocommerce,
body.term-see-all   .woocommerce {
  max-width: 1200px;
  margin: clamp(24px,6vw,48px) auto;
  padding: clamp(16px,3vw,32px);
  border-radius: 12px;
  border: 1px solid rgba(0,255,255,.25);
  background: rgba(255,255,255,.20);
  box-shadow: 0 0 20px rgba(0,255,255,.15);
}

/* 4-up responsive grid, auto-wrap; items stretch to equal height */
body.page-see-more ul.products,
body.term-see-all   ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(220px, 1fr));
  gap: 24px;
  justify-items: center;
  margin: 0 auto;
  padding: 16px 0 0;
  list-style: none;
}

/* Product cards: equal heights */
body.page-see-more ul.products li.product,
body.term-see-all   ul.products li.product {
  display: flex !important;
  flex-direction: column;
  width: 100%;
  max-width: 280px;                 /* optional – keeps consistent width */
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(0,255,255,.25);
  border-radius: 12px;
  box-shadow: 0 0 12px rgba(0,255,255,.25) inset;
  padding: 16px;
}

/* Make the inner link fill height so titles/prices align well */
body.page-see-more ul.products li.product a.woocommerce-LoopProduct-link,
body.term-see-all   ul.products li.product a.woocommerce-LoopProduct-link {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Image styling stays tidy */
body.page-see-more ul.products li.product img,
body.term-see-all ul.products li.product img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  margin-bottom: 12px;
}

/* Keep title & price readable/aligned */
body.page-see-more ul.products li.product .woocommerce-loop-product__title,
body.term-see-all   ul.products li.product .woocommerce-loop-product__title {
  text-align: center;
  margin: 6px 0 4px;
}
body.page-see-more ul.products li.product .price,
body.term-see-all   ul.products li.product .price {
  text-align: center;
  margin-top: 4px;
}

/* Pagination centered */
body.page-see-more nav.woocommerce-pagination,
body.term-see-all   nav.woocommerce-pagination {
  display: flex;
  justify-content: center;
  margin: 24px 0 4px;
}

/* (Optional) tighten any default Woo margins that create uneven height */
.woocommerce ul.products li.product .price{ margin-bottom: 4px; }

body.archive.tax-product_cat.term-see-all,
html.archive.tax-product_cat.term-see-all {
  height: auto !important;
  overflow: auto !important;   /* enable scrolling */
}

/* Undo any fixed/hidden containers only on this category */
body.archive.tax-product_cat.term-see-all #page,
body.archive.tax-product_cat.term-see-all .site,
body.archive.tax-product_cat.term-see-all .site-content,
body.archive.tax-product_cat.term-see-all main,
body.archive.tax-product_cat.term-see-all .site-main,
body.archive.tax-product_cat.term-see-all #woocommerce-wrapper,
body.archive.tax-product_cat.term-see-all .woocommerce {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  margin-left: auto;
  margin-right: auto;
}

/* Grid inside See-More: 4 per row, centered, with gaps */
body.archive.tax-product_cat.term-see-all ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(220px,1fr));
  gap: clamp(16px, 2vw, 24px);
  justify-items: center;
  margin: 24px auto;
  max-width: 1100px; /* adjust to match your panel width */
}

/* Optional: center Woo pagination and hide the sorting/res count on See-More */
body.archive.tax-product_cat.term-see-all .woocommerce-ordering,
body.archive.tax-product_cat.term-see-all .woocommerce-result-count {
  display: none !important;
}
body.archive.tax-product_cat.term-see-all nav.woocommerce-pagination {
  display: flex;
  justify-content: center;
  margin: 24px 0 6px;
}

.woocommerce ul.products li.product-category .count,
.woocommerce .product-categories .count,
.woocommerce .widget_product_categories .count {
  display: none !important;
}


:root{
  --grid-cols: 4;                 /* default columns on wide screens */
  --page-pad: clamp(12px, 4vw, 28px);
}

/*img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
	display: flex;
	position: relative;
	object-fit: contain;
	width: 48px;
	height: auto;
}*/

/* Global type scales */
h1{ font-size: clamp(28px, 8vw, 64px); }
h2{ font-size: clamp(22px, 5.5vw, 42px); }

/* SEE MORE (product category slug: see-all) must scroll & auto-size */
body.archive.tax-product_cat.term-see-all,
html.archive.tax-product_cat.term-see-all { overflow-y:auto; height:auto; }
body.archive.tax-product_cat.term-see-all :is(#woocommerce-wrapper,.woocommerce,.site-main){
  height:auto !important; max-height:none !important; overflow:visible !important;
}

/* Woo grids: drive layout from --grid-cols */
.woocommerce ul.products,
.wc-block-grid__products{
  display:grid !important;
  gap: 24px;
  grid-template-columns: repeat(var(--grid-cols), minmax(0,1fr));
  margin: 0 auto;
  padding: 0;
}

/* Product cards behave well at all sizes */
.woocommerce ul.products li.product,
.wc-block-grid__product{
  display:flex !important; flex-direction:column;
  margin:0 !important; text-align:center;
}

/* Consistent image box */
.woocommerce ul.products li.product a img,
.wc-block-grid__product img{
  width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:12px;
}

/* Titles reserve space so rows look even */
.woocommerce ul.products li.product h2.woocommerce-loop-product__title,
.wc-block-grid__product .wc-block-grid__product-title{
  font-size:20px; line-height:1.25; min-height:2.5em; margin:10px 0 6px;
}

/* Push price/buttons to bottom for tidy alignment */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart,
.wc-block-grid__product .wc-block-grid__product-price,
.wc-block-grid__product .wp-block-button{
  margin-top:auto; align-self:center;
}

/* Containers get safe padding on smaller screens */
.post-type-archive-product .woocommerce,
.tax-product_cat .woocommerce,
.tax-product_tag .woocommerce,
#woocommerce-wrapper,
.woocommerce .site-main{
  padding-left: var(--page-pad);
  padding-right: var(--page-pad);
}

/* Single product defaults; stacked at <=1024 below */
.single-product .product_title{ text-align:center; }

/* Floating/side cart sensible defaults */
#side-cart{ max-width: 420px; }

#main-nav + nav,
header nav:not(#main-nav) {
  display: none !important;
}

body.woocommerce-checkout {
	overflow-y: auto;
}

.woocommerce form.checkout,
.woocommerce .woocommerce-checkout {
	max-width: 980px;
	margin: clamp(16px, 4vw, 28px);
	padding: clamp(16px, 3vw, 28px);
	background: rgba(255, 255, 255, 0.35);
}

body.woocommerce-checkout {
  /* page can scroll on phones */
  overflow-y: auto;
}

/* Outer container / form card */
.woocommerce form.checkout,
.woocommerce .woocommerce-checkout {
  max-width: 980px;
  margin: clamp(16px, 4vw, 28px) auto;
  padding: clamp(16px, 3vw, 28px);
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(0,255,255,.25);
  border-radius: 14px;
  box-shadow: 0 0 20px rgba(0,255,255,.18), inset 0 0 12px rgba(0,0,0,.35);
  color: #e6ffff;
}

/* Two columns on wide screens */
.woocommerce .col2-set,
.woocommerce .woocommerce-checkout-review-order {
  display: grid;
  gap: 20px;
}


/* Headings */
.woocommerce form .form-row label,
.woocommerce .woocommerce-billing-fields h3,
.woocommerce .woocommerce-additional-fields h3,
.woocommerce .woocommerce-checkout-review-order h3 {
  color: #00ffff;
  text-shadow: 0 0 6px rgba(0,255,255,.55);
  margin: 0 0 10px;
  font-weight: 700;
}

/* Form rows: full-width fields */
.woocommerce form .form-row,
.woocommerce form .form-row-wide,
.woocommerce form .form-row-first,
.woocommerce form .form-row-last {
  width: 100%;
  margin-bottom: 12px;
}

/* Inputs + textareas + selects */
.woocommerce form .input-text,
.woocommerce form input[type="text"],
.woocommerce form input[type="email"],
.woocommerce form input[type="tel"],
.woocommerce form input[type="password"],
.woocommerce form input[type="number"],
.woocommerce form textarea,
.woocommerce form select {
  width: 100%;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(0,255,255,.25);
  background: rgba(0,0,0,.55);
  color: #00ffff;
  outline: none;
  transition: box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
.woocommerce form .input-text::placeholder,
.woocommerce form textarea::placeholder {
  color: rgba(0,255,255,.7);
}

input#coupon_code.input-text {
	justify-content: center;
	align-self: center;
	text-align: center;
	align-items: center;
}

form#woocommerce-checkout-form-coupon.checkout_coupon.woocommerce-form-coupon {
	justify-content: center;
	align-self: center; 
	text-align: center;
	
}

/* Focus glow */
.woocommerce form .input-text:focus,
.woocommerce form textarea:focus,
.woocommerce form select:focus {
  border-color: #00ffff;
  box-shadow: 0 0 0 2px rgba(0,255,255,.22);
  background: rgba(0,0,0,.65);
}

/* Select2 (Country/State) */
.select2-container .select2-selection--single {
  height: 42px;
  border-radius: 10px;
  border: 1px solid rgba(0,255,255,.25) !important;
  background: rgba(0,0,0,.55);
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 42px; color:#00ffff;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 42px;
}
.select2-dropdown {
  background: #0b0f14;
  border: 1px solid rgba(0,255,255,.25);
}
.select2-results__option { color:#e6ffff; }
.select2-results__option--highlighted { background:#003a3a; }

/* Coupon row (the thin bar at the top) */
.woocommerce form.checkout_coupon{
  display:flex;
  flex-direction: column;      /* stack vertical */
  align-items:center;          /* center both elements */
  gap:10px;                    /* space between input & button */
  margin:12px auto 20px;
  text-align:center;
}

.woocommerce form.checkout_coupon .form-row,
.woocommerce form.checkout_coupon .form-row-first,
.woocommerce form.checkout_coupon .form-row-last{
  float:none;
  width:auto;
  margin:0;
  padding:0;
}

.woocommerce-cart td.actions .coupon{
  display:flex;
  flex-direction: column;      /* stack vertical */
  align-items:center;          /* center both elements */
  gap:10px;
  margin:12px auto;
  text-align:center;
}

/* Shared input styling (centered, fixed nice width) */
.woocommerce form.checkout_coupon #coupon_code,
.woocommerce-cart .coupon #coupon_code{
  width: min(420px, 90vw);
  height: 44px;
  line-height: 44px;
  padding: 0 12px;
  border-radius: 10px;
  background: rgba(0,0,0,.55);
  border: 1px solid rgba(0,255,255,.25);
  color: #00ffff;
}

/* Shared button styling; will sit directly under the input */
.woocommerce form.checkout_coupon .button,
.woocommerce-cart .coupon .button{
  min-width: 180px;            /* optional: make button a bit wider */
  height: 44px;
  line-height: 44px;
  padding: 0 16px;
  border-radius: 10px;
  background:#000;
  color:#00ffff;
  border:1px solid #00ffff;
  font-weight:700;
  text-transform:uppercase;
  transition:.2s;
}

.woocommerce form.checkout_coupon .button:hover,
.woocommerce-cart .coupon .button:hover{
  background:#00ffff;
  color:#000;
  box-shadow:0 0 0 2px #00ffff;
}

.woocommerce form.checkout_coupon,
.woocommerce .checkout_coupon {
  max-width: 980px;
  margin: 0 auto 14px;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(0,255,255,.25);
  border-radius: 10px;
  padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.woocommerce .checkout_coupon input.input-text{
  background: rgba(0,0,0,.55);
  border: 1px solid rgba(0,255,255,.25);
  color: #00ffff;
  border-radius: 10px;
	width: 350px;
	height: 75px;
}

/* Notices */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  background: rgba(0,0,0,.55);
  border-left: 3px solid #00ffff;
  border-radius: 10px;
  color: #e6ffff;
}

/* Order review card */
.woocommerce #order_review,
.woocommerce .woocommerce-checkout-review-order {
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(0,255,255,.25);
  border-radius: 12px;
  padding: 14px;
}
.woocommerce table.shop_table {
  background: transparent;
  border: 1px solid rgba(0,255,255,.12);
  border-radius: 10px;
  color: #e6ffff;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  border-top: 1px solid rgba(0,255,255,.12);
}
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table tfoot td {
  color: #00ffff;
}

/* Payment box */
.woocommerce #payment,
.woocommerce #payment .wc_payment_methods, 
.woocommerce #payment .payment_box {
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(0,255,255,.2);
  border-radius: 10px;
}
.woocommerce #payment .payment_box {
  margin: 8px;
  padding: 10px 12px;
  color: #e6ffff;
}

/* Primary buttons: Place order, Apply coupon */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #place_order {
  background: #000;
  color: #00ffff;
  border: 1px solid #00ffff;
  border-radius: 10px;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
  padding: 10px 16px;
  transition: all .15s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #place_order:hover {
  background: #00ffff;
  color: #000;
  box-shadow: 0 0 0 2px #00ffff;
}

/* Terms checkbox row */
.woocommerce-terms-and-conditions-wrapper,
.woocommerce-privacy-policy-text {
  color: #aefbff;
}

/* Tiny helper: align “Place order” to right on desktop */
.woocommerce #order_review .place-order {
  text-align: center;
}

/* Coupon code input (Cart + Checkout) */
.woocommerce .coupon #coupon_code,
.woocommerce form.checkout_coupon input#coupon_code {
  width: 100%;
  max-width: 320px;
  height: 75px;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(0,0,0,.55);
  border: 1px solid rgba(0,255,255,.25);
  color: #00ffff;
	font-size: 24px;
}

.woocommerce .coupon #coupon_code::placeholder,
.woocommerce form.checkout_coupon input#coupon_code::placeholder {
  color: rgba(0,255,255,.7);
	font-size: 24px;
	
}

.woocommerce .coupon #coupon_code:focus,
.woocommerce form.checkout_coupon input#coupon_code:focus {
  outline: none;
  border-color: #00ffff;
  box-shadow: 0 0 0 2px rgba(0,255,255,.22);
  background: rgba(0,0,0,.65);
}


/* Checkout coupon form */
.woocommerce form.checkout_coupon{
  display: flex;
  flex-direction: column;     /* stack vertical */
  align-items: center;        /* center children */
  gap: 10px;
  margin: 12px auto 20px;
  text-align: center;
}

/* Kill default widths/floats on Woo form rows */
.woocommerce form.checkout_coupon p.form-row,
.woocommerce form.checkout_coupon .form-row-first,
.woocommerce form.checkout_coupon .form-row-last{
  float: none !important;
  width: 100% !important;     /* row spans full width so the input can center */
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

.woocommerce form.checkout_coupon .form-row-first,
.woocommerce form.checkout_coupon .form-row-last {
	width: 100%;
	float: none !important; 
}

/* This is the key: make the INPUT a block with auto margins */

.woocommerce form.checkout_coupon #coupon_code{
  display: block !important;
	justify-content: center;
	align-self: center;
  margin-bottom: 24px;         /* center horizontally */
  width: min(420px, 90vw);
  height: 44px;
  line-height: 44px;
  padding: 0 12px;
  border-radius: 10px;
  background: rgba(0,0,0,.55);
  border: 1px solid rgba(0,255,255,.25);
  color: #00ffff;
}

/* Center the button directly under the input */
.woocommerce form.checkout_coupon .button{
  display: inline-block;
  min-width: 180px;
  height: 44px; line-height: 44px;
  padding: 0 16px;
  border-radius: 10px;
  background:#000;
  color:#00ffff;
  border:1px solid #00ffff;
  font-weight:700;
  text-transform:uppercase;
  transition:.2s;
}
.woocommerce form.checkout_coupon .button:hover{
  background:#00ffff;
  color:#000;
  box-shadow:0 0 0 2px #00ffff;
}

/* ----- Cart page coupon (if you show it there) ----- */
.woocommerce-cart td.actions .coupon{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.woocommerce-cart td.actions .coupon #coupon_code{
  display: block !important;
  margin: 0 auto 16px;
  width: min(420px, 90vw);
  height: 44px; line-height: 44px;
  padding: 0 12px;
  border-radius: 10px;
  background: rgba(0,0,0,.55);
  border: 1px solid rgba(0,255,255,.25);
  color: #00ffff;
}
.woocommerce-cart td.actions .coupon .button{
  min-width: 180px;
  height: 44px; line-height: 44px;
  border-radius: 10px;
  background:#000; color:#00ffff; border:1px solid #00ffff;
}
.woocommerce-cart td.actions .coupon .button:hover{
  background:#00ffff; color:#000; box-shadow:0 0 0 2px #00ffff;
}

input#coupon_code.input-text{
  display: block;
  width: min(520px, 92%);   /* your preferred size */
  margin: 0 auto 16px;      /* <-- bottom margin = spacing to button */
  text-align: center;
  /* optional styling */
  padding: 10px 14px;
  border: 1px solid rgba(0,255,255,.35);
  border-radius: 10px;
  background: rgba(0,0,0,.35);
  color: var(--cyan, #00ffff);
}


.woocommerce-checkout h3,
.woocommerce form .form-row label {
  color: var(--cyan, #00ffff);
  text-shadow: 0 0 6px rgba(0,255,255,.35);
}

/* Base inputs: text, email, tel, number, textarea, selects */
.woocommerce form .form-row .input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  display: block;
  width: 100%;
  padding: 10px 14px;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(0,255,255,.35);
  border-radius: 10px;
  color: var(--cyan, #00ffff);
  line-height: 1.35;
  transition: box-shadow .15s ease, border-color .15s ease, background .15s ease;
}

/* Placeholders */
.woocommerce form .form-row .input-text::placeholder,
.woocommerce form .form-row textarea::placeholder {
  color: rgba(0,255,255,.65);
  opacity: 1;
}

/* Focus state */
.woocommerce form .form-row .input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
  outline: none;
  border-color: var(--cyan, #00ffff);
  box-shadow: 0 0 0 2px rgba(0,255,255,.25), 0 6px 18px rgba(0,0,0,.35) inset;
  background: rgba(0,0,0,.45);
}

/* Row spacing + required asterisk */
.woocommerce form .form-row {
  margin-bottom: 12px;
}
.woocommerce form .form-row .required {
  color: var(--cyan, #00ffff);
  opacity: .9;
}

/* Error/invalid state */
.woocommerce form .form-row.woocommerce-invalid .input-text,
.woocommerce form .form-row.woocommerce-invalid select,
.woocommerce form .form-row.woocommerce-invalid textarea {
  border-color: #ff5a5a !important;
  box-shadow: 0 0 0 2px rgba(255,90,90,.25) !important;
}

/* Valid state (optional subtle) */
.woocommerce form .form-row.woocommerce-validated .input-text {
  border-color: rgba(0,255,255,.55);
}

/* Order notes (same look) */
#order_comments {
  min-height: 110px;
  resize: vertical;
}

/* --- Select2 (Country/State dropdowns) to match theme --- */
.select2-container--default .select2-selection--single {
  height: 42px;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(0,255,255,.35);
  border-radius: 10px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--cyan, #00ffff);
  line-height: 40px;
  padding: 0 12px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
}
.select2-dropdown {
  background: #0b0f14;
  border: 1px solid rgba(0,255,255,.35);
  border-radius: 10px;
  overflow: hidden;
}
.select2-results__option {
  color: var(--cyan, #00ffff);
}
.select2-results__option--highlighted[aria-selected] {
  background: rgba(0,255,255,.18);
  color: #000;
}

/* Autofill (Chrome/Safari) */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-text-fill-color: var(--cyan, #00ffff) !important;
  -webkit-box-shadow: 0 0 0 1000px rgba(0,0,0,.35) inset !important;
  box-shadow: 0 0 0 1000px rgba(0,0,0,.35) inset !important;
  border: 1px solid rgba(0,255,255,.35) !important;
  transition: background-color 9999s ease-out 0s;
}

/* Optional: make the two-column billing/shipping fields a bit roomier */
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2 {
  gap: 10px;
}

.woocommerce-checkout .col2-set,
.woocommerce-checkout-review-order {
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(0,255,255,.25);
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 0 20px rgba(0,255,255,.15) inset;
}
body.woocommerce-checkout form.checkout #customer_details {
  max-width: 720px;
  margin: 0 auto !important;
  padding: 0 12px;
}

/* Kill the two-column float layout */
body.woocommerce-checkout form.checkout #customer_details .col2-set,
body.woocommerce-checkout form.checkout #customer_details .col2-set .col-1,
body.woocommerce-checkout form.checkout #customer_details .col2-set .col-2{
  float:none !important;
  width:100% !important;
  margin:0 auto !important;
}

body.woocommerce-checkout form.checkout #customer_details {
	max-width: 560px;
	margin: 0 auto;
	padding: 0 12px;
}

/* Center the whole customer-details block */
body.woocommerce-checkout form.checkout #customer_details{
  max-width: 560px;
  margin: 0 auto !important;
  padding: 0 12px;
}

/* Remove 2-col floats and keep children centered */
body.woocommerce-checkout .col2-set{
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.woocommerce-checkout .col2-set .col-1,
body.woocommerce-checkout .col2-set .col-2{
  float: none !important;
  width: 100% !important;
  max-width: 560px;
  margin: 0 auto 24px;
}

/* Each form row centered; label + input stack */
body.woocommerce-checkout form.checkout #customer_details .form-row{
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  max-width: 520px;
  margin: 14px auto !important;
}
body.woocommerce-checkout form.checkout #customer_details .form-row label{
  text-align: center;
}
body.woocommerce-checkout form.checkout #customer_details .form-row
  input.input-text,
body.woocommerce-checkout form.checkout #customer_details .form-row
  textarea,
body.woocommerce-checkout form.checkout #customer_details .form-row
  select,
body.woocommerce-checkout .select2-container{
  width: 100%;
  max-width: 480px;
  margin: 0 auto !important;
}

.widget_shopping_cart .buttons .button:not(.checkout) {
  display: none !important;
}

/* Hide any stray mini-cart text link areas */
.woocommerce-mini-cart__buttons, 
.widget_shopping_cart .buttons a.button.wc-forward:not(.checkout) {
  display: none !important;
}


/* Each form row becomes a centered stack */
.woocommerce-billing-fields__field-wrapper {
	justify-content: center;
	align-items: center;
	align-content: center;
}

.woocommerce-billing-fields__wrapper p {
	justify-content: center;
	align-content: center;
	align-items: center;
}

.woocommerce-billing-fields__wrapper input {
	justify-content: center;
	align-items: center;
	align-content: center;
}

.widget_shopping_cart .buttons .button:not(.checkout) {
  display: none !important;
}

/* Hide any stray mini-cart text link areas */
.woocommerce-mini-cart__buttons, 
.widget_shopping_cart .buttons a.button.wc-forward:not(.checkout) {
  display: none !important;
}
/* ===========================================
   RESPONSIVE
   =========================================== */
@media (max-width: 980px){
  .woocommerce form.checkout,
  .woocommerce .woocommerce-checkout { padding: 16px; }
  .woocommerce .col2-set { grid-template-columns: 1fr; grid-template-columns: 1fr 1fr; align-items: start; }
  .woocommerce #order_review .place-order { text-align: center; }

@media (max-width: 480px){
  .woocommerce form.checkout,
  .woocommerce .woocommerce-checkout { padding: 12px; }
  .woocommerce table.shop_table th,
  .woocommerce table.shop_table td { font-size: 14px; }
	.woocommerce form.checkout_coupon #coupon_code,
  .woocommerce-cart .coupon #coupon_code{
    width: 100%;
  }
  .woocommerce form.checkout_coupon .button,
  .woocommerce-cart .coupon .button{
    width: auto;               /* or 100% if you want full-width button */
  }
	.woocommerce form.checkout_coupon #coupon_code,
  .woocommerce-cart td.actions .coupon #coupon_code{
    width: 100%;
  }
}

#ship-to-different-address label {
  color: var(--cyan, #00ffff);
  font-weight: 700;
  text-shadow: 0 0 6px rgba(0,255,255,.3);
	visibility: visible !important;
	opacity: 1 !important;
}
	
	
/* === Woo Checkout: center fields & labels (inputs only) === */
body.woocommerce-checkout .woocommerce form.checkout {
  text-align: center;                /* center labels by default */
}

/* Make each row full-width, then center the controls inside */
body.woocommerce-checkout .woocommerce form .form-row {
  width: 100%;
  clear: both;                       /* protect against theme float grids */
}

/* Center labels */
body.woocommerce-checkout .woocommerce form .form-row label {
  display: block;
  margin: 6px auto 6px;
  text-align: center;
  color: var(--cyan, #00ffff);
}

/* Text inputs, email, tel, number, textarea */
body.woocommerce-checkout .woocommerce form .form-row input.input-text,
body.woocommerce-checkout .woocommerce form .form-row textarea {
  display: block;
  width: 100%;
  max-width: 480px;                  /* <- adjust if you want narrower/wider */
  margin: 6px auto 14px;
  text-align: center;
}

/* Native selects */
body.woocommerce-checkout .woocommerce form .form-row select {
  display: block;
  width: 100%;
  max-width: 480px;
  margin: 6px auto 14px;
  text-align: center;                /* centers text in some browsers */
  text-align-last: center;           /* centers selected option where supported */
}

/* Select2 (country/state) containers */
body.woocommerce-checkout .select2-container {
  display: block !important;
  max-width: 480px;
  margin: 6px auto 14px !important;
}
body.woocommerce-checkout .select2-container .select2-selection--single {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;           /* visually centered text */
  border-radius: 8px;
}
body.woocommerce-checkout .select2-selection__rendered {
  width: 100%;
  text-align: center !important;     /* force center */
}
body.woocommerce-checkout .select2-selection__arrow {
  right: 10px;
}

/* Place-order button centered */
body.woocommerce-checkout .place-order,
body.woocommerce-checkout .woocommerce-checkout-payment {
  text-align: center;
}
body.woocommerce-checkout .place-order .button {
  display: inline-block;
  margin: 8px auto 0;
}

/* Keep the order review table layout intact */
body.woocommerce-checkout #order_review,
body.woocommerce-checkout #order_review_heading {
  text-align: left;
  margin-inline: auto;
  max-width: 900px;
}

/* --- Center the Billing/Shipping column(s) --- */
body.woocommerce-checkout #customer_details{
  max-width: 560px;           /* the total column width you want */
  margin: 0 auto;             /* center the wrapper */
  padding: 0 10px;            /* tiny side breathing room */
}

/* Remove the default 2-column floats and stack centered */
body.woocommerce-checkout .col2-set{
  display: flex;
  flex-direction: column;
  align-items: center;        /* keep children centered */
}

body.woocommerce-checkout .col2-set .col-1,
body.woocommerce-checkout .col2-set .col-2{
  float: none !important;     /* kill theme/woo floats */
  width: 100% !important;
  max-width: 560px;           /* match wrapper */
  margin: 0 auto 24px;
}

/* Center the section headings too */
body.woocommerce-checkout #customer_details h3{
  text-align: center;
  margin: 0 0 10px;
}

/* Make sure the inputs themselves stay centered and equal width */
body.woocommerce-checkout .woocommerce form .form-row input.input-text,
body.woocommerce-checkout .woocommerce form .form-row textarea,
body.woocommerce-checkout .woocommerce form .form-row select,
body.woocommerce-checkout .select2-container{
  max-width: 480px;           /* field width inside the 560px column */
  margin-left: auto;
  margin-right: auto;
}
	

	/* MINI-CART: remove bullets + default spacing */
#side-cart .woocommerce-mini-cart,
#side-cart .woocommerce-mini-cart li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* MINI-CART: link styling (no underline/visited purple) */
#side-cart .woocommerce-mini-cart a {
  color: var(--cyan, #00ffff);
  text-decoration: none;
}
#side-cart .woocommerce-mini-cart a:visited {
  color: var(--cyan, #00ffff);
}
#side-cart .woocommerce-mini-cart a:hover {
  text-decoration: underline;          /* optional */
  text-underline-offset: 2px;
}

/* MINI-CART: make thumbnails bigger & tidy */
#side-cart .woocommerce-mini-cart-item a img {
  width: 72px;                         /* adjust to taste: 64–90px works well */
  height: 72px;
  object-fit: cover;
  border-radius: 8px;
  margin-left: auto;                   /* pushes image right if your row is flex */
  display: block;
}

/* If the remove (×) link looks underlined, clean it too */
#side-cart .woocommerce-mini-cart-item .remove {
  text-decoration: none;
  color: #ff5b5b;
}
#side-cart .woocommerce-mini-cart-item .remove:hover {
  color: #ff8080;
}

/* SHOP GRID: remove bullets/underline, style images */
.woocommerce ul.products { list-style: none; padding-left: 0; }
.woocommerce ul.products li.product a {
  text-decoration: none;
  color: var(--cyan, #00ffff);
}
.woocommerce ul.products li.product a:visited { color: var(--cyan, #00ffff); }
.woocommerce ul.products li.product a:hover { text-decoration: underline; text-underline-offset: 2px; }
.woocommerce ul.products li.product a img {
  width: 100%;
  height: auto;            /* or set fixed height + object-fit: cover; */
  border-radius: 10px;
  display: block;
}
	
.widget_shopping_cart .buttons .button.wc-forward:not(.checkout){ 
  display:none !important;
}

#side-cart .widget_shopping_cart .cart_list,
#side-cart .widget_shopping_cart .cart_list li { list-style: none !important; }	

/* ===========================================================
   BREAKPOINTS — largest → smallest
   (we only change what’s needed)
   =========================================================== */

/* <= 1920px (big desktops) */
@media (max-width: 1920px){
	html.post-type-archive-product, body.post-type-archive-product {
		overflow: auto;
	}
	
  .post-type-archive-product .woocommerce,
  .tax-product_cat .woocommerce,
  .tax-product_tag .woocommerce{ width:min(1280px, 96%); margin-inline:auto; overflow: auto;
}

/* <= 1600px */
@media (max-width: 1600px){
  .post-type-archive-product .woocommerce,
  .tax-product_cat .woocommerce,
  .tax-product_tag .woocommerce{ width:min(1200px, 96%); }
}

/* <= 1440px */
@media (max-width: 1440px){
  nav a{ font-size: clamp(20px, 2vw, 30px); }
}

/* <= 1366px (13" laptops) – often where 3 cols looks best */
@media (max-width: 1366px){
  :root{ --grid-cols: 3; }
}

/* <= 1280px */
@media (max-width: 1280px){
  h1{ font-size: clamp(28px, 6.5vw, 56px); }
  h2{ font-size: clamp(22px, 4.8vw, 38px); }
}

/* <= 1200px */
@media (max-width: 1200px){
  :root{ --grid-cols: 3; }
  nav ul{ gap: clamp(8px, 1.5vw, 16px); }
}

/* <= 1080px */
@media (max-width: 1080px){
  .post-type-archive-product .woocommerce,
  .tax-product_cat .woocommerce,
  .tax-product_tag .woocommerce{ width:min(1100px, 96%); }
}

/* <= 1024px (iPad landscape / many tablets) */
@media (max-width: 1024px){
  :root{ --grid-cols: 2; }
  /* Stack single product image + summary cleanly */
  .single-product .product{
    display:grid !important; grid-template-columns:1fr !important;
    gap:18px; padding:16px;
  }
  .single-product .product .images,
  .single-product .product .summary{
    width:100%; max-width:620px; margin-inline:auto;
  }
  .single-product .price,
  .single-product .cart{ text-align:center; justify-content:center; }
}

/* <= 992px */
@media (max-width: 992px){
  nav a{ font-size: clamp(18px, 3.4vw, 26px); }
}
	
/* <= 912px (large phones/tablets) */
@media (max-width: 912px){
  .post-type-archive-product .woocommerce,
  .tax-product_cat .woocommerce,
  .tax-product_tag .woocommerce{ width:min(1000px, 96%); }
}

/* <= 896px */
@media (max-width: 896px){
  nav ul{ flex-wrap:wrap; justify-content:center; }
}

/* <= 820px (small tablets portrait) */
@media (max-width: 820px){
  .post-type-archive-product .woocommerce,
  .tax-product_cat .woocommerce,
  .tax-product_tag .woocommerce{ width:min(940px, 96%); }
}

/* <= 800px */
@media (max-width: 800px){
  #side-cart{ width: 90vw; }
}

/* <= 768px (iPad portrait) */
@media (max-width: 768px){
  /* Home sections: let them auto-height */
  .home section{ height:auto !important; min-height:unset; padding:2rem 1rem; }
  /* Tabs area breathing room */
  .woocommerce-tabs, .woocommerce-tabs .panel{ max-width:900px; margin-inline:auto; padding:0 8px; }
  /* Floating cart: bottom-right, smaller */
  #floating-cart{ right:14px; bottom:14px; top:auto; width:64px; height:64px; }
  #floating-cart img{ width:30px; height:30px; }
}

/* <= 720px (phones landscape / small tablets) */
@media (max-width: 720px){
  nav a{ font-size: clamp(16px, 3.2vw, 22px); }
}

/* <= 684px */
@media (max-width: 684px){
  :root{ --grid-cols: 2; }
}

/* <= 640px */
@media (max-width: 640px){
  nav ul{ gap: 10px; }
}

/* <= 600px */
@media (max-width: 600px){
  #contact form input, #contact form select, #contact form textarea{
    width:100%; max-width:520px; margin-inline:auto; font-size:16px;
  }
}

/* <= 568px (older iPhones landscape) */
@media (max-width: 568px){
  :root{ --grid-cols: 1; }
}

/* <= 540px (Pixel portrait) */
@media (max-width: 540px){
  h1{ font-size: clamp(26px, 9vw, 48px); }
  h2{ font-size: clamp(18px, 6vw, 32px); }
}

/* <= 480px (iPhone SE / very small phones) */
@media (max-width: 480px){
  :root{ --grid-cols: 1; }
  .woocommerce ul.products li.product{ padding:14px; }
  .single-product .product{ padding:12px; gap:14px; }
  #floating-cart{ width:58px; height:58px; }
  #floating-cart img{ width:28px; height:28px; }
}

/* <= 430px */
@media (max-width: 430px){
  nav a{ font-size: clamp(15px, 4.4vw, 20px); }
}

/* <= 414px (iPhone 11/12/13/14) */
@media (max-width: 414px){
  /* keep one column; already 1 via <=568, but safe */
  :root{ --grid-cols: 1; }
}

/* <= 400px */
@media (max-width: 400px){
  #floating-cart{ width:56px; height:56px; }
}

/* <= 390px (iPhone 14 Pro) */
@media (max-width: 390px){
  #floating-cart{ width:54px; height:54px; }
  #floating-cart img{ width:26px; height:26px; }
}

/* <= 384px (small Android) */
@media (max-width: 384px){
  nav a{ font-size:14px; }
}

/* <= 375px (iPhone X/13 mini) */
@media (max-width: 375px){
  h1{ font-size: clamp(24px, 10vw, 42px); }
  h2{ font-size: clamp(18px, 6.8vw, 28px); }
}

/* <= 360px (very small phones) */
@media (max-width: 360px){
  :root{ --grid-cols: 1; }
	body, html {
		overflow: auto;
	}
  .woocommerce ul.products{ gap: 16px; }
}

/* <= 320px (legacy small) */
@media (max-width: 320px){
	html, body {
		overflow: auto;
	}
  nav a{ font-size:13px; }
}


/* ===========================================================
   LANDSCAPE GUARDS (short-height devices)
   =========================================================== */

/* Super short height (e.g., phones landscape with browser chrome visible) */
@media (max-height: 480px) and (orientation: landscape){
  :root{ --grid-cols: 2; }
  #floating-cart{ top:12px; right:12px; bottom:auto; width:56px; height:56px; }
  #side-cart{ height:100vh; }
  .single-product .product{ grid-template-columns:1fr !important; gap:14px; padding:12px; }
  .woocommerce-tabs, .woocommerce-tabs .panel{ padding:0 8px; }
	
}

/* Slightly taller landscape phones */
@media (max-height: 600px) and (orientation: landscape){
  :root{ --grid-cols: 2; }
  .home section{ padding: 1.5rem 1rem; }
}


@media (max-width: 480px){
  html, body { overflow-x: hidden; }

  /* Header / nav */
  header, .site-header { padding: 8px 10px; }
  nav ul { gap: 8px; flex-wrap: wrap; justify-content: center; margin-top: 6px; }
  nav a  { font-size: 16px; line-height: 1.2; padding: 4px 6px; }

  /* Titles */
  .woocommerce .page-title,
  .page-title,
  h1 { font-size: 28px !important; line-height: 1.15; margin: 8px 0 12px; text-align: center; }
  h2 { font-size: 22px !important; line-height: 1.2; }

  /* Shop / Category containers */
  .post-type-archive-product .woocommerce,
  .tax-product_cat .woocommerce,
  .tax-product_tag .woocommerce,
  #woocommerce-wrapper,
  .woocommerce .site-main{
    width: 100%;
    padding: 12px !important;
    border-radius: 10px;
  }

  /* GRID → single column on phones */
  .woocommerce ul.products,
  .wc-block-grid__products{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  /* Product/Category cards */
  .woocommerce ul.products li.product,
  .wc-block-grid__product{
    max-width: 320px;
    width: 100%;
    margin: 0 auto !important;
    padding: 12px !important;
    box-shadow: 0 0 12px rgba(0,0,0,.25);
    border-radius: 12px;
    text-align: center;
	justify-content: center;
	align-self: center;
	  
  }

  /* Even image box; remove heavy round overlays */
  .woocommerce ul.products li.product a img,
  .wc-block-grid__product img{
    width: 100%;
    aspect-ratio: 4/5;
    object-fit: cover;
    border-radius: 10px;
  }

  /* Kill any “pill” / overlay backgrounds that might be applied */
  .woocommerce ul.products li.product-category a,
  .woocommerce ul.products li.product-category a:before,
  .woocommerce ul.products li.product-category a:after{
    background: transparent !important;
    box-shadow: none !important;
    content: none !important;
  }

  /* Title/price sizing inside cards */
  .woocommerce ul.products li.product h2.woocommerce-loop-product__title,
  .wc-block-grid__product .wc-block-grid__product-title{
    font-size: 18px !important;
    line-height: 1.25;
    min-height: auto;
    margin: 10px 0 6px;
  }
  .woocommerce ul.products li.product .price,
  .wc-block-grid__product .wc-block-grid__product-price{
    font-size: 16px !important;
  }

  /* Buttons */
  .woocommerce ul.products li.product .button,
  .woocommerce ul.products li.product .added_to_cart{
    font-size: 14px !important;
    padding: 8px 12px !important;
  }

  /* Floating cart: bottom-right on phones */
  #floating-cart{
    position: flex;
    right: 12px; bottom: 12px; top: auto; left: auto;
    width: 54px; height: 54px;
  }
  #floating-cart img{ width: 28px; height: 28px; }
}

/* Short-height landscape guards (phones sideways) */
@media (max-height: 480px) and (orientation: landscape){
  nav a { font-size: 14px; padding: 3px 5px; }
  #floating-cart { top: 10px; right: 10px; bottom: auto; width: 52px; height: 52px; }
  .woocommerce ul.products{ gap: 12px !important; }
}
}
}