:root{
      --bd-green:#355E3B;
      --bd-green-dark:#1E2A22;
      --bd-orange:#D7982E;
      --bd-orange-dark:#c68a24;
      --bd-brown:#7A5230;
      --bd-cream:#f6f1e6;
      --bd-cream-2:#f1e9d8;
      --bd-ink:#2a2a26;
    }

    body{
      font-family:'Jost', sans-serif;
      color:var(--bd-ink);
      background-color:var(--bd-cream);
    }

    h1,h2,h3,h4,.font-display{
      font-family:'Fraunces', serif;
      font-optical-sizing:auto;
    }
    .container {
      max-width: 1192px;
  }
.contact-message-form input#edit-preview {
    display: none;
}
.product-price-wrapper [class*="product--variation-field--variation_price__"] > div:first-child {
  display: none;
}
.view-id-products.view-display-id-block_1 .commerce-order-item-add-to-cart-form .field--widget-commerce-quantity, .view-id-products.view-display-id-page_1 .commerce-order-item-add-to-cart-form .field--widget-commerce-quantity,
.view-id-products.view-display-id-block_2 .commerce-order-item-add-to-cart-form .field--widget-commerce-quantity{
    display: none;
}
.product-detail-page + .container.mb-5 form[class*="commerce-order-item-add-to-cart-form"] {
  display: flex;
  align-items: center;
  gap: 16px;
}

/* Label hide */
.product-detail-page + .container.mb-5 .form-item-quantity-0-value .form-item__label {
  display: none;
}

.product-detail-page + .container.mb-5 .form-item-quantity-0-value {
  margin: 0;
}

/* Quantity input ko box ka design */
.product-detail-page + .container.mb-5 .form-item-quantity-0-value input[type="number"] {
  width: 90px;
  height: 38px;
  border: 1px solid #aaa;
  border-radius: 0;
  background: transparent;
  padding: 0 6px;
  text-align: center;
  font-size: 16px;
  color: #30352f;
  box-shadow: none;
}

/* Browser ke default up/down arrows chhote rakhne ke liye (optional) */
.product-detail-page + .container.mb-5 .form-item-quantity-0-value input[type="number"]:focus {
  outline: none;
  border-color: #30352f;
}
  .cart-empty-page {
    text-align: center;
    padding: 42px;
    font-size: 26px;
}
  [data-history-node-id="6"] img {
    width: 100%;
    height: auto;
}
  /* Form wrapper */
.contact-message-form {
  max-width: 480px;
  margin: 0 auto 40px;
}

#block-handicraft-main-menu ul.header-main-menu > li > a {
    display: flex;
    padding: 0;
    font-size: 20px;
    font-weight: 400;
    color: inherit;
    text-decoration: none;
}

#block-handicraft-main-menu ul.header-main-menu > li:last-child {
    background-color: var(--bd-orange);
    border-color: var(--bd-orange);
    color: rgb(245 241 232);
    font-weight: 500;
    padding: 6px 22px;
    border-radius: 2px;
    margin-left: 20px;
}

#block-handicraft-main-menu ul.header-main-menu .sub-menu li a {
    display: block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
}
/* Parent li (dropdown ko position dene ke liye) */
#block-handicraft-main-menu ul.header-main-menu > li {
    position: relative;
}

/* Sub-menu box */
#block-handicraft-main-menu ul.header-main-menu .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    margin: 0;
    padding: 8px 0;
    list-style: none;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    z-index: 999;

    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
}

/* Hover / keyboard focus par dikhao */
#block-handicraft-main-menu ul.header-main-menu > li:hover > .sub-menu,
#block-handicraft-main-menu ul.header-main-menu > li:focus-within > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Sub-menu ke li */
#block-handicraft-main-menu ul.header-main-menu .sub-menu li {
    display: block;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
}

/* Sub-menu links (upar wala rule, hover ke saath) */
#block-handicraft-main-menu ul.header-main-menu .sub-menu li a {
    display: block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.2s ease, padding-left 0.2s ease;
}
#block-handicraft-main-menu ul.header-main-menu .sub-menu li a:hover {
    color: #000;
    padding-left: 26px;
}


#block-handicraft-main-menu ul.header-main-menu > li.has-submenu > a::after {
    content: "";
    display: inline-block;
    align-self: center;
    width: 6px;
    height: 6px;
    margin-left: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
}
.contact-message-form .form-item,
.contact-message-form .form-wrapper {
  margin-bottom: 22px;
}

/* Labels */
.contact-message-form .form-item__label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  text-align: center;
}

/* Required star */
.contact-message-form .form-required::after {
  content: " *";
  color: #d9534f;
}

/* Inputs + textarea */
.contact-message-form input.form-text,
.contact-message-form textarea.form-textarea {
  display: block;
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  font-family: inherit;
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  background: transparent;
}

.contact-message-form textarea.form-textarea {
  min-height: 140px;
  resize: vertical;
}

/* Focus state */
.contact-message-form input.form-text:focus,
.contact-message-form textarea.form-textarea:focus {
  outline: none;
  border-color: #333;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
}

/* Name / email  */
.contact-message-form .form-item-name,
.contact-message-form .form-item-mail {
  text-align: center;
}

/* "Send yourself a copy" checkbox */
.contact-message-form .form-item-copy {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.contact-message-form .form-item-copy .form-item__label {
  margin: 0;
  font-weight: 400;
}

/* Buttons */
.contact-message-form .form-actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin: 0;
}
.contact-message-form .form-actions .button {
  padding: 12px 28px;
  border: 1px solid #333;
  border-radius: 4px;
  background: #fff;
  color: #333;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
  background: transparent;
}
.contact-message-form .form-actions .button:hover {
  background: #333;
  color: #fff;
}

div#block-handicraft-getintouch, div#block-handicraft-outletaddress{
    margin: 30px;
}
div#block-handicraft-getintouch p {
    font-size: 22px;
}

  /* Dropdown parent */
.header-main-menu li {
  position: relative;
}

/* Sub-menu box */
.header-main-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 220px;
  margin: 0;
  padding: 8px 10px;
  list-style: none;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  z-index: 999;

  /* hidden by default, smooth show */
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
}

/* Show on hover / keyboard focus */
.header-main-menu li:hover > .sub-menu,
.header-main-menu li:focus-within > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Sub-menu links */
.header-main-menu .sub-menu li {
  display: block;
  margin: 0;
}
.header-main-menu .sub-menu li a {
  display: block;
  padding: 10px 20px;
  color: #333;
  white-space: nowrap;
  text-decoration: none;
  transition: color 0.2s ease, padding-left 0.2s ease;
}
.header-main-menu .sub-menu li a:hover {
  color: #000;
  padding-left: 26px;
}

/* Small arrow on parent item */

#block-handicraft-navigate ul {
    padding-left: 0;
}
.tab-pane .text-content {
    padding: 20px 0;
}
.zoom-wrap {
  position: relative;
  overflow: hidden;
  cursor: crosshair;
  border-radius: 8px;
}
.zoom-wrap .product-main-img {
  display: block;
  width: 100%;
}
.zoom-lens {
  position: absolute;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  box-shadow: 0 0 0 3px #fff, 0 4px 14px rgba(0, 0, 0, .35);
  background-repeat: no-repeat;
  pointer-events: none;   /* flicker nahi hoga */
  visibility: hidden;
  z-index: 10;
}

