/* =========================================================
   WOOCOMMERCE
   ========================================================= */

/* ---------- The san pham ---------- */
/* Khong bo goc, khong do bong mac dinh. Phan biet bang
   khoang trang va anh. Do bong chi xuat hien khi ro chuot. */
/* KHONG dat grid-template-columns o day.

   LOI DA SUA: ".woocommerce ul.products" va ".vdd ul.products" (trong
   layout.css) co do dam dac bang nhau (0,2,1), ma file nay nap SAU nen
   luon thang. Ket qua la so cot luon do auto-fill quyet dinh: tren
   dien thoai ra MOT cot thay vi hai.

   So cot do layout.css dinh doat - xem muc 3 cua file do. */
.vdd-products,
.woocommerce ul.products,
ul.products{
  display:grid;
  gap:clamp(1.25rem,2.5vw,2.25rem) clamp(1rem,2vw,1.75rem);
  list-style:none;margin:0;padding:0;
}
.vdd-product,
.woocommerce ul.products li.product,
ul.products li.product{
  position:relative;display:flex;flex-direction:column;
  /* WooCommerce dat float:left va width:22.05% - go het de grid tu chia */
  float:none!important;width:auto!important;margin:0!important;clear:none!important;
}
/* Bo khoang trong WooCommerce chen giua cac the */
.woocommerce ul.products::before,
.woocommerce ul.products::after{content:none!important}

.vdd-product__media{
  position:relative;
  display:block;
  aspect-ratio:1/1;
  overflow:hidden;
  background:var(--vdd-sand);
  margin-bottom:var(--vdd-s4);
}
.vdd-product__media img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .6s var(--vdd-ease);
}
.vdd-product:hover .vdd-product__media img{transform:scale(1.045)}

/* Vien mong chi hien khi ro chuot - giu luoi sach khi dung yen */
.vdd-product__media::after{
  content:"";position:absolute;inset:0;
  border:1px solid transparent;
  transition:border-color var(--vdd-dur) var(--vdd-ease);
  pointer-events:none;
}
.vdd-product:hover .vdd-product__media::after{border-color:var(--vdd-line-2)}

/* Day la TEN DANH MUC that, khong phai nhan trang tri - de nguyen
   kieu chu da chuan hoa (chi hoa chu dau), khong ep hoa toan bo. */
.vdd-product__cat{
  font-size:var(--vdd-text-xs);letter-spacing:.06em;
  color:var(--vdd-gold-text);margin:0 0 var(--vdd-s2);font-weight:700;
}
.vdd-product__title{
  font-family:var(--vdd-font-body);
  font-size:var(--vdd-text-sm);
  font-weight:500;
  line-height:1.5;
  margin:0 0 var(--vdd-s3);
  letter-spacing:0;
}
.vdd-product__title a{color:var(--vdd-ink);text-decoration:none}
.vdd-product__title a:hover{color:var(--vdd-gold-text)}

.vdd-product__price{
  margin-top:auto;
  font-size:var(--vdd-text-sm);
  font-weight:600;
  color:var(--vdd-ink);
  font-variant-numeric:tabular-nums;
}
.vdd-product__price del{color:var(--vdd-muted);font-weight:400;margin-right:.5em}
.vdd-product__price ins{text-decoration:none;color:var(--vdd-sale)}
.vdd-product__price--ask{color:var(--vdd-gold-text);font-weight:600;letter-spacing:.02em}

