/*
Theme Name:   Flatsome Child - AromaBox
Theme URI:    https://aromabox.co.ke
Description:  Custom styles for aromabox.co.ke
Author:       AromaBox
Template:     flatsome
Version:      2.1.0
Text Domain:  flatsome-child
*/

/* ==========================================================================
   AROMABOX STYLESHEET

   THIS FILE WORKS IN EITHER PLACE - pick one, not both:

   OPTION A (preferred)
     wp-content/themes/flatsome-child/style.css
     Requires the enqueue snippet in the child theme functions.php.

   OPTION B (zero setup, always works)
     Appearance > Customize > Additional CSS - paste the whole file.
     The header comment above is ignored there, it does no harm.

   Do not use both at once: Additional CSS loads last and would win.

   PROOF OF LIFE - if you are unsure the file is loading, uncomment the
   next rule, reload, and look for a red bar across the top of the site.
   Comment it out again once you have your answer.
   -------------------------------------------------------------------
   body { border-top: 12px solid red !important; }
   -------------------------------------------------------------------

   DESIGN SYSTEM
     GREEN  = every buying action (add to cart, checkout, confirm order)
     RED    = discounts only (sale prices, savings badges)
     ORANGE = brand accent (top bar, search)

   Colours are declared as variables below AND repeated as fallbacks in
   every rule, so the file still renders correctly even if the variable
   block is ever stripped or overridden.
   ========================================================================== */

:root {
	--ab-go: #1f9d4d;
	--ab-go-d: #177d3d;
	--ab-orange: #F76B1C;
	--ab-wa: #128C7E;
	--ab-sale: #E4322B;
	--ab-ink: #1a1a1a;
	--ab-body: #4b5563;
	--ab-mute: #8a9099;
	--ab-line: #e9ecef;
	--ab-soft: #f7f8fa;
	--ab-cream: #F7F5F0;
}

/* ==========================================================================
   1. BASE
   ========================================================================== */
