/* ══════════════════════════════════════════════════════════════
   SUTRA — WooCommerce, WCBoost and block markup in the black & gold palette.
   site.css is the design system; this file maps plugin markup onto it.
   ══════════════════════════════════════════════════════════════ */

/* WordPress leaves this on body; the admin bar pushes the sticky header down */
.admin-bar .hdr{ top:32px; }
@media (max-width:782px){ .admin-bar .hdr{ top:46px; } }
@media (max-width:600px){ .admin-bar .hdr{ top:0; } }

/* phones: account + wishlist move into the menu (site.css targets the preview's hrefs) */
@media (max-width:560px){ .tools .t-account, .tools .t-wish{ display:none; } }

/* in-page anchors (#explore, #fitting, #size, #register…) must clear the sticky header.
   Native anchor jumps handle the scrolling; this just keeps the heading below the bar. */
:target{ scroll-margin-top:100px; }
#explore, #occasions, #fitting, #list, #register, #size, #main{ scroll-margin-top:100px; }

/* Hero carousel: the slides are stacked, and a faded-out slide still swallows clicks —
   so only the slide on screen may receive the pointer. */
.hero .slide{ pointer-events:none; }
.hero .slide.on{ pointer-events:auto; }
.hero .arw, .hero .dots{ pointer-events:auto; }

/* photo stacks (product cards + homepage garment tiles): cross-fade while hovered */
.shot{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .55s ease; }
.shot.on{ opacity:1; }
.no-fade .shot{ transition:none; }
.card:hover .ph .shot.on{ transform:scale(1.02); transition:opacity .55s ease, transform 3s var(--ease); }
.tile .shot{ filter:brightness(.68) saturate(.88); transition:opacity .55s ease, filter .4s; }
.tile:hover .shot{ filter:brightness(.8) saturate(1); }
.tile span{ z-index:2; }

/* shop dropdown panel (same treatment as the Collection panel) */
.mega .medit.s .medit-img{ filter:brightness(.5) saturate(.85); }
.mega .medit.s .medit-in{ background:linear-gradient(180deg,rgba(11,10,8,.55),rgba(11,10,8,.95)); }
.mega .medit.s h4{ color:var(--gold); border-color:var(--line); }

/* Razorpay's own "Pay Now / Cancel" panel on the order-pay page — it ships unstyled,
   which reads as washed-out grey on our black ground. */
#msg-razorpay-success{ background:var(--bg-1) !important; border:1px solid var(--line) !important;
  border-top-width:1px !important; color:var(--txt) !important; padding:16px 20px !important;
  font-family:var(--ui); font-size:14px; }
#btn-razorpay, #btn-razorpay-cancel, .razorpay-payment-button, .woocommerce-pay .button,
#order_review .button, .wc-block-components-button.razorpay{
  display:inline-flex !important; align-items:center; justify-content:center; padding:14px 30px !important;
  border-radius:0 !important; font-family:var(--ui) !important; font-size:11px !important; letter-spacing:.24em;
  text-transform:uppercase; cursor:pointer; opacity:1 !important; filter:none !important; text-shadow:none !important;
  box-shadow:none !important; min-width:170px; }
#btn-razorpay, .razorpay-payment-button{ background:var(--gold) !important; border:1px solid var(--gold) !important; color:var(--bg-0) !important; }
#btn-razorpay:hover, .razorpay-payment-button:hover{ background:var(--gold-hi) !important; border-color:var(--gold-hi) !important; }
#btn-razorpay+#btn-razorpay-cancel, #btn-razorpay-cancel{ background:transparent !important; border:1px solid var(--line) !important; color:var(--txt) !important; margin-left:10px; }
#btn-razorpay-cancel:hover{ border-color:var(--gold) !important; color:var(--gold) !important; }
.woocommerce-pay, .woocommerce-order-pay{ color:var(--txt); }
form#order_review, .woocommerce-checkout-payment{ background:var(--bg-1) !important; border:1px solid var(--line); padding:22px; }
.payment_methods{ list-style:none; padding:0; }
.payment_methods li{ padding:12px 0; border-bottom:1px solid var(--line-2); }
.payment_box{ background:transparent !important; color:var(--mut) !important; font-size:13px; }
.payment_box::before{ display:none !important; }