.header-main-menu li:last-child a,
.header-main-menu a[href="/cart"] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.header-main-menu > li:last-child > a::before,
.header-main-menu > li > a[href="/cart"]::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  margin-right: 8px;
  align-self: center;
  background: url("/themes/custom/handicraft/assets/images/cart.png") no-repeat center / contain;
}
.zoom-wrap {
  overflow: hidden;
  border-radius: 8px;
  cursor: zoom-in;
}
.zoom-wrap .product-main-img {
  display: block;
  width: 100%;
  transition: transform .2s ease;
  transform-origin: center center;
  will-change: transform;
}
.zoom-wrap.is-zoomed .product-main-img {
  transform: scale(2);   /* zoom level: 1.5 se 3 tak rakh sakte ho */
}
.pd-user-icon {
  width: 18px;
  height: 18px;
  color: #222;
}
/* Form card */
#block-handicraft-content .user-form {
  max-width: 100%;
  margin: 0 auto;
  padding: 32px;
  
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

/* Form items */
#block-handicraft-content .user-form .form-item {
  margin-bottom: 20px;
}

#block-handicraft-content .user-form .form-item__label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 18px;
  color: #222;
}

/* Required star */
#block-handicraft-content .user-form .form-required::after {
  content: " *";
  color: #d93025;
}

/* Inputs + select */
#block-handicraft-content .user-form .form-element--type-password,
#block-handicraft-content .user-form .form-element--type-email,
#block-handicraft-content .user-form .form-select {
  width: 100%;
  height: 46px;
  padding: 0 14px;
  font-size: 15px;
  color: #222;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  transition: border-color 0.2s, box-shadow 0.2s;
}

#block-handicraft-content .user-form .form-element:focus {
  outline: none;
  border-color: #b5651d; /* brand color */
  box-shadow: 0 0 0 3px rgba(181, 101, 29, 0.15);
}

/* Description text */
#block-handicraft-content .user-form .form-item__description {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.5;
  color: #6b7280;
}

#block-handicraft-content .user-form .form-item__description a {
  color: #b5651d;
  text-decoration: none;
}

#block-handicraft-content .user-form .form-item__description a:hover {
  text-decoration: underline;
}

/* Password fields (nested form-items) */
#block-handicraft-content .user-form #edit-pass {
  margin-bottom: 20px;
}

#block-handicraft-content .user-form #edit-pass .form-item {
  margin-bottom: 16px;
}

/* Password strength meter */
#block-handicraft-content .user-form .password-strength {
  margin-top: 8px;
}

#block-handicraft-content .user-form .password-strength__meter {
  height: 6px;
  background: #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
}

#block-handicraft-content .user-form .password-strength__indicator {
  height: 100%;
  border-radius: 10px;
  transition: width 0.3s, background-color 0.3s;
}

#block-handicraft-content .user-form .password-strength__title,
#block-handicraft-content .user-form .password-confirm-message {
  margin-top: 6px;
  font-size: 13px;
  color: #6b7280;
}

#block-handicraft-content .user-form .password-suggestions {
  margin-top: 8px;
  padding: 10px 14px;
  font-size: 13px;
  background: #fdfbf7;
  border: 1px solid #f0e6d2;
  border-radius: 6px;
}

/* Details (Google Analytics / Locale) */
#block-handicraft-content .user-form details {
  margin-bottom: 20px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
}

#block-handicraft-content .user-form details summary {
  padding: 14px 16px;
  font-weight: 600;
  background: #f8f5ee; /* cream */
  cursor: pointer;
  list-style: none;
}

#block-handicraft-content .user-form details summary::-webkit-details-marker {
  display: none;
}

#block-handicraft-content .user-form details summary::after {
  content: "\25BE";
  float: right;
  transition: transform 0.2s;
}

#block-handicraft-content .user-form details:not([open]) summary::after {
  transform: rotate(-90deg);
}

#block-handicraft-content .user-form details > .form-item {
  margin: 0;
  padding: 16px;
}

/* Checkbox row */
#block-handicraft-content .user-form .form-type-boolean {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

#block-handicraft-content .user-form .form-type-boolean .form-item__label {
  margin: 0;
  font-weight: 500;
}

#block-handicraft-content .user-form .form-type-boolean .form-item__description {
  flex-basis: 100%;
  margin-top: 0;
}

#block-handicraft-content .user-form .form-checkbox {
  width: 18px;
  height: 18px;
  accent-color: #b5651d;
}

/* Save button */
#block-handicraft-content .user-form .form-actions {
  margin-top: 8px;
}

#block-handicraft-content .user-form .form-submit {
  padding: 12px 32px;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  background: #d7982e;
  border: 0;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s;
}

#block-handicraft-content .user-form .form-submit:hover {
  background: #964f12;
}

/* Mobile */
@media (max-width: 575px) {
  #block-handicraft-content .user-form {
    padding: 20px 16px;
  }

  #block-handicraft-content .user-form .form-submit {
    width: 100%;
  }
}
div#block-handicraft-primary-local-tasks {
    padding: 40px 0;
}
#block-handicraft-primary-local-tasks ul{
    display: flex;
    gap: 30px;
        padding-left: 0;
}
#block-handicraft-primary-local-tasks ul li {
    list-style: none;
}
#block-handicraft-primary-local-tasks ul li a.tabs__link.js-tabs-link {
    color: #000;
    text-decoration: none;
    background: #000;
    background-color: var(--bd-orange);
    border-color: var(--bd-orange);
    color: #2a2a26;
    font-weight: 500;
    padding: 6px 22px;
    border-radius: 7px;

}
div#block-handicraft-content {
        padding-bottom: 40px;
}
#block-handicraft-content .views-element-container {
  overflow-x: auto;
}

/* Table */
#block-handicraft-content table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
  font-size: 15px;
}

/* Header */
#block-handicraft-content table thead th {
  background: #f8f5ee; /* cream */
  color: #222;
  font-weight: 600;
  text-align: left;
  padding: 14px 16px;
  white-space: nowrap;
  border-bottom: 1px solid #e5e7eb;
}

#block-handicraft-content table thead th a {
  color: inherit;
  text-decoration: none;
}

#block-handicraft-content table thead th a:hover {
  text-decoration: underline;
}

/* Sort arrow (Drupal ka span sirf visually-hidden text deta hai) */
#block-handicraft-content table thead th[aria-sort="ascending"] a::after {
  content: " \2191";
}

#block-handicraft-content table thead th[aria-sort="descending"] a::after {
  content: " \2193";
}

/* Body */
#block-handicraft-content table tbody td {
  padding: 14px 16px;
  border-bottom: 1px solid #f0f0f0;
  vertical-align: middle;
}

#block-handicraft-content table tbody tr:last-child td {
  border-bottom: 0;
}

#block-handicraft-content table tbody tr:hover {
  background: #fdfbf7;
}

/* Order number link */
#block-handicraft-content table td.views-field-order-number a {
  font-weight: 600;
  color: #b5651d; /* apna brand color daal do */
  text-decoration: none;
}

#block-handicraft-content table td.views-field-order-number a:hover {
  text-decoration: underline;
}

/* State ko badge banane ke liye */
#block-handicraft-content table td.views-field-state {
  font-weight: 500;
}

/* Mobile */
@media (max-width: 575px) {
  #block-handicraft-content table {
    font-size: 14px;
  }

  #block-handicraft-content table thead th,
  #block-handicraft-content table tbody td {
    padding: 10px 12px;
    white-space: nowrap;
  }
}
form#views-exposed-form-products-page-1 {
    padding: 92px 0;
}
nav.pager {
    margin-top: 50px;
    width: 100%;
}

