/* Raneha × WooCommerce: product cards, product page, cart, checkout, My account, notices and forms
   in the Raneha look. Loaded after WooCommerce's own styles. */

/* ---------------------------------------------------------------- page frames */
.wc-main{padding-block:10px clamp(40px,6vw,70px)}
.page-main{padding-top:clamp(28px,4vw,48px)}
.page-heading{margin-bottom:clamp(20px,3vw,34px)}
.prose{max-width:760px;margin-inline:auto}
.prose p{margin:0 0 1em}
.prose h2,.prose h3{margin:1.4em 0 .5em}
.shop-head{display:flex;flex-direction:column;align-items:center;gap:18px;padding-block:clamp(24px,4vw,44px) 18px}
.result-line{margin:4px 0 14px}
.result-line .woocommerce-result-count{float:none;margin:0}
.woocommerce .woocommerce-breadcrumb{margin:0;padding-block:14px;color:var(--muted);font-size:14px}
.woocommerce .woocommerce-breadcrumb a{color:inherit;text-decoration:none}
.woocommerce .woocommerce-breadcrumb a:hover{color:var(--rose)}
.breadcrumb span[aria-hidden]{margin-inline:6px;opacity:.6}
.bn.flush{border-radius:0}
.hp{position:absolute!important;left:-9999px!important;height:1px;overflow:hidden}

/* ---------------------------------------------------------------- buttons */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,
.woocommerce-page a.button,.woocommerce-page button.button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--rose);color:var(--on-rose);border:0;border-radius:6px;
  padding:12px 22px;font:600 13px/1.2 var(--body);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .2s}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover{background:var(--rose-deep);color:var(--on-rose)}
.woocommerce a.button.disabled,.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled],
.woocommerce button.button.alt.disabled,.woocommerce button.button.alt:disabled{background:var(--rose);color:var(--on-rose);opacity:.5;padding:12px 22px}
.woocommerce a.button.loading::after,.woocommerce button.button.loading::after{top:auto;right:10px}
.woocommerce a.added_to_cart{display:none}       /* a toast says "Added to your cart. View cart" instead */
.btn.wa-ask{padding-block:12px}

/* ---------------------------------------------------------------- product grid & cards */
.woocommerce ul.products,.woocommerce-page ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
@media (max-width:1000px){.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
.woocommerce ul.products li.product.p-card,.woocommerce-page ul.products li.product.p-card{float:none;width:auto;margin:0;padding:0;text-align:left;clear:none}
.woocommerce ul.products li.product.p-card .img img{margin:0;width:100%;height:100%;object-fit:cover;box-shadow:none}
.woocommerce ul.products li.product.p-card .img img.fb{object-position:12% 50%}
.p-card .foot .button{padding:9px 14px;font-size:11.5px;margin:0!important}
.p-card .price,.woocommerce ul.products li.product .price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin:0;color:var(--cocoa);font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}
.woocommerce ul.products li.product .price del{color:var(--muted);font-weight:400;font-size:13.5px;opacity:1}
.woocommerce ul.products li.product .price ins{text-decoration:none;font-weight:600}
.woocommerce ul.products li.product .onsale{display:none}

/* ---------------------------------------------------------------- toolbar, ordering, search, pagination */
.toolbar .woocommerce-ordering{margin:0;float:none}
.woocommerce .woocommerce-ordering select,.woocommerce-ordering select{appearance:none;background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2386695F' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid var(--line);border-radius:8px;padding:10px 38px 10px 14px;font:15px var(--body);color:var(--cocoa)}
.woocommerce-product-search{display:flex;gap:8px;width:100%;max-width:560px}
.woocommerce-product-search input[type=search]{flex:1;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:12px 14px;font:16px var(--body);color:var(--cocoa)}
.woocommerce-product-search button{background:var(--rose);color:var(--on-rose);border:0;border-radius:6px;padding:0 20px;font:600 13px var(--body);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.woocommerce nav.woocommerce-pagination{margin-top:28px}
.woocommerce nav.woocommerce-pagination ul{border:0;display:flex;justify-content:center;gap:8px}
.woocommerce nav.woocommerce-pagination ul li{border:0;float:none}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{min-width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--cocoa);padding:0 10px}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--rose);border-color:var(--rose);color:var(--on-rose)}

