/* Final storefront reliability pass: one bag system, no browser controls, no default Woo styling. */
html, body { overflow-x: hidden; }
.velloro-header__inner { padding-right: 54px; }
.velloro-header-search,
.velloro-wishlist-link,
.velloro-bag { align-items: center; display: flex; height: 40px; justify-content: center; width: 40px; }
.velloro-header-search { right: 184px !important; }
.velloro-wishlist-link { right: 119px !important; top: 19px !important; }
.velloro-bag { gap: 0; right: 48px !important; top: 19px; }
.velloro-bag__icon { border: 1px solid #d6c08d; height: 18px; position: relative; width: 19px; }
.velloro-bag__icon::before { border: 1px solid #d6c08d; border-bottom: 0; border-radius: 12px 12px 0 0; content: ''; height: 8px; left: 4px; position: absolute; top: -7px; width: 9px; }
.velloro-bag b { background: #070d1f; height: 18px; margin-left: -4px; margin-top: -21px; position: relative; width: 18px; }

/* Header actions deliberately share one frame, size and baseline. */
.velloro-header-search,
.velloro-wishlist-link,
.velloro-bag { border: 1px solid #d6c08d; box-sizing: border-box; height: 40px !important; top: 19px !important; width: 40px !important; }
.velloro-header-search > .vi-search-button { align-items: center; background: transparent; border: 0; color: #fff4de; display: flex; font: 400 23px/1 'Cormorant Garamond', serif; height: 38px; justify-content: center; padding: 0; width: 38px; }
.velloro-wishlist-link { font-size: 24px !important; line-height: 1; }
.velloro-bag__icon { border-color: #fff4de; }
.velloro-bag__icon::before { border-color: #fff4de; }
.velloro-wishlist-link b,
.velloro-bag b { align-items: center; background: #070d1f; border: 1px solid #d6c08d; border-radius: 50%; color: #d6c08d; display: flex; font: 400 8px/1 'Josefin Sans', sans-serif; height: 17px; justify-content: center; margin: 0; position: absolute; right: -7px; top: -7px; width: 17px; }

/* Shop is the menu title; its three utility choices read as one compact group below it. */
.velloro-navigation { gap: 18px; }
.velloro-menu { gap: 14px !important; margin: 0 !important; }
.velloro-menu > li:first-child { margin-bottom: 24px; }
.velloro-navigation__utility { border: 0 !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; }
.velloro-menu__collection.is-open .velloro-collection-menu { gap: 9px !important; margin-top: 14px !important; }
.velloro-menu__collection.is-open { margin-bottom: 18px; }
.velloro-note-finder { order: 0; }
.velloro-navigation__utility > a { order: 1; }
.velloro-note-finder [data-note-search-panel] { display: block; margin-top: 13px; max-width: 250px; }
.velloro-note-finder [data-note-search-panel] input { background: #070d1f; border: 0; border-bottom: 1px solid #d6c08d; color: #fff4de; font: 400 10px 'Josefin Sans', sans-serif; letter-spacing: .08em; outline: 0; padding: 10px 0; width: 100%; }
.velloro-note-finder [data-note-search-panel] input::placeholder { color: #d6c08d; opacity: 1; }
.velloro-note-finder [data-note-search-panel] button { background: transparent; border: 0; color: #d6c08d; cursor: pointer; font: 400 9px 'Josefin Sans', sans-serif; letter-spacing: .16em; margin-top: 10px; padding: 0; text-transform: uppercase; }
.velloro-note-search { display: none !important; }
.velloro-note-finder > p { color: #fff4de; font: 400 10px 'Josefin Sans', sans-serif; letter-spacing: .15em; margin: 0; text-transform: uppercase; }
.velloro-note-finder [data-note-search-panel] { margin-top: 14px; }
.velloro-note-finder [data-note-search-panel] > label { color: #d6c08d; display: block; font: 400 9px 'Josefin Sans', sans-serif; letter-spacing: .15em; margin-bottom: 8px; text-transform: uppercase; }
.velloro-note-finder__field { align-items: center; border-bottom: 1px solid #d6c08d; display: flex; gap: 10px; }
.velloro-note-finder [data-note-search-panel] .velloro-note-finder__field input { border: 0; min-width: 0; padding: 10px 0; }
.velloro-note-finder [data-note-search-panel] .velloro-note-finder__field button { flex: 0 0 auto; margin: 0; padding: 0 0 1px; }

/* Never let WooCommerce's product-gallery zoom or its native number arrows reappear. */
.single-product .woocommerce-product-gallery__image a img,
.single-product .woocommerce-product-gallery__image img { transform: none !important; transition: none !important; }
.single-product .woocommerce-product-gallery { align-self: start; max-width: 530px; }
.single-product .woocommerce-product-gallery__wrapper { max-height: 610px; overflow: hidden; }
.single-product .woocommerce-product-gallery__wrapper img { height: min(610px, calc(100vh - 190px)); object-fit: cover; width: 100%; }
.single-product .woocommerce-product-gallery { position: relative; }
.single-product .velloro-single-product-hover-image { height: min(610px, calc(100vh - 190px)); inset: 0; object-fit: cover; opacity: 0; pointer-events: none; position: absolute; transition: opacity .38s ease; width: 100%; z-index: 2; }
.single-product .woocommerce-product-gallery:hover .velloro-single-product-hover-image { opacity: 1; }
.single-product .product { gap: clamp(35px, 5vw, 78px) !important; grid-template-columns: minmax(300px, .78fr) minmax(390px, 1.22fr) !important; min-height: 0 !important; }
.velloro-commerce.velloro-commerce--product { min-height: 0; padding-bottom: 28px; }
.quantity input[type='number'] { -moz-appearance: textfield; appearance: textfield; }
.quantity input[type='number']::-webkit-inner-spin-button,
.quantity input[type='number']::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; margin: 0; }

/* Product cards swap to their second image; neither card nor detail images zoom. */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link img,
.woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link img { transform: none !important; }
.velloro-wishlist-page .products li.product .price { clear: both; display: block !important; margin: 8px 0 0 !important; }
.velloro-wishlist-page .products li.product .button { clear: both; display: table !important; float: none !important; margin: 17px 0 0 !important; }
.velloro-wishlist-page .products { list-style: none; padding: 0; }

/* Bag: classic Woo template, styled as one coherent VELLORO checkout flow. */
.woocommerce-cart .velloro-entry__content { max-width: 1120px; }
.woocommerce-cart-form { border-top: 1px solid rgba(214, 192, 141, .42); color: #fff4de; padding-top: 8px; }
.woocommerce-cart-form table.shop_table { background: transparent !important; border: 0 !important; border-collapse: collapse; color: #fff4de; margin: 0 0 30px !important; }
.woocommerce-cart-form table.shop_table th { border: 0 !important; border-bottom: 1px solid rgba(214, 192, 141, .42) !important; color: #d6c08d; font: 400 10px 'Josefin Sans', sans-serif; letter-spacing: .17em; padding: 19px 12px !important; text-transform: uppercase; }
.woocommerce-cart-form table.shop_table td { border: 0 !important; border-bottom: 1px solid rgba(214, 192, 141, .26) !important; padding: 20px 12px !important; vertical-align: middle; }
.woocommerce-cart-form .product-thumbnail img { display: block !important; height: 92px !important; max-width: none !important; object-fit: cover; width: 70px !important; }
.woocommerce-cart-form .product-name a { color: #fff4de; font: 400 30px 'Cormorant Garamond', serif; }
.woocommerce-cart-form .product-price,
.woocommerce-cart-form .product-subtotal { color: #d6c08d; font: 400 11px 'Josefin Sans', sans-serif; letter-spacing: .09em; }
.woocommerce-cart-form .product-remove a.remove { background: transparent !important; border: 1px solid #d6c08d; border-radius: 50%; color: #fff4de !important; display: grid; font: 300 20px/1 'Cormorant Garamond', serif; height: 28px; place-items: center; width: 28px; }
.woocommerce-cart-form .product-remove a.remove:hover { background: #fff4de !important; color: #070d1f !important; }
.velloro-cart-quantity { align-items: center; border: 0; display: inline-flex; gap: 7px; height: 42px; }
.velloro-cart-quantity button { background: transparent; border: 0; color: #d6c08d; cursor: pointer; font: 500 19px/1 'Josefin Sans', sans-serif; height: 42px; padding: 0; transition: color .2s ease, transform .2s ease; width: 25px; }
.velloro-cart-quantity button:hover { color: #fff4de; transform: translateY(-1px); }
.velloro-cart-quantity input.qty { -webkit-text-fill-color: #070d1f; background: #d6c08d !important; border: 0 !important; border-radius: 9px; box-shadow: 0 8px 18px rgba(7, 13, 31, .2); color: #070d1f !important; font: 500 14px/42px 'Josefin Sans', sans-serif; height: 42px; opacity: 1; padding: 0 !important; text-align: center; width: 42px !important; }
.woocommerce-cart-form .actions { align-items: center; display: flex; flex-wrap: wrap; gap: 14px; justify-content: space-between; padding: 24px 0 3px !important; }
.woocommerce-cart-form .coupon { align-items: center; display: flex; gap: 9px; }
.woocommerce-cart-form .coupon label { display: none; }
.woocommerce-cart-form .coupon input.input-text { background: #070d1f; border: 1px solid rgba(214, 192, 141, .7); border-radius: 0; color: #fff4de; font: 400 10px 'Josefin Sans', sans-serif; height: 44px; letter-spacing: .08em; padding: 0 13px; width: 190px; }
.woocommerce-cart-form button.button,
.woocommerce-cart-form input.button,
.woocommerce .cart-collaterals .button,
.woocommerce .wc-proceed-to-checkout .checkout-button { background: #fff4de !important; border: 1px solid #fff4de !important; border-radius: 0 !important; color: #070d1f !important; font: 500 10px 'Josefin Sans', sans-serif !important; letter-spacing: .14em; margin: 0 !important; min-height: 44px; padding: 0 18px !important; text-transform: uppercase; }
.woocommerce-cart-form button.button:disabled { background: transparent !important; border-color: #d6c08d !important; color: #d6c08d !important; opacity: .6; }
.woocommerce-cart-form [name='update_cart'] { display: none !important; }
.cart-collaterals { margin-top: 35px; }
.cart-collaterals .cart_totals { border: 1px solid rgba(214, 192, 141, .5); float: none !important; margin-left: auto; max-width: 415px; padding: 25px; width: 100% !important; }
.cart-collaterals .cart_totals h2 { color: #fff4de; font: 400 43px 'Cormorant Garamond', serif; margin: 0 0 18px; }
.cart-collaterals .cart_totals table { border-collapse: collapse; color: #d6c08d; width: 100%; }
.cart-collaterals .cart_totals th,
.cart-collaterals .cart_totals td { border-bottom: 1px solid rgba(214, 192, 141, .24); padding: 12px 0; }
.wc-proceed-to-checkout { margin: 20px 0 0 !important; padding: 0 !important; }
.wc-proceed-to-checkout .checkout-button { display: block !important; text-align: center; }
.woocommerce-cart .cart-empty { color: #fff4de; font: 400 42px 'Cormorant Garamond', serif; }
.cart-collaterals .woocommerce-shipping-totals { display: none; }

/* Mini Bag buttons are deliberately separate, not one joined default control. */
.vi-cart-drawer .woocommerce-mini-cart__buttons { display: grid; gap: 11px; margin: 25px 0 0; }
.vi-cart-drawer .woocommerce-mini-cart__buttons .button { background: transparent !important; border: 1px solid #d6c08d !important; color: #fff4de !important; display: block; font: 500 10px 'Josefin Sans', sans-serif; letter-spacing: .15em; margin: 0 !important; padding: 15px !important; text-align: center; text-transform: uppercase; }
.vi-cart-drawer .woocommerce-mini-cart__buttons .checkout { background: #fff4de !important; color: #070d1f !important; }

/* One Egypt delivery method is applied automatically; it is not an extra choice at checkout. */
.wc-block-checkout #shipping-option,
.wc-block-checkout .wc-block-checkout__shipping-method-container { display: none !important; }

/* The welcome wheel can always be reopened after it has been dismissed. */
.velloro-spin-trigger { background: #070d1f; border: 1px solid #d6c08d; bottom: 22px; color: #fff4de; cursor: pointer; font: 500 10px 'Josefin Sans', sans-serif; letter-spacing: .14em; padding: 13px 15px; position: fixed; right: 22px; text-transform: uppercase; z-index: 18; }
.velloro-spin-trigger b { color: #d6c08d; font-size: 15px; margin-left: 8px; }

/* The classic checkout is intentionally styled rather than inheriting WooCommerce's white defaults. */
.woocommerce-checkout { color: #fff4de; }
.woocommerce-checkout .col2-set,
.woocommerce-checkout #order_review,
.woocommerce-checkout .woocommerce-checkout-review-order { background: transparent !important; }
.woocommerce-checkout h3 { border-bottom: 1px solid rgba(214, 192, 141, .42); color: #fff4de; font: 400 42px 'Cormorant Garamond', serif; margin: 0 0 22px; padding-bottom: 14px; }
.woocommerce-checkout .form-row { margin-bottom: 18px; }
.woocommerce-checkout .form-row label { color: #d6c08d; font: 400 10px 'Josefin Sans', sans-serif; letter-spacing: .13em; text-transform: uppercase; }
.woocommerce-checkout .input-text,
.woocommerce-checkout .select2-selection { background: #070d1f !important; border: 1px solid rgba(214, 192, 141, .68) !important; border-radius: 0 !important; color: #fff4de !important; min-height: 45px; padding: 0 13px !important; }
.woocommerce-checkout .select2-selection__rendered { color: #fff4de !important; font: 400 11px/43px 'Josefin Sans', sans-serif !important; }
.woocommerce-checkout #order_review { border: 1px solid rgba(214, 192, 141, .5); margin-top: 30px; padding: 26px; }
.woocommerce-checkout #order_review_heading { margin-top: 55px; }
.woocommerce-checkout .woocommerce-form-coupon-toggle { display: none !important; }
.velloro-checkout-coupon { border: 1px solid rgba(214, 192, 141, .5); display: block !important; margin: 0 0 34px; padding: 19px; }
.velloro-checkout-coupon > label { color: #d6c08d; display: block; font: 400 10px 'Josefin Sans', sans-serif; letter-spacing: .15em; margin-bottom: 11px; text-transform: uppercase; }
.velloro-checkout-coupon > div { align-items: center; display: flex; gap: 11px; }
.velloro-checkout-coupon .input-text { flex: 1; margin: 0 !important; }
.velloro-checkout-coupon .button { background: #fff4de !important; border: 1px solid #fff4de !important; border-radius: 0 !important; color: #070d1f !important; flex: 0 0 auto; font: 500 10px 'Josefin Sans', sans-serif !important; letter-spacing: .13em; min-height: 45px; padding: 0 15px !important; text-transform: uppercase; }
.woocommerce-checkout #ship-to-different-address,
.woocommerce-checkout .woocommerce-shipping-fields { display: none !important; }
.woocommerce-checkout table.shop_table { background: transparent !important; border: 0 !important; border-collapse: collapse; color: #fff4de; }
.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td { border: 0 !important; border-bottom: 1px solid rgba(214, 192, 141, .26) !important; padding: 13px 0 !important; }
.woocommerce-checkout #payment { background: #070d1f !important; border: 1px solid rgba(214, 192, 141, .5); border-radius: 0 !important; }
.woocommerce-checkout #payment ul.payment_methods { border-bottom-color: rgba(214, 192, 141, .3) !important; }
.woocommerce-checkout #payment div.payment_box { background: transparent !important; color: #d6c08d !important; font: 300 13px/1.55 'Josefin Sans', sans-serif; }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: transparent !important; }
.woocommerce-checkout #place_order { background: #fff4de !important; border: 1px solid #fff4de !important; border-radius: 0 !important; color: #070d1f !important; font: 500 10px 'Josefin Sans', sans-serif !important; letter-spacing: .14em; padding: 16px 20px !important; text-transform: uppercase; }

/* Menu, Bag and account now behave as polished, reusable site components. */
.velloro-menu-close { background: transparent; border: 0; color: #fff4de; cursor: pointer; font: 300 38px/1 'Cormorant Garamond', serif; padding: 0; position: absolute; right: 31px; top: 28px; transition: transform .2s ease, color .2s ease; }
.velloro-menu-close:hover { color: #d6c08d; transform: rotate(90deg); }
.velloro-menu-toggle[aria-expanded='true'] { opacity: 0; pointer-events: none; }
.velloro-note-finder > p { display: none; }
.velloro-note-trigger { align-items: center; background: transparent; border: 0; color: #fff4de; cursor: pointer; display: flex; font: 400 10px 'Josefin Sans', sans-serif; justify-content: space-between; letter-spacing: .15em; padding: 0; text-transform: uppercase; width: 100%; }
.velloro-note-trigger b { color: #d6c08d; font: 400 16px/1 'Josefin Sans', sans-serif; }
.velloro-note-finder [data-note-search-panel] { display: none !important; margin-top: 13px; }
.velloro-note-finder [data-note-search-panel].is-open { display: block !important; }
.velloro-note-finder__field { background: rgba(214, 192, 141, .12); border: 0; min-height: 43px; padding: 0 12px; }
.velloro-note-finder [data-note-search-panel] .velloro-note-finder__field input { background: transparent; color: #fff4de; font-size: 10px; letter-spacing: .07em; }
.velloro-note-finder [data-note-search-panel] .velloro-note-finder__field input::placeholder { color: #d6c08d; opacity: 1; }
.velloro-note-finder [data-note-search-panel] .velloro-note-finder__field button { color: #fff4de; }

/* The drawer feels like a compact retail panel, not a stack of flat boxes. */
.vi-cart-drawer > section { background: #070d1f !important; border: 1px solid rgba(214, 192, 141, .34) !important; box-shadow: -28px 0 75px rgba(7, 13, 31, .72); padding: 42px 31px 32px !important; }
.vi-cart-drawer > section > button { color: #fff4de !important; font: 300 36px/1 'Cormorant Garamond', serif !important; transition: transform .2s ease; }
.vi-cart-drawer > section > button:hover { transform: rotate(90deg); }
.vi-cart-drawer .vi-cart-drawer__title { border: 0 !important; border-bottom: 1px solid rgba(214, 192, 141, .55) !important; color: #fff4de; font: 400 30px 'Cormorant Garamond', serif !important; margin: 8px 0 28px !important; padding: 0 0 14px !important; }
.vi-cart-drawer .vi-cart-drawer__title span { color: #d6c08d; font: 400 10px 'Josefin Sans', sans-serif; margin-left: 6px; vertical-align: middle; }
.vi-cart-drawer .woocommerce-mini-cart-item { border: 0 !important; margin-bottom: 21px !important; min-height: 88px !important; padding: 0 0 0 69px !important; }
.vi-cart-drawer .woocommerce-mini-cart-item img { height: 60px !important; left: 0; top: 0; width: 50px !important; }
.vi-cart-drawer .woocommerce-mini-cart-item > a:not(.remove) { font-size: 25px !important; }
.vi-cart-drawer .woocommerce-mini-cart-item a.remove { background: #070d1f; border: 1px solid #d6c08d; border-radius: 50%; color: #fff4de !important; display: grid; height: 21px; place-items: center; width: 21px; }
.velloro-mini-bag-quantity { align-items: center; display: flex; gap: 7px; margin-top: 11px; }
.velloro-mini-bag-quantity button { background: transparent; border: 0; color: #d6c08d; cursor: pointer; font: 500 17px/1 'Josefin Sans', sans-serif; height: 34px; padding: 0; transition: color .2s ease, transform .2s ease; width: 20px; }
.velloro-mini-bag-quantity button:hover { background: transparent; color: #fff4de; transform: translateY(-1px); }
.velloro-mini-bag-quantity > span { align-items: center; background: #d6c08d; border-radius: 8px; color: #070d1f; display: inline-flex; font: 500 12px/1 'Josefin Sans', sans-serif; height: 34px; justify-content: center; min-width: 34px; text-align: center; }
.velloro-mini-bag-quantity em { color: #d6c08d; font: 400 10px 'Josefin Sans', sans-serif; letter-spacing: .06em; margin-left: 3px; }
.vi-cart-drawer .woocommerce-mini-cart__total { border: 0 !important; margin: 28px 0 17px !important; padding: 16px 0 0; }

/* One footer system on home, shop and every commerce page. */
.ve-footer { background: #070d1f !important; border: 0 !important; box-shadow: inset 0 1px 0 rgba(214, 192, 141, .22); color: #fff4de; }
.ve-footer nav { align-self: start; justify-self: end; max-width: 480px; width: 100%; }
.ve-footer nav section { min-width: 140px; }
.ve-footer nav a { transition: color .2s ease, transform .2s ease; }
.ve-footer nav a:hover { color: #d6c08d !important; transform: translateX(4px); }
.ve-footer__base { border: 0 !important; box-shadow: inset 0 1px 0 rgba(214, 192, 141, .22); }

/* Filled, legible checkout controls replace empty outlines. */
.woocommerce-checkout .input-text,
.woocommerce-checkout .select2-selection { background: #d6c08d !important; border: 0 !important; box-shadow: 0 9px 25px rgba(7, 13, 31, .2); color: #070d1f !important; }
.woocommerce-checkout .input-text::placeholder { color: #070d1f !important; opacity: .58; }
.woocommerce-checkout .select2-selection__rendered,
.woocommerce-checkout .select2-selection__arrow b { color: #070d1f !important; }
.velloro-checkout-coupon { background: rgba(214, 192, 141, .1); border: 0; box-shadow: 0 10px 28px rgba(7, 13, 31, .18); }
.velloro-checkout-coupon .input-text { background: #d6c08d !important; }
.woocommerce-checkout #payment { background: rgba(214, 192, 141, .1) !important; border: 0 !important; box-shadow: 0 10px 28px rgba(7, 13, 31, .18); }
.woocommerce-checkout #payment ul.payment_methods { border: 0 !important; }
.woocommerce-checkout #payment div.payment_box { color: #fff4de !important; }

/* Logged-in account dashboard is structured as a clear private area. */
.woocommerce-account .woocommerce-MyAccount { display: grid; gap: 38px; grid-template-columns: minmax(195px, .32fr) minmax(0, 1fr); }
.woocommerce-account .woocommerce-MyAccount-navigation { background: rgba(214, 192, 141, .1); border: 0; margin: 0; padding: 24px; width: auto !important; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { display: grid; gap: 4px; }
.woocommerce-account .woocommerce-MyAccount-navigation li { padding: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation a { color: #d6c08d; display: block; padding: 12px 10px; transition: background .2s ease, color .2s ease, transform .2s ease; }
.woocommerce-account .woocommerce-MyAccount-navigation a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a { background: #d6c08d; color: #070d1f; transform: translateX(3px); }
.woocommerce-account .woocommerce-MyAccount-content { background: rgba(214, 192, 141, .07); min-height: 310px; padding: 34px; }
.woocommerce-account .woocommerce-MyAccount-content p { color: #fff4de; max-width: 680px; }

@media (max-width: 760px) {
	.woocommerce .woocommerce-ordering.velloro-sort-form,
	.velloro-sort-trigger { width: 100%; }

    .velloro-menu-close { right: 21px; top: 22px; }
    .vi-cart-drawer > section { padding: 36px 23px 25px !important; }
    .ve-footer nav { justify-self: stretch; }
    .woocommerce-account .woocommerce-MyAccount { grid-template-columns: 1fr; }
    .woocommerce-account .woocommerce-MyAccount-navigation { padding: 15px; }
    .woocommerce-account .woocommerce-MyAccount-navigation ul { grid-template-columns: repeat(2, 1fr); }
    .woocommerce-account .woocommerce-MyAccount-content { padding: 25px 20px; }
}

/* Filled-card visual system: depth and material replace the wireframe look. */
.velloro-header-search,
.velloro-wishlist-link,
.velloro-bag { background: #d6c08d; border: 0; border-radius: 10px; box-shadow: 0 8px 20px rgba(7, 13, 31, .24); transition: background .22s ease, box-shadow .22s ease, transform .22s ease; }
.velloro-header-search:hover,
.velloro-wishlist-link:hover,
.velloro-bag:hover { background: #fff4de; box-shadow: 0 12px 26px rgba(7, 13, 31, .34); transform: translateY(-2px); }
.velloro-header-search > .vi-search-button,
.velloro-wishlist-link { color: #070d1f !important; }
.velloro-bag__icon,
.velloro-bag__icon::before { border-color: #070d1f; }
.velloro-wishlist-link b,
.velloro-bag b { background: #070d1f; border: 2px solid #fff4de; color: #fff4de; }

.vl-campaign { border-radius: 18px; box-shadow: 0 20px 60px rgba(7, 13, 31, .38); height: min(760px, calc(100svh - 150px)); margin: 28px clamp(18px, 3vw, 48px); min-height: 520px; }
.vl-campaign > video,
.vl-campaign > img { display: block; height: 100%; object-fit: cover; width: 100%; }
.vl-collection,
.vl-house,
.vl-edits { border: 0 !important; }
.vl-collection { padding-bottom: 100px; }
.vl-product-grid { gap: 22px; }
.vl-product-grid article { background: rgba(214, 192, 141, .08); border-radius: 14px; box-shadow: 0 16px 38px rgba(7, 13, 31, .2); overflow: hidden; transition: box-shadow .3s ease, transform .3s ease; }
.vl-product-grid article:hover { box-shadow: 0 24px 48px rgba(7, 13, 31, .34); transform: translateY(-6px); }
.vl-product-grid article > a { border: 0 !important; }
.vl-product-grid article > div { padding: 20px 22px 24px; }
.vl-collection > .vl-link,
.vl-closing .vl-link,
.velloro-commerce .button,
.woocommerce ul.products li.product .button,
.single-product .single_add_to_cart_button { background: #fff4de !important; border: 0 !important; border-bottom: 0 !important; border-radius: 9px !important; box-shadow: 0 10px 22px rgba(7, 13, 31, .22); color: #070d1f !important; padding: 15px 20px !important; transition: box-shadow .22s ease, transform .22s ease, background .22s ease !important; }
.vl-collection > .vl-link:hover,
.vl-closing .vl-link:hover,
.velloro-commerce .button:hover,
.woocommerce ul.products li.product .button:hover,
.single-product .single_add_to_cart_button:hover { background: #d6c08d !important; box-shadow: 0 15px 28px rgba(7, 13, 31, .3); color: #070d1f !important; padding-right: 20px !important; transform: translateY(-2px); }
.vl-house { background: rgba(214, 192, 141, .08); border-radius: 18px; box-shadow: 0 18px 48px rgba(7, 13, 31, .2); margin: 0 clamp(18px, 3vw, 48px) 38px; min-height: 0; overflow: hidden; }
.vl-house__image { min-height: 560px; }
.vl-house__copy { padding: clamp(45px, 6vw, 95px); }
.vl-edits { gap: 16px; margin: 0 clamp(18px, 3vw, 48px) 38px; }
.vl-edits a { border-radius: 14px; box-shadow: 0 16px 38px rgba(7, 13, 31, .2); transition: box-shadow .3s ease, transform .3s ease; }
.vl-edits a + a { border: 0; }
.vl-edits a:hover { box-shadow: 0 24px 48px rgba(7, 13, 31, .34); transform: translateY(-5px); }
.vl-closing { background: rgba(214, 192, 141, .08); border-radius: 18px; box-shadow: 0 18px 48px rgba(7, 13, 31, .2); margin: 0 clamp(18px, 3vw, 48px) 42px; padding: 120px 24px; }

.vl-shop-intro { background: rgba(214, 192, 141, .08); border: 0; border-radius: 18px; box-shadow: 0 18px 48px rgba(7, 13, 31, .2); margin: 34px 0 45px; padding: 88px 24px; }
.woocommerce .woocommerce-ordering select { background: #d6c08d; border: 0; border-radius: 9px; box-shadow: 0 9px 20px rgba(7, 13, 31, .2); color: #070d1f; }
.woocommerce ul.products { gap: 22px; }
.woocommerce ul.products li.product { background: rgba(214, 192, 141, .08); border: 0; border-radius: 14px; box-shadow: 0 16px 38px rgba(7, 13, 31, .2); overflow: hidden; padding-bottom: 23px !important; transition: box-shadow .3s ease, transform .3s ease; }
.woocommerce ul.products li.product:hover { box-shadow: 0 24px 48px rgba(7, 13, 31, .34); transform: translateY(-6px); }
.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link { border-radius: 0; }
.woocommerce ul.products li.product .button { display: inline-block; margin: 20px 20px 0; }
.velloro-wishlist-button { box-shadow: 0 7px 16px rgba(7, 13, 31, .3); }

.single-product .woocommerce-product-gallery { border-radius: 16px; box-shadow: 0 20px 52px rgba(7, 13, 31, .28); overflow: hidden; }
.single-product .summary { background: rgba(214, 192, 141, .08); border-radius: 16px; box-shadow: 0 18px 48px rgba(7, 13, 31, .18); padding: clamp(38px, 5vw, 76px) !important; }
.single-product div.product .woocommerce-product-details__short-description,
.single-product .product_meta { border: 0; }
.velloro-related-fragrances { background: #070d1f; margin: clamp(42px, 7vw, 90px) 0 0; padding: clamp(58px, 8vw, 118px) clamp(22px, 7vw, 120px); }
.velloro-related-fragrances > header { margin: 0 auto 38px; max-width: 620px; text-align: center; }
.velloro-related-fragrances > header p { color: #d6c08d; font: 500 9px/1 'Josefin Sans', sans-serif; letter-spacing: .18em; margin: 0 0 18px; text-transform: uppercase; }
.velloro-related-fragrances > header h2 { color: #fff4de; font: 400 clamp(44px, 5vw, 74px)/.92 'Cormorant Garamond', serif; letter-spacing: -.035em; margin: 0; }
.velloro-related-fragrances > header h2 em { font-weight: 400; }
.velloro-related-fragrances > header span { color: #d6c08d; display: block; font: 300 14px/1.6 'Josefin Sans', sans-serif; margin: 18px auto 0; max-width: 330px; }
.velloro-related-fragrances .products { display: grid; gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 !important; }
.single-product .quantity { background: #d6c08d; border: 0; border-radius: 9px; box-shadow: 0 8px 18px rgba(7, 13, 31, .2); }
.single-product .quantity .qty { color: #070d1f !important; }
.velloro-quantity-button { color: #d6c08d; }

.woocommerce-cart-form,
.cart-collaterals .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce-account .woocommerce-MyAccount-content { border: 0 !important; border-radius: 16px; box-shadow: 0 18px 48px rgba(7, 13, 31, .18); }
.woocommerce-cart-form { background: rgba(214, 192, 141, .07); padding: 22px 28px; }
.woocommerce-cart-form table.shop_table,
.woocommerce-cart-form table.shop_table td,
.woocommerce-cart-form table.shop_table th { border: 0 !important; }
.woocommerce-cart-form table.shop_table tr { box-shadow: inset 0 -1px 0 rgba(214, 192, 141, .14); }
.cart-collaterals .cart_totals { background: rgba(214, 192, 141, .1); }
.woocommerce-checkout #order_review { background: rgba(214, 192, 141, .1) !important; }
.woocommerce-checkout h3,
.woocommerce-cart-form table.shop_table th { border: 0 !important; }

.ve-footer { border-radius: 18px 18px 0 0; margin: 0 clamp(18px, 3vw, 48px); padding: 70px clamp(25px, 6vw, 95px) 22px; }
.ve-footer form { background: rgba(214, 192, 141, .1); border: 0; border-radius: 9px; padding: 2px 14px; }
.ve-footer form button { background: #fff4de; border-radius: 7px; color: #070d1f !important; margin: 5px 0; padding: 10px 13px; }

@media (max-width: 760px) {
    .vl-campaign { border-radius: 12px; height: calc(100svh - 125px); margin: 14px; min-height: 480px; }
    .vl-product-grid { gap: 14px; }
    .vl-product-grid article > div { padding: 16px; }
    .vl-house,
    .vl-edits,
    .vl-closing,
    .ve-footer { border-radius: 12px; margin-left: 14px; margin-right: 14px; }
    .vl-edits { gap: 14px; }
    .vl-edits a { border-radius: 12px; }
    .vl-closing { padding: 85px 22px; }
    .woocommerce ul.products { gap: 14px; }
    .woocommerce ul.products li.product { border-radius: 12px; }
    .woocommerce-cart-form { padding: 16px; }
}

@media (max-width: 760px) {
    .velloro-header-search { right: 121px !important; }
    .velloro-wishlist-link { right: 71px !important; }
    .velloro-bag { right: 19px !important; }
    .velloro-header-search,
    .velloro-wishlist-link,
    .velloro-bag { height: 34px; width: 34px; }
    .velloro-header-search.is-open { left: 52px; right: auto !important; }
    .single-product .product { grid-template-columns: 1fr !important; }
    .single-product .woocommerce-product-gallery { max-width: none; }
    .single-product .woocommerce-product-gallery__wrapper img { height: min(500px, 88vw); }
    .velloro-related-fragrances { margin-top: 34px; padding: 52px 20px; }
    .velloro-related-fragrances .products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .woocommerce-cart-form table.shop_table thead { display: none; }
    .woocommerce-cart-form table.shop_table,
    .woocommerce-cart-form table.shop_table tbody,
    .woocommerce-cart-form table.shop_table tr,
    .woocommerce-cart-form table.shop_table td { display: block; width: 100%; }
    .woocommerce-cart-form table.shop_table tr { padding: 15px 0; position: relative; }
    .woocommerce-cart-form .product-thumbnail { float: left; padding-right: 14px !important; width: 95px; }
    .woocommerce-cart-form .product-name { min-height: 90px; }
    .woocommerce-cart-form .product-remove { position: absolute; right: 0; top: 15px; width: auto !important; }
    .woocommerce-cart-form .product-price { display: none !important; }
    .woocommerce-cart-form .coupon { width: 100%; }
    .woocommerce-cart-form .coupon input.input-text { flex: 1; width: auto; }
    .cart-collaterals .cart_totals { max-width: none; }
}

/* Search expands into a real field beside its button without crossing other actions. */
.velloro-header-search.is-open { background: transparent; box-shadow: none; width: auto !important; }
.velloro-header-search.is-open > .vi-search-button { background: #d6c08d; border-radius: 10px; box-shadow: 0 8px 20px rgba(7, 13, 31, .24); flex: 0 0 40px; order: 1; }
.velloro-header-search.is-open .velloro-header-search__form { margin-right: 10px; order: 0; }
.velloro-header-search.is-open .velloro-header-search__form input { background: #d6c08d; border: 0; border-radius: 10px; box-shadow: 0 8px 20px rgba(7, 13, 31, .24); color: #070d1f; height: 40px; }
.velloro-header-search.is-open .velloro-header-search__form input::placeholder { color: #070d1f; opacity: .62; }
.vl-campaign > video { transform: scale(1.2); }

/* Branded feedback replaces the browser's default “please fill out” popup. */
.velloro-spin__content input.is-invalid { background: #d6c08d !important; border-color: #d6c08d !important; color: #070d1f !important; }
.velloro-spin__content input.is-invalid::placeholder { color: #070d1f; opacity: .62; }
.velloro-spin__content [data-spin-result] { color: #d6c08d; display: block; font: 400 10px/1.5 'Josefin Sans', sans-serif; letter-spacing: .08em; margin-top: 13px; min-height: 15px; }
.ve-footer .velloro-newsletter-status { color: #d6c08d; display: block; font: 400 10px/1.5 'Josefin Sans', sans-serif; letter-spacing: .07em; margin-top: 9px; min-height: 15px; }
.ve-footer input.is-invalid { box-shadow: 0 0 0 2px #d6c08d; }

/* Find your VELLORO lives in the same menu hierarchy and treatment as Collection. */
.velloro-menu > .velloro-note-finder { margin: 0 !important; padding: 0 !important; width: auto !important; }
.velloro-menu > .velloro-note-finder > .velloro-note-trigger { color: #fff4de; display: inline-flex; font: inherit !important; gap: 9px; justify-content: flex-start; letter-spacing: inherit !important; text-transform: none; width: auto; }
.velloro-menu > .velloro-note-finder > .velloro-note-trigger b { color: #d6c08d; font: 400 20px/1 'Josefin Sans', sans-serif; }
.velloro-menu > .velloro-note-finder [data-note-search-panel] { margin: 20px 0 0 !important; max-width: 100%; }

/* The product count is intentionally a readable numeral between the two controls. */
.single-product .quantity { align-items: center !important; display: inline-flex !important; }
.single-product .quantity .qty { -webkit-text-fill-color: #070d1f !important; background: transparent !important; color: #070d1f !important; display: block !important; font: 500 16px/49px 'Josefin Sans', sans-serif !important; min-width: 43px !important; opacity: 1 !important; padding: 0 !important; text-align: center !important; }
.single-product form.cart > button.single_add_to_cart_button:hover,
.single-product form.cart > button.single_add_to_cart_button:focus,
.single-product form.cart > button.single_add_to_cart_button:focus-visible { background: #d6c08d !important; color: #070d1f !important; outline: 0; transform: translateY(-2px); }

/* Keep the product CTA in the same filled, tactile button family as every other VELLORO action. */
.single-product .velloro-commerce form.cart > button.single_add_to_cart_button.button { align-items: center; background: #fff4de !important; border: 0 !important; border-radius: 9px !important; box-shadow: 0 10px 22px rgba(7, 13, 31, .22); color: #070d1f !important; display: inline-flex !important; font: 500 10px 'Josefin Sans', sans-serif !important; justify-content: center; letter-spacing: .14em; min-height: 49px; padding: 0 20px !important; text-transform: uppercase; transition: background .22s ease, box-shadow .22s ease, transform .22s ease !important; }
.single-product .velloro-commerce form.cart > button.single_add_to_cart_button.button:hover,
.single-product .velloro-commerce form.cart > button.single_add_to_cart_button.button:focus-visible { background: #d6c08d !important; box-shadow: 0 15px 28px rgba(7, 13, 31, .3); color: #070d1f !important; outline: 0; transform: translateY(-2px); }

/* Match the Bag close control to the simple menu X. */
.vi-cart-drawer > section > button[data-cart-close] { background: transparent !important; border: 0 !important; box-shadow: none !important; color: #fff4de !important; font: 300 38px/1 'Cormorant Garamond', serif !important; height: 42px !important; padding: 0 !important; width: 42px !important; }
.vi-cart-drawer > section > button[data-cart-close]:hover { background: transparent !important; color: #d6c08d !important; transform: rotate(90deg); }

/* A clean mini-Bag row: image left, details beside it, remove control on the far right. */
.vi-cart-drawer .woocommerce-mini-cart-item { min-height: 119px !important; padding: 0 30px 0 0 !important; position: relative !important; }
.vi-cart-drawer .woocommerce-mini-cart-item > a:not(.remove) { align-items: flex-start; color: #fff4de !important; display: flex !important; flex-direction: column; font: 400 25px/1 'Cormorant Garamond', serif !important; min-height: 90px; padding: 0 !important; }
.vi-cart-drawer .woocommerce-mini-cart-item > a:not(.remove) img { float: none !important; height: 60px !important; margin: 0 !important; position: static !important; width: 50px !important; }
.vi-cart-drawer .velloro-mini-bag-name { display: block; margin-top: 8px; }
.vi-cart-drawer .woocommerce-mini-cart-item > a.remove { align-items: center; background: transparent !important; border: 0 !important; border-radius: 0 !important; color: #d6c08d !important; display: flex !important; font: 300 25px/1 'Cormorant Garamond', serif !important; height: 25px !important; justify-content: center; left: auto !important; padding: 0 !important; position: absolute !important; right: 0 !important; top: 0 !important; width: 25px !important; }
.vi-cart-drawer .woocommerce-mini-cart-item > a.remove:hover { color: #fff4de !important; transform: rotate(90deg); }
.vi-cart-drawer .woocommerce-mini-cart-item .velloro-mini-bag-quantity { left: 66px; margin: 0 !important; position: absolute; top: 20px; }
.vi-cart-drawer .vi-cart-drawer__title span { color: #d6c08d !important; font: 500 17px/1 'Josefin Sans', sans-serif !important; margin-left: 10px !important; }
.vi-cart-drawer .velloro-mini-bag-product { align-items: flex-start; color: #fff4de !important; display: flex !important; flex-direction: column; font: 400 25px/1 'Cormorant Garamond', serif !important; min-height: 90px; padding: 0 !important; }
.vi-cart-drawer .velloro-mini-bag-image { display: block; height: 60px; width: 50px; }
.vi-cart-drawer .velloro-mini-bag-image img { float: none !important; height: 60px !important; margin: 0 !important; position: static !important; width: 50px !important; }
.vi-cart-drawer .velloro-mini-bag-product .velloro-mini-bag-name { display: block; margin-top: 8px; }

/* Full Bag: keep the fragrance identity on the left and the remove action on the far right. */
@media (min-width: 761px) {
    .woocommerce-cart-form table.shop_table thead { display: none; }
    .woocommerce-cart-form table.shop_table tbody > tr.woocommerce-cart-form__cart-item {
        align-items: center;
        display: grid;
        grid-template-columns: 86px minmax(230px, 1fr) 118px 145px 118px 30px;
        min-height: 134px;
    }
    .woocommerce-cart-form table.shop_table tbody > tr.woocommerce-cart-form__cart-item > td { padding: 18px 7px !important; }
    .woocommerce-cart-form table.shop_table tbody > tr.woocommerce-cart-form__cart-item > td { grid-row: 1; }
    .woocommerce-cart-form .product-thumbnail { grid-column: 1; }
    .woocommerce-cart-form .product-name { grid-column: 2; }
    .woocommerce-cart-form .product-price { grid-column: 3; }
    .woocommerce-cart-form .product-quantity { grid-column: 4; }
    .woocommerce-cart-form .product-subtotal { grid-column: 5; }
    .woocommerce-cart-form .product-remove { align-self: center; display: flex; grid-column: 6; height: 100%; justify-content: flex-end; justify-self: end; }
    .woocommerce-cart-form table.shop_table tbody > tr.woocommerce-cart-form__cart-item > .product-remove a.remove { margin: auto 0 auto auto; }
}

/* Coupon controls form one compact, balanced pair. */
.woocommerce-cart-form .coupon input.input-text,
.woocommerce-cart-form .coupon button.button[name='apply_coupon'] { box-sizing: border-box; height: 34px !important; min-height: 34px !important; width: 106px !important; }
.woocommerce-cart-form .coupon input.input-text { flex: 0 0 106px; padding: 0 9px; }
.woocommerce-cart-form .coupon button.button[name='apply_coupon'] { background: #fff4de !important; border: 0 !important; border-radius: 9px !important; box-shadow: 0 10px 22px rgba(7, 13, 31, .22); color: #070d1f !important; flex: 0 0 106px; font-size: 8px !important; letter-spacing: .08em !important; padding: 0 6px !important; transition: background .22s ease, box-shadow .22s ease, transform .22s ease; white-space: nowrap; }
.woocommerce-cart-form .coupon button.button[name='apply_coupon']:hover,
.woocommerce-cart-form .coupon button.button[name='apply_coupon']:focus-visible { background: #d6c08d !important; border-color: #d6c08d !important; color: #070d1f !important; outline: 0; transform: translateY(-2px); }
.wc-proceed-to-checkout .checkout-button { align-items: center; background: #fff4de !important; border: 0 !important; border-radius: 9px !important; box-shadow: 0 10px 22px rgba(7, 13, 31, .22); color: #070d1f !important; display: flex !important; justify-content: center; line-height: 1 !important; min-height: 52px !important; padding: 0 20px !important; transition: background .22s ease, box-shadow .22s ease, transform .22s ease; }
.wc-proceed-to-checkout .checkout-button:hover,
.wc-proceed-to-checkout .checkout-button:focus-visible { background: #d6c08d !important; border-color: #d6c08d !important; box-shadow: 0 15px 28px rgba(7, 13, 31, .3); color: #070d1f !important; outline: 0; transform: translateY(-2px); }
.woocommerce .wc-proceed-to-checkout .checkout-button { align-items: center; background: #fff4de !important; border: 0 !important; border-radius: 9px !important; box-shadow: 0 10px 22px rgba(7, 13, 31, .22); color: #070d1f !important; display: flex !important; font: 500 10px 'Josefin Sans', sans-serif !important; justify-content: center; letter-spacing: .14em; line-height: 1 !important; min-height: 52px !important; padding: 0 20px !important; text-transform: uppercase; transition: background .22s ease, box-shadow .22s ease, transform .22s ease; }
.woocommerce .wc-proceed-to-checkout .checkout-button:hover,
.woocommerce .wc-proceed-to-checkout .checkout-button:focus-visible { background: #d6c08d !important; box-shadow: 0 15px 28px rgba(7, 13, 31, .3); color: #070d1f !important; outline: 0; transform: translateY(-2px); }
.woocommerce-cart-form .product-remove a.remove { background: transparent !important; border: 0 !important; border-radius: 0 !important; color: #d6c08d !important; display: flex !important; font: 300 28px/1 'Cormorant Garamond', serif !important; height: 28px !important; justify-content: center; padding: 0 !important; width: 28px !important; }
.woocommerce-cart-form .product-remove a.remove:hover { background: transparent !important; color: #fff4de !important; transform: rotate(90deg); }

/* The Bag is one composed card; a fine gold rule separates items from totals. */
.woocommerce-cart .velloro-entry__content > .woocommerce { background: rgba(214, 192, 141, .08); border-radius: 16px; box-shadow: 0 18px 48px rgba(7, 13, 31, .18); overflow: hidden; }
.woocommerce-cart .woocommerce-cart-form { background: transparent; border-top: 0; box-shadow: none; }
.woocommerce-cart .cart-collaterals .cart_totals { background: transparent; border: 0; box-shadow: none; }
@media (min-width: 761px) {
    .woocommerce-cart .velloro-entry__content > .woocommerce { gap: 0; grid-template-columns: minmax(0, 1.1fr) minmax(330px, .9fr); }
    .woocommerce-cart .woocommerce-cart-form { max-width: none; padding: 28px 34px; }
    .woocommerce-cart .cart-collaterals { border-left: 0; box-sizing: border-box; padding: 28px 34px; position: relative; }
    .woocommerce-cart .cart-collaterals::before { background: #d6c08d; bottom: 28px; content: ''; display: block; left: 0; opacity: .72; pointer-events: none; position: absolute; top: 28px; width: 1px; z-index: 2; }
    .woocommerce-cart .cart-collaterals .cart_totals { max-width: none; padding: 0; }
}
@media (max-width: 760px) {
    .woocommerce-cart .cart-collaterals { border-top: 1px solid rgba(214, 192, 141, .62); margin: 0; padding: 22px 16px; }
    .woocommerce-cart .cart-collaterals .cart_totals { padding: 0; }
}

/* My Account is a private VELLORO space, never a default WooCommerce form. */
.woocommerce-account #customer_login { margin: 0 auto; max-width: 610px; }
.woocommerce-account #customer_login .u-column1,
.woocommerce-account #customer_login .u-column2,
.woocommerce-account #customer_login .col-1,
.woocommerce-account #customer_login .col-2 { background: rgba(214, 192, 141, .1); border: 0; border-radius: 18px; box-shadow: 0 18px 48px rgba(7, 13, 31, .28); float: none !important; margin: 0; padding: 38px 40px; width: 100% !important; }
.woocommerce-account #customer_login h2 { color: #fff4de; font: 400 48px/1 'Cormorant Garamond', serif; margin: 0 0 28px; }
.woocommerce-account #customer_login form.woocommerce-form-login,
.woocommerce-account #customer_login form.woocommerce-form-register { background: transparent !important; border: 0 !important; border-radius: 0 !important; margin: 0 !important; padding: 0 !important; }
.woocommerce-account #customer_login .form-row { margin: 0 0 19px; padding: 0; }
.woocommerce-account #customer_login .form-row label { color: #d6c08d; display: block; font: 500 10px 'Josefin Sans', sans-serif; letter-spacing: .13em; margin: 0 0 8px; text-transform: uppercase; }
.woocommerce-account #customer_login input.input-text,
.woocommerce-account #customer_login input[type='password'] { background: #d6c08d !important; border: 0 !important; border-radius: 10px; box-shadow: 0 8px 18px rgba(7, 13, 31, .14); color: #070d1f !important; font: 400 14px 'Josefin Sans', sans-serif; height: 49px; padding: 0 14px !important; }
.woocommerce-account #customer_login .woocommerce-form-login__rememberme { align-items: center; color: #fff4de; display: inline-flex; font: 400 10px 'Josefin Sans', sans-serif; gap: 8px; letter-spacing: .08em; margin: 0 0 0 14px; }
.woocommerce-account #customer_login .woocommerce-form-login__rememberme input { accent-color: #d6c08d; height: 15px; margin: 0; width: 15px; }
.woocommerce-account #customer_login button.woocommerce-button,
.woocommerce-account #customer_login input[type='submit'] { background: #fff4de !important; border: 0 !important; border-radius: 10px; color: #070d1f !important; font: 500 10px 'Josefin Sans', sans-serif !important; letter-spacing: .14em; min-height: 49px; padding: 0 23px !important; text-transform: uppercase; transition: background .2s ease, transform .2s ease; }
.woocommerce-account #customer_login button.woocommerce-button:hover,
.woocommerce-account #customer_login button.woocommerce-button:focus-visible,
.woocommerce-account #customer_login input[type='submit']:hover { background: #d6c08d !important; outline: 0; transform: translateY(-2px); }
.woocommerce-account #customer_login .lost_password { margin: 20px 0 0; }
.woocommerce-account #customer_login .lost_password a { border: 0; color: #d6c08d; font: 400 11px 'Josefin Sans', sans-serif; }
.woocommerce-account #customer_login .velloro-account-switch { background: rgba(214, 192, 141, .13); border: 0; border-radius: 10px; color: #fff4de; cursor: pointer; display: block; font: 500 10px 'Josefin Sans', sans-serif; letter-spacing: .11em; margin-top: 25px; min-height: 48px; padding: 0 18px; text-transform: uppercase; transition: background .2s ease, color .2s ease, transform .2s ease; width: 100%; }
.woocommerce-account #customer_login .velloro-account-switch:hover,
.woocommerce-account #customer_login .velloro-account-switch:focus-visible { background: #d6c08d; color: #070d1f; outline: 0; transform: translateY(-2px); }
.woocommerce-account .woocommerce-MyAccount { align-items: start; gap: 24px; grid-template-columns: 250px minmax(0, 1fr); }
.woocommerce-account .woocommerce-MyAccount-navigation { border-radius: 18px; box-shadow: 0 18px 48px rgba(7, 13, 31, .25); padding: 16px; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { gap: 7px; }
.woocommerce-account .woocommerce-MyAccount-navigation a { border-radius: 9px; padding: 14px 13px; }
.woocommerce-account .woocommerce-MyAccount-content { border-radius: 18px; box-shadow: 0 18px 48px rgba(7, 13, 31, .2); padding: 36px; }
.velloro-account-welcome { background: rgba(214, 192, 141, .11); border-radius: 14px; box-shadow: 0 12px 30px rgba(7, 13, 31, .16); margin: 0 0 28px; padding: 28px; }
.velloro-account-welcome__eyebrow { color: #d6c08d !important; font: 500 10px 'Josefin Sans', sans-serif; letter-spacing: .16em; margin: 0 0 12px !important; }
.velloro-account-welcome h2 { color: #fff4de; font: 400 43px/1 'Cormorant Garamond', serif; margin: 0 0 12px; }
.velloro-account-welcome > p:not(.velloro-account-welcome__eyebrow) { color: #fff4de; font: 400 13px/1.6 'Josefin Sans', sans-serif; margin: 0 !important; }
.velloro-account-welcome__actions { display: grid; gap: 10px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 23px; }
.velloro-account-welcome__actions a { align-items: center; background: #fff4de; border: 0; border-radius: 10px; color: #070d1f !important; display: flex; font: 500 10px 'Josefin Sans', sans-serif; justify-content: space-between; letter-spacing: .09em; min-height: 48px; padding: 0 14px; text-transform: uppercase; transition: background .2s ease, transform .2s ease; }
.velloro-account-welcome__actions a:hover { background: #d6c08d; transform: translateY(-2px); }
.woocommerce-account .woocommerce-MyAccount-content > .velloro-account-welcome + p { display: none; }

/* Every signed-in account view shares the same calm, card-based VELLORO layout. */
.woocommerce-account .woocommerce-MyAccount { align-items: start; gap: 28px; grid-template-columns: 232px minmax(0, 1fr); }
.woocommerce-account .woocommerce-MyAccount-navigation { background: rgba(214, 192, 141, .1); min-width: 0; padding: 14px; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { gap: 6px; }
.woocommerce-account .woocommerce-MyAccount-navigation li { margin: 0; min-width: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation a { line-height: 1.25; min-height: 46px; padding: 0 14px; }
.woocommerce-account .woocommerce-MyAccount-content { box-sizing: border-box; min-width: 0; overflow: hidden; padding: 34px; }
.woocommerce-account .woocommerce-MyAccount-content > * { box-sizing: border-box; max-width: 100%; }
.woocommerce-account .woocommerce-MyAccount-content > p { margin: 0 0 20px; }
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 { color: #fff4de; font: 400 40px/1 'Cormorant Garamond', serif; margin: 0 0 22px; }
.woocommerce-account .woocommerce-MyAccount-content form { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.woocommerce-account .woocommerce-MyAccount-content form .form-row { float: none !important; margin: 0 !important; padding: 0 !important; width: auto !important; }
.woocommerce-account .woocommerce-MyAccount-content form .form-row-wide,
.woocommerce-account .woocommerce-MyAccount-content form > p:last-child,
.woocommerce-account .woocommerce-MyAccount-content form fieldset,
.woocommerce-account .woocommerce-MyAccount-content form h3 { grid-column: 1 / -1; }
.woocommerce-account .woocommerce-MyAccount-content form fieldset { border: 0; display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 8px 0 0; padding: 0; }
.woocommerce-account .woocommerce-MyAccount-content form fieldset legend { color: #d6c08d; font: 500 10px 'Josefin Sans', sans-serif; grid-column: 1 / -1; letter-spacing: .14em; margin: 4px 0 2px; text-transform: uppercase; }
.woocommerce-account .woocommerce-MyAccount-content form fieldset .form-row { grid-column: span 1; }
.woocommerce-account .woocommerce-MyAccount-content form .button { align-items: center; background: #fff4de !important; border: 0 !important; border-radius: 9px !important; color: #070d1f !important; display: inline-flex; font: 500 10px 'Josefin Sans', sans-serif !important; justify-content: center; justify-self: start; letter-spacing: .14em; min-height: 48px; padding: 0 20px !important; text-transform: uppercase; transition: background .22s ease, box-shadow .22s ease, transform .22s ease; }
.woocommerce-account .woocommerce-MyAccount-content form .button:hover,
.woocommerce-account .woocommerce-MyAccount-content form .button:focus-visible { background: #d6c08d !important; box-shadow: 0 14px 28px rgba(7, 13, 31, .25); outline: 0; transform: translateY(-2px); }
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses { display: grid; gap: 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address { background: rgba(214, 192, 141, .1); border: 0; border-radius: 14px; float: none !important; margin: 0 !important; min-width: 0; padding: 24px; width: auto !important; }
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .title { align-items: center; display: flex; gap: 14px; justify-content: space-between; margin: 0 0 16px; }
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .title h3 { font-size: 32px; margin: 0; }
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .title .edit { border: 0; color: #d6c08d; font: 500 9px 'Josefin Sans', sans-serif; letter-spacing: .13em; padding: 0; text-transform: uppercase; }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table { margin: 0; table-layout: fixed; width: 100%; }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table th,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td { overflow-wrap: anywhere; vertical-align: middle; }

@media (max-width: 760px) {
    .woocommerce-account .woocommerce-MyAccount { grid-template-columns: 1fr; }
    .woocommerce-account .woocommerce-MyAccount-navigation ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .woocommerce-account .woocommerce-MyAccount-content { padding: 24px 20px; }
    .woocommerce-account .woocommerce-MyAccount-content form,
    .woocommerce-account .woocommerce-MyAccount-content form fieldset,
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses { grid-template-columns: 1fr; }
    .woocommerce-account .woocommerce-MyAccount-content form fieldset .form-row { grid-column: 1; }
}

@media (max-width: 760px) {
    .velloro-header-search.is-open { left: 12px; right: auto !important; }
    .velloro-header-search.is-open > .vi-search-button { flex-basis: 34px; height: 34px; }
    .velloro-header-search.is-open .velloro-header-search__form input { height: 34px; width: min(178px, calc(100vw - 175px)); }
}

@media (max-width: 760px) {
    .woocommerce-account #customer_login .u-column1,
    .woocommerce-account #customer_login .u-column2,
    .woocommerce-account #customer_login .col-1,
    .woocommerce-account #customer_login .col-2 { padding: 28px 21px; }
    .woocommerce-account #customer_login h2 { font-size: 42px; }
    .woocommerce-account #customer_login .woocommerce-form-login__rememberme { display: flex; margin: 13px 0 0; }
    .woocommerce-account #customer_login button.woocommerce-button { width: 100%; }
    .velloro-account-welcome { padding: 23px 20px; }
    .velloro-account-welcome h2 { font-size: 36px; }
    .velloro-account-welcome__actions { grid-template-columns: 1fr; }
}

/* Wishlist keeps each fragrance image whole and uses the same filled actions as the rest of VELLORO. */
.velloro-wishlist-page .products { column-gap: 24px !important; display: grid !important; grid-template-columns: repeat(auto-fill, minmax(260px, 310px)) !important; justify-content: start; row-gap: 30px !important; }
.velloro-wishlist-page .products li.product { background: rgba(214, 192, 141, .07); border: 0 !important; border-radius: 14px; box-shadow: 0 14px 34px rgba(7, 13, 31, .18); overflow: hidden; padding: 0 0 22px !important; width: auto !important; }
.velloro-product-image-switch { display: block; overflow: hidden; position: relative; }
.velloro-product-image-switch > img:not(.velloro-product-hover-image) { display: block; height: auto; width: 100%; }
.velloro-product-image-switch > .velloro-product-hover-image { height: 100% !important; inset: 0; object-fit: cover; width: 100% !important; }
.woocommerce ul.products li.product:hover .velloro-product-image-switch > .velloro-product-hover-image { opacity: 1 !important; transform: scale(1) !important; }
.velloro-product-image-switch > .velloro-product-hover-image.is-hovered { opacity: 1 !important; transform: scale(1) !important; }
.velloro-wishlist-page .products li.product > a.woocommerce-LoopProduct-link > img:not(.velloro-product-hover-image) { aspect-ratio: auto !important; height: auto !important; max-height: none !important; object-fit: contain !important; width: 100% !important; }
.velloro-wishlist-page .products li.product .woocommerce-loop-product__title { margin: 16px 20px 0 !important; padding: 0 !important; }
.velloro-wishlist-page .products li.product .price { border-bottom: 1px solid #d6c08d; display: table !important; margin: 12px 20px 0 !important; padding: 0 0 10px; }
.velloro-wishlist-page .products li.product .button { align-items: center; background: #fff4de !important; border: 0 !important; border-radius: 9px !important; box-shadow: 0 10px 22px rgba(7, 13, 31, .22); color: #070d1f !important; display: inline-flex !important; float: none !important; font: 500 10px/1 'Josefin Sans', sans-serif !important; justify-content: center; letter-spacing: .12em; margin: 12px 20px 0 !important; min-height: 46px; min-width: 174px; padding: 0 20px !important; text-decoration: none !important; text-transform: uppercase; transition: background .22s ease, box-shadow .22s ease, transform .22s ease; }
.velloro-wishlist-page .products li.product .button:hover,
.velloro-wishlist-page .products li.product .button:focus-visible { background: #d6c08d !important; box-shadow: 0 15px 28px rgba(7, 13, 31, .3); color: #070d1f !important; outline: 0; transform: translateY(-2px); }
.velloro-wishlist-page .products li.product .velloro-wishlist-button { display: none; }
.velloro-wishlist-page .products li.product .velloro-wishlist-remove { align-items: center; background: rgba(214, 192, 141, .13); border: 0; border-radius: 9px; color: #fff4de; cursor: pointer; display: inline-flex; font: 500 7px/1 'Josefin Sans', sans-serif; justify-content: center; letter-spacing: .1em; margin: 15px 20px 0; min-height: 41px; min-width: 112px; padding: 0 9px; text-transform: uppercase; transition: background .22s ease, color .22s ease, opacity .22s ease, transform .22s ease; vertical-align: middle; white-space: nowrap; }
.velloro-wishlist-page .products li.product .velloro-wishlist-remove:hover,
.velloro-wishlist-page .products li.product .velloro-wishlist-remove:focus-visible { background: #d6c08d; color: #070d1f; outline: 0; transform: translateY(-2px); }
.velloro-wishlist-page .products li.product.is-removing { opacity: 0; transform: translateY(8px); transition: opacity .22s ease, transform .22s ease; }

/* The empty-wishlist action uses the same tactile VELLORO button language. */
.velloro-wishlist-page .velloro-wishlist-explore { align-items: center; background: #fff4de; border: 0; border-radius: 9px; box-shadow: 0 10px 22px rgba(7, 13, 31, .22); color: #070d1f; display: inline-flex; font: 500 10px/1 'Josefin Sans', sans-serif; gap: 12px; justify-content: center; letter-spacing: .12em; min-height: 46px; padding: 0 20px; text-decoration: none; text-transform: uppercase; transition: background .22s ease, box-shadow .22s ease, transform .22s ease; }
.velloro-wishlist-page .velloro-wishlist-explore b { font: 400 18px/1 'Cormorant Garamond', serif; transition: transform .22s ease; }
.velloro-wishlist-page .velloro-wishlist-explore:hover,
.velloro-wishlist-page .velloro-wishlist-explore:focus-visible { background: #d6c08d; box-shadow: 0 15px 28px rgba(7, 13, 31, .3); color: #070d1f; outline: 0; transform: translateY(-2px); }
.velloro-wishlist-page .velloro-wishlist-explore:hover b,
.velloro-wishlist-page .velloro-wishlist-explore:focus-visible b { transform: translateX(3px); }

/* Search, Wishlist and Bag share even spacing in the header action group. */
@media (min-width: 761px) { .velloro-header-search { right: 184px !important; } }

/* A refined sorting control, with its own hierarchy instead of a browser-looking select. */
.woocommerce .woocommerce-ordering { margin: 0 0 28px !important; position: relative; width: 228px; }
.woocommerce .woocommerce-ordering::before { color: #070d1f; content: 'SORT FRAGRANCES'; font: 500 7px/1 'Josefin Sans', sans-serif; left: 16px; letter-spacing: .15em; pointer-events: none; position: absolute; top: 11px; z-index: 1; }
.woocommerce .woocommerce-ordering::after { color: #070d1f; content: '⌄'; font: 400 24px/1 'Cormorant Garamond', serif; pointer-events: none; position: absolute; right: 15px; top: 18px; transition: transform .22s ease; }
.woocommerce .woocommerce-ordering:focus-within::after { transform: rotate(180deg); }
.woocommerce .woocommerce-ordering select.orderby { appearance: none; background: #fff4de !important; border: 0 !important; border-radius: 11px; box-shadow: 0 10px 24px rgba(7, 13, 31, .2); color: #070d1f !important; cursor: pointer; font: 500 10px/1 'Josefin Sans', sans-serif; height: 58px; letter-spacing: .1em; padding: 25px 45px 8px 16px !important; text-transform: uppercase; transition: background .22s ease, box-shadow .22s ease, transform .22s ease; width: 228px; }
.woocommerce .woocommerce-ordering select.orderby:hover { background: #d6c08d !important; box-shadow: 0 16px 30px rgba(7, 13, 31, .3); transform: translateY(-2px); }
.woocommerce .woocommerce-ordering select.orderby:focus { background: #d6c08d !important; box-shadow: 0 0 0 2px #d6c08d, 0 16px 30px rgba(7, 13, 31, .3); outline: 0; }

/* The custom sort menu is styled as a VELLORO control, not a browser popup. */
.woocommerce .woocommerce-ordering.velloro-sort-form { margin: 0 0 28px !important; position: relative; width: 228px; z-index: 20; }
.woocommerce .woocommerce-ordering.velloro-sort-form::before,
.woocommerce .woocommerce-ordering.velloro-sort-form::after { content: none; }
.woocommerce .velloro-native-sort { display: none; }
.velloro-sort-trigger { align-items: center; background: #d6c08d; border: 0; border-radius: 11px; box-shadow: 0 10px 24px rgba(7, 13, 31, .2); color: #070d1f; cursor: pointer; display: flex; height: 58px; justify-content: space-between; padding: 0 16px; text-align: left; transition: background .22s ease, box-shadow .22s ease, transform .22s ease; width: 228px; }
.velloro-sort-trigger:hover,
.velloro-sort-form.is-open .velloro-sort-trigger { background: #fff4de; box-shadow: 0 16px 30px rgba(7, 13, 31, .3); transform: translateY(-2px); }
.velloro-sort-trigger:focus-visible { box-shadow: 0 0 0 2px #d6c08d, 0 16px 30px rgba(7, 13, 31, .3); outline: 0; }
.velloro-sort-trigger span { display: grid; gap: 5px; }
.velloro-sort-trigger small { font: 500 7px/1 'Josefin Sans', sans-serif; letter-spacing: .15em; text-transform: uppercase; }
.velloro-sort-trigger b { font: 500 10px/1 'Josefin Sans', sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.velloro-sort-trigger i { font: 400 24px/1 'Cormorant Garamond', serif; font-style: normal; transition: transform .22s ease; }
.velloro-sort-form.is-open .velloro-sort-trigger i { transform: rotate(180deg); }
.velloro-sort-menu { background: #070d1f; border: 1px solid rgba(214, 192, 141, .72); border-radius: 10px; box-shadow: 0 18px 38px rgba(0, 0, 0, .30); color: #fff4de; display: grid; gap: 0; margin-top: 7px; max-height: 0; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; transform: translateY(-7px); transition: max-height .26s ease, opacity .2s ease, padding .26s ease, transform .26s ease; }
.velloro-sort-form.is-open .velloro-sort-menu { max-height: 320px; opacity: 1; padding: 7px; pointer-events: auto; transform: translateY(0); }
.velloro-sort-menu button { background: transparent; border: 0; border-radius: 7px; color: #fff4de; cursor: pointer; font: 400 12px/1.25 'Josefin Sans', sans-serif; letter-spacing: .03em; min-height: 42px; padding: 0 14px; text-align: left; text-transform: none; transition: background .18s ease, color .18s ease; }
.velloro-sort-menu button:hover,
.velloro-sort-menu button:focus-visible { background: #d6c08d; color: #070d1f; outline: 0; }
.velloro-sort-menu button[aria-checked='true'] { background: rgba(214, 192, 141, .17); color: #d6c08d; }

/* Your Bag actions share the exact same filled-button system as the rest of the store. */
.vi-cart-drawer .woocommerce-mini-cart__buttons .button,
.vi-cart-drawer .woocommerce-mini-cart__buttons .checkout { align-items: center; background: #fff4de !important; border: 0 !important; border-radius: 9px !important; box-shadow: 0 10px 22px rgba(7, 13, 31, .22); color: #070d1f !important; display: flex !important; font: 500 10px 'Josefin Sans', sans-serif !important; justify-content: center; letter-spacing: .14em; min-height: 49px; padding: 0 18px !important; text-align: center; text-transform: uppercase; transition: background .22s ease, box-shadow .22s ease, transform .22s ease; }
.vi-cart-drawer .woocommerce-mini-cart__buttons .button:hover,
.vi-cart-drawer .woocommerce-mini-cart__buttons .button:focus-visible,
.vi-cart-drawer .woocommerce-mini-cart__buttons .checkout:hover,
.vi-cart-drawer .woocommerce-mini-cart__buttons .checkout:focus-visible { background: #d6c08d !important; box-shadow: 0 15px 28px rgba(7, 13, 31, .3); color: #070d1f !important; outline: 0; transform: translateY(-2px); }

/* The full Bag is two compact companion cards instead of one long strip. */
.woocommerce-cart-form .product-subtotal { display: none !important; }

@media (min-width: 761px) {
    .woocommerce-cart .velloro-entry__content > .woocommerce { align-items: start; display: grid; gap: 28px 54px; grid-template-columns: minmax(0, 415px) minmax(0, 415px); justify-content: space-between; }
    .woocommerce-cart .woocommerce-notices-wrapper { grid-column: 1 / -1; }
    .woocommerce-cart .woocommerce-cart-form { box-sizing: border-box; grid-column: 1; grid-row: 2; margin: 0; max-width: 415px; padding: 22px; width: 100%; }
    .woocommerce-cart .cart-collaterals { grid-column: 2; grid-row: 2; margin: 0; width: 100%; }
    .woocommerce-cart .cart-collaterals .cart_totals { margin: 0; max-width: 415px; }
    .woocommerce-cart-form table.shop_table tbody > tr.woocommerce-cart-form__cart-item { column-gap: 5px; grid-template-columns: 96px minmax(0, 1fr) 20px; min-height: 0; padding: 0 0 15px; row-gap: 4px; }
    .woocommerce-cart-form table.shop_table tbody > tr.woocommerce-cart-form__cart-item > td { min-width: 0; padding: 4px !important; }
    .woocommerce-cart-form table.shop_table tbody > tr.woocommerce-cart-form__cart-item > .product-thumbnail { grid-column: 1; grid-row: 1 !important; }
    .woocommerce-cart-form .product-thumbnail img { height: 88px !important; width: 74px !important; }
    .woocommerce-cart-form table.shop_table tbody > tr.woocommerce-cart-form__cart-item > .product-name { grid-column: 1; grid-row: 2 !important; min-height: 0; }
    .woocommerce-cart-form .product-name a { font-size: 27px; line-height: 1; }
    .woocommerce-cart-form table.shop_table tbody > tr.woocommerce-cart-form__cart-item > .product-price {
        align-self: start;
        grid-column: 2;
        grid-row: 1 !important;
        padding-left: 0 !important;
    }
    .woocommerce-cart-form table.shop_table tbody > tr.woocommerce-cart-form__cart-item > .product-quantity {
        align-self: start;
        grid-column: 2;
        grid-row: 1 !important;
        justify-self: start;
        /* Keep the entire quantity control on the same vertical edge as PRICE and its value. */
        margin-left: -9px;
        margin-top: 43px;
        padding-left: 0 !important;
    }
    .woocommerce-cart-form .product-price { display: block; }
    .woocommerce-cart-form .product-price::before,
    .woocommerce-cart-form .product-subtotal::before { color: #d6c08d; content: 'PRICE'; display: block; font: 500 7px 'Josefin Sans', sans-serif; letter-spacing: .13em; margin-bottom: 7px; }
    .woocommerce-cart-form .product-subtotal::before { content: 'SUBTOTAL'; }
    .woocommerce-cart-form table.shop_table tbody > tr.woocommerce-cart-form__cart-item > .product-remove { align-self: start; grid-column: 3; grid-row: 1 !important; height: auto; }
    .woocommerce-cart-form table.shop_table tbody > tr.woocommerce-cart-form__cart-item > .product-remove a.remove { margin: 0 0 0 auto; }
    .woocommerce-cart-form .velloro-cart-quantity { gap: 4px; height: 36px; }
    .woocommerce-cart-form .velloro-cart-quantity button,
    .woocommerce-cart-form .velloro-cart-quantity input.qty { height: 36px; width: 36px !important; }
    .woocommerce-cart-form .velloro-cart-quantity input.qty { font-size: 12px; line-height: 36px; }
    .woocommerce-cart-form .velloro-cart-quantity button { height: 36px; width: 16px; }
    .woocommerce-cart-form .actions { padding: 16px 0 0 !important; }
}

@media (max-width: 760px) {
    .velloro-wishlist-page .products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 14px !important; row-gap: 16px !important; }
    .velloro-wishlist-page .products li.product .woocommerce-loop-product__title { font-size: 29px; margin: 15px 14px 0; }
    .velloro-wishlist-page .products li.product .price { margin-left: 14px !important; }
    .velloro-wishlist-page .products li.product .button,
    .velloro-wishlist-page .products li.product .velloro-wishlist-remove { margin-left: 14px; }
    .woocommerce .woocommerce-ordering,
    .woocommerce .woocommerce-ordering select.orderby { width: 100%; }
}

/* Checkout shares the same elevated card system as Bag and Wishlist. */
.woocommerce-checkout .col2-set { background: rgba(214, 192, 141, .07) !important; border: 0 !important; border-radius: 16px; box-shadow: 0 18px 48px rgba(7, 13, 31, .18); margin: 0 !important; padding: clamp(24px, 4vw, 42px); }
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 { float: none !important; width: 100% !important; }
.woocommerce-checkout .col2-set .col-2:empty { display: none; }
.woocommerce-checkout .woocommerce-billing-fields h3 { color: #fff4de; font: 400 clamp(38px, 4vw, 52px)/.95 'Cormorant Garamond', serif; margin: 0 0 28px; }
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row { float: none !important; grid-column: 1 / -1; margin: 0 !important; padding: 0 !important; width: auto !important; }
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_first_name_field,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_last_name_field,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_phone_field,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_email_field { grid-column: span 1; }
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row label { display: block; margin: 0 0 8px; }
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .input-text,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .select2-selection { border-radius: 9px !important; box-sizing: border-box; min-height: 49px; width: 100% !important; }
.woocommerce-checkout form .form-row input.input-text,
.woocommerce-checkout form .form-row textarea,
.woocommerce-checkout form .form-row select,
.woocommerce-checkout form .form-row .select2-selection {
    background: #d6c08d !important;
    border: 0 !important;
    box-shadow: 0 9px 25px rgba(7, 13, 31, .2) !important;
    color: #070d1f !important;
}
.woocommerce-checkout form .form-row input.input-text::placeholder,
.woocommerce-checkout form .form-row textarea::placeholder,
.woocommerce-checkout form .form-row .select2-selection__rendered { color: #070d1f !important; opacity: .62; }
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info { background: rgba(214, 192, 141, .1); border: 0 !important; border-radius: 9px; box-shadow: 0 10px 24px rgba(7, 13, 31, .15); color: #fff4de; }

/* The coupon remains a real WooCommerce form but appears as a small Billing follow-up. */
.woocommerce-checkout > .checkout_coupon { display: none !important; }
.woocommerce-checkout .velloro-checkout-coupon { background: rgba(214, 192, 141, .1); border: 0; border-radius: 12px; box-shadow: 0 12px 30px rgba(7, 13, 31, .16); margin: 22px 0 34px; max-width: 380px; padding: 13px; }
.woocommerce-checkout .velloro-checkout-coupon > label { color: #d6c08d; display: block; font: 500 8px 'Josefin Sans', sans-serif; letter-spacing: .14em; margin: 0 0 8px; text-transform: uppercase; }
.woocommerce-checkout .velloro-checkout-coupon > div { align-items: center; display: flex; gap: 8px; }
.woocommerce-checkout .velloro-checkout-coupon .input-text { border-radius: 8px !important; flex: 1; min-height: 40px !important; padding: 0 11px !important; }
.woocommerce-checkout .velloro-checkout-coupon .button { align-items: center; background: #fff4de !important; border: 0 !important; border-radius: 8px !important; box-shadow: 0 8px 18px rgba(7, 13, 31, .18); color: #070d1f !important; display: inline-flex; flex: 0 0 auto; font: 500 8px/1 'Josefin Sans', sans-serif !important; justify-content: center; letter-spacing: .1em; min-height: 40px; padding: 0 12px !important; text-transform: uppercase; transition: background .22s ease, box-shadow .22s ease, transform .22s ease; }
.woocommerce-checkout .velloro-checkout-coupon .button:hover,
.woocommerce-checkout .velloro-checkout-coupon .button:focus-visible { background: #d6c08d !important; box-shadow: 0 13px 24px rgba(7, 13, 31, .28); outline: 0; transform: translateY(-2px); }

.woocommerce-checkout #order_review_heading { background: rgba(214, 192, 141, .1); border: 0 !important; border-radius: 16px 16px 0 0; color: #fff4de; font: 400 clamp(38px, 4vw, 52px)/.95 'Cormorant Garamond', serif; margin: 0 !important; padding: 30px 32px 0; }
.woocommerce-checkout #order_review { border-radius: 0 0 16px 16px !important; box-shadow: 0 18px 48px rgba(7, 13, 31, .18); margin: 0 !important; padding: 22px 32px 32px !important; }
.woocommerce-checkout #order_review table.shop_table thead { display: none; }
.woocommerce-checkout #payment #place_order { align-items: center; background: #fff4de !important; border: 0 !important; border-radius: 9px !important; box-shadow: 0 10px 22px rgba(7, 13, 31, .22); color: #070d1f !important; display: flex !important; float: none !important; font: 500 10px/1 'Josefin Sans', sans-serif !important; justify-content: center; letter-spacing: .14em; margin: 18px 0 0 !important; min-height: 52px; padding: 0 20px !important; text-align: center; text-transform: uppercase; transition: background .22s ease, box-shadow .22s ease, transform .22s ease; width: 100%; }
.woocommerce-checkout #payment #place_order:hover,
.woocommerce-checkout #payment #place_order:focus-visible { background: #d6c08d !important; box-shadow: 0 15px 28px rgba(7, 13, 31, .3); color: #070d1f !important; outline: 0; transform: translateY(-2px); }
.woocommerce-checkout #payment #place_order:active { transform: translateY(0) scale(.985); }

/* Newsletter Join is a first-class VELLORO action, not a plain form control. */
.ve-footer form button[type='submit'] { align-items: center; background: #fff4de !important; border: 0 !important; border-radius: 7px; box-shadow: 0 8px 18px rgba(7, 13, 31, .2); color: #070d1f !important; display: inline-flex; font: 500 9px/1 'Josefin Sans', sans-serif !important; gap: 8px; justify-content: center; letter-spacing: .12em; margin: 5px 0 !important; min-height: 42px; padding: 0 13px !important; text-transform: uppercase; transition: background .22s ease, box-shadow .22s ease, transform .22s ease; }
.ve-footer form button[type='submit']:hover,
.ve-footer form button[type='submit']:focus-visible { background: #d6c08d !important; box-shadow: 0 13px 24px rgba(7, 13, 31, .3); color: #070d1f !important; outline: 0; transform: translateY(-2px); }
.ve-footer form button[type='submit']:active { transform: translateY(0) scale(.97); }
.ve-footer form button[type='submit'] b { color: #070d1f; font-size: 16px; transition: transform .22s ease; }
.ve-footer form button[type='submit']:hover b,
.ve-footer form button[type='submit']:focus-visible b { transform: translateX(3px); }

/* Footer navigation is one shared component, including on Checkout. */
.ve-footer { align-items: start; display: grid !important; gap: clamp(38px, 7vw, 100px); grid-template-columns: minmax(0, 1fr) minmax(320px, .72fr) !important; }
.ve-footer nav { align-self: start; display: grid !important; gap: clamp(38px, 6vw, 82px); grid-template-columns: repeat(2, minmax(130px, 1fr)) !important; justify-self: end; max-width: 430px; width: 100%; }
.ve-footer nav section { min-width: 0; }
.ve-footer nav h3 { color: #d6c08d !important; font: 500 9px/1 'Josefin Sans', sans-serif !important; letter-spacing: .18em; margin: 3px 0 19px !important; text-transform: uppercase; }
.ve-footer nav a { border: 0 !important; color: #fff4de !important; display: block; font: 400 12px/1.35 'Josefin Sans', sans-serif !important; letter-spacing: .02em; margin: 0 0 13px !important; text-decoration: none !important; }
.ve-footer nav a:hover,
.ve-footer nav a:focus-visible { color: #d6c08d !important; outline: 0; transform: translateX(4px); }
.ve-footer__base { grid-column: 1 / -1; }

/* Find Your VELLORO follows the exact Collection toggle and filled-control language. */
.velloro-menu > .velloro-note-finder > .velloro-note-trigger b { color: #fff4de !important; }
.velloro-menu > .velloro-note-finder [data-note-search-panel].is-open { background: transparent !important; border: 0 !important; display: block !important; margin: 14px 0 0 !important; max-width: 320px; padding: 0 !important; width: 100%; }
.velloro-menu > .velloro-note-finder [data-note-search-panel] .velloro-note-finder__field { align-items: center; background: rgba(214, 192, 141, .1) !important; border: 0 !important; border-radius: 9px; box-shadow: 0 10px 24px rgba(7, 13, 31, .18); display: flex; gap: 8px; min-height: 44px; padding: 3px 4px 3px 14px; }
.velloro-menu > .velloro-note-finder [data-note-search-panel] .velloro-note-finder__field input[type='search'] { background: transparent !important; border: 0 !important; color: #fff4de !important; flex: 1; font: 400 10px/1 'Josefin Sans', sans-serif !important; min-width: 0; padding: 0 !important; }
.velloro-menu > .velloro-note-finder [data-note-search-panel] .velloro-note-finder__field input[type='search']::placeholder { color: #d6c08d !important; opacity: .82; }
.velloro-menu > .velloro-note-finder [data-note-search-panel] .velloro-note-finder__field button[type='submit'] { align-items: center; background: #fff4de !important; border: 0 !important; border-radius: 7px !important; color: #070d1f !important; display: inline-flex; font: 500 8px/1 'Josefin Sans', sans-serif !important; justify-content: center; letter-spacing: .11em; margin: 0 !important; min-height: 36px; padding: 0 12px !important; text-transform: uppercase; transition: background .22s ease, box-shadow .22s ease, transform .22s ease; }
.velloro-menu > .velloro-note-finder [data-note-search-panel] .velloro-note-finder__field button[type='submit']:hover,
.velloro-menu > .velloro-note-finder [data-note-search-panel] .velloro-note-finder__field button[type='submit']:focus-visible { background: #d6c08d !important; box-shadow: 0 9px 18px rgba(7, 13, 31, .22); outline: 0; transform: translateY(-1px); }

/* Account uses the same expandable hierarchy as Collection, while keeping account actions compact. */
.velloro-navigation__utility .velloro-menu__account > button { align-items: center; background: transparent; border: 0; color: #fff4de; cursor: pointer; display: inline-flex; font: inherit; gap: 9px; letter-spacing: inherit; padding: 0; text-align: left; text-transform: none; transition: color .2s ease, transform .2s ease; }
.velloro-navigation__utility .velloro-menu__account > button b { color: #fff4de; font: 400 20px/1 'Josefin Sans', sans-serif; }
.velloro-navigation__utility .velloro-menu__account > button:hover,
.velloro-navigation__utility .velloro-menu__account > button:focus-visible { color: #d6c08d; outline: 0; transform: translateX(4px); }
.velloro-account-menu { display: none; gap: 8px; margin: 15px 0 0 18px; }
.velloro-menu__account.is-open .velloro-account-menu { display: grid; }
.velloro-account-menu a { color: #fff4de !important; font: 400 18px/1.3 'Cormorant Garamond', serif; text-decoration: none; transition: color .2s ease, transform .2s ease; }
.velloro-account-menu a:hover,
.velloro-account-menu a:focus-visible { color: #d6c08d !important; outline: 0; transform: translateX(4px); }
.velloro-menu__account.is-open > button b { font-size: 0; }
.velloro-menu__account.is-open > button b::after { content: '−'; font-size: 20px; }

/* Account destinations live in the site menu; the private page stays focused on its active view. */
.woocommerce-account .woocommerce-MyAccount { display: block !important; }
.woocommerce-account .woocommerce-MyAccount-navigation { display: none !important; }
.woocommerce-account .woocommerce-MyAccount-content { width: 100% !important; }

/* Menu hierarchy: editorial section titles, then clean utility links beneath them. */
.velloro-navigation .velloro-menu > li > a,
.velloro-navigation .velloro-menu > li > button,
.velloro-navigation .velloro-menu .velloro-season-menu > button,
.velloro-navigation__utility .velloro-menu__account > button { font-family: 'Cormorant Garamond', serif !important; }
.velloro-navigation .velloro-menu .velloro-season-menu > div a,
.velloro-navigation .velloro-account-menu a { font-family: 'Josefin Sans', sans-serif !important; text-transform: capitalize; }
.velloro-navigation .velloro-menu > .velloro-note-finder > .velloro-note-trigger { font-family: 'Cormorant Garamond', serif !important; }
.velloro-navigation .velloro-menu .velloro-season-menu > div a,
.velloro-navigation .velloro-account-menu a { font-size: 14px !important; font-weight: 500; letter-spacing: .09em; line-height: 1.35; }
.velloro-navigation .velloro-account-menu a { font-family: 'Josefin Sans', sans-serif !important; }

/* An open menu section keeps its gold state until its content is closed again. */
.velloro-menu__collection.is-open > button,
.velloro-season-menu.is-open > button,
.velloro-menu__account.is-open > button,
.velloro-menu > .velloro-note-finder > .velloro-note-trigger[aria-expanded='true'] { color: #d6c08d !important; }
.velloro-menu__collection.is-open > button b,
.velloro-season-menu.is-open > button b,
.velloro-menu__account.is-open > button b,
.velloro-menu > .velloro-note-finder > .velloro-note-trigger[aria-expanded='true'] b { color: #d6c08d !important; }

/* The accessible expanded state is the source of truth for the active gold colour. */
.velloro-navigation button[data-collection-toggle][aria-expanded='true'],
.velloro-navigation button[data-season-toggle][aria-expanded='true'],
.velloro-navigation button[data-note-search-open][aria-expanded='true'],
.velloro-navigation button[data-account-toggle][aria-expanded='true'],
.velloro-navigation button[data-collection-toggle][aria-expanded='true'] b,
.velloro-navigation button[data-season-toggle][aria-expanded='true'] b,
.velloro-navigation button[data-note-search-open][aria-expanded='true'] b,
.velloro-navigation button[data-account-toggle][aria-expanded='true'] b { color: #d6c08d !important; }

/* Collection leads the hierarchy; its two seasonal edits step down one clear level. */
.velloro-navigation .velloro-menu > .velloro-menu__collection > button { font-size: 24px !important; }
.velloro-navigation .velloro-menu > .velloro-note-finder > .velloro-note-trigger,
.velloro-navigation__utility .velloro-menu__account > button { font-size: 24px !important; }
.velloro-navigation .velloro-menu .velloro-season-menu > button { font-size: 16px !important; }

/* A calm menu rhythm: one clear break after Shop, then even hierarchy throughout. */
.velloro-navigation { gap: 18px !important; }
.velloro-navigation .velloro-menu { gap: 18px !important; }
.velloro-navigation .velloro-menu > li:first-child { margin-bottom: 18px !important; }
.velloro-navigation .velloro-menu__collection.is-open { margin-bottom: 2px; }
.velloro-navigation .velloro-menu__collection.is-open .velloro-collection-menu { gap: 10px !important; margin-top: 14px !important; }
.velloro-navigation .velloro-menu .velloro-season-menu > button { margin-top: 0 !important; }
.velloro-navigation .velloro-menu .velloro-season-menu > div { padding: 8px 0 3px 18px; }
.velloro-navigation .velloro-menu .velloro-season-menu.is-open > div { gap: 7px; }
.velloro-navigation .velloro-menu > .velloro-note-finder [data-note-search-panel].is-open { margin-top: 14px !important; }
.velloro-navigation__utility { margin: 0 !important; }
.velloro-account-menu { gap: 8px; margin: 14px 0 0 18px; }

/* All expandable labels use one shared, optically centered + / − control. */
.velloro-navigation .velloro-menu__collection > button,
.velloro-navigation .velloro-season-menu > button,
.velloro-navigation .velloro-note-trigger,
.velloro-navigation .velloro-menu__account > button { align-items: center !important; display: inline-flex !important; gap: 9px; justify-content: flex-start !important; width: auto !important; }
.velloro-navigation .velloro-menu__collection > button b,
.velloro-navigation .velloro-season-menu > button b,
.velloro-navigation .velloro-note-trigger b,
.velloro-navigation .velloro-menu__account > button b { align-items: center; display: inline-flex; flex: 0 0 16px; font: 400 18px/1 'Josefin Sans', sans-serif !important; height: 18px; justify-content: center; margin: 0 !important; transform: translateY(1px); width: 16px; }
.velloro-navigation .velloro-menu__collection.is-open > button b,
.velloro-navigation .velloro-season-menu.is-open > button b,
.velloro-navigation .velloro-menu__account.is-open > button b { font-size: 0 !important; }
.velloro-navigation .velloro-menu__collection.is-open > button b::after,
.velloro-navigation .velloro-season-menu.is-open > button b::after,
.velloro-navigation .velloro-menu__account.is-open > button b::after { content: '−'; font: 400 18px/1 'Josefin Sans', sans-serif; }

/* Every private Account destination is a VELLORO surface, not a default WooCommerce screen. */
.woocommerce-account .woocommerce-MyAccount-content { background: rgba(214, 192, 141, .08) !important; border: 0 !important; border-radius: 18px; box-shadow: 0 18px 48px rgba(7, 13, 31, .22); color: #fff4de; padding: clamp(26px, 4vw, 42px) !important; }
.woocommerce-account .woocommerce-MyAccount-content > h2:first-child,
.woocommerce-account .woocommerce-MyAccount-content > h3:first-child { color: #fff4de; font: 400 clamp(40px, 4vw, 54px)/.95 'Cormorant Garamond', serif; letter-spacing: -.03em; margin: 0 0 28px; }
.woocommerce-account .woocommerce-MyAccount-content > p,
.woocommerce-account .woocommerce-MyAccount-content address { color: #fff4de; font: 400 13px/1.65 'Josefin Sans', sans-serif; }
.woocommerce-account .woocommerce-MyAccount-content a:not(.button) { border: 0; color: #d6c08d; transition: color .22s ease, transform .22s ease; }
.woocommerce-account .woocommerce-MyAccount-content a:not(.button):hover,
.woocommerce-account .woocommerce-MyAccount-content a:not(.button):focus-visible { color: #fff4de; outline: 0; }
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error { background: rgba(214, 192, 141, .12); border: 0; border-radius: 12px; box-shadow: 0 10px 24px rgba(7, 13, 31, .14); color: #fff4de; margin: 0 0 24px; padding: 16px 18px; }

/* The customer email-verification prompt is a real WooCommerce action, styled as a VELLORO action without changing its confirmation flow. */
body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-info:has(.button.wc-forward) { align-items: center; display: flex; gap: 16px; justify-content: space-between; }
body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-info .button.wc-forward { align-items: center; background: #d6c08d !important; border: 0 !important; border-radius: 9px !important; box-shadow: 0 10px 22px rgba(7, 13, 31, .22); color: #070d1f !important; display: inline-flex !important; flex: 0 0 auto; float: none !important; font: 500 10px/1 'Josefin Sans', sans-serif !important; justify-content: center; letter-spacing: .13em; margin: 0 !important; min-height: 48px; order: 2; padding: 0 20px !important; text-align: center; text-decoration: none !important; text-transform: uppercase; transition: background .22s ease, box-shadow .22s ease, transform .22s ease; }
body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-info .button.wc-forward:hover,
body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-info .button.wc-forward:focus-visible { background: #fff4de !important; box-shadow: 0 15px 28px rgba(7, 13, 31, .30); outline: 0; transform: translateY(-2px); }
@media (max-width: 640px) {
    body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-info:has(.button.wc-forward) { align-items: flex-start; flex-direction: column; }
    body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-info .button.wc-forward { width: 100%; }
}

/* WooCommerce's temporary-password notice sits above My Account content. Keep its Resend action in the VELLORO button family. */
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info .button.wc-forward { align-items: center; background: #fff4de !important; border: 0 !important; border-radius: 9px !important; box-shadow: 0 10px 22px rgba(7, 13, 31, .22); color: #070d1f !important; display: inline-flex !important; font: 500 10px/1 'Josefin Sans', sans-serif !important; justify-content: center; letter-spacing: .12em; margin: 0 12px 0 0 !important; min-height: 42px; padding: 0 17px !important; text-align: center; text-decoration: none !important; text-transform: uppercase; transition: background .22s ease, box-shadow .22s ease, transform .22s ease; vertical-align: middle; }
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info .button.wc-forward:hover,
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info .button.wc-forward:focus-visible { background: #d6c08d !important; box-shadow: 0 15px 28px rgba(7, 13, 31, .30); color: #070d1f !important; outline: 0; transform: translateY(-2px); }
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info:has(.button.wc-forward)::before { display: none; }
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info:has(.button.wc-forward) { padding-left: 18px !important; }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table { border: 0 !important; border-collapse: separate; border-spacing: 0 8px; color: #fff4de; }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead th { background: rgba(214, 192, 141, .14); border: 0 !important; color: #d6c08d; font: 500 9px 'Josefin Sans', sans-serif; letter-spacing: .14em; padding: 13px 15px !important; text-transform: uppercase; }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead th:first-child { border-radius: 9px 0 0 9px; }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead th:last-child { border-radius: 0 9px 9px 0; }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody td { background: rgba(214, 192, 141, .08); border: 0 !important; padding: 16px 15px !important; }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody td:first-child { border-radius: 10px 0 0 10px; }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody td:last-child { border-radius: 0 10px 10px 0; }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table .button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .edit { align-items: center; background: #fff4de !important; border: 0 !important; border-radius: 9px !important; box-shadow: 0 9px 20px rgba(7, 13, 31, .18); color: #070d1f !important; display: inline-flex; font: 500 9px/1 'Josefin Sans', sans-serif !important; justify-content: center; letter-spacing: .11em; min-height: 38px; padding: 0 13px !important; text-decoration: none; text-transform: uppercase; transition: background .22s ease, box-shadow .22s ease, transform .22s ease; }
.woocommerce-account .woocommerce-MyAccount-content table.shop_table .button:hover,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table .button:focus-visible,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .edit:hover,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .edit:focus-visible { background: #d6c08d !important; box-shadow: 0 14px 26px rgba(7, 13, 31, .26); outline: 0; transform: translateY(-2px); }
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address { transition: background .22s ease, box-shadow .22s ease, transform .22s ease; }
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address:hover { background: rgba(214, 192, 141, .15); box-shadow: 0 16px 32px rgba(7, 13, 31, .2); transform: translateY(-3px); }
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table a.button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table .button { align-items: center !important; background: #fff4de !important; border: 0 !important; border-radius: 9px !important; box-shadow: 0 9px 20px rgba(7, 13, 31, .18) !important; color: #070d1f !important; display: inline-flex !important; font: 500 9px/1 'Josefin Sans', sans-serif !important; justify-content: center; letter-spacing: .11em; min-height: 40px; padding: 0 14px !important; text-decoration: none !important; text-transform: uppercase; transition: background .22s ease, box-shadow .22s ease, transform .22s ease !important; }
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button:hover,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button:focus-visible,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table a.button:hover,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table a.button:focus-visible { background: #d6c08d !important; box-shadow: 0 14px 26px rgba(7, 13, 31, .26) !important; outline: 0; transform: translateY(-2px); }
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm { background: rgba(214, 192, 141, .06); border: 0; border-radius: 14px; box-shadow: 0 12px 30px rgba(7, 13, 31, .14); gap: 18px; padding: clamp(20px, 3vw, 30px); }
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row label { color: #d6c08d; font: 500 9px 'Josefin Sans', sans-serif; letter-spacing: .13em; margin: 0 0 8px; text-transform: uppercase; }
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm input.input-text,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm input[type='email'],
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm input[type='password'] { background: #d6c08d !important; border: 0 !important; border-radius: 9px !important; box-shadow: 0 8px 18px rgba(7, 13, 31, .14); color: #070d1f !important; font: 400 14px 'Josefin Sans', sans-serif; height: 50px; outline: 0; padding: 0 14px !important; transition: box-shadow .2s ease, transform .2s ease; }
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm input.input-text:focus,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm input[type='email']:focus,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm input[type='password']:focus { box-shadow: 0 0 0 2px #fff4de, 0 10px 22px rgba(7, 13, 31, .18); }
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset { background: rgba(214, 192, 141, .08); border-radius: 12px; margin-top: 4px; padding: 20px; }
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset legend { color: #fff4de; font: 400 27px/1 'Cormorant Garamond', serif; padding: 0 8px; }
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm > p:last-child .button { align-items: center; background: #fff4de !important; border: 0 !important; border-radius: 9px !important; box-shadow: 0 10px 22px rgba(7, 13, 31, .22); color: #070d1f !important; display: inline-flex; font: 500 10px/1 'Josefin Sans', sans-serif !important; justify-content: center; letter-spacing: .13em; min-height: 49px; padding: 0 20px !important; text-transform: uppercase; transition: background .22s ease, box-shadow .22s ease, transform .22s ease; }
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm > p:last-child .button:hover,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm > p:last-child .button:focus-visible { background: #d6c08d !important; box-shadow: 0 15px 28px rgba(7, 13, 31, .3); outline: 0; transform: translateY(-2px); }

/* Orders has its own WooCommerce action cell; style it directly so View can never fall back to a browser-default button. */
body.woocommerce-account .woocommerce .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions,
body.woocommerce-account .woocommerce .woocommerce-orders-table td.order-actions { align-items: center; display: flex !important; gap: 10px; justify-content: flex-start; }
body.woocommerce-account .woocommerce .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions > a,
body.woocommerce-account .woocommerce .woocommerce-orders-table td.order-actions > a,
body.woocommerce-account .woocommerce .woocommerce-orders-table a.woocommerce-button.button { align-items: center !important; background: #fff4de !important; border: 0 !important; border-radius: 10px !important; box-shadow: 0 10px 22px rgba(7, 13, 31, .22) !important; box-sizing: border-box; color: #070d1f !important; display: inline-flex !important; font: 500 10px/1 'Josefin Sans', sans-serif !important; justify-content: center !important; letter-spacing: .12em; margin: 0 !important; min-height: 42px; padding: 0 17px !important; text-align: center; text-decoration: none !important; text-transform: uppercase; transition: background .24s ease, box-shadow .24s ease, transform .24s ease !important; }
body.woocommerce-account .woocommerce .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions > a:hover,
body.woocommerce-account .woocommerce .woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions > a:focus-visible,
body.woocommerce-account .woocommerce .woocommerce-orders-table td.order-actions > a:hover,
body.woocommerce-account .woocommerce .woocommerce-orders-table td.order-actions > a:focus-visible { background: #d6c08d !important; box-shadow: 0 15px 28px rgba(7, 13, 31, .30) !important; outline: 0; transform: translateY(-2px); }

/* Account Details uses the same calm, filled field cards as checkout. */
body.woocommerce-account .woocommerce .woocommerce-EditAccountForm .form-row { margin: 0 !important; }
body.woocommerce-account .woocommerce .woocommerce-EditAccountForm .form-row-wide { grid-column: 1 / -1; }
body.woocommerce-account .woocommerce .woocommerce-EditAccountForm .clear { display: none; }
body.woocommerce-account .woocommerce .woocommerce-EditAccountForm .form-row span em { color: rgba(255, 244, 222, .7); display: block; font: 400 11px/1.45 'Josefin Sans', sans-serif; margin-top: 7px; }
body.woocommerce-account .woocommerce .woocommerce-EditAccountForm .form-row .required { color: #d6c08d; text-decoration: none; }

/* Address book: the WooCommerce columns are made true grid cards, never floated into one another. */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses { align-items: stretch; column-gap: 22px !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; row-gap: 22px !important; width: 100%; }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses > .woocommerce-Address,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses > .col-1,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses > .col-2 { box-sizing: border-box; float: none !important; margin: 0 !important; min-width: 0; padding: 26px !important; position: static !important; width: 100% !important; }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses > .woocommerce-Address address { margin: 0; min-height: 74px; }

/* Billing and Shipping forms inherit the same filled VELLORO field system as Account Details. */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAddressForm { background: rgba(214, 192, 141, .06); border: 0; border-radius: 14px; box-shadow: 0 12px 30px rgba(7, 13, 31, .14); display: grid; gap: 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: clamp(20px, 3vw, 30px); }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAddressForm .form-row { float: none !important; grid-column: span 1; margin: 0 !important; padding: 0 !important; width: auto !important; }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAddressForm .form-row-wide { grid-column: 1 / -1; }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAddressForm label { color: #d6c08d; display: block; font: 500 9px/1.2 'Josefin Sans', sans-serif; letter-spacing: .13em; margin: 0 0 8px; text-transform: uppercase; }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAddressForm input.input-text,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAddressForm select { background: #d6c08d !important; border: 0 !important; border-radius: 9px !important; box-shadow: 0 8px 18px rgba(7, 13, 31, .14); box-sizing: border-box; color: #070d1f !important; font: 400 14px 'Josefin Sans', sans-serif; height: 50px; outline: 0; padding: 0 14px !important; width: 100% !important; }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAddressForm .select2-container .select2-selection--single { background: #d6c08d !important; border: 0 !important; border-radius: 9px !important; box-shadow: 0 8px 18px rgba(7, 13, 31, .14); height: 50px; }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAddressForm .select2-selection__rendered { color: #070d1f !important; font: 400 14px/50px 'Josefin Sans', sans-serif; padding-left: 14px !important; }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAddressForm .select2-selection__arrow { height: 50px; }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAddressForm .button { align-items: center; background: #fff4de !important; border: 0 !important; border-radius: 9px !important; box-shadow: 0 10px 22px rgba(7, 13, 31, .22); color: #070d1f !important; display: inline-flex; font: 500 10px/1 'Josefin Sans', sans-serif !important; grid-column: 1 / -1; justify-content: center; justify-self: start; letter-spacing: .13em; min-height: 49px; padding: 0 20px !important; text-transform: uppercase; transition: background .22s ease, box-shadow .22s ease, transform .22s ease; }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAddressForm .button:hover,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAddressForm .button:focus-visible { background: #d6c08d !important; box-shadow: 0 15px 28px rgba(7, 13, 31, .30); outline: 0; transform: translateY(-2px); }

/* WooCommerce nests address fields one level deeper; give that real form grid the VELLORO layout. */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAddressForm { display: block !important; }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAddressForm .woocommerce-address-fields { display: grid; gap: 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAddressForm .woocommerce-address-fields > .form-row { float: none !important; grid-column: span 1; margin: 0 !important; padding: 0 !important; width: auto !important; }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAddressForm .woocommerce-address-fields > .form-row-wide { grid-column: 1 / -1; }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAddressForm .woocommerce-address-fields > .form-row-first,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAddressForm .woocommerce-address-fields > .form-row-last { width: auto !important; }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAddressForm > p:last-child { margin: 22px 0 0; }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAddressForm .woocommerce-input-wrapper { display: block; width: 100%; }
@media (max-width: 680px) { body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAddressForm .woocommerce-address-fields { grid-template-columns: 1fr; } body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAddressForm .woocommerce-address-fields > .form-row { grid-column: 1; } }

/* WooCommerce 9.3 renders the address form without a form class, so style its actual field wrapper. */
body.woocommerce-account .woocommerce-MyAccount-content form:has(.woocommerce-address-fields) { background: rgba(214, 192, 141, .06); border: 0; border-radius: 15px; box-shadow: 0 12px 30px rgba(7, 13, 31, .14); display: block !important; margin: 0; padding: clamp(20px, 3vw, 30px); }
body.woocommerce-account .woocommerce-MyAccount-content form:has(.woocommerce-address-fields) h2 { color: #fff4de; font: 400 clamp(38px, 4vw, 50px)/.95 'Cormorant Garamond', serif; margin: 0 0 28px; }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper { display: grid; gap: 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper > .form-row { float: none !important; grid-column: span 1; margin: 0 !important; padding: 0 !important; width: auto !important; }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper > .form-row-wide { grid-column: 1 / -1; }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper label { color: #d6c08d; display: block; font: 500 9px/1.2 'Josefin Sans', sans-serif; letter-spacing: .13em; margin: 0 0 8px; text-transform: uppercase; }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper input.input-text,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper select { background: #d6c08d !important; border: 0 !important; border-radius: 9px !important; box-shadow: 0 8px 18px rgba(7, 13, 31, .14); box-sizing: border-box; color: #070d1f !important; font: 400 14px 'Josefin Sans', sans-serif; height: 50px; outline: 0; padding: 0 14px !important; width: 100% !important; }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .select2-container .select2-selection--single { background: #d6c08d !important; border: 0 !important; border-radius: 9px !important; box-shadow: 0 8px 18px rgba(7, 13, 31, .14); box-sizing: border-box; height: 50px; padding: 0 !important; }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .select2-selection__rendered { align-items: center; box-sizing: border-box; color: #070d1f !important; display: flex !important; font: 400 14px/1.2 'Josefin Sans', sans-serif; height: 50px; padding: 0 40px 0 14px !important; position: relative; top: 0; }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .select2-selection__arrow { align-items: center; display: flex; height: 50px; justify-content: center; top: 0 !important; }
/* Country and governorate lists are SelectWoo popovers, not browser-default dropdowns. */
body.woocommerce-account .select2-container--open .select2-dropdown { background: #070d1f !important; border: 1px solid rgba(214, 192, 141, .72) !important; border-radius: 10px !important; box-shadow: 0 18px 38px rgba(0, 0, 0, .30); color: #fff4de; margin-top: 7px; overflow: hidden; z-index: 999999; }
body.woocommerce-account .select2-container--open .select2-search--dropdown { background: rgba(214, 192, 141, .08); padding: 10px; }
body.woocommerce-account .select2-container--open .select2-search__field { background: #fff4de !important; border: 0 !important; border-radius: 7px !important; box-sizing: border-box; color: #070d1f !important; font: 400 12px 'Josefin Sans', sans-serif; min-height: 38px; outline: 0; padding: 0 11px; width: 100%; }
body.woocommerce-account .select2-container--open .select2-results__option { color: #fff4de; font: 400 12px/1.25 'Josefin Sans', sans-serif; letter-spacing: .03em; padding: 12px 14px; transition: background .18s ease, color .18s ease; }
body.woocommerce-account .select2-container--open .select2-results__option--highlighted[aria-selected],
body.woocommerce-account .select2-container--open .select2-results__option--highlighted[data-selected] { background: #d6c08d !important; color: #070d1f !important; }
body.woocommerce-account .select2-container--open .select2-results__option[aria-selected='true'],
body.woocommerce-account .select2-container--open .select2-results__option[data-selected='true'] { background: rgba(214, 192, 141, .17); color: #d6c08d; }

/* Checkout country/governorate lists use the same VELLORO SelectWoo surface as Account. */
body.woocommerce-checkout .select2-container .select2-selection--single { box-sizing: border-box; height: 50px; padding: 0 !important; }
body.woocommerce-checkout .select2-container .select2-selection__rendered { align-items: center; box-sizing: border-box; color: #070d1f !important; display: flex !important; font: 400 14px/1.2 'Josefin Sans', sans-serif !important; height: 50px; padding: 0 40px 0 14px !important; position: relative; top: 0; }
body.woocommerce-checkout .select2-container .select2-selection__arrow { align-items: center; display: flex; height: 50px; justify-content: center; top: 0 !important; }
body.woocommerce-checkout .select2-container--open .select2-dropdown { background: #070d1f !important; border: 1px solid rgba(214, 192, 141, .72) !important; border-radius: 10px !important; box-shadow: 0 18px 38px rgba(0, 0, 0, .30); color: #fff4de; margin-top: 7px; overflow: hidden; z-index: 999999; }
body.woocommerce-checkout .select2-container--open .select2-search--dropdown { background: rgba(214, 192, 141, .08); padding: 10px; }
body.woocommerce-checkout .select2-container--open .select2-search__field { background: #fff4de !important; border: 0 !important; border-radius: 7px !important; box-sizing: border-box; color: #070d1f !important; font: 400 12px 'Josefin Sans', sans-serif; min-height: 38px; outline: 0; padding: 0 11px; width: 100%; }
body.woocommerce-checkout .select2-container--open .select2-results__option { color: #fff4de; font: 400 12px/1.25 'Josefin Sans', sans-serif; letter-spacing: .03em; padding: 12px 14px; transition: background .18s ease, color .18s ease; }
body.woocommerce-checkout .select2-container--open .select2-results__option--highlighted[aria-selected],
body.woocommerce-checkout .select2-container--open .select2-results__option--highlighted[data-selected] { background: #d6c08d !important; color: #070d1f !important; }
body.woocommerce-checkout .select2-container--open .select2-results__option[aria-selected='true'],
body.woocommerce-checkout .select2-container--open .select2-results__option[data-selected='true'] { background: rgba(214, 192, 141, .17); color: #d6c08d; }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields > p { margin: 23px 0 0; }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields > p .button { align-items: center; background: #fff4de !important; border: 0 !important; border-radius: 9px !important; box-shadow: 0 10px 22px rgba(7, 13, 31, .22); color: #070d1f !important; display: inline-flex; font: 500 10px/1 'Josefin Sans', sans-serif !important; justify-content: center; letter-spacing: .13em; min-height: 49px; padding: 0 20px !important; text-transform: uppercase; transition: background .22s ease, box-shadow .22s ease, transform .22s ease; }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields > p .button:hover,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields > p .button:focus-visible { background: #d6c08d !important; box-shadow: 0 15px 28px rgba(7, 13, 31, .3); outline: 0; transform: translateY(-2px); }
body.woocommerce-account .velloro-addresses-stack { display: grid; gap: 26px; }
body.woocommerce-account .velloro-addresses-stack > header { border-bottom: 1px solid rgba(214, 192, 141, .42); margin: 0 0 4px; padding-bottom: 18px; }
body.woocommerce-account .velloro-addresses-stack > header p { color: #d6c08d; font: 500 10px/1 'Josefin Sans', sans-serif; letter-spacing: .18em; margin: 0 0 12px; text-transform: uppercase; }
body.woocommerce-account .velloro-addresses-stack > header h2 { color: #fff4de; font: 400 clamp(44px, 5vw, 60px)/.9 'Cormorant Garamond', serif; margin: 0; }

/* Login persistence and checkout account creation use compact VELLORO checkboxes, not browser-default controls. */
body.woocommerce-account .woocommerce-form-login__rememberme,
body.woocommerce-checkout .woocommerce-account-fields .form-row.create-account > label { align-items: center; background: transparent; border: 0; border-radius: 0; color: #fff4de; cursor: pointer; display: inline-flex !important; font: 400 10px/1 'Josefin Sans', sans-serif; gap: 10px; letter-spacing: .11em; margin: 0; min-height: 20px; padding: 0; text-transform: uppercase; }

/* Password feedback is an elegant, readable VELLORO status—not a browser-default warning bar. */
body.woocommerce-account .woocommerce-password-strength,
body.woocommerce-checkout .woocommerce-password-strength { border: 1px solid rgba(214, 192, 141, .42); border-radius: 8px; box-sizing: border-box; color: #fff4de; font: 500 9px/1.35 'Josefin Sans', sans-serif; letter-spacing: .09em; margin: 10px 0 0; min-height: 38px; padding: 12px 14px; text-transform: uppercase; }
body.woocommerce-account .woocommerce-password-strength.short,
body.woocommerce-checkout .woocommerce-password-strength.short { background: rgba(145, 76, 65, .32); border-color: rgba(239, 154, 143, .65); color: #ffe0da; }
body.woocommerce-account .woocommerce-password-strength.bad,
body.woocommerce-checkout .woocommerce-password-strength.bad { background: rgba(166, 113, 50, .28); border-color: rgba(230, 180, 92, .68); color: #ffe8bd; }
body.woocommerce-account .woocommerce-password-strength.good,
body.woocommerce-checkout .woocommerce-password-strength.good { background: rgba(116, 126, 71, .28); border-color: rgba(188, 202, 123, .65); color: #edf5c5; }
body.woocommerce-account .woocommerce-password-strength.strong,
body.woocommerce-checkout .woocommerce-password-strength.strong { background: rgba(78, 125, 102, .28); border-color: rgba(135, 202, 166, .65); color: #d6f4e4; }
body.woocommerce-account .woocommerce-password-strength.velloro-password-minimum,
body.woocommerce-checkout .woocommerce-password-strength.velloro-password-minimum { background: rgba(145, 76, 65, .32); border-color: rgba(239, 154, 143, .65); color: #ffe0da; }
body.woocommerce-account .woocommerce-password-strength.velloro-password-accepted,
body.woocommerce-checkout .woocommerce-password-strength.velloro-password-accepted { background: rgba(214, 192, 141, .15); border-color: #d6c08d; color: #fff4de; }
body.woocommerce-account .woocommerce-password-hint,
body.woocommerce-checkout .woocommerce-password-hint { color: rgba(255, 244, 222, .72); font: 400 10px/1.55 'Josefin Sans', sans-serif; margin: 9px 0 0; }
body.woocommerce-account .woocommerce-form-login__rememberme input[type='checkbox'],
body.woocommerce-checkout .woocommerce-account-fields .form-row.create-account > label input[type='checkbox'] { -webkit-appearance: none; appearance: none; background: rgba(214, 192, 141, .08); border: 1px solid #d6c08d; border-radius: 4px; box-sizing: border-box; display: grid; height: 18px; margin: 0; place-content: center; transition: background .18s ease, box-shadow .18s ease, transform .18s ease; width: 18px; }
body.woocommerce-account .woocommerce-form-login__rememberme input[type='checkbox']::after,
body.woocommerce-checkout .woocommerce-account-fields .form-row.create-account > label input[type='checkbox']::after { color: #070d1f; content: '✓'; font: 700 13px/1 'Josefin Sans', sans-serif; opacity: 0; transform: scale(.65); transition: opacity .16s ease, transform .16s ease; }
body.woocommerce-account .woocommerce-form-login__rememberme input[type='checkbox']:checked,
body.woocommerce-checkout .woocommerce-account-fields .form-row.create-account > label input[type='checkbox']:checked { background: #d6c08d; }
body.woocommerce-account .woocommerce-form-login__rememberme input[type='checkbox']:checked::after,
body.woocommerce-checkout .woocommerce-account-fields .form-row.create-account > label input[type='checkbox']:checked::after { opacity: 1; transform: scale(1); }
body.woocommerce-account .woocommerce-form-login__rememberme:hover input[type='checkbox'],
body.woocommerce-checkout .woocommerce-account-fields .form-row.create-account > label:hover input[type='checkbox'] { box-shadow: 0 0 0 3px rgba(214, 192, 141, .16); transform: translateY(-1px); }
body.woocommerce-account .woocommerce-form-login__rememberme input[type='checkbox']:focus-visible,
body.woocommerce-checkout .woocommerce-account-fields .form-row.create-account > label input[type='checkbox']:focus-visible { outline: 1px solid #fff4de; outline-offset: 3px; }

/* Lost password is an account moment too: it follows the same composed VELLORO form system. */
body.woocommerce-lost-password .woocommerce-ResetPassword { background: rgba(214, 192, 141, .07); border: 0; border-radius: 15px; box-shadow: 0 16px 38px rgba(7, 13, 31, .16); box-sizing: border-box; display: grid; gap: 22px; margin: 0; max-width: 620px; padding: clamp(24px, 4vw, 40px); }
body.woocommerce-lost-password .woocommerce-ResetPassword > p { color: #fff4de; font: 400 14px/1.7 'Josefin Sans', sans-serif; margin: 0; }
body.woocommerce-lost-password .woocommerce-ResetPassword .form-row { float: none !important; margin: 0 !important; padding: 0 !important; width: 100% !important; }
body.woocommerce-lost-password .woocommerce-ResetPassword label { color: #d6c08d; display: block; font: 500 9px/1.2 'Josefin Sans', sans-serif; letter-spacing: .13em; margin: 0 0 9px; text-transform: uppercase; }
body.woocommerce-lost-password .woocommerce-ResetPassword input.input-text { background: #d6c08d !important; border: 0 !important; border-radius: 9px !important; box-shadow: 0 8px 18px rgba(7, 13, 31, .14); box-sizing: border-box; color: #070d1f !important; font: 400 14px 'Josefin Sans', sans-serif; height: 50px; outline: 0; padding: 0 14px !important; width: 100% !important; }
body.woocommerce-lost-password .woocommerce-ResetPassword input.input-text:focus { box-shadow: 0 0 0 2px rgba(255, 244, 222, .58), 0 8px 18px rgba(7, 13, 31, .14); }
body.woocommerce-lost-password .woocommerce-ResetPassword .button { align-items: center; background: #fff4de !important; border: 0 !important; border-radius: 9px !important; box-shadow: 0 10px 22px rgba(7, 13, 31, .22); color: #070d1f !important; display: inline-flex; font: 500 10px/1 'Josefin Sans', sans-serif !important; justify-content: center; letter-spacing: .13em; min-height: 48px; padding: 0 20px !important; text-align: center; text-transform: uppercase; transition: background .22s ease, box-shadow .22s ease, transform .22s ease; }
body.woocommerce-lost-password .woocommerce-ResetPassword .button:hover,
body.woocommerce-lost-password .woocommerce-ResetPassword .button:focus-visible { background: #d6c08d !important; box-shadow: 0 15px 28px rgba(7, 13, 31, .30); outline: 0; transform: translateY(-2px); }
body.woocommerce-lost-password .woocommerce-MyAccount-content > p:not(.woocommerce-error):not(.woocommerce-info):not(.woocommerce-message) { background: rgba(214, 192, 141, .07); border-radius: 15px; box-shadow: 0 16px 38px rgba(7, 13, 31, .16); color: #fff4de; font: 400 14px/1.7 'Josefin Sans', sans-serif; margin: 0; max-width: 620px; padding: clamp(24px, 4vw, 40px); }
@media (max-width: 680px) { body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper { grid-template-columns: 1fr; } body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper > .form-row { grid-column: 1; } }
@media (max-width: 760px) {
    .woocommerce-account .woocommerce-MyAccount-content table.shop_table { border-spacing: 0 6px; font-size: 10px; }
    .woocommerce-account .woocommerce-MyAccount-content table.shop_table thead th,
    .woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody td { padding: 11px 8px !important; }
}

/* The product Wishlist action responds like every other VELLORO button. */
.single-product .velloro-single-wishlist { align-items: center; background: rgba(214, 192, 141, .1); border: 0; border-radius: 9px; box-shadow: 0 8px 18px rgba(7, 13, 31, .16); color: #fff4de; cursor: pointer; display: inline-flex; font: 500 9px/1 'Josefin Sans', sans-serif; gap: 9px; justify-content: center; letter-spacing: .13em; margin-top: 15px; min-height: 45px; padding: 0 16px; text-transform: uppercase; transition: background .22s ease, box-shadow .22s ease, color .22s ease, transform .22s ease; }
.single-product .velloro-single-wishlist span { color: #d6c08d; font: 400 23px/1 'Cormorant Garamond', serif; margin: 0; transition: color .22s ease, transform .28s ease; }
.single-product .velloro-single-wishlist:hover,
.single-product .velloro-single-wishlist:focus-visible { background: #d6c08d; box-shadow: 0 14px 26px rgba(7, 13, 31, .26); color: #070d1f; outline: 0; transform: translateY(-2px); }
.single-product .velloro-single-wishlist:hover span,
.single-product .velloro-single-wishlist:focus-visible span { color: #070d1f; transform: scale(1.12); }
.single-product .velloro-single-wishlist:active { transform: translateY(0) scale(.97); }
.single-product .velloro-single-wishlist.is-saved { background: rgba(214, 192, 141, .18); }
.single-product .velloro-single-wishlist.is-saved span { animation: velloro-wishlist-heart-pop .32s ease-out both; color: #d6c08d; }
@keyframes velloro-wishlist-heart-pop { 0% { transform: scale(.72); } 65% { transform: scale(1.28); } 100% { transform: scale(1); } }

/* Spin & Win uses the same filled, tactile action language as Bag and Checkout. */
.velloro-spin-trigger { align-items: center; background: #fff4de !important; border: 0 !important; border-radius: 9px; bottom: 24px; box-shadow: 0 12px 28px rgba(7, 13, 31, .32); color: #070d1f !important; display: inline-flex; font: 500 10px/1 'Josefin Sans', sans-serif !important; gap: 12px; justify-content: center; letter-spacing: .14em; min-height: 49px; padding: 0 18px; position: fixed; right: 24px; text-transform: uppercase; transition: background .22s ease, box-shadow .22s ease, transform .22s ease; z-index: 18; }
.velloro-spin-trigger b { color: #070d1f !important; font: 400 18px/1 'Josefin Sans', sans-serif; margin: 0; transition: transform .22s ease; }
.velloro-spin-trigger:hover,
.velloro-spin-trigger:focus-visible { background: #d6c08d !important; box-shadow: 0 17px 34px rgba(7, 13, 31, .4); outline: 0; transform: translateY(-3px); }
.velloro-spin-trigger:hover b,
.velloro-spin-trigger:focus-visible b { transform: translateX(3px); }
.velloro-spin-trigger:active { transform: translateY(0) scale(.97); }
.velloro-spin__panel { background: #070d1f !important; border: 0 !important; border-radius: 16px; box-shadow: 0 28px 72px rgba(0, 0, 0, .45); }
.velloro-spin__close { transition: color .2s ease, transform .2s ease; }
.velloro-spin__close:hover,
.velloro-spin__close:focus-visible { color: #d6c08d; outline: 0; transform: rotate(90deg); }
.velloro-spin__content input { background: #d6c08d !important; border: 0 !important; border-radius: 9px !important; box-shadow: 0 9px 22px rgba(7, 13, 31, .18); color: #070d1f !important; }
.velloro-spin__content input::placeholder { color: #070d1f; opacity: .58; }
.velloro-spin__content button[type='submit'] { align-items: center; background: #fff4de !important; border: 0 !important; border-radius: 9px !important; box-shadow: 0 10px 22px rgba(7, 13, 31, .22); color: #070d1f !important; display: inline-flex; justify-content: center; transition: background .22s ease, box-shadow .22s ease, transform .22s ease; }
.velloro-spin__content button[type='submit']:hover,
.velloro-spin__content button[type='submit']:focus-visible { background: #d6c08d !important; box-shadow: 0 15px 28px rgba(7, 13, 31, .3); outline: 0; transform: translateY(-2px); }
.velloro-spin__content button[type='submit']:disabled { cursor: default; opacity: .58; transform: none; }
.velloro-spin__content { align-items: center; display: flex; flex-direction: column; justify-content: center; text-align: center; }
.velloro-spin__content > span,
.velloro-spin__content small { margin-left: auto; margin-right: auto; max-width: 390px; text-align: center; }
.velloro-spin__content form { width: min(100%, 360px); }
.velloro-spin__wheel span { align-items: center; display: flex; font-size: clamp(7px, .8vw, 10px); justify-content: center; line-height: 1.25; text-align: center; transform: rotate(15deg); width: clamp(58px, 8vw, 94px); }
.velloro-spin__wheel span:nth-child(1) { color: #070d1f; right: 14%; top: 18%; }
.velloro-spin__wheel span:nth-child(2) { bottom: 18%; color: #fff4de; right: 14%; }
.velloro-spin__wheel span:nth-child(3) { bottom: 18%; color: #070d1f; left: 14%; }
.velloro-spin__wheel span:nth-child(4) { color: #fff4de; left: 14%; top: 18%; }

/* Every item in the side menu shares the same gold hover response. */
.velloro-navigation .velloro-menu > li > a,
.velloro-navigation .velloro-menu > li > button,
.velloro-navigation .velloro-menu .velloro-season-menu > button,
.velloro-navigation .velloro-menu .velloro-collection-menu a,
.velloro-navigation__utility > a { color: #fff4de !important; display: inline-flex; transition: color .2s ease, transform .2s ease; }
.velloro-navigation .velloro-menu > li > button b,
.velloro-navigation .velloro-menu .velloro-season-menu > button b { color: inherit !important; transition: color .2s ease; }
.velloro-navigation .velloro-menu > li > a:hover,
.velloro-navigation .velloro-menu > li > a:focus-visible,
.velloro-navigation .velloro-menu > li > button:hover,
.velloro-navigation .velloro-menu > li > button:focus-visible,
.velloro-navigation .velloro-menu .velloro-season-menu > button:hover,
.velloro-navigation .velloro-menu .velloro-season-menu > button:focus-visible,
.velloro-navigation .velloro-menu .velloro-collection-menu a:hover,
.velloro-navigation .velloro-menu .velloro-collection-menu a:focus-visible,
.velloro-navigation__utility > a:hover,
.velloro-navigation__utility > a:focus-visible { color: #d6c08d !important; outline: 0; transform: translateX(4px); }

/* Contact then delivery mirrors a polished one-page checkout, in VELLORO's own language. */
.woocommerce-checkout .woocommerce-billing-fields > h3 { display: none; }
.velloro-checkout-contact-heading { margin: 0 0 28px; text-align: left; }
.velloro-checkout-contact-heading p { color: #d6c08d; font: 500 9px/1 'Josefin Sans', sans-serif; letter-spacing: .16em; margin: 0 0 12px; text-transform: uppercase; }
.velloro-checkout-contact-heading h2 { color: #fff4de; font: 400 clamp(38px, 4vw, 52px)/.95 'Cormorant Garamond', serif; margin: 0; }
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_email_field,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_phone_field { grid-column: 1 / -1; }
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_first_name_field { margin-top: 0 !important; }

/* Scroll motion runs through the browser compositor: no blur, no layout work. */
.velloro-scroll-reveal { will-change: auto; }

/* Customer order history: a clear personal record, never an admin table. */
.woocommerce-account .velloro-client-orders { color: #fff4de; }
.woocommerce-account .velloro-client-orders__header { margin: 0 0 34px; }
.woocommerce-account .velloro-client-orders__header p,
.velloro-client-orders__item span { color: #d6c08d; display: block; font: 500 9px/1 'Josefin Sans', sans-serif; letter-spacing: .17em; margin: 0 0 13px; text-transform: uppercase; }
.woocommerce-account .velloro-client-orders__header h2 { color: #fff4de; font: 400 clamp(44px, 5vw, 66px)/.9 'Cormorant Garamond', serif; letter-spacing: -.035em; margin: 0; }
.velloro-client-orders__list { display: grid; }
.velloro-client-orders__item { align-items: center; border-bottom: 1px solid rgba(214, 192, 141, .28); display: grid; gap: 20px; grid-template-columns: 1.2fr 1fr 1fr 1fr auto; padding: 25px 0; transition: background .22s ease, padding .22s ease; }
.velloro-client-orders__item:first-child { border-top: 1px solid rgba(214, 192, 141, .28); }
.velloro-client-orders__item:hover { background: rgba(214, 192, 141, .055); padding-left: 15px; padding-right: 15px; }
.velloro-client-orders__item strong { color: #fff4de; display: block; font: 400 13px/1.35 'Josefin Sans', sans-serif; }
.velloro-client-orders__number strong { font: 400 27px/1 'Cormorant Garamond', serif; }
.velloro-client-orders__item .velloro-client-orders__status { color: #d6c08d; }
.velloro-client-orders__item > a,
.velloro-client-orders__empty a,
.velloro-client-orders__pagination a { align-items: center; background: #fff4de; border: 0; border-radius: 9px; color: #070d1f !important; display: inline-flex; font: 500 9px/1 'Josefin Sans', sans-serif; justify-content: center; letter-spacing: .11em; min-height: 44px; padding: 0 16px; text-decoration: none; text-transform: uppercase; transition: background .22s ease, box-shadow .22s ease, transform .22s ease; }
.velloro-client-orders__item > a:hover,
.velloro-client-orders__item > a:focus-visible,
.velloro-client-orders__empty a:hover,
.velloro-client-orders__empty a:focus-visible,
.velloro-client-orders__pagination a:hover,
.velloro-client-orders__pagination a:focus-visible { background: #d6c08d; box-shadow: 0 13px 25px rgba(7, 13, 31, .25); outline: 0; transform: translateY(-2px); }
.velloro-client-orders__empty { background: rgba(214, 192, 141, .08); border-radius: 15px; padding: 34px; }
.velloro-client-orders__empty p { color: #fff4de; font: 400 15px/1.6 'Josefin Sans', sans-serif; margin: 0 0 22px; }
.velloro-client-orders__pagination { align-items: center; display: flex; gap: 12px; justify-content: center; margin-top: 28px; }
.velloro-client-orders__pagination span { color: #d6c08d; font: 500 9px 'Josefin Sans', sans-serif; letter-spacing: .11em; text-transform: uppercase; }
@media (max-width: 860px) { .velloro-client-orders__item { align-items: start; grid-template-columns: repeat(2, minmax(0, 1fr)); } .velloro-client-orders__item > a { justify-self: start; } }
@media (max-width: 500px) { .velloro-client-orders__item { grid-template-columns: 1fr; gap: 14px; } .velloro-client-orders__item:hover { padding-left: 10px; padding-right: 10px; } }

/* The VELLORO private office is an admin control room, built from the same filled cards as the storefront. */
.velloro-admin-portal { color: #fff4de; }
.velloro-admin-portal__header { align-items: flex-end; display: flex; gap: 24px; justify-content: space-between; margin: 0 0 28px; }
.velloro-admin-portal__eyebrow,
.velloro-admin-portal__surface-heading p { color: #d6c08d; font: 500 9px/1 'Josefin Sans', sans-serif; letter-spacing: .18em; margin: 0 0 13px; text-transform: uppercase; }
.velloro-admin-portal__header h2 { color: #fff4de; font: 400 clamp(40px, 5vw, 60px)/.9 'Cormorant Garamond', serif; letter-spacing: -.03em; margin: 0; }
.velloro-admin-portal__welcome { background: rgba(214, 192, 141, .11); border-radius: 999px; color: #d6c08d; font: 500 9px/1 'Josefin Sans', sans-serif; letter-spacing: .1em; margin: 0; padding: 13px 16px; }
.velloro-admin-portal__nav { display: flex; flex-wrap: wrap; gap: 9px; margin: 0 0 26px; }
.velloro-admin-portal__nav a { align-items: center; background: rgba(214, 192, 141, .1); border: 0; border-radius: 9px; color: #fff4de !important; display: inline-flex; font: 500 9px/1 'Josefin Sans', sans-serif; justify-content: center; letter-spacing: .12em; min-height: 42px; padding: 0 15px; text-decoration: none; text-transform: uppercase; transition: background .22s ease, box-shadow .22s ease, color .22s ease, transform .22s ease; }
.velloro-admin-portal__nav a:hover,
.velloro-admin-portal__nav a:focus-visible,
.velloro-admin-portal__nav a.is-active { background: #fff4de; box-shadow: 0 10px 22px rgba(7, 13, 31, .22); color: #070d1f !important; outline: 0; transform: translateY(-2px); }
.velloro-admin-portal__stats { display: grid; gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 0 18px; }
.velloro-admin-portal__stats article,
.velloro-admin-portal__surface { background: rgba(214, 192, 141, .08); border: 0; border-radius: 17px; box-shadow: 0 18px 40px rgba(7, 13, 31, .17); }
.velloro-admin-portal__stats article { min-height: 147px; overflow: hidden; padding: 26px; position: relative; transition: background .22s ease, box-shadow .22s ease, transform .22s ease; }
.velloro-admin-portal__stats article::before { background: #d6c08d; border-radius: 99px; content: ''; height: 5px; left: 26px; position: absolute; top: 0; width: 38px; }
.velloro-admin-portal__stats article:hover { background: rgba(214, 192, 141, .14); box-shadow: 0 23px 46px rgba(7, 13, 31, .25); transform: translateY(-3px); }
.velloro-admin-portal__stats span { color: #d6c08d; display: block; font: 500 9px/1 'Josefin Sans', sans-serif; letter-spacing: .14em; margin: 0 0 18px; text-transform: uppercase; }
.velloro-admin-portal__stats strong { color: #fff4de; display: block; font: 400 53px/.9 'Cormorant Garamond', serif; }
.velloro-admin-portal__surface { padding: clamp(22px, 3vw, 32px); }
.velloro-admin-portal__surface-heading { align-items: flex-end; display: flex; gap: 16px; justify-content: space-between; margin: 0 0 20px; }
.velloro-admin-portal__surface-heading h3 { color: #fff4de; font: 400 clamp(30px, 3vw, 42px)/.95 'Cormorant Garamond', serif; margin: 0; }
.velloro-admin-portal__surface-heading > a,
.velloro-admin-portal__products article a { align-items: center; background: #fff4de; border: 0; border-radius: 9px; color: #070d1f !important; display: inline-flex; font: 500 9px/1 'Josefin Sans', sans-serif; justify-content: center; letter-spacing: .11em; min-height: 39px; padding: 0 13px; text-decoration: none; text-transform: uppercase; transition: background .22s ease, box-shadow .22s ease, transform .22s ease; }
.velloro-admin-portal__surface-heading > a:hover,
.velloro-admin-portal__surface-heading > a:focus-visible,
.velloro-admin-portal__products article a:hover,
.velloro-admin-portal__products article a:focus-visible { background: #d6c08d; box-shadow: 0 13px 24px rgba(7, 13, 31, .22); outline: 0; transform: translateY(-2px); }
.velloro-admin-portal__table-wrap { overflow-x: auto; }
.velloro-admin-portal__table { border-collapse: separate; border-spacing: 0 8px; color: #fff4de; min-width: 680px; width: 100%; }
.velloro-admin-portal__table th { color: #d6c08d; font: 500 9px/1 'Josefin Sans', sans-serif; letter-spacing: .14em; padding: 0 14px 8px; text-align: left; text-transform: uppercase; }
.velloro-admin-portal__table td { background: rgba(214, 192, 141, .08); color: #fff4de; font: 400 12px/1.35 'Josefin Sans', sans-serif; padding: 15px 14px; transition: background .2s ease; vertical-align: middle; }
.velloro-admin-portal__table tr:hover td { background: rgba(214, 192, 141, .14); }
.velloro-admin-portal__table td:first-child { border-radius: 10px 0 0 10px; }
.velloro-admin-portal__table td:last-child { border-radius: 0 10px 10px 0; }
.velloro-admin-portal__table td > span { background: rgba(214, 192, 141, .14); border-radius: 999px; color: #d6c08d; display: inline-flex; font: 500 8px/1 'Josefin Sans', sans-serif; letter-spacing: .11em; padding: 9px 10px; text-transform: uppercase; }
.velloro-admin-portal__table small { color: #d6c08d; display: block; font: 400 9px/1.4 'Josefin Sans', sans-serif; margin-top: 5px; }
.velloro-admin-portal__table form { align-items: center; display: flex; gap: 8px; }
.velloro-admin-portal__table select { background: rgba(214, 192, 141, .16); border: 0; border-radius: 8px; color: #fff4de; font: 400 10px 'Josefin Sans', sans-serif; height: 38px; max-width: 128px; padding: 0 8px; }
.velloro-admin-portal__table button,
.velloro-admin-portal__product-form button { align-items: center; background: #fff4de; border: 0; border-radius: 9px; color: #070d1f; cursor: pointer; display: inline-flex; font: 500 9px/1 'Josefin Sans', sans-serif; justify-content: center; letter-spacing: .12em; min-height: 39px; padding: 0 13px; text-transform: uppercase; transition: background .22s ease, box-shadow .22s ease, transform .22s ease; }
.velloro-admin-portal__table button:hover,
.velloro-admin-portal__table button:focus-visible,
.velloro-admin-portal__product-form button:hover,
.velloro-admin-portal__product-form button:focus-visible { background: #d6c08d; box-shadow: 0 13px 25px rgba(7, 13, 31, .25); outline: 0; transform: translateY(-2px); }
.velloro-admin-portal__message { background: rgba(214, 192, 141, .12); border-radius: 10px; color: #fff4de; font: 400 12px/1.5 'Josefin Sans', sans-serif; margin: 0 0 16px; padding: 13px 16px; }
.velloro-admin-portal__message.is-success { color: #d6c08d; }
.velloro-admin-status-picker { min-width: 145px; position: relative; }
.velloro-admin-status-picker summary { align-items: center; background: #d6c08d; border-radius: 9px; color: #070d1f; cursor: pointer; display: flex; font: 500 10px/1 'Josefin Sans', sans-serif; gap: 10px; justify-content: space-between; letter-spacing: .08em; list-style: none; min-height: 44px; padding: 0 14px; text-transform: none; transition: background .2s ease, box-shadow .2s ease, transform .2s ease; }
.velloro-admin-status-picker summary::-webkit-details-marker { display: none; }
.velloro-admin-status-picker summary b { color: #070d1f; font: 400 18px/1 'Josefin Sans', sans-serif; transition: transform .2s ease; }
.velloro-admin-status-picker summary:hover,
.velloro-admin-status-picker[open] summary { background: #fff4de; box-shadow: 0 10px 22px rgba(7, 13, 31, .20); color: #070d1f; transform: translateY(-1px); }
.velloro-admin-status-picker[open] summary b { color: #070d1f; transform: rotate(45deg); }
.velloro-admin-status-picker > div { background: #070d1f; border: 1px solid rgba(214, 192, 141, .72); border-radius: 10px; box-shadow: 0 18px 38px rgba(0, 0, 0, .35); display: grid; gap: 0; min-width: 184px; padding: 7px; position: absolute; right: 0; top: calc(100% + 7px); z-index: 20; }
.velloro-admin-status-picker > div button { background: transparent; border-radius: 7px; box-shadow: none; color: #fff4de; font: 400 12px/1.25 'Josefin Sans', sans-serif; justify-content: flex-start; letter-spacing: .03em; min-height: 42px; padding: 0 14px; text-align: left; text-transform: none; width: 100%; }
.velloro-admin-status-picker > div button:hover,
.velloro-admin-status-picker > div button:focus-visible { background: #d6c08d; box-shadow: none; color: #070d1f; outline: 0; transform: none; }
.velloro-admin-status-picker > div button.is-current { background: rgba(214, 192, 141, .16); box-shadow: none; color: #d6c08d; transform: none; }
/* Keep the opened order-status menu above every subsequent row and card. */
.woocommerce-account .woocommerce-MyAccount-content:has(.velloro-admin-portal) { overflow: visible !important; }
.velloro-admin-portal__surface:has(.velloro-admin-status-picker[open]),
.velloro-admin-portal__table tbody tr:has(.velloro-admin-status-picker[open]) { position: relative; z-index: 10; }
.velloro-admin-portal__table td:has(.velloro-admin-status-picker) { overflow: visible; position: relative; }
.velloro-admin-customer strong { color: #fff4de; display: block; font: 400 17px/1.15 'Cormorant Garamond', serif; margin: 0 0 6px; }
.velloro-admin-customer small { max-width: 240px; overflow-wrap: anywhere; }
.velloro-admin-customer__address { color: rgba(255, 244, 222, .76) !important; line-height: 1.45 !important; margin-top: 5px; }
.velloro-admin-portal__products { display: grid; gap: 15px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.velloro-admin-portal__products article { background: rgba(214, 192, 141, .08); border-radius: 13px; overflow: hidden; transition: background .22s ease, box-shadow .22s ease, transform .22s ease; }
.velloro-admin-portal__products article:hover { background: rgba(214, 192, 141, .13); box-shadow: 0 18px 32px rgba(7, 13, 31, .2); transform: translateY(-3px); }
.velloro-admin-portal__product-image { aspect-ratio: 1 / 1; background: #070d1f; overflow: hidden; }
.velloro-admin-portal__product-image img { height: 100%; object-fit: cover; width: 100%; }
.velloro-admin-portal__products article > div:last-child { padding: 17px; }
.velloro-admin-portal__products h4 { color: #fff4de; font: 400 27px/1 'Cormorant Garamond', serif; margin: 0 0 8px; }
.velloro-admin-portal__products p { color: #d6c08d; font: 400 11px 'Josefin Sans', sans-serif; margin: 0 0 14px; }
.velloro-admin-portal__product-form { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 800px; }
.velloro-admin-portal__product-form label { color: #d6c08d; font: 500 9px/1.2 'Josefin Sans', sans-serif; letter-spacing: .13em; text-transform: uppercase; }
.velloro-admin-portal__product-form input,
.velloro-admin-portal__product-form select,
.velloro-admin-portal__product-form textarea { background: rgba(214, 192, 141, .14); border: 0; border-radius: 9px; box-sizing: border-box; color: #fff4de; display: block; font: 400 13px 'Josefin Sans', sans-serif; margin-top: 8px; min-height: 50px; outline: 0; padding: 0 14px; width: 100%; }
.velloro-admin-portal__product-form textarea { padding: 14px; resize: vertical; }
.velloro-admin-portal__product-form input::placeholder,
.velloro-admin-portal__product-form textarea::placeholder { color: rgba(255, 244, 222, .55); }
.velloro-admin-portal__product-form input:focus,
.velloro-admin-portal__product-form select:focus,
.velloro-admin-portal__product-form textarea:focus { background: rgba(214, 192, 141, .2); box-shadow: 0 0 0 2px #d6c08d; }
.velloro-admin-portal__product-form input[name='velloro_product_price'] { -moz-appearance: textfield; appearance: textfield; }
.velloro-admin-portal__product-form input[name='velloro_product_price']::-webkit-inner-spin-button,
.velloro-admin-portal__product-form input[name='velloro_product_price']::-webkit-outer-spin-button { -webkit-appearance: none; appearance: none; margin: 0; }
.velloro-admin-form-picker { margin-top: 8px; position: relative; }
.velloro-admin-form-picker summary { align-items: center; background: #d6c08d; border-radius: 9px; color: #070d1f; cursor: pointer; display: flex; font: 400 13px/1 'Josefin Sans', sans-serif; justify-content: space-between; letter-spacing: 0; list-style: none; min-height: 50px; padding: 0 14px; text-transform: none; transition: background .2s ease, box-shadow .2s ease, transform .2s ease; }
.velloro-admin-form-picker summary::-webkit-details-marker { display: none; }
.velloro-admin-form-picker summary b { color: #070d1f; font: 400 18px/1 'Josefin Sans', sans-serif; transition: transform .2s ease; }
.velloro-admin-form-picker summary:hover,
.velloro-admin-form-picker[open] summary { background: #fff4de; box-shadow: 0 10px 22px rgba(7, 13, 31, .20); color: #070d1f; transform: translateY(-1px); }
.velloro-admin-form-picker[open] summary b { color: #070d1f; transform: rotate(45deg); }
.velloro-admin-form-picker > div { background: #070d1f; border: 1px solid rgba(214, 192, 141, .72); border-radius: 10px; box-shadow: 0 18px 38px rgba(0, 0, 0, .35); display: grid; gap: 0; left: 0; min-width: 100%; padding: 7px; position: absolute; top: calc(100% + 7px); z-index: 8; }
.velloro-admin-form-picker > div button { background: transparent; border: 0; border-radius: 7px; box-shadow: none; color: #fff4de; font: 400 12px/1.25 'Josefin Sans', sans-serif; justify-content: flex-start; letter-spacing: .03em; min-height: 42px; padding: 0 14px; text-align: left; text-transform: none; width: 100%; }
.velloro-admin-form-picker > div button:hover,
.velloro-admin-form-picker > div button:focus-visible { background: #d6c08d; box-shadow: none; color: #070d1f; outline: 0; transform: none; }
.velloro-admin-form-picker > div button.is-current { background: rgba(214, 192, 141, .16); box-shadow: none; color: #d6c08d; }
.velloro-admin-portal__wide { grid-column: 1 / -1; }
.velloro-admin-portal__empty { color: rgba(255, 244, 222, .76); font: 400 13px/1.6 'Josefin Sans', sans-serif; margin: 0; padding: 28px 0 4px; }
@media (max-width: 760px) { .velloro-admin-portal__header { align-items: flex-start; flex-direction: column; } .velloro-admin-portal__stats, .velloro-admin-portal__products, .velloro-admin-portal__product-form { grid-template-columns: 1fr; } }

@media (max-width: 760px) {
    .woocommerce-checkout .col2-set { padding: 22px 18px; }
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper { grid-template-columns: 1fr; }
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_first_name_field,
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_last_name_field,
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_phone_field,
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_email_field { grid-column: 1; }
    .woocommerce-checkout .velloro-checkout-coupon { max-width: none; }
    .woocommerce-checkout #order_review_heading { padding: 24px 20px 0; }
    .woocommerce-checkout #order_review { padding: 20px !important; }
    .ve-footer { grid-template-columns: 1fr !important; }
    .ve-footer nav { gap: 28px; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; justify-self: stretch; }
    .velloro-menu > .velloro-note-finder [data-note-search-panel].is-open { max-width: 100%; }
    .velloro-spin-trigger { bottom: 16px; right: 16px; }
}

/* Primary VELLORO actions: gold at rest, cream on hover. Controls and dropdowns
   deliberately keep their own interaction language. */
.vl-collection > .vl-link,
.vl-closing .vl-link,
.velloro-commerce .button,
.woocommerce ul.products li.product .button,
.single-product .single_add_to_cart_button,
.woocommerce-cart-form .coupon button.button[name='apply_coupon'],
.wc-proceed-to-checkout .checkout-button,
.vi-cart-drawer .woocommerce-mini-cart__buttons .button,
.vi-cart-drawer .woocommerce-mini-cart__buttons .checkout,
.velloro-checkout-coupon .button,
.woocommerce-checkout #place_order,
.ve-footer form button,
.woocommerce-account #customer_login button.woocommerce-button,
.woocommerce-account #customer_login input[type='submit'],
.velloro-account-welcome__actions a,
.woocommerce-account .woocommerce-MyAccount-content form .button,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table .button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .edit,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table a.button,
.woocommerce-account .woocommerce-EditAccountForm > p:last-child .button,
.woocommerce-account .woocommerce-EditAddressForm .button,
.woocommerce-account .woocommerce-address-fields > p .button,
.woocommerce-lost-password .woocommerce-ResetPassword .button,
.woocommerce-account .woocommerce-info .button.wc-forward,
.velloro-wishlist-page .products li.product .button,
.velloro-wishlist-page .velloro-wishlist-explore,
.velloro-spin-trigger,
.velloro-spin__content button[type='submit'],
.velloro-client-orders__item > a,
.velloro-client-orders__empty a,
.velloro-client-orders__pagination a,
.velloro-admin-portal__surface-heading > a,
.velloro-admin-portal__products article a,
.velloro-admin-portal__table > :not(.velloro-admin-status-picker) button,
.velloro-admin-portal__product-form > button {
    background: #d6c08d !important;
    color: #070d1f !important;
}

.vl-collection > .vl-link:hover,
.vl-collection > .vl-link:focus-visible,
.vl-closing .vl-link:hover,
.vl-closing .vl-link:focus-visible,
.velloro-commerce .button:hover,
.velloro-commerce .button:focus-visible,
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .button:focus-visible,
.single-product .single_add_to_cart_button:hover,
.single-product .single_add_to_cart_button:focus-visible,
.woocommerce-cart-form .coupon button.button[name='apply_coupon']:hover,
.woocommerce-cart-form .coupon button.button[name='apply_coupon']:focus-visible,
.wc-proceed-to-checkout .checkout-button:hover,
.wc-proceed-to-checkout .checkout-button:focus-visible,
.vi-cart-drawer .woocommerce-mini-cart__buttons .button:hover,
.vi-cart-drawer .woocommerce-mini-cart__buttons .button:focus-visible,
.vi-cart-drawer .woocommerce-mini-cart__buttons .checkout:hover,
.vi-cart-drawer .woocommerce-mini-cart__buttons .checkout:focus-visible,
.velloro-checkout-coupon .button:hover,
.velloro-checkout-coupon .button:focus-visible,
.woocommerce-checkout #place_order:hover,
.woocommerce-checkout #place_order:focus-visible,
.ve-footer form button:hover,
.ve-footer form button:focus-visible,
.woocommerce-account #customer_login button.woocommerce-button:hover,
.woocommerce-account #customer_login button.woocommerce-button:focus-visible,
.woocommerce-account #customer_login input[type='submit']:hover,
.woocommerce-account #customer_login input[type='submit']:focus-visible,
.velloro-account-welcome__actions a:hover,
.velloro-account-welcome__actions a:focus-visible,
.woocommerce-account .woocommerce-MyAccount-content form .button:hover,
.woocommerce-account .woocommerce-MyAccount-content form .button:focus-visible,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table .button:hover,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table .button:focus-visible,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .edit:hover,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .edit:focus-visible,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button:hover,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button:focus-visible,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table a.button:hover,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table a.button:focus-visible,
.woocommerce-account .woocommerce-EditAccountForm > p:last-child .button:hover,
.woocommerce-account .woocommerce-EditAccountForm > p:last-child .button:focus-visible,
.woocommerce-account .woocommerce-EditAddressForm .button:hover,
.woocommerce-account .woocommerce-EditAddressForm .button:focus-visible,
.woocommerce-account .woocommerce-address-fields > p .button:hover,
.woocommerce-account .woocommerce-address-fields > p .button:focus-visible,
.woocommerce-lost-password .woocommerce-ResetPassword .button:hover,
.woocommerce-lost-password .woocommerce-ResetPassword .button:focus-visible,
.woocommerce-account .woocommerce-info .button.wc-forward:hover,
.woocommerce-account .woocommerce-info .button.wc-forward:focus-visible,
.velloro-wishlist-page .products li.product .button:hover,
.velloro-wishlist-page .products li.product .button:focus-visible,
.velloro-wishlist-page .velloro-wishlist-explore:hover,
.velloro-wishlist-page .velloro-wishlist-explore:focus-visible,
.velloro-spin-trigger:hover,
.velloro-spin-trigger:focus-visible,
.velloro-spin__content button[type='submit']:hover,
.velloro-spin__content button[type='submit']:focus-visible,
.velloro-client-orders__item > a:hover,
.velloro-client-orders__item > a:focus-visible,
.velloro-client-orders__empty a:hover,
.velloro-client-orders__empty a:focus-visible,
.velloro-client-orders__pagination a:hover,
.velloro-client-orders__pagination a:focus-visible,
.velloro-admin-portal__surface-heading > a:hover,
.velloro-admin-portal__surface-heading > a:focus-visible,
.velloro-admin-portal__products article a:hover,
.velloro-admin-portal__products article a:focus-visible,
.velloro-admin-portal__table > :not(.velloro-admin-status-picker) button:hover,
.velloro-admin-portal__table > :not(.velloro-admin-status-picker) button:focus-visible,
.velloro-admin-portal__product-form > button:hover,
.velloro-admin-portal__product-form > button:focus-visible {
    background: #fff4de !important;
    color: #070d1f !important;
}

/* Match the more specific page-level rules above, so no primary action can
   fall back to the former cream-at-rest treatment. */
body.single-product .velloro-commerce form.cart > button.single_add_to_cart_button.button,
body .velloro-wishlist-page .products li.product .button,
body .velloro-wishlist-page .velloro-wishlist-explore,
body.woocommerce-cart .woocommerce-cart-form .coupon button.button[name='apply_coupon'],
body.woocommerce-cart .woocommerce .wc-proceed-to-checkout .checkout-button,
body.woocommerce-checkout .velloro-checkout-coupon .button,
body.woocommerce-checkout #place_order,
body.woocommerce-account #customer_login button.woocommerce-button,
body.woocommerce-account #customer_login input[type='submit'],
body.woocommerce-account .woocommerce-MyAccount-content form .button,
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table .button,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .edit,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table a.button,
body.woocommerce-account .woocommerce-EditAccountForm > p:last-child .button,
body.woocommerce-account .woocommerce-EditAddressForm .button,
body.woocommerce-account .woocommerce-address-fields > p .button,
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info .button.wc-forward,
body.woocommerce-lost-password .woocommerce-ResetPassword .button,
body .velloro-client-orders__item > a,
body .velloro-client-orders__empty a,
body .velloro-client-orders__pagination a,
body .velloro-admin-portal__surface-heading > a,
body .velloro-admin-portal__products article a,
body .velloro-admin-portal__table form > button,
body .velloro-admin-portal__product-form > button,
body .velloro-spin-trigger,
body .velloro-spin__content button[type='submit'],
body .ve-footer form button[type='submit'] {
    background: #d6c08d !important;
    color: #070d1f !important;
}

body.single-product .velloro-commerce form.cart > button.single_add_to_cart_button.button:hover,
body.single-product .velloro-commerce form.cart > button.single_add_to_cart_button.button:focus-visible,
body .velloro-wishlist-page .products li.product .button:hover,
body .velloro-wishlist-page .products li.product .button:focus-visible,
body .velloro-wishlist-page .velloro-wishlist-explore:hover,
body .velloro-wishlist-page .velloro-wishlist-explore:focus-visible,
body.woocommerce-cart .woocommerce-cart-form .coupon button.button[name='apply_coupon']:hover,
body.woocommerce-cart .woocommerce-cart-form .coupon button.button[name='apply_coupon']:focus-visible,
body.woocommerce-cart .woocommerce .wc-proceed-to-checkout .checkout-button:hover,
body.woocommerce-cart .woocommerce .wc-proceed-to-checkout .checkout-button:focus-visible,
body.woocommerce-checkout .velloro-checkout-coupon .button:hover,
body.woocommerce-checkout .velloro-checkout-coupon .button:focus-visible,
body.woocommerce-checkout #place_order:hover,
body.woocommerce-checkout #place_order:focus-visible,
body.woocommerce-account #customer_login button.woocommerce-button:hover,
body.woocommerce-account #customer_login button.woocommerce-button:focus-visible,
body.woocommerce-account #customer_login input[type='submit']:hover,
body.woocommerce-account #customer_login input[type='submit']:focus-visible,
body.woocommerce-account .woocommerce-MyAccount-content form .button:hover,
body.woocommerce-account .woocommerce-MyAccount-content form .button:focus-visible,
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table .button:hover,
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table .button:focus-visible,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .edit:hover,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address .edit:focus-visible,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button:hover,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button:focus-visible,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table a.button:hover,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table a.button:focus-visible,
body.woocommerce-account .woocommerce-EditAccountForm > p:last-child .button:hover,
body.woocommerce-account .woocommerce-EditAccountForm > p:last-child .button:focus-visible,
body.woocommerce-account .woocommerce-EditAddressForm .button:hover,
body.woocommerce-account .woocommerce-EditAddressForm .button:focus-visible,
body.woocommerce-account .woocommerce-address-fields > p .button:hover,
body.woocommerce-account .woocommerce-address-fields > p .button:focus-visible,
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info .button.wc-forward:hover,
body.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info .button.wc-forward:focus-visible,
body.woocommerce-lost-password .woocommerce-ResetPassword .button:hover,
body.woocommerce-lost-password .woocommerce-ResetPassword .button:focus-visible,
body .velloro-client-orders__item > a:hover,
body .velloro-client-orders__item > a:focus-visible,
body .velloro-client-orders__empty a:hover,
body .velloro-client-orders__empty a:focus-visible,
body .velloro-client-orders__pagination a:hover,
body .velloro-client-orders__pagination a:focus-visible,
body .velloro-admin-portal__surface-heading > a:hover,
body .velloro-admin-portal__surface-heading > a:focus-visible,
body .velloro-admin-portal__products article a:hover,
body .velloro-admin-portal__products article a:focus-visible,
body .velloro-admin-portal__table form > button:hover,
body .velloro-admin-portal__table form > button:focus-visible,
body .velloro-admin-portal__product-form > button:hover,
body .velloro-admin-portal__product-form > button:focus-visible,
body .velloro-spin-trigger:hover,
body .velloro-spin-trigger:focus-visible,
body .velloro-spin__content button[type='submit']:hover,
body .velloro-spin__content button[type='submit']:focus-visible,
body .ve-footer form button[type='submit']:hover,
body .ve-footer form button[type='submit']:focus-visible {
    background: #fff4de !important;
    color: #070d1f !important;
}

/* Copy Product Name's field treatment exactly; page layout and field sizing stay local. */
.velloro-admin-portal__product-form input:not([type='checkbox']),
.velloro-admin-portal__product-form textarea,
body.woocommerce-account #customer_login input.input-text,
body.woocommerce-account #customer_login input[type='password'],
body.woocommerce-cart .woocommerce-cart-form .coupon input.input-text,
body.woocommerce-checkout form .form-row input.input-text,
body.woocommerce-checkout form .form-row textarea,
body.woocommerce-checkout .velloro-checkout-coupon .input-text,
body.woocommerce-account .woocommerce-EditAccountForm input.input-text,
body.woocommerce-account .woocommerce-EditAccountForm input[type='email'],
body.woocommerce-account .woocommerce-EditAccountForm input[type='password'],
body.woocommerce-account .woocommerce-EditAddressForm input.input-text,
body.woocommerce-account .woocommerce-address-fields__field-wrapper input.input-text,
body.woocommerce-lost-password .woocommerce-ResetPassword input.input-text,
body .velloro-spin__content input,
body .ve-footer form input[type='email'],
body .velloro-header-search .velloro-header-search__form input,
body .velloro-note-finder [data-note-search-panel] input {
    -webkit-text-fill-color: #fff4de;
    background: rgba(214, 192, 141, .14) !important;
    border: 0 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #fff4de !important;
    display: block !important;
    font: 400 13px 'Josefin Sans', sans-serif !important;
    min-height: 50px !important;
    outline: 0 !important;
    padding: 0 14px !important;
    transition: background .2s ease, box-shadow .2s ease !important;
    width: 100% !important;
}

.velloro-admin-portal__product-form input::placeholder,
.velloro-admin-portal__product-form textarea::placeholder,
body.woocommerce-account #customer_login input::placeholder,
body.woocommerce-cart .woocommerce-cart-form .coupon input::placeholder,
body.woocommerce-checkout input::placeholder,
body.woocommerce-checkout textarea::placeholder,
body.woocommerce-account .woocommerce-MyAccount-content input::placeholder,
body.woocommerce-lost-password input::placeholder,
body .velloro-spin__content input::placeholder,
body .ve-footer form input::placeholder,
body .velloro-header-search .velloro-header-search__form input::placeholder,
body .velloro-note-finder [data-note-search-panel] input::placeholder {
    -webkit-text-fill-color: rgba(255, 244, 222, .55);
    color: rgba(255, 244, 222, .55) !important;
    opacity: 1 !important;
}

.velloro-admin-portal__product-form input:not([type='checkbox']):focus,
.velloro-admin-portal__product-form textarea:focus,
body.woocommerce-account #customer_login input.input-text:focus,
body.woocommerce-account #customer_login input[type='password']:focus,
body.woocommerce-cart .woocommerce-cart-form .coupon input.input-text:focus,
body.woocommerce-checkout form .form-row input.input-text:focus,
body.woocommerce-checkout form .form-row textarea:focus,
body.woocommerce-checkout .velloro-checkout-coupon .input-text:focus,
body.woocommerce-account .woocommerce-EditAccountForm input:focus,
body.woocommerce-account .woocommerce-EditAddressForm input:focus,
body.woocommerce-account .woocommerce-address-fields__field-wrapper input:focus,
body.woocommerce-lost-password .woocommerce-ResetPassword input.input-text:focus,
body .velloro-spin__content input:focus,
body .ve-footer form input[type='email']:focus,
body .velloro-header-search .velloro-header-search__form input:focus,
body .velloro-note-finder [data-note-search-panel] input:focus {
    background: rgba(214, 192, 141, .2) !important;
    box-shadow: 0 0 0 2px #d6c08d !important;
}

/* Every selector uses the Category / Size trigger and menu system. */
body.woocommerce-checkout .select2-container .select2-selection--single,
body.woocommerce-account .woocommerce-EditAddressForm .select2-container .select2-selection--single,
body.woocommerce-account .woocommerce-address-fields__field-wrapper .select2-container .select2-selection--single,
body.woocommerce-checkout form .form-row select:not(.select2-hidden-accessible),
body.woocommerce-account .woocommerce-MyAccount-content form select:not(.select2-hidden-accessible) {
    align-items: center;
    background: #d6c08d !important;
    border: 0 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    box-sizing: border-box;
    color: #070d1f !important;
    font: 400 13px/1 'Josefin Sans', sans-serif !important;
    min-height: 50px;
    outline: 0 !important;
    transition: background .2s ease, box-shadow .2s ease, transform .2s ease !important;
}

body.woocommerce-checkout .select2-container .select2-selection__rendered,
body.woocommerce-account .woocommerce-EditAddressForm .select2-selection__rendered,
body.woocommerce-account .woocommerce-address-fields__field-wrapper .select2-selection__rendered {
    color: #070d1f !important;
    font: 400 13px/1 'Josefin Sans', sans-serif !important;
    opacity: 1 !important;
}

body.woocommerce-checkout .select2-container .select2-selection__arrow b,
body.woocommerce-account .woocommerce-MyAccount-content .select2-selection__arrow b {
    border-color: #070d1f transparent transparent !important;
}

body.woocommerce-checkout .select2-container--focus .select2-selection--single,
body.woocommerce-checkout .select2-container--open .select2-selection--single,
body.woocommerce-account .woocommerce-MyAccount-content .select2-container--focus .select2-selection--single,
body.woocommerce-account .woocommerce-MyAccount-content .select2-container--open .select2-selection--single,
body.woocommerce-checkout form .form-row select:not(.select2-hidden-accessible):focus,
body.woocommerce-account .woocommerce-MyAccount-content form select:not(.select2-hidden-accessible):focus {
    background: #fff4de !important;
    box-shadow: 0 10px 22px rgba(7, 13, 31, .20) !important;
    transform: translateY(-1px);
}

/* The Orders Action menu is the same picker as Category and Size.  It must not
   inherit the solid primary-button paint applied to actual form submissions. */
body .velloro-admin-portal__table .velloro-admin-status-picker > div button {
    background: transparent !important;
    border: 0 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    color: #fff4de !important;
    transform: none !important;
}

body .velloro-admin-portal__table .velloro-admin-status-picker > div button:hover,
body .velloro-admin-portal__table .velloro-admin-status-picker > div button:focus-visible {
    background: #d6c08d !important;
    color: #070d1f !important;
    outline: 0 !important;
}

body .velloro-admin-portal__table .velloro-admin-status-picker > div button.is-current {
    background: rgba(214, 192, 141, .16) !important;
    color: #d6c08d !important;
}

/* SelectWoo wraps its label in a second element.  Remove any browser outline
   from that inner label so the gold focus treatment belongs to the full field. */
body.woocommerce-checkout .select2-selection__rendered,
body.woocommerce-account .woocommerce-MyAccount-content .select2-selection__rendered {
    box-shadow: none !important;
    outline: 0 !important;
}

/* Order received — turn WooCommerce's default confirmation into a VELLORO
   receipt: one calm introduction, then a composed order card. */
body.woocommerce-order-received .woocommerce-order {
    color: #fff4de;
    margin: 0 auto;
    max-width: 980px;
    padding: clamp(38px, 6vw, 76px) 0 clamp(55px, 8vw, 100px);
}

body.woocommerce-order-received .woocommerce-thankyou-order-received {
    color: #fff4de;
    font: 400 clamp(44px, 5.5vw, 74px)/.92 'Cormorant Garamond', serif;
    letter-spacing: -.04em;
    margin: 0 0 19px;
}

body.woocommerce-order-received .woocommerce-thankyou-order-received::after {
    color: #d6c08d;
    content: 'Your fragrance is being prepared.';
    display: block;
    font: 400 10px/1.6 'Josefin Sans', sans-serif;
    letter-spacing: .16em;
    margin-top: 19px;
    text-transform: uppercase;
}

body.woocommerce-order-received ul.woocommerce-thankyou-order-details {
    background: rgba(214, 192, 141, .08);
    border: 1px solid rgba(214, 192, 141, .36);
    border-radius: 14px;
    display: grid;
    gap: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    list-style: none;
    margin: 36px 0 42px;
    overflow: hidden;
    padding: 0;
}

body.woocommerce-order-received ul.woocommerce-thankyou-order-details li {
    border: 0;
    border-right: 1px solid rgba(214, 192, 141, .28);
    color: #d6c08d;
    float: none;
    font: 500 9px/1.4 'Josefin Sans', sans-serif;
    letter-spacing: .15em;
    margin: 0;
    min-height: 96px;
    padding: 23px 22px 18px;
    text-transform: uppercase;
    width: auto;
}

body.woocommerce-order-received ul.woocommerce-thankyou-order-details li:last-child { border-right: 0; }

body.woocommerce-order-received ul.woocommerce-thankyou-order-details li strong {
    color: #fff4de;
    display: block;
    font: 400 18px/1.25 'Cormorant Garamond', serif;
    letter-spacing: 0;
    margin-top: 10px;
    overflow-wrap: anywhere;
    text-transform: none;
}

body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details,
body.woocommerce-order-received .woocommerce-bacs-bank-details {
    background: rgba(214, 192, 141, .08);
    border: 1px solid rgba(214, 192, 141, .36);
    border-radius: 14px;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .12);
    margin: 22px 0 0;
    padding: clamp(22px, 3vw, 34px);
}

body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-customer-details h2,
body.woocommerce-order-received .woocommerce-bacs-bank-details h2 {
    color: #fff4de;
    font: 400 clamp(36px, 4vw, 52px)/.95 'Cormorant Garamond', serif;
    letter-spacing: -.035em;
    margin: 0 0 25px;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table {
    border: 1px solid rgba(214, 192, 141, .42) !important;
    border-collapse: collapse;
    border-radius: 0 !important;
    color: #fff4de;
    font: 400 12px/1.45 'Josefin Sans', sans-serif;
    margin: 0;
    overflow: hidden;
    width: 100%;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table th,
body.woocommerce-order-received .woocommerce-order-details table.shop_table td {
    border-color: rgba(214, 192, 141, .32) !important;
    padding: 17px 18px;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table thead th,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tfoot th {
    color: #d6c08d;
    font: 500 9px/1.2 'Josefin Sans', sans-serif;
    letter-spacing: .15em;
    text-transform: uppercase;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table a,
body.woocommerce-order-received .woocommerce-customer-details address {
    color: #fff4de;
}

body.woocommerce-order-received .woocommerce-customer-details address {
    border: 0;
    border-radius: 0;
    font: 400 13px/1.8 'Josefin Sans', sans-serif;
    margin: 0;
    padding: 0;
}

body.woocommerce-order-received .woocommerce-customer-details address p {
    color: #d6c08d;
    margin: 12px 0 0;
}

body.woocommerce-order-received .woocommerce-bacs-bank-details > p,
body.woocommerce-order-received .woocommerce-order > p {
    color: rgba(255, 244, 222, .82);
    font: 400 13px/1.7 'Josefin Sans', sans-serif;
}

@media (max-width: 760px) {
    body.woocommerce-order-received ul.woocommerce-thankyou-order-details { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.woocommerce-order-received ul.woocommerce-thankyou-order-details li:nth-child(2) { border-right: 0; }
    body.woocommerce-order-received ul.woocommerce-thankyou-order-details li:nth-child(-n + 2) { border-bottom: 1px solid rgba(214, 192, 141, .28); }
    body.woocommerce-order-received .woocommerce-order-details table.shop_table th,
    body.woocommerce-order-received .woocommerce-order-details table.shop_table td { padding: 13px 11px; }
}

/* Keep the confirmation page deliberately open.  The store uses fine rules and
   generous breathing room; it is not an invoice dashboard. */
body.woocommerce-order-received .woocommerce-order {
    max-width: 1080px;
    padding-top: clamp(44px, 7vw, 92px);
}

body.woocommerce-order-received .woocommerce-thankyou-order-received {
    font-size: clamp(54px, 6.5vw, 86px);
    margin-bottom: 14px;
}

body.woocommerce-order-received .woocommerce-thankyou-order-received::after {
    font-size: 9px;
    margin-top: 16px;
}

body.woocommerce-order-received ul.woocommerce-thankyou-order-details {
    background: transparent;
    border: 0;
    border-bottom: 1px solid rgba(214, 192, 141, .35);
    border-radius: 0;
    border-top: 1px solid rgba(214, 192, 141, .35);
    margin: 42px 0 56px;
    overflow: visible;
}

body.woocommerce-order-received ul.woocommerce-thankyou-order-details li {
    min-height: 84px;
    padding: 19px 20px;
}

body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details,
body.woocommerce-order-received .woocommerce-bacs-bank-details {
    background: transparent;
    border: 0;
    border-radius: 0;
    border-top: 1px solid rgba(214, 192, 141, .35);
    box-shadow: none;
    margin-top: 46px;
    padding: 36px 0 0;
}

body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-customer-details h2,
body.woocommerce-order-received .woocommerce-bacs-bank-details h2 {
    font-size: clamp(42px, 4.5vw, 60px);
    margin-bottom: 30px;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table {
    border-left: 0 !important;
    border-right: 0 !important;
}

body.woocommerce-order-received .woocommerce-customer-details address {
    color: rgba(255, 244, 222, .82);
    max-width: 410px;
}

/* The confirmation follows the same card composition as Bag: one overview
   card, followed by two balanced detail cards. */
body.woocommerce-order-received .woocommerce-order {
    display: grid;
    gap: 22px;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, .85fr);
}

body.woocommerce-order-received .woocommerce-thankyou-order-received,
body.woocommerce-order-received ul.woocommerce-thankyou-order-details {
    grid-column: 1 / -1;
}

body.woocommerce-order-received ul.woocommerce-thankyou-order-details,
body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details,
body.woocommerce-order-received .woocommerce-bacs-bank-details {
    background: rgba(214, 192, 141, .08);
    border: 0;
    border-radius: 14px;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .15);
}

body.woocommerce-order-received ul.woocommerce-thankyou-order-details {
    border: 0;
    margin: 16px 0 16px;
    overflow: hidden;
}

body.woocommerce-order-received ul.woocommerce-thankyou-order-details li {
    min-height: 100px;
    padding: 25px 24px 20px;
}

body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details,
body.woocommerce-order-received .woocommerce-bacs-bank-details {
    border: 0;
    margin: 0;
    padding: clamp(24px, 3vw, 34px);
}

body.woocommerce-order-received .woocommerce-order-details { grid-column: 1; }
body.woocommerce-order-received .woocommerce-customer-details { grid-column: 2; }
body.woocommerce-order-received .woocommerce-bacs-bank-details { grid-column: 1 / -1; }

body.woocommerce-order-received .woocommerce-order-details table.shop_table {
    border: 0 !important;
    border-radius: 0 !important;
}

body.woocommerce-order-received .woocommerce-order-details table.shop_table tr:first-child th,
body.woocommerce-order-received .woocommerce-order-details table.shop_table tr:first-child td { border-top: 0 !important; }

body.woocommerce-order-received .woocommerce-order-details table.shop_table th:first-child,
body.woocommerce-order-received .woocommerce-order-details table.shop_table td:first-child { padding-left: 0; }

body.woocommerce-order-received .woocommerce-order-details table.shop_table th:last-child,
body.woocommerce-order-received .woocommerce-order-details table.shop_table td:last-child { padding-right: 0; }

@media (max-width: 760px) {
    body.woocommerce-order-received .woocommerce-order { display: grid; gap: 16px; grid-template-columns: 1fr; }
    body.woocommerce-order-received .woocommerce-order-details,
    body.woocommerce-order-received .woocommerce-customer-details,
    body.woocommerce-order-received .woocommerce-bacs-bank-details { grid-column: 1; }
    body.woocommerce-order-received ul.woocommerce-thankyou-order-details { margin: 10px 0 16px; }
}

/* These two submit actions are primary VELLORO buttons too.  Create Product
   lives inside a grid wrapper, so it needs its own direct selector. */
body.woocommerce-checkout #payment #place_order,
body .velloro-admin-portal__product-form > .velloro-admin-portal__wide > button[type='submit'] {
    align-items: center !important;
    background: #d6c08d !important;
    border: 0 !important;
    border-radius: 9px !important;
    box-shadow: 0 10px 22px rgba(7, 13, 31, .22) !important;
    box-sizing: border-box !important;
    color: #070d1f !important;
    display: inline-flex !important;
    font: 500 10px/1 'Josefin Sans', sans-serif !important;
    justify-content: center !important;
    letter-spacing: .14em !important;
    min-height: 50px !important;
    padding: 0 20px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    transition: background .22s ease, box-shadow .22s ease, transform .22s ease !important;
}

body.woocommerce-checkout #payment #place_order { width: 100% !important; }

body.woocommerce-checkout #payment #place_order:hover,
body.woocommerce-checkout #payment #place_order:focus-visible,
body .velloro-admin-portal__product-form > .velloro-admin-portal__wide > button[type='submit']:hover,
body .velloro-admin-portal__product-form > .velloro-admin-portal__wide > button[type='submit']:focus-visible {
    background: #fff4de !important;
    box-shadow: 0 15px 28px rgba(7, 13, 31, .30) !important;
    color: #070d1f !important;
    outline: 0 !important;
    transform: translateY(-2px) !important;
}

body.woocommerce-checkout #payment #place_order:active,
body .velloro-admin-portal__product-form > .velloro-admin-portal__wide > button[type='submit']:active {
    transform: translateY(0) scale(.985) !important;
}

/* Empty Bag — a quiet VELLORO card, never an oversized WooCommerce message. */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block,
body.woocommerce-cart .woocommerce:has(.cart-empty) {
    background: rgba(214, 192, 141, .08);
    border: 0;
    border-radius: 14px;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .15);
    margin: clamp(32px, 6vw, 78px) auto;
    max-width: 720px;
    padding: clamp(30px, 5vw, 58px);
    text-align: center;
}

body.woocommerce-cart .wc-block-cart__empty-cart__title,
body.woocommerce-cart .woocommerce .cart-empty {
    color: #fff4de !important;
    font: 400 clamp(38px, 4.5vw, 58px)/.98 'Cormorant Garamond', serif !important;
    letter-spacing: -.035em;
    margin: 0 auto 14px !important;
    max-width: 460px;
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__description {
    color: rgba(255, 244, 222, .76);
    font: 400 13px/1.65 'Josefin Sans', sans-serif;
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-components-button,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-cart__submit-button,
body.woocommerce-cart .woocommerce .return-to-shop .button {
    align-items: center !important;
    background: #d6c08d !important;
    border: 0 !important;
    border-radius: 9px !important;
    box-shadow: 0 10px 22px rgba(7, 13, 31, .22) !important;
    color: #070d1f !important;
    display: inline-flex !important;
    font: 500 10px/1 'Josefin Sans', sans-serif !important;
    justify-content: center;
    letter-spacing: .14em;
    margin: 23px auto 0 !important;
    min-height: 50px;
    padding: 0 22px !important;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: background .22s ease, box-shadow .22s ease, transform .22s ease !important;
}

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-components-button:hover,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-components-button:focus-visible,
body.woocommerce-cart .woocommerce .return-to-shop .button:hover,
body.woocommerce-cart .woocommerce .return-to-shop .button:focus-visible {
    background: #fff4de !important;
    box-shadow: 0 15px 28px rgba(7, 13, 31, .30) !important;
    color: #070d1f !important;
    outline: 0 !important;
    transform: translateY(-2px);
}

@media (max-width: 760px) {
    body.woocommerce-cart .wp-block-woocommerce-empty-cart-block,
    body.woocommerce-cart .woocommerce:has(.cart-empty) { margin: 30px auto; padding: 34px 22px; }
    body.woocommerce-cart .wc-block-cart__empty-cart__title,
    body.woocommerce-cart .woocommerce .cart-empty { font-size: 42px !important; }
}

/* Header and menu search controls have visual wrappers.  Put the focus ring on
   those wrappers so it always frames the complete bar, never only its text. */
.velloro-header-search.is-open .velloro-header-search__form label,
.velloro-menu > .velloro-note-finder [data-note-search-panel] .velloro-note-finder__field {
    align-items: center;
    background: rgba(214, 192, 141, .14) !important;
    border: 0 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    box-sizing: border-box;
    display: flex;
    min-height: 50px;
    transition: background .2s ease, box-shadow .2s ease;
}

.velloro-header-search.is-open .velloro-header-search__form label {
    margin-right: 11px;
    width: 245px;
}

.velloro-header-search.is-open .velloro-header-search__form input[type='search'],
.velloro-menu > .velloro-note-finder [data-note-search-panel] .velloro-note-finder__field input[type='search'] {
    background: transparent !important;
    box-shadow: none !important;
    min-height: 50px !important;
    width: 100% !important;
}

.velloro-header-search.is-open .velloro-header-search__form label:focus-within,
.velloro-menu > .velloro-note-finder [data-note-search-panel] .velloro-note-finder__field:focus-within {
    background: rgba(214, 192, 141, .2) !important;
    box-shadow: inset 0 0 0 2px #d6c08d !important;
}

@media (max-width: 760px) {
    .velloro-header-search.is-open .velloro-header-search__form label { width: min(178px, calc(100vw - 175px)); }
}

/* Newsletter has one email field and one separate action — not a field inside
   another tinted field. */
.ve-footer form[data-newsletter-form] {
    align-items: center;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: flex;
    gap: 10px;
    padding: 0 !important;
}

.ve-footer form[data-newsletter-form] input[type='email'] {
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
}

.ve-footer form[data-newsletter-form] button[type='submit'] {
    flex: 0 0 auto;
    margin: 0 !important;
    min-height: 50px;
}

@media (max-width: 520px) {
    .ve-footer form[data-newsletter-form] { align-items: stretch; flex-direction: column; }
    .ve-footer form[data-newsletter-form] button[type='submit'] { width: 100%; }
}

/* Bag coupon is a compact paired control.  Keep its label completely legible
   without letting the field expand across the product card. */
body.woocommerce-cart .woocommerce-cart-form .coupon {
    align-items: center;
    display: flex !important;
    gap: 10px;
}

body.woocommerce-cart .woocommerce-cart-form .coupon input.input-text {
    flex: 0 0 132px !important;
    font-size: 10px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    width: 132px !important;
}

body.woocommerce-cart .woocommerce-cart-form .coupon button.button[name='apply_coupon'] {
    flex: 0 0 auto !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    width: auto !important;
}

@media (max-width: 520px) {
    body.woocommerce-cart .woocommerce-cart-form .coupon { flex-wrap: wrap; }
    body.woocommerce-cart .woocommerce-cart-form .coupon input.input-text { flex-basis: min(100%, 180px) !important; }
}

/* The full Bag has no per-item X; removing remains available from the Bag
   drawer, where it is intentionally part of that compact interaction. */
body.woocommerce-cart .woocommerce-cart-form .product-remove {
    display: none !important;
}

/* Empty Bag is structurally the same page as empty Wishlist.  The composed
   Bag card is for actual products only, so it cannot wrap the empty state. */
body.woocommerce-cart .velloro-entry__content > .woocommerce:has(.velloro-empty-bag) {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: block !important;
    overflow: visible !important;
}

/* Account Details fields use the literal Add Product field treatment.  These
   selectors deliberately outrank older account-only rules. */
body.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm input.input-text,
body.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm input[type='email'],
body.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm input[type='password'] {
    -webkit-text-fill-color: #fff4de !important;
    background: rgba(214, 192, 141, .14) !important;
    border: 0 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: #fff4de !important;
    display: block !important;
    font: 400 13px 'Josefin Sans', sans-serif !important;
    min-height: 50px !important;
    outline: 0 !important;
    padding: 0 14px !important;
    transition: background .2s ease, box-shadow .2s ease !important;
    width: 100% !important;
}

body.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm input::placeholder {
    -webkit-text-fill-color: rgba(255, 244, 222, .55) !important;
    color: rgba(255, 244, 222, .55) !important;
    opacity: 1 !important;
}

body.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-EditAccountForm input:focus {
    background: rgba(214, 192, 141, .2) !important;
    box-shadow: 0 0 0 2px #d6c08d !important;
}

/* Admin portal navigation is made of real primary actions, matching the
   dashboard's "View all" control rather than looking like secondary tabs. */
body .velloro-admin-portal__nav > a {
    background: #d6c08d !important;
    box-shadow: 0 9px 20px rgba(7, 13, 31, .18) !important;
    color: #070d1f !important;
}

body .velloro-admin-portal__nav > a:hover,
body .velloro-admin-portal__nav > a:focus-visible {
    background: #fff4de !important;
    box-shadow: 0 13px 25px rgba(7, 13, 31, .25) !important;
    color: #070d1f !important;
    outline: 0;
    transform: translateY(-2px);
}

/* Keep the destination the admin is currently viewing apparent at a glance. */
body .velloro-admin-portal__nav > a.is-active {
    background: #fff4de !important;
    box-shadow: inset 0 0 0 1px rgba(214, 192, 141, .62), 0 9px 20px rgba(7, 13, 31, .18) !important;
    color: #070d1f !important;
}

/* Header search is intentionally compact: one clean field beside its icon.
   The focus treatment belongs to the complete field, not the placeholder. */
body .velloro-header-search.is-open {
    align-items: center;
    gap: 8px;
}

body .velloro-header-search.is-open .velloro-header-search__form {
    margin: 0 !important;
    max-width: 184px !important;
}

body .velloro-header-search.is-open .velloro-header-search__form label {
    background: rgba(214, 192, 141, .14) !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    height: 40px !important;
    margin: 0 !important;
    min-height: 40px !important;
    overflow: visible;
    width: 184px !important;
}

body .velloro-header-search.is-open .velloro-header-search__form input[type='search'],
body .velloro-header-search.is-open .velloro-header-search__form input[type='search']:focus {
    -webkit-text-fill-color: #fff4de !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #fff4de !important;
    font: 400 10px/1 'Josefin Sans', sans-serif !important;
    height: 40px !important;
    letter-spacing: .07em;
    min-height: 40px !important;
    outline: 0;
    padding: 0 12px !important;
}

body .velloro-header-search.is-open .velloro-header-search__form input[type='search']::placeholder {
    -webkit-text-fill-color: rgba(255, 244, 222, .56) !important;
    color: rgba(255, 244, 222, .56) !important;
}

body .velloro-header-search.is-open .velloro-header-search__form label:focus-within {
    background: rgba(214, 192, 141, .2) !important;
    box-shadow: 0 0 0 2px #d6c08d !important;
}

@media (max-width: 760px) {
    body .velloro-header-search.is-open .velloro-header-search__form { max-width: min(156px, calc(100vw - 170px)) !important; }
    body .velloro-header-search.is-open .velloro-header-search__form label { width: min(156px, calc(100vw - 170px)) !important; }
}

/* Find your VELLORO uses the same compact search scale as the header. */
body .velloro-menu > .velloro-note-finder [data-note-search-panel].is-open {
    max-width: 184px !important;
    width: 184px !important;
}

body .velloro-menu > .velloro-note-finder [data-note-search-panel] .velloro-note-finder__field {
    background: rgba(214, 192, 141, .14) !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    gap: 6px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 4px 4px 4px 12px !important;
}

body .velloro-menu > .velloro-note-finder [data-note-search-panel] .velloro-note-finder__field input[type='search'],
body .velloro-menu > .velloro-note-finder [data-note-search-panel] .velloro-note-finder__field input[type='search']:focus {
    -webkit-text-fill-color: #fff4de !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #fff4de !important;
    font: 400 10px/1 'Josefin Sans', sans-serif !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
}

body .velloro-menu > .velloro-note-finder [data-note-search-panel] .velloro-note-finder__field button[type='submit'] {
    background: #d6c08d !important;
    border-radius: 6px !important;
    color: #070d1f !important;
    flex: 0 0 42px !important;
    font-size: 8px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
}

body .velloro-menu > .velloro-note-finder [data-note-search-panel] .velloro-note-finder__field button[type='submit']:hover,
body .velloro-menu > .velloro-note-finder [data-note-search-panel] .velloro-note-finder__field button[type='submit']:focus-visible {
    background: #fff4de !important;
    box-shadow: 0 8px 18px rgba(7, 13, 31, .22) !important;
}

body .velloro-menu > .velloro-note-finder [data-note-search-panel] .velloro-note-finder__field:focus-within {
    background: rgba(214, 192, 141, .2) !important;
    box-shadow: 0 0 0 2px #d6c08d !important;
}

@media (max-width: 520px) {
    body .velloro-menu > .velloro-note-finder [data-note-search-panel].is-open {
        max-width: min(184px, 100%) !important;
        width: min(184px, 100%) !important;
    }
}

/* WooCommerce's password visibility control belongs to the gold input system. */
body.woocommerce-account .password-input .show-password-input,
body.woocommerce-checkout .password-input .show-password-input,
body.woocommerce-lost-password .password-input .show-password-input {
    color: #d6c08d !important;
}

body.woocommerce-account .password-input .show-password-input::after,
body.woocommerce-checkout .password-input .show-password-input::after,
body.woocommerce-lost-password .password-input .show-password-input::after {
    color: #d6c08d !important;
}

/* Browser autofill must never replace VELLORO's dark field treatment with the
   default white/yellow fill.  This also keeps pasted saved credentials legible. */
html body input:-webkit-autofill,
html body input:-webkit-autofill:hover,
html body input:-webkit-autofill:focus,
html body textarea:-webkit-autofill,
html body textarea:-webkit-autofill:hover,
html body textarea:-webkit-autofill:focus,
html body input:autofill,
html body textarea:autofill {
    -webkit-box-shadow: 0 0 0 1000px #25262f inset !important;
    -webkit-text-fill-color: #fff4de !important;
    background-clip: padding-box !important;
    caret-color: #fff4de !important;
    color: #fff4de !important;
}

html body input:-webkit-autofill:focus,
html body textarea:-webkit-autofill:focus,
html body input:autofill:focus,
html body textarea:autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #25262f inset, 0 0 0 2px #d6c08d !important;
}

html body input:-moz-autofill,
html body textarea:-moz-autofill {
    background-color: #242438 !important;
    box-shadow: 0 0 0 1000px #242438 inset !important;
    caret-color: #fff4de !important;
    color: #fff4de !important;
}

/* Chrome may otherwise paint a separate light autofill layer above the field.
   The inset surface below exactly matches VELLORO's normal field material. */
html body input:-webkit-autofill,
html body input:-webkit-autofill:hover,
html body input:-webkit-autofill:focus,
html body textarea:-webkit-autofill,
html body textarea:-webkit-autofill:hover,
html body textarea:-webkit-autofill:focus {
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important;
    transition: background-color 9999s ease-out 0s, color 9999s ease-out 0s !important;
}

/* A saved browser value is still VELLORO copy once it enters a field. */
html body input:-webkit-autofill,
html body input:-webkit-autofill:hover,
html body input:-webkit-autofill:focus,
html body textarea:-webkit-autofill,
html body textarea:-webkit-autofill:hover,
html body textarea:-webkit-autofill:focus {
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
}

/* This tiny animation has no visual effect.  It lets the storefront detect
   Chrome's late autofill paint, which does not always dispatch an input event. */
@keyframes velloro-autofill-start {
    from { outline-color: transparent; }
    to { outline-color: transparent; }
}

html body input:-webkit-autofill,
html body textarea:-webkit-autofill {
    animation-duration: .01s !important;
    animation-iteration-count: 1 !important;
    animation-name: velloro-autofill-start !important;
}

/* WooCommerce paints its eye as an embedded black SVG on ::before, so colour
   alone cannot affect it.  Replace both visibility states with gold artwork. */
body .password-input .show-password-input::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M2 2l16 16M1.3 10c1.8-3.1 4.8-5 8.7-5 1.1 0 2.2.2 3.2.6M18.7 10c-1.8 3.1-4.8 5-8.7 5-1.1 0-2.2-.2-3.2-.6' fill='none' stroke='%23d6c08d' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.65'/%3E%3Ccircle cx='10' cy='10' r='2.35' fill='%23d6c08d'/%3E%3C/svg%3E") !important;
    filter: none !important;
}

body .password-input .show-password-input.display-password::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M1.2 10s3.2-5 8.8-5 8.8 5 8.8 5-3.2 5-8.8 5-8.8-5-8.8-5Z' fill='none' stroke='%23d6c08d' stroke-linejoin='round' stroke-width='1.65'/%3E%3Ccircle cx='10' cy='10' r='2.45' fill='%23d6c08d'/%3E%3C/svg%3E") !important;
    filter: none !important;
}

/* The header form originally clipped its own focus ring while expanding.
   Give the search one fixed, unbroken frame beside the search icon. */
body .velloro-header-search.is-open .velloro-header-search__form {
    display: block !important;
    flex: 0 0 184px !important;
    max-width: 184px !important;
    overflow: visible !important;
    width: 184px !important;
}

body .velloro-header-search.is-open .velloro-header-search__form label {
    border: 1px solid rgba(214, 192, 141, .45) !important;
    box-sizing: border-box !important;
}

body .velloro-header-search.is-open .velloro-header-search__form label:focus-within {
    border-color: #d6c08d !important;
    box-shadow: 0 0 0 1px #d6c08d !important;
}

@media (max-width: 760px) {
    body .velloro-header-search.is-open .velloro-header-search__form {
        flex-basis: min(156px, calc(100vw - 170px)) !important;
        max-width: min(156px, calc(100vw - 170px)) !important;
        width: min(156px, calc(100vw - 170px)) !important;
    }
}

/* Description keeps normal writing padding once used, while its empty hint is
   centered precisely within the larger field. */
body .velloro-admin-portal__product-form textarea[name='velloro_product_description'] {
    height: 132px !important;
    line-height: 1.5 !important;
    padding: 14px !important;
}

body .velloro-admin-portal__product-form textarea[name='velloro_product_description']:placeholder-shown {
    padding-top: 56px !important;
}

/* The Bag quantity is a gold counter by design, not a standard text field. */
body.woocommerce-cart .woocommerce-cart-form .velloro-cart-quantity input.qty,
body.woocommerce-cart .woocommerce-cart-form .velloro-cart-quantity input.qty.velloro-value-entered {
    -webkit-text-fill-color: #070d1f !important;
    background: #d6c08d !important;
    box-shadow: 0 8px 18px rgba(7, 13, 31, .2) !important;
    caret-color: #070d1f !important;
    color: #070d1f !important;
}

/* Bag totals has one quiet gold divider between the subtotal and final total. */
body.woocommerce-cart .cart-collaterals .cart_totals tr.cart-subtotal > th,
body.woocommerce-cart .cart-collaterals .cart_totals tr.cart-subtotal > td {
    border-bottom: 1px solid rgba(214, 192, 141, .72) !important;
}

body.woocommerce-cart .cart-collaterals .cart_totals tr.order-total > th,
body.woocommerce-cart .cart-collaterals .cart_totals tr.order-total > td {
    border-top: 0 !important;
}

/* Customer Addresses is one composed VELLORO form experience: the same dark
   surface, labels, gold focus and primary action language as Add Product. */
body.woocommerce-account .woocommerce-MyAccount-content .velloro-addresses-stack {
    gap: 30px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-address-form {
    background: rgba(214, 192, 141, .06) !important;
    border: 1px solid rgba(214, 192, 141, .34) !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 42px rgba(7, 13, 31, .18) !important;
    box-sizing: border-box;
    margin: 0 !important;
    padding: clamp(22px, 3vw, 32px) !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-address-form__header {
    border-bottom: 1px solid rgba(214, 192, 141, .42);
    margin: 0 0 24px;
    padding: 0 0 18px;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-address-form__header p {
    color: #d6c08d;
    font: 500 9px/1 'Josefin Sans', sans-serif;
    letter-spacing: .16em;
    margin: 0 0 11px;
    text-transform: uppercase;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-address-form__header h2 {
    color: #fff4de;
    font: 400 clamp(36px, 4vw, 48px)/.95 'Cormorant Garamond', serif;
    margin: 0;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-address-form .woocommerce-address-fields__field-wrapper {
    gap: 17px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-address-form .form-row label {
    color: #d6c08d;
    font: 500 9px/1.2 'Josefin Sans', sans-serif;
    letter-spacing: .13em;
    margin-bottom: 8px;
    text-transform: uppercase;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-address-form input.input-text {
    -webkit-text-fill-color: #fff4de !important;
    background: rgba(214, 192, 141, .14) !important;
    border: 0 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    color: #fff4de !important;
    font: 400 13px 'Josefin Sans', sans-serif !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-address-form input.input-text:focus {
    background: rgba(214, 192, 141, .2) !important;
    box-shadow: 0 0 0 2px #d6c08d !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-address-form input.input-text::placeholder {
    -webkit-text-fill-color: rgba(255, 244, 222, .55) !important;
    color: rgba(255, 244, 222, .55) !important;
    opacity: 1;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-address-form .woocommerce-address-fields > p {
    margin: 24px 0 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-address-form .button {
    background: #d6c08d !important;
    border: 0 !important;
    border-radius: 9px !important;
    box-shadow: 0 10px 22px rgba(7, 13, 31, .22) !important;
    color: #070d1f !important;
    min-height: 48px !important;
    padding: 0 20px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-address-form .button:hover,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-address-form .button:focus-visible {
    background: #fff4de !important;
    box-shadow: 0 15px 28px rgba(7, 13, 31, .30) !important;
    outline: 0;
    transform: translateY(-2px);
}

/* WooCommerce adds its own button classes to Save Address.  Target that
   concrete control too, so it cannot fall back to cream in its resting state. */
body.woocommerce-account .woocommerce-MyAccount-content .velloro-address-form button.button[name='save_address'] {
    background: #d6c08d !important;
    color: #070d1f !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-address-form button.button[name='save_address']:hover,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-address-form button.button[name='save_address']:focus-visible {
    background: #fff4de !important;
    color: #070d1f !important;
}

@media (max-width: 680px) {
    body.woocommerce-account .woocommerce-MyAccount-content .velloro-address-form {
        padding: 22px 18px !important;
    }
}

/* Billing is the second form on the unified Addresses screen, but it is not a
   secondary experience.  Keep every part of it on the identical form system. */
body.woocommerce-account .woocommerce-MyAccount-content form.velloro-address-form--billing {
    background: rgba(214, 192, 141, .06) !important;
    border: 1px solid rgba(214, 192, 141, .34) !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 42px rgba(7, 13, 31, .18) !important;
    display: block !important;
    padding: clamp(22px, 3vw, 32px) !important;
}

body.woocommerce-account .woocommerce-MyAccount-content form.velloro-address-form--billing .woocommerce-address-fields__field-wrapper {
    display: grid !important;
    gap: 17px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.woocommerce-account .woocommerce-MyAccount-content form.velloro-address-form--billing .form-row-wide {
    grid-column: 1 / -1 !important;
}

/* Billing text fields are literal Add Product fields—not the old gold-filled
   account controls. */
body.woocommerce-account .woocommerce-MyAccount-content form.velloro-address-form--billing input.input-text,
body.woocommerce-account .woocommerce-MyAccount-content form.velloro-address-form--billing textarea {
    -webkit-text-fill-color: #fff4de !important;
    background: rgba(214, 192, 141, .14) !important;
    border: 0 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    caret-color: #fff4de !important;
    color: #fff4de !important;
    font: 400 13px 'Josefin Sans', sans-serif !important;
    min-height: 50px !important;
    padding: 0 14px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content form.velloro-address-form--billing textarea {
    padding: 14px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content form.velloro-address-form--billing input.input-text::placeholder,
body.woocommerce-account .woocommerce-MyAccount-content form.velloro-address-form--billing textarea::placeholder {
    -webkit-text-fill-color: rgba(255, 244, 222, .55) !important;
    color: rgba(255, 244, 222, .55) !important;
    opacity: 1 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content form.velloro-address-form--billing input.input-text:focus,
body.woocommerce-account .woocommerce-MyAccount-content form.velloro-address-form--billing textarea:focus {
    background: rgba(214, 192, 141, .2) !important;
    box-shadow: 0 0 0 2px #d6c08d !important;
    outline: 0 !important;
}

/* Account Details shares the identical entry-field system, including saved
   names and email values that WooCommerce pre-fills on arrival. */
body.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm input.input-text,
body.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm input[type='email'],
body.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm input[type='password'] {
    -webkit-text-fill-color: #fff4de !important;
    background: rgba(214, 192, 141, .14) !important;
    border: 0 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    caret-color: #fff4de !important;
    color: #fff4de !important;
    font: 400 13px 'Josefin Sans', sans-serif !important;
    min-height: 50px !important;
    padding: 0 14px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm input::placeholder {
    -webkit-text-fill-color: rgba(255, 244, 222, .55) !important;
    color: rgba(255, 244, 222, .55) !important;
    opacity: 1 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm input:focus {
    background: rgba(214, 192, 141, .2) !important;
    box-shadow: 0 0 0 2px #d6c08d !important;
    outline: 0 !important;
}

/* Account Details gets the same fine gold form frame as the Shipping and
   Billing forms, while its existing field layout remains untouched. */
body.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm {
    background: rgba(214, 192, 141, .06) !important;
    border: 1px solid rgba(214, 192, 141, .34) !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 42px rgba(7, 13, 31, .18) !important;
    padding: clamp(22px, 3vw, 32px) !important;
}

body.woocommerce-account .woocommerce-MyAccount-content form.velloro-address-form--billing .button {
    background: #d6c08d !important;
    color: #070d1f !important;
}

body.woocommerce-account .woocommerce-MyAccount-content form.velloro-address-form--billing .button:hover,
body.woocommerce-account .woocommerce-MyAccount-content form.velloro-address-form--billing .button:focus-visible {
    background: #fff4de !important;
    color: #070d1f !important;
}

@media (max-width: 680px) {
    body.woocommerce-account .woocommerce-MyAccount-content form.velloro-address-form--billing .woocommerce-address-fields__field-wrapper {
        grid-template-columns: 1fr !important;
    }
}

/* A customer order is a VELLORO receipt, not WooCommerce's default paragraph
   followed by loose table rows. */
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view {
    display: grid;
    gap: 22px;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view__hero,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view__updates,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-order-details,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-customer-details,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-bacs-bank-details {
    background: rgba(214, 192, 141, .06);
    border: 1px solid rgba(214, 192, 141, .34);
    border-radius: 16px;
    box-shadow: 0 18px 42px rgba(7, 13, 31, .18);
    box-sizing: border-box;
    margin: 0 !important;
    padding: clamp(22px, 3vw, 32px);
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view__hero > p,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view__updates > header > p {
    color: #d6c08d;
    font: 500 9px/1 'Josefin Sans', sans-serif;
    letter-spacing: .16em;
    margin: 0 0 12px;
    text-transform: uppercase;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view__hero h2,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view__updates h3,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-order-details__title,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-customer-details h2,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-bacs-bank-details h2 {
    color: #fff4de;
    font: 400 clamp(34px, 4vw, 48px)/.95 'Cormorant Garamond', serif;
    margin: 0;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view__meta {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 25px;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view__meta > span {
    background: rgba(214, 192, 141, .10);
    border-radius: 9px;
    display: grid;
    gap: 8px;
    padding: 14px;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view__meta small {
    color: #d6c08d;
    font: 500 8px/1 'Josefin Sans', sans-serif;
    letter-spacing: .14em;
    text-transform: uppercase;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view__meta strong {
    color: #fff4de;
    font: 400 13px/1.35 'Josefin Sans', sans-serif;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-order-details > h2,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-customer-details > h2,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-bacs-bank-details > h2 {
    border-bottom: 1px solid rgba(214, 192, 141, .42);
    margin-bottom: 22px;
    padding-bottom: 17px;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view table.shop_table {
    border: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    color: #fff4de;
    margin: 0 !important;
    width: 100%;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view table.shop_table th,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view table.shop_table td {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(214, 192, 141, .25) !important;
    color: #fff4de;
    font: 400 12px/1.45 'Josefin Sans', sans-serif;
    padding: 14px 0 !important;
    text-align: left;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view table.shop_table th {
    color: #d6c08d;
    font-size: 9px;
    letter-spacing: .12em;
    text-transform: uppercase;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view table.shop_table tfoot tr:last-child th,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view table.shop_table tfoot tr:last-child td {
    border-bottom: 0 !important;
    color: #d6c08d;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view table.shop_table a {
    color: #fff4de;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-customer-details address {
    color: #fff4de;
    font: 400 13px/1.7 'Josefin Sans', sans-serif;
    margin: 0;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-OrderUpdates {
    display: grid;
    gap: 10px;
    list-style: none;
    margin: 22px 0 0;
    padding: 0;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-OrderUpdate {
    background: rgba(214, 192, 141, .10);
    border-radius: 9px;
    margin: 0;
    padding: 14px;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-OrderUpdate-meta {
    color: #d6c08d;
    font: 500 9px/1.35 'Josefin Sans', sans-serif;
    letter-spacing: .09em;
    margin: 0 0 8px;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-OrderUpdate-description,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-OrderUpdate-description p {
    color: #fff4de;
    font: 400 12px/1.55 'Josefin Sans', sans-serif;
    margin: 0;
}

/* Billing and Shipping inside an order are two real address cards.  Do not
   wrap both in one padded card and let WooCommerce's old floats collide. */
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-customer-details:has(.woocommerce-columns) {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-customer-details .woocommerce-columns--addresses {
    display: grid !important;
    gap: 22px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0 !important;
    width: 100%;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-customer-details .woocommerce-column--billing-address,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-customer-details .woocommerce-column--shipping-address {
    background: rgba(214, 192, 141, .06);
    border: 1px solid rgba(214, 192, 141, .34);
    border-radius: 16px;
    box-shadow: 0 18px 42px rgba(7, 13, 31, .18);
    box-sizing: border-box;
    float: none !important;
    margin: 0 !important;
    padding: clamp(22px, 3vw, 30px);
    width: auto !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-customer-details .woocommerce-column__title {
    border-bottom: 1px solid rgba(214, 192, 141, .42);
    color: #fff4de;
    font: 400 clamp(30px, 3vw, 40px)/.95 'Cormorant Garamond', serif;
    margin: 0 0 20px;
    padding: 0 0 15px;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-customer-details .woocommerce-column address {
    color: #fff4de;
    font: 400 13px/1.7 'Josefin Sans', sans-serif;
    margin: 0;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-customer-details .woocommerce-column address p {
    color: #d6c08d;
    margin: 9px 0 0;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-customer-details:not(:has(.woocommerce-columns)) {
    background: rgba(214, 192, 141, .06) !important;
    border: 1px solid rgba(214, 192, 141, .34) !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 42px rgba(7, 13, 31, .18) !important;
    padding: clamp(22px, 3vw, 30px) !important;
}

/* Keep the original single Order Address card.  Only the address copy inside
   it is refined; no secondary dark frames or separate nested cards. */
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-customer-details:has(.woocommerce-columns) {
    background: rgba(214, 192, 141, .06) !important;
    border: 1px solid rgba(214, 192, 141, .34) !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 42px rgba(7, 13, 31, .18) !important;
    padding: clamp(22px, 3vw, 32px) !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-customer-details .woocommerce-columns--addresses,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-customer-details .woocommerce-column--billing-address,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-customer-details .woocommerce-column--shipping-address {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-customer-details .woocommerce-column--billing-address,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-customer-details .woocommerce-column--shipping-address {
    padding: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-customer-details .woocommerce-column__title {
    border-bottom: 0 !important;
    color: #fff4de;
    font: 400 32px/1 'Cormorant Garamond', serif;
    margin: 0 0 15px;
    padding: 0;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-customer-details .woocommerce-column address {
    color: #fff4de;
    font: 400 13px/1.7 'Josefin Sans', sans-serif;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-customer-details .woocommerce-column address p {
    color: #d6c08d;
    font: 400 12px/1.55 'Josefin Sans', sans-serif;
}

/* The order address card has no field-like boxes inside it.  Billing and
   Shipping sit as two calm text columns within the existing outer card. */
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-customer-details .woocommerce-columns--addresses {
    grid-template-areas: 'billing shipping' !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-customer-details .woocommerce-column--billing-address {
    grid-area: billing;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-customer-details .woocommerce-column--shipping-address {
    grid-area: shipping;
}

body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-customer-details .woocommerce-column address {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* WooCommerce's Save Changes has its own account-form selector, so keep this
   actual submit action on the gold-to-cream VELLORO primary-button system. */
body.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm button.button[type='submit'],
body.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm button[name='save_account_details'] {
    background: #d6c08d !important;
    border: 0 !important;
    border-radius: 9px !important;
    box-shadow: 0 10px 22px rgba(7, 13, 31, .22) !important;
    color: #070d1f !important;
    min-height: 48px !important;
    padding: 0 20px !important;
}

body.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm button.button[type='submit']:hover,
body.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm button.button[type='submit']:focus-visible,
body.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm button[name='save_account_details']:hover,
body.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm button[name='save_account_details']:focus-visible {
    background: #fff4de !important;
    box-shadow: 0 15px 28px rgba(7, 13, 31, .30) !important;
    color: #070d1f !important;
    outline: 0;
    transform: translateY(-2px);
}

@media (max-width: 620px) {
    body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view__meta {
        grid-template-columns: 1fr;
    }

    body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-customer-details .woocommerce-columns--addresses {
        grid-template-columns: 1fr;
        grid-template-areas:
            'billing'
            'shipping' !important;
    }

    body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view__hero,
    body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view__updates,
    body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-order-details,
    body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-customer-details,
    body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-bacs-bank-details {
        padding: 22px 18px;
    }
}

/* Shared fine gold frame: applied only to the existing VELLORO cards. */
body.woocommerce-account .woocommerce-MyAccount-content .velloro-address-form,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view__hero,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view__updates,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-order-details,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-customer-details,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-bacs-bank-details,
body.woocommerce-order-received ul.woocommerce-thankyou-order-details,
body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details,
body.woocommerce-order-received .woocommerce-bacs-bank-details,
body .velloro-admin-portal__surface:has(.velloro-admin-portal__product-form) {
    border: 1px solid rgba(214, 192, 141, .34) !important;
}

/* One shared fine gold frame for every existing VELLORO card surface. */
body.single-product div.product div.images,
body.single-product div.product div.summary.entry-summary,
body.woocommerce-cart .velloro-entry__content > .woocommerce,
body.woocommerce-shop .vl-shop-intro,
body.woocommerce ul.products li.product,
body.woocommerce-checkout .col2-set,
body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout #order_review,
body.woocommerce-account #customer_login .u-column1,
body.woocommerce-account #customer_login .u-column2,
body.woocommerce-account #customer_login .col-1,
body.woocommerce-account #customer_login .col-2,
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-account .velloro-account-welcome,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address,
body.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm,
body.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm fieldset,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-address-form,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view__hero,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view__updates,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-order-details,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-customer-details,
body.woocommerce-account .woocommerce-MyAccount-content .velloro-order-view .woocommerce-bacs-bank-details,
body.woocommerce-order-received ul.woocommerce-thankyou-order-details,
body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details,
body.woocommerce-order-received .woocommerce-bacs-bank-details,
body .velloro-admin-portal__stats article,
body .velloro-admin-portal__surface,
body .velloro-admin-portal__products article,
body .velloro-spin__panel {
    border: 1px solid rgba(214, 192, 141, .34) !important;
}

/* Checkout's two stacked pieces remain one continuous card. */
body.woocommerce-checkout #order_review_heading {
    border-bottom: 0 !important;
}

body.woocommerce-checkout #order_review {
    border-top: 0 !important;
}

/* Footer wordmark uses the supplied VELLORO logo in place of the text line. */
.ve-footer__brand-wordmark {
    align-items: flex-end;
    display: flex;
    gap: 5px;
    margin: 12px 0 0;
    white-space: nowrap;
}

.ve-footer__brand-logo {
    display: block;
    height: auto;
    margin: 0;
    max-width: 100%;
    width: 350px;
}

.ve-footer__brand-wordmark > span {
    color: #fff4de;
    font: 400 clamp(50px, 6vw, 80px)/.58 'Cormorant Garamond', serif;
    transform: translateY(-8px);
}

/* The closing invitation is a VELLORO card too. */
body.home .vl-closing {
    border: 1px solid rgba(214, 192, 141, .34) !important;
}

/* Home collection product cards use the same fine gold frame. */
body.home .vl-product-grid > article {
    border: 1px solid rgba(214, 192, 141, .34) !important;
}

/* Wishlist fragrance cards share the same fine gold frame. */
body .velloro-wishlist-page .products > li.product {
    border: 1px solid rgba(214, 192, 141, .34) !important;
}

/* Each mini-Bag fragrance is held inside the shared fine gold frame. */
.vi-cart-drawer .woocommerce-mini-cart-item {
    border: 1px solid rgba(214, 192, 141, .34) !important;
    border-radius: 12px !important;
    padding: 10px 30px 10px 12px !important;
}

/* Product management actions stay compact and use the established button language. */
.velloro-admin-portal__product-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.velloro-admin-portal__product-actions form {
    margin: 0;
}

.velloro-admin-portal__product-actions .velloro-admin-portal__delete {
    background: #070d1f;
    border: 1px solid rgba(214, 192, 141, .55);
    border-radius: 9px;
    box-shadow: none;
    color: #fff4de;
    cursor: pointer;
    font: 500 9px/1 'Josefin Sans', sans-serif;
    letter-spacing: .11em;
    min-height: 39px;
    padding: 0 13px;
    text-transform: uppercase;
    transition: background .22s ease, box-shadow .22s ease, color .22s ease, transform .22s ease;
}

.velloro-admin-portal__product-actions .velloro-admin-portal__delete:hover,
.velloro-admin-portal__product-actions .velloro-admin-portal__delete:focus-visible {
    background: #fff4de;
    box-shadow: 0 13px 24px rgba(7, 13, 31, .22);
    color: #070d1f;
    outline: 0;
    transform: translateY(-2px);
}

/* Product image uploads use the same dark field and gold-control language as Add Product. */
.velloro-admin-portal__product-form input[type='file'] {
    cursor: pointer;
    min-height: 50px;
    padding: 7px 10px;
}

.velloro-admin-portal__product-form input[type='file']::file-selector-button {
    background: #d6c08d;
    border: 0;
    border-radius: 6px;
    color: #070d1f;
    cursor: pointer;
    font: 500 9px/1 'Josefin Sans', sans-serif;
    letter-spacing: .1em;
    margin-right: 11px;
    padding: 11px 12px;
    text-transform: uppercase;
}

.velloro-admin-portal__product-form label small {
    color: rgba(255, 244, 222, .66);
    display: block;
    font: 400 10px/1.45 'Josefin Sans', sans-serif;
    letter-spacing: 0;
    margin-top: 6px;
    text-transform: none;
}

/* The site scrollbar belongs to the VELLORO palette instead of the browser default. */
html {
    scrollbar-color: #d6c08d #070d1f;
    scrollbar-width: thin;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    height: 10px;
    width: 10px;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    background: #070d1f;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    background: #d6c08d;
    border: 2px solid #070d1f;
    border-radius: 999px;
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
    background: #fff4de;
}

/* The announcement follows the header and keeps the original VELLORO palette. */
.velloro-announcement {
    background: #070d1f !important;
    border-color: rgba(214, 192, 141, .3) !important;
    color: #d6c08d !important;
    overflow: hidden;
    white-space: nowrap;
}

.velloro-announcement__track {
    align-items: center;
    animation: velloro-announcement-marquee 24s linear infinite;
    display: flex;
    width: max-content;
}

.velloro-announcement__message {
    display: block;
    flex: 0 0 auto;
    padding: 0 44px;
}

.velloro-announcement__message i {
    font-style: normal;
    margin: 0 12px;
}

@keyframes velloro-announcement-marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-25%); }
}

@media (prefers-reduced-motion: reduce) {
    .velloro-announcement__track { animation: none; }
}