ul.pager__items.js-pager__items {
    display: flex;
    gap: 5px;
    justify-content: center;
}
li.pager__item.is-active, li.pager__item {
    list-style: none;
}
.pager ul li.pager__item.is-active a {
    background-color: #D7982E;
    color: #000;
}
.pager ul li a {
    background-color: transparent;
    color: #000;
    align-items: center;
    border-radius: 3px;
    display: inline-flex;
    justify-content: center;
    padding: 0px 14px;
    text-decoration: none;
    font-size: 1.5rem;
}

  #commerce-checkout-flow-multistep-default .order-total-line-value {
    display: inline-block;
    /* text-align: right; */
    padding-right: 14px;
}
  /* ===== Checkout Form Wrapper ===== */
.commerce-checkout-flow-multistep-default {
  max-width: 1100px;
  margin: 40px auto;
  padding: 0 20px;
}

.layout-checkout-form {
  display: flex;
  gap: 32px;
  align-items: flex-start;
  flex-wrap: wrap;
}

.layout-region-checkout-main {
  flex: 1 1 60%;
  min-width: 320px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.layout-region-checkout-secondary {
  flex: 1 1 35%;
  min-width: 300px;
  position: sticky;
  top: 20px;
}

.layout-region-checkout-footer {
  flex-basis: 100%;
}

/* ===== Fieldset cards (Contact info, Payment info) ===== */
.checkout-pane {
  background:transparent;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 24px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

fieldset.checkout-pane {
  margin: 0;
}

.checkout-pane legend {
  padding: 0;
}

.checkout-pane .fieldset-legend {
  font-size: 17px;
  font-weight: 700;
  color: #222;
}

.checkout-pane .fieldset-wrapper {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* ===== Form Labels ===== */
.form-item__label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #555;
  margin-bottom: 6px;
}

.form-item__label.js-form-required::after {
  content: " *";
  color: #d9534f;
}

/* ===== Inputs / Select ===== */
.form-text,
.form-email,
.form-select {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  box-sizing: border-box;
  background: transparent;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.form-text:focus,
.form-email:focus,
.form-select:focus {
  outline: none;
  border-color: #4a7c3f;
  box-shadow: 0 0 0 2px rgba(74, 124, 63, 0.15);
}

/* ===== Address inline groups (First/Last name, City/Pin/State) ===== */
.address-container-inline {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.address-container-inline .js-form-item {
  flex: 1 1 45%;
  min-width: 140px;
}

/* ===== Order Summary Sidebar ===== */
.checkout-pane-order-summary {
  background: transparent;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 24px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.layout-region-checkout-secondary h3 {
  font-size: 16px;
  font-weight: 700;
  color: #222;
  margin: 0 0 16px;
}

.checkout-pane-order-summary table.cols-0 {
  width: 100%;
  border-collapse: collapse;
}

.checkout-pane-order-summary table.cols-0 td {
  padding: 10px 0;
  border-bottom: 1px solid #f0f0f0;
  font-size: 14px;
  vertical-align: top;
}

.views-field-quantity {
  color: #888;
  white-space: nowrap;
  width: 40px;
}

.views-field-purchased-entity a {
  color: #333;
  font-weight: 500;
  text-decoration: none;
}

.views-field-purchased-entity a:hover {
  color: #4a7c3f;
}

.views-field-total-price__number {
  
  font-weight: 600;
  color: #333;
  white-space: nowrap;
}

/* ===== Order Total Footer ===== */
[data-drupal-selector="order-total-summary"] {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 2px solid #eee;
}

.order-total-line {
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
  font-size: 14px;
  color: #555;
}

.order-total-line__total {
  font-size: 17px;
  font-weight: 700;
  color: #222;
  border-top: 1px solid #eee;
  margin-top: 6px;
  padding-top: 10px;
}

.order-total-line__total .order-total-line-value {
  color: #4a7c3f;
}

/* ===== Coupon Code Pane ===== */
.checkout-pane-coupon-redemption {
  background: transparent;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 20px;
  margin-top: 20px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  display: flex;
  gap: 10px;
  align-items: flex-end;
  flex-wrap: wrap;
}

.checkout-pane-coupon-redemption .js-form-item {
  flex: 1 1 auto;
  margin: 0;
}

#edit-sidebar-coupon-redemption-form-apply {
  background: #4a7c3f;
  color: #fff;
  border: 1px solid #4a7c3f;
  padding: 10px 18px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.2s ease;
  margin-top: 24px;
}

#edit-sidebar-coupon-redemption-form-apply:hover {
  background: #f2f7f0;
}

/* ===== Footer Actions ===== */
.layout-region-checkout-footer #edit-actions {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 8px;
}

#edit-actions-next {
  background: #4a7c3f;
  color: #fff;
  border: none;
  padding: 13px 28px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

#edit-actions-next:hover {
  background: #3d6834;
}

.link--previous {
  color: #666;
  font-size: 14px;
  text-decoration: none;
  margin-top: 16px;
}

.link--previous:hover {
  color: #4a7c3f;
  text-decoration: underline;
}

/* ===== Responsive ===== */

 .commerce-order-item-add-to-cart-form #edit-actions {
  
    margin-top: 0px;
   
}
  .commerce-order-item-add-to-cart-form #edit-submit {
   
    padding: 8px 40px;
    
}
  img#mainImage {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0 auto;
}
  .sticky-top {
   
    z-index: 500 !important;
}
  /* ===== Register Page Wrapper ===== */


/* ===== Register Form Card ===== */
.user-register-form {
  width: 100%;
  max-width: 580px;
  background: transparent;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 32px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  margin: 40px auto;
}

#edit-account {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-bottom: 18px;
}

/* ===== Labels ===== */
/* .user-register-form .form-item__label {
 display: block;
    font-size: 18px;
    font-weight: 600;
    color: #555;
    margin-bottom: 6px;
} */

.user-register-form .form-item__label.js-form-required::after {
  content: " *";
  color: #d9534f;
}

/* ===== Text / Email inputs ===== */
.user-register-form .form-email,
.user-register-form .form-text {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  background-color: transparent;
}

.user-register-form .form-email:focus,
.user-register-form .form-text:focus {
  outline: none;
  border-color: #4a7c3f;
  box-shadow: 0 0 0 2px rgba(74, 124, 63, 0.15);
}

/* ===== Description text (helper text) ===== */
.user-register-form .form-item__description {
  font-size: 14px;
  color: #888;
  margin-top: 6px;
  line-height: 1.5;
}

/* ===== Picture upload widget ===== */
.user-register-form .image-widget {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.user-register-form .form-file {
  font-size: 13px;
  padding: 6px 0;
}

.user-register-form input[type="submit"].js-hide {
  display: none; /* auto-upload ajax button, no need to show */
}

/* ===== Details / Summary (Contact settings) ===== */
.user-register-form details {
  border: 1px solid #eee;
  border-radius: 6px;
  padding: 4px 16px;
  margin: 18px 0;
  background: #fafafa;
}

.user-register-form details summary {
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  color: #333;
  padding: 10px 0;
  list-style: none;
}

.user-register-form details summary::-webkit-details-marker {
  display: none;
}

.user-register-form details summary::before {
  content: "▸";
  display: inline-block;
  margin-right: 8px;
  color: #4a7c3f;
  transition: transform 0.2s ease;
}

.user-register-form details[open] summary::before {
  transform: rotate(90deg);
}

/* ===== Checkbox ===== */
.user-register-form .form-type-boolean {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 0 14px;
}

.user-register-form .form-checkbox {
  margin-top: 3px;
  width: 16px;
  height: 16px;
  accent-color: #4a7c3f;
  cursor: pointer;
}

.user-register-form .form-type-boolean .form-item__label {
  margin-bottom: 2px;
  font-weight: 500;
  color: #333;
}

.user-register-form .form-type-boolean .form-item__description {
  margin-top: 4px;
  margin-left: 24px;
  flex-basis: 100%;
}

/* ===== Submit button ===== */
.user-register-form #edit-actions {
  margin-top: 8px;
}

