.woocommerce-breadcrumb { font-size: 0.85rem; text-align: left; padding: 1rem 0; } .woocommerce-breadcrumb a { text-decoration: none; color: #007bff; } .woocommerce-breadcrumb a:hover { text-decoration: underline; } .woocommerce div.product div.images.woocommerce-product-gallery { width: 100% !important; float: none !important; border: 1px solid #eee; border-radius: 5px; padding: 1rem; box-shadow: 0 5px 15px rgba(0,0,0,0.1); } .woocommerce-product-gallery .woocommerce-product-gallery__image { overflow: hidden; margin-bottom: 1rem; } .woocommerce-product-gallery .woocommerce-product-gallery__image img { transition: transform 0.3s ease, opacity 0.2s ease; width: 100%; height: 100%; object-fit: contain; } .dh-product-thumbnails { display: flex; flex-wrap: wrap; gap: 12px; padding: 0; margin: 1rem 0 0 0; justify-content: center; } .dh-product-thumbnails .dh-thumbnail-item { flex: 0 0 80px; width: 80px; height: 80px; border: 2px solid transparent; border-radius: 6px; cursor: pointer; overflow: hidden; transition: all 0.2s ease; display: block; } .dh-product-thumbnails .dh-thumbnail-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.2s ease; } .dh-product-thumbnails .dh-thumbnail-item.active-thumbnail, .dh-product-thumbnails .dh-thumbnail-item:hover { border-color: #007bff; } .woocommerce div.product div.images img { width: 100%; height: auto; } .woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary { width: 95% !important; float: none !important; } .woocommerce div.product .product_title { font-size: 2.0rem; font-weight: 700; } .woocommerce div.product .sku_wrapper { display: block; margin-bottom: 1rem; color: #6c757d; font-size: 0.9rem; } .woocommerce div.product p.price { font-size: 1.8rem; font-weight: 700; color: #007bff; } .woocommerce div.product .woocommerce-product-details__short-description { font-size: 1rem; line-height: 1.5; } .woocommerce div.product .contact-for-help { margin-top: 1.5rem; padding: 1rem; background-color: #f8f9fa; border: 1px solid #dee2e6; border-radius: .25rem; } .shipping-notice, .installation-guides-link { margin-top: 1rem; display: flex; align-items: center; } .shipping-notice svg, .installation-guides-link svg { margin-right: 0.5rem; width: 20px; height: 20px; } .shipping-notice p { margin-bottom: 0; font-size: 1rem; color: #000; } .installation-guides-link a { font-size: 1rem; text-decoration: none; } .woocommerce-tabs ul.tabs { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #dee2e6; } .woocommerce-tabs ul.tabs li { display: inline-block; margin: 0; padding: 0; } .woocommerce-tabs ul.tabs li a { display: block; padding: .5rem 1rem; color: #007bff; text-decoration: none; } .woocommerce-tabs ul.tabs li.active a { border-bottom: 2px solid #007bff; } .woocommerce-tabs .panel { padding: 1.5rem 0; } .up-sells h2 { font-size: 1.2rem; } .up-sells { background-color: #f8f9fa; border: 1px solid #dee2e6; border-radius: 0.25rem; padding: 1rem; box-shadow: 0 2px 4px rgba(0,0,0,0.05); } .up-sells .product .woocommerce-loop-product__title { font-size: 0.9rem; } .up-sells .product .price, .up-sells .product .price .woocommerce-Price-amount { font-size: 0.8rem; } .up-sells .product { list-style-type: none; } .up-sells .swiper-button-next, .up-sells .swiper-button-prev { color: #d2dae0; background-color: transparent; width: 44px; height: 44px; border-radius: 50%; transition: background-color 0.3s ease; } .up-sells .swiper-button-next:hover, .up-sells .swiper-button-prev:hover { background-color: rgba(0, 0, 0, 0.5); } .up-sells .swiper-button-next::after, .up-sells .swiper-button-prev::after { font-size: 1.2rem; font-weight: bold; } .woocommerce div.product span.onsale { background-color: #dc3545 !important; color: #fff !important;  } .related.products { clear: both; margin-top: 2rem; } .dh-cart-grid { display: flex; gap: 24px; align-items: flex-start; margin-top: 1.5rem; } .dh-cart-left { flex: 0 0 60%; max-width: 60%; } .dh-cart-right { flex: 0 0 40%; max-width: 40%; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: right; width: 100%; } .cart-collaterals .cart_totals, .dh-cart-right .cart_totals { background: #ffffff; border: 1px solid #e9ecef; padding: 16px; border-radius: 6px; box-shadow: 0 6px 18px rgba(0,0,0,0.04); } .woocommerce .shop_table.cart tr.cart_item { background: #fff; border: 1px solid #f1f1f1; border-radius: 6px; display: table-row; margin-bottom: 12px; } .woocommerce .shop_table.cart td.product-thumbnail img { width: 120px; height: 80px; object-fit: cover; border-radius: 6px; } .woocommerce .shop_table.cart td { vertical-align: middle; } .woocommerce .shop_table.cart .product-name a { color: #212529; font-weight: 600; text-decoration: none; } .woocommerce .shop_table.cart .product-name a:hover { color: #007bff; } .cross-sells ul.products { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .cross-sells ul.products li.product { width: 100% !important; margin: 0 !important; float: none !important; } @media (max-width: 1024px) { .cross-sells ul.products { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 640px) { .cross-sells ul.products { grid-template-columns: 1fr; } } .cross-sells ul.products { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .cross-sells ul.products li.product { width: 100% !important; margin: 0 !important; float: none !important; } @media (max-width: 1024px) { .cross-sells ul.products { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 640px) { .cross-sells ul.products { grid-template-columns: 1fr; } } .dh-cart-grid.loading { opacity: 0.6; pointer-events: none; transition: opacity 0.3s ease-in-out; } @media (max-width: 880px) { .dh-cart-grid { display: block; } .dh-cart-right { margin-top: 24px; } .dh-cart-left, .dh-cart-right { flex: 0 0 100%; max-width: 100%; } .woocommerce .shop_table.cart td.product-thumbnail img { width: 80px; height: 60px; } }