/* Nhan khuyen mai / moi */
.vdd-badge{
  position:absolute;top:var(--vdd-s3);left:var(--vdd-s3);z-index:2;
  font-size:var(--vdd-text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  padding:.35em .7em;background:var(--vdd-ink);color:var(--vdd-page);
}
.vdd-badge--sale{background:var(--vdd-sale)}
.vdd-badge--gold{background:var(--vdd-gold);color:#241c05}

/* ---------- Trang chi tiet san pham ----------

   LOI DA SUA: WooCommerce xep gallery va phan thong tin bang float
   (.woocommerce-product-gallery{float:left;width:48%}). Giao dien nay
   da go float o nhieu cho nen hai khoi roi xuong chong len nhau, moi
   cai rong 576px. Gio dung luoi hai cot ro rang, khong phu thuoc float.
                                                                      */
.vdd-sp.product{
  display:grid;gap:clamp(1.75rem,4vw,3.5rem);
  align-items:start;
}
@media (min-width:960px){
  .vdd-sp.product{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
  /* Chi anh va cot thong tin nam canh nhau. Moi thu khac - tab mo ta,
     san pham lien quan, thong bao - deu trai het hai cot, neu khong
     chung se roi vao o luoi va bi bop mot nua. */
  .vdd-sp.product > *:not(.woocommerce-product-gallery):not(.summary){
    grid-column:1 / -1;
  }
}
.vdd-sp .woocommerce-product-gallery,
.vdd-sp .summary.entry-summary{
  float:none!important;width:auto!important;margin:0!important;
  min-width:0;
}
.vdd-sp .woocommerce-product-gallery{
  position:relative;
  border:1px solid var(--vdd-line);border-radius:var(--vdd-r-md);
  overflow:hidden;background:var(--vdd-page);
}
.vdd-sp .woocommerce-product-gallery__wrapper{margin:0}
.vdd-sp .woocommerce-product-gallery__image img{
  width:100%;height:auto;display:block;
}
.vdd-sp .flex-control-thumbs{
  list-style:none;margin:0;padding:var(--vdd-s3);
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--vdd-s2);
  border-top:1px solid var(--vdd-line);
}
.vdd-sp .flex-control-thumbs li{margin:0;width:auto!important;float:none!important}
.vdd-sp .flex-control-thumbs img{
  width:100%;height:auto;display:block;cursor:pointer;
  border-radius:var(--vdd-r-sm);opacity:.65;
  transition:opacity var(--vdd-dur) var(--vdd-ease);
}
.vdd-sp .flex-control-thumbs img.flex-active,
.vdd-sp .flex-control-thumbs img:hover{opacity:1}

/* Cot thong tin */
.vdd-sp .summary.entry-summary{display:flex;flex-direction:column;gap:var(--vdd-s4)}
.vdd-sp .summary > *{margin:0}
.vdd-sp .product_title{
  font-family:var(--vdd-font-display);font-weight:700;
  font-size:var(--vdd-text-2xl);line-height:1.25;
  color:var(--vdd-brown);text-wrap:balance;
}
.vdd-sp .summary .price{
  font-family:var(--vdd-font-display);
  font-size:var(--vdd-text-xl);color:var(--vdd-gold-text);
  font-variant-numeric:tabular-nums;
}
.vdd-product__price--ask{
  display:inline-flex;align-items:center;gap:.5em;
  font-family:var(--vdd-font-body);font-size:var(--vdd-text-md);font-weight:700;
  color:var(--vdd-gold-text);
}
.vdd-sp .woocommerce-product-details__short-description{
  color:var(--vdd-ink-2);font-size:var(--vdd-text-base);line-height:1.7;
}
.vdd-sp .product_meta{
  padding-top:var(--vdd-s4);border-top:1px solid var(--vdd-line);
  font-size:var(--vdd-text-sm);color:var(--vdd-muted);
  display:grid;gap:var(--vdd-s2);
}
.vdd-sp .product_meta a{color:var(--vdd-gold-text);text-decoration:none}
.vdd-sp .product_meta a:hover{text-decoration:underline}

/* ---------- Nut hanh dong o trang san pham ---------- */
.vdd-single-cta{display:grid;gap:var(--vdd-s3)}
.vdd-single-cta .vdd-btn{
  width:100%;justify-content:flex-start;gap:var(--vdd-s3);
  padding:1em 1.4em;text-transform:none;letter-spacing:0;
  text-align:left;line-height:1.3;
}
.vdd-single-cta .vdd-btn svg{width:1.3rem;height:1.3rem;fill:currentColor;flex:none}
.vdd-single-cta .vdd-btn span{display:flex;flex-direction:column;gap:.15em;font-weight:600}
.vdd-single-cta .vdd-btn strong{
  font-size:var(--vdd-text-md);font-weight:700;letter-spacing:.01em;
  font-variant-numeric:tabular-nums;
}
.vdd-btn--chinh{--_bg:var(--vdd-goi);--_bd:var(--vdd-goi);--_fg:#FFFFFF}
.vdd-btn--chinh:hover{--_bg:var(--vdd-goi-dam);--_bd:var(--vdd-goi-dam);--_fg:#FFFFFF;color:#FFFFFF}
.vdd-btn--phu{--_bg:var(--vdd-zalo);--_bd:var(--vdd-zalo);--_fg:#FFFFFF}
.vdd-btn--phu:hover{--_bg:var(--vdd-zalo-dam);--_bd:var(--vdd-zalo-dam);--_fg:#FFFFFF;color:#FFFFFF}
.vdd-single-cta__ghi{
  margin:0;font-size:var(--vdd-text-xs);color:var(--vdd-muted);line-height:1.5;
}

/* ---------- Cam ket ngan ---------- */
.vdd-camket{
  list-style:none;margin:0;padding:var(--vdd-s4) 0 0;
  border-top:1px solid var(--vdd-line);
  display:grid;gap:var(--vdd-s3);
  font-size:var(--vdd-text-sm);color:var(--vdd-ink-2);
}
.vdd-camket li{display:flex;align-items:center;gap:.6rem}
.vdd-camket__ico{
  flex:none;display:grid;place-items:center;
  width:1.6rem;height:1.6rem;border-radius:50%;
  background:var(--vdd-gold-soft);color:var(--vdd-gold-text);
}
.vdd-camket__ico svg{width:.95rem;height:.95rem;fill:currentColor;display:block}

/* ---------- Tab mo ta ---------- */
.vdd-sp + .woocommerce-tabs,
.woocommerce-tabs{margin-top:clamp(2.5rem,5vw,4rem)}
.woocommerce-tabs ul.tabs{
  list-style:none;margin:0 0 var(--vdd-s5);padding:0;
  display:flex;flex-wrap:wrap;gap:var(--vdd-s2);
  border-bottom:1px solid var(--vdd-line);
}
/* WooCommerce ve san cho moi tab mot cai hop bo goc co vien va nen,
   cong voi hai :before/:after ve goc cong hai ben. De nguyen thi tab
   "Mo ta san pham" ra mot cai khung lo lung tren gach vang. Go sach. */
.woocommerce-tabs ul.tabs li{
  margin:0;padding:0;
  background:transparent!important;
  border:0!important;border-radius:0!important;
  box-shadow:none!important;
}
.woocommerce-tabs ul.tabs li::before,
.woocommerce-tabs ul.tabs li::after{display:none!important;content:none!important}
.woocommerce-tabs ul.tabs::before{display:none!important}
.woocommerce-tabs ul.tabs li a{
  display:inline-block;padding:.8em 1.4em;
  font-size:var(--vdd-text-sm);font-weight:700;
  color:var(--vdd-muted);text-decoration:none;
  border-bottom:2px solid transparent;margin-bottom:-1px;
}
.woocommerce-tabs ul.tabs li.active a{color:var(--vdd-brown);border-bottom-color:var(--vdd-gold)}
.woocommerce-tabs ul.tabs li a:hover{color:var(--vdd-brown)}
.woocommerce-tabs .panel > h2:first-child{display:none}
.woocommerce-tabs .panel{
  font-size:var(--vdd-text-base);line-height:1.75;color:var(--vdd-ink-2);
}
.woocommerce-tabs .panel img{height:auto;border-radius:var(--vdd-r-sm)}
.woocommerce-tabs .panel table{width:100%;border-collapse:collapse;font-size:var(--vdd-text-sm)}
.woocommerce-tabs .panel table td,
.woocommerce-tabs .panel table th{border:1px solid var(--vdd-line);padding:.6em .8em}

/* ---------- San pham cung danh muc ---------- */
.related.products,
.upsells.products{margin-top:clamp(2.5rem,5vw,4rem)}
.related.products > h2,
.upsells.products > h2{
  font-family:var(--vdd-font-display);font-weight:700;
  font-size:var(--vdd-text-xl);color:var(--vdd-brown);
  margin:0 0 var(--vdd-s5);padding-bottom:var(--vdd-s3);
  position:relative;border-bottom:1px solid var(--vdd-line);
}
.related.products > h2::after,
.upsells.products > h2::after{
  content:"";position:absolute;left:0;bottom:-1px;
  width:3.5rem;height:3px;background:var(--vdd-gold);
}

/* ---------- Dieu huong danh muc ---------- */
.woocommerce-breadcrumb{
  font-size:var(--vdd-text-xs);letter-spacing:.06em;color:var(--vdd-muted);
  margin-bottom:var(--vdd-s5);
}
.woocommerce-breadcrumb a{color:var(--vdd-muted);text-decoration:none}
.woocommerce-breadcrumb a:hover{color:var(--vdd-gold-text)}

.woocommerce-result-count{font-size:var(--vdd-text-sm);color:var(--vdd-muted);margin:0}
.woocommerce-ordering select{
  font-family:var(--vdd-font-body);font-size:var(--vdd-text-sm);
  padding:.6em 2em .6em .8em;border:1px solid var(--vdd-line-2);
  background:var(--vdd-shell);color:var(--vdd-ink);border-radius:var(--vdd-r-sm);
}

/* ---------- Thong bao ---------- */
.woocommerce-message,.woocommerce-info,.woocommerce-error{
  border:0;border-left:3px solid var(--vdd-gold-text);
  background:var(--vdd-gold-soft);color:var(--vdd-ink);
  padding:var(--vdd-s4) var(--vdd-s5);border-radius:0;
  font-size:var(--vdd-text-sm);
}
.woocommerce-error{border-left-color:var(--vdd-sale);background:var(--vdd-sale-soft)}

/* ---------- Phan trang ----------
   Da gom ve mot cho trong blog.css, dung chung voi phan trang cua
   bai viet. De o day mot ban rieng thi hai ban danh nhau. */

/* ---------- Hai nut thay cho gia ---------- */
/* Gan nhu moi san pham khong niem yet gia, nen the san pham dua ra
   hanh dong cu the thay vi mot dong chu khong bam duoc. */
.vdd-product__cta{margin-top:auto;display:flex;gap:.4rem;padding-top:var(--vdd-s2)}
.vdd-product__cta-btn{
  flex:1 1 auto;min-width:0;
  display:inline-flex;align-items:center;justify-content:center;gap:.35em;
  padding:.62em .7em;border-radius:var(--vdd-r-sm);
  font-size:var(--vdd-text-xs);font-weight:700;letter-spacing:.02em;
  text-decoration:none;white-space:nowrap;
  border:1px solid transparent;
  transition:background var(--vdd-dur) var(--vdd-ease),
             border-color var(--vdd-dur) var(--vdd-ease),
             color var(--vdd-dur) var(--vdd-ease);
}
.vdd-product__cta-btn svg{width:.95rem;height:.95rem;fill:currentColor;flex:none}

.vdd-product__cta-btn--call{
  background:var(--vdd-brown);border-color:var(--vdd-brown);color:#fff;
}
.vdd-product__cta-btn--call:hover{
  background:var(--vdd-gold);border-color:var(--vdd-gold);color:var(--vdd-brown);
}
.vdd-product__cta-btn--quote{
  background:transparent;border-color:var(--vdd-line-2);color:var(--vdd-brown);
}
.vdd-product__cta-btn--quote:hover{
  background:var(--vdd-gold-soft);border-color:var(--vdd-gold);color:var(--vdd-brown);
}

/* Khung hep thi xep doc cho du cho chu */
@media (max-width:420px){
  .vdd-product__cta{flex-direction:column}
}

/* =========================================================
   GIO HANG - THANH TOAN - TAI KHOAN

   Day la nhung trang ra tien nen phai chac. Ba loi da sua:
     1. WooCommerce xep hai cot bang float, ma giao dien nay da go
        float -> o nhap va bang don hang chong len nhau.
     2. Nut "Dat hang" van giu mau tim mac dinh cua WooCommerce vi
        #place_order dam dac hon luat nut chung.
     3. O nhap khong co vien, cao 24px, chu 13px - nhin nhu hong.
   ========================================================= */

.vdd-form-page{max-width:none}

/* ---------- Hai cot ---------- */
/* Luu y bo chon: lop .vdd va .woocommerce-checkout cung nam tren THE
   BODY, nen phai viet lien ".vdd.woocommerce-checkout" - viet cach
   nhau thi khong khop va hai cot van xep chong. */
@media (min-width:900px){
  .vdd.woocommerce-checkout form.checkout{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
    gap:clamp(1.5rem,3vw,3rem) clamp(1.75rem,4vw,3.5rem);
    align-items:start;
  }
  .vdd.woocommerce-checkout form.checkout > #customer_details{
    grid-column:1;grid-row:1 / span 2;min-width:0;
  }
  .vdd.woocommerce-checkout form.checkout > h3{
    grid-column:2;grid-row:1;min-width:0;margin:0;
  }
  .vdd.woocommerce-checkout form.checkout > #order_review,
  .vdd.woocommerce-checkout form.checkout > .woocommerce-checkout-review-order{
    grid-column:2;grid-row:2;min-width:0;
  }
  /* Cac the input an di van la o cua luoi va de ra hang trong */
  .vdd.woocommerce-checkout form.checkout > input[type="hidden"]{display:none}

  .vdd.woocommerce-checkout #order_review{
    position:sticky;top:var(--vdd-s5);
    background:var(--vdd-sand);
    border-radius:var(--vdd-r-md);
    padding:clamp(1.25rem,2.5vw,1.75rem);
  }
}
.vdd.woocommerce-checkout #customer_details .col-1,
.vdd.woocommerce-checkout #customer_details .col-2{
  float:none!important;width:auto!important;
}
.vdd.woocommerce-checkout #order_review_heading,
.vdd.woocommerce-checkout form.checkout > h3{
  font-family:var(--vdd-font-display);font-size:var(--vdd-text-lg);
  color:var(--vdd-brown);margin:0 0 var(--vdd-s4);
}

/* ---------- O nhap ---------- */
.vdd .woocommerce form .form-row{
  display:flex;flex-direction:column;gap:var(--vdd-s2);
  margin:0 0 var(--vdd-s4);padding:0;
}
.vdd .woocommerce form .form-row label{
  font-size:var(--vdd-text-sm);font-weight:600;color:var(--vdd-ink);
}
.vdd .woocommerce form .form-row .required{color:var(--vdd-sale);text-decoration:none}
.vdd .woocommerce form .form-row input.input-text,
.vdd .woocommerce form .form-row textarea,
.vdd .woocommerce form .form-row select,
.vdd .woocommerce-account form input.input-text,
.vdd .woocommerce .select2-container .select2-selection--single{
  width:100%;box-sizing:border-box;
  font-family:var(--vdd-font-body);font-size:var(--vdd-text-base);
  line-height:1.4;
  min-height:2.9rem;height:auto;padding:.7em .9em;
  color:var(--vdd-ink);background:var(--vdd-page);
  border:1px solid var(--vdd-line-2);border-radius:var(--vdd-r-sm);
  transition:border-color var(--vdd-dur) var(--vdd-ease),box-shadow var(--vdd-dur) var(--vdd-ease);
}
.vdd .woocommerce form .form-row textarea{min-height:7rem;resize:vertical}
.vdd .woocommerce form .form-row input.input-text:focus,
.vdd .woocommerce form .form-row textarea:focus,
.vdd .woocommerce form .form-row select:focus{
  outline:0;border-color:var(--vdd-gold-text);
  box-shadow:0 0 0 3px rgba(237,178,79,.22);
}
.vdd .woocommerce .select2-container .select2-selection--single .select2-selection__rendered{
  line-height:1.6;padding:0;color:var(--vdd-ink);
}
.vdd .woocommerce .select2-container .select2-selection--single .select2-selection__arrow{height:100%}
.vdd .woocommerce form .form-row-first,
.vdd .woocommerce form .form-row-last{width:100%}
@media (min-width:560px){
  .vdd .woocommerce form .woocommerce-billing-fields__field-wrapper,
  .vdd .woocommerce form .woocommerce-shipping-fields__field-wrapper{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:var(--vdd-s4);
  }
  .vdd .woocommerce form .form-row-wide{grid-column:1 / -1}
}

/* ---------- Nut dat hang ---------- */
/* #place_order dam dac hon ".woocommerce button.button" nen phai goi
   dich danh, neu khong nut giu nguyen mau tim mac dinh. */
.vdd .woocommerce #place_order,
.vdd .woocommerce button#place_order,
.vdd .woocommerce .checkout-button,
.vdd.woocommerce-cart .checkout-button{
  width:100%;
  background:var(--vdd-gold)!important;
  border:1px solid var(--vdd-gold)!important;
  color:var(--vdd-brown)!important;
  font-size:var(--vdd-text-base);font-weight:700;
  padding:1.05em 2em;border-radius:var(--vdd-r-sm);
  text-transform:uppercase;letter-spacing:.04em;
}
.vdd .woocommerce #place_order:hover,
.vdd .woocommerce .checkout-button:hover{
  background:var(--vdd-brown)!important;
  border-color:var(--vdd-brown)!important;
  color:var(--vdd-gold)!important;
}

/* ---------- Bang gio hang ---------- */
.vdd .woocommerce table.shop_table{
  width:100%;border-collapse:collapse;border:0;
  border-radius:0;font-size:var(--vdd-text-sm);
}
.vdd .woocommerce table.shop_table th,
.vdd .woocommerce table.shop_table td{
  border:0;border-bottom:1px solid var(--vdd-line);
  padding:var(--vdd-s4) var(--vdd-s3);vertical-align:middle;
}
.vdd .woocommerce table.shop_table th{
  font-weight:700;color:var(--vdd-brown);text-align:left;
  font-size:var(--vdd-text-xs);letter-spacing:.08em;text-transform:uppercase;
}
.vdd .woocommerce table.shop_table img{width:64px;height:auto;border-radius:var(--vdd-r-sm)}
.vdd .woocommerce table.shop_table .product-name a{color:var(--vdd-ink);text-decoration:none;font-weight:600}
.vdd .woocommerce table.shop_table .product-name a:hover{color:var(--vdd-gold-text)}
.vdd .woocommerce .cart_totals table.shop_table td,
.vdd .woocommerce .cart_totals table.shop_table th{padding-inline:0}
.vdd .woocommerce .quantity input.qty{
  width:4.5rem;min-height:2.6rem;padding:.5em;text-align:center;
  border:1px solid var(--vdd-line-2);border-radius:var(--vdd-r-sm);
}
.vdd .woocommerce a.remove{
  color:var(--vdd-sale)!important;font-size:1.4rem;line-height:1;
}
.vdd .woocommerce a.remove:hover{background:var(--vdd-sale);color:#fff!important}

/* Bang rong tren dien thoai thi cuon trong khung cua no */
@media (max-width:640px){
  .vdd .woocommerce-cart-form{overflow-x:auto}
  .vdd .woocommerce table.shop_table{min-width:32rem}
}

/* ---------- Thong bao ---------- */
.vdd .woocommerce-message,
.vdd .woocommerce-info,
.vdd .woocommerce-error{
  border-top:0;border-left:3px solid var(--vdd-gold);
  background:var(--vdd-gold-soft);color:var(--vdd-ink);
  padding:var(--vdd-s4) var(--vdd-s5);border-radius:var(--vdd-r-sm);
  font-size:var(--vdd-text-sm);
  display:flex;flex-wrap:wrap;align-items:center;gap:var(--vdd-s4);
}
.vdd .woocommerce-error{border-left-color:var(--vdd-sale);background:var(--vdd-sale-soft)}
.vdd .woocommerce-message::before,
.vdd .woocommerce-info::before,
.vdd .woocommerce-error::before{display:none}
.vdd .woocommerce-message .button,
.vdd .woocommerce-info .button{margin-left:auto}

/* ---------- Tai khoan ---------- */
/* WooCommerce xep menu tai khoan thanh cot trai 30% bang float.
   O day menu la hang tab ngang nen phai go float, neu khong sau tab
   bi nhoi vao 343px. */
.vdd.woocommerce-account .woocommerce-MyAccount-navigation,
.vdd.woocommerce-account .woocommerce-MyAccount-content{
  float:none!important;width:auto!important;
}
.vdd.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style:none;margin:0 0 var(--vdd-s5);padding:0;
  display:flex;flex-wrap:wrap;gap:var(--vdd-s2);
  border-bottom:1px solid var(--vdd-line);
}
.vdd.woocommerce-account .woocommerce-MyAccount-navigation a{
  display:inline-block;padding:.7em 1.1em;
  font-size:var(--vdd-text-sm);font-weight:600;
  color:var(--vdd-muted);text-decoration:none;
  border-bottom:2px solid transparent;margin-bottom:-1px;
}
.vdd.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{
  color:var(--vdd-brown);border-bottom-color:var(--vdd-gold);
}
@media (min-width:900px){
  .vdd.woocommerce-account .woocommerce-MyAccount-content{max-width:46rem}
}
.vdd .woocommerce form.login,
.vdd .woocommerce form.register{
  max-width:28rem;border:1px solid var(--vdd-line);
  border-radius:var(--vdd-r-md);padding:clamp(1.25rem,3vw,2rem);
}