.user-register-form .button--primary {
  width: 100%;
  background: #4a7c3f;
  color: #fff;
  border: none;
  padding: 12px 20px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.user-register-form .button--primary:hover {
  background: #3d6834;
}


  form#user-login-form, form#user-pass {
    background: transparent;
    padding: 40px;
    /* margin-top: 50px; */
    border-radius: 4px;
    box-shadow: 0 4px 55px 0 rgba(0, 0, 0, 0.04);
    max-width: 550px;
    margin: 40px auto;
}
 #edit-submit  {
  
    width: 100%;
    font-size: 20px;
}
 /* #user-login-form .form-item__label{

    font-size: 18px;

} */
 #user-login-form .js-form-type-password {
    margin-top: 20px;
}
  .user-login-form .form-text {
    background-color: transparent;
}
 /* ===== Checkout Form Wrapper ===== */
.commerce-checkout-flow-multistep-default {
  max-width: 1226px;
  margin: 40px auto;
  padding: 0 20px;
}

.layout-checkout-form {
  display: block;
}

/* ===== Login Pane — two-column layout ===== */
#edit-login {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}

/* ===== Fieldsets as cards ===== */
#edit-login fieldset {
  flex: 1 1 280px;
  background: transparent;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 24px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  margin: 0;
}

#edit-login fieldset legend {
  padding: 0;
  margin-bottom: 16px;
}

#edit-login fieldset .fieldset-legend {
  font-size: 17px;
  font-weight: 700;
  color: #222;
}

.fieldset-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* ===== Form fields ===== */
.form-item__label {
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #555;
  margin-bottom: 6px;
}

.form-text {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  background-color: transparent;
}

.form-text:focus {
  outline: none;
  border-color: #4a7c3f;
  box-shadow: 0 0 0 2px rgba(74, 124, 63, 0.15);
}

/* ===== Forgot password link ===== */
#edit-login-returning-customer-forgot-password {
  display: inline-block;
  margin-top: 4px;
  font-size: 13px;
  color: #4a7c3f;
  text-decoration: none;
}

#edit-login-returning-customer-forgot-password:hover {
  text-decoration: underline;
}

/* ===== Guest checkout text ===== */
#edit-login-guest .fieldset-wrapper p {
  font-size: 14px;
  color: #666;
  margin: 0 0 4px;
  line-height: 1.5;
}

/* ===== Buttons ===== */
#edit-login-returning-customer-submit {
background: #4a7c3f;
    color: #fff;
    border: 1px solid #4a7c3f;
    padding: 11px 20px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    align-self: flex-start;
    width: 100%;
}

#edit-login-returning-customer-submit:hover {
  background: #f2f7f0;
  background: #4a7c3f;
    color: #fff;
}

#edit-login-guest-continue {
  background: #4a7c3f;
  color: #fff;
  border: none;
  padding: 12px 22px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  align-self: flex-start;
}

#edit-login-guest-continue:hover {
  background: #3d6834;
}

/* ===== Guest fieldset — highlight as primary path ===== */
#edit-login-guest {
  border-color: #4a7c3f !important;
  background: #f7faf6;
}


  /* ===== Cart Page Container ===== */
  .order-total-line-label {
    display: inline-block;
    padding: 0 10px;
    font-family: Fraunces;
    color: #fff;
}
.cart.cart-form {
  max-width: 900px;
  margin: 40px auto;
  padding: 24px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

/* ===== Table Base ===== */
.cart.cart-form table.cols-5 {
  width: 100%;
  border-collapse: collapse;
}

.cart.cart-form table.cols-5 thead th {
  text-align: left;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #6b6b6b;
  padding: 12px 10px;
  border-bottom: 2px solid #eee;
  font-family: Fraunces;
}

.cart.cart-form table.cols-5 tbody td {
  padding: 16px 10px;
  border-bottom: 1px solid #eee;
  vertical-align: middle;
  font-size: 15px;
  color: #333;
}

/* ===== Item name link ===== */
.views-field-purchased-entity a {
    color: #333;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s ease;
    font-size: 16px;
    font-family: Fraunces;
}

.views-field-purchased-entity a:hover {
  color: #4a7c3f;
}

/* ===== Price columns ===== */
.views-field-unit-price__number,
.views-field-total-price__number {
  font-weight: 600;
  color: #333;
  white-space: nowrap;
}

/* ===== Quantity input ===== */
.quantity-edit-input {
  width: 64px;
  padding: 8px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
  transition: border-color 0.2s ease;
}

.quantity-edit-input:focus {
  outline: none;
  border-color: #4a7c3f;
  box-shadow: 0 0 0 2px rgba(74, 124, 63, 0.15);
}

/* ===== Remove button ===== */
.delete-order-item {
  background: none;
  border: 1px solid #d9534f;
  color: #d9534f;
  padding: 6px 14px;
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.delete-order-item:hover {
  background: #d9534f;
  color: #fff;
}

/* ===== Order Totals ===== */
[data-drupal-selector="order-total-summary"] {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 2px solid #eee;
}

/* .order-total-line {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  font-size: 15px;
  color: #555;
} */

.order-total-line__total {
  font-size: 18px;
  font-weight: 700;
  color: #222;
  border-top: 1px solid #eee;
  margin-top: 6px;
  padding-top: 12px;
}

.order-total-line__total .order-total-line-value {
  color: #fff;
}

/* ===== Action buttons (Update cart / Checkout) ===== */
#edit-actions {
  display: flex;
  gap: 12px;
  margin-top: 24px;
  justify-content: flex-end;
}

#edit-submit {
     background: #4a7c3f;
    color: #fff;
    border: 1px solid #4a7c3f;
    padding: 12px 22px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.2s ease;
}

#edit-submit:hover {
    background: #4a7c3f;
  color: #fff;
}

#edit-checkout {
  background: #4a7c3f;
  color: #fff;
  border: none;
  padding: 12px 26px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

#edit-checkout:hover {
  background: #3d6834;
}

/* ===== Responsive — table to card layout on mobile ===== */

  .tab-pane .col-lg-8 .text-content p{
  font-weight: 400;
    font-style: Regular;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 32px;
    letter-spacing: 2%;
    }
  .tab-pane .col-lg-8 .text-content p{
      
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 28px;
    letter-spacing: 2%;
  }
  #block-handicraft-views-block-products-block-2-2 .py-5 {
    padding-top: 0rem!important;
    padding-bottom: 3rem!important;
}
  .drupal-message-item {
  position: relative;
  padding-right: 40px; /* text button ke neeche na chhupe */
}

.message-close {
  position: absolute;
    top: 2px;
    right: 16px;
    background: none;
    border: none;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
    color: inherit;
    opacity: 0.7;
    padding: 0;
}

.message-close:hover {
  opacity: 1;
}
  div[data-drupal-messages] {
 position: fixed;
 top: 40px;
 background: #D7982E;
 z-index: 9999;
 width: 475px;
 text-align: center;
 padding: 10px;
 left: 39%;
 right: 50%;
 box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.17);
 color: #fff;
 font-size: 18px;
 }