/* ---------------------------------------------------------------- notices */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-notices-wrapper .woocommerce-message{
  background:var(--card);color:var(--cocoa);border:1px solid var(--line);border-top:3px solid var(--rose);border-radius:10px;padding:14px 18px 14px 48px;margin:0 0 20px;font-size:15px}
.woocommerce-message::before,.woocommerce-info::before{color:var(--rose);top:14px;left:18px}
.woocommerce-error{border-top-color:var(--error)}
.woocommerce-error::before{color:var(--error);top:14px;left:18px}
.woocommerce-message .button,.woocommerce-info .button{float:right;padding:8px 14px;font-size:11.5px}
.woocommerce-error li{margin:0}

/* ---------------------------------------------------------------- forms */
.woocommerce form .form-row{padding:0;margin:0 0 16px}
.woocommerce form .form-row label,.woocommerce-page form .form-row label{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1.6;margin-bottom:6px}
.woocommerce form .form-row label.checkbox,.woocommerce form .form-row label.woocommerce-form__label-for-checkbox,.woocommerce form label.check{text-transform:none;letter-spacing:0;font-weight:400;font-size:15px;display:flex;align-items:center;gap:10px}
.woocommerce form .form-row .required{color:var(--rose);text-decoration:none}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce-page form .form-row input.input-text,
.woocommerce form input.input-text,.woocommerce .quantity .qty,.woocommerce #coupon_code{
  background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:12px 14px;font:16px var(--body);color:var(--cocoa);line-height:1.4;box-shadow:none}
.woocommerce form .form-row textarea{min-height:100px}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus,.woocommerce .quantity .qty:focus{outline:none;border-color:var(--rose);box-shadow:0 0 0 3px var(--blush)}
.woocommerce form .form-row.woocommerce-invalid input.input-text,.woocommerce form .form-row.woocommerce-invalid select{border-color:var(--error)}
.woocommerce form .form-row.woocommerce-validated input.input-text{border-color:var(--line)}
.woocommerce .select2-container .select2-selection--single{height:auto;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:8px 6px}
.woocommerce .select2-container .select2-selection--single .select2-selection__arrow{top:8px;right:8px}
.select2-dropdown{border-color:var(--line)}
.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option--highlighted[data-selected]{background:var(--rose)}
.woocommerce .quantity .qty{width:72px;text-align:center;padding:11px 8px;margin:0}
.woocommerce form.login,.woocommerce form.register,.woocommerce form.checkout_coupon,.woocommerce form.lost_reset_password{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:clamp(18px,3vw,28px);margin:0 0 20px}
.woocommerce .password-input{display:block}
.woocommerce-privacy-policy-text{font-size:13px;color:var(--muted)}