.chip[aria-current="page"]{ background:var(--gold); border-color:var(--gold); color:var(--bg-0); }
.card .quick{ display:block; text-align:center; }
.card .fav-wrap{ position:absolute; top:10px; right:10px; z-index:3; }
.card .price del, .buy .price del{ color:var(--dim); margin-right:8px; font-size:.85em; }
.card .price ins, .buy .price ins{ text-decoration:none; }
.buy .short p{ margin:0 0 10px; }

/* ── notices ── */
.woocommerce-notices-wrapper:empty{ display:none; }
.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notice-banner{
  list-style:none; margin:22px 0; padding:16px 20px !important; border:1px solid var(--line) !important; background:var(--bg-1) !important;
  font-family:var(--ui); font-size:14px; color:var(--txt) !important; display:flex; gap:14px; align-items:center; flex-wrap:wrap; border-radius:0 !important; }
.woocommerce-message{ border-color:rgba(143,181,138,.45) !important; }
.woocommerce-error{ border-color:rgba(217,164,65,.6) !important; }
.woocommerce-message .button, .woocommerce-info .button{ order:2; margin-left:auto; }
.wc-block-components-notice-banner svg{ fill:var(--gold) !important; }

/* ── toolbar: sort + pagination ── */
.woocommerce-ordering{ margin:0; }
.woocommerce-result-count{ display:none; }
.woocommerce-pagination{ padding-block:40px 0; }
.woocommerce-pagination ul{ display:flex; gap:8px; justify-content:center; list-style:none; margin:0; padding:0; border:0 !important; }
.woocommerce-pagination li{ border:0 !important; }
.woocommerce-pagination a, .woocommerce-pagination span{ display:block; min-width:42px; padding:10px 12px; text-align:center;
  border:1px solid var(--line); font-family:var(--ui); font-size:12px; color:var(--mut); }
.woocommerce-pagination .current{ background:var(--gold); border-color:var(--gold); color:var(--bg-0); }

/* ── buttons everywhere WooCommerce prints them ── */
.woocommerce .button:not(.wcboost-wishlist-button), .woocommerce button.button:not(.wcboost-wishlist-button),
.woocommerce a.button:not(.wcboost-wishlist-button), .woocommerce input.button,
.single_add_to_cart_button, .wc-block-components-button:not(.is-link), .wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button, .woocommerce-Button, .woocommerce-button{
  display:inline-flex !important; align-items:center; justify-content:center; gap:10px; padding:14px 30px !important;
  border:1px solid var(--gold) !important; background:var(--gold) !important; color:var(--bg-0) !important; border-radius:0 !important;
  font-family:var(--ui) !important; font-size:11px !important; font-weight:400 !important; letter-spacing:.24em; text-transform:uppercase;
  cursor:pointer; text-decoration:none !important; box-shadow:none !important; transition:background .3s, border-color .3s; min-height:0; }
.woocommerce .button:hover, .single_add_to_cart_button:hover, .wc-block-components-button:not(.is-link):hover{
  background:var(--gold-hi) !important; border-color:var(--gold-hi) !important; }
.single_add_to_cart_button.disabled, .single_add_to_cart_button:disabled{ opacity:.55; }

/* ── product page: add-to-cart form ── */
.pdp form.cart{ display:flex; gap:10px; align-items:stretch; flex-wrap:wrap; margin:0 0 14px; }
.pdp form.variations_form{ display:block; }
.pdp .woocommerce-variation-add-to-cart{ display:flex; gap:10px; align-items:stretch; flex-wrap:wrap; }
.pdp .single_add_to_cart_button{ flex:1; min-width:180px; }
.pdp table.variations{ width:100%; border-collapse:collapse; margin-bottom:20px; }
.pdp table.variations th, .pdp table.variations td{ display:block; text-align:left; padding:0; }
.pdp table.variations label{ font-family:var(--ui); font-size:10.5px; letter-spacing:.2em; text-transform:uppercase; color:var(--dim); }
.pdp table.variations select{ width:100%; margin:8px 0 14px; }
.pdp .reset_variations{ display:none !important; }
.pdp .single_variation{ margin-bottom:14px; font-family:var(--ui); color:var(--gold); }
.pdp .single_variation .price{ margin:0; font-size:16px; }
.pdp .stock{ font-family:var(--ui); font-size:12px; color:var(--mut); margin:0 0 10px; }
.pdp .stock.out-of-stock{ color:var(--warn); }
.quantity{ display:flex; border:1px solid var(--line); }
.quantity .qty{ width:64px; border:0; background:var(--bg-1); color:var(--txt); text-align:center; font-family:var(--ui); font-size:14px; padding:0 6px; -moz-appearance:textfield; }
.quantity .qty::-webkit-inner-spin-button{ opacity:.4; }
.pdp-wish-wrap{ margin:4px 0 0; }
.acc .body ul{ padding-left:18px; }