.view-products .views-row .product-card {
  position: relative;
  overflow: visible;
}

.view-products .views-row .views-field-variations-target-id {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 32%;           
  margin: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity 0.25s ease, transform 0.25s ease;
  z-index: 10;
  width: 100%;
  box-sizing: border-box;
}

.view-products .product-card:hover .views-field-variations-target-id {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.view-products .views-field-variations-target-id .button--add-to-cart {
  width: 100%;
  display: block;
  background-color: #4a7c3f;   
  color: #fff;
  border: none;
  border-radius: 0;            
  padding: 14px 16px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.3px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.view-products .views-field-variations-target-id .button--add-to-cart:hover {
  background-color: #3d6834;    
}
 #block-handicraft-sitelogo .navbar-brand-title small {
    display: block;
    font-family: 'Jost', sans-serif;
    font-size: .65rem;
    font-weight: 400;
    color: rgba(122, 82, 48, 1);
    margin-top: 10px;
    font-family: Rozha One;
    font-weight: 400;
    font-style: Regular;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 0;
    letter-spacing: 0%;
}
  #block-handicraft-footercontact .text-content {
    font-weight: 200;
    font-style: ExtraLight;
    font-size: 17px;
    line-height: 168%;
    letter-spacing: 0%;
}
 #block-handicraft-footerlogo p.text-white-100 {
    font-family: DM Sans;
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 168%;
    letter-spacing: 0%;
    margin-bottom: 42px !important;
}
.js-form-item.form-item.js-form-type-select.form-item-sort-by.js-form-item-sort-by
   {
    display: none;
    
}
  #collection .bef-exposed-form .js-form-type-select label {
    display: none;
}
  .view-id-products .views-exposed-form .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: 9px 13px;
    font-size: 17px;
    font-weight: 500;
    line-height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: var(--bs-body-color);
    background-color: #f6f1e6;
    background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 0.75px solid rgba(30,42,34,1);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 170px;
    height: auto;
}
   #block-impactbar .py-4 {
    padding-top: 0rem!important;
    padding-bottom: 2.5rem!important;
}
  #block-impactbar .py-5 {
    padding-top: 0rem!important;
    padding-bottom: 5rem!important;
}
  .view-id-products .product-card .card-body .h6 a {
    font-family: Fraunces;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 167%;
    letter-spacing: 0%;
    color: rgba(30, 42, 34, 1);
    text-decoration: none;
}
  #crafts .col-lg-5 {
    padding-right: 76px;
}
  #crafts .col-lg-7.text-white {
    padding-left: 63px;
}
 .hero .hero-info-card .fs-4 {
    font-size: 2.5rem!important;
}
  #pid-2 span.font-display.fs-4.fw-semibold.orange{
    color: rgba(215, 152, 46, 1);
  }
  #block-handicraft-sitelogo .text-content p {
    margin-top: 0;
    margin-bottom: 0;
}
  .my-4 {
    margin-top: 110px;
    margin-bottom: 28px;
}
  #block-handicraft-footerlogo .btn-brand-orange {
    background-color: var(--bd-orange);
    border-color: var(--bd-orange);
    color:rgba(30, 42, 34, 1);
    font-weight: 600;
    margin-left: 0px;
    font-size: 17px;
    font-family: 'Fraunces';
    padding: 5px 24px;
}
   #block-handicraft-footerlogo p.navbar-brand-title {
    font-family: Fraunces;
font-weight: 700;
font-style: Bold;
font-size: 33px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;

}

 #block-handicraft-footerlogo p.small{
    margin-bottom: 3.5rem !important;
    color: rgba(245, 241, 232, 1) !important;
    font-family: Rozha One;
    font-weight: 400;
    font-style: Regular;
    font-size: 26px;
    leading-trim: NONE;
    line-height: 1.5;
    letter-spacing: 0%;
}
  .impact-bar .impact-item .fs-2 {
    font-size: 2.2rem!important;
}
  
.view-products .product-card p.fw-semibold.mb-0.product-price {
    text-align: left;
    margin-top: .65rem !important;
    font-family: Fraunces !important;
    font-weight: 600 !important;
    font-style: SemiBold;
    font-size: 18px !important;
    line-height: 167%;
    letter-spacing: 0%;
    color: rgba(30, 42, 34, 1) !important;
}
  .view-products .product-card .card-body p {
    font-family: DM Sans;
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba(30, 42, 34, 0.5);
}
  .view-products .product-card .h-100 {
    height: 100%!important;
    min-height: 478px;
}
  form#views-exposed-form-products-block-1 {
    padding: 92px 0;
}
      .display-6 {
        font-size: 60px;
    }
    #collection p.text-muted.mt-3.mx-auto {
    font-size: 20px;
    font-family: DM Sans;
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 168%;
    letter-spacing: 0%;
    text-align: center;
}
  #collection .py-5 {
    padding: 147px 0!important;
}
  #story .col-lg-5 .fst-italic {
    font-style: italic!important;
    font-family: DM Sans;
    font-weight: 300;
    font-style: Italic;
    font-size: 15px;
    leading-trim: NONE;
    /* line-height: 100%; */
    letter-spacing: 0%;
}
  #story .col-lg-7 p.mb-4 {
    margin-bottom: 73px!important;
}
  #story .col-lg-7 .display-6 .mb-4 {
    margin-bottom: 38px!important;
}
  #story .col-lg-7 .display-6 {
        font-size: 60px;
    }
  #story .col-lg-7 p {
    font-family: DM Sans;
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 168%;
    letter-spacing: 0%;
}
  #crafts .btn-brand-orange {
    
    padding: 14px 21px;
    margin-top: 14px;
}
   #crafts .col-md-4 {
        flex: 0 0 auto;
        width: 32.333333%;
    }
  .mission-impact.rounded-2.px-3.py-2.d-flex.align-items-baseline.gap-2 {
    background: rgba(245, 241, 232, 1);
    padding-top: 21px !important;
    padding-bottom: 20px !important;
}
  .mission-actions .small{
    font-size: .875em;
    max-width: 236px;
}
  .mission-actions .fs-6 {
    font-size: 28px!important;
}
  .mission-impact.rounded-2.px-3.py-2.d-flex.align-items-baseline.gap-2 {
      background: rgba(245,241,232,1);
    align-items: flex-start !important;
}
  .section-eyebrow {
    color: var(--bd-orange);
    text-transform: capitalize;
    font-family: DM Sans;
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    padding-top: 41px;
    padding-bottom: 4px;
}
  #crafts .col-lg-7.text-white p.mb-0 {
    font-family: Fraunces;
    font-weight: 400;
    font-style: Regular;
    font-size: 30px !important;
    leading-trim: NONE;
    line-height: 127%;
    letter-spacing: 0%;
    padding-bottom: 47px !important;
}
  #crafts .text-start {
    text-align: left!important;
    gap: 12px;
}
  #crafts .mb-5 {
        margin-bottom: 69px !important;
    margin-top: 28px;
}
  .hero .col-lg-5 > div div:first-child {
    border-radius: 0;
    color: var(--bd-ink);
    font-size: .9rem;
    background: rgba(245, 241, 232, 0.57) !important;
}