/* ---------------------------------------------------------------- single product */
.woocommerce div.product{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,5vw,60px);align-items:start;position:relative;padding-top:6px}
.woocommerce div.product div.images,.woocommerce div.product div.summary,.woocommerce-page div.product div.images,.woocommerce-page div.product div.summary{float:none;width:auto;margin:0}
.woocommerce div.product .woocommerce-tabs,.woocommerce div.product .related,.woocommerce div.product .upsells{grid-column:1/-1}
@media (max-width:820px){.woocommerce div.product{grid-template-columns:minmax(0,1fr)}}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper,.woocommerce div.product div.images .flex-viewport{border-radius:12px;overflow:hidden;background:var(--blush);border:1px solid var(--line)}
.woocommerce div.product div.images .flex-control-thumbs{display:flex;gap:10px;margin-top:10px}
.woocommerce div.product div.images .flex-control-thumbs li{width:72px!important;float:none}
.woocommerce div.product div.images .flex-control-thumbs li img{border-radius:8px;opacity:.7;border:2px solid transparent}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,.woocommerce div.product div.images .flex-control-thumbs li img:hover{opacity:1;border-color:var(--rose)}
.woocommerce div.product div.images img{border-radius:0;width:100%}
.woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder{aspect-ratio:1/1;overflow:hidden;border-radius:12px;border:1px solid var(--line);background:var(--blush)}
.woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder img.fb{height:100%;object-fit:cover;object-position:12% 50%}
.woocommerce span.onsale{background:var(--rose);color:var(--on-rose);border-radius:999px;min-height:0;min-width:0;line-height:1;padding:7px 12px;font-size:12px;font-weight:600;letter-spacing:.08em;top:16px;left:16px;margin:0;text-transform:uppercase}
.woocommerce div.product div.summary{display:flex;flex-direction:column;gap:14px}
.woocommerce div.product div.summary > *{margin:0}
.woocommerce div.product .product_title{font-size:clamp(28px,3.4vw,38px);letter-spacing:.03em}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--cocoa);font-size:24px;font-weight:600;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}
.woocommerce div.product p.price del,.woocommerce div.product span.price del{color:var(--muted);font-size:17px;font-weight:400;opacity:1}
.woocommerce div.product p.price ins,.woocommerce div.product span.price ins{text-decoration:none}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--muted);font-size:16.5px}
.woocommerce div.product form.cart{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0}
.woocommerce div.product form.cart div.quantity{float:none;margin:0}
.woocommerce div.product form.cart::before,.woocommerce div.product form.cart::after{display:none}
.woocommerce div.product form.cart .button{float:none;padding-block:14px}
.woocommerce div.product form.cart.variations_form{display:block}
.woocommerce div.product form.cart .variations{margin:0 0 14px;border:0}
.woocommerce div.product form.cart .variations th,.woocommerce div.product form.cart .variations td{display:block;padding:0 0 6px;text-align:left;border:0;line-height:1.4}
.woocommerce div.product form.cart .variations label{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.woocommerce div.product form.cart .variations select{min-width:220px;max-width:100%;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:11px 14px;font:16px var(--body);color:var(--cocoa);margin:0}
.woocommerce div.product form.cart .reset_variations{font-size:13px;color:var(--rose);margin-left:10px}
.woocommerce div.product .woocommerce-variation-add-to-cart{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.woocommerce div.product .woocommerce-variation-price .price{font-size:20px}
.woocommerce div.product .stock{color:var(--ok);font-size:14px}
.woocommerce div.product .stock.out-of-stock{color:var(--error)}
.woocommerce div.product .product_meta{font-size:13.5px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}
.woocommerce div.product .product_meta a{color:inherit}
.handmade-note{order:20}
.woocommerce div.product .woocommerce-tabs{margin-top:10px}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 18px;border-bottom:1px solid var(--line);display:flex;gap:6px;overflow-x:auto}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:none;border:0;border-radius:0;margin:0;padding:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:12px 16px;font-size:13.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:500}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--rose);box-shadow:inset 0 -2px 0 var(--rose)}
.woocommerce div.product .woocommerce-tabs .panel{max-width:760px;margin:0 0 24px;white-space:normal;display:block;background:none;border:0;border-radius:0;padding:4px 0 0}
.woocommerce div.product .woocommerce-tabs .panel h2:first-child{display:none}
.woocommerce div.product .woocommerce-tabs .panel p+p{margin-top:12px}
.woocommerce .related,.woocommerce .upsells{margin-top:30px;padding-top:30px;border-top:1px solid var(--line)}
.woocommerce .related > h2,.woocommerce .upsells > h2{text-align:center;font-size:clamp(22px,3vw,30px);margin-bottom:24px}
.woocommerce .star-rating span::before,.woocommerce p.stars a{color:var(--rose)}
.woocommerce #reviews #comments ol.commentlist li .comment-text{border-color:var(--line);border-radius:10px}

