/*
Theme Name: MEOWsock Checkout Note 01
Theme URI: https://meowsock.com
Author: OpenAI
Description: MEOWsock working theme plus a small no-refunds note below the checkout block.
Version: 1.0.0
Requires at least: 6.1
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: meow-simple-store-fixed
*/

:root{
  --bg:#000;
  --text:#fff;
  --muted:rgba(255,255,255,.70);
  --line:rgba(255,255,255,.16);
  --line-strong:rgba(255,255,255,.24);
  --panel:rgba(0,0,0,.74);
  --panel-2:rgba(255,255,255,.07);
  --radius:28px;
  --max:1180px;
  --content:900px;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  background:#030303;
  color:var(--text);
  font-family:var(--font);
  line-height:1.45;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.46),rgba(0,0,0,.86)),
    url("assets/images/socks-bg.webp");
  background-size:cover;
  background-position:center;
  background-attachment:fixed;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 74% 38%,rgba(255,255,255,.13),transparent 24%),
    radial-gradient(circle at 12% 80%,rgba(255,255,255,.09),transparent 22%);
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.site-header{
  position:fixed;
  top:0;left:0;right:0;
  z-index:100;
  padding:28px clamp(18px,4vw,58px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.brand{
  font-weight:950;
  font-size:clamp(1.15rem,2vw,1.55rem);
  letter-spacing:.18em;
  text-transform:uppercase;
}
.top-checkout{
  border:1px solid rgba(255,255,255,.22);
  background:#fff;
  color:#000;
  border-radius:999px;
  padding:14px 22px;
  font-weight:950;
  box-shadow:0 18px 50px rgba(0,0,0,.25);
}
.screen-wrap{padding-top:96px}
.page-shell{
  min-height:100vh;
  width:min(var(--max),calc(100% - 34px));
  margin:0 auto;
  padding:24px 0 80px;
}
.home-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(330px,430px);
  gap:clamp(28px,7vw,90px);
  align-items:center;
  min-height:calc(100vh - 120px);
}
.hero{text-align:center;display:grid;place-items:center;min-height:54vh}
.hero-title{
  margin:0;
  font-size:clamp(5rem,18vw,15rem);
  line-height:.78;
  letter-spacing:-.085em;
  font-weight:1000;
  text-transform:uppercase;
  text-shadow:0 18px 80px rgba(0,0,0,.8);
}
.checkout-panel,
.woo-box{
  border:1px solid var(--line);
  background:var(--panel);
  
  border-radius:var(--radius);
  box-shadow:0 22px 55px rgba(0,0,0,.50);
}
.checkout-panel{padding:18px}
.carousel{position:relative;border:1px solid var(--line);background:#fff;border-radius:22px;overflow:hidden}
.carousel-track{position:relative;aspect-ratio:1/1;background:#fff;border-radius:18px;overflow:hidden}
.carousel-slide{position:absolute;inset:0;opacity:0;transition:opacity .2s ease;background:#fff;padding:0}
.carousel-slide.is-active{opacity:1}
.carousel-slide img{width:100%;height:100%;object-fit:contain;object-position:center center;background:#fff}
.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.56);color:#fff;font-size:28px;font-weight:800;line-height:1;display:grid;place-items:center;cursor:pointer}
.carousel-btn:hover{background:#fff;color:#000}
.carousel-btn.prev{left:12px}
.carousel-btn.next{right:12px}
.dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:8px}
.dot{width:8px;height:8px;border:0;border-radius:50%;background:rgba(255,255,255,.34);cursor:pointer}
.dot.is-active{background:#fff}
.wordstack{padding:26px 12px 20px;text-align:center;font-weight:1000;font-size:clamp(2.45rem,5vw,4.15rem);line-height:.85;letter-spacing:-.075em;text-transform:uppercase}
.wordstack span{display:block}
.price{padding:0 12px 20px;text-align:center;font-weight:900;font-size:1.12rem;color:var(--muted)}
.buy-form{display:grid;gap:14px}
.qty-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);background:var(--panel-2);border-radius:22px;padding:12px}
.qty-label{font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.8rem}
.qty-control{display:flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:#000}
.qty-control button{width:44px;height:44px;border:0;background:transparent;color:#fff;font-size:24px;font-weight:900;cursor:pointer}
.qty-control button:hover{background:#fff;color:#000}
.qty-control input{width:62px;height:44px;border:0;border-inline:1px solid var(--line);background:#050505;color:#fff;text-align:center;font-weight:950;font-size:1.1rem;appearance:textfield}
.qty-control input::-webkit-outer-spin-button,.qty-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.actions{display:grid;grid-template-columns:1fr;gap:10px}
.btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .wc-proceed-to-checkout a.checkout-button{
  width:100%;
  min-height:56px;
  border:0;
  border-radius:999px;
  background:#fff;
  color:#000;
  font-weight:1000;
  font-size:1rem;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  box-shadow:none;
}
.btn.secondary{background:transparent;color:#fff;border:1px solid var(--line)}
.btn:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover{transform:translateY(-1px);background:#f1f1f1;color:#000}
.missing-product{border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:14px;color:var(--muted);font-size:.92rem}

/* Simple cart + checkout pages */
.page-card{
  width:min(var(--content), calc(100% - 34px));
  margin:0 auto 70px;
  padding:24px;
}
.page-card h1,
.page-card h2,
.page-card h3,
.page-card p,
.page-card label,
.page-card th,
.page-card td,
.page-card li,
.page-card small,
.page-card strong,
.page-card span{
  color:var(--text);
}
.page-title{
  margin:0 0 22px;
  font-size:clamp(2.2rem,5vw,3.3rem);
  line-height:.92;
  letter-spacing:-.06em;
  text-transform:uppercase;
}
.page-copy{color:var(--muted)}

.woocommerce ul.products,
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering,
.woocommerce-breadcrumb,
.woocommerce-products-header,
.woocommerce-tabs,
.related.products,
.up-sells,
.cross-sells,
.product_meta,
.woocommerce .quantity.hidden,
.single_add_to_cart_button + .added_to_cart,
.woocommerce div.product .woocommerce-tabs,
.woocommerce div.product .product_title,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce div.product .woocommerce-product-details__short-description{
  display:none !important;
}

.woocommerce-notices-wrapper,
.woocommerce-error,
.woocommerce-info,
.woocommerce-message{
  background:rgba(255,255,255,.08);
  border:1px solid var(--line-strong);
  color:var(--text);
  border-radius:18px;
  padding:16px 18px;
  margin:0 0 18px;
  list-style:none;
}
.woocommerce table.shop_table,
.woocommerce-page table.shop_table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid var(--line-strong);
  border-radius:18px;
  overflow:hidden;
  background:rgba(255,255,255,.03);
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td{
  border-color:var(--line) !important;
  padding:16px 14px;
}
.woocommerce table.shop_table thead th{background:rgba(255,255,255,.04);text-transform:uppercase;font-size:.78rem;letter-spacing:.12em}
.woocommerce .cart_totals,
.woocommerce .col2-set,
.woocommerce-checkout-review-order,
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register,
.woocommerce .coupon{
  border:1px solid var(--line-strong);
  background:rgba(255,255,255,.03);
  border-radius:18px;
  padding:18px;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals,
.woocommerce .checkout.woocommerce-checkout{
  margin-top:22px;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.select2-container--default .select2-selection--single{
  background:#0a0a0a !important;
  color:#fff !important;
  border:1px solid var(--line-strong) !important;
  border-radius:14px !important;
  min-height:50px;
  padding:10px 14px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#fff !important;line-height:28px !important;padding-left:0 !important}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:100% !important}
.woocommerce .product-name a,
.woocommerce a{color:#fff}
.woocommerce .quantity .qty{width:74px;background:#0a0a0a;color:#fff;border:1px solid var(--line-strong);border-radius:12px;padding:10px}
.woocommerce .cart .button,
.woocommerce .cart input.button,
.woocommerce .checkout-button,
.woocommerce .button.alt,
.woocommerce input.button.alt,
.woocommerce-page #payment #place_order{
  width:auto;
  min-width:220px;
  padding:14px 24px;
}
.woocommerce-page #payment{
  background:rgba(255,255,255,.03) !important;
  border:1px solid var(--line-strong);
  border-radius:18px;
}
.woocommerce-page #payment div.payment_box{background:rgba(255,255,255,.05) !important;color:#fff}
.woocommerce-page #payment div.payment_box::before{border-bottom-color:rgba(255,255,255,.05) !important}
.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce .woocommerce-form-login-toggle .woocommerce-info{
  background:rgba(255,255,255,.04);
}
.woocommerce #customer_details,
.woocommerce #order_review_heading,
.woocommerce #order_review{margin-top:24px}

.footer-note{padding:0 24px 32px;text-align:center;color:rgba(255,255,255,.38);font-size:.85rem}
.hidden-title{display:none !important}

@media (max-width: 860px){
  .site-header{padding:20px}
  .page-shell{padding-top:18px}
  .home-grid{grid-template-columns:1fr;min-height:auto}
  .hero{min-height:28vh}
  .checkout-panel{max-width:520px;width:100%;margin-inline:auto}
  .hero-title{font-size:clamp(4.5rem,27vw,9rem)}
  .page-card{padding:18px}
}


/* Stable checkout cleanup. Payment buttons are controlled in WooPayments settings. */
body.woocommerce-checkout .top-checkout,
body.woocommerce-order-pay .top-checkout {
  display: none !important;
}

#order_comments_field,
.woocommerce-additional-fields,
.woocommerce-additional-fields__field-wrapper,
.wc-block-checkout__add-note,
.wc-block-checkout__order-notes,
.wc-block-components-checkout-step--order-notes {
  display: none !important;
}

.woocommerce-SavedPaymentMethods-saveNew,
#wc-woocommerce_payments-new-payment-method,
#wc-woocommerce_payments-payment-token-new,
label[for="wc-woocommerce_payments-new-payment-method"] {
  display: none !important;
}


/* Remove saved-card / save-payment-info checkbox everywhere */
.woocommerce-SavedPaymentMethods-saveNew,
.woocommerce-save-payment-method,
#wc-woocommerce_payments-new-payment-method,
#wc-woocommerce_payments-payment-token-new,
label[for="wc-woocommerce_payments-new-payment-method"],
label[for*="save-payment" i],
label[for*="save" i],
input[name*="save" i],
input[id*="save" i],
.wc-block-components-checkbox:has(input[name*="save" i]),
.wc-block-components-checkbox:has(input[id*="save" i]) {
  display: none !important;
}

/* Remove bottom random footer MEOW text */
.footer-note {
  display: none !important;
}


/* Make top Checkout button readable always */
.top-checkout,
.top-checkout:visited,
.top-checkout:hover,
.top-checkout:focus,
.top-checkout:active {
  background: #fff !important;
  color: #000 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
}


/* Checkout page fit pass */
body.woocommerce-checkout .screen-wrap,
body.woocommerce-cart .screen-wrap {
  min-height: 100dvh;
}

body.woocommerce-checkout .page-card,
body.woocommerce-cart .page-card {
  width: min(860px, calc(100% - 34px)) !important;
}

@media (min-width: 861px) {
  body.woocommerce-checkout {
    overflow-y: auto;
  }

  body.woocommerce-checkout .screen-wrap {
    padding-top: clamp(54px, 6dvh, 78px) !important;
  }

  body.woocommerce-checkout .page-shell {
    padding-top: 0 !important;
    padding-bottom: 22px !important;
  }

  body.woocommerce-checkout .page-card {
    width: min(780px, calc(100% - 48px)) !important;
    padding: clamp(14px, 1.8dvh, 20px) !important;
    margin-bottom: 24px !important;
  }

  body.woocommerce-checkout .woocommerce .checkout.woocommerce-checkout {
    margin-top: 0 !important;
  }

  body.woocommerce-checkout .woocommerce #customer_details,
  body.woocommerce-checkout .woocommerce #order_review_heading,
  body.woocommerce-checkout .woocommerce #order_review {
    margin-top: clamp(10px, 1.4dvh, 18px) !important;
  }

  body.woocommerce-checkout .woocommerce form .form-row {
    margin-bottom: clamp(7px, 1dvh, 10px) !important;
  }

  body.woocommerce-checkout .woocommerce form .form-row label,
  body.woocommerce-checkout .woocommerce-checkout-review-order-table,
  body.woocommerce-checkout .woocommerce-checkout-payment,
  body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper,
  body.woocommerce-checkout .meow-no-refunds-note {
    font-size: clamp(.88rem, 1.45dvh, 1rem) !important;
  }

  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--default .select2-selection--single {
    min-height: clamp(38px, 5dvh, 48px) !important;
    padding: 8px 12px !important;
  }

  body.woocommerce-checkout .woocommerce table.shop_table th,
  body.woocommerce-checkout .woocommerce table.shop_table td {
    padding: clamp(8px, 1.2dvh, 13px) 12px !important;
  }

  body.woocommerce-checkout .woocommerce-page #payment,
  body.woocommerce-checkout .woocommerce .col2-set,
  body.woocommerce-checkout .woocommerce-checkout-review-order {
    padding: clamp(12px, 1.6dvh, 16px) !important;
  }

  body.woocommerce-checkout .woocommerce-page #payment ul.payment_methods li {
    padding: 7px 0 !important;
  }

  body.woocommerce-checkout .wc-block-components-express-payment,
  body.woocommerce-checkout .wc-block-components-express-payment__event-buttons,
  body.woocommerce-checkout .wcpay-express-checkout-wrapper {
    margin-bottom: clamp(10px, 1.3dvh, 16px) !important;
  }

  body.woocommerce-checkout .woocommerce-page #payment #place_order {
    min-height: clamp(40px, 5.3dvh, 48px) !important;
  }
}

@media (min-width: 861px) and (max-height: 780px) {
  body.woocommerce-checkout .screen-wrap {
    padding-top: 48px !important;
  }

  body.woocommerce-checkout .page-card {
    width: min(720px, calc(100% - 42px)) !important;
    padding: 12px !important;
  }

  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--default .select2-selection--single {
    min-height: 36px !important;
  }

  body.woocommerce-checkout .woocommerce form .form-row {
    margin-bottom: 6px !important;
  }

  body.woocommerce-checkout .woocommerce table.shop_table th,
  body.woocommerce-checkout .woocommerce table.shop_table td {
    padding: 7px 10px !important;
  }
}

@media (max-width: 860px) {
  body.woocommerce-checkout .page-card,
  body.woocommerce-cart .page-card {
    width: min(100% - 22px, 560px) !important;
    padding: 14px !important;
  }

  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--default .select2-selection--single {
    min-height: 44px !important;
  }
}

.meow-no-refunds-note {
  color: #fff !important;
  font-weight: 900 !important;
  text-align: center !important;
  margin: 12px 0 10px !important;
  letter-spacing: .01em !important;
}


/* Small note BELOW checkout block only */
.meowsock-checkout-bottom-note {
  display: block;
  text-align: center;
  color: rgba(255,255,255,.72);
  font-size: 12px;
  line-height: 1.25;
  font-weight: 700;
  margin: 10px auto 0;
  padding: 0 12px;
  width: 100%;
  max-width: 900px;
}

.meowsock-empty-checkout {
  max-width: 620px;
  margin: 0 auto;
  padding: 48px 24px;
  text-align: center;
  border: 1px solid var(--line-strong);
  border-radius: 24px;
  background: rgba(255,255,255,.03);
}
.meowsock-empty-checkout h1 {
  margin: 0 0 12px;
  font-size: clamp(28px, 4vw, 42px);
  letter-spacing: -.03em;
}
.meowsock-empty-checkout p {
  margin: 0 auto 24px;
  color: var(--muted);
  max-width: 420px;
}
.meowsock-empty-checkout .meowsock-continue-shopping {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Logged-in admin-only checkout preview while WooCommerce is Coming Soon. */
.meowsock-admin-checkout-preview {
  position: fixed;
  z-index: 100000;
  inset: 104px 24px 24px;
  display: grid;
  place-items: center;
  padding: 24px;
  background: radial-gradient(circle at 50% 25%, rgba(255,255,255,.08), transparent 55%), #050505;
}
.meowsock-admin-checkout-preview__card {
  width: min(680px, 100%);
  padding: clamp(32px, 6vw, 64px) clamp(24px, 6vw, 72px);
  text-align: center;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 28px;
  background: rgba(16,16,16,.94);
  box-shadow: 0 24px 90px rgba(0,0,0,.55);
}
.meowsock-admin-checkout-preview__eyebrow {
  display: block;
  margin-bottom: 14px;
  color: rgba(255,255,255,.62);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .18em;
}
.meowsock-admin-checkout-preview__card h1 {
  margin: 0 0 14px;
  color: #fff;
  font-size: clamp(28px, 5vw, 48px);
  line-height: 1.05;
  letter-spacing: -.04em;
}
.meowsock-admin-checkout-preview__card p {
  max-width: 500px;
  margin: 0 auto 28px;
  color: rgba(255,255,255,.72);
  font-size: 16px;
}
.meowsock-admin-checkout-preview__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 24px;
  border-radius: 999px;
  background: #fff;
  color: #000 !important;
  font-weight: 800;
  text-decoration: none !important;
}
@media (max-width: 640px) {
  .meowsock-admin-checkout-preview { inset: 92px 12px 12px; padding: 12px; }
}


/* Responsive storefront: content sets its height; the viewport never clips it. */
#checkout{scroll-margin-top:100px}
body:is(.home,.post-type-archive-product,.single-product){
  overflow-x:clip !important;
  overflow-y:auto !important;
}
body:is(.home,.post-type-archive-product,.single-product) .site-header{
  height:88px; padding:20px clamp(24px,4vw,64px);
  background:linear-gradient(#03030399,transparent);
}
body:is(.home,.post-type-archive-product,.single-product) .screen-wrap{
  height:auto !important; min-height:100svh !important;
  padding:100px 0 36px !important; overflow:visible !important;
}
body:is(.home,.post-type-archive-product,.single-product) .home-grid{
  width:min(1200px,calc(100% - 64px));
  height:auto !important; min-height:calc(100svh - 136px) !important;
  padding:0 !important; margin:0 auto;
  display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,360px) !important;
  gap:clamp(32px,5vw,80px) !important; align-items:center !important;
  overflow:visible !important;
}
body:is(.home,.post-type-archive-product,.single-product) .hero{
  min-width:0; min-height:0 !important;
}
body:is(.home,.post-type-archive-product,.single-product) .hero-title{
  font-size:clamp(88px,14vw,190px) !important;
  line-height:.85; letter-spacing:-.075em;
}
body:is(.home,.post-type-archive-product,.single-product) .checkout-panel{
  width:100% !important; max-width:360px !important; height:auto !important;
  max-height:none !important; margin:0 !important; padding:16px !important;
  border-radius:28px; overflow:visible !important;
  background:rgba(5,5,5,.88); box-shadow:0 24px 64px #0006;
}
body:is(.home,.post-type-archive-product,.single-product) .carousel{
  border-radius:18px; overflow:hidden;
}
body:is(.home,.post-type-archive-product,.single-product) .carousel-track{
  aspect-ratio:1.5 !important; max-height:none !important;
}
body:is(.home,.post-type-archive-product,.single-product) .carousel-btn{
  width:38px;height:38px;font-size:24px;background:#0008;border-color:#ffffff33;
}
.dot{background:#0004}.dot.is-active{background:#000}
body:is(.home,.post-type-archive-product,.single-product) .wordstack{
  font-size:clamp(28px,2.8vw,35px) !important;
  line-height:.91 !important; letter-spacing:-.055em;
  padding:18px 4px 14px !important;
}
body:is(.home,.post-type-archive-product,.single-product) .price{
  font-size:15px !important; padding:0 4px 16px !important;
  color:#ffffffb3;
}
body:is(.home,.post-type-archive-product,.single-product) .buy-form{
  gap:12px !important;
}
body:is(.home,.post-type-archive-product,.single-product) .qty-row{
  padding:9px 12px !important; border-radius:18px; gap:12px;
}
body:is(.home,.post-type-archive-product,.single-product) .qty-control button{
  height:40px !important;width:40px !important;
}
body:is(.home,.post-type-archive-product,.single-product) .qty-control input{
  height:40px !important;width:52px !important;font-size:16px;
}
body:is(.home,.post-type-archive-product,.single-product) .actions{gap:10px !important}
body:is(.home,.post-type-archive-product,.single-product) .btn{
  min-height:46px !important;font-size:14px !important;
}
:where(a,button,input):focus-visible{outline:3px solid #fff;outline-offset:4px}
.carousel :where(button):focus-visible{outline-color:#111}
button:disabled{cursor:not-allowed}
.preview-note{
  width:min(1200px,calc(100% - 64px));margin:24px auto 0;
  color:#ffffff9c;font-size:12px;letter-spacing:.02em;text-align:center;
}
@media(min-width:961px) and (max-height:850px){
  body:is(.home,.post-type-archive-product,.single-product) .screen-wrap{
    padding-top:88px !important;padding-bottom:24px !important;
  }
  body:is(.home,.post-type-archive-product,.single-product) .home-grid{
    min-height:calc(100svh - 112px) !important;
    grid-template-columns:minmax(0,1fr) minmax(300px,320px) !important;
  }
  body:is(.home,.post-type-archive-product,.single-product) .checkout-panel{
    max-width:320px !important;padding:12px !important;border-radius:24px;
  }
  body:is(.home,.post-type-archive-product,.single-product) .carousel-track{
    aspect-ratio:1.85 !important;
  }
  body:is(.home,.post-type-archive-product,.single-product) .wordstack{
    font-size:26px !important;padding:14px 4px 10px !important;
  }
  body:is(.home,.post-type-archive-product,.single-product) .price{padding-bottom:12px !important}
}
@media(min-width:961px) and (max-height:740px){
  body:is(.home,.post-type-archive-product,.single-product) .site-header{
    height:68px;padding-top:12px;padding-bottom:12px;
  }
  body:is(.home,.post-type-archive-product,.single-product) .screen-wrap{
    padding-top:76px !important;padding-bottom:16px !important;
  }
  body:is(.home,.post-type-archive-product,.single-product) .home-grid{
    min-height:calc(100svh - 92px) !important;
  }
  body:is(.home,.post-type-archive-product,.single-product) .carousel-track{
    aspect-ratio:2.1 !important;
  }
  body:is(.home,.post-type-archive-product,.single-product) .wordstack{
    font-size:22px !important;line-height:.88 !important;padding:12px 4px !important;
  }
  body:is(.home,.post-type-archive-product,.single-product) .price{
    font-size:14px !important;padding-bottom:8px !important;
  }
  body:is(.home,.post-type-archive-product,.single-product) .buy-form{gap:8px !important}
  body:is(.home,.post-type-archive-product,.single-product) .qty-row{padding:6px 12px !important}
  body:is(.home,.post-type-archive-product,.single-product) .qty-control button,
  body:is(.home,.post-type-archive-product,.single-product) .qty-control input{height:36px !important}
  body:is(.home,.post-type-archive-product,.single-product) .actions{gap:8px !important}
  body:is(.home,.post-type-archive-product,.single-product) .btn{min-height:42px !important}
}
@media(max-width:960px){
  body:is(.home,.post-type-archive-product,.single-product) .site-header{
    background:#030303eb;backdrop-filter:blur(12px);
  }
  body:is(.home,.post-type-archive-product,.single-product) .home-grid{
    width:min(680px,calc(100% - 48px));min-height:0 !important;
    grid-template-columns:minmax(0,1fr) !important;gap:32px !important;
  }
  body:is(.home,.post-type-archive-product,.single-product) .hero{
    padding:24px 0 12px;min-height:160px !important;
  }
  body:is(.home,.post-type-archive-product,.single-product) .hero-title{
    font-size:clamp(90px,21vw,150px) !important;
  }
  body:is(.home,.post-type-archive-product,.single-product) .checkout-panel{
    max-width:420px !important;margin:0 auto !important;padding:20px !important;
  }
  body:is(.home,.post-type-archive-product,.single-product) .wordstack{
    font-size:36px !important;padding:22px 4px 18px !important;
  }
  body:is(.home,.post-type-archive-product,.single-product) .btn{
    min-height:50px !important;font-size:15px !important;
  }
}
@media(max-width:540px){
  body:is(.home,.post-type-archive-product,.single-product) .site-header{
    height:76px;padding:16px 20px;
  }
  .brand{font-size:18px;letter-spacing:.14em}
  .top-checkout{padding:11px 19px;font-size:14px;min-height:42px}
  body:is(.home,.post-type-archive-product,.single-product) .screen-wrap{
    padding:88px 0 28px !important;
  }
  body:is(.home,.post-type-archive-product,.single-product) .home-grid{
    width:calc(100% - 32px);gap:24px !important;
  }
  body:is(.home,.post-type-archive-product,.single-product) .hero{
    min-height:116px !important;padding:18px 0 10px;
  }
  body:is(.home,.post-type-archive-product,.single-product) .hero-title{
    font-size:clamp(76px,24vw,124px) !important;
  }
  body:is(.home,.post-type-archive-product,.single-product) .checkout-panel{
    padding:16px !important;border-radius:24px;
  }
  body:is(.home,.post-type-archive-product,.single-product) .carousel-track{aspect-ratio:1.35 !important}
  body:is(.home,.post-type-archive-product,.single-product) .wordstack{
    font-size:clamp(30px,9vw,38px) !important;padding:20px 4px 16px !important;
  }
  body:is(.home,.post-type-archive-product,.single-product) .qty-control button{
    width:44px !important;height:44px !important;
  }
  body:is(.home,.post-type-archive-product,.single-product) .qty-control input{
    width:48px !important;height:44px !important;
  }
  .qty-label{font-size:11px}
  .preview-note{width:calc(100% - 40px);margin-top:20px;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .carousel-slide{transition:none}
}