.hero .col-lg-5.mt-4.mt-lg-0 > div div:last-child {
   
    background: rgba(245, 241, 232, 1);

}
  .view-id-products .more-link a{
    background-color: var(--bd-orange);
    border-color: var(--bd-orange);
    color: rgba(245, 241, 232, 1);
    font-weight: 500;
    padding-right: 3rem !important;
    padding-left: 3rem !important;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 0.375rem;
    text-decoration: none;
    font-size: 1rem;
    vertical-align: middle;

  }
  .view-id-products .more-link {
    text-align: center !important;
    margin-top: 3rem !important;
}
   .views-exposed-form .js-form-item.form-item.js-form-type-select.form-item-sort-order.js-form-item-sort-order {
    
    float: right;
    position: relative;
    bottom: 45px;
    clear: both;
}

 .bef-link--selected {
    background-color: var(--bd-green) !important;
    border-color: #355e3b !important;
    color: #fff !important;
    text-decoration: none;
}
 .bef-link {
    border: 1px solid rgba(30, 42, 34, 1);
    background: transparent;
    color: rgba(30, 42, 34, 1);
    border-radius: 2px;
    padding: .35rem 1rem;
    font-size: 17px;
    text-decoration: none;
    font-weight: 500;
}
  .bef-links ul {
    display: flex;
    flex-wrap: wrap !important;
    gap: .5rem !important;
    padding: 0!important;
}
#block-ourmission .py-5 {
    padding-top: 107px !important;
    padding-bottom: 147px !important;
}
.bg-white.px-3.py-2.rounded-2.shadow-sm.position-absolute.d-none.d-md-block {
    bottom: 50px !important;
    max-width: 210px;
    left: -75px !important;
}

  .paragraph--type--badge-text {
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
    border-radius: .25rem;
    font-size: 17px;
    padding: .4rem .9rem;
    font-family: 'Fraunces';
}
 .paragraph--type--badge-text:nth-child(1) {
    --bs-bg-opacity: 1;
    background-color: transparent !important;
    --bs-text-opacity: 1;
    border: 2px solid rgba(245, 241, 232, 1);
    color: rgba(217, 217, 217, 1) !important;
}
   .paragraph--type--badge-text:nth-child(3) {
    --bs-bg-opacity: 1;
    background-color: rgba(255,255,255, var(--bs-bg-opacity)) !important;
    --bs-text-opacity: 1;
    color: rgba(102, 114, 125, 1) !important;
}
.paragraph--type--badge-text:nth-child(2) {
    background-color: var(--bd-brown) !important;
    --bs-text-opacity: 1;
    color: rgba(245, 241, 232, 1) !important;
}
.paragraph--type--badge-text:nth-child(4){
background-color: var(--bd-green) !important;
--bs-text-opacity: 1;
       color: rgba(245, 241, 232, 1) !important;
}
  #crafts .col-md-4:nth-child(3) {
    background-color: var(--bd-brown) !important;
}
  #crafts .col-md-4:nth-child(2) {
    background-color: #D7982E !important;
    
}
#crafts .col-md-4:nth-child(1) {
    background-color: var(--bd-green) !important;
}
 
  /* .commerce-order-item-add-to-cart-form .form-actions {
    display: none;
} */
   /* #block-handicraft-main-menu ul.header-main-menu {
    display: flex !important;
    flex-basis: auto;
    flex-direction: row;
    gap: 1.5rem !important;
    margin-left: 224px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    flex-grow: 1;
    align-items: center;
    flex-grow: 1;
    align-items: center;
  } */
   #block-handicraft-navigate ul.header-main-menu{
        padding: 0 !important;
  }
  #block-handicraft-navigate ul li {
   
    margin-bottom: .5rem !important;
}
   #block-handicraft-main-menu ul.header-main-menu li, #block-handicraft-navigate ul li, 
   .bef-links ul li{
    list-style: none;
}
/* .navbar-collapse {
    flex-basis: 100%;
    flex-grow: 0;
    align-items: center;
} */
   /* #block-handicraft-main-menu ul.header-main-menu li a
{
  display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: 20px;
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
} */
    .text-orange{ color:var(--bd-orange) !important; }
    .bg-orange{ background-color:var(--bd-orange) !important; }
    .bg-brand-green{ background-color:var(--bd-green) !important; }
    .bg-brand-green-dark{ background-color:var(--bd-green-dark) !important; }
    .bg-brand-brown{ background-color:var(--bd-brown) !important; }
    .bg-cream{ background-color:var(--bd-cream) !important; }
    .bg-cream-2{ background-color:var(--bd-cream-2) !important; }

    .btn-brand-orange{
      background-color: var(--bd-orange);
    border-color: var(--bd-orange);
    color: rgba(245, 241, 232, 1);
    font-weight: 500;
    margin-left: 20px;
    font-size: 17px;
    font-family: "DM Sans";
    border-radius: 4px;
    }
    .btn-brand-orange:hover{
      background-color:var(--bd-orange-dark);
      border-color:var(--bd-orange-dark);
      color:rgba(245, 241, 232, 1);
    }
    .btn-outline-cream{
      border-color:#fff;
      color:#fff;
      border-radius: 4px;
    }
    .btn-outline-cream:hover{
      background-color:#fff;
      color:var(--bd-ink);
    }

    .eyebrow{
      letter-spacing:.03em;
      font-weight:500;
    }

    /* Navbar */
    #block-handicraft-sitelogo .navbar-brand-title{
      font-family:'Fraunces', serif;
      font-weight:700;
      font-size: 24px;
      line-height: 0;
      color:var(--bd-green);
    }
    .navbar-brand-title small{
      display:block;
      font-family:'Jost', sans-serif;
      font-size:.65rem;
      font-weight:400;
      color:#7a7a72;
    }

    /* Hero */
    .hero{
      min-height:80vh;
      background:
        linear-gradient(180deg, rgba(15,25,15,.15) 0%, rgba(15,25,15,.05) 40%, rgba(10,18,10,.6) 100%),
        url('../images/banner.png') center/cover no-repeat;
      position:relative;
      display:flex;
      align-items:flex-end;
    }
    .hero .hero-caption{
      position:absolute;
      bottom:.5rem;
      right:1rem;
      font-size:.65rem;
      color:rgba(255,255,255,.7);
    }
    .hero-info-card{
      background-color:#fff;
      border-radius:0;
      color:var(--bd-ink);
      font-size:.9rem;
    }
    .hero-info-card.solid{
      background-color:#fff;
      color:var(--bd-ink);
      font-size:.9rem;
    }
    .hero h1{
      font-size:73px;
      line-height:1.08;
      /* max-width:100%; */
    }
    .hero-title-orange{color:var(--bd-orange);font-style:italic;
    display: block;}
    .hero-title-thread{color:#fff;font-style:normal;
      display: block;
    }

    .mission-actions{
      display:flex;
      flex-direction:column;
      align-items:flex-end;
      gap:.35rem;
    }
    .mission-shop{
      /* width:112px; */
      white-space:normal;
      line-height:1.05;
      text-align:center;
    }

    /* Why choose us cards */
    .reason-card{
      color:#fff;
      padding:2rem 1.5rem;
      min-height:230px;
    }
    .reason-num{
      font-family:'Fraunces', serif;
      font-style:italic;
      font-size:2.2rem;
      opacity:.55;
    }

    /* Product cards */
    .product-card img{
      height:306px;
      object-fit:cover;
      width:100%;
    }
    .product-card .card-body{
      padding:1rem;
      min-height: 144px;
    }
    /* .product-card .product-price{
      text-align:center;
      margin-top:.65rem !important;
    } */
    .collection-title .mountain-soul,
    .makers-title .centuries-craft{
      display:block;
    }
    .product-card h3{
     font-family: 'Fraunces';
    font-size: 18px;
    font-weight: 600;
    color: rgba(30, 42, 34, 1);
}
    .filter-btn{
      border:1px solid #d8cfba;
      background:transparent;
      color:var(--bd-ink);
      border-radius:2rem;
      padding:.35rem 1rem;
      font-size:.85rem;
    }
    .filter-btn.active{
      background-color:var(--bd-green);
      border-color:var(--bd-green);
      color:#fff;
    }

    /* Makers */
    .maker-photo{
      height:540px;
      object-fit:cover;
      width:100%;
      border-radius:.25rem;
    }

    /* Tag badges */
    .tag-badge{
      border-radius:.25rem;
      font-size:.85rem;
      padding:.4rem .9rem;
    }

    /* Footer */
    footer a{
      color:#d9d3c4;
      text-decoration:none;
    }
    footer a:hover{
      color:var(--bd-orange);
    }

    footer{
      background-color:var(--bd-green) !important;
    }

    .impact-bar{
      background-color:var(--bd-green);
      border-radius:0;
      padding:52px;
    }

    .impact-item{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:.5rem;
      min-height:52px;
    }

    .impact-item .impact-number{
      flex:0 0 auto;
      line-height:1;
    }
    .impact-bar .col-md-6:nth-child(2) .impact-item .impact-text{
      width: 402px;
    }
    .impact-bar .col-md-6:nth-child(1) .impact-item .impact-text{
     width: 275px;
    }