/* ---------------------------------------------------------------- tables (cart, orders, account) */
.woocommerce table.shop_table{border:1px solid var(--line);border-radius:12px;border-collapse:separate;border-spacing:0;background:var(--card);margin:0 0 24px;overflow:hidden}
.woocommerce table.shop_table th{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600;background:var(--paper);padding:12px 14px}
.woocommerce table.shop_table td{border-top:1px solid var(--line);padding:14px;vertical-align:middle}
.woocommerce table.shop_table tbody th,.woocommerce table.shop_table tfoot td,.woocommerce table.shop_table tfoot th{border-top:1px solid var(--line)}
.woocommerce-cart table.cart img,.woocommerce table.cart img{width:72px;border-radius:8px}
.woocommerce table.cart td.actions .coupon .input-text{width:180px;margin-right:8px}
.woocommerce a.remove{color:var(--rose)!important;font-weight:400}
.woocommerce a.remove:hover{background:var(--rose);color:var(--on-rose)!important}
.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{width:min(420px,100%);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px}
.woocommerce .cart-collaterals .cart_totals h2{font-size:22px;margin-bottom:12px}
.woocommerce .cart-collaterals .cart_totals table.shop_table{border:0;margin:0}
.woocommerce .cart-collaterals .cart_totals table.shop_table th,.woocommerce .cart-collaterals .cart_totals table.shop_table td{background:none;padding:10px 0}
.woocommerce .wc-proceed-to-checkout a.checkout-button{display:flex;width:100%;font-size:14px;padding:15px}
.woocommerce ul#shipping_method li{margin:0 0 6px}
.woocommerce ul#shipping_method li input{margin-right:6px}
.cart-empty.woocommerce-info{text-align:center;padding-left:18px}
.cart-empty.woocommerce-info::before{display:none}
.return-to-shop{text-align:center}

/* ---------------------------------------------------------------- checkout */
.woocommerce-checkout form.checkout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);column-gap:clamp(20px,4vw,40px);align-items:start}
.woocommerce-checkout form.checkout > .woocommerce-NoticeGroup{grid-column:1/-1}
.woocommerce-checkout #customer_details{grid-column:1;grid-row:1 / span 3}
.woocommerce-checkout #order_review_heading{grid-column:2;margin:0 0 12px;font-size:22px}
.woocommerce-checkout #order_review{grid-column:2;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;position:sticky;top:calc(var(--header-h) + 16px)}
@media (max-width:900px){
  .woocommerce-checkout form.checkout{grid-template-columns:1fr}
  .woocommerce-checkout #customer_details,.woocommerce-checkout #order_review_heading,.woocommerce-checkout #order_review{grid-column:1;grid-row:auto;position:static}
}
.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-1,.woocommerce-page .col2-set .col-2{float:none;width:100%}
.woocommerce-checkout #customer_details .col-1,.woocommerce-checkout #customer_details .col-2{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:clamp(18px,3vw,26px);margin-bottom:18px}
.woocommerce-checkout h3{font-size:21px;margin-bottom:14px}
.woocommerce form .form-row-first,.woocommerce form .form-row-last{width:48.5%}
@media (max-width:560px){.woocommerce form .form-row-first,.woocommerce form .form-row-last{width:100%;float:none}}
.woocommerce-checkout-review-order-table{border:0!important}
.woocommerce-checkout #order_review table.shop_table{border:0;background:none;margin-bottom:14px}
.woocommerce-checkout #order_review table.shop_table th,.woocommerce-checkout #order_review table.shop_table td{background:none;padding:10px 0}
.woocommerce-checkout #order_review .order-total td,.woocommerce-checkout #order_review .order-total th{font-size:18px}
.woocommerce-checkout #payment{background:none;border-radius:0}
.woocommerce-checkout #payment ul.payment_methods{border:0;padding:0 0 10px}
.woocommerce-checkout #payment ul.payment_methods li{list-style:none;line-height:1.5}
.woocommerce-checkout #payment ul.payment_methods li label{font-weight:600}
.woocommerce-checkout #payment div.payment_box{background:var(--paper);border:1px solid var(--line);border-radius:10px;color:var(--cocoa);padding:14px 16px;margin:10px 0 4px}
.woocommerce-checkout #payment div.payment_box::before{display:none}
.woocommerce-checkout #payment div.form-row{padding:12px 0 0}
.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:none;width:100%;background:var(--wa);font-size:14px;padding:16px}
.woocommerce #payment #place_order:hover{background:var(--wa-deep)}
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info,.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{font-size:14.5px}
.woocommerce-account-fields .create-account{background:var(--paper);border-radius:10px;padding:12px 14px}