/* WCBoost wishlist + compare buttons */
.pdp-wish-wrap .wcboost-wishlist-button, .pdp-wish-wrap a.button{ background:transparent !important; color:var(--mut) !important;
  border:1px solid var(--line) !important; padding:12px 22px !important; width:auto; }
.pdp-wish-wrap .wcboost-wishlist-button:hover, .pdp-wish-wrap a.button:hover{ color:var(--gold) !important; border-color:var(--gold) !important; background:transparent !important; }
.wcboost-wishlist-button{ display:inline-flex; align-items:center; gap:8px; font-family:var(--ui); font-size:10.5px; letter-spacing:.18em;
  text-transform:uppercase; color:var(--mut) !important; background:none !important; border:0 !important; padding:6px 0 !important; box-shadow:none !important; }
.wcboost-wishlist-button:hover, .wcboost-wishlist-button.added{ color:var(--gold) !important; }
.card .fav-wrap .wcboost-wishlist-button, .card .wcboost-wishlist-button{ width:36px !important; height:36px !important; min-width:0 !important;
  justify-content:center; border-radius:50% !important; background:rgba(11,10,8,.62) !important; color:var(--txt) !important;
  border:0 !important; padding:0 !important; letter-spacing:0 !important; }
.card .wcboost-wishlist-button:hover{ background:rgba(11,10,8,.9) !important; color:var(--gold) !important; }
.card .wcboost-wishlist-button.added, .card .wcboost-wishlist-button[class*="added"]{ color:var(--gold) !important; }
.card .wcboost-wishlist-button__text{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
.wcboost-wishlist-button svg, .wcboost-wishlist-button .wcboost-wishlist-button__icon{ width:16px; height:16px; fill:currentColor; }

/* ── store pages: cart, checkout, account, wishlist ── */
.wc-page{ padding-block:4px 90px; }
.wc-title{ font-family:var(--display) !important; font-weight:300; color:var(--txt-hi); font-size:clamp(30px,4vw,48px); padding-block:18px 26px; }
.wc-page, .wc-page p, .wc-page td, .wc-page th, .wc-page label, .wc-page li{ font-family:var(--ui); color:var(--txt); }
.wc-page a:not(.button):not(.wc-block-components-button){ color:var(--gold); }
.wc-page table{ width:100%; border-collapse:collapse; }
.wc-page table th, .wc-page table td{ padding:14px 10px; border-bottom:1px solid var(--line-2); text-align:left; font-size:14px; }
.wc-page table th{ font-size:10.5px; letter-spacing:.18em; text-transform:uppercase; color:var(--dim); font-weight:400; }
.wc-page input[type=text], .wc-page input[type=email], .wc-page input[type=password], .wc-page input[type=tel],
.wc-page input[type=number], .wc-page textarea, .wc-page select{
  background:var(--bg-1) !important; border:1px solid var(--line) !important; color:var(--txt) !important; border-radius:0 !important;
  padding:12px 14px; font-family:var(--ui); font-size:14px; width:100%; }
.wc-page input:focus, .wc-page textarea:focus, .wc-page select:focus{ outline:none; border-color:var(--gold) !important; box-shadow:none !important; }
.wc-page h2, .wc-page h3{ font-family:var(--display); font-weight:300; color:var(--txt-hi); }

/* my account: single sign-in panel */
.signin{ max-width:520px; }
.signin .panel{ border:1px solid var(--line); background:var(--bg-1); padding:clamp(24px,3vw,36px); }
.signin h2{ font-family:var(--display); font-weight:300; font-size:26px; margin:0 0 20px; color:var(--txt-hi); }
.signin .form{ grid-template-columns:1fr; }
.signin .form label{ display:flex; flex-direction:column; gap:8px; font-family:var(--ui); font-size:10.5px;
  letter-spacing:.18em; text-transform:uppercase; color:var(--dim); margin:0 0 16px; }
.signin .lbl{ display:block; }
.signin .req{ color:var(--gold); }
.signin .signin-row{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:20px; }
.signin label.inline{ flex-direction:row; align-items:center; gap:9px; margin:0; text-transform:none; letter-spacing:0;
  font-size:13px; color:var(--mut); }
.signin label.inline input{ width:auto !important; accent-color:var(--gold); }
.signin .btn{ width:100%; }
.signin .signin-alt{ margin:22px 0 0; padding-top:18px; border-top:1px solid var(--line-2); font-family:var(--ui);
  font-size:13px; color:var(--mut); }
.as-link{ background:none; border:0; padding:0 0 3px; cursor:pointer; }
.signin .register-panel{ display:none; }
.signin.show-register .signin-panel{ display:none; }
.signin.show-register .register-panel{ display:block; }
.signin .note{ margin:-8px 0 18px; }
.woocommerce-account:not(.logged-in) .woocommerce{ display:block; max-width:520px; }
.woocommerce-account:not(.logged-in) .u-columns.col2-set{ display:block; }

/* my account */
.woocommerce-account .woocommerce{ display:grid; grid-template-columns:220px 1fr; gap:clamp(24px,4vw,56px); align-items:start; }
.woocommerce-account .woocommerce > .woocommerce-notices-wrapper{ grid-column:1/-1; }
.woocommerce-MyAccount-navigation ul{ list-style:none; margin:0; padding:0; border-top:1px solid var(--line-2); }
.woocommerce-MyAccount-navigation li a{ display:block; padding:13px 0; border-bottom:1px solid var(--line-2); font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--mut) !important; }
.woocommerce-MyAccount-navigation li.is-active a, .woocommerce-MyAccount-navigation li a:hover{ color:var(--gold) !important; }
.woocommerce-account:not(.logged-in) .woocommerce{ display:block; }
.u-columns.col2-set{ display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.u-columns .u-column1, .u-columns .u-column2{ border:1px solid var(--line); padding:clamp(24px,3vw,36px); background:var(--bg-1); width:auto !important; float:none !important; }
.woocommerce-form-row{ display:flex; flex-direction:column; gap:8px; margin:0 0 16px; }
.woocommerce-form-row label{ font-size:10.5px; letter-spacing:.18em; text-transform:uppercase; color:var(--dim); }
.woocommerce-form__label-for-checkbox{ display:inline-flex; gap:8px; align-items:center; font-size:13px; color:var(--mut); margin-right:16px; }
.woocommerce-LostPassword{ margin-top:14px; font-size:13px; }
.woocommerce-privacy-policy-text p{ font-size:12px; color:var(--dim) !important; }
.show-password-input{ display:none; }

/* cart + checkout blocks */
.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout{ color:var(--txt); }
.wc-block-components-sidebar-layout .wc-block-components-main, .wc-block-components-sidebar{ font-family:var(--ui); }
.wc-block-components-totals-wrapper, .wc-block-cart-items, .wc-block-cart-items td, .wc-block-cart-items th,
.wc-block-components-checkout-step, .wc-block-components-order-summary, .wp-block-woocommerce-checkout-order-summary-block{ border-color:var(--line-2) !important; }
.wc-block-components-sidebar .wc-block-components-panel, .wp-block-woocommerce-checkout-order-summary-block,
.wp-block-woocommerce-cart-totals-block{ background:var(--bg-1); border:1px solid var(--line) !important; padding:10px 18px; }
.wc-block-components-product-name, .wc-block-components-title, .wc-block-components-checkout-step__title{ color:var(--txt-hi) !important; font-family:var(--display) !important; font-weight:300 !important; }
.wc-block-components-product-price, .wc-block-formatted-money-amount, .wc-block-components-totals-item__value{ color:var(--gold) !important; }
.wc-block-components-product-metadata, .wc-block-components-checkout-step__description, .wc-block-components-totals-item__description{ color:var(--mut) !important; }
.wc-block-components-text-input input, .wc-block-components-textarea, .wc-block-components-combobox .components-combobox-control__input,
.wc-blocks-components-select__select, .wc-block-components-form .wc-block-components-text-input input{
  background:var(--bg-1) !important; border:1px solid var(--line) !important; color:var(--txt) !important; border-radius:0 !important; }
.wc-block-components-text-input label, .wc-blocks-components-select__label, .wc-block-components-combobox label{ color:var(--dim) !important; }
.wc-block-components-text-input.is-active input, .wc-block-components-text-input input:focus{ border-color:var(--gold) !important; box-shadow:none !important; }
.wc-block-components-radio-control__option, .wc-block-components-radio-control-accordion-option{ border-color:var(--line) !important; border-radius:0 !important; color:var(--txt) !important; }
.wc-block-components-radio-control__option-checked, .wc-block-components-radio-control-accordion-option--checked-option-highlighted{ box-shadow:inset 0 0 0 1px var(--gold) !important; }
.wc-block-components-radio-control__input{ border-color:var(--gold) !important; background:transparent !important; }
.wc-block-components-radio-control__input:checked::before{ background:var(--gold) !important; }
.wc-block-components-checkbox .wc-block-components-checkbox__input{ background:var(--bg-1) !important; border-color:var(--line) !important; }
.wc-block-components-checkbox__mark{ fill:var(--gold) !important; }
.wc-block-components-quantity-selector{ border-color:var(--line) !important; border-radius:0 !important; }
.wc-block-components-quantity-selector input, .wc-block-components-quantity-selector button{ color:var(--txt) !important; background:transparent !important; }
.wc-block-cart-item__remove-link, .wc-block-components-product-details{ color:var(--mut) !important; }
.wc-block-components-panel__button, .wc-block-components-totals-coupon-link{ color:var(--gold) !important; }
.wc-block-components-product-badge{ border-color:var(--gold) !important; color:var(--gold) !important; background:transparent !important; }
.wc-block-checkout__terms, .wc-block-components-checkout-return-to-cart-button{ color:var(--mut) !important; }
.wp-block-woocommerce-empty-cart-block h2{ color:var(--txt-hi); }
.wc-block-grid__product-title{ color:var(--txt) !important; }
.wc-block-grid__product-price{ color:var(--gold) !important; }

/* order received */
.woocommerce-order-overview{ list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:0; border:1px solid var(--line); }
.woocommerce-order-overview li{ flex:1 1 180px; padding:16px 18px; border-right:1px solid var(--line-2); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--dim); }
.woocommerce-order-overview li strong{ display:block; margin-top:6px; font-size:15px; letter-spacing:0; text-transform:none; color:var(--gold); font-weight:400; }
.woocommerce-thankyou-order-received{ font-family:var(--display) !important; font-size:clamp(24px,3vw,34px); color:var(--txt-hi) !important; }