.impact-item .impact-text {
    
    /* line-height: 1.15; */
    text-align: left;
    font-size: 20px;
    font-family: DM Sans;
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
    color: rgba(245, 241, 232, 1);
}

    .section-eyebrow{
      color:var(--bd-orange);
      font-size:1.4rem;
      text-transform:capitalize;
    }

  


  .serif{font-family:'Playfair Display',serif;}

 /* =========================================================
   PRODUCT DETAIL PAGE
   Related Products ko affect nahi karega
========================================================= */


/* =========================
   BREADCRUMB
========================= */

.product-detail-page {

  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

.product-detail-page .breadcrumb-custom {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 30px;
    margin-bottom: 55px;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    color: #30362f;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 2%;
}

.product-detail-page .breadcrumb-custom a {
  color: #30362f;
  text-decoration: none;
  transition: color 0.3s ease;
}

.product-detail-page .breadcrumb-custom a:hover {
  color: #c99422;
}

.product-detail-page .breadcrumb-custom .active-crumb {
  color: #c99422;
}


/* =========================================================
   ONLY MAIN PRODUCT SECTION
   Related Products is NOT affected
========================================================= */

.product-detail-page + .container.mb-5 {
  
  margin-left: auto;
  margin-right: auto;
}


/* =========================
   PRODUCT MAIN ROW
========================= */

.product-detail-page + .container.mb-5 > .row:first-child {
  align-items: flex-start;
  padding-top: 108px;
}


/* =========================
   PRODUCT IMAGE
========================= */

.product-detail-page + .container.mb-5 .col-lg-6:first-child {
  padding-right: 35px;
}





/* =========================
   THUMBNAILS
========================= */

.product-detail-page + .container.mb-5 .row.g-2 {
  margin-top: 10px;
}

.product-detail-page + .container.mb-5 .thumb-img {
  display: block;

  width: 100%;
  height: 80px;

  object-fit: cover;

  cursor: pointer;

  opacity: 0.55;

  border: 1px solid transparent;

  transition: all 0.3s ease;
}

.product-detail-page + .container.mb-5 .thumb-img:hover {
  opacity: 1;
}

.product-detail-page + .container.mb-5 .thumb-img.active {
  opacity: 1;

  border: 1px solid #333;
}


/* =========================
   PRODUCT INFORMATION
========================= */

.product-detail-page + .container.mb-5 .col-lg-6:last-child {
  padding-left: 35px;

  padding-top: 30px;
}


/* Product title */

.product-detail-page + .container.mb-5 .product-title {
  margin: 0;

  max-width: 500px;

  font-family: Georgia, "Times New Roman", serif;

  font-size: 46px;
  line-height: 1.08;
  font-weight: 500;

  letter-spacing: -1px;

  color: #27362d;
}


/* Remove unnecessary margin from Drupal field */

.product-detail-page + .container.mb-5 .product-title > div {
    margin: 0;
    font-family: Fraunces;
    font-weight: 400;
    font-style: Regular;
    font-size: 60px;
    leading-trim: NONE;
    line-height: 73px;
    letter-spacing: 2%;
}


/* =========================
   PRICE
========================= */
h2.related-title.mb-4 {
    font-family: Fraunces;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 36px;
    leading-trim: NONE;
    line-height: 40px;
    letter-spacing: 2%;
}
.product-detail-page + .container.mb-5 .price-text {
    margin-top: 20px !important;
    margin-bottom: 0;
    font-family: Georgia,"Times New Roman",serif;
    font-size: 22px;
    line-height: 1.4;
    color: #77766f;
    font-family: Fraunces;
    font-weight: 400;
    font-style: Regular;
    font-size: 25px;
    leading-trim: NONE;
    line-height: 28px;
    letter-spacing: 2%;
}


/* =========================
   QUANTITY + CART
========================= */

.product-detail-page + .container.mb-5 .qty-box {
  display: flex;
  align-items: center;

  height: 38px;

  border: 1px solid #aaa;
}

.product-detail-page + .container.mb-5 .qty-box button {
  width: 32px;
  height: 36px;

  padding: 0;

  border: 0;
  background: transparent;

  font-size: 22px;
  line-height: 1;

  color: #30352f;

  cursor: pointer;
}

.product-detail-page + .container.mb-5 .qty-box span {
  min-width: 30px;

  text-align: center;

  font-size: 16px;

  color: #30352f;
}


/* Add to cart */

.product-detail-page + .container.mb-5 .btn-add-cart {
  min-width: 180px;
  height: 48px;

  padding: 0 28px;

  border: none;
  border-radius: 0;

  background: #35643e;

  color: #fff;

  font-size: 14px;
  font-weight: 500;

  transition: all 0.3s ease;
}

.product-detail-page + .container.mb-5 .btn-add-cart:hover {
  background: #294f31;

  transform: translateY(-2px);
}


/* =========================================================
   DETAIL / HOW TO CARE TABS
========================================================= */

.product-detail-page + .container.mb-5 > .row.mt-5 {
  margin-top: 65px !important;
}

.product-detail-page + .container.mb-5 .detail-tabs {
  display: flex;
  align-items: center;

  gap: 25px;

  border: 0;
    margin-bottom: 30px;
}

.product-detail-page + .container.mb-5 .detail-tabs .nav-link {
  position: relative;

  padding: 0 4px 10px;

  border: 0 !important;
  border-radius: 0;

  background: transparent !important;

  color: #999;

  font-size: 20px;
  font-weight: 500;
}

.product-detail-page + .container.mb-5 .detail-tabs .nav-link:hover {
  color: #333;
}


/* Active tab */

.product-detail-page + .container.mb-5 .detail-tabs .nav-link.active {
  color: #30352f;
}

.product-detail-page + .container.mb-5 .detail-tabs .nav-link.active::after {
  content: "";

  position: absolute;

  left: 0;
  right: 0;
  bottom: 0;

  height: 1px;

  background: #30352f;
}


/* Horizontal line */

.product-detail-page + .container.mb-5 .detail-tabs + hr {
  margin-top: 0 !important;

  border: 0;

  border-top: 1px solid #d7d4ca;

  opacity: 1;
}


/* =========================
   DETAIL CONTENT
========================= */

.product-detail-page + .container.mb-5 .detail-section {
  padding-top: 15px;
}

.product-detail-page + .container.mb-5 .detail-section h3 {
  margin-top: 0;
  margin-bottom: 7px;

  font-size: 18px;
  font-weight: 500;

  color: #30352f;
}

.product-detail-page + .container.mb-5 .detail-section p {
  margin-bottom: 20px;

  font-size: 13px;
  line-height: 1.7;

  color: #686861;
}


/* =========================================================
   BACKGROUND
========================================================= */

/* #block-handicraft-content {
  background: #f5f1e7;
} */


/* =========================================================
   DESKTOP - SCREENSHOT LIKE
========================================================= */



/* =========================================================
   TABLET
========================================================= */

.nav-close-btn,
.nav-overlay {
  display: none;
}




/* #block-handicraft-main-menu ul.header-main-menu li:last-child {
  background-color: var(--bd-orange);
  border-color: var(--bd-orange);
  color: rgb(245 241 232);
  font-weight: 500;
  padding: 6px 22px;
  border-radius: 2px;
} */
.pd-user-menu {
    position: relative;
}
button#pdUserToggle {
    background: gray;
    border-radius: 100px;
}
.pd-user-dropdown.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
 .active {
    background: transparent;
    
}
.node-23 .active, .node-23 .inactive, .node-23 .sold, .node-23 .submitted, .node-23 .suspend {
    width: fit-content;
    text-align: center;
    border-radius: 12px;
    padding: 4px 12px;
}
nav#block-premium-profile ul {
    padding: 0;
}
.pd-user-dropdown a:last-child {
    border-bottom: none;
}
.pd-user-dropdown a {
    display: block;
    padding: 14px 18px;
    color: #222;
    text-decoration: none;
    border-bottom: 1px solid #f2f2f2;
    transition: .25s;
}
.pd-user-menu {
  position: relative;
}

