/* ============================================================
   seeu — WordPress & WooCommerce, page-specific
   ------------------------------------------------------------
   Comment threads, and the cart / checkout / account screens.
   None of it applies to the homepage, the shop or a product page,
   so it is loaded only where it is used rather than blocking the
   first paint of every page on the site.
   ============================================================ */

/* ── 4. Comments ──────────────────────────────────────────── */

.comments-area{padding-top:clamp(50px,7vw,90px);border-top:1px solid var(--line)}
.comments-title,.comment-reply-title{font-family:var(--display);font-weight:400;
  font-size:clamp(20px,2.4vw,28px);letter-spacing:-.025em;margin-bottom:30px}
.comment-list{list-style:none;margin:0 0 46px}
.comment-list li{margin-bottom:30px}
.comment-list .children{list-style:none;margin:26px 0 0 clamp(18px,3vw,40px);
  padding-left:clamp(18px,3vw,40px);border-left:1px solid var(--line)}
.comment-meta{font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;
  color:var(--ink-3);margin-bottom:10px}
.comment-content p{color:var(--ink-2);font-size:15px;line-height:1.78;margin-bottom:14px}
.comment-respond input[type=text],.comment-respond input[type=email],
.comment-respond input[type=url],.comment-respond textarea{
  width:100%;background:transparent;border:0;border-bottom:1px solid var(--line-2);
  font-family:var(--body);font-size:15px;font-weight:300;color:var(--ink);
  padding:12px 2px;outline:none;border-radius:0;transition:border-color .5s var(--ease)}
.comment-respond input:focus,.comment-respond textarea:focus{border-bottom-color:var(--ink)}
.comment-form>p{margin-bottom:22px}
.comment-form label{display:block;font-size:12.5px;letter-spacing:.04em;
  text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}
.comment-form .submit{
  background:var(--ink);color:var(--paper);border:1px solid var(--ink);cursor:pointer;
  font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;padding:15px 34px;
  transition:background .7s var(--soft),color .7s var(--soft)}
.comment-form .submit:hover{background:transparent;color:var(--ink)}


/* ── 8. Cart, checkout and account pages ──────────────────── */

.seeu-woo-page .entry-content,
.seeu-woo-page .woocommerce{max-width:var(--max);margin:0 auto;
  padding-left:var(--gut);padding-right:var(--gut);padding-block:clamp(40px,6vw,90px)}

.woocommerce table.shop_table{border:0;border-collapse:collapse;width:100%;font-size:14px}
.woocommerce table.shop_table th{
  font-weight:400;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;
  color:var(--ink-3);text-align:left;padding:0 14px 16px 0;border-bottom:1px solid var(--line-2)}
.woocommerce table.shop_table td{padding:20px 14px 20px 0;border-top:0;
  border-bottom:1px solid var(--line);color:var(--ink-2);vertical-align:middle}
.woocommerce table.shop_table img{width:76px;height:auto}
.woocommerce table.cart .product-name a{color:var(--ink)}
.woocommerce a.remove{
  color:var(--ink-3)!important;font-weight:400;font-size:20px;line-height:1;
  width:22px;height:22px;border-radius:0}
.woocommerce a.remove:hover{color:var(--ink)!important;background:transparent!important}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-checkout .woocommerce-checkout-review-order{
  background:var(--paper-2);padding:clamp(24px,3vw,38px)}
.woocommerce .cart_totals h2,.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,.woocommerce-additional-fields h3,
#order_review_heading{
  font-family:var(--display);font-weight:400;letter-spacing:-.025em;
  font-size:clamp(19px,2.2vw,25px);margin-bottom:22px}

.woocommerce form .form-row{margin-bottom:22px;padding:0}
.woocommerce form .form-row label{display:block;font-size:12.5px;letter-spacing:.04em;
  text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row input.input-text,
.select2-container .select2-selection--single{
  width:100%;background:transparent;border:0;border-bottom:1px solid var(--line-2);
  font-family:var(--body);font-size:15px;font-weight:300;color:var(--ink);
  padding:12px 2px;outline:none;border-radius:0;height:auto;box-shadow:none}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus{border-bottom-color:var(--ink)}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:1.6;padding-left:2px;color:var(--ink)}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:100%}
.woocommerce form .form-row .required{color:var(--ink-3);text-decoration:none}

.woocommerce-checkout #payment{background:transparent;border-radius:0}
.woocommerce-checkout #payment ul.payment_methods{
  border-bottom:1px solid var(--line);padding:0 0 18px;margin:0 0 18px}
.woocommerce-checkout #payment ul.payment_methods li{list-style:none;margin-bottom:10px;font-size:14px}
.woocommerce-checkout #payment div.payment_box{
  background:var(--paper-3);font-size:13px;color:var(--ink-2);border-radius:0;line-height:1.7}
.woocommerce-checkout #payment div.payment_box::before{display:none}
.woocommerce-checkout #payment div.form-row{padding:0}
.woocommerce-checkout #place_order{width:100%}

.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}
.woocommerce-account .woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--line)}
.woocommerce-account .woocommerce-MyAccount-navigation a{
  display:block;padding:14px 0;font-size:13.5px;color:var(--ink-2)}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{color:var(--ink)}

.woocommerce .woocommerce-breadcrumb{display:none}