/*
Theme Name: Di Business Child
Theme URI: https://dithemes.com/di-business-free-wordpress-theme/
Template: di-business
Author: dithemes
Author URI: https://dithemes.com/
Description: Ultimate WordPress theme for Business. Di Business theme is a multipurpose, & SEO-friendly business WordPress theme. This WordPress theme is completely clean and made with advanced design options. It is a fully compatible & responsive business WordPress theme with all popular page builder plugins and WooCommerce plugin. Di Business Theme can be used to display business information and e-commerce WordPress websites. Di Business WordPress theme is specially designed for professionals businesses, commercial companies, and eCommerce websites. Also, it can be used for non-profit organizations, personal and portfolio websites and photography or serve as a business WordPress theme for such fields: the restaurant industry, construction, education, health care, sports, services, etc. It is a clean, responsive, multilingual ready and child theme ready. Make your business WordPress website device-friendly with cross-platform compatibility, ultra mobile friendly and 100% retina-ready theme. Besides, your business website will look & work great on a desktop (or laptop), a tablet, and a mobile device browser. Check out some top features of Di Business Theme: here you can import the demo website in one click, select footer & WooCommerce layouts & further customize them, custom blog options, Advanced WooCommerce settings, Full Width for Page Builder, Landing Page Template, Contact Form 7 Ready, Page builder Ready. Di Business is a Fully Customizable theme where users can Add Social Icons + lots more! Demos: http://demo.dithemes.com/di-business/ See more at https://dithemes.com/di-business-free-wordpress-theme/
Tags: one-column,two-columns,left-sidebar,right-sidebar,grid-layout,custom-background,custom-colors,custom-header,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,flexible-header,full-width-template,microformats,post-formats,sticky-post,theme-options,threaded-comments,translation-ready,wide-blocks,blog,e-commerce,news
Version: 2.2.1745601445
Updated: 2025-04-25 17:17:25

*/


/* ===== Product layout ===== */
.dibizp-wrap { --gap:16px; }

.dibizp-top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap);
  align-items: start;
}

/* Make the right summary a measured box so we can calculate fit */
#dibizp-summary {
  position: relative;
  /* Give it natural height but not less than title/price content */
  /* Limit max-height so part of excerpt overflows to bottom section automatically */
  max-height: 560px; /* tune per design; JS will split by this space */
  overflow: hidden;  /* prevents layout jump while measuring */
}

/* Remove any default margins that create white space */
.dibizp-gallery .woocommerce-product-gallery { margin:0 !important; }
.dibizp-excerpt-top p, .dibizp-excerpt-bottom p { margin:0 0 12px 0; }

/* Bottom section spans full width under gallery */
.dibizp-bottom { grid-column: 1 / -1; margin-top: var(--gap); }

/* Variation form & buttons tight inline */
.dibizp-bottom form.variations_form,
.dibizp-bottom .variations { margin:0; }
.dibizp-bottom .cart { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:10px; }
.dibizp-bottom .quantity { margin:0; }
.dibizp-bottom .single_add_to_cart_button { margin:0; }

/* ===== Hide Swiper thumbnails (Section 2) ===== */
/* Common Di Business / Woo Swiper thumbs selectors */
.woocommerce-product-gallery .swiper-container-thumbs,
.woocommerce-product-gallery .swiper-thumbs,
.woocommerce-product-gallery .swiper-wrapper-thumbs,
.woocommerce-product-gallery .woocommerce-product-gallery__thumbs,
.woocommerce-product-gallery .flex-control-thumbs, /* fallback for non-swiper */
.woocommerce-product-gallery .woocommerce-product-gallery__thumbnails {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove leftover gap below gallery viewport */
.woocommerce-product-gallery, 
.woocommerce-product-gallery .flex-viewport {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}