.pd-user-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  min-width: 120px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  z-index: 999;
    margin-top: 10px;
}

.pd-user-dropdown.active {
  display: block;
}

.pd-user-dropdown ul {
  list-style: none;
  margin: 0;
  padding: 8px 0;
}

.pd-user-dropdown a {
  display: block;
  padding: 8px 16px;
}
.pd-right {
    padding-left: 20px;
}
 /* Form card */
.contact-message-personal-form {
  max-width: 100%;
  margin: 0 auto;
  padding: 32px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

/* Form items */
.contact-message-personal-form .form-item,
.contact-message-personal-form .form-wrapper {
  margin-bottom: 20px;
}

.contact-message-personal-form .form-item__label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 20px;
  color: #222;
}

/* Required star */
.contact-message-personal-form .form-required::after {
  content: " *";
  color: #d93025;
}

/* Read-only fields (Your name, Your email, To) */
.contact-message-personal-form .js-form-type-item {
  padding: 12px 14px;
  font-size: 20px;
  color: #444;
  
  border: 1px solid #eee5d3;
  border-radius: 6px;
}

.contact-message-personal-form .js-form-type-item .form-item__label {
  margin-bottom: 2px;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: #6b7280;
}

.contact-message-personal-form .js-form-type-item a {
  color: #b5651d;
  font-weight: 600;
  text-decoration: none;
}

.contact-message-personal-form .js-form-type-item a:hover {
  text-decoration: underline;
}

/* Subject input + message textarea */
.contact-message-personal-form .form-text,
.contact-message-personal-form .form-textarea {
  width: 100%;
  padding: 0 14px;
  font-size: 20px;
  color: #222;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.contact-message-personal-form .form-text {
  height: 46px;
}

.contact-message-personal-form .form-textarea {
  min-height: 160px;
  padding: 12px 14px;
  resize: vertical;
  line-height: 1.5;
}

.contact-message-personal-form .form-element:focus {
  outline: none;
  border-color: #b5651d; /* brand color */
  box-shadow: 0 0 0 3px rgba(181, 101, 29, 0.15);
}

/* Checkbox row */
.contact-message-personal-form .form-type-boolean {
  display: flex;
  align-items: center;
  gap: 8px;
}

.contact-message-personal-form .form-type-boolean .form-item__label {
  margin: 0;
  font-weight: 500;
  cursor: pointer;
}

.contact-message-personal-form .form-checkbox {
  width: 18px;
  height: 18px;
  accent-color: #b5651d;
  cursor: pointer;
}

/* Buttons */
.contact-message-personal-form .form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 8px 0 0;
}

.contact-message-personal-form .form-submit {
  padding: 12px 28px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}

/* Send message (primary) */
.contact-message-personal-form .button--primary {
  color: #fff;
  background: #b5651d;
  border: 1px solid #b5651d;
}

.contact-message-personal-form .button--primary:hover {
  background: #964f12;
  border-color: #964f12;
}

/* Preview (secondary) */
.contact-message-personal-form #edit-preview {
  color: #b5651d;
  background: transparent;
  border: 1px solid #b5651d;
}

.contact-message-personal-form #edit-preview:hover {
  color: #fff;
  background: #b5651d;
}

/* Mobile */
@media (max-width: 575px) {
  .contact-message-personal-form {
    padding: 20px 16px;
  }

  .contact-message-personal-form .form-actions {
    flex-direction: column;
  }

  .contact-message-personal-form .form-submit {
    width: 100%;
  }
}
/* Wrapper */
.page-user-order #block-handicraft-content .contextual-region {
  max-width: 800px;
  margin: 30px auto;
  padding: 25px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

/* Contact email + Completed / Placed / State rows */
.page-user-order .customer-information > div,
.page-user-order .order-information > div:nth-child(-n+3) {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  padding: 10px 0;
  border-bottom: 1px solid #f0f0f0;
}

.page-user-order .customer-information > div > div:first-child,
.page-user-order .order-information > div:nth-child(-n+3) > div:first-child {
  font-weight: 600;
  color: #555;
}

.page-user-order .customer-information {
  margin-bottom: 15px;
}

/* Items table */
.page-user-order .views-element-container {
  margin-top: 20px;
  overflow-x: auto;
}

.page-user-order .order-information table {
  width: 100%;
  border-collapse: collapse;
}

.page-user-order .order-information th {
  background: #f7f7f7;
  padding: 12px 10px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  text-align: left;
  border-bottom: 2px solid #e5e5e5;
}

.page-user-order .order-information td {
  padding: 12px 10px;
  border-bottom: 1px solid #eee;
}

.page-user-order .order-information .views-align-center {
  text-align: center;
}

.page-user-order .order-information .views-align-right {
  text-align: right;
}

/* Totals */
.page-user-order .order-total-line {
  display: flex;
  justify-content: flex-end;
  gap: 30px;
  padding: 6px 10px;
}

.page-user-order .order-total-line-label {
  color: #555;
}

.page-user-order .order-total-line__subtotal {
  margin-top: 15px;
}

.page-user-order .order-total-line__total {
  margin-top: 5px;
  padding-top: 10px;
  border-top: 2px solid #e5e5e5;
  font-size: 18px;
  font-weight: 700;
}

/* Mobile */
@media (max-width: 575px) {
  .page-user-order #block-handicraft-content .contextual-region {
    padding: 15px;
  }

  .page-user-order .customer-information > div,
  .page-user-order .order-information > div:nth-child(-n+3) {
    flex-direction: column;
    gap: 2px;
  }

  .page-user-order .order-total-line {
    justify-content: space-between;
  }
}