.woocommerce ul.products li.product { border-radius: 16px !important; overflow: hidden !important; background: #fff !important; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; } @media (min-width: 768px) { .woocommerce ul.products li.product:hover { transform: translateY(-2px); box-shadow: 0 14px 35px rgba(15, 23, 42, .08) !important; border-color: #9be4ff !important; } } .woocommerce ul.products li.product img { border-radius: 10px !important; } .woocommerce ul.products li.product .product-image, .woocommerce ul.products li.product .thumb-info, .woocommerce ul.products li.product .product-loop-image, .woocommerce ul.products li.product .woocommerce-LoopProduct-link { margin-bottom: 12px !important; } .woocommerce ul.products li.product .product-content, .woocommerce ul.products li.product .product-details, .woocommerce ul.products li.product .product-inner, .woocommerce ul.products li.product .product-content-wrap { padding-left: 13px !important; padding-right: 13px !important; padding-bottom: 13px !important; } .woocommerce ul.products li.product .category-list, .woocommerce ul.products li.product .product-categories, .woocommerce ul.products li.product .posted_in, .woocommerce ul.products li.product .dtfshop-product-category { margin: 0 0 6px !important; font-size: 9.5px !important; line-height: 1.15 !important; font-weight: 900 !important; letter-spacing: .045em !important; color: #0ea5e9 !important; text-transform: uppercase !important; } .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3, .woocommerce ul.products li.product .product-title, .woocommerce ul.products li.product .product-loop-title { font-size: 13.7px !important; line-height: 1.35 !important; font-weight: 850 !important; color: #101828 !important; margin: 0 0 9px !important; min-height: 37px !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden !important; } .woocommerce ul.products li.product .dtfshop-card-chips, .woocommerce ul.products li.product .dtfshop-trust-chips, .woocommerce ul.products li.product .dtfshop-benefits-row, .woocommerce ul.products li.product .dtfshop-card-benefits, .woocommerce ul.products li.product .dtfshop-card-trust-row { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 5px !important; margin: 0 0 8px !important; } .woocommerce ul.products li.product .dtfshop-card-chips span, .woocommerce ul.products li.product .dtfshop-trust-chips span, .woocommerce ul.products li.product .dtfshop-benefits-row span, .woocommerce ul.products li.product .dtfshop-card-benefits span, .woocommerce ul.products li.product .dtfshop-card-trust-row span { font-size: 10.2px !important; line-height: 1 !important; padding: 4px 8px !important; border-radius: 999px !important; font-weight: 850 !important; white-space: nowrap !important; } .woocommerce .star-rating, .woocommerce-page .star-rating, .product .star-rating { color: #ffbf00 !important; font-size: 14.5px !important; width: 6.05em !important; height: 1.1em !important; line-height: 1.1em !important; letter-spacing: .035em !important; margin: 0 !important; float: none !important; } .woocommerce .star-rating::before, .woocommerce-page .star-rating::before, .product .star-rating::before { color: #d7dde7 !important; opacity: 1 !important; } .woocommerce .star-rating span::before, .woocommerce-page .star-rating span::before, .product .star-rating span::before { color: #ffbf00 !important; text-shadow: 0 1px 0 rgba(0,0,0,.06); } .dtfshop-card-meta-v6 { margin: 0 0 7px !important; padding: 0 !important; } .dtfshop-card-rating-row-v6 { min-height: 21px !important; margin: 0 0 6px !important; } .dtfshop-rating-wrap-v6, .dtfshop-no-review-wrap-v6 { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 6px !important; } .dtfshop-review-count-v6, .dtfshop-soft-badge-v6, .dtfshop-offer-pill-v6 { display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 999px !important; white-space: nowrap !important; line-height: 1 !important; } .dtfshop-review-count-v6, .dtfshop-soft-badge-v6 { font-size: 10.6px !important; padding: 4px 8px !important; font-weight: 850 !important; } .dtfshop-review-count-v6 { color: #8a5a00 !important; background: #fff7d8 !important; border: 1px solid #ebc85d !important; transform: translateY(-1px); } .dtfshop-new-badge-v6 { color: #0f766e !important; background: #ecfeff !important; border: 1px solid #a5f3fc !important; } .dtfshop-first-review-badge-v6 { color: #1d4ed8 !important; background: #eff6ff !important; border: 1px solid #bfdbfe !important; } .dtfshop-card-offers-v6 { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 5px !important; margin: 0 !important; } .dtfshop-offer-pill-v6 { font-size: 10.5px !important; padding: 4px 8px !important; font-weight: 900 !important; letter-spacing: -.01em !important; } .dtfshop-save-pill-v6 { color: #0d7a3f !important; background: #edfdf3 !important; border: 1px solid #b7ebc8 !important; } .dtfshop-prepaid-pill-v6 { max-width: 100% !important; white-space: normal !important; line-height: 1.3 !important; text-align: center !important; color: #075985 !important; background: #eef8ff !important; border: 1px solid #b8e0ff !important; } .woocommerce ul.products li.product .price { margin: 8px 0 0 !important; padding-top: 8px !important; border-top: 1px dashed #e3eaf3 !important; display: flex !important; align-items: baseline !important; gap: 8px !important; flex-wrap: wrap !important; line-height: 1.15 !important; } .woocommerce ul.products li.product .price del { font-size: 12.5px !important; color: #98a2b3 !important; opacity: 1 !important; } .woocommerce ul.products li.product .price del .woocommerce-Price-amount { font-size: inherit !important; color: inherit !important; font-weight: 800 !important; } .woocommerce ul.products li.product .price ins, .woocommerce ul.products li.product .price > .amount, .woocommerce ul.products li.product .price ins .woocommerce-Price-amount, .woocommerce ul.products li.product .price > .woocommerce-Price-amount { font-size: 15.5px !important; font-weight: 950 !important; color: #111827 !important; text-decoration: none !important; } .woocommerce ul.products li.product .dtfshop-card-actions, .woocommerce ul.products li.product .dtfshop-product-actions, .woocommerce ul.products li.product .dtfshop-card-buttons { display: grid !important; grid-template-columns: 1fr .78fr !important; gap: 8px !important; margin-top: 9px !important; } .woocommerce ul.products li.product .add_to_cart_button, .woocommerce ul.products li.product .dtfshop-details-btn, .woocommerce ul.products li.product .dtfshop-card-details { min-height: 36px !important; border-radius: 9px !important; font-size: 11.5px !important; font-weight: 900 !important; line-height: 1 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; } .woocommerce ul.products li.product .dtfshop-card-help, .woocommerce ul.products li.product .dtfshop-help-text, .woocommerce ul.products li.product .dtfshop-setup-help-text { margin-top: 7px !important; font-size: 10.5px !important; line-height: 1.25 !important; color: #334155 !important; font-weight: 750 !important; } .woocommerce ul.products li.product.outofstock { border-color: #bae6fd !important; background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important; } .woocommerce ul.products li.product.outofstock img { opacity: .82 !important; filter: saturate(.82) contrast(.96) !important; } .woocommerce ul.products li.product.outofstock .dtfshop-card-offers-v6 .dtfshop-offer-pill-v6, .woocommerce ul.products li.product.outofstock .dtfshop-card-offers-v5 .dtfshop-offer-pill-v5, .woocommerce ul.products li.product.outofstock .dtfshop-card-offers-v3 .dtfshop-offer-pill-v3 { display: none !important; } .woocommerce ul.products li.product.outofstock .dtfshop-card-offers-v6, .woocommerce ul.products li.product.outofstock .dtfshop-card-offers-v5, .woocommerce ul.products li.product.outofstock .dtfshop-card-offers-v3 { display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 5px !important; margin: 0 !important; } .woocommerce ul.products li.product.outofstock .dtfshop-card-offers-v6::before, .woocommerce ul.products li.product.outofstock .dtfshop-card-offers-v5::before, .woocommerce ul.products li.product.outofstock .dtfshop-card-offers-v3::before { content: "Restock Soon"; display: inline-flex; align-items: center; justify-content: center; padding: 4px 8px; border-radius: 999px; font-size: 10.5px; font-weight: 900; line-height: 1; color: #92400e; background: #fff7ed; border: 1px solid #fed7aa; white-space: nowrap; } .woocommerce ul.products li.product.outofstock .dtfshop-card-offers-v6::after, .woocommerce ul.products li.product.outofstock .dtfshop-card-offers-v5::after, .woocommerce ul.products li.product.outofstock .dtfshop-card-offers-v3::after { content: "Ask Availability"; display: inline-flex; align-items: center; justify-content: center; padding: 4px 8px; border-radius: 999px; font-size: 10.5px; font-weight: 900; line-height: 1; color: #075985; background: #eef8ff; border: 1px solid #bae6fd; white-space: nowrap; } .woocommerce ul.products li.product.outofstock .button, .woocommerce ul.products li.product.outofstock .add_to_cart_button, .woocommerce ul.products li.product.outofstock .product_type_simple, .woocommerce ul.products li.product.outofstock .dtfshop-card-details, .woocommerce ul.products li.product.outofstock .dtfshop-details-btn { background: linear-gradient(135deg, #0f172a 0%, #075985 100%) !important; color: #ffffff !important; border-color: transparent !important; } .woocommerce ul.products li.product.outofstock .button:hover, .woocommerce ul.products li.product.outofstock .add_to_cart_button:hover, .woocommerce ul.products li.product.outofstock .product_type_simple:hover, .woocommerce ul.products li.product.outofstock .dtfshop-card-details:hover, .woocommerce ul.products li.product.outofstock .dtfshop-details-btn:hover { transform: translateY(-1px); box-shadow: 0 8px 18px rgba(7, 89, 133, .18) !important; } .woocommerce ul.products li.product.outofstock .price { opacity: .92 !important; } @media (max-width: 575px) { .woocommerce ul.products li.product { border-radius: 14px !important; } .woocommerce ul.products li.product .product-image, .woocommerce ul.products li.product .thumb-info, .woocommerce ul.products li.product .product-loop-image, .woocommerce ul.products li.product .woocommerce-LoopProduct-link { margin-bottom: 9px !important; } .woocommerce ul.products li.product .product-content, .woocommerce ul.products li.product .product-details, .woocommerce ul.products li.product .product-inner, .woocommerce ul.products li.product .product-content-wrap { padding-left: 8px !important; padding-right: 8px !important; padding-bottom: 9px !important; } .woocommerce ul.products li.product .category-list, .woocommerce ul.products li.product .product-categories, .woocommerce ul.products li.product .posted_in, .woocommerce ul.products li.product .dtfshop-product-category { font-size: 8.2px !important; line-height: 1.15 !important; margin-bottom: 5px !important; letter-spacing: .035em !important; } .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3, .woocommerce ul.products li.product .product-title, .woocommerce ul.products li.product .product-loop-title { font-size: 11.7px !important; line-height: 1.28 !important; min-height: 30px !important; margin-bottom: 7px !important; -webkit-line-clamp: 2; } .woocommerce ul.products li.product .dtfshop-card-chips > *:nth-child(n+3), .woocommerce ul.products li.product .dtfshop-trust-chips > *:nth-child(n+3), .woocommerce ul.products li.product .dtfshop-benefits-row > *:nth-child(n+3), .woocommerce ul.products li.product .dtfshop-card-benefits > *:nth-child(n+3), .woocommerce ul.products li.product .dtfshop-card-trust-row > *:nth-child(n+3) { display: none !important; } .woocommerce ul.products li.product .dtfshop-card-chips, .woocommerce ul.products li.product .dtfshop-trust-chips, .woocommerce ul.products li.product .dtfshop-benefits-row, .woocommerce ul.products li.product .dtfshop-card-benefits, .woocommerce ul.products li.product .dtfshop-card-trust-row { gap: 4px !important; margin-bottom: 6px !important; } .woocommerce ul.products li.product .dtfshop-card-chips span, .woocommerce ul.products li.product .dtfshop-trust-chips span, .woocommerce ul.products li.product .dtfshop-benefits-row span, .woocommerce ul.products li.product .dtfshop-card-benefits span, .woocommerce ul.products li.product .dtfshop-card-trust-row span { font-size: 9.2px !important; padding: 3px 6px !important; } .woocommerce .star-rating, .woocommerce-page .star-rating, .product .star-rating { font-size: 12.5px !important; width: 5.95em !important; } .dtfshop-card-rating-row-v6 { min-height: auto !important; margin-bottom: 5px !important; } .dtfshop-rating-wrap-v6, .dtfshop-no-review-wrap-v6 { gap: 4px !important; } .dtfshop-no-review-wrap-v6 .dtfshop-first-review-badge-v6 { display: none !important; } .dtfshop-review-count-v6, .dtfshop-soft-badge-v6, .dtfshop-offer-pill-v6 { font-size: 9.5px !important; padding: 3px 6px !important; } .dtfshop-card-offers-v6 { gap: 4px !important; } .woocommerce ul.products li.product .price { margin-top: 7px !important; padding-top: 7px !important; gap: 6px !important; } .woocommerce ul.products li.product .price del { font-size: 10.5px !important; } .woocommerce ul.products li.product .price ins, .woocommerce ul.products li.product .price > .amount, .woocommerce ul.products li.product .price ins .woocommerce-Price-amount, .woocommerce ul.products li.product .price > .woocommerce-Price-amount { font-size: 13.3px !important; } .woocommerce ul.products li.product .dtfshop-card-actions, .woocommerce ul.products li.product .dtfshop-product-actions, .woocommerce ul.products li.product .dtfshop-card-buttons { grid-template-columns: 1fr !important; gap: 6px !important; margin-top: 7px !important; } .woocommerce ul.products li.product .add_to_cart_button, .woocommerce ul.products li.product .dtfshop-details-btn, .woocommerce ul.products li.product .dtfshop-card-details { width: 100% !important; min-height: 32px !important; font-size: 10.5px !important; border-radius: 8px !important; } .woocommerce ul.products li.product .dtfshop-card-help, .woocommerce ul.products li.product .dtfshop-help-text, .woocommerce ul.products li.product .dtfshop-setup-help-text { margin-top: 5px !important; font-size: 9.3px !important; line-height: 1.2 !important; } .woocommerce ul.products li.product.outofstock .dtfshop-card-offers-v6::before, .woocommerce ul.products li.product.outofstock .dtfshop-card-offers-v6::after, .woocommerce ul.products li.product.outofstock .dtfshop-card-offers-v5::before, .woocommerce ul.products li.product.outofstock .dtfshop-card-offers-v5::after, .woocommerce ul.products li.product.outofstock .dtfshop-card-offers-v3::before, .woocommerce ul.products li.product.outofstock .dtfshop-card-offers-v3::after { font-size: 9.5px; padding: 3px 6px; } }