body {
	color: var(--ab-body, #4b5563);
}
h1, h2, h3, h4, h5 {
	color: var(--ab-ink, #1a1a1a);
}
pre, blockquote, form, figure, p, dl, ul, ol {
	margin-bottom: 0.5em;
}

.header-top {
	font-weight: 700;
	letter-spacing: 0.3px;
}
.nav-size-medium > li > a {
	font-size: 14px;
	font-weight: 800;
	color: #fff !important;
}
.searchform .button.icon,
.search-form .submit-button {
	background-color: var(--ab-orange, #F76B1C) !important;
	border-color: var(--ab-orange, #F76B1C) !important;
	color: #fff !important;
}

/* ==========================================================================
   2. PRODUCT CARDS - shop grids and landing pages
   Uniform image height so every row lines up.
   ========================================================================== */
.product-small .col-inner {
	background: #fff;
	border: 1px solid var(--ab-line, #e9ecef) !important;
	border-radius: 10px !important;
	overflow: hidden;
	transition: box-shadow 0.18s ease, transform 0.18s ease;
}
.product-small .col-inner:hover {
	box-shadow: 0 6px 20px rgba(26, 26, 26, 0.10);
	transform: translateY(-2px);
}
.product-small .box-image {
	background: #fff;
	padding: 6px;
}
.product-small .box-image img {
	width: 100%;
	height: 210px;
	object-fit: contain;
	display: block;
}
.product-small .box-text {
	padding: 12px 12px 14px 12px;
	text-align: center;
	border-top: 1px solid #f4f5f7;
}
.product-small .name.product-title {
	min-height: 38px;
}
.product-small .name.product-title a {
	font-size: 13.5px;
	line-height: 1.4;
	font-weight: 600;
	color: var(--ab-ink, #1a1a1a);
}
.product-small .name.product-title a:hover {
	color: var(--ab-go, #1f9d4d);
}
.product-small .price {
	font-size: 15.5px;
	font-weight: 800;
	color: var(--ab-ink, #1a1a1a);
}
.product-small .price del {
	color: var(--ab-mute, #8a9099);
	font-weight: 400;
	font-size: 13px;
	margin-right: 4px;
}
.product-small .price ins {
	text-decoration: none;
	color: var(--ab-sale, #E4322B);
}
.product-small .category {
	font-size: 10.5px;
	letter-spacing: 0.5px;
	color: var(--ab-mute, #8a9099);
}
.badge-container .badge-inner {
	font-size: 10.5px !important;
	font-weight: 700;
	letter-spacing: 0.3px;
	border-radius: 4px;
}

/* ==========================================================================
   3. ONE ACTION COLOUR - green for every buying action
   ========================================================================== */
.add_to_cart_button,
.single_add_to_cart_button,
.product-small .button,
.button.checkout,
.checkout-button,
.button#place_order,
.wc-proceed-to-checkout .button,
.return-to-shop .button {
	background-color: var(--ab-go, #1f9d4d) !important;
	border-color: var(--ab-go, #1f9d4d) !important;
	color: #fff !important;
	font-weight: 800;
	border-radius: 8px;
	letter-spacing: 0.2px;
}
.add_to_cart_button:hover,
.single_add_to_cart_button:hover,
.product-small .button:hover,
.button.checkout:hover,
.checkout-button:hover,
.button#place_order:hover,
.wc-proceed-to-checkout .button:hover,
.return-to-shop .button:hover {
	background-color: var(--ab-go-d, #177d3d) !important;
	border-color: var(--ab-go-d, #177d3d) !important;
	color: #fff !important;
}

/* Grid button: always visible, full width, label never clipped */
.product-small .add_to_cart_button,
.product-small .button {
	display: block !important;
	opacity: 1 !important;
	visibility: visible !important;
	width: 100%;
	margin: 10px 0 0 0;
	font-size: 13px;
	padding: 11px 8px;
	line-height: 1.2;
	white-space: normal;
}

/* View cart confirmation - outlined so it does not compete */
.added_to_cart.wc-forward {
	display: block;
	margin-top: 8px !important;
	padding: 8px;
	text-align: center;
	font-size: 12.5px;
	font-weight: 700;
	border-radius: 6px;
	background: #fff !important;
	color: var(--ab-go-d, #177d3d) !important;
	border: 1px solid var(--ab-go, #1f9d4d) !important;
}
.single-product .added_to_cart.wc-forward {
	display: none;
}
.button.primary.is-underline {
	color: var(--ab-go-d, #177d3d) !important;
	font-size: 14px;
}

/* ==========================================================================
   4. SHOP AND CATEGORY PAGES
   ========================================================================== */
.shop-page-title .page-title-inner {
	padding-top: 20px;
	padding-bottom: 10px;
}
.woocommerce-result-count,
.woocommerce-ordering select {
	font-size: 13px;
	color: var(--ab-mute, #8a9099);
}
.shop-sidebar .widget-title {
	font-size: 14px;
	letter-spacing: 0.5px;
	font-weight: 800;
	color: var(--ab-ink, #1a1a1a);
}
.shop-sidebar .widget {
	margin-bottom: 22px;
}
.shop-sidebar ul li {
	font-size: 13.5px;
	line-height: 1.7;
}
.shop-sidebar ul li a {
	color: var(--ab-body, #4b5563);
}
.shop-sidebar ul li a:hover {
	color: var(--ab-go, #1f9d4d);
}
.shop-sidebar .woocommerce-widget-layered-nav-list,
.shop-sidebar .product-categories {
	max-height: 300px;
	overflow-y: auto;
	padding-right: 6px;
}

/* ==========================================================================
   5. SINGLE PRODUCT PAGE
   ========================================================================== */
.product-gallery .woocommerce-product-gallery__image img,
.product-images .img-inner img {
	max-height: 520px;
	width: auto;
	margin: 0 auto;
	object-fit: contain;
}
.product-images .image-tools {
	opacity: 1;
}
.product-thumbnails img {
	border-radius: 6px;
}
.product-info .price,
.woocommerce div.product p.price {
	font-size: 27px !important;
	font-weight: 800;
	color: var(--ab-ink, #1a1a1a);
	margin-bottom: 6px;
}
.woocommerce div.product p.price del {
	color: var(--ab-mute, #8a9099);
	font-weight: 400;
	font-size: 19px;
}
.woocommerce div.product p.price ins {
	text-decoration: none;
	color: var(--ab-sale, #E4322B);
}
.in-stock,
.product-info p.stock.in-stock {
	display: inline-block;
	color: var(--ab-go, #1f9d4d) !important;
	background: #eefaf1;
	border-radius: 20px;
	padding: 3px 12px;
	font-size: 13px;
	font-weight: 800;
	margin-bottom: 10px;
}
.out-of-stock {
	color: var(--ab-sale, #E4322B) !important;
	font-weight: 700;
}
.single_add_to_cart_button {
	font-size: 16px !important;
	padding: 13px 26px;
	min-height: 48px;
}
.single-product .quantity input.qty {
	height: 48px;
	font-size: 15px;
}

/* Tick bullets - 26px left padding reserves space for the icon.
   Without it the tick prints on top of the first letter. */
ul li.bullet-checkmark {
	list-style: none;
	font-size: 14px;
	line-height: 1.5;
	padding: 9px 0 9px 26px;
	border-bottom: 1px solid #f2f3f5;
}
ul li.bullet-checkmark:last-child {
	border-bottom: none;
}

.product-section-title-upsell,
.author-box {
	display: none;
}
.woocommerce-Tabs-panel p,
.woocommerce-Tabs-panel li {
	font-size: 14.5px;
	line-height: 1.7;
}
.woocommerce-Tabs-panel img,
.woocommerce-Tabs-panel iframe,
.woocommerce-Tabs-panel video {
	border-radius: 10px;
}

/* Hide Woo's duplicate Related Products heading where a template
   already supplies its own heading above the grid */
.product-page-01 .product-section-title-related,
.product-page-01 .related.products > h2,
.product-page-01 .related.products > h3,
.product-page-01 .related.products .product-section-title {
	display: none !important;
}
.product-page-01 .related.products {
	padding-top: 0 !important;
	margin-top: 0 !important;
	border-top: none !important;
}

/* ==========================================================================
   6. TABS AND ACCORDIONS
   42px left padding reserves space for the plus/minus toggle icon.
   ========================================================================== */
.accordion-title {
	position: relative;
	padding: 14px 16px 14px 42px !important;
	font-size: 15px;
	line-height: 1.4;
	font-weight: 700;
	border-color: var(--ab-line, #e9ecef);
}
.accordion-title .toggle {
	left: 6px;
	right: auto;
	margin: 0;
}
.accordion-title.active {
	color: var(--ab-go, #1f9d4d);
}
.accordion-inner {
	font-size: 14.5px;
	line-height: 1.7;
	padding: 6px 16px 16px 42px;
}
.product-tabs > li > a {
	font-size: 14px;
	font-weight: 700;
}

/* ==========================================================================
   7. TEMPLATE COMPONENTS - WhatsApp buttons, info cards, guide bands
   ========================================================================== */
.ab-wa-wrap {
	margin: 10px 0 6px 0;
}
.ab-wa-note {
	text-align: center;
	font-size: 12px;
	color: var(--ab-mute, #8a9099);
	margin-bottom: 6px;
}
.ab-wa-btn {
	display: block;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	color: var(--ab-wa, #128C7E);
	background: #fff;
	border: 2px solid var(--ab-wa, #128C7E);
	border-radius: 8px;
	padding: 12px 10px;
	text-decoration: none;
	line-height: 1.2;
}
.ab-wa-btn:hover {
	background: var(--ab-wa, #128C7E);
	color: #fff;
}
.ab-wa-small {
	display: inline-block;
	font-size: 13px;
	font-weight: 600;
	color: var(--ab-wa, #128C7E);
	background: #fff;
	border: 1px solid var(--ab-wa, #128C7E);
	border-radius: 6px;
	padding: 9px 16px;
	text-decoration: none;
	line-height: 1.2;
}
.ab-wa-small:hover {
	background: var(--ab-wa, #128C7E);
	color: #fff;
}
.ab-full {
	display: block;
	text-align: center;
}
.ab-card {
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 15px;
	font-size: 14px;
}
.ab-card h4 {
	margin-bottom: 8px;
	font-size: 15px;
}
.ab-card p {
	margin-bottom: 8px;
	line-height: 1.6;
}
.ab-card-soft {
	background: var(--ab-cream, #F7F5F0);
}
.ab-card-outline {
	background: #fff;
	border: 1px solid var(--ab-line, #e9ecef);
}
.ab-tip {
	font-style: italic;
	color: var(--ab-mute, #8a9099);
	font-size: 13px;
}
.ab-guide {
	background: var(--ab-cream, #F7F5F0);
	border-radius: 10px;
	padding: 16px 20px;
	text-align: center;
	font-size: 14.5px;
	line-height: 1.65;
	color: var(--ab-body, #4b5563);
}
.ab-guide strong {
	color: var(--ab-ink, #1a1a1a);
}
.ab-save {
	display: inline-block;
	background: #FDECEA;
	color: #C7211A;
	font-size: 13px;
	font-weight: 800;
	border-radius: 4px;
	padding: 3px 10px;
	margin: 2px 0 8px 0;
}

/* ==========================================================================
   8. DELIVERY ZONES BLOCK
   ========================================================================== */
.dz {
	font-size: 13.5px;
}
.dz-head h3 {
	font-size: 17px;
}
.dz-head p {
	font-size: 13px;
}
.dz-zone summary {
	font-size: 14px;
	padding: 12px 14px;
}
.dz-areas p {
	font-size: 12.5px;
	line-height: 1.6;
}
.dz-foot {
	font-size: 12px;
}
.woocommerce-checkout .dz {
	display: none;
}

/* ==========================================================================
   9. CART
   ========================================================================== */
.checkout-breadcrumbs {
	font-size: 15px;
	letter-spacing: 0.3px;
	margin-bottom: 24px;
}
.checkout-breadcrumbs .current {
	color: var(--ab-ink, #1a1a1a);
	font-weight: 700;
}
.woocommerce-cart-form table.shop_table {
	border: none;
}
.woocommerce-cart-form table.shop_table th {
	font-size: 12px;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	color: var(--ab-mute, #8a9099);
	border-bottom: 1px solid var(--ab-line, #e9ecef);
	padding-bottom: 12px;
}
.woocommerce-cart-form table.shop_table td {
	padding: 18px 10px;
	border-bottom: 1px solid #f2f3f5;
	vertical-align: middle;
}
.woocommerce-cart-form .product-thumbnail img {
	width: 74px;
	border-radius: 8px;
	border: 1px solid var(--ab-line, #e9ecef);
}
.woocommerce-cart-form .product-name a {
	font-size: 14.5px;
	font-weight: 600;
	color: var(--ab-ink, #1a1a1a);
}
.woocommerce-cart-form .product-name a:hover {
	color: var(--ab-go, #1f9d4d);
}
.woocommerce-cart-form .product-price,
.woocommerce-cart-form .product-subtotal {
	font-size: 14.5px;
	font-weight: 700;
	color: var(--ab-ink, #1a1a1a);
}
.woocommerce-cart-form .quantity input.qty {
	height: 42px;
}
.product-remove a.remove {
	color: var(--ab-mute, #8a9099) !important;
	font-size: 20px;
}
.product-remove a.remove:hover {
	color: var(--ab-sale, #E4322B) !important;
	background: none !important;
}
.cart-collaterals .cart_totals,
.cart_totals {
	background: #fff;
	border: 1px solid var(--ab-line, #e9ecef);
	border-radius: 10px;
	padding: 22px;
}
.cart_totals h2 {
	font-size: 13px;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	color: var(--ab-mute, #8a9099);
}
.cart_totals table th {
	font-size: 14px;
	font-weight: 600;
	color: var(--ab-body, #4b5563);
}
.cart_totals table td {
	font-size: 14.5px;
	font-weight: 700;
	color: var(--ab-ink, #1a1a1a);
	text-align: right;
}
.cart_totals .order-total th,
.cart_totals .order-total td {
	font-size: 17px;
	font-weight: 800;
	color: var(--ab-ink, #1a1a1a);
}
.cart_totals tr.shipping td,
.cart_totals tr.woocommerce-shipping-totals td {
	font-size: 13.5px;
	line-height: 1.6;
}
.cart_totals tr.shipping .amount,
tr.shipping span.amount {
	color: var(--ab-go-d, #177d3d) !important;
	font-weight: 800;
}
.wc-proceed-to-checkout .button,
.checkout-button {
	display: block;
	width: 100%;
	font-size: 16px;
	padding: 15px 20px;
	min-height: 52px;
	margin-top: 6px;
}
.cross-sells > h3,
.cross-sells > h2 {
	font-size: 17px;
	margin-bottom: 14px;
}
.cart-empty,
.woocommerce-info {
	font-size: 15.5px;
}
.return-to-shop {
	margin-bottom: 30px;
}
.return-to-shop .button {
	padding: 13px 32px;
	font-size: 15px;
}

/* ==========================================================================
   10. CHECKOUT
   ========================================================================== */
.woocommerce-billing-fields h3,
#order_review_heading {
	font-size: 13px;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	color: var(--ab-mute, #8a9099);
	margin-bottom: 14px;
}
.woocommerce-checkout .form-row {
	margin-bottom: 14px;
}
.woocommerce-checkout label {
	font-size: 13.5px;
	font-weight: 600;
	margin-bottom: 5px;
	color: var(--ab-ink, #1a1a1a);
}
.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.select2-container .select2-selection--single {
	height: 48px;
	font-size: 15px;
	border: 1px solid #dfe3e8;
	border-radius: 8px;
	box-shadow: none;
	background: #fff;
}
.woocommerce-checkout input.input-text:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus {
	border-color: var(--ab-go, #1f9d4d);
	box-shadow: 0 0 0 3px rgba(31, 157, 77, 0.12);
}
.woocommerce-checkout textarea {
	height: 90px;
	padding-top: 12px;
}

/* FULL WIDTH FIELDS
   Woo gives first_name, last_name and several address fields the half-width
   classes form-row-first and form-row-last. These rules override that so
   every field spans the column, which is also easier to fill on a phone. */
.woocommerce-checkout .form-row,
.woocommerce-checkout p.form-row-first,
.woocommerce-checkout p.form-row-last,
.woocommerce-checkout p.form-row-wide,
.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last,
#customer_details .col-1,
#customer_details .col-2,
#billing_first_name_field,
#billing_last_name_field,
#billing_company_field,
#billing_address_1_field,
#billing_address_2_field,
#billing_city_field,
#billing_state_field,
#billing_postcode_field,
#billing_phone_field,
#billing_email_field {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	clear: both !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row .select2-container {
	width: 100% !important;
	max-width: 100% !important;
}

/* HIDE COUNTRY FIELD
   We only ship within Kenya. Hidden with CSS only - the field must stay in
   the form because WooCommerce uses its value to calculate shipping. */
#billing_country_field,
#shipping_country_field,
p#billing_country_field,
.woocommerce-billing-fields #billing_country_field,
.woocommerce-shipping-fields #shipping_country_field {
	display: none !important;
}

/* Order review panel */
.woocommerce-checkout-review-order {
	background: #fff;
	border: 1px solid var(--ab-line, #e9ecef);
	border-radius: 10px;
	padding: 22px;
}
.woocommerce-checkout-review-order table.shop_table th {
	font-size: 12px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: var(--ab-mute, #8a9099);
}
.woocommerce-checkout-review-order table.shop_table td {
	font-size: 14px;
}
.woocommerce-checkout-review-order .order-total th,
.woocommerce-checkout-review-order .order-total td {
	font-size: 17px;
	font-weight: 800;
	color: var(--ab-ink, #1a1a1a);
}
.woocommerce-checkout-review-order .cart_item img {
	width: 60px;
	border-radius: 6px;
}

/* Payment methods */
ul.wc_payment_methods li {
	border: 1px solid var(--ab-line, #e9ecef);
	border-radius: 8px;
	padding: 12px 14px;
	margin-bottom: 10px;
	list-style: none;
	transition: border-color 0.15s ease;
}
ul.wc_payment_methods li:hover {
	border-color: #cfd6dd;
}
ul.wc_payment_methods li label {
	font-size: 14.5px !important;
	font-weight: 700 !important;
	text-transform: none !important;
	margin: 0;
	cursor: pointer;
}
ul.wc_payment_methods li .payment_box {
	background: var(--ab-soft, #f7f8fa);
	border-radius: 8px;
	font-size: 13px;
	line-height: 1.6;
	padding: 12px 14px;
	margin-top: 10px;
}
ul.wc_payment_methods li .payment_box:before {
	display: none;
}
input[type='checkbox'] + label,
input[type='radio'] + label {
	font-size: 14.5px;
	text-transform: none;
}
.button#place_order {
	display: block;
	width: 100%;
	font-size: 17px;
	min-height: 54px;
	margin-top: 6px;
}
.checktext {
	color: var(--ab-go-d, #177d3d);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
}
.page-checkout-simple {
	background-color: #fafbfc !important;
}
.is-well {
	background: #fff;
	border: 1px solid var(--ab-line, #e9ecef);
	border-radius: 10px;
	box-shadow: none;
	font-weight: 400 !important;
}
.woocommerce-order-details__title,
.woocommerce-column__title,
.mailchimp-newsletter {
	display: none;
}
.woocommerce-order .woocommerce-thankyou-order-received {
	font-size: 19px;
	font-weight: 800;
	color: var(--ab-go-d, #177d3d);
}

/* ==========================================================================
   11. MOBILE - most orders arrive here
   ========================================================================== */
@media screen and (max-width: 849px) {

	.product-small .box-image img {
		height: 150px;
	}
	.product-small .box-text {
		padding: 10px 8px 12px 8px;
	}
	.product-small .name.product-title {
		min-height: 36px;
	}
	.product-small .name.product-title a {
		font-size: 12.5px;
		line-height: 1.35;
	}
	.product-small .price {
		font-size: 14.5px;
	}
	.product-small .price del {
		font-size: 12px;
	}
	.product-small .add_to_cart_button,
	.product-small .button {
		font-size: 12.5px;
		padding: 12px 6px;
		min-height: 44px;
		white-space: normal;
	}

	.product-title.entry-title {
		font-size: 20px;
		line-height: 1.3;
	}
	.product-gallery .woocommerce-product-gallery__image img,
	.product-images .img-inner img {
		max-height: 340px;
	}
	.woocommerce div.product p.price {
		font-size: 23px !important;
	}
	.woocommerce div.product p.price del {
		font-size: 16px;
	}
	.single_add_to_cart_button {
		width: 100% !important;
		font-size: 16px !important;
		min-height: 50px;
	}
	.woocommerce-Tabs-panel p,
	.woocommerce-Tabs-panel li {
		font-size: 14px;
	}

	.ab-wa-btn {
		font-size: 15px;
		padding: 13px 10px;
	}
	.ab-card {
		padding: 16px;
	}
	.ab-guide {
		padding: 14px;
		font-size: 13.5px;
	}
	.accordion-title {
		padding: 12px 12px 12px 38px !important;
		font-size: 14px;
	}
	.accordion-inner {
		padding: 4px 12px 14px 38px;
		font-size: 13.5px;
	}

	.woocommerce-cart-form table.shop_table td {
		padding: 12px 6px;
	}
	.woocommerce-cart-form .product-thumbnail img {
		width: 58px;
	}
	.woocommerce-cart-form .product-name a {
		font-size: 13.5px;
	}
	.cart_totals {
		padding: 18px;
	}
	.cart_totals .order-total th,
	.cart_totals .order-total td {
		font-size: 16px;
	}
	.wc-proceed-to-checkout .button,
	.checkout-button {
		font-size: 16px;
		min-height: 50px;
	}

	/* 16px inputs stop iOS zooming in when a field is tapped */
	.woocommerce-checkout input.input-text,
	.woocommerce-checkout select,
	.select2-container .select2-selection--single {
		height: 46px;
		font-size: 16px;
	}
	.woocommerce-checkout-review-order {
		padding: 16px;
	}
	.button#place_order {
		font-size: 16px;
		min-height: 52px;
	}
	ul.wc_payment_methods li {
		padding: 11px 12px;
	}

	.dz-zone summary {
		font-size: 13.5px;
		padding: 11px 12px;
	}
	.dz-areas p {
		font-size: 12px;
	}

	h1 {
		font-size: 22px !important;
	}
	h2 {
		font-size: 19px !important;
	}
	h3 {
		font-size: 17px !important;
	}

	.cross-sells {
		display: none;
	}
}

@media screen and (max-width: 380px) {

	.product-small .box-image img {
		height: 132px;
	}
	.product-small .add_to_cart_button,
	.product-small .button {
		font-size: 12px;
	}
	.woocommerce div.product p.price {
		font-size: 21px !important;
	}
	.ab-wa-btn {
		font-size: 14px;
	}
}