body {overflow-x:hidden; background:var(--white); height:100%; display:flex; flex-direction:column; -webkit-overflow-scrolling: touch; padding: 0;}


.woocommerce-account .entry-content {max-width: 1180px;}


/* =============================================
   SKANVEDA — My Account Page (Option A: Warm Editorial)
   Paste into: Appearance → Customize → Additional CSS
   ============================================= */

/* ── Page background ── */
.woocommerce-account main{
  background: #f7f3ef !important;
}

.woocommerce-account .woocommerce {
  max-width: 100% !important;
  margin: 0 auto !important;
}

/* ── Two-column grid ── */
.woocommerce form.login, .woocommerce form.register {padding:0; border: 0 none; margin: 20px 0 0 0;}
.woocommerce-account #customer_login.col2-set {
  display: flex;
}

/* ── Vertical divider ── */
.woocommerce-account #customer_login.col2-set .col-1 {
  padding-right: 3rem !important;
  border-right: 1px solid #ede5dc !important;
}

.woocommerce-account #customer_login.col2-set .col-2 {
  padding-left: 3rem !important;
}

/* ── Eyebrow labels ── */
.woocommerce-account #customer_login.col2-set .col-1::before {
  content: "Returning customer";
  display: block;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #7a6a5e;
  margin-bottom: 10px;
}

.woocommerce-account #customer_login.col2-set .col-2::before {
  content: "New here";
  display: block;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #7a6a5e;
  margin-bottom: 10px;
}

/* ── Section headings ── */
.woocommerce-account .col2-set h2 {
  font-size: 32px;
  color: #c96a3c !important;
}

/* ── Field labels ── */
label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 6px !important;
  display: block !important;
}

.required {
  color: #c96a3c !important;
}

/* ── Inputs ── */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"], textarea {
  background: #ffffff !important;
  border: 1px solid #ddd4c8 !important;
  border-radius: 6px !important;
  padding: 11px 14px !important;
  font-size: 14px !important;
  color: #1a1208 !important;
  width: 100% !important;
  height: auto !important;
  box-shadow: none !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
  -webkit-appearance: none !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus, textarea:focus {
  border-color: #c96a3c !important;
  box-shadow: 0 0 0 3px rgba(201, 106, 60, 0.12) !important;
  outline: none !important;
  background: #ffffff !important;
}

/* ── Form row spacing ── */
.woocommerce-account .form-row,
.woocommerce-account .woocommerce-form-row {
  margin-bottom: 1.1rem !important;
  padding: 0 !important;
}

/* ── Remember me checkbox ── */
.woocommerce-account .woocommerce-form__label-for-checkbox,
.woocommerce-account .woocommerce-form-login__rememberme {
 display: inline-flex !important;
  align-items: center;
  gap: 3px;
  font-size: 13px;
  color: #7a6a5e;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0 !important;
  cursor: pointer;
}
.woocommerce-account .woocommerce-form-login__rememberme {margin: 6px 0 0 0;}

.woocommerce-account .woocommerce-form__input-checkbox {
  width: auto !important;
  accent-color: #c96a3c !important;
}

/* ── Buttons ── */
.woocommerce-account .woocommerce-Button,
.woocommerce-account button[type="submit"],
.woocommerce-account input[type="submit"] {
  background: #c96a3c !important;
  color: #ffffff !important;
  border: none !important;
  padding: 11px 28px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  height: auto !important;
  line-height: normal !important;
  transition: background 0.2s !important;
  -webkit-appearance: none !important;
}

.woocommerce-account .woocommerce-Button:hover,
.woocommerce-account button[type="submit"]:hover,
.woocommerce-account input[type="submit"]:hover {
  background: #a04e2a !important;
  color: #ffffff !important;
}

/* ── Lost password link ── */
.woocommerce-account .woocommerce-LostPassword,
.woocommerce-account .woocommerce-LostPassword a {
  margin-top: 1rem !important;
}

.woocommerce-account .woocommerce-LostPassword a {
  font-size: 13px !important;
  color: #c96a3c !important;
  text-decoration: underline !important;
}
.woocommerce-account .woocommerce-LostPassword a:hover {color: #000 !important;;}


/* ── Register: notice + privacy text ── */
.woocommerce-account .woocommerce-privacy-policy-text {
  background: #f5ece5;
  border-left: 3px solid #c96a3c;
  border-radius: 0 6px 6px 0;
  padding: 13px 16px;
  font-size: 13px;
  color: #7a5040;
  line-height: 1.65;
  margin-bottom: 1.1rem;
}

.woocommerce-account .woocommerce-privacy-policy-text a {
  color: #c96a3c;
  text-decoration: underline !important;
}
.woocommerce-account .woocommerce-privacy-policy-text a:hover {color:#000;}

/* NOTICES */
.wc-block-components-notice-banner {background: transparent !important; padding: 0!important; border: 0 none !important; outline: 0 none;}

.wc-block-components-product-image img{width: 100%;
  height: 100%;
  font-family: "object-fit:cover";
  object-fit: cover;
  -o-object-fit: cover;
  object-position: 50% 50%;
  -o-object-position: 50% 50%;}

/* ── Responsive: stack on mobile ── */
@media (max-width: 768px) {
  .woocommerce-account #customer_login.col2-set {
    grid-template-columns: 1fr !important;
  }

  .woocommerce-account #customer_login.col2-set .col-1 {
    padding-right: 0 !important;
    border-right: none !important;
    border-bottom: 1px solid #ede5dc !important;
    padding-bottom: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }

  .woocommerce-account #customer_login.col2-set .col-2 {
    padding-left: 0 !important;
  }

  .woocommerce-account .woocommerce {
    padding: 1.5rem !important;
  }
}