/* MAXYM4LNY - WooCommerce surface: cart, checkout, notices, blocks. */
/* ==========================================================================
   WOOCOMMERCE — cart, checkout, notices, blocks. Matches the black shell.
   ========================================================================== */
.woocommerce-page .entry{
  padding-top:calc(56px + clamp(44px,8vh,110px));
  padding-bottom:clamp(70px,12vh,140px);
}
.woocommerce-notices-wrapper{margin-bottom:28px}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
  list-style:none;
  margin:0 0 14px;
  padding:16px 18px;
  border:1px solid var(--line);
  background:var(--bg-2);
  color:var(--fg);
  font-family:var(--f-display);
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  display:flex;
  align-items:center;
  gap:14px;
}
.woocommerce-message{border-left:2px solid var(--acid)}
.woocommerce-info{border-left:2px solid var(--dim)}
.woocommerce-error{border-left:2px solid var(--pink)}
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button{
  margin-left:auto;
  border:1px solid var(--line);
  padding:9px 16px;
  font-size:10px;
  letter-spacing:.2em;
  color:var(--fg);
  transition:.45s var(--ease);
}
.woocommerce-message .button:hover,
.woocommerce-info .button:hover,
.woocommerce-error .button:hover{border-color:var(--acid);color:var(--acid)}