/* WhatsApp steps inside the payment box */
.payment_box .wa-steps{margin-bottom:10px}
.payment_box .wa-steps li{font-size:14.5px}

/* ---------------------------------------------------------------- order received + order pages */
.woocommerce-order{display:flex;flex-direction:column;gap:18px}
.woocommerce-order .woocommerce-thankyou-order-received{font-family:var(--display);font-size:clamp(22px,3vw,30px);text-align:center;margin:0}
.woocommerce ul.order_details{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}
.woocommerce ul.order_details::before,.woocommerce ul.order_details::after{display:none}
.woocommerce ul.order_details li{float:none;margin:0;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--card);font-size:11.5px;letter-spacing:.1em}
.woocommerce ul.order_details li strong{font-size:15px;letter-spacing:0;margin-top:4px}
.woocommerce .woocommerce-order-details,.woocommerce .woocommerce-customer-details{margin:0}
.woocommerce .woocommerce-customer-details address{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:16px 18px}
.woocommerce-order-details__title,.woocommerce-column__title{font-size:21px;margin-bottom:12px}
.wa-card .btn.wa-btn{color:#fff}
.pay-box{display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:var(--blush);border-radius:12px;padding:18px 20px;margin-bottom:20px}
.pay-box p{margin:0}
.woocommerce .woocommerce-order-details ol.commentlist.notes{padding:0;list-style:none}
.woocommerce .woocommerce-order-details .note-content{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 14px}
mark.order-status{background:var(--blush);color:var(--rose-deep);padding:2px 10px;border-radius:999px;font-weight:600}

/* ---------------------------------------------------------------- My account */
.woocommerce-account .woocommerce{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(20px,3vw,36px);align-items:start}
.woocommerce-account .woocommerce > .woocommerce-notices-wrapper{grid-column:1/-1}
.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{float:none;width:auto;min-width:0;max-width:100%}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:2px;position:sticky;top:calc(var(--header-h) + 16px)}
.woocommerce-MyAccount-navigation li a{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;font-size:15px;color:var(--cocoa)}
.woocommerce-MyAccount-navigation li a:hover{background:var(--paper)}
.woocommerce-MyAccount-navigation li.is-active a{background:var(--blush);color:var(--rose-deep);font-weight:600}
.woocommerce-MyAccount-content{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:clamp(18px,3vw,28px);min-width:0}
.woocommerce-MyAccount-content > p:first-child{font-size:17px}
.woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address{border:1px solid var(--line);border-radius:10px;padding:16px;background:var(--paper)}
.woocommerce-MyAccount-content .empty-state{border:0;padding:20px 0}
@media (max-width:900px){
  .woocommerce-account .woocommerce{grid-template-columns:1fr}
  .woocommerce-MyAccount-navigation ul{position:static;flex-direction:row;overflow-x:auto;padding:6px}
  .woocommerce-MyAccount-navigation li a{white-space:nowrap}
}
/* signed out: sign in and create account side by side */
.woocommerce-account:not(.logged-in) .woocommerce{display:block;max-width:980px;margin-inline:auto}
.woocommerce #customer_login.col2-set{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.woocommerce #customer_login .col-1,.woocommerce #customer_login .col-2{width:auto}
.woocommerce #customer_login h2{font-size:24px;margin-bottom:12px}
.woocommerce #customer_login form{height:calc(100% - 50px);margin:0}
@media (max-width:760px){.woocommerce #customer_login.col2-set{grid-template-columns:1fr}}
.woocommerce form.login .form-row:last-of-type{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.woocommerce .lost_password a{color:var(--rose)}

/* status pills in account tables */
.pill.on-hold{color:#8B5A1E;background:#FBF0E1;border-color:#EFD7B5}

/* ---------------------------------------------------------------- custom orders page */
.request-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(20px,4vw,40px);align-items:start;margin-top:34px}
@media (max-width:900px){.request-layout{grid-template-columns:1fr}}
.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:clamp(18px,3vw,28px);display:flex;flex-direction:column;gap:16px}
.panel h2{font-size:21px}
.panel.tinted{background:var(--blush);border-color:var(--blush)}
.panel.tinted ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px}
.request-aside{display:flex;flex-direction:column;gap:18px}
.form-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.request-done:focus{outline:none}