@media (max-width:860px){
  .woocommerce-account .woocommerce, .u-columns.col2-set{ grid-template-columns:1fr; }
}


/* ══ Round 3 of the owner's notes ══════════════════════════════════ */

/* Product photos come on a pale studio backdrop; ease them onto the black page. */
.card .ph{ background:#0f0d0a; }
.card .ph::after{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:
    radial-gradient(105% 78% at 50% 42%, rgba(11,10,8,0) 30%, rgba(11,10,8,.55) 74%, rgba(11,10,8,.94) 100%),
    linear-gradient(180deg, rgba(11,10,8,.5) 0%, rgba(11,10,8,0) 22%);
}
.card .ph .shot{ filter:saturate(.98) contrast(1.06) brightness(.82); transition:opacity .55s ease, filter .45s ease; }
.card:hover .ph .shot{ filter:saturate(1.04) contrast(1.05) brightness(.93); }
.pdp .stage, .pdp .thumbs button{ background:#0f0d0a; position:relative; }
.pdp .stage::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(100% 76% at 50% 42%, rgba(11,10,8,0) 42%, rgba(11,10,8,.4) 80%, rgba(11,10,8,.85) 100%); }
.pdp .stage img{ filter:contrast(1.04) brightness(.9); }
.pdp .thumbs img{ filter:contrast(1.04) brightness(.85); }

/* The wishlist heart sits centred in its circle. */
.card .fav-wrap .wcboost-wishlist-button{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  line-height:0 !important; text-align:center; gap:0 !important; }
.card .fav-wrap .wcboost-wishlist-button svg,
.card .fav-wrap .wcboost-wishlist-button i,
.card .fav-wrap .wcboost-wishlist-button .wcboost-wishlist-button__icon{ margin:0 !important; display:block; }

/* Compare is not part of this store. */
.wcboost-products-compare-button, .wcboost-compare-button, a[href*="add-to-compare"],
.wcboost-products-compare__button, .compare.button, .woocommerce a.compare{ display:none !important; }

/* Brand switch: no gold pill — two marks divided by a hairline. */
.switch{ border:0 !important; background:none !important; border-radius:0 !important; padding:0 !important;
  box-shadow:none !important; gap:0; }
.switch:hover{ box-shadow:none !important; }
.switch .knob{ display:none !important; }
.switch a{ width:auto; height:auto; padding:8px 14px; color:var(--dim); letter-spacing:.26em;
  transition:color .25s; border-bottom:1px solid transparent; }
.switch a:hover{ color:var(--gold-hi); }
.switch .sw-sutra{ border-right:1px solid var(--line); }
.switch .sw-logo{ width:52px; height:22px; background:var(--gold); }
.switch .sw-parv{ color:var(--mut); }
.switch a[aria-current="true"], .switch .sw-sutra[aria-current="true"] .sw-logo{ color:var(--gold); }
.switch .sw-sutra[aria-current="true"]{ border-bottom-color:var(--gold); }
.parv .switch .sw-parv{ border-bottom-color:currentColor; }
@media (max-width:560px){
  .switch a{ padding:6px 8px; font-size:8.5px; letter-spacing:.14em; }
  .switch .sw-logo{ width:38px; height:16px; }
}

/* Sign-in / register panel sits centred on the page. */
.woocommerce-account:not(.logged-in) .wc-page{ display:flex; flex-direction:column; align-items:center; }
.woocommerce-account:not(.logged-in) .wc-title{ text-align:center; }
.signin{ margin-inline:auto; width:100%; }

/* Account menu under the header icon */
.acct{ position:relative; }
.acct-menu{ position:absolute; top:100%; right:0; min-width:210px; padding:14px 0 10px; z-index:120;
  background:var(--panel); border:1px solid var(--line); border-top:1px solid var(--gold);
  box-shadow:0 26px 60px rgba(0,0,0,.55); opacity:0; visibility:hidden; transform:translateY(-8px);
  transition:opacity .22s, transform .22s, visibility .22s; }
.acct.on .acct-menu{ opacity:1; visibility:visible; transform:none; }
.acct-hi{ margin:0 18px 10px; padding-bottom:10px; border-bottom:1px solid var(--line-2);
  font-family:var(--ui); font-size:9px; letter-spacing:.3em; text-transform:uppercase; color:var(--gold); }
.acct-menu a{ display:block; padding:9px 18px; font-family:var(--ui); font-size:13px; color:var(--mut); transition:color .2s, padding-left .2s; }
.acct-menu a:hover{ color:var(--gold-hi); padding-left:23px; }
.acct-menu .acct-out{ margin-top:8px; padding-top:13px; border-top:1px solid var(--line-2); color:var(--dim); }
@media (max-width:560px){ .acct{ display:none; } }

/* Search suggestions */
.sug{ margin-top:14px; border:1px solid var(--line); background:var(--panel); max-height:56vh; overflow-y:auto; }
.sug-row{ display:grid; grid-template-columns:44px 1fr auto; gap:14px; align-items:center; padding:11px 14px;
  border-bottom:1px solid var(--line-2); }
.sug-row:last-child{ border-bottom:0; }
.sug-row:hover{ background:rgba(201,162,77,.07); }
.sug-row img, .sug-ph{ width:44px; height:55px; object-fit:cover; background:var(--bg-1); }
.sug-name{ font-family:var(--ui); font-size:14px; color:var(--txt); }
.sug-price{ font-family:var(--ui); font-size:13px; color:var(--gold); font-variant-numeric:tabular-nums; }
.sug-none{ margin:0; padding:16px; font-family:var(--ui); font-size:13px; color:var(--mut); }

/* Hero arrows: a bare chevron, no box — it reads over a photograph without fencing it in */
.hero .arw{ width:54px; height:54px; border:0; background:none; backdrop-filter:none;
  font-size:30px; line-height:1; color:rgba(246,238,220,.72);
  text-shadow:0 2px 14px rgba(0,0,0,.65); opacity:.75;
  transition:color .25s, opacity .25s, transform .25s; }
.hero .arw:hover{ color:var(--gold-hi); opacity:1; background:none; transform:translateY(-50%) scale(1.14); }
.hero .arw:focus-visible{ outline:2px solid var(--gold-hi); outline-offset:4px; }
.hero .dots button::after{ height:1.5px; }
@media (hover: none), (max-width:860px){
  .hero .arw{ display:none; }
  .hero .dots{ bottom:22px; }
}

/* Account home */
.acct-home h2{ font-family:var(--display); font-weight:300; font-size:clamp(28px,3.4vw,40px); color:var(--txt-hi); margin:0 0 14px; }
.acct-home .lede{ margin-bottom:6px; }
.acct-orders{ list-style:none; margin:14px 0 0; padding:0; border-top:1px solid var(--line-2); }
.acct-orders li{ display:grid; grid-template-columns:1fr auto auto auto auto; gap:18px; align-items:center;
  padding:16px 0; border-bottom:1px solid var(--line-2); font-family:var(--ui); font-size:13.5px; }
.ao-main{ display:flex; flex-direction:column; gap:4px; min-width:0; }
.ao-no{ color:var(--txt) !important; font-size:14.5px; }
.ao-items{ color:var(--dim); font-size:12.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ao-date{ color:var(--dim); font-variant-numeric:tabular-nums; }
.ao-status{ padding:5px 11px; border:1px solid var(--line); font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--mut); white-space:nowrap; }
.ao-status.s-processing{ border-color:rgba(201,162,77,.5); color:var(--gold); }
.ao-status.s-completed{ border-color:rgba(143,181,138,.5); color:var(--ok); }
.ao-status.s-pending, .ao-status.s-on-hold{ border-color:rgba(217,164,65,.5); color:var(--warn); }
.ao-status.s-cancelled, .ao-status.s-refunded, .ao-status.s-failed{ color:var(--dim); }
.ao-total{ color:var(--gold); font-variant-numeric:tabular-nums; white-space:nowrap; }
.ao-view{ font-size:10.5px; letter-spacing:.2em; text-transform:uppercase; color:var(--gold) !important; border-bottom:1px solid var(--line); padding-bottom:3px; }
.acct-empty{ border:1px solid var(--line-2); padding:30px; margin-top:26px; font-family:var(--ui); color:var(--mut); }
.acct-tiles{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:40px; }
.acct-tile{ border:1px solid var(--line-2); padding:22px; transition:border-color .25s, transform .25s; }
.acct-tile:hover{ border-color:var(--gold); transform:translateY(-3px); }
.acct-tile b{ display:block; font-family:var(--display); font-size:19px; font-weight:400; color:var(--txt-hi); margin-bottom:7px; }
.acct-tile span{ font-family:var(--ui); font-size:12.5px; line-height:1.7; color:var(--mut); }
@media (max-width:980px){ .acct-tiles{ grid-template-columns:1fr 1fr; } }
@media (max-width:760px){
  .acct-orders li{ grid-template-columns:1fr auto; row-gap:8px; }
  .ao-main{ grid-column:1/-1; }
  .acct-tiles{ grid-template-columns:1fr; }
}


/* Wishlist */
.wcboost-wishlist table{ width:100%; border-collapse:collapse; }
.wcboost-wishlist th{ font-family:var(--ui); font-size:10.5px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--dim); font-weight:400; text-align:left; padding:12px 10px; border-bottom:1px solid var(--line-2); }
.wcboost-wishlist td{ padding:18px 10px; border-bottom:1px solid var(--line-2); font-family:var(--ui); font-size:14px; color:var(--txt); vertical-align:middle; }
.wcboost-wishlist td a{ color:var(--txt) !important; }
.wcboost-wishlist td a:hover{ color:var(--gold) !important; }
.wcboost-wishlist img{ width:78px; height:auto; aspect-ratio:4/5; object-fit:cover; background:#0f0d0a; }
.wcboost-wishlist .amount, .wl-price{ color:var(--gold) !important; font-variant-numeric:tabular-nums; }
.wl-price{ display:inline-block; margin-left:10px; font-family:var(--ui); font-size:13.5px; }
.wcboost-wishlist .remove, .wcboost-wishlist .product-remove a{ color:var(--dim) !important; font-size:18px; }
.wcboost-wishlist .remove:hover{ color:var(--warn) !important; }
.wl-share{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; padding-top:22px; padding-bottom:10px; }
.wcboost-wishlist, .wcboost-wishlist-footer{ position:relative; z-index:20; }
.wl-share-msg{ font-family:var(--ui); font-size:12.5px; color:var(--gold); }
.wishlist-empty .woocommerce-info{ justify-content:center; }

/* The bill on the order pages and emails */
.bill{ margin-top:34px; }
.bill h2{ font-family:var(--display); font-weight:300; font-size:24px; color:var(--txt-hi); margin:0 0 14px; }
.bill-table{ width:100%; border-collapse:collapse; max-width:460px; }
.bill-table th{ text-align:left; font-family:var(--ui); font-size:12.5px; font-weight:400; color:var(--mut); padding:9px 0; }
.bill-table td{ text-align:right; font-family:var(--ui); font-size:13.5px; color:var(--txt); padding:9px 0; font-variant-numeric:tabular-nums; }
.bill-table .bill-total th, .bill-table .bill-total td{ border-top:1px solid var(--line); padding-top:14px; color:var(--gold); font-size:15px; }
.bill-note{ font-family:var(--ui); font-size:12px; line-height:1.8; color:var(--dim); margin-top:12px; }
.gst-note{ font-family:var(--ui); font-size:12.5px; line-height:1.8; color:var(--mut); border-top:1px solid var(--line-2); margin-top:26px; padding-top:18px; }

/* What happens next, after payment */
.next-up{ border:1px solid var(--line); background:var(--bg-1); padding:26px 28px; margin:26px 0 8px; }
.next-up ul{ list-style:none; margin:0 0 18px; padding:0; }
.next-up li{ font-family:var(--ui); font-size:14px; line-height:1.8; color:var(--mut); padding-left:20px; position:relative; }
.next-up li::before{ content:"—"; position:absolute; left:0; color:var(--gold); }
.next-up b{ color:var(--txt); font-weight:400; }

/* Track your order */
.track-wrap form.track_order{ display:grid; gap:16px; max-width:520px; }
.track-wrap .track_order p{ margin:0; }
.wl-share{ position:relative; z-index:60; }
.wl-sheet{ position:absolute; top:calc(100% + 8px); left:0; z-index:60; min-width:190px; padding:8px 0;
  background:var(--panel); border:1px solid var(--line); border-top:1px solid var(--gold); box-shadow:0 22px 50px rgba(0,0,0,.55); }
.wl-opt{ display:block; width:100%; text-align:left; padding:10px 18px; background:none; border:0; cursor:pointer;
  font-family:var(--ui); font-size:13px; color:var(--mut) !important; }
.wl-opt:hover{ color:var(--gold-hi) !important; padding-left:23px; transition:padding-left .2s, color .2s; }
.wl-copy{ border-top:1px solid var(--line-2); margin-top:6px; padding-top:13px; color:var(--gold) !important; }

/* The page-in animation gives #main and .ftr their own stacking layers; without this the
   footer paints over anything that opens near the bottom of the page (the share menu). */
body > #main{ position:relative; z-index:2; }
body > .ftr{ position:relative; z-index:1; }


/* Band shown only to signed-in people while coming soon is on */
.cs-band{ position:fixed; left:0; right:0; bottom:0; z-index:400; padding:9px 16px; text-align:center;
  background:rgba(201,162,77,.92); color:#0b0a08; font-family:var(--ui); font-size:11.5px;
  letter-spacing:.14em; text-transform:uppercase; }
.cs-band a{ color:#0b0a08 !important; text-decoration:underline; margin-left:8px; }

.cs-why{ max-width:520px; margin:0 auto 22px; padding:14px 18px; border:1px solid var(--line);
  background:var(--bg-1); font-family:var(--ui); font-size:13px; line-height:1.8; color:var(--mut); }

/* Orders table: Pay / View / Cancel were running into one another as one gold slab. */
.woocommerce-orders-table__cell-order-actions{ text-align:right; white-space:normal; }
/* the generic gold-button rule is more specific, so these need to out-rank it */
.wc-page table .woocommerce-button:not(.sutra-never),
.woocommerce-orders-table__cell-order-actions .button:not(.sutra-never){
  display:inline-flex !important; margin:4px 0 4px 8px !important; padding:9px 18px !important;
  font-size:10px !important; letter-spacing:.2em; min-width:0;
  background:transparent !important; color:var(--gold) !important; border:1px solid var(--line) !important; }
.wc-page table .woocommerce-button:not(.sutra-never):hover{ border-color:var(--gold) !important; color:var(--gold-hi) !important; }
.wc-page table .woocommerce-button.pay:not(.sutra-never){ background:var(--gold) !important; color:var(--bg-0) !important; border-color:var(--gold) !important; }
.wc-page table .woocommerce-button.pay:not(.sutra-never):hover{ background:var(--gold-hi) !important; color:var(--bg-0) !important; }
.wc-page table .woocommerce-button.cancel:not(.sutra-never){ color:var(--dim) !important; }
.wc-page table .woocommerce-button.cancel:not(.sutra-never):hover{ color:var(--warn) !important; border-color:rgba(217,164,65,.6) !important; }
.woocommerce-orders-table__cell-order-status{ white-space:nowrap; }
.woocommerce-orders-table__cell-order-total .amount{ color:var(--gold); }
@media (max-width:760px){
  .woocommerce-orders-table__cell-order-actions{ text-align:left; }
  .wc-page table .woocommerce-button:not(.sutra-never){ margin:4px 8px 4px 0 !important; }
}