/**
 * Site-wide type — loaded on every page, not only where a component renders.
 *
 * One face for the whole site: Heebo, the face the brand sections already
 * use. The SublimeFood theme sets its own display and body faces on the
 * header, shop cards, product pages and footer with specific selectors, so
 * this has to win with !important; icon fonts live on <i> elements and are
 * left alone. The editorial serif and the Urdu face are re-asserted below
 * so they survive the override.
 */
@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700&display=swap");

html body,
body h1, body h2, body h3, body h4, body h5, body h6,
body p, body a, body li, body span, body div, body label, body small, body strong, body b, body em,
body button, body input, body select, body textarea, body th, body td, body dt, body dd, body blockquote, body figcaption {
	font-family: "Heebo", -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* The storytelling serif stays where it was chosen. */
body .sui-farmi .zf-display,
body .sui-farmi .zf-h2,
body .sui-farmi .zf-note,
body .sui-farmi .zf-years b,
body .sui-farmi .zf-stage__num,
body .sui-farmi .zf-principles__list .num,
body .sui-farmi .zf-eco__sign h3,
body .sui-farmi .zf-beyond__words,
body .sui-farmi .zf-origin__note,
body .sui-farmi .zf-origin__year {
	font-family: "Fraunces", Georgia, "Times New Roman", serif !important;
}

/* Urdu lines keep the Nastaliq face. */
body .sui-farmi-urdu,
body [lang="ur"] {
	font-family: "Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", serif !important;
}

/* Theme header, shop and footer: sizes in step with the brand sections. */
body .main-menu > ul > li > a { font-size: 15px; font-weight: 500; letter-spacing: 0; }
body .vs-product-box1 .product-title, body .vs-product-box1 .product-title a { font-size: 15px; font-weight: 500; }
body .vs-product-box1 .price { font-size: 14px; }
body .breadcumb-title { font-size: 36px; font-weight: 500; }
body .vs-newsletter-wrpper h2 { font-size: 28px; font-weight: 500; }
body .vs-newsletter-wrpper h2 .text-theme { font-weight: 400; }
body .footer-wrapper .copyright p { font-size: 13px; }

/* +5% */
body .main-menu > ul > li > a { font-size: 16px; }
body .vs-product-box1 .product-title, body .vs-product-box1 .product-title a { font-size: 16px; }
body .vs-product-box1 .price { font-size: 15px; }
body .breadcumb-title { font-size: 38px; }
body .vs-newsletter-wrpper h2 { font-size: 30px; }

/* ---- Brand-polish pass, shop + product pages (2026-09-04) ----
   The same readability and restraint as the brand sections: charcoal copy
   at 1.8, the page-title band on cream instead of the theme's blue-grey,
   product photographs with one treatment, prices in charcoal. */
body p, body li, body .woocommerce-product-details__short-description, body .woocommerce-Tabs-panel { color: #3f4039; line-height: 1.8; }
body .breadcumb-wrapper { background-color: #f6f4ee !important; }
body .breadcumb-title { color: #232323; font-weight: 500; }
body .breadcumb-menu, body .breadcumb-menu a, body .breadcumb-menu li { color: #6b6b64; font-size: 14px; }
body .vs-product-box1 .product-img { border-radius: 4px; overflow: hidden; box-shadow: inset 0 0 0 1px rgba(35, 35, 35, 0.06); background: #f6f4ee; }
body .vs-product-box1 .product-img img { border-radius: 4px; }
body .vs-product-box1 .product-title a { color: #232323; }
body .vs-product-box1 .product-title a:hover { color: #2a491d; }
body .vs-product-box1 .price, body .vs-product-box1 .price .amount { color: #3f4039; font-weight: 600; }
body .vs-product-box1 .price del, body .vs-product-box1 .price del .amount { color: #9a9a92; font-weight: 400; }
body .vs-product-box1 .onsale, body .vs-product-box1 .product-tag1 { background: #2a491d; color: #fff; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 700; border-radius: 3px; }
body .product_title, body .single-product h1 { font-size: 34px; font-weight: 500; line-height: 1.2; color: #232323; }
body .single-product .price, body .single-product .price .amount { color: #232323; font-size: 22px; font-weight: 600; }
body .single-product .price del .amount { color: #9a9a92; font-weight: 400; font-size: 18px; }
body .woocommerce-product-details__short-description p { font-size: 18px; }
body .woocommerce-product-gallery__wrapper, body .woocommerce-product-gallery img { border-radius: 4px; }
body .woocommerce-product-gallery__wrapper { box-shadow: inset 0 0 0 1px rgba(35, 35, 35, 0.06); overflow: hidden; }
body .single_add_to_cart_button { font-size: 16px; font-weight: 600; letter-spacing: 0; }
body .woocommerce-tabs .wc-tabs li a { font-size: 15px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: #232323; }
body .product_meta { font-size: 14px; color: #6b6b64; }
body .related.products h2, body .upsells.products h2 { font-size: 30px; font-weight: 500; color: #232323; }
/* Single product (the theme's own markup: .product-details-content, form.cart .vs-btn, .product-tab-style1). */
body .product-details-content .product-title { font-size: 34px; font-weight: 500; line-height: 1.2; color: #232323; }
body .product-details-content .price, body .product-details-content .price .amount { color: #232323; font-size: 22px; font-weight: 600; }
body .product-details-content .price del, body .product-details-content .price del .amount { color: #9a9a92; font-weight: 400; font-size: 18px; }
body .product-details-content p { font-size: 18px; line-height: 1.8; color: #3f4039; }
body form.cart .vs-btn { font-size: 16px; font-weight: 600; letter-spacing: 0; }
body .product-tab-style1 a, body .product-tab-style1 .nav-link { font-size: 15px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: #232323; }
body .product-tab-style1 .nav-link.active { color: #2a491d; }
body .tab-content p, body .tab-content li, body .tab-content td { font-size: 17px; line-height: 1.8; color: #3f4039; }
body .related h3, body .upsells h3 { font-size: 30px; font-weight: 500; color: #232323; }