.woocommerce table.shop_table{
  border:1px solid var(--line);
  border-collapse:collapse;
  width:100%;
  color:var(--fg);
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td{
  border-bottom:1px solid var(--line-soft);
  padding:16px 18px;
  text-align:left;
  font-size:12px;
  letter-spacing:.06em;
}
.woocommerce table.shop_table th{
  font-family:var(--f-display);
  font-size:10px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--dim);
  font-weight:600;
}
.woocommerce a.remove{color:var(--dimmer) !important;transition:color .4s}
.woocommerce a.remove:hover{color:var(--pink) !important;background:transparent !important}
.woocommerce .quantity .qty,
.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select,
.wc-block-components-text-input input,
.wc-block-components-textarea{
  background:var(--bg-2) !important;
  border:1px solid var(--line) !important;
  color:var(--fg) !important;
  padding:12px 14px;
  font-family:var(--f-body);
  font-size:13px;
  border-radius:0 !important;
}
.woocommerce input.input-text:focus,
.woocommerce textarea:focus{
  border-color:var(--acid) !important;
  outline:none;
}
.woocommerce .button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.wc-block-components-button,
.wp-block-button__link{
  position:relative;
  background:transparent !important;
  border:1px solid var(--line) !important;
  color:var(--fg) !important;
  border-radius:0 !important;
  padding:15px 28px !important;
  font-family:var(--f-display) !important;
  font-size:10.5px !important;
  font-weight:600 !important;
  letter-spacing:.24em !important;
  text-transform:uppercase;
  transition:.5s var(--ease);
}
.woocommerce .button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.wc-block-components-button:hover,
.wp-block-button__link:hover{
  background:var(--fg) !important;
  color:#050505 !important;
  border-color:var(--fg) !important;
}
.woocommerce .cart_totals h2,
.woocommerce h2,
.woocommerce h3{
  font-family:var(--f-display);
  font-weight:800;
  letter-spacing:-.02em;
  text-transform:uppercase;
  font-size:clamp(16px,2vw,26px);
  margin-block:1.4em .8em;
}
.woocommerce .cart-collaterals,
.woocommerce-checkout-review-order,
.woocommerce-Review-order{
  border:1px solid var(--line);
  padding:clamp(20px,3vw,38px);
  background:rgba(255,255,255,.008);
  margin-top:clamp(26px,4vh,50px);
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register{
  border:1px solid var(--line);
  border-radius:0;
  padding:clamp(20px,3vw,34px);
  background:var(--bg-2);
}
.woocommerce .woocommerce-checkout #payment{
  background:transparent;
  border:1px solid var(--line);
  border-radius:0;
}
.woocommerce #payment div.payment_box{background:var(--bg-2);color:var(--dim)}
.woocommerce #payment div.payment_box::before{border-bottom-color:var(--line)}
.woocommerce ul.products{
  display:grid !important;
  grid-template-columns:repeat(4,1fr);
  gap:clamp(16px,2.5vw,46px);
  margin:0;padding:0;
}
.woocommerce ul.products li.product{
  margin:0 !important;
  width:auto !important;
  float:none !important;
  text-align:left;
}
.woocommerce ul.products li.product a img{
  border:1px solid var(--line);
  margin:0 0 15px !important;
  transition:opacity .6s var(--ease),transform 1.2s var(--ease);
  opacity:.8;
}
.woocommerce ul.products li.product:hover a img{opacity:1;transform:scale(1.035)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--f-display) !important;
  font-size:12px !important;
  font-weight:600 !important;
  letter-spacing:.1em;
  text-transform:uppercase;
  padding:0 !important;
}
.woocommerce ul.products li.product .price{
  color:var(--dim) !important;
  font-size:12px !important;
}
.woocommerce ul.products li.product .button{margin-top:12px !important}
.woocommerce span.onsale{
  background:var(--acid) !important;
  color:#050505 !important;
  border-radius:0 !important;
  font-family:var(--f-display) !important;
  font-size:9px !important;
  letter-spacing:.2em;
  text-transform:uppercase;
  min-height:auto;
  padding:6px 10px;
  line-height:1;
  top:12px;left:12px;
}
.woocommerce .star-rating span::before,
.woocommerce .star-rating::before{color:var(--acid) !important}
.woocommerce div.product .product_title,
.woocommerce div.product .woocommerce-product-details__short-description{
  font-family:var(--f-display);
  letter-spacing:-.03em;
  text-transform:uppercase;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  font-family:var(--f-display);
  font-size:10.5px;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--dim);
}
.wc-block-cart__submit-button,
.wc-block-components-totals-item__value,
.wc-block-components-product-name{color:var(--fg)}
.wc-block-components-sidebar-layout .wc-block-components-sidebar{
  background:transparent;
  border:1px solid var(--line);
}
.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout{color:var(--fg)}
.woocommerce-store-notice{
  background:var(--acid);
  color:#050505;
  font-family:var(--f-display);
  font-size:10.5px;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.woocommerce-store-notice a{color:#050505;text-decoration:underline}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width:1180px){
  .merch-grid,.prod-grid{grid-template-columns:repeat(2,1fr)}
  .woocommerce ul.products{grid-template-columns:repeat(2,1fr) !important}
}

@media (max-width:980px){
  .hero .grid{grid-template-columns:1fr;gap:clamp(34px,7vw,60px)}
  .hero-art{align-items:flex-start;width:100%}
  .art-frame{width:min(72vw,420px)}
  .art-label{text-align:left}
  .music-grid{grid-template-columns:1fr;gap:clamp(34px,7vw,64px)}
  .vid-grid{grid-template-columns:1fr;gap:clamp(34px,8vw,60px)}
  .contact-grid{grid-template-columns:1fr;gap:clamp(34px,7vw,60px)}
  .sec-head{align-items:flex-start;flex-direction:column;gap:16px}
  .sec-head .micro{padding-bottom:0}
}

@media (max-width:980px){
  .woocommerce div.product{grid-template-columns:1fr}
}

@media (max-width:760px){
  .tour-row{grid-template-columns:1fr auto;gap:7px 14px;padding:16px 2px}
  .tour-idx{display:none}
  .tour-date{grid-column:1;grid-row:1;color:var(--dim)}
  .tour-place{grid-column:1;grid-row:2}
  .tour-cta{grid-column:2;grid-row:1 / span 2;align-self:center;padding:10px 14px}
  .tour-cta--sold{padding-inline:0}
}

@media (max-width:620px){
  body{font-size:14px}
  :root{--gut:18px}
  .site-header .inner{height:52px}
  .brand{font-size:11.5px}
  .nav{gap:11px}
  .nav a{font-size:8.5px;letter-spacing:.12em}
  .nav-cart .cart-label{display:none}
  .nav-cart svg{width:16px;height:16px}
  html{scroll-padding-top:62px}

  .hero{min-height:auto;padding-top:calc(52px + 46px);padding-bottom:56px}
  .hero-name{font-size:clamp(52px,17.5vw,86px);letter-spacing:-.045em}
  .hero-name .l2{margin-left:.2em}
  .hero-tag{max-width:24ch;letter-spacing:.15em}
  .art-frame{width:min(84vw,340px)}
  .btn-outline{width:100%;justify-content:center;padding:16px 20px}

  .section{padding-block:clamp(64px,11vh,92px)}
  .sec-title{font-size:clamp(30px,11vw,48px)}
  .release-title{font-size:clamp(34px,10.5vw,58px)}
  .marquee{padding-block:12px}
  .marquee span{font-size:9.5px;letter-spacing:.22em}
  .marquee-track{gap:34px}

  .merch-grid,.prod-grid{grid-template-columns:1fr;gap:34px}
  .woocommerce ul.products{grid-template-columns:1fr !important}
  .track{gap:12px;padding:14px 0}
  .track .t-name{font-size:11px;letter-spacing:.1em}
  .btn-row{flex-direction:column;align-items:stretch}
  .btn-row .btn-outline{width:100%;justify-content:center}
  .btn-ghost{width:100%;justify-content:center}
  .foot-grid{flex-direction:column;align-items:flex-start;gap:24px}
  .foot-bottom{flex-direction:column;align-items:flex-start;gap:10px}
  .contact-row .v{font-size:12px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  .marquee-track{animation:none}
  .art-frame img,.vid-thumb img,.prod-img img{transition:none}
}