/* ---------------------------------------------------------------- about letter (page content from the editor) */
.letter-body{display:flex;flex-direction:column;gap:20px}
.letter-body > *{margin:0}
.letter-body p{font-size:17.5px;line-height:1.75}
.letter-body .lead{font-family:var(--display);font-size:clamp(20px,2.4vw,24px);line-height:1.45}
.letter-body .pull{font-family:var(--display);font-size:clamp(21px,2.6vw,26px);line-height:1.4;color:var(--rose);text-align:center;padding-top:18px}
.letter-body figure,.letter-body .wp-block-image{margin:8px 0}
.letter-body .wp-block-image img{width:100%;aspect-ratio:2.5/1;object-fit:cover;object-position:0% 50%;border-radius:10px}
.letter-body ul.trio{list-style:none;padding:0;display:flex;flex-direction:column;align-items:center}
.letter-body ul.trio li{font-family:var(--script);font-size:clamp(30px,4vw,40px);line-height:1.15}
.letter-body ul.trio li:nth-child(2){color:var(--rose)}
.section-label{display:flex;align-items:center;gap:14px;margin:0;font-family:var(--display);font-size:clamp(20px,2.4vw,26px);letter-spacing:.18em;text-transform:uppercase;color:var(--rose-deep)}
.section-label span{background:var(--blush);padding:6px 16px;border-radius:999px}
.section-label svg{width:16px;height:16px;color:var(--rose);flex:none}
.section-label::after{content:"";flex:1;max-width:120px;height:1px;background:var(--rose);opacity:.45}
.faq details.wp-block-details{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px 20px}
.faq details summary{cursor:pointer;font-weight:600}
.faq details p{margin:10px 0 0;color:var(--muted)}

/* ---------------------------------------------------------------- blog fallback */
.post-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}
.post-card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;padding-bottom:16px}
.post-card img{width:100%;height:auto}
.post-card h2,.post-card p{padding-inline:16px}
.post-card h2{font-size:21px;margin-top:14px}
.post-card h2 a{text-decoration:none}

/* WordPress admin bar on phones */
@media (max-width:600px){#wpadminbar{position:fixed}}
body.admin-bar .site-header{top:32px}
@media (max-width:782px){body.admin-bar .site-header{top:46px}}
.woocommerce-MyAccount-content > h2,.woocommerce-MyAccount-content .woocommerce-OrderUpdates{margin-top:18px}
.woocommerce-MyAccount-content .woocommerce-OrderUpdates{